/**header*/
#sp-header .row{
  flex-wrap:nowrap;
  align-items: flex-start!important;
}
#sp-header .sp-column{
display:block!important;
}
body.rtl #sp-header .sp-module {
    margin-left: 0px;
  margin-right:20px;
}
@media (min-width: 768px) {
    #sp-header .container,#sp-header .container-sm {
        max-width: unset; 
    }
}
/*page title*/
.sp-page-title {
    padding: 0;    
    background-position: center;
    display: flex;
    height: 300px;
    align-items: center;
}
#sp-title .sp-page-title::before {
    position: absolute;
    background: rgba(0,0,0,0.65);
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
  width:100%;
  z-index:999;
  height:100%;
}
.logo-image {
    height: 108px!important;
    background: #fff;
    /*position: absolute;*/
    border-radius: 4px;
    margin-top: -28px;
  margin-top: 50px;
    padding: 5px;
}
@media(max-width:991px){
#sp-logo {
   /* flex: 1 1 100%;*/
  width:100%;
}
}
/*mega menu*/
.sp-megamenu-parent>li {
    background: #fff;
}

body.rtl .sp-megamenu-parent>li.sp-has-child>a:before,
body.rtl .sp-megamenu-parent>li.sp-has-child>span:before {
font-weight:700;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    padding: 0 8px;
  cursor:pointer;
}
@media (min-width: 992px) and (max-width:1110px) {
  .sp-megamenu-parent>li>a,
  .sp-megamenu-parent>li>span {
    font-size: 15px;
    padding: 0 5px;
}
}
/* offcanvas*/
.logo-image-phone {
    height: 52px!important;
}
.close-offcanvas span {
    position: relative;
    left: 9px;
    font-size: 18px;
}
#offcanvas-toggler>.fa {
    color: #17161A;
}
#offcanvas-toggler>.fa:hover,
#offcanvas-toggler>.fa:focus,
#offcanvas-toggler>.fa:active {
    color: #dd2931;
}
body.rtl #offcanvas-toggler.offcanvas-toggler-right {
    float: left;
    margin-right: 20px;
}

/* offcanvas menu */
.offcanvas-menu .offcanvas-inner ul li{
  padding:7px 0px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li ul li a,
.offcanvas-menu .offcanvas-inner .sp-module ul>li ul li span{
    font-size: 18px!important;
    position:relative;
    display:block;
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul>li a:focus,
.offcanvas-menu .offcanvas-inner .sp-module ul>li span:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul>li span:focus,
.offcanvas-menu .offcanvas-inner .sp-module ul>li.active span,
.offcanvas-menu .offcanvas-inner .sp-module ul>li.active .menu-toggler,
.offcanvas-menu .offcanvas-inner .sp-module ul>li ul li.active a{
    color: #dd2931;
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>.nav-header>.menu-toggler {
   left: 0;
    top: 30px;
}
body.rtl .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, body.rtl .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
	right:auto;
}
body.rtl .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.nav-header>.menu-toggler:after {
    font-family: "Font Awesome 6 Free";
    content: "\f104";
    font-weight: 900;
}
.burger-icon>span,
.offcanvas-active .burger-icon>span, 
#modal-menu-toggler.active .burger-icon>span  {
    background-color: #0b549a;
}
body.rtl.offcanvs-position-left.offcanvas-active .body-wrapper {
    right: 0;
}
body.rtl #offcanvas-toggler.offcanvas-toggler-left {
    float: left;
    margin-left: auto;
    margin-right:20px;
}



input[type=tel]:not(.form-control){
  text-align:right;
}
/* article */
.view-article #sp-main-body {
    padding: 70px 0px 0px;
}

