/*header*/

#sp-header { background: transparent; padding: 0; height: 80px;  }

#sp-header.header-sticky { background: #fff; padding: 0; }

body.transparent-header #sp-header { position: absolute; }

body.transparent-header #sp-header:before { opacity: 0; }

#sp-header .logo { position: relative; height: 80px; width: 110px; }

#sp-header .logo a { margin: auto; }

/*#sp-header .logo img { margin-top: 5px; }*/

#sp-header .logo a img { filter: brightness(0) invert(1); transition: 0.5s; }

#sp-header.header-sticky .logo a img { filter: none; height: 60px; transition: 0.5s; }

#sp-header .logo .logo-image-phone { height: 80px; transition: 0.5s; }

.sp-megamenu-parent > li > a:before, .sp-megamenu-parent > li > span:before { display: none; }

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { line-height: 80px; letter-spacing: 1px; }

#sp-header.header-sticky .sp-megamenu-parent > li > a, #sp-header.header-sticky .sp-megamenu-parent > li > span { color: #000; line-height: 60px; }

#sp-header .sp-megamenu-parent > li.active > a { color: #fff; }

#sp-header.header-sticky .sp-megamenu-parent > li.active > a { color: #000; }

.sp-megamenu-parent > li.active:hover > a, .sp-megamenu-parent > li:hover > a { color: #bfdba7 !important; }


#sp-header.header-sticky { height: 60px; }

#sp-header.header-sticky .logo { height: 60px; transition: 0.5s; }


/*#sp-header .logo:before { content: ""; position: absolute; background: #fff; width: 1000px; height: 95px; transform: skewX(-30deg); box-shadow: 2px 2px 15px #3a3a3a; right: -30px; z-index: -1; }

#sp-header .logo:after { content: ""; position: absolute; background: #00349b; width: 1000px; height: 95px; transform: skewX(-30deg); right: 130px; z-index: -1; }*/




/*end of header*/

/*livechat*/

#sp-float-contact .sppb-btn.sppb-btn-custom { padding:10px; text-transform: capitalize; font-family: 'Poppins', sans-serif; font-weight: 500; letter-spacing: 1px; }

#sp-float-contact .sppb-btn i { font-size:14px; margin-right: 5px; }

div#sp-float-contact { position: fixed; right: -250px; top: 170px; z-index: 99; padding: 15px; width: 250px; height: auto; background: #fff; box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2); transition: 0.8s; }

div#sp-float-contact:hover { right: 0; }

div#sp-float-contact:before { content: "GET IN TOUCH"; position: absolute; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: 1.5px; top: 65px; left: -95px; transform: rotate(-90deg); background: #00349b; color: #fff;width: 150px; padding: 13px 0; text-align: center; }

#sp-float-contact .bfQuickMode input[type=text] , #sp-float-contact .bfQuickMode textarea { max-width: 100% !important; }

#sp-float-contact .bfQuickMode textarea { height: 100px !important; }

#sp-float-contact .contact .form-actions { margin-top: 5px; }

#sp-float-contact .contact button.bfSubmitButton { padding: 8px 10px; width: 100%; }

/*end of livechat*/


/*offcanvas*/

#offcanvas-toggler { height: 80px; line-height: 80px; transition: 0.5s; }

#sp-header.header-sticky #offcanvas-toggler { height: 60px; line-height: 60px; }

#offcanvas-toggler > .fa { color: #fff; transition: 0.5s; }

#sp-header.header-sticky #offcanvas-toggler > .fa { color: #000; }

#offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus, #offcanvas-toggler > .fa:active { color: #cecece; }

.offcanvas-menu { background-color: #fff; border-left: 4px solid #8c8c8c; }

.close-offcanvas { background: transparent; color: #000; }

.close-offcanvas:hover { background: transparent; color: #57863c; }

.offcanvas-menu .sp-module ul >li >a:before { font-family: FontAwesome; content: "\f105"; margin-right: 15px; }

.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span { font-family: 'Poppins', sans-serif; color: #000; padding: 10px 20px; letter-spacing: 1px; font-weight: 400; font-size: 14px; }

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul { display: initial !important; margin-left: 0 !important; }

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li { margin-left: 10px; }

.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler { display: none; }

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a { font-size: 12px; color: #000 !important; }

.offcanvas-menu .offcanvas-inner { padding: 50px 10px 0; }

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

.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:focus > a {
  background: rgba(0,0,0,0.1) !important; color: #57863c;
}

/*end of offcanvas*/

/*body*/

body { /*line-height: 1.6;*/ letter-spacing: 0.5px; }

@media (max-width: 767px) {
  h2.sppb-addon-title { font-size: 26px; line-height: 1.3; }
  h3.sppb-addon-title { font-size: 24px; line-height: 1.3; }
}

/*end of body*/


/*footer*/

#sp-footer { background: #121212; padding: 10px 0; }

#sp-footer1 { text-align:center; }

#sp-footer .container-inner { padding: 0; }

#sp-footer .sp-copyright { color: #fff; font-weight: 400; letter-spacing: 1px; font-size: 12px; }

#sp-footer .sp-copyright strong { color: #57863c; }

#sp-footer .sp-copyright a { color: #fff; transition: 0.5s; }

#sp-footer .sp-copyright a:hover, #sp-footer .sp-copyright a:focus { opacity: 0.8; }

/*end of footer*/

/*button*/

.sppb-btn.sppb-btn-default { position: relative; border: 0; letter-spacing: 1px; padding: 10px 25px; border-radius: 0; background: #00349b; color: #fff; font-weight: 500; }

.sppb-btn.sppb-btn-default:focus { background: #00349b; }

.sppb-btn.sppb-btn-default:hover { background: #0d4ef3; }

.sppb-btn.sppb-btn-default:before { content: ""; position: absolute; background: #00349b; width: 15px; height: 100%; right: -20px; top: 0; bottom: 0; margin: auto; transition: 0.5s; }

.sppb-btn.sppb-btn-default:after { content: ""; position: absolute; background: #00349b; width: 10px; height: 100%; right: -35px; top: 0; bottom: 0; margin: auto; transition: 0.5s; }

.sppb-btn.sppb-btn-default:hover:before, .sppb-btn.sppb-btn-default:hover:after { transform: skewX(-10deg); background: #0d4ef3; }


/*end of button*/

/*scrollbar*/

::-webkit-scrollbar-track { border: 1px solid #8e8e8e; background-color: #fff; }

::-webkit-scrollbar { width: 5px; background-color: #57863c; }

::-webkit-scrollbar-thumb { background-color: #57863c; }

/*end of scrollbar*/

.adv-icon-01 .sppb-img-responsive { max-width: 50%; }

.adv-icon-02 .sppb-img-responsive { max-width: 22%; }

div#sppb-addon-1564622408748 { margin-right: -100px; }

.cta-header {width: 150%;}

@media (max-width:767px) {
  .cta-header {width: 100%;}
}

.cta-body {width: 150%;}

@media (max-width:767px) {
  .cta-body {width: 100%;}
}