@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;500;600;700&display=swap');

.body-wrapper {overflow: hidden;}


h1.sppb-addon-title, h4.sppb-addon-title {font-family: 'El Messiri';}

@media screen and (max-width:480px){
h1 {font-size: 30px!important;}}


/*background heading*/
.heading-01 h1.sppb-addon-title {
    font-size: 14rem;
    font-family: 'Open Sans';
    letter-spacing: 10px;
}


.zindex3{z-index:3!important;}


/*bottom*/
section#sp-section-4 {
    padding-top: 130px;
    margin-top: -11%;}

@media screen and (max-width:992px){
section#sp-section-4 {padding-top: 100px;margin-top: -18%;}}

@media screen and (max-width:480px){
section#sp-section-4 {padding-top: 100px;margin-top: -40%;}}


section#sp-section-4{
background: rgb(31,158,177);
background: linear-gradient(180deg, rgba(31,158,177,1) 0%, rgba(26,130,157,1) 100%);
color:#fff;
}


/*-------------------------
     OFFCANVAS
--------------------------*/ 


.offcanvas-menu {
    background: url(/images/0_tm/offcanvas.jpg);
    background-position: left center;
    background-size:cover;
    background-repeat:no-repeat;}

.offcanvas-menu {
    border-left: 4px solid #3dbfcd!important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul li a {
  color:#334049!important;;padding: 5px 10px;
}

.offcanvas-menu li.current.active a {
  color: #fff!important;
  font-weight: 900!important;
}


.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:focus > a {
  background: #013A51!important;
  color:#fff!important;
}
  

.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a{
  background: #0177bd47 !important;
  color:white!important
}

/*for display child*/
.offcanvas-menu ul.menu-child {
    display: inherit !important;
}



/*--------------------------------
     CLOSE CANVAS ICON
--------------------------------*/
.close-offcanvas {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    line-height: .5;
    text-align: center;
    font-size: 16px;
    border: 0px solid #fff;
    color: #fff;
    padding-top: 3px;background: transparent;
}

.fa.fa-remove:before{
    right: 0;
    position: absolute;
    line-height: 15px;
    float:right;
    top: -14px;
    text-align:right;
    right:0;
}


.fa.fa-remove:before{
    content: " "!important;
    background: url(/images/0_tm/cancel02.png);
    content: '';
    height: 66px;
    width: 33px;
    background-repeat: no-repeat;
    transform: scale(0.5);}




/*-------------------------
     FOOTER
--------------------------*/ 


div#sp-position8 ul.menu {
    padding-left: 0px;
}

div#sp-position8 ul li::marker {
    display: none!important;
    content: ''!important;
  	color: transparent!important;
}




body { -webkit-touch-callout: none !important; }
a { -webkit-user-select: none !important; }