/* addon accordion*/
.sppb-addon-accordion .sppb-panel-modern:has(> .sppb-panel-heading.active) {
     border: unset;
     background: transparent;
    box-shadow: 0 0 12px rgb(195 195 195);
}
body.rtl .sppb-addon-accordion .sppb-panel-modern .sppb-panel-heading .sppb-toggle-direction {
    left: 32px;
    right:auto;
}
.sppb-addon-accordion .sppb-panel-modern .sppb-panel-heading {
    background-color: #f0f5ff;
}
.sppb-addon-accordion .sppb-panel-modern .sppb-panel-heading .sppb-panel-title {
    color: #182758;
}
.sppb-addon-accordion .sppb-panel-modern .sppb-panel-heading .sppb-toggle-direction .fa::before {
    color: #182758;
    border: 0px solid #18275800;
}
.sppb-addon-accordion .sppb-panel-modern .sppb-panel-heading.active .sppb-toggle-direction .fa::before {
    color: #b3121a;
   border: 0px solid #b3121a00;
}



/*carousel pro rtl fix for arrow - rtl css of the template is wrong */
body.rtl .sppb-carousel .fa-chevron-right:before {
    content: "\f054";
}
/*badge - visits*/
body.rtl #sp-footer2 .badge {
    float:left !important;
}

/*search finder */
.top-search-wrapper{
  /*padding-left:14px;*/
}
body.rtl .top-search-wrapper{
  padding-right:0px;
  padding-left:0px;
}


.icon-top-wrapper {
    height: auto;
    line-height: 40px;
    margin: 0px;
    width: 15px;
    position: relative;
    z-index: 120
}

.icon-top-wrapper i {
    color: #000;
    cursor: pointer;
    transition: 0.3s;
    font-size: 16px
}

.icon-top-wrapper i.search-close-icon {
    font-size: 22px;
    color: #fff;
    z-index: 100;
    position: relative;
    left: 4px;
    width: 16px;
    height: 16px
}

.icon-top-wrapper i.search-close-icon:after,.icon-top-wrapper i.search-close-icon:before {
    position: absolute;
    content: " ";
    height: 16px;
    width: 2px;
    background-color: #fff;
    left: 0;
    top: 0
}

.icon-top-wrapper i.search-close-icon:before {
    transform: rotate(45deg)
}

.icon-top-wrapper i.search-close-icon:after {
    transform: rotate(-45deg)
}

.icon-top-wrapper .search-close-icon {
    display: none
}

.top-search-input-wrap {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 101;
    display: none;
    -webkit-animation: searchZoomIn 0.4s;
    animation: searchZoomIn 0.4s
}

.top-search-input-wrap .top-search-overlay {
    position: absolute;
    background: rgba(0,0,0,0.85);
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: none
}

.top-search-input-wrap form {
    width: 100%
}

.top-search-input-wrap {
    width: 100%
}

.top-search-input-wrap .mod-finder {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

/*.top-search-wrapper .mod-finder .awesomplete {*/
  .top-search-input-wrap .awesomplete {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 85%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.top-search-input-wrap .mod-finder input {
    border-radius: 3px;
    border-width: 0;
    height: 60px;
    background-color: transparent;
    box-shadow: none;
    padding: 10px 20px 10px 0;
    width: 100%;
    border-bottom: 3px solid;
    font-size: 24px;
    color: #fff;
    border-radius: 0
}
.top-search-input-wrap .mod-finder input::placeholder{
  font-size:24px;
  color:#fff;
}
.top-search-input-wrap .mod-finder input:focus {
    outline: 0;
    box-shadow: none
}

.top-search-input-wrap .mod-finder input:after {
    content: "\f002";
    font-size: 20px;
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 0;
    right: 15px;
    pointer-events: none;
    line-height: 60px
}
/*404 error page*/
html.error-page body {
    background: transparent !important;
}
html.error-page body>.container {
    align-items: center!important;
}
/*footer*/
.sp-copyright {
    display: block;
    width: 100%;
    text-align: center;
  padding:10px 0px;
}
#sp-footer .container-inner {
    padding: 0px;
  border:none;
}
#sp-bottom {
    padding:0;
}
#sp-bottom .sp-module {
    margin-bottom: 0px;
}
#sp-footer, #sp-bottom {
    background: #002343;
}