@import url('reset.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
@charset "utf-8";
/* CSS Document */
body{font-family: 'Open Sans', sans-serif !important; background-color:#fff; overflow-x:hidden !important; font-size:16px !important; color:#636363 !important; }
::selection {
	color: #fff;
	background: #054f74;
	text-shadow: none;
}
::-webkit-selection {
color:#fff;
background:#054f74;
text-shadow: none;
}

::-moz-selection {
color:#fff;
background:#054f74;
text-shadow: none;
}
.mail-to{border-bottom:0px !important;color: rgb(171,171,171) !important;}
/*nav*/
.top-bar{float:left; width:100% ;height:5px;}
.top-bar img{ vertical-align:top; width:100%;}
.quick-contact{text-align:right; margin-top:42px; margin-bottom:12px;}
.quick-contact img{ margin-right:5px;}
.navbar{ margin-bottom:0px !important; }
.quick-contact p span{color:#7b9bc0; font-size:15px; font-weight:400 !important;}
.quick-contact p {font-weight:700; line-height:0px; margin-bottom:0px; color:#2d317b;}
.navbar-default{ background-color:transparent !important; border:none !important;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{ color:#10a650; padding-bottom:12px; border-bottom:solid 1px #10a651;background-color:transparent !important;}
.nav > li{  text-transform:uppercase; font-size:16px; padding:0px 25px; padding-right:0px;}
.navbar-nav > li > a{ padding-top:0px !important; padding-bottom:0px !important;color:#232055 !important;}
.navbar-brand{ padding:0px !important; margin-top:-15px;}
.navbar-brand > img{ margin-top:-58px;}
.nav > li > a{ padding:0px !important;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{ color:#10a650 !important;}
.carousel-indicators .active, .carousel-indicators li{width:15px !important; height:15px !important;}
.carousel-indicators .active{background-color: #fff !important;
border: solid 5px transparent !important;}
.carousel-indicators li{ margin:0px !important;}
/*nav*/
.top-menu{float:left; width:100%; }
.top-menu ul{ margin-top:15px !important;}
.top-right{float:right;  text-align:right; padding-top:10px;}
.top-right ul{ line-height:22px; float:left;}
.top-right ul li{float:left; padding:5px 10px; font-size:17px; color:#666;}
/*slider*/
.top-slider{ float:left;width:100%; height:auto; background-color:#999; position:relative; margin-top:20px;}
.top-banner{ float:left;width:100%; height:auto; text-align:center; background-color:#2d317c; position:relative; margin-top:20px;}
.top-banner img{width:auto; text-align:center;}
.carousel-caption { width:100%; right:0 !important; left:0 !important; background-image:url(../images/bc-transparent.png); background-repeat:repeat; bottom:113px !important; }
.carousel-caption h3{ font-size:40px; text-transform:uppercase; font-weight:700;color:#fff; margin:0 !important;}
.carousel-caption h2{ font-size:18px; margin:0 !important;}
.book{ background-color:#63F;}
.carousel-caption a{font-size:25px;color:#fcac0b; border:solid 1px #ccc; background: rgba(0,0,0,0.4); padding:8px; border-radius:5px; -moz-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; text-shadow:none !important;}
.carousel-caption a:hover{color:none !important; text-decoration:none; color:#fff;}
.main-content{float:left; width:100%; height:auto; padding-bottom:74px; background-color:#ececec; background-image:url(../images/content-bc.jpg); background-position:right bottom; background-repeat:no-repeat;}
.main-content h1{color:#2d317c; font-size:24px; font-weight:700; text-transform:uppercase; margin-top:76px;}
.main-content p{ font-weight:300 !important; margin-top:16px; font-size:24px; color:#000;font-family: 'Open Sans', sans-serif; margin-bottom:20px;}
.main-content h5{font-size:15px;color:#000; margin-bottom:26px; line-height:24px;}
.main-content a{color:#2d317c; text-transform:uppercase; font-weight:700; text-decoration:none; font-size:14px;}
.main-content a:hover{color:#2d317c;}
.bottom-mision{float:left; width:100%; margin-top:50px; height:auto; padding:50px;
background: #2c3079; /* Old browsers */
background: -moz-linear-gradient(left, #2c3079 0%, #22255d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #2c3079 0%,#22255d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #2c3079 0%,#22255d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c3079', endColorstr='#22255d',GradientType=1 ); /* IE6-9 */
}
 .bottom-mision h2, .bottom-vision h2{ color:#fff; font-weight:700; font-size:24px;}  
 .bottom-mision p,.bottom-vision p{font-size:15px; color:#fff; line-height:24px;} 
 .bottom-vision{ float:left;margin-top:50px;padding:50px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10a54f+0,0c7d3c+100 */
background: #10a54f; /* Old browsers */
background: -moz-linear-gradient(left, #10a54f 0%, #0c7d3c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #10a54f 0%,#0c7d3c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #10a54f 0%,#0c7d3c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10a54f', endColorstr='#0c7d3c',GradientType=1 ); /* IE6-9 */}
#owl demo p {
    position: absolute;
    bottom:25px;
    left: 0;
    background-color: #eee;
    width: 100%;
	color:#fff;	
}
.services{float:left; width:100%; height:auto; margin-top:26px; text-align:center;}
.services h2{ font-size:24px; font-weight:700; text-transform:uppercase; color:#2d317c; margin-bottom:4px;}
.services h4{font-weight:700; font-size:15px; text-transform:uppercase; color:#2d317c;}
.details{width:80%;}
.details h5{ font-size: 15px !important;
 margin-top:-7px;
}
.services p{color:#464646; line-height:24px; font-size:15px;}
.services img{ width:100%; margin-bottom:13px; -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;}
.services img:hover{ filter: grayscale(100%); /* Standard CSS */
    -webkit-filter: grayscale(100%); /* CSS for Webkit Browsers */
    filter: url(/elements/grayscale.svg#desaturate); /* Firefox 4-34 */
    filter: gray;  /* Internet Explorer IE6-9 */
    -webkit-filter: grayscale(1); /* Old WebKit Browsers */  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;}
.item p{color:#fff !important; text-align:center;font-size: 25px;margin-top:-35px; z-index:1000; position:relative;
padding: 14px 12px; background-color:#333;
 color:#E11C1C;}
 .pagetag{width:370px; height:100px; text-align:left; background-color:#2d317c;color:#fff; padding-top:28px; padding-left:50px;position: absolute;
bottom: -41px;}
.pagetag p{ font-size:13px; margin-bottom:5px; }
.pagetag h2{font-size:25px; margin-top:5px !important; }
.pagetag i{ margin-left:10px; margin-right:10px;}
.pagetag a{color:#fff;}
.pagetag a:hover{ text-decoration:underline; color:#fff;}
.inner-section{float:left; width:100%; height:auto; margin-top:76px; margin-bottom:40px; }
.jlr {font-size: 0;}

.jlr .jlr_item {
    font-size: 1rem;
    display: inline-block;
    box-sizing: border-box;     
    padding: 40px;
	padding-left: 0px !important;
	padding-top:0px !important;
}
.gray_out {
    background-color: #fff;
}
.four{ padding-right:0px !important;}

.jlr img.jlr_loaded {
     -webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    -ms-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
    opacity: 1;
}

.activity{float:left; width:100%; height:auto; margin-bottom:50px;}
.activity img{width:100%; margin-bottom:5px; border-radius:7px;}
.activity h2{color:#10a650; font-weight:700; font-size:20px; margin-bottom:10px;}
.activity p{ font-size:15px; color:#464646; height:46px;}
.nopadding{ padding-left:0px !important;}
.sidemenu ul li{ padding:10px 0px; border-bottom:solid 1px #ccc; font-size:15px;}
.nopaddingtop{ padding-top:0px !important; }
.activeside{color:#10a651;}
.nopaddingright{ padding-right:0px !important;}
.product-wrapper{ margin-left:16px;}
.product-wrapper h2{font-weight:bold; font-size:20px; margin-top:0px; color:#10a650;}
.product-wrapper h3{font-weight:300; font-size:23px; line-height:34px; margin-bottom:2px; margin-top:13px;}
.product-wrapper p{font-size:15px; line-height:24px; margin-top:10px;}
.product-wrapper img{ width:100%; margin-top:16px;}
.product-wrapper h4 {
    color:#10a650;
    margin-bottom: 5px !important;}
.margin-minus{ margin-left:-17px;}
.sidemenu h5{font-weight:700;}
.sidemenu p{ margin-bottom:15px;}
.padtop{ margin-top:29px;}
.red-button{ background-color:#39b54a; color:#fff; height:74px; border-radius:0px !important; text-transform:uppercase; font-size:20px !important; font-weight:700 !important;}
.book-form-box{ height:48px !important; transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s;}
.red-button:hover{ background-color:#0b8c1d; color:#fff !important;}
.textar{ height:168px !important;}
.contactform form {
    margin-top: 20px;
}
.contact-map{float:left; width:100%; height:auto; margin-top:50px;}
.contact-map iframe{ height:350px; width:100%;}
.form-control:focus{border-color: #05904b  !important;}
.book-form-box:focus{border-color: #05904b  !important;    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(218, 114, 14, 0.6)!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(219, 173, 15, 0.6) !important; transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s;
}
.contactform .form-control{ border-radius:0px !important; margin-bottom:20px; box-shadow:none !important;}
.form-group{ margin-bottom:0px !important; }
.sectoractivity{ margin-top:87px; margin-bottom:30px;}
.nobottom{ margin-bottom:0px;}
.productservice{ margin-bottom:32px; margin-top:83px;}
.certificate{ margin-bottom:4px; margin-top:88px;}
.product ul li{ padding:0px 0px; font-size:15px; }
.product ul li:before {
		content: "";
    border-color: transparent #111;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 1.2em;
    position: relative;
	     }
 /*test*/
.footer{float:left; width:100%; height:auto; text-align:left; background-color:#292929; padding-bottom:30px; margin-top:36px;background-image:url(../images/footer.jpg); background-position:center top; background-repeat:no-repeat; padding-top:70px;}
.footer img{ padding:5px; float:left;}
.footer li{font-size:14px; color:#fff; line-height:23px;}
.ft-menu a{border:none !important;transition:ease-in-out 0.5s; -mos-transition:ease-in-out 0.5s; -ms-transition:ease-in-out 0.5s; -webkit-transition:ease-in-out 0.5s; -o-transition:ease-in-out 0.5s;}
.faicons a {transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s;
    border: none !important;}
.ft-menu a:hover{color:#10a650 !important; text-decoration:none !important; transition:ease-in-out 0.5s; -mos-transition:ease-in-out 0.5s; -ms-transition:ease-in-out 0.5s; -webkit-transition:ease-in-out 0.5s; -o-transition:ease-in-out 0.5s;}
.footer i{ width:32px; height:32px; padding:7px; color:#fff; margin:3px;}
.footer i:hover{ background-color:#333;}
.fa-facebook{ background-color:#385997; text-align:center;}
.fa-twitter{ background-color:#6ec8eb;}
.fa-linkedin{ background-color:#448ccb;}
.footer h5{font-size:16px; font-weight:700; text-align:left; color:#fff;}
.footer a{border-bottom:solid 1px #fff; color:#fff !important;}
.footer a:hover{ text-decoration:none !important;}
.underline{ border-bottom:solid 2px #fff;}
.footer p{ text-align:left; font-size:14px; color:#ababab; margin-bottom:18px;}
.boldtext{color:#cfcfcf; font-weight:700;}
.copyright{float:left; width:100%; text-align:center; font-size:13px; color:#fff; height:auto; background-color:#1f1f1f; padding:1%;}
.contactform img{ width:auto !important;}
.download{float:left; width:100%; height:auto; margin-top:25px;}
.download a{ background-color:#10a650; padding:10px !important; font-size:15px; border:none !important;}
.download h5{ width:100% !important;}
.download a:hover{color:#5af8a5 !important ;}
.download a:focus{ text-decoration:none !important;}
.download i{ width:auto !important; height:auto !important; padding:3px !important;}
.download i:hover{ background-color:transparent !important;}
.certificate h5{ position: relative; margin-bottom: 0px; font-size: 13px; font-weight: 400; color:#000; text-align: center; padding-top: 5px;padding-bottom: 5px;}
/*social*/
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}
@media screen and (max-width: 1199px) {
.bottom-vision p br{display:none;}
.bottom-mision p, .bottom-vision p{font-size:13px;}
.services h4{line-height:22px;}
.four{ display:none !important; }
}
@media screen and (max-width: 991px) {
.carousel-caption h3{font-size:38px;}
.carousel-caption a{font-size:18px;}
.nav > li{ border:none; font-size:13px !important;}
.navbar-brand > img{ margin-top:-62px;}
.footer h5{font-size:14px;}
.footer{ margin-top:10px;}
.services img{ margin-bottom:8px;}
.bottom-mision,.bottom-vision{ margin-top:20px;}
.services{ margin-top:20px;}
.main-content br{display:none !important;}
.main-content h5 br{display:none;}
.details{width:98%;}
.gray_out{width:82%; margin-left:auto; margin-right:auto;}
.top-banner img{ width:auto !important;}
.activity p{font-size:14px; height:50px;}
.activity h2{font-size:17px;}
.product{ width:100% !important;}
.contactform img{ width:auto !important; margin-bottom:20px;}
.resp-vtabs .resp-tabs-container{width:100% !important;}
.resp-vtabs ul.resp-tabs-list{width:100% !important;}
.resp-tab-content{ padding-left:0px;}
.resacr{ padding-top:25px;}
.resp-vtabs .resp-tabs-container{ padding-left:0px !important;}
.resp-tab-content{ padding-left:0px !important;}
.resacr img{ margin-top:20px;}
.resacr p{ text-align:justify !important; margin-top:10px;}
.certificate h5{font-size:11px;}
}
@media screen and (max-width: 767px) {
	.navbar-nav > li > a{ padding-bottom:0px !important;}
	.top-right{display:none;}
	.framedd{ display:none;}
	.main-content h1{ margin-top:55px;}
	.main-content{ padding-bottom:55px;}
	
	.form-group{ margin-bottom:0px !important;}
	.carousel-caption h3{font-size:24px; }
	.carousel-caption a{font-size:16px;}
	.carousel-caption{ bottom:89px !important;}
	.top-menu{ margin-top:6px;}
	.navbar-brand > img{ margin-top:-30px; width:80%;}
	.details{width:98%;}
	.nav > li{padding: 4px 0;}
	.navbar-collapse{border:none !important;}
	.navbar-toggle{border-radius:0px !important;}
	.navbar-default .navbar-toggle{border-color:#000 !important;background-color: #17055d  !important;}
	.navbar-default .navbar-toggle .icon-bar{ background-color:#fff !important;}
	.top-slider{ margin-top:8px;}
	.main-content{ background-image:none; padding-left:20px; padding-right:20px;}
	.main-content p{font-size:21px;}
	.main-content h5 br{display:none;}
	.main-content h5{ text-align:justify;}
	.bottom-mision,.bottom-vision{ margin-top:20px;}
	.bottom-mision,.bottom-vision p{ text-align:justify;}
	.services h2{ margin-top:0px;}
	.social{width:100%;}	
.quick-contact{margin-top:0px !important;}
.bottom-mision,.bottom-vision{ padding:25px;}
.pagetag{ padding-top:21px; bottom:-59px;}
.certification{ margin-left:0 !important;}
.content-mob{display:block; width:100% !important;}
.sidemenu{ margin-bottom:34px !important;}
.product-wrapper{ margin-left:0px;}
.product-wrapper h3{ margin-bottom:2px; line-height:27px;}
.product-wrapper p{ text-align:justify;}
.product-wrapper img{ margin-top:15px;}
.contactaddress h5,.contactaddress p{ text-align:center !important;}
.resacr{ padding-top:25px;}
.resp-vtabs .resp-tabs-container{ padding-left:0px !important;}
h2.resp-accordion{ line-height:22px;}
.resacr h3{font-size:21px; line-height:30px;}
.resp-tab-content{ padding-bottom:0px !important;}
.resp-tab-content{ padding-left:11px !important;}
.resbt{ margin-bottom:0px !important;}
		}
		@media screen and (max-width: 749px) {
			.gray_out{width:92%; margin-left:auto; margin-right:auto;}
			.activity h2{font-size:16px;}

		}
		@media screen and (max-width: 480px) {
			.col-xxs-12{width:100% !important; text-align:center;}
			.footer h5,.footer p{ text-align:center;}
			.footer img{float:none;}
			.footer{ padding-top:30px; margin-top:8px;}
			.services img{ margin-bottom:8px;}
			.main-content p br{ display:none;}
			.carousel-caption{display:none;}
			.services p br{ display:none;}
			.services{ margin-top:23px;}
			.main-content p{font-size:16px;}
			.main-content a{font-size:15px;}
			.activity{ margin-bottom:16px;}
			.activity p{ height:auto;}
			.activity img{ margin-bottom:0px;}
			.product-wrapper h3{ font-size:19px; line-height:27px;}
			
		}
		@media screen and (max-width: 350px) {
			.main-content h1{font-size: 22px;}
			.main-content a{font-size:14px;}
			.services h2{font-size:22px;}
		}
		@media screen and (max-width: 350px) {
			.main-content h1{font-size: 20px;}
			.main-content a{font-size:13px;}
			.services h2{font-size:22px;}{font-size:20px;}
		}
		
		@media screen and (max-width: 680px) {
			#re img{ margin-top:195px;}
			.carousel-caption{bottom:63px !important;}
			.gray_out{width:100%; text-align:center;}
			.jlr .jlr_item{ padding:25px;}
			.product-wrapper h3{ font-size:18px;}
			.pagetag h2{font-size:22px;}
		}
		@media screen and (max-width: 588px) {
			.jlr .jlr_item{ padding:10px;}
		
		
@media screen and (max-width: 360px) {
	.quick-contact{display:none;}
	.navbar-brand > img{ margin-top:5px; width:54%;}
}
@media screen and (max-width: 320px) {
	.product-wrapper h3{font-size:18px;}
	.product-wrapper h2{font-size:18px;}
}
@media screen and (max-width: 298px) {
	.main-content h1{font-size:18px;}
	.main-content p{font-size:15px;}
	.main-content a{font-size:12px;}
	.product-wrapper h2{font-size:17px;}
	.product-wrapper h3{font-size:16px;}
	}