@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900');
.roboto{font-family: 'Roboto', sans-serif;}
*{margin:0; padding:0; box-sizing:border-box;}
img {border:none; height:auto;}
a {text-decoration:none; color:#0071CD;
 transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;}
a:hover{text-decoration:none; color:#0071CD;}
input[type=button], input[type=submit] { cursor:pointer; border:none; overflow:visible;  -webkit-appearance: none; -webkit-border-radius:0; border-radius:0; outline:none;}

a:focus { outline:none;}
ul,li {list-style:none; margin:0px;}
h1,h2,h3,h4,h5,h6 { font-weight:normal; margin:0px;}
h6{ font-size: 16px;}
table { border-collapse:collapse; border-spacing:0;}

body {font-family:'Raleway', sans-serif; font-size:16px; color:#444; background:#ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body, html { height:100%; -webkit-overflow-scrolling: touch; scroll-behavior: smooth;}
main{ overflow-x:hidden;}

/*Header base class */
header .navbar-brand{ height:auto; padding-top: 0px; position: relative; top: -12px;}
header .navbar-brand img{ width:145px; }
header .navbar{ background-color:rgba(0,68,128,1); margin-bottom: 0; border-radius: 0;}
header .navbar-nav{ margin-top: 0px;}
header .navbar-nav > li > a {line-height: normal;}
header .navbar-default .navbar-nav > li > a {color: #fff;}
header .navbar-default .navbar-nav > li > a:focus, header .navbar-default .navbar-nav > li > a:hover {color: #fff;}
header .navbar-default .navbar-nav > .active > a, header .navbar-default .navbar-nav > .active > a:focus, header .navbar-default .navbar-nav > .active > a:hover {color: #fff; background-color: transparent; font-weight: 600;}
header .navbar-default {border-color: transparent;}
header{transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
header.header-dark{ position: fixed; top: 0; left: 0; right: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; z-index: 999999;}
header.header-dark .navbar{ background-color:rgba(0,68,128,1);}

header .navbar-default .navbar-nav > li > a.quote{ background-color: #58be02; color: #fff;}
header .call-now{background-color:rgba(0,68,128,1); text-align:right; color:#fff; font-family: 'Roboto', sans-serif; padding-left: 5%; padding-right: 5%;}
header .call-now a{ color:#fff; font-size: 16px;}
header .call-now a:hover{ color:#58be02;}
header .call-now a:focus{ color:#58be02;}
/*End Header base class */
.custom-container{ width: 90%;}
.banner-section{ background-image: url(../images/banner.jpg); background-repeat: no-repeat; background-size: cover; background-position:  center top; height: 710px;}


.banner-section .jet-slider__content-inner {
    position: relative;
    max-width: 35% !important;
    display: block;
    text-align: left;
    left: 0;
    background-color: rgba(0,68,128,.8);
    height: 100%;
}

.banner-section .jet-slider__content-inner::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 710px solid rgba(0,68,128,.8);
    border-right: 80px solid transparent;
    display: block;
    position: absolute;
    right: -80px;
    top: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.banner-section .jet-slider__content-inner .jet-slider__title {
    font-weight: 400; color:#fff;line-height: 1.44;
    
    text-transform: none;
    margin-left: 60px;
    margin-right: 0px;
    max-width: 500px;
   
    margin-top: 0;
    padding-top: 210px;
    position: static;
    text-align: left !important;
    width: 100%;
    box-sizing: border-box;
}

.banner-section .jet-slider__content-inner .jet-slider__title h1{
    font-weight: bold; margin-bottom: 20px; font-size: 34px; line-height: normal;
}

.banner-section .jet-slider__content-inner .jet-slider__title p{
    font-weight:  normal; font-size: 16px;
}













.green_box{ background-color:rgba(88,190,2, 0.4) ; min-height:388px; position:relative; border:1px solid rgba(178,231,0, 0.42); padding:40px; margin-right:215px; text-align:left;}
.green_box h2{ font-size:36px; font-weight:500;}
.green_box h1{ font-weight:900; font-size:70px; margin-top:20px;}
.green_box p{ padding-right:150px;}
.green_box .playBox{ width:383px; height:217px; border:1px solid rgba(178,231,0, 0.42); background-color:#000; background-image:url(../images/video-bnr.jpg); background-repeat:no-repeat; background-position: center center; background-size:cover; text-align:center; position:absolute; right:-215px; bottom:-70px; -webkit-box-shadow:3px 3px 5px 6px #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow:0px 0px 10px 6px rgba(0,0,0, 0.42);  /* Firefox 3.5 - 3.6 */ box-shadow:0px 0px 10px 6px rgba(0,0,0, 0.42);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ }
.green_box .playBox span{ display:inline-block; margin-top:50px;}
.green_box .btn{ border:1px solid #fff; text-transform:uppercase; background:transparent; padding:14px 30px; color:#fff; font-weight:600; margin-top:20px; }

.green_box .btn:hover, .green_box .btn:focus, .green_box .btn:active{color: #fff;	background-color: #000;	border-color: #000;}

.carousel .container .carousel-caption{position: relative;	right: 0; bottom: 0; left: 0; z-index: 10; padding-top: 0;	padding-bottom: 0; color: #fff; text-align: center;	height: 100vh;}

.hCenter{ display:table; text-align:center; height:100%;}
.vCenter{ display:table-cell; vertical-align:middle; height:100%;}
/*End Carousel base class */


.padd50{ padding:50px 0px;}
.padd76{ padding:150px 0px;}
.padd76-top{ padding-top:76px;}
.padd76-bottom{ padding-bottom:76px;}
.pageTitle h6{text-transform:uppercase; color:#555555; font-weight:600; margin-bottom:10px;}
.pageTitle h2{text-transform:uppercase; color:#555555; font-weight:800;}
.pageTitle h2 span{ color:#000;}
.pageTitle .bar{ display:inline-block; width:40px; height:3px; background-color:#58be02;}

.about{overflow: hidden; background-color: #f3f3f3;}
.about p{ margin-bottom: 20px; font-weight: 500;}
.about .pageTitle .bar{margin-bottom:30px;}
.about h4{ margin:30px 0; font-size:22px; color:#343434;}
.about .btn{ text-transform:uppercase; padding:14px 30px; font-weight:600; margin-top:20px; border-color:#c4c4c4; color:#737373;  border-radius: 0; }
.about .btn:hover{border-color:#5ecc01; color:#fff; background-color:#5ecc01;}

.about .form-outer{margin-top: 32px;
    border: 1px solid #004480;
    background-color: #fff;
    -webkit-box-shadow: 0px 40px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 40px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 40px 15px 0px rgba(0,0,0,0.2);
    position: relative;
    background-color: #004480;}
.about .form-outer .form-in{background-color: #fff;
    padding: 40px; }

.insulationMaterials{overflow: hidden;}
.insulationMaterials .pageTitle{ text-align:center;}
.greener{ background-color: #004480;
    padding: 30px 0;
    position: relative;
    margin-top: 280px;
    min-height: 310px;}
.greener .home_pic{     max-width: 758px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -268px;}
.greener .home_pic img{ width:100%;}

.icons_text{position: relative;
    margin-top: 50px;}
.icons_text li{ display:inline-block; position: absolute;}
.icons_text li.icon1{     left: 0;
    top: 20px;}
.icons_text li.icon2{ left: 0;
    top: 120px;}
.icons_text li.icon3{ left: 0; text-align: center;
    top: 50px;
    right: 0;
    margin: 0 auto;}
.icons_text li.icon4{     right: 10px;
    top: 120px;}
.icons_text li.icon5{ right: 0;
    top: 20px;}
.icons_text li .left{ float:left; text-align:right; color:#fff; margin-right:20px; margin-top: 30px;}
.icons_text li .left h4{ font-size:18px; text-transform:uppercase; font-weight:600;}
.icons_text li .left p{ font-weight:600;}

.icons_text li .right{ float:right; text-align:left; color:#fff; margin-left:20px;  margin-top: 10px;}
.icons_text li .right h4{ font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 20px;}
.icons_text li .right p{ font-weight:600;}

.icons_text li .center{ text-align:center; color:#fff; margin-left:20px;}
.icons_text li .center h4{ font-size:18px; text-transform:uppercase; font-weight:600; margin-top: 20px;}
.icons_text li .center p{ font-weight:600;}

.ourProducts{ text-align:center;}
.ourProducts p{ margin-top:20px; color:#444444;}
.ourProducts .pageTitle{ text-align:center;}




/**** PORTFOLIO STYLES*****/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp{padding: 0;	margin: 0; border: 0; outline: none; vertical-align: top;}
.fancybox-wrap {position: absolute;	top: 0;	left: 0; z-index: 8020;}
.fancybox-skin {position: relative;	background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px;	        border-radius: 4px;}
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {	-webkit-overflow-scrolling: touch;}
.fancybox-error {color: #444;margin: 0;	padding: 15px;	white-space: nowrap;}
.fancybox-image, .fancybox-iframe {	display: block;	width: 100%; height: 100%;}
.fancybox-image {max-width: 100%;	max-height: 100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('../images/fancybox_sprite.png');}
#fancybox-loading {	position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px;	opacity: 0.8; cursor: pointer; z-index: 8060;}
#fancybox-loading div {	width: 44px; height: 44px; background: url('../images/fancybox_loading.gif') center center no-repeat;}
.fancybox-close {position: absolute; top: -18px; right: -18px; width: 36px;	height: 36px; cursor: pointer; z-index: 8040;}
.fancybox-nav {position: absolute;	top: 0;	width: 40%;	height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../images/blank.gif'); /* helps IE */	-webkit-tap-highlight-color: rgba(0,0,0,0);	z-index: 8040;}
.fancybox-prev {left: 0;}
.fancybox-next {right: 0;}
.fancybox-nav span {position: absolute;	top: 50%; width: 36px; height: 34px; margin-top: -18px;	cursor: pointer; z-index: 8040;	visibility: hidden;}
.fancybox-prev span {left: 10px; background-position: 0 -36px;}
.fancybox-next span {right: 10px; background-position: 0 -72px;}
.fancybox-nav:hover span {visibility: visible;}
.fancybox-tmp {position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important;}
/* Overlay helper */
.fancybox-lock {overflow: hidden !important; width: auto;}
.fancybox-lock body {overflow: hidden !important;}
.fancybox-lock-test {overflow-y: hidden !important;}
.fancybox-overlay {position: absolute; top: 0; left: 0; overflow: hidden; display: none;z-index: 8010; background: url('../images/fancybox_overlay.png');}
.fancybox-overlay-fixed {position: fixed; bottom: 0;	right: 0;}
.fancybox-lock .fancybox-overlay {overflow: auto;	overflow-y: scroll;}
/* Title helper */
.fancybox-title {visibility: hidden; position: relative; text-shadow: none;	z-index: 8050;}
.fancybox-opened .fancybox-title {visibility: visible;}
.fancybox-title-float-wrap {position: absolute;	bottom: 0;	right: 50%;	margin-bottom: -35px;	z-index: 8050;	text-align: center;}
.fancybox-title-float-wrap .child {	display: inline-block;	margin-right: -100%; padding: 2px 20px;	background: transparent; /* Fallback for web browsers that doesn't support RGBa */	background: rgba(0, 0, 0, 0.8);	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;	text-shadow: 0 1px 2px #222;	color: #FFF; font-weight: bold;	line-height: 24px;	white-space: nowrap;}
.fancybox-title-outside-wrap {position: relative; margin-top: 10px;	color: #fff;}
.fancybox-title-inside-wrap {padding-top: 10px;}
.fancybox-title-over-wrap {	position: absolute;	bottom: 0; left: 0;	color: #fff; padding: 10px;	background: #000; background: rgba(0, 0, 0, .8);}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('../images/fancybox_sprite@2x.png');	background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/}

	#fancybox-loading div {background-image: url('../images/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/}
}
/* category filter */
.filter-container {text-align:center; padding:20px}
ul.filter > li > a {color:#444444; line-height:40px; border:1px solid #ebebeb; padding:10px 20px;}
ul.filter > li > a:hover,ul.filter > li > a:focus {text-decoration:none; color:#333; outline:none; background-color:#eee;}
ul.filter > li.active a {color:#fff; background-color:#58be02; border-color:#58be02;}
ul.filter > li span {color:#ddd; font-size:20px; display:inline-block; margin:0 5px}
.filter-section .filter-container .filter > li {padding:0; margin:0}

.filter-section h1 {text-align:center}
/* the color of the transparent overlay border */
.portfolio-section{ margin-top: 40px;}
.portfolio-section.port-col figure .overlay-background {background-color:#000; background-color:rgba(0,0,0,0.4);}
/* portfolio images */
.portfolio-section figure {float:left; width:100%; position:relative}
.portfolio-section figure img {width:100%; height:auto}
/* project title under image */
.portfolio-section .article-title {color:#555555; font-weight:600; text-align: left;float:left; width:100%;font-size:18px; line-height:24px;  padding:15px 15px 10px 15px; text-overflow: ellipsis; overflow: hidden;  white-space: nowrap;}
.portfolio-section .article-title a { color:#555555}
.portfolio-section .article-sub-line {text-align: left; padding: 10px 15px 15px 15px; text-overflow: ellipsis; overflow: hidden;  white-space: nowrap;}

/* transparent overlay */
.portfolio-section figure:hover .overlay {opacity:1; visibility:visible}
.portfolio-section figure:hover .overlay-background {opacity:.8; visibility:visible}
.portfolio-section figure .overlay-background {z-index:1; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out; position:absolute; top:0; left:0; opacity:0; visibility:hidden; width:100%; height:100%}
.portfolio-section figure .overlay-background .inner {position:absolute; left:0;right:0;bottom:0; top:0; margin:11px; background-color:#004480; background-color:rgba(rgba(0,68,128,0.9))}
.portfolio-section figure .overlay {z-index:2; transition:all .2s ease-in-out; position:absolute; top:0; left:0; opacity:0; visibility:hidden; width:100%; height:100%}
.portfolio-section figure .inner-overlay {display:table; width:100%; height:100%}
.portfolio-section figure .inner-overlay-content {display:table-cell; vertical-align:middle; width:100%; padding:20px 40px}
.portfolio-section figure .inner-overlay-content.with-icons {text-align:center}
.portfolio-section figure .inner-overlay-content.with-icons ul li{ color:#fff; text-align: left; font-size: 13px; margin: 2px 0;}
/* icons inside overlay */
.portfolio-section figure .inner-overlay-content.with-icons a {width:40px; height:40px; line-height:42px; display:inline-block; margin:0 10px; text-decoration:none; font-size:20px; background:rgba(0,0,0,0.9); color:#fff; border-radius:0}
/* skew image on hover */ 
.isotopeSelector img {-webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease}
.isotopeSelector:hover img {-moz-transform:scale(1.5) rotate(2deg); -webkit-transform:scale(1.5) rotate(2deg); -o-transform:scale(1.5) rotate(2deg); -ms-transform:scale(1.5) rotate(2deg); transform:scale(1.5) rotate(2deg); -webkit-transition:all .8s ease; -moz-transition:all .8s ease; -ms-transition:all .8s ease; -o-transition:all .8s ease; transition:all .8s ease}
.isotopeSelector figure { overflow:hidden; position:relative;}
.isotopeSelector figure::after{ content:""; position:absolute; left:10px; bottom:-1px; width: 0; height: 0; border-style: solid; border-width: 0 10px 15px 10px; border-color: transparent transparent #fbfaf8 transparent;}
.portfolio-section .isotopeContainer2 article{ background-color:#fbfaf8; margin-bottom:30px;}
.portfolio-section .isotopeContainer2 article:hover{ background-color:#313131;}
.portfolio-section .isotopeContainer2 article:hover .article-title{ color:#fff;}
.portfolio-section .isotopeContainer2 article:hover .article-title a{ color:#fff;}
.portfolio-section .isotopeContainer2 article:hover .article-sub-line{ color:#fff;}

.portfolio-section .isotopeContainer2 article:hover figure::after{border-color: transparent transparent #313131 transparent;}
.ourProducts .btn{ color:#fff; text-transform:uppercase; padding:14px 30px; font-weight:600; margin-top:20px; background-color:#58be02; border-color:#58be02; border-radius: 0;}
.ourProducts .btn:hover {background-color: #333; border-color: #000; }
/**** END PORTFOLIO STYLES*****/

.half-to{ background-color:#004480; }
.half-to .rw{ margin-left: 0; margin-right: 0;}
.half-to .col{ padding-left: 0; padding-right: 0;}
.hlf-img{ max-width: 983px; height: auto;}
.hlf-img img{ width: 100%;}

.half-content{ text-align: center; padding: 50px; overflow:hidden;}
.half-content .btn {
    color: #fff;
    text-transform: uppercase;
    padding: 14px 30px;
    font-weight: 600;
    margin-top: 20px;
    background-color: #58be02;
    border-color: #58be02;
    border-radius: 0;
}

.half-content .btn:hover{background-color: #fff;
    border-color: #fff; color:#004480;}

.half-content h2 {
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 800; margin-bottom: 20px; margin-top: 50px;
}
.half-content p{color: #ffffff;}

.news-section{}
.news-section .pageTitle{ margin-bottom: 50px;}
.news-section .post-img{ max-width: 555px; width: 100%; margin: 0 auto;}
.news-section .post-title{ font-weight: bold; margin-bottom: 20px;}
.news-section .post-date{margin-bottom: 20px; display: inline-block;}
.news-section .post-description{ margin-bottom: 20px; line-height: 2;}
.news-section .owl-news .owl-nav{}
.news-section .owl-news .owl-nav button{ position: absolute; top: 35%; font-size: 50px; background: none; border: none; outline: none;}
.news-section .owl-news .owl-nav button.fa-angle-left{left: -50px;}
.news-section .owl-news .owl-nav button.fa-angle-right{right: -50px;}

.news-section .btn {
    color: #fff;
    text-transform: uppercase;
    padding: 14px 30px;
    font-weight: 600;
    margin-top: 20px;
    background-color: #58be02;
    border-color: #58be02;
    border-radius: 0;
}

.news-section .btn:hover{background-color: #333;
    border-color: #000;}


.applications{ text-align:center;}
.applications .pageTitle{ text-align:center;}

.applications .app_pic{ margin-top:30px; overflow:hidden; position:relative; border:1px solid #ccc; padding-bottom:60px; transition:All 0.3s ease-in-out; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out; }
.applications .app_pic .apPic{ max-width:260px; height:260px; overflow:hidden; background-color:#000;}
.applications .app_pic .apPic img{ width:100%; height:auto;transition:All 0.3s ease-in-out; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out; }
.applications .app_pic:hover .apPic img{transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5);}
.applications .app_pic .app_text{  padding:20px; position:absolute; left:0; right:0; bottom:-74px; background-color:#fff; text-align:center; transition:All 0.3s ease-in-out; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;}
.applications .app_pic .app_text .btn{ color:#fff; text-transform:uppercase; padding:14px 30px; font-weight:600; margin-top:10px; background-color:#555555; border-color:#555555; border-radius: 0; width:100%;}
.applications .app_pic .app_text .btn:hover{background-color:#58be02; border-color:#58be02; border-top-color:#4a9f00;}
.applications .app_pic .app_text h3{text-overflow: ellipsis; overflow: hidden;  white-space: nowrap; margin-bottom:10px; font-size:18px; text-transform:uppercase; font-weight:600;}
.applications .app_pic .app_text p{text-overflow: ellipsis; overflow: hidden;  white-space: nowrap; color:#444444;}
.applications .app_pic:hover .app_text{ bottom:0px;}
.applications .btnGreen{ color:#fff; text-transform:uppercase; padding:14px 30px; font-weight:600; margin-top:40px; background-color:#58be02; border-color:#58be02; border-radius: 0; }
.applications .btnGreen:hover {background-color: #333; border-color: #000; }
.applications .app_pic:hover{-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);}

.satisfied_clients{ background-color:#02294c; text-align:center;}
.satisfied_clients .clients{ text-align:center;}
.satisfied_clients .clients li{ display:inline-block; min-width:224px; max-width:224px; vertical-align:top;}
.satisfied_clients .clients li .bigValue{ font-size:48px; font-weight:300; color:#fff; font-family: 'Roboto', sans-serif;}
.satisfied_clients .clients li p{color:#58be02; text-transform:uppercase; font-weight:600;}
.satisfied_clients .clients li abbr{display:inline-block; width:40px; height:2px; background-color:#fff;}

.quick_connect{}
.quick_connect .pageTitle{ text-align: left; margin-bottom:5px;}

.quick_connect .form-control{ margin-bottom:30px; height:auto; padding:10px; border-color: #004480; border-radius: 0; font-weight: 600; color: #333333;} 
.quick_connect .form-control.area{ height:150px; resize:vertical;}

.quick_connect .code{ padding-right:0px;}
.quick_connect .nbr{ padding-left:0px;}

.quick_connect .btn {
    color: #fff;
    text-transform: uppercase;
    padding: 14px 30px;
    font-weight: 600;
    margin-top: 0px;
    background-color: #58be02;
    border-color: #58be02;
    border-radius: 0;
}

.quick_connect .btn:hover{background-color: #333;
    border-color: #000;}

footer{ background-color:#004480;}
footer.padd76{ padding-bottom:40px; padding-top:50px;}
footer .pageTitle{ text-align:center;}
footer .pageTitle h6{ color:#b1d4da;}
footer .pageTitle h2{ color:#fff;}
footer hr{ border-top-color: rgba(255,255,255,0.2);}
footer .white-logo{ width:145px; margin:20px auto; display:inline-block;}
footer .white-logo img{ width:100%; }
footer .short-about{ max-width:850px; margin:0 auto; color:#ffffff;}

footer .footer_social{ text-align:left; margin:0px 0px 40px 0px;}
footer .footer_social li{ display:inline-block; margin:5px 2px; vertical-align:top;}
footer .footer_social li a{display:inline-block;  width:40px; height:40px; border:1px solid #fff; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; text-align: center;}
footer .footer_social li a i{ color:#fff; margin-top:12px;}
footer .footer_social li:hover a{ background-color:#58be02; border-color:#58be02;}
footer .footer_social li:hover a i{ color:#004480;}

footer .footBox{}
footer .footBox h3{ color:#fff; font-size:18px; text-transform:uppercase; font-weight:600;}
footer .footBox .bar {display: inline-block; width: 40px; height: 3px; background-color: #58be02; margin:15px 0 30px 0;}
footer .footBox .footLinks{}
footer .footBox .footLinks li{ margin-bottom:15px;}
footer .footBox .footLinks li a{ color:#b1d4da; font-weight:600;}
footer .footBox .footLinks li:hover a{ color:#58be02;}

footer .footBox .address{}
footer .footBox .address .bold{font-weight:600; color:#fff;}
footer .footBox .address p{ color:#b1d4da; line-height:24px;}
footer .footBox .address p a{color:#fff;}

footer .footPost{}
footer .footPost li{ margin-bottom:10px;}
footer .footPost li .pic{ float:left; margin-right:10px;}
footer .footPost li .pic img{ width:70px; height:70px;}
footer .footPost li .dtls{ overflow:hidden; padding-top:15px;}
footer .footPost li .dtls h5{text-transform:uppercase; font-weight:600; color:#fff;}
footer .footPost li .dtls h5 a{color:#fff;}
footer .footPost li .dtls p{color:#b1d4da;}

footer .copy_text{ font-size:13px; font-family: 'Roboto', sans-serif; text-align:center; color:#b1d4da; border-top:1px solid rgba(255, 255, 255, 0.1); padding-top:40px; margin-top:40px;}
footer .copy_text a{color:#b1d4da;}
footer .copy_text a.comp{color:#ffffff;}

.videoModal{}
.modal.videoModal.in .modal-dialog{ position:fixed; top:0; right:0; bottom:0; left:0; margin-top:0px; width:80%; height:80%; min-height:80vh;}
.modal.videoModal.in .modal-dialog .modal-content{min-height:100vh; border-radius:0px; background-color:#000;}

.modal.videoModal .modal-content .modal-body{ background-color:#000; padding:0px; position:relative;}
.modal.videoModal .modal-content .modal-body::before{ content:""; width:50%; height:2px; background-color :#02CC00; position:absolute; left:0; top:0; }
.modal.videoModal .modal-content .modal-body::after{ content:""; width:50%; height:2px; background-color :#02CC00; position:absolute; right:0; bottom:3px; }

.modal.videoModal .modal-content .modal-header{background-color:#000; padding:10px 0; border-bottom:none; position:relative;}
.modal.videoModal .modal-content .modal-title{ text-align:center; background-color:#000; color:#fff; font-size:36px; font-weight:600;}
.modal.videoModal .close{ color:#fff; font-size:26px; position:absolute; right:20px; top:20px; opacity:1; -webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;

-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;}
.modal.videoModal .close:hover{-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg);}

.modal.videoModal video{ width:100%; height:100%;}
.scrollup {width: 40px;	height: 40px; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; opacity: 0.3; position: fixed; text-align:center;	bottom: 50px;	right: 100px; display: none; border: #000000 solid 1px; z-index: 999;}
.scrollup i{ font-size:36px; color:#000000;}
.scrollup:hover{ opacity:1;}


.intl-tel-input{position:relative;display:block}
.intl-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}
.intl-tel-input .hide{display:none}
.intl-tel-input .v-hide{visibility:hidden}
.intl-tel-input input,.intl-tel-input input[type=text],.intl-tel-input input[type=tel]{position:relative;z-index:0;margin-top:0!important;padding-right:36px;margin-right:0}
.intl-tel-input .flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}
.intl-tel-input .selected-flag{z-index:1;position:relative;width:36px;height:100%;padding:0 0 0 8px}
.intl-tel-input .selected-flag .iti-flag{position:absolute;top:0;bottom:0;margin:auto}
.intl-tel-input .selected-flag .iti-arrow{position:absolute;top:50%;margin-top:-2px;right:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}
.intl-tel-input .selected-flag .iti-arrow.up{border-top:0;border-bottom:4px solid #555}
.intl-tel-input .country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,0.2);background-color:white;border:1px solid #CCC;white-space:nowrap;max-height:200px;overflow-y:scroll}
.intl-tel-input .country-list.dropup{bottom:100%;margin-bottom:-1px}
.intl-tel-input .country-list .flag-box{display:inline-block;width:20px}
@media (max-width: 500px) {.intl-tel-input .country-list { white-space: normal; } }
.intl-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #CCC}
.intl-tel-input .country-list .country{padding:5px 10px}
.intl-tel-input .country-list .country .dial-code{color:#999}
.intl-tel-input .country-list .country.highlight{background-color:rgba(0,0,0,0.05)}
.intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code{vertical-align:middle}
.intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name{margin-right:6px}
.intl-tel-input.allow-dropdown input,.intl-tel-input.allow-dropdown input[type=text],.intl-tel-input.allow-dropdown input[type=tel],.intl-tel-input.separate-dial-code input,.intl-tel-input.separate-dial-code input[type=text],.intl-tel-input.separate-dial-code input[type=tel]{padding-right:6px;padding-left:52px;margin-left:0}
.intl-tel-input.allow-dropdown .flag-container,.intl-tel-input.separate-dial-code .flag-container{right:auto;left:0}
.intl-tel-input.allow-dropdown .selected-flag,.intl-tel-input.separate-dial-code .selected-flag{width:46px}
.intl-tel-input.allow-dropdown .flag-container:hover{cursor:pointer}
.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag{background-color:rgba(0,0,0,0.05)}
.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover{cursor:default}
.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag{background-color:transparent}
.intl-tel-input.separate-dial-code .selected-flag{background-color:rgba(0,0,0,0.05);display:table}
.intl-tel-input.separate-dial-code .selected-dial-code{display:table-cell;vertical-align:middle;padding-left:28px}
.intl-tel-input.separate-dial-code.iti-sdc-2 input,.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text],.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel]{padding-left:66px}
.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag{width:60px}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel]{padding-left:76px}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag{width:70px}
.intl-tel-input.separate-dial-code.iti-sdc-3 input,.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text],.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel]{padding-left:74px}
.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag{width:68px}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel]{padding-left:84px}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag{width:78px}
.intl-tel-input.separate-dial-code.iti-sdc-4 input,.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text],.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel]{padding-left:82px}
.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag{width:76px}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel]{padding-left:92px}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag{width:86px}
.intl-tel-input.separate-dial-code.iti-sdc-5 input,.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text],.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel]{padding-left:90px}
.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag{width:84px}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel]{padding-left:100px}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag{width:94px}
.intl-tel-input.iti-container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}
.intl-tel-input.iti-container:hover{cursor:pointer}
.iti-mobile .intl-tel-input.iti-container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}
.iti-mobile .intl-tel-input .country-list{max-height:100%;width:100%}
.iti-mobile .intl-tel-input .country-list .country{padding:10px 10px;line-height:1.5em}
.iti-flag{width:20px}
.iti-flag.be{width:18px}
.iti-flag.ch{width:15px}
.iti-flag.mc{width:19px}
.iti-flag.ne{width:18px}
.iti-flag.np{width:13px}
.iti-flag.va{width:15px}
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.iti-flag {background-size: 5630px 15px; } }
.iti-flag.ac{height:10px;background-position:0 0}
.iti-flag.ad{height:14px;background-position:-22px 0}
.iti-flag.ae{height:10px;background-position:-44px 0}
.iti-flag.af{height:14px;background-position:-66px 0}
.iti-flag.ag{height:14px;background-position:-88px 0}
.iti-flag.ai{height:10px;background-position:-110px 0}
.iti-flag.al{height:15px;background-position:-132px 0}
.iti-flag.am{height:10px;background-position:-154px 0}
.iti-flag.ao{height:14px;background-position:-176px 0}
.iti-flag.aq{height:14px;background-position:-198px 0}
.iti-flag.ar{height:13px;background-position:-220px 0}
.iti-flag.as{height:10px;background-position:-242px 0}
.iti-flag.at{height:14px;background-position:-264px 0}
.iti-flag.au{height:10px;background-position:-286px 0}
.iti-flag.aw{height:14px;background-position:-308px 0}
.iti-flag.ax{height:13px;background-position:-330px 0}
.iti-flag.az{height:10px;background-position:-352px 0}
.iti-flag.ba{height:10px;background-position:-374px 0}
.iti-flag.bb{height:14px;background-position:-396px 0}
.iti-flag.bd{height:12px;background-position:-418px 0}
.iti-flag.be{height:15px;background-position:-440px 0}
.iti-flag.bf{height:14px;background-position:-460px 0}
.iti-flag.bg{height:12px;background-position:-482px 0}
.iti-flag.bh{height:12px;background-position:-504px 0}
.iti-flag.bi{height:12px;background-position:-526px 0}
.iti-flag.bj{height:14px;background-position:-548px 0}
.iti-flag.bl{height:14px;background-position:-570px 0}
.iti-flag.bm{height:10px;background-position:-592px 0}
.iti-flag.bn{height:10px;background-position:-614px 0}
.iti-flag.bo{height:14px;background-position:-636px 0}
.iti-flag.bq{height:14px;background-position:-658px 0}
.iti-flag.br{height:14px;background-position:-680px 0}
.iti-flag.bs{height:10px;background-position:-702px 0}
.iti-flag.bt{height:14px;background-position:-724px 0}
.iti-flag.bv{height:15px;background-position:-746px 0}
.iti-flag.bw{height:14px;background-position:-768px 0}
.iti-flag.by{height:10px;background-position:-790px 0}
.iti-flag.bz{height:14px;background-position:-812px 0}
.iti-flag.ca{height:10px;background-position:-834px 0}
.iti-flag.cc{height:10px;background-position:-856px 0}
.iti-flag.cd{height:15px;background-position:-878px 0}
.iti-flag.cf{height:14px;background-position:-900px 0}
.iti-flag.cg{height:14px;background-position:-922px 0}
.iti-flag.ch{height:15px;background-position:-944px 0}
.iti-flag.ci{height:14px;background-position:-961px 0}
.iti-flag.ck{height:10px;background-position:-983px 0}
.iti-flag.cl{height:14px;background-position:-1005px 0}
.iti-flag.cm{height:14px;background-position:-1027px 0}
.iti-flag.cn{height:14px;background-position:-1049px 0}
.iti-flag.co{height:14px;background-position:-1071px 0}
.iti-flag.cp{height:14px;background-position:-1093px 0}
.iti-flag.cr{height:12px;background-position:-1115px 0}
.iti-flag.cu{height:10px;background-position:-1137px 0}
.iti-flag.cv{height:12px;background-position:-1159px 0}
.iti-flag.cw{height:14px;background-position:-1181px 0}
.iti-flag.cx{height:10px;background-position:-1203px 0}
.iti-flag.cy{height:13px;background-position:-1225px 0}
.iti-flag.cz{height:14px;background-position:-1247px 0}
.iti-flag.de{height:12px;background-position:-1269px 0}
.iti-flag.dg{height:10px;background-position:-1291px 0}
.iti-flag.dj{height:14px;background-position:-1313px 0}
.iti-flag.dk{height:15px;background-position:-1335px 0}
.iti-flag.dm{height:10px;background-position:-1357px 0}
.iti-flag.do{height:13px;background-position:-1379px 0}
.iti-flag.dz{height:14px;background-position:-1401px 0}
.iti-flag.ea{height:14px;background-position:-1423px 0}
.iti-flag.ec{height:14px;background-position:-1445px 0}
.iti-flag.ee{height:13px;background-position:-1467px 0}
.iti-flag.eg{height:14px;background-position:-1489px 0}
.iti-flag.eh{height:10px;background-position:-1511px 0}
.iti-flag.er{height:10px;background-position:-1533px 0}
.iti-flag.es{height:14px;background-position:-1555px 0}
.iti-flag.et{height:10px;background-position:-1577px 0}
.iti-flag.eu{height:14px;background-position:-1599px 0}
.iti-flag.fi{height:12px;background-position:-1621px 0}
.iti-flag.fj{height:10px;background-position:-1643px 0}
.iti-flag.fk{height:10px;background-position:-1665px 0}
.iti-flag.fm{height:11px;background-position:-1687px 0}
.iti-flag.fo{height:15px;background-position:-1709px 0}
.iti-flag.fr{height:14px;background-position:-1731px 0}
.iti-flag.ga{height:15px;background-position:-1753px 0}
.iti-flag.gb{height:10px;background-position:-1775px 0}
.iti-flag.gd{height:12px;background-position:-1797px 0}
.iti-flag.ge{height:14px;background-position:-1819px 0}
.iti-flag.gf{height:14px;background-position:-1841px 0}
.iti-flag.gg{height:14px;background-position:-1863px 0}
.iti-flag.gh{height:14px;background-position:-1885px 0}
.iti-flag.gi{height:10px;background-position:-1907px 0}
.iti-flag.gl{height:14px;background-position:-1929px 0}
.iti-flag.gm{height:14px;background-position:-1951px 0}
.iti-flag.gn{height:14px;background-position:-1973px 0}
.iti-flag.gp{height:14px;background-position:-1995px 0}
.iti-flag.gq{height:14px;background-position:-2017px 0}
.iti-flag.gr{height:14px;background-position:-2039px 0}
.iti-flag.gs{height:10px;background-position:-2061px 0}
.iti-flag.gt{height:13px;background-position:-2083px 0}
.iti-flag.gu{height:11px;background-position:-2105px 0}
.iti-flag.gw{height:10px;background-position:-2127px 0}
.iti-flag.gy{height:12px;background-position:-2149px 0}
.iti-flag.hk{height:14px;background-position:-2171px 0}
.iti-flag.hm{height:10px;background-position:-2193px 0}
.iti-flag.hn{height:10px;background-position:-2215px 0}
.iti-flag.hr{height:10px;background-position:-2237px 0}
.iti-flag.ht{height:12px;background-position:-2259px 0}
.iti-flag.hu{height:10px;background-position:-2281px 0}
.iti-flag.ic{height:14px;background-position:-2303px 0}
.iti-flag.id{height:14px;background-position:-2325px 0}
.iti-flag.ie{height:10px;background-position:-2347px 0}
.iti-flag.il{height:15px;background-position:-2369px 0}
.iti-flag.im{height:10px;background-position:-2391px 0}
.iti-flag.in{height:14px;background-position:-2413px 0}
.iti-flag.io{height:10px;background-position:-2435px 0}
.iti-flag.iq{height:14px;background-position:-2457px 0}
.iti-flag.ir{height:12px;background-position:-2479px 0}
.iti-flag.is{height:15px;background-position:-2501px 0}
.iti-flag.it{height:14px;background-position:-2523px 0}
.iti-flag.je{height:12px;background-position:-2545px 0}
.iti-flag.jm{height:10px;background-position:-2567px 0}
.iti-flag.jo{height:10px;background-position:-2589px 0}
.iti-flag.jp{height:14px;background-position:-2611px 0}
.iti-flag.ke{height:14px;background-position:-2633px 0}
.iti-flag.kg{height:12px;background-position:-2655px 0}
.iti-flag.kh{height:13px;background-position:-2677px 0}
.iti-flag.ki{height:10px;background-position:-2699px 0}
.iti-flag.km{height:12px;background-position:-2721px 0}
.iti-flag.kn{height:14px;background-position:-2743px 0}
.iti-flag.kp{height:10px;background-position:-2765px 0}
.iti-flag.kr{height:14px;background-position:-2787px 0}
.iti-flag.kw{height:10px;background-position:-2809px 0}
.iti-flag.ky{height:10px;background-position:-2831px 0}
.iti-flag.kz{height:10px;background-position:-2853px 0}
.iti-flag.la{height:14px;background-position:-2875px 0}
.iti-flag.lb{height:14px;background-position:-2897px 0}
.iti-flag.lc{height:10px;background-position:-2919px 0}
.iti-flag.li{height:12px;background-position:-2941px 0}
.iti-flag.lk{height:10px;background-position:-2963px 0}
.iti-flag.lr{height:11px;background-position:-2985px 0}
.iti-flag.ls{height:14px;background-position:-3007px 0}
.iti-flag.lt{height:12px;background-position:-3029px 0}
.iti-flag.lu{height:12px;background-position:-3051px 0}
.iti-flag.lv{height:10px;background-position:-3073px 0}
.iti-flag.ly{height:10px;background-position:-3095px 0}
.iti-flag.ma{height:14px;background-position:-3117px 0}
.iti-flag.mc{height:15px;background-position:-3139px 0}
.iti-flag.md{height:10px;background-position:-3160px 0}
.iti-flag.me{height:10px;background-position:-3182px 0}
.iti-flag.mf{height:14px;background-position:-3204px 0}
.iti-flag.mg{height:14px;background-position:-3226px 0}
.iti-flag.mh{height:11px;background-position:-3248px 0}
.iti-flag.mk{height:10px;background-position:-3270px 0}
.iti-flag.ml{height:14px;background-position:-3292px 0}
.iti-flag.mm{height:14px;background-position:-3314px 0}
.iti-flag.mn{height:10px;background-position:-3336px 0}
.iti-flag.mo{height:14px;background-position:-3358px 0}
.iti-flag.mp{height:10px;background-position:-3380px 0}
.iti-flag.mq{height:14px;background-position:-3402px 0}
.iti-flag.mr{height:14px;background-position:-3424px 0}
.iti-flag.ms{height:10px;background-position:-3446px 0}
.iti-flag.mt{height:14px;background-position:-3468px 0}
.iti-flag.mu{height:14px;background-position:-3490px 0}
.iti-flag.mv{height:14px;background-position:-3512px 0}
.iti-flag.mw{height:14px;background-position:-3534px 0}
.iti-flag.mx{height:12px;background-position:-3556px 0}
.iti-flag.my{height:10px;background-position:-3578px 0}
.iti-flag.mz{height:14px;background-position:-3600px 0}
.iti-flag.na{height:14px;background-position:-3622px 0}
.iti-flag.nc{height:10px;background-position:-3644px 0}
.iti-flag.ne{height:15px;background-position:-3666px 0}
.iti-flag.nf{height:10px;background-position:-3686px 0}
.iti-flag.ng{height:10px;background-position:-3708px 0}
.iti-flag.ni{height:12px;background-position:-3730px 0}
.iti-flag.nl{height:14px;background-position:-3752px 0}
.iti-flag.no{height:15px;background-position:-3774px 0}
.iti-flag.np{height:15px;background-position:-3796px 0}
.iti-flag.nr{height:10px;background-position:-3811px 0}
.iti-flag.nu{height:10px;background-position:-3833px 0}
.iti-flag.nz{height:10px;background-position:-3855px 0}
.iti-flag.om{height:10px;background-position:-3877px 0}
.iti-flag.pa{height:14px;background-position:-3899px 0}
.iti-flag.pe{height:14px;background-position:-3921px 0}
.iti-flag.pf{height:14px;background-position:-3943px 0}
.iti-flag.pg{height:15px;background-position:-3965px 0}
.iti-flag.ph{height:10px;background-position:-3987px 0}
.iti-flag.pk{height:14px;background-position:-4009px 0}
.iti-flag.pl{height:13px;background-position:-4031px 0}
.iti-flag.pm{height:14px;background-position:-4053px 0}
.iti-flag.pn{height:10px;background-position:-4075px 0}
.iti-flag.pr{height:14px;background-position:-4097px 0}
.iti-flag.ps{height:10px;background-position:-4119px 0}
.iti-flag.pt{height:14px;background-position:-4141px 0}
.iti-flag.pw{height:13px;background-position:-4163px 0}
.iti-flag.py{height:11px;background-position:-4185px 0}
.iti-flag.qa{height:8px;background-position:-4207px 0}
.iti-flag.re{height:14px;background-position:-4229px 0}
.iti-flag.ro{height:14px;background-position:-4251px 0}
.iti-flag.rs{height:14px;background-position:-4273px 0}
.iti-flag.ru{height:14px;background-position:-4295px 0}
.iti-flag.rw{height:14px;background-position:-4317px 0}
.iti-flag.sa{height:14px;background-position:-4339px 0}
.iti-flag.sb{height:10px;background-position:-4361px 0}
.iti-flag.sc{height:10px;background-position:-4383px 0}
.iti-flag.sd{height:10px;background-position:-4405px 0}
.iti-flag.se{height:13px;background-position:-4427px 0}
.iti-flag.sg{height:14px;background-position:-4449px 0}
.iti-flag.sh{height:10px;background-position:-4471px 0}
.iti-flag.si{height:10px;background-position:-4493px 0}
.iti-flag.sj{height:15px;background-position:-4515px 0}
.iti-flag.sk{height:14px;background-position:-4537px 0}
.iti-flag.sl{height:14px;background-position:-4559px 0}
.iti-flag.sm{height:15px;background-position:-4581px 0}
.iti-flag.sn{height:14px;background-position:-4603px 0}
.iti-flag.so{height:14px;background-position:-4625px 0}
.iti-flag.sr{height:14px;background-position:-4647px 0}
.iti-flag.ss{height:10px;background-position:-4669px 0}
.iti-flag.st{height:10px;background-position:-4691px 0}
.iti-flag.sv{height:12px;background-position:-4713px 0}
.iti-flag.sx{height:14px;background-position:-4735px 0}
.iti-flag.sy{height:14px;background-position:-4757px 0}
.iti-flag.sz{height:14px;background-position:-4779px 0}
.iti-flag.ta{height:10px;background-position:-4801px 0}
.iti-flag.tc{height:10px;background-position:-4823px 0}
.iti-flag.td{height:14px;background-position:-4845px 0}
.iti-flag.tf{height:14px;background-position:-4867px 0}
.iti-flag.tg{height:13px;background-position:-4889px 0}
.iti-flag.th{height:14px;background-position:-4911px 0}
.iti-flag.tj{height:10px;background-position:-4933px 0}
.iti-flag.tk{height:10px;background-position:-4955px 0}
.iti-flag.tl{height:10px;background-position:-4977px 0}
.iti-flag.tm{height:14px;background-position:-4999px 0}
.iti-flag.tn{height:14px;background-position:-5021px 0}
.iti-flag.to{height:10px;background-position:-5043px 0}
.iti-flag.tr{height:14px;background-position:-5065px 0}
.iti-flag.tt{height:12px;background-position:-5087px 0}
.iti-flag.tv{height:10px;background-position:-5109px 0}
.iti-flag.tw{height:14px;background-position:-5131px 0}
.iti-flag.tz{height:14px;background-position:-5153px 0}
.iti-flag.ua{height:14px;background-position:-5175px 0}
.iti-flag.ug{height:14px;background-position:-5197px 0}
.iti-flag.um{height:11px;background-position:-5219px 0}
.iti-flag.us{height:11px;background-position:-5241px 0}
.iti-flag.uy{height:14px;background-position:-5263px 0}
.iti-flag.uz{height:10px;background-position:-5285px 0}
.iti-flag.va{height:15px;background-position:-5307px 0}
.iti-flag.vc{height:14px;background-position:-5324px 0}
.iti-flag.ve{height:14px;background-position:-5346px 0}
.iti-flag.vg{height:10px;background-position:-5368px 0}
.iti-flag.vi{height:14px;background-position:-5390px 0}
.iti-flag.vn{height:14px;background-position:-5412px 0}
.iti-flag.vu{height:12px;background-position:-5434px 0}
.iti-flag.wf{height:14px;background-position:-5456px 0}
.iti-flag.ws{height:10px;background-position:-5478px 0}
.iti-flag.xk{height:15px;background-position:-5500px 0}
.iti-flag.ye{height:14px;background-position:-5522px 0}
.iti-flag.yt{height:14px;background-position:-5544px 0}
.iti-flag.za{height:14px;background-position:-5566px 0}
.iti-flag.zm{height:14px;background-position:-5588px 0}
.iti-flag.zw{height:10px;background-position:-5610px 0px;}
.iti-flag { width: 20px;  height: 15px;  box-shadow: 0px 0px 1px 0px #888;  background-image: url("../images/flags.png");  background-repeat: no-repeat;  background-color: #DBDBDB; background-position: 20px 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {.iti-flag {background-image: url("../images/flags@2x.png"); } }
.iti-flag.np { background-color: transparent; }
  
.quick_connect .hide { display: none; }
.quick_connect pre { margin: 0 !important; display: inline-block; }
.quick_connect .token.operator, .quick_connect .token.entity, .quick_connect .token.url, .quick_connect .language-css .token.string, .quick_connect .style .token.string, .quick_connect .token.variable { background: none; }
.quick_connect input, .quick_connect button { }
.quick_connect  input[disabled], .quick_connect button[disabled] {background-color: #eee; }
.quick_connect ::-webkit-input-placeholder { color: #333 !important; font-weight: 600; }
.quick_connect ::-moz-placeholder { /* Firefox 19+ */ color: #333 !important; opacity: 1 !important; font-weight: 600; }
.quick_connect :-ms-input-placeholder {color: #333 !important; font-weight: 600; }
.quick_connect button { color: #FFF; background-color: #428BCA; border: 1px solid #357EBD; }
.quick_connect  button:hover {background-color: #333; border-color: #000; cursor: pointer; }
.quick_connect #result {margin-bottom: 100px; }

.page-bnr{ min-height:300px; background-color:#333; background-image:url(../images/contact-us.jpg); background-repeat:no-repeat; background-size:cover; background-position:center center; text-align:center; position:relative;}
.page-bnr:after{ content:""; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.4);}

.page-bnr h6{text-transform:uppercase; color:#ffffff; font-weight:600; margin-bottom:10px; margin-top:50px;}
.page-bnr h2{text-transform:uppercase; color:#ffffff; font-weight:800;}
.page-bnr h2 span{ color:#000;}
.page-bnr .bar{ display:inline-block; width:40px; height:3px; background-color:#58be02;}
.page-bnr .container{ position:relative; z-index:1;}

.contact-form{ background-color:#F9F9F9;}
.contact-form .contact_box{ background-color:#fff; border:#e8e8e8 solid 1px; padding:20px; margin-bottom:30px;}
.contact-form .contact_box h2{text-transform:uppercase; color:#333333; font-weight:800;}
.contact-form .contact_box h2 span{ color:#000;}
.contact-form .contact_box .bar{ display:inline-block; width:40px; height:3px; background-color:#58be02; margin:10px 0 20px 0;}
.contact-form .contact_box p{ line-height:26px;}
.contact-form .contact_box .fa-phone{ font-size:18px;}
.contact-form .contact_box .fa-mobile{ font-size:26px; vertical-align:middle;}
.contact-form .contact_box .map-icon{ max-width:150px; margin:0 auto; width:100%;}
.contact-form .contact_box .form-control{ height:auto; padding:10px; margin-bottom:20px;}

.contact-form .contact_box .form-control.msg {height: 150px; resize: vertical;}
.contact-form .contact_box .btn{ color:#fff; text-transform:uppercase; padding:14px 30px; font-weight:600;  background-color:#58be02; border-color:#58be02; border-top-width:3px; border-top-color:#4a9f00;}
.contact-form .contact_box .btn:hover {	background-color: #333; border-color: #000;}
.contact-form .contact_box .address-map{ width:100%; height:280px;}
.contact-form .contact_box ul.connect{ text-align:center; margin-top:10px;}
.contact-form .contact_box ul.connect li {margin: 8px 4px; display: inline-block;}
.contact-form .contact_box ul.connect li a {display: inline-block; border: 1px solid #fff; padding: 6px; width: 40px; height: 40px;	text-align: center;	color: #fff; font-size: 20px;}
.contact-form .contact_box ul.connect li a.fb{ background-color:#4e71a8;}
.contact-form .contact_box ul.connect li a.tw{ background-color:#1cb7eb;}
.contact-form .contact_box ul.connect li a.li{ background-color:#1686b0;}
.contact-form .contact_box ul.connect li a.go{ background-color:#e3411f;}
.contact-form .contact_box ul.connect li a.yo{ background-color:#ca3737;}

.contact-form .contact_box ul.connect li a.fb:hover{ background-color:#435f8b;}
.contact-form .contact_box ul.connect li a.tw:hover{ background-color:#19a3d1;}
.contact-form .contact_box ul.connect li a.li:hover{ background-color:#127093;}
.contact-form .contact_box ul.connect li a.go:hover{ background-color:#cd3e20;}
.contact-form .contact_box ul.connect li a.yo:hover{ background-color:#ac3131;}


/*Product page 03-04-2018*/
.products_icons{ text-align:center;}
.products_icons .bigValue{ display:inline-block; border-left:#ccc solid 1px; font-size:46px; font-weight:600; line-height:90px; vertical-align:middle; margin-left:15px; padding-left:15px; font-family: 'Roboto', sans-serif;}
.products_icons p{ margin-top:10px;}

.neo_products .prodImg{ max-width:555px; height:auto; overflow:hidden; margin-bottom:20px;}
.neo_products .prodImg img{ width:100%; height:auto;}

.neo_products .productBox{ background-color:#fff;}

.neo_products .productBox h3, .neo_products .productBox .h3 {text-transform: uppercase; color: #ffffff;	font-weight: 800;}
.neo_products .productBox .bar {display: inline-block;	width: 40px; height: 3px; background-color: #58be02;}
.neo_products .productBox p{ margin-top:10px;}
.neo_products .productBox p a{color:#b6ff78;}
.neo_products .productBox .neo_list{ margin-top:20px;}
.neo_products .productBox .neo_list li{ margin-bottom:10px; font-weight:600; font-family: 'Roboto', sans-serif;}

.neo_products .row-mb30{ margin-bottom:30px;}

/*End Product page 03-04-2018*/

.quote-mob{ display: none;}






.template_faq {
    background: #edf3fe none repeat scroll 0 0;
}
.panel-group {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 0;
    padding: 30px;
}
#accordion .panel {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 15px 10px;
}
#accordion .panel-heading {
    border-radius: 30px;
    padding: 0;
}
#accordion .panel-title a {
    background: #004480 none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 20px 12px 50px;
    position: relative;
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #333;
}
#accordion .panel-title a::after, #accordion .panel-title a.collapsed::after {
    background: #58be02 none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 50%;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
    color: #fff;
    content: "";
    font-family: fontawesome;
    font-size: 25px;
    height: 55px;
    left: -20px;
    line-height: 55px;
    position: absolute;
    text-align: center;
    top: -5px;
    transition: all 0.3s ease 0s;
    width: 55px;
}
#accordion .panel-title a.collapsed::after {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    box-shadow: none;
    color: #333;
    content: "";
}
#accordion .panel-body {
    background: transparent none repeat scroll 0 0;
    border-top: medium none;
    padding: 20px 25px 10px 9px;
    position: relative;
}
#accordion .panel-body p {
    border-left: 1px dashed #444444;
    padding-left: 25px;
}
.faq-lis {margin-top: 20px; border-left: 1px dashed #444444; padding-left: 25px;}
.faq-lis li{ margin-bottom: 15px;}




/*--RESPONSIVE CSS-------------------------------------------------- */

@media only screen and (max-width:1890px) {

}

@media only screen and (max-width:1600px) {
    .banner-section .jet-slider__content-inner{max-width: 38% !important;}
	
}

@media only screen and (max-width:1500px) {
    .banner-section .jet-slider__content-inner{max-width: 42% !important;}
    
    .half-content h2{margin-top: 0px; }

    .half-content p br{ display: none;}
	
}

@media only screen and (max-width:1366px) {
    
    .banner-section .jet-slider__content-inner{max-width: 42% !important;}
    .half-content h2{margin-top: 0px; margin-bottom: 15px;}
    .half-content .btn{margin-top: 15px;}
    .half-content p br{ display: none;}
}

@media only screen and (max-width:1250px) {

}

@media only screen and (max-width:1200px) {
	.filter-section .filter-container .filter > li {margin: 4px 2px;}
	.green_box h1 {font-size: 54px;}
    .banner-section .jet-slider__content-inner{max-width:48% !important;}
}

@media only screen and (max-width:1100px) {
	.banner-section .jet-slider__content-inner{max-width: 53% !important;}
}

@media only screen and (max-width:1024px) {
	.banner-section .jet-slider__content-inner{max-width: 55% !important;}
}

@media only screen and (max-width:991px){
	.carousel .container .carousel-caption {padding-top: 70px; padding-bottom: 30px;}
	.green_box {background-color: transparent;	border-color:transparent; padding: 40px 50px; margin-right: 125px;}
	
	.green_box h1 {font-size: 36px;}
	.green_box h2 {font-size: 24px;}
	.carousel .item {height: auto;}
	.carousel .container .carousel-caption {height: auto;}
	.green_box .playBox {width: 333px; height: 167px; right:-135px; bottom:0px;}
	
	.icons_text {text-align: center; }
	.icons_text li { width:48%;display: inline-block; vertical-align:top; position: static; text-align: center; margin-bottom:20px;}
	.icons_text li .left {float: none; text-align: center; margin-right:0px;}
	.icons_text li .right {float: none;	text-align: center;	margin-left: 0px; margin-top: 10px;}
	.icons_text li .left h4 {margin-top: 10px;}
	.icons_text li .center h4{margin-top: 10px;}
	.greener .home_pic {max-width: 648px;}
	.video_full{ padding:50px 0px;}
	.video_full .container {height: auto;}
	.applications .app_pic .apPic {	height: auto;}
	.applications .app_pic .app_text .btn {	padding: 14px 14px;	font-size: 13px;}
	.applications .app_pic .app_text h3 {font-size: 16px;}
	.green_box p {padding-right: 30px;}
	.carousel-control {	width: 10%;}
	.green_box .playBox span {	margin-top: 31px;}
}

@media only screen and (max-width:920px) {

}

@media only screen and (max-width:767px) {	
	.navbar-nav {background: #1e1e1e; margin: 0px -15px;}
	header .navbar-nav > li > a {line-height: 30px;}
	.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #5ec002; border-color:#5ec002;}
    .navbar-toggle {margin-top: 8px; border-radius: 0; padding: 17px 13px; display: none;}
	.green_box {margin-right: 0px; margin-left: 0px; text-align:center; padding:15px;}
	.green_box h1 {font-size: 42px;}
	.green_box h2 {font-size: 22px;}
	.green_box p {padding-right: 0px;}	
	.green_box .playBox {position: static;right: auto;	bottom: auto; margin:30px auto 20px auto;}
	header .navbar-brand img {width: 100px;}
	
	.carousel .item {height: auto;}
	.carousel .container .carousel-caption {height: auto;}
	.green_box {background-color: transparent;	border-color:transparent;}
	.modal.videoModal.in .modal-dialog {margin-left: auto;	margin-right: auto;}	
	.modal.videoModal .modal-content .modal-title {font-size: 22px;}
	.modal.videoModal .close {top: 11px;}
	.about {text-align: center;}
	
	.greener .home_pic {top: -248px;}
	.icons_text li {display: inline-block;width: 48%;vertical-align: top;}
	.applications .app_pic {max-width: 320px; margin: 0 auto 30px auto;}
    .applications .app_pic .apPic { max-width: 320px;}
	
	.applications .pageTitle{ margin-bottom:20px;}
	footer .footBox {text-align: center; margin-bottom:30px;}
	footer .footPost li .pic {float: none;}
	.scrollup {bottom: 135px; right: 15px;}
	.greener {margin-top: 270px;}
	.carousel .container .carousel-caption {padding-top: 70px; padding-bottom: 30px;}
	
	.contact-form .contact_box .text-right{ text-align:center;}
	.contact-form .contact_box {text-align: center;}
    
    
    .banner-section { height: auto;}
    .banner-section .jet-slider__content-inner{ padding-bottom: 50px !important;}
    .banner-section .jet-slider__content-inner::after{ display:none;}
    .banner-section .jet-slider__content-inner .jet-slider__title{max-width: 100%; margin-left: 0px; padding-top: 50px;}
    .banner-section .jet-slider__content-inner { max-width: 100% !important; padding: 0 30px;}
    .banner-section .jet-slider__content-inner .jet-slider__title h1{text-align: center; font-size: 30px;}
    .banner-section .jet-slider__content-inner .jet-slider__title p{text-align: center;}
    .satisfied_clients .clients li {   min-width: auto; max-width: 100%; width: 49%; margin-bottom: 30px;}
    .owl-carousel .owl-item img{margin-bottom: 30px;}
    .news-section .pageTitle{text-align: center;}
    footer .footPost li { display: inline-block; width: 31%;}
    
    .ourProducts .isotopeSelector{ position:static !important; height: auto !important;}
    .news-section .owl-news .owl-nav{ text-align: center;}
    .news-section .owl-news .owl-nav button{ position: static; margin: 10px 20px;}
    .quote-mob{ display: block; width: 176px;  float: right; margin-top: 8px; margin-right: 8px; color: #fff; text-transform: uppercase; padding: 14px 15px;font-weight: 600; background-color: #58be02;border-color: #58be02; height: 50px; }
    .quote-mob:hover, .quote-mob:focus, .quote-mob:active{ color: #fff;}
    header .navbar-default .navbar-nav > li > a.quote{ display: none;}
    .custom-container{ width:100%;}
    
    header .navbar-nav {margin-top: 0px;}
    .padd76 { padding: 50px 0px;}
    .half-content h2{ margin-top: 0;}
    footer .footer_social { text-align: center;}
    footer .short-about{ text-align: center;}
    footer .mobCenter{text-align: center;}
    
    body, html { scroll-behavior: auto;}
    
    header .call-now{ position: fixed; text-align: center; left: 0; right: 0; bottom: 0; z-index: 9999; padding: 10px 0;}
    header .navbar-brand{ top: 0; padding-top: 16px;}
}

@media only screen and (max-width:640px) {
	.greener .home_pic {top:-204px;}
	
	.icons_text {text-align: center; }
	.icons_text li {display: block; width:100%;}
	.pageTitle h2 {	font-size: 22px;}
	.greener {margin-top: 230px;}
	.contact-form .contact_box h2 {	font-size: 22px;}
}

@media only screen and (max-width:480px) {	
	.greener .home_pic {top: -154px;}
	.greener {margin-top: 170px;}
	.contact-form .contact_box ul.connect li {margin: 8px 3px;}
	
}

@media only screen and (max-width:360px) {
	.greener .home_pic {top: -116px;}
	.greener {margin-top: 150px;}
	
}





.request-form{z-index: 999999;}
.request-form .form-control {height:  auto;padding:10px; margin-bottom: 20px;}
.request-form .form-control.area{ height: 100px;}
.request-form form{ position:relative; z-index: 1;}
.request-form .popup-request{ padding: 0 30px; z-index: 999999;}
.request-form .modal-header{ position: relative; padding: 0; border-bottom: none;}
.request-form .modal-header .close{ cursor: pointer;position: absolute; top: 10px; right: 20px; z-index: 99; font-size: 40px;}
.request-form .btn {background:#007b5e;border-color:#007b5e; color:#fff; padding: 17px 30px; text-transform: uppercase; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.request-form .form-control:focus {color: #495057; background-color: #fff; border-color: #007b5e; outline: 0; box-shadow: none;}
.request-form .top-strip{height: 155px; background: #007b5e; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); margin-top: -94px; margin-right: 190px; margin-left: -280px; border-bottom: 65px solid #4CAF50; border-top: 10px solid #4caf50;}
.request-form .modal-content{ overflow: hidden;}
.request-form .bottom-strip{height: 155px; background: #007b5e; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); margin-top: -100px; margin-right: -257px; margin-left: 300px; border-bottom: 65px solid #4CAF50; border-top: 10px solid #4caf50;}

.side-button{position:fixed; top: 250px; right:-75px; z-index: 999999; color: #fff; text-transform: uppercase; padding: 14px 20px; font-size: 13px; font-weight: 600; margin: 4px 0 4px 10px; background-color: #58be02; border-color: #58be02; border-top-width: 3px; border-top-color: #4a9f00; line-height: normal;  cursor: pointer; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg);  -ms-transform: rotate(-90deg);  transform: rotate(-90deg);}
.side-button:hover,.side-button:focus{ background-color: #2e6ac7; color:#fff;}

@media only screen and (max-width:767px) {
    .request-form .h2{ margin-top: 0;}
}





.covid-19{ background-color: #eaf2f6; padding-top: 50px; position: relative; overflow: hidden; 
background: -moz-linear-gradient(top,  #ffffff 0%, #eaf2f6 100%); 
background: -webkit-linear-gradient(top,  #ffffff 0%,#eaf2f6 100%); 
background: linear-gradient(to bottom,  #ffffff 0%,#eaf2f6 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaf2f6',GradientType=0 ); 
}
.covid-19:before{ content: ""; position: absolute; right:-100px; top:30%; width: 486px; height: 371px; background-image: url("../images/shap-right.png"); background-repeat: no-repeat; background-size: 100% auto;}
.covid-19:after{ content: ""; position: absolute; left:0px; bottom:0; width: 700px; height: 430px; background-image: url("../images/shap-left.png"); background-repeat: no-repeat; background-size: 100% auto;}
.covid-19 .container{ position: relative; z-index: 1;}
.covid-19 h2{ font-size: 50px;  color: #000; font-weight: 800; font-family: Montserrat; text-align: center; margin-bottom: 30px;}
.covid-19 .covid-step-box{ text-align: center;}
.covid-19 .covid-step-box img{ max-width: 217px; margin: 0 auto; width: 100%; margin-bottom: 20px;}
.covid-19 .covid-step-box h3{ font-family: Oswald; font-size: 18px;}

.covid-19 .delivery-men{  max-width: 378px; margin: 0 auto; width: 100%; margin-top: 50px;}
.covid-19  .semi-bold{ font-family: Montserrat; font-weight: 700; font-size:50px; color:#000;}
.covid-19  .semi-bold.top{ margin-top: 50px;}
.covid-19  .full-black{ font-family: Montserrat; font-weight: 900; font-size:80px; color:#000;}
.covid-19 .btn{color: #fff; text-transform: uppercase; padding: 14px 30px; font-weight: 600; margin-top: 20px; background-color: #58be02; border-color: #58be02; border-radius: 0; margin-top:50px;}
.covid-19 .btn:hover,.covid-19 .btn:focus,.covid-19 .btn:active{background-color: #333; border-color: #000; color:#fff;}


.top-awards-certificates{ padding: 50px 0;}
.top-awards-certificates .pageTitle{ text-align: center;}
.top-awards-certificates .awards img{ margin-bottom: 10px; height: 70px; width: auto;}
.top-awards-certificates .awards p{ font-weight: 600;}
.top-awards-certificates .awards{ text-align: center;}
.top-awards-certificates .btn{color: #fff; text-transform: uppercase; padding: 14px 30px; font-weight: 600; margin-top: 20px; background-color: #58be02; border-color: #58be02; border-radius: 0; margin-top:50px;}
.top-awards-certificates .btn:hover,.top-awards-certificates .btn:focus,.top-awards-certificates .btn:active{background-color: #333; border-color: #000; color:#fff;}
.top-awards-certificates .awards-list{ text-align: center; margin-top: 20px;}
.top-awards-certificates .awards-list li{ display:inline-block; vertical-align: top; margin: 20px;}

.certificateModal .modal-dialog{width:849px; margin: 130px auto 30px auto;}
.certificateModal .modal-content .modal-header{padding: 0; border-bottom: none;}
.certificateModal .modal-content .modal-body{ padding: 0;}
.certificateModal .modal-content .modal-body .certificate-card{ max-width: 847px; margin: 0 auto;}
.certificateModal .modal-content .modal-body .certificate-card img{width: 100%;}
.certificateModal .modal-content .close{ position: absolute; right: 48px; font-size: 50px; top: 35px; z-index: 2;}

@media only screen and (max-width:1600px) {
	.covid-19:before { width: 356px; height: 281px;}
	.covid-19:after {width: 600px; height: 369px;}
	.covid-19 .delivery-men {  max-width: 308px;}
	.covid-19 .semi-bold { font-size: 40px;}
	.covid-19 .full-black { font-size: 70px;}
	.covid-19 h2 {font-size: 40px;}
}
@media only screen and (max-width:1440px) {
	.covid-19:before {  width: 356px; height: 281px;}
	.covid-19:after {width: 500px; height: 306px;}
	.covid-19 .delivery-men {  max-width: 308px;}
	.covid-19 .semi-bold { font-size: 40px;}
	.covid-19 .full-black { font-size: 70px;}
	.covid-19 h2 {font-size: 40px;}
}
@media only screen and (max-width:1366px) {
	.covid-19:before {  width: 356px; height: 281px;}
	.covid-19:after {width: 430px; height: 264px;}
	.covid-19 .delivery-men {  max-width: 308px;}
	.covid-19 .semi-bold { font-size: 40px;}
	.covid-19 .full-black { font-size: 70px;}
	.covid-19 h2 {font-size: 40px;}
}
@media only screen and (max-width:767px) {
	.covid-19{ padding-bottom: 307px;}
	.covid-19 h2 {font-size: 22px;}
	.covid-19 .covid-step-box h3{margin-bottom:30px;}
	.covid-19 .delivery-men { margin-top: 0px; max-width: 250px;}
	.covid-19 .semi-bold{margin-top: 10px; text-align: center;  font-size: 26px;}
	.covid-19 .full-black { font-size: 36px;  text-align: center; margin-top: 10px;}
	.covid-19 .mCenter{ text-align: center;}
	.covid-19 .brn{margin-top: 30px;}
	.covid-19:after { width: 500px; height: 307px;}
	.covid-19:before { width: 256px; height: 211px;}
}

.neo-product-set{ padding-bottom: 50px;}
.neo-product-set .prod-box-neo{ background-color: #ECECEC; padding: 15px;}
.neo-product-set .mCenter{ text-align: center; margin-top: 30px;}
.neo-product-set .prod-box-neo .productBox{ background-color: #ffffff; padding: 15px;}
.neo-product-set .title-h2{text-transform: uppercase;  color: #555555; font-weight: 800; margin-bottom: 15px;}
.neo-product-set .title-h3{color: #555555; font-weight: 800; margin-bottom: 10px; font-family: 'Roboto', sans-serif;}
.neo-product-set .title-h4{color: #555555; font-weight: 800; margin-bottom: 10px;}
.neo-product-set .para{ margin-bottom: 20px;}
.neo-product-set .btn{background-color: #58be02;  color: #fff; border: none; border-radius: 0; text-transform: uppercase; padding: 10px 14px; font-size: 13px; font-weight: 600;}
.neo-product-set .table { font-family: 'Roboto', sans-serif;}
.neo-product-set .features_list li {margin-bottom: 10px;font-weight: 600; font-family: 'Roboto', sans-serif;}




.glass-case * { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; padding: 0; margin: 0; border: 0;}
.glass-case *:before, .glass-case *:after { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
.glass-case { position: relative;}
/*********************DISPLAY***************************/
.gc-display-area {position: absolute; overflow: hidden; border: 2px solid #F5F5F5; padding: 2px; background-color: #fff;}
.gc-display-container {position: relative; overflow: hidden; top: 50%; left: 50%; width: 100%; height: 100%;max-width: 100%; max-height: 100%;}
.gc-display-display { position: relative; height: 100%; width: 100%; max-height: 100%; max-width: 100%; cursor: crosshair; opacity: 1;}
/*********************LENS***************************/
.gc-lens {position: absolute; overflow: hidden;z-index: 1000; cursor: crosshair; background: #CECECE; opacity: .5 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50) !important; -moz-opacity: 0.5; -khtml-opacity: 0.5;}
/*********************ZOOM***************************/
.gc-zoom {position: absolute; overflow: hidden; width: 100%; height: auto; z-index: 1040 !important; border: 2px solid #f5f5f5; padding: 2px; background-color: #fff;}
.gc-zoom-inner { cursor: crosshair; border: 0 !important; left: -2px !important; top: -2px !important; margin: 0 !important; z-index: 1010 !important;}
.gc-zoom-container {position: relative; top: 0;left: 0; overflow: hidden; width: 100%; height: 100%; max-width: 100%;  max-height: 100%;}
.gc-zoom-container img {position: relative; max-width: none !important; }
/*********************CAPTION**********************/
.gc-caption-container {position: absolute; overflow: hidden; width: 100%; padding: 2px; z-index: 1050 !important; background-color: rgba(255, 255, 255, 0.5); line-height:normal; font-style: italic; color: #333; font-size: 0.9em;}
.gc-caption-container div {position: relative; padding: 0 12px 0 12px; }
.gc-caption-intop {left: 0; top: 0;}
.gc-caption-inbottom {left: 0; bottom: 0;}
.gc-caption-outtop, .gc-caption-outbottom { width: 100%; width: calc(100% + 4px); border: 2px solid #f5f5f5; background: #fff;}
.gc-caption-outtop {top: 0;  left: -2px; -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%);  -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%);}
.gc-caption-outbottom {bottom: 0; left: -2px; -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%);}
.gc-alignment-center {text-align: center;}
.gc-alignment-left {text-align: left;}
.gc-alignment-right {text-align: right;}
/*********************UL***************************/
.gc-thumbs-area {position: absolute; overflow: hidden; background-color: transparent;}
.gc-thumbs-area-prev, .gc-thumbs-area-next {position: absolute; z-index: 1010;}
.gc-thumbs-area.gc-hz .gc-thumbs-area-prev, .gc-thumbs-area.gc-hz .gc-thumbs-area-next {top: 0; height: 100%;  min-height: 100%; width: 5%;}
.gc-thumbs-area.gc-vt .gc-thumbs-area-prev, .gc-thumbs-area.gc-vt .gc-thumbs-area-next {left: 0; width: 100%; min-width: 100%; height: 5%;}
.gc-thumbs-area.gc-hz .gc-thumbs-area-prev {left: 0;}
.gc-thumbs-area.gc-hz .gc-thumbs-area-next { right: 0;}
.gc-thumbs-area.gc-vt .gc-thumbs-area-prev {top: 0;}
.gc-thumbs-area.gc-vt .gc-thumbs-area-next { bottom: 0;}
.gc-thumbs-area-prev:hover, .gc-thumbs-area-next:hover {opacity: 1; cursor: pointer; cursor: hand;}
.gc-thumbs-area-prev .gc-disabled, .gc-thumbs-area-next .gc-disabled, .gc-thumbs-area-prev .gc-disabled:hover, .gc-thumbs-area-next .gc-disabled:hover {    opacity: .3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; cursor: default;}
.glass-case ul {position: relative; top: 0; left: 0; margin: 0; border: 0; padding: 0; height: 100%; list-style: none;}
.glass-case ul li {position: relative; overflow: hidden; width: 100%; height: 100%;  border: 2px solid #f5f5f5; padding: 2px; background-color: #fff;}
.gc-thumbs-area.gc-hz li {display: inline; float: left; max-width: 100%; max-height: 100%; margin-right: 5px;}
.gc-thumbs-area.gc-vt li {margin-bottom: 5px;}
.glass-case ul li .gc-li-display-container {position: relative; overflow: hidden; height: 100%; width: 100%; display: inline-block;}
.glass-case ul li:hover {border-color: #4f4f4f; cursor: pointer; cursor: hand;}
.glass-case ul li.gc-active, .glass-case ul li.gc-active:hover {border-color: #669966; cursor: default;}
.glass-case ul li .gc-li-display-container img { position: relative; top: 50%; left: 50%;}
/*********************OVERLAY***************************/
.gc-overlay-area {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2147483647 !important; background-color: rgb(204, 204, 204); background-color: rgba(51, 51, 51, 0.95);}
.gc-overlay-gcontainer {position: relative;width: 100%; height: 100%; padding: 0;}
.gc-overlay-container {position: relative; overflow: auto; width: 100%; height: 100%; padding: 0;}
.gc-overlay-container-display {position: absolute; overflow: auto; width: 100%; height: 100%; padding: 0;}
.gc-ocd-top {top: 0;}
.gc-ocd-bottom {bottom: 0;}
.gc-overlay-fit {padding: 4em 5.5em 1em 5.5em; overflow: hidden;}
.gc-overlay-display {position: relative; top: 0; left: 0; display: block; cursor: crosshair;}
.gc-overlay-display-center {max-width: 100%; max-height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.gc-overlay-display-vcenter {top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.gc-overlay-display-hcenter {left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.gc-overlay-top-icons { position: absolute; top: 0; padding: 1em 1.5em 1em 0; width: 100%; height: 4em;}
.gc-overlay-left-icons {position: absolute; height: 100%; top: 0; left: 0; padding: 0 1em 0 1.5em; height: 100%; width: 5.5em;}
.gc-overlay-right-icons {position: absolute; top: 0; right: 0; padding: 0 1.5em 0 1em; height: 100%; width: 5.5em;}
/*********************ICONS***************************/
@font-face {font-family: "linea-arrows-10"; src: url("../fonts/linea-arrows-10.eot"); src: url("../fonts/linea-arrows-10.eot?#iefix") format("embedded-opentype"), url("../fonts/linea-arrows-10.woff") format("woff"), url("../fonts/linea-arrows-10.ttf") format("truetype"), url("../fonts/linea-arrows-10.svg#linea-arrows-10") format("svg"); font-weight: normal; font-style: normal;}
.gc-icon:before {line-height: 1;}
.gc-icon {font-family: "linea-arrows-10" !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; z-index: 1020; cursor: pointer; cursor: hand; color: #fff; opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; height: 1em; width: 1em; line-height: 0; background: rgb(204, 204, 204); background: rgba(204, 204, 204, 0.5); border: 2px solid #F5F5F5;}
.gc-icon:hover {opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1;}
.gc-disabled .gc-icon:hover, .gc-disabled .gc-icon:hover, .gc-disabled .gc-icon, .gc-disabled .gc-icon {opacity: .3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30);  -moz-opacity: 0.3; -khtml-opacity: 0.3; cursor: default;}
/* *** ICON NEXT *** */
.gc-icon-next {top: 50%; right: -2px;}
.gc-icon-next:before {position: absolute; top: -2px; right: -2px; content: "\e04b";}
.gc-icon-next-vt {bottom: 0; left: 50%;}
 .gc-icon-next-vt:before {position: absolute; top: -2px; left: -2px; content: "\e019";}
.gc-display-area .gc-icon-next {font-size: 2em !important;}
.gc-thumbs-area-next .gc-icon-next {right: 0;font-size: 2em !important;}
.gc-thumbs-area-next .gc-icon-next-vt {font-size: 1.5em !important;}
.gc-overlay-area .gc-icon-next { position: relative; right: 0; font-size: 3em;}
/* *** ICON PREV *** */
.gc-icon-prev {top: 50%; left: -2px;}
.gc-icon-prev:before {position: absolute; top: -2px; left: -2px; content: "\e03f";}
.gc-icon-prev-vt {top: 0; left: 50%;}
.gc-icon-prev-vt:before {position: absolute; top: -2px; left: -2px; content: "\e083";}
.gc-display-area .gc-icon-prev {font-size: 2em !important;}
.gc-thumbs-area-prev .gc-icon-prev {font-size: 2em !important;}
.gc-thumbs-area-prev .gc-icon-prev-vt {font-size: 1.5em !important;}
.gc-overlay-area .gc-icon-prev { position: relative; left: 0; font-size: 3em;}
/* *** ICON DOWNLOAD *** */
.gc-icon-download {right: -2px;bottom: 0; font-size: 2em; overflow: hidden;}
.gc-icon-download:before { position: absolute; top: -4px; left: -2px; content: "\e064";}
/* *** ICON CLOSE *** */
.gc-icon-close {position: relative; font-size: 2em; float: right;}
.gc-icon-close:before {position: absolute; content: "\e04a"; top: -2px; right: -2px;}
.gc-icon-enlarge {position: relative; float: right; margin-right: 0.25em; font-size: 2em;}
.gc-icon-enlarge:before {position: absolute; content: '\e017'; top: -2px; right: -2px;}
.gc-icon-compress {position: relative; float: right; margin-right: 0.25em;font-size: 2em;}
.gc-icon-compress:before {position: absolute; content: '\e053'; top: -2px; right: -2px;}
/*********************LOADING***************************/
.gc-loading {position: absolute; top: 50%; left: 50%; width: 31px; height: 31px; margin-left: -15px; margin-top: -15px; background-image: url(../images/loader.gif);}
.gc-loading3 {position: absolute; top: 50%;left: 50%; margin-left: -15px; margin-top: -15px; font-size: 0.25em; text-indent: -9999em; border-top: 1.1em solid rgba(102, 153, 102, 0.2); border-right: 1.1em solid rgba(102, 153, 102, 0.2); border-bottom: 1.1em solid rgba(102, 153, 102, 0.2); border-left: 1.1em solid #669966; -webkit-animation: loadGC 1.1s infinite linear; animation: loadGC 1.1s infinite linear;}
.gc-loading3, .gc-loading3:after {border-radius: 50%; width: 30px; height: 30px;}
@-webkit-keyframes loadGC { 0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}}
@keyframes loadGC {0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}}
/*********************GENERAL***************************/
.gc-hide {display: none; z-index: 0; opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);  -moz-opacity: 0; -khtml-opacity: 0;}
.gc-noscroll { overflow: hidden;}
.gc-start {display: none; z-index: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0;}

.page-bnr h1 {
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 800;
}
@media only screen and (max-width:991px) {
	.certificateModal .modal-dialog{width:100%;}
	.certificateModal .modal-dialog{ margin-top: 90px;}
	.certificateModal .modal-content .close { right: 18px; top: 5px;}
	/*.modal-open .modal { z-index: 999999;}*/
}
@media only screen and (max-width:767px) {
	.gc-display-area{ z-index: 1;}
	.gc-thumbs-area{ z-index: 1;}
	.neo-product-set .title-h2{font-size:22px; text-align: center; margin-bottom: 10px;}
	.neo-product-set .mCenter{ text-align: center;}
	.neo-product-set .mCenter .btn{ display: inline-block;}
	.neo-product-set .text-right{ text-align: center !important;}
	.neo-product-set .title-h3{ text-align: center;}
	.neo-product-set .btn{ margin-bottom: 20px;}
	.neo-product-set .title-h4{  text-align: center;}
	
	.top-awards-certificates{ text-align: center;}
	.top-awards-certificates .awards-list li {margin: 10px;}
	.top-awards-certificates .btn{margin-top:20px;}
}


.padd100{ padding: 100px 0px;}
.aab-is{ margin-bottom: 50px;}
.aab-is .aab-box{ padding: 30px; border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px; background: #004480; /* Old browsers */
background: -moz-linear-gradient(45deg,  #004480 0%, #1f7031 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #004480 0%,#1f7031 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #004480 0%,#1f7031 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004480', endColorstr='#1f7031',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.aab-is .aab-box .pageTitle{ margin-bottom: 20px;}
.aab-is .aab-box .pageTitle h2{ color:#fff;}
.aab-is .aab-box .pageTitle h2 span{color:#a6ff00;}
.aab-is .aab-box p{ color:#fff;}

.tab-is .pageTitle{ text-align: center; margin-bottom: 50px;}


.round-button {
    display: inline-block;
    width:120px;
    height:120px; margin-bottom: 50px;
	padding-top: 36px;
    line-height: normal;
    border: 2px solid #f5f5f5;
    border-radius: 50%;
    color:#ffffff;
    text-align:center;
    text-decoration:none;
    box-shadow: 0 0 3px gray;
    font-size:20px;
    font-weight:bold;
	background: #004480; /* Old browsers */
background: -moz-linear-gradient(45deg,  #004480 0%, #1f7031 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #004480 0%,#1f7031 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #004480 0%,#1f7031 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004480', endColorstr='#1f7031',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.round-button span{ display: block; font-size: 13px;}
.round-button:hover, .round-button:focus {color:#ffffff;
    background: #1f7031; /* Old browsers */
background: -moz-linear-gradient(45deg,  #1f7031 0%, #004480 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #1f7031 0%,#004480 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #1f7031 0%,#004480 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f7031', endColorstr='#004480',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.wc-nti{ background-color: #ECECEC;}
.wc-nti .pageTitle{ margin-bottom: 20px;}
.wc-nti p{ text-align:left; margin-bottom: 20px;}
.wc-nti-img{ border: 5px solid #004480 ;background-color: #fff; overflow: hidden; max-width: 458px; min-height: 250px; margin: 0 auto; border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px; -webkit-box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.3);
box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.3);}
.wc-nti-img img{ width: 100%;}
@media only screen and (max-width:767px) {
	.padd100{ padding: 50px 0px;}
	.wc-nti p{ text-align: center; }
	.wc-nti-img{ min-height: 100%; margin-bottom: 50px;}
}

/*Africa Page*/
.neo-africa-bnr{ position: relative; background-color: #004480; min-height: 700px; padding-top: 150px;}
.neo-africa-bnr:before{ content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 128px; background-image: url("../images/banner-shape.svg"); background-repeat: no-repeat; background-position: bottom center; z-index: 2;}
.neo-africa-bnr:after{ content: ""; position: absolute; top:0; left: 0; right: 0; bottom: 0px; height: 700px; background-image: url("../images/africa-bnr.jpg"); background-repeat: no-repeat; background-position: bottom center; z-index: 1; opacity: 0.4;}
.neo-africa-bnr .container{ position: relative; z-index: 3; text-align: center;}
.neo-africa-bnr .title-box{ display: inline-block; background-color: rgba(86,187,6, 0.8); border-radius: 10px;-webkit-border-radius: 10px; -moz-border-radius: 10px; padding:20px 30px;}
.neo-africa-bnr .title-h1 { font-weight: bold; margin-bottom: 10px;  font-size: 34px;  line-height: normal; color:#fff;}
.neo-africa-bnr p{ color:#fff; font-weight: 600; line-height: 22px;}

.africa-about .pageTitle.tp{ margin-top: 30px; }
.award-winner{ max-width: 150px; width: 100%; margin: 0 auto 30px auto;}
.about.africa-about .form-outer{ margin-top: 0;}
.about.africa-about .form-outer .form-in {padding: 30px;}

.africa-products{ padding-bottom: 50px;}
.africa-products .all-products{ text-align: center;}
.africa-products .all-products a.collapsed {color: #004480;}
.africa-products .all-products a { color: #5ec102; text-decoration: none;}
.africa-products .all-products a .rotate-icon i {font-size: 34px; margin-top: 10px;}
.africa-products .all-products a.collapsed .rotate-icon {
    color: #004480;
    border-color: #004480;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.africa-products .all-products a .rotate-icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    color: #5ec102;
    border: 1px solid #5ec102;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.africa-products .all-products a .vff {display: block;font-size: 14px; font-weight: 600;}

.africa-best-application{ background-color: #f3f3f3; padding: 100px 0;}
.africa-best-application .pageTitle{ text-align: center;}

.africa-best-application .africa-apps{ min-height: 470px; background-color: #fff; padding: 30px 10px 10px 10px; margin-top: 70px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; position: relative; webkit-box-shadow: 0px 20px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 20px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 20px 15px 0px rgba(0,0,0,0.2);}
.africa-best-application .africa-apps .title-h3{ position: absolute; left: 10px; top: -20px; background-color: #5ec102; padding:6px 10px; border-radius: 0px 10px 0px 10px;
-moz-border-radius: 0px 10px 0px 10px;
-webkit-border-radius: 0px 10px 0px 10px; color:#fff; display: inline-block; margin-bottom: 10px; font-weight: 600;}
.africa-best-application .af-app-box{ overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.africa-best-application .af-app-box img{ width: 100%;}
.africa-best-application .africa-apps p{ text-align: left; margin-top: 20px; font-weight: 600;}

.provide-africa{ padding: 100px 0;}
.provide-africa .pageTitle{ text-align: center;}
.provide-africa .africa-provide{ text-align: center;}
.provide-africa .africa-provide .af-box{ width: 200px; height: 200px; overflow: hidden; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; display: inline-block; margin-top: 30px;}
.provide-africa .africa-provide .af-box img{ width:100%;}
.provide-africa .africa-provide .title-h3{ font-weight: 600; margin-top: 10px;}
.provide-africa .africa-provide p{ margin-top: 10px; font-weight: 600;}

.provide-africa .isp-img{ max-width: 512px; overflow: hidden;border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; display: inline-block; margin-top: 100px;}
.provide-africa .isp-img img{ width:100%;}

.wc-neo{ background-color: #f3f3f3; padding-bottom: 100px;}
.wc-neo .af-wc-point{ text-align: left; margin-top: 20px; }
.wc-neo .af-wc-point li{margin-bottom: 20px;  color:#fff; position: relative; padding-left: 20px;}
.wc-neo .af-wc-point li i{position: absolute; left: 0; top: 0;}

.af-text-box{padding: 30px; color:#fff; text-align: center; margin: 30px 0; font-weight: 600; font-size: 18px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    background: #004480;
    background: -moz-linear-gradient(45deg, #004480 0%, #1f7031 100%);
    background: -webkit-linear-gradient(45deg, #004480 0%,#1f7031 100%);
    background: linear-gradient(45deg, #004480 0%,#1f7031 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004480', endColorstr='#1f7031',GradientType=1 );}
@media only screen and (max-width:1700px) {
	.africa-best-application .africa-apps{ min-height: 450px;}
}
@media only screen and (max-width:1600px) {
	.africa-best-application .africa-apps{ min-height: 460px;}
	.africa-best-application .africa-apps .title-h3{ font-size: 22px;}
}
@media only screen and (max-width:1440px) {
	.africa-best-application .africa-apps{ min-height: 430px;}
	.africa-best-application .africa-apps .title-h3{ font-size: 22px;}
}
@media only screen and (max-width:1366px) {
	.africa-best-application .africa-apps{ min-height: 440px;}
	.africa-best-application .africa-apps .title-h3{ font-size: 22px;}
}
@media only screen and (max-width:767px) {
	.africa-best-application .africa-apps{ min-height: 100%;}
	.neo-africa-bnr { padding-top: 50px;}
	.award-winner{ margin-bottom: 0;}
	.africa-about .pageTitle h2{ margin-bottom: 20px;}
	.neo_products.africa-products .prodImg{ margin-top: 30px;}
	.africa-best-application {padding: 50px 0;}
	.provide-africa {padding: 50px 0;}
}