@media screen and (max-width:991px){
  body{font-size:14px!Important;}
  h1{font-size:28px!Important;}
  h2{font-size:26px!Important;}
  h3, h4{font-size:14px!Important;}
}

/*-------------------------
       LOGO
-------------------------*/
#sp-logo .logo img {
    height: auto;
    width: 78px!important;
    max-width: initial;
}
div#sp-logo:before {content: '';background: white;height: 100%;width: 131%;left: -86px;position: absolute;z-index: -1!important;}

/*-----------------------------------------------------------------------
                                1920 px
-------------------------------------------------------------------------*/
@media screen and (min-width:1537px){
#sp-header .logo {
    margin-left: calc(100% - 11vw);
}}


/*-----------------------------------------------------------------------
                                1536 px
-------------------------------------------------------------------------*/
@media screen and (min-width:1367px) and (max-width:1536px){
#sp-header .logo {
     margin-left: calc(100% - 11.5vw)
}}


/*-----------------------------------------------------------------------
                                1366 px
-------------------------------------------------------------------------*/
@media screen and (min-width:992px) and (max-width:1367px){
#sp-header .logo {
    margin-left: calc(100% - 12vw);
}}


/*-----------------------------------------------------------------------
                                412 px
-------------------------------------------------------------------------*/
@media screen and (min-width:361px) and (max-width:412px){
#sp-header .logo {
    margin-left: calc(100% - 33vw);
}}


/*-----------------------------------------------------------------------
                                360 px
-------------------------------------------------------------------------*/
@media screen and (min-width:351px) and (max-width:360px){
#sp-header .logo {
    margin-left: calc(100% - 35vw);
}}


/*-----------------------------------------------------------------------
                                350 px
-------------------------------------------------------------------------*/
@media screen and (max-width:351px){
#sp-header .logo {
    margin-left: calc(100% - 37vw);
}}



/*-------------------------
          HEADER
-------------------------*/
@media(min-width:991px){
#sp-header {
    top: 35px;
    transition:0.3s ease;
    background: #000;
}
  header#sp-header {
    padding: 0px 100px;
}
#sp-header.menu-fixed {
    top: 0; transition:0.3s ease;
}}

header#sp-header {
    background: #0e959b;
}

.sticky-wrapper.is-sticky {z-index: 99999;}


div#sp-menu{margin: auto!important;}
#sp-header .row{display: flex!important;}

/*-------------------------
      NAVBAR HOVER
-------------------------*/
#sp-header.header-sticky .sp-megamenu-parent >li >a:before { content: " "; position: absolute; height: 0px; width: 1px; background-color: #ffffff; top: -50px; left: 50%; transition: linear 200ms;}

#sp-header.header-sticky .sp-megamenu-parent >li.active a:before, #sp-header.header-sticky .sp-megamenu-parent >li >a:hover:before { height: 50px; width: 1px; }

