@import url('animate.css');
@import url('custom-animate.css');
@import url('simple-line-icons.css');
@import url('font-awesome.css');


.btn-primary, .sppb-btn-primary {
    border-color: #008dd2;
    background-color: #008dd2;
}



#offcanvas-toggler {
	display: inline-flex;
	align-items: center;
	line-height: 1;
	font-size: 20px;
	position: relative;
	z-index: 22;
	height: auto;
}

.burger-icon > span {
	background-color: #95C12B;
}

#sp-header.header-sticky .burger-icon > span {
	background-color: #95C12B;
}

.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
	background-color: #95C12B;
}

.close-offcanvas {
	z-index: 99;
}

@media (max-width: 992px) {
.offcanvas-menu {
	background-color: #fff;
	color: #95C12B;
}
.offcanvas-menu .offcanvas-inner a {
	color: #95C12B;
}

.offcanvas-menu .offcanvas-inner a:hover, .offcanvas-menu .offcanvas-inner a:focus, .offcanvas-menu .offcanvas-inner a:active {
	color: #95C12B;
}

.offcanvas-menu .p-3 {
	padding: 0 !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span,
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a, .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 {
	color: #000;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > .menu-child > li {margin-bottom: 10px;}
.offcanvas-menu .offcanvas-inner ul.menu > li > .menu-child > li:last-child {margin-bottom: 0px;}

.offcanvas-menu .offcanvas-inner ul.menu > li > .menu-child > li img {max-width: 100px;}

.offcanvas-menu .logo {display: none;}

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

.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
	opacity: 1;
}
}

@media (min-width: 992px) {
.offcanvas-menu .offcanvas-inner {
	padding: 0;
}

.offcanvas-menu .offcanvas-inner > .d-flex {display: none !important;}

.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {
	margin-bottom: 0px;
}

.burger-icon {
	width: 30px;
	cursor: pointer;
}
.burger-icon > span {
height: 2px;
width: 83.33333333%;
background: #95C12B;
transition: all 400ms ease-in-out;
}
.burger-icon > span:nth-child(1) {
-webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;
animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;
}
.burger-icon > span:nth-child(2) {
	width: 100%;
-webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;
animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;
}
.burger-icon > span:nth-child(3) {
width: 58.33333333%;
transition: all 100ms ease-in-out;
-webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 600ms;
animation: burger-hover 1s infinite ease-in-out alternate forwards 600ms;
}

body.ltr #offcanvas-toggler.offcanvas-toggler-right {
	float: right;
	margin-left: 0px;
}

#offcanvas-toggler {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translatey(-50%);
	display: inline-block;
	height: auto;
}

.offcanvas-menu {
	background-color: transparent;
}

.offcanvas-menu .p-3 {
	padding: 0 !important;
}

.offcanvas-menu .logo {display: none;}

.offcanvas-menu .menu {display: none !important;}

.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
	background-color: #95C12B;
}

body.ltr.offcanvs-position-right .offcanvas-menu {
	right: -400px;
}

body.ltr.offcanvs-position-left .offcanvas-menu {
	left: -400px;
}

.offcanvas-menu {
	width: 400px;
}
	
}

.logo-image-phone {
    height: 35px !important;
}

#sp-footer .container-inner {
    padding: 25px 0;
    border-top: 1px solid #a2a2a2;
}

/* ANIMATION */

@-webkit-keyframes burger-hover {
  0% {
    width: 100%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}

@keyframes burger-hover {
  0% {
    width: 100%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}


h3, h4, H5 {
    color: #95C12B;
}

#sp-header {
    background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0;
}

#sp-right .sp-module-title {
    border-bottom: 2px solid #008DD2 !important;
	color: #008DD2;
	margin: 0 0 20px !important;
	font-weight: 500 !important;
	text-transform: uppercase;
	font-size: 17px !important;
	padding-bottom: 5px !important;
	letter-spacing:0.5px;
}

.sp-megamenu-parent .sp-mega-group > li > a {
    border-bottom: 1px solid #95C12B;
}


.shariff ul {
    margin-top: 15px;
}

.small, small {
    font-size: 90%;
}

#sp-bottom .sp-module .sp-module-title {
    border-bottom: 1px solid #95C12B;
    padding-bottom: 5px;
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
	color: #95C12B;
}

.sp-megamenu-parent .sp-mega-group > li > a {
    color: #95C12B;
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
}

.sp-megamenu-parent > li:hover > a {
    color: #074275;
    text-transform: uppercase;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    text-transform: uppercase;
}

.sp-megamenu-parent .sp-mega-group > li > a:hover {
    color: #14851f;
	font-weight: 700;
}

.sp-megamenu-parent .sp-dropdown .sp-module .sp-module-title {
    font-size: 16px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    color: #95C12B;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{font-family: 'Roboto', sans-serif;font-size: 16px;font-weight: 400;font-style: normal;}

.sp-megamenu-parent > li.active > a {
    font-weight: 700;
	text-transform: uppercase;
}

.page-item.active .page-link {
    background-color: #95C12B;
    border-color: #95C12B;
}

.sp-page-title {
    padding: 138px 0;
}

.sppb-panel-modern > .sppb-panel-heading {
    background: #f5f5f5;
    color: #353535;
}

.sppb-carousel-inner > .sppb-item > a > img, .sppb-carousel-inner > .sppb-item > img, .sppb-img-responsive {
    padding-bottom: 7px;
}

/* load google Fonts direct to server */
body{font-family: 'Roboto', sans-serif;font-size: 17px;font-weight: 400;font-style: normal;}
h1{font-family: 'Roboto', sans-serif;font-size: 28px;font-weight: 700;font-style: normal;letter-spacing: 0.01em;text-transform: uppercase;}
h2{font-family: 'Roboto', sans-serif;font-size: 28px;font-weight: 500;font-style: normal;letter-spacing: 0.01em;text-transform: uppercase;}
h3{font-family: 'Roboto', sans-serif;font-size: 22px;font-weight: 700;font-style: normal;letter-spacing: 0.01em;text-transform: uppercase;}
h4{font-family: 'Roboto', sans-serif;font-size: 24px;font-weight: 500;font-style: normal;letter-spacing: 0.01em;text-transform: uppercase;}
h5{font-family: 'Roboto', sans-serif;font-size: 20px;font-weight: 500;font-style: normal;letter-spacing: 0.01em;text-transform: uppercase;}
h6{font-family: 'Roboto', sans-serif;font-size: 14px;font-weight: 400;font-style: normal;letter-spacing: 0.01em;text-transform: uppercase;}

/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v30-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/roboto-v30-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}