.sp-megamenu-parent >li >a:before {content: " ";position: absolute;height: 0px;width: 1px;background-color: #f5ce4d;top: 0px;left: 50%;transition: linear 200ms;}
.sp-megamenu-parent >li >a:after {content: " ";position: absolute;height: 0px;width: 1px;background-color: #ffffff;bottom: 0px;left: 50%;transition: linear 200ms;}

.sp-megamenu-parent >li.active a:before, .sp-megamenu-parent >li >a:hover:before {height: 23px;width: 1px;}
.sp-megamenu-parent >li.active a:after, .sp-megamenu-parent >li >a:hover:after {height: 23px;width: 1px; content:'';}
.sp-menu-item.sp-has-child:before{
    font-family: "FontAwesome";
    content: " \f107";
    color: #c2c2c2;
    right: 4px !important;
    position: absolute;
    top: 23px;
}

/*remove original dropdown icon*/
.sp-megamenu-parent >li.sp-has-child>a:after {font-family: "FontAwesome";content: " "!important;}
/*menu link color*/
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {color: #fff;padding: 0px 20px;}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a, .sp-megamenu-parent > li:hover a { color: #c2c2c2; background:transparent; }

.sp-megamenu-parent >li.active>a, .sp-megamenu-parent > li > a{background:transparent;}

/*dropdown color*/
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {background: #00a599d1;}
/*dropdown hover color*/
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:not(.sp-group-title):hover {
background-color: #10484240; color:white;}

/*navbar font size*/
@media screen and (min-width:1200px){
.sp-megamenu-parent >li >a {
    font-size: 15px;
    padding: 0px 30px!important;
}}

@media screen and (max-width: 1199px) and (min-width: 992px){
.sp-megamenu-parent > li > a {
    font-size: 11px;
    padding: 0px 25px!important;
}}

.nav>li>a:focus {
    text-decoration: none;
  background-color: transparent;}

/*-------------------------
      TOGGLER ICON
-------------------------*/
#offcanvas-toggler>i {
    color: #caa340;
}
@media screen and (max-width:991px){
div#sp-menu {
    float: right;
}}
@media screen and (max-width:992px){
header#sp-header {
    background: #0e959b;
    padding: 0px 0px 0px 20px;
}}
/*-------------------------------------
           OFFCANVAS MENU
--------------------------------------*/

.offcanvas-menu {background: #222222;border-left: 5px solid #0e959b;}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a {border-bottom: 1px solid white;}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.active a {background: #ffffff36;}

.offcanvas-menu {content: '';background: url('/images/0_spmulia/offcanvs-bg.jpg');}
/*-------------------------------------
             PAGE TITLE
--------------------------------------*/
#sp-page-title .sp-page-title {
    position: relative;
    padding: 175px 0 120px;
    margin-top: -70px!important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 20% 85%;
}


#sp-page-title .sp-page-title .breadcrumb {
    position: unset!important;
    margin-top: 15px!important;
}

#sp-page-title .sp-page-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(29 29 29 / 31%);
}

/*-------------------------
       FIRST ROW
-------------------------*/
@media screen and (min-width:992px){
.home-row-001 {margin-top: -100px!important;}}

/*-------------------------
      FOOTER
-------------------------*/
section#sp-bottom{background:black;}
@media screen and (min-width:992px){
section#sp-bottom ul.nav.menu{display:flex;padding:20px 0px;justify-content: center;}
#sp-bottom1 h3.sp-module-title {display:none;}}
section#sp-bottom ul.nav.menu a{padding:0px 20px;color:#0e959b;line-height: 35px;}
#sp-bottom1 h3.sp-module-title {
    color: #caa340;
    padding: 0px 20px;
    font-size: 20px!important;
}
section#sp-bottom ul.nav.menu a:hover {
    color: white;
}
@media screen and (max-width: 767px) and (min-width: 320px){
#sp-bottom {
    padding: 40px 0 10px !important;
  }}
/*-------------------------
      COPYRIGHT
-------------------------*/
span.sp-copyright {text-align: center;float:none!important;}
span.sp-copyright a {color: white!important;}

@media screen and (max-width:991px){
footer#sp-footer {
    padding-bottom: 85px;
    padding-top: 0px!important;
}    
}
/*-------------------------
    BACK TO TOP FIX
-------------------------*/
.scrollup {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 100px;
  right: 34px;
  display: none;
  z-index: 999;
  border-radius: 3px;
  border: 1px solid #fff;
  opacity: .5;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.scrollup:hover,
.scrollup:focus {
  opacity: 1;
}
.scrollup:before {
  content: " \f106";
  font-family: "FontAwesome";
  position: absolute;
  top: 0;
  color: #fff;
  right: 0;
  border-radius: 3px;
  width: 40px;
  height: 38px;
  line-height: 35px;
  text-align: center;
  font-size: 25px;
  font-weight: 700;
}