@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900italic,900,700italic,700,600italic,600,400italic,300italic,300,200italic,200);
@import url(font-awesome/css/font-awesome.min.css);
body{
	margin: 0;
	padding: 0;
	font-family: 'Source Sans Pro', sans-serif;
	/* [disabled]font-size:15px; */
}
li{
	list-style: none;
}
a:hover, a:visited, a{
	text-decoration: none; 
}
h1, h2{
	text-transform: uppercase;
	font-weight: bold;
}
/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */
div, p, ul, li, h1, h2, h3, h4, h5, h6, form, input, textarea, select, nav, img {padding:0;margin:0;}
img{border:0;}

ol, ul { list-style: none; }

a {text-decoration:none; -webkit-transition: background-color 1s; -moz-transition: background-color 1s; -o-transition: background-color 1s; -ms-transition: background-color 1s; transition: background-color 1s;}
a:hover {text-decoration:underline; -webkit-transition: background-color 1s; -moz-transition: background-color 1s; -o-transition: background-color 1s; -ms-transition: background-color 1s; transition: background-color 1s;}


.flt-lft {float:left;}
.flt-rgt {float:right;}

.aln-cntr{text-align:center; margin:0 auto 20px; display:block;}
.clear {clear:both;font-size:0;line-height:0;}


hr{height:1px; line-height:1px; background:#e9e9e4; clear:both; display:block; overflow:hidden; border: 0; margin-bottom:15px;}


ul.bull-num{list-style-type:none; float:left; margin:0 0 20px 20px;}
ul.bull-num li{float:left; clear:both; margin-left:20px; margin-bottom:10px; list-style-type:decimal!important;}

ol{margin:0; left:0; list-style-type:disc;}
ol li{list-style-type:disc; margin-bottom:8px;}




.mrgn-top0{margin-top:0!important}
.mrgn-top2{margin-top:2%!important}
.mrgn-top10{margin-top:10px!important}
.mrgn-top15{margin-top:15px!important}
.mrgn-top25{margin-top:25px!important}
.mrgn-top35{margin-top:35px!important}
.mrgn-top45{margin-top:45px!important}
.mrgn-top-10{margin-top:10%!important}
.mrgn-top-40{margin-top:40%!important}

.mrgn-top-8{margin-top:8%!important}
.mrgn-top-25{margin-top:25%!important}
.mrgn-top5{margin-top:5px!important}

.mrgn-top5{margin-top:5%!important}
.mrgn-top6{margin-top:6%!important}

.mrgn-bootom-5{margin-bottom:5%!important}
.mrgn-bootom-2{margin-bottom:2%!important}
.mrgn-bootom5{margin-bottom:5px!important}

.padding-1{ padding:1%!important;}
.padding-top-4{ padding-top:4%;}
.mrgn-left{ margin-left:2px;}
.mrgn-left20{ margin-left:20px; }
.mrgn-left15{ margin-left:15px;}




/*header area*/
.top-area{ background:#eaeff3; width:100%; display:block; padding:7px 0;}
.top-number{ color:#33c805; font-size:20px; font-weight:normal; padding-left:15px; float:left; position:relative; left:45%; top:10px;}
.top-number:before{ content:"\f10b"; font-family:'FontAwesome'; position:absolute; left:0; font-size:25px; color:#33c805; top:-2px;}

.top-mail{ color:#000; font-size:15px; font-weight:normal; position:relative; padding-left:25px;}
.top-mail:before{ content:"\f0e0"; font-family:'FontAwesome'; position:absolute; left:0; font-size:15px; color:#666; top:0;}
ul.top-social-icon{ float:right; margin-top:5px;}
ul.top-social-icon li{ float:left; margin-right:12px;}
ul.top-social-icon li i{ font-size:18px;}

.top-header{
	background: #fff !important;
	position: fixed;
	width: 100%;
	z-index: 1000; -webkit-box-shadow: 0px 8px 7px -4px rgba(0,0,0,0.22); 
-moz-box-shadow: 0px 8px 7px -4px rgba(0,0,0,0.22);
box-shadow: 0px 8px 7px -4px rgba(0,0,0,0.22);
}
.header-backup{
	width: 20px;
	height: 119px;
	background: transparent;
	margin:auto;
}
.top-header img.logo{
	margin-bottom: 0;
	margin-top: 0;
	transition:all .5s ease 0s;
  -webkit-transition:all .5s ease 0s;
  -moz-transition:all .5s ease 0s;
  -o-transition:all .5s ease 0s;
  -ms-transition:all .5s ease 0s;
}
.navbar-default {
  background-color: transparent;
  border-color: transparent;
  margin-bottom: 0;
  transition:all .5s ease 0s;
  -webkit-transition:all .5s ease 0s;
  -moz-transition:all .5s ease 0s;
  -o-transition:all .5s ease 0s;
  -ms-transition:all .5s ease 0s;
}
.nav-bar{
	margin-top: 5%;
}
.navbar-toggle span{
	color: #fff;
}
ul.nav{
	margin: 0;
	padding: 0;
}
.navbar-default .navbar-nav>li>a {
 	font-size: 17px;
	color: #000;
	transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	-ms-transition: all .7s ease 0s;
	padding: 10px 10px;
	font-weight: normal;
}
.navbar-default .navbar-nav>li>a:hover{
	color: #fff; background:#8fc550;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #000;
}
li a.active{
	color: #fff !important; background:#8fc550;
}
.navbar-default .navbar-toggle {
  border-color: #fff;
}

.header-logo img{ width:210px;}


/*slider area*/
.slider-row{
	margin: 0;
	padding: 0;
}
.slider-wrapper{
	margin: 0;
	padding: 0 !important;
	background: #000 !important;
}
.carousel-caption h1{
	font-size: 157px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 0;
}
.carousel-caption p{
	font-size: 40px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 0;
}
.carousel-caption button{
	width: 240px;
	height: 60px;
	background: #3a9ecb;
	color: #fff;
	font-size: 30px;
	text-transform: uppercase;
	border:0;
	transition:all .5s ease 0s;
	-webkit-transition:all .5s ease 0s;
	-moz-transition:all .5s ease 0s;
	-o-transition:all .5s ease 0s;
	-ms-transition:all .5s ease 0s;
}
.carousel-caption button:hover{
	background: #2a2a2a;
}
.carousel-control{
	width: 5%;
}
.carousel-inner{
	background: -webkit-linear-gradient(left, #000 , blue); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(left, #000, blue); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, #000, blue); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to left, #000 , blue); /* Standard syntax */
}
.item{
	position: relative;
}
.item img{ width:100%;
}

.carousel-caption {
	position: absolute;
	text-align: left;
	left: 12%;
    line-height: 1;
    top: 50%;
    margin-top: -100px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
  font-size: 18px;
  padding: 5px;
  background: #fff;
  border-radius: 50%;
  color: transparent;
  margin-left: 0;
  margin-top: 50px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
  font-size: 18px;
  padding: 5px;
  background: #fff;
  border-radius: 50%;
  color: transparent;
  margin-right: 0;
  margin-top: 50px;
}



.carousel-inner{
	position: relative;
}



/*======================css for carousel=========================*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  	z-index: 2;
    opacity: 1;
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0, 0, 0, 0) 100%);
}
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/* just for demo purpose */
    .carousel,
    .carousel-inner,
    .carousel-inner .item {
      height: 100%;
    }






 home page 

.welcome-area{ width:100%; display:block;}
.welcome-area h2{ font-size:40px; position:relative; padding-left:20px; font-weight:normal; text-transform:none;}
.welcome-area h2:before{ content:""; height:45px; position:absolute; left:0; top:0; border-left:10px #61bd07 double;}
.welcome-area .col-sm-5{ padding:0;}
.welcome-area .col-sm-12{ padding:0;}
.text{ text-align:justify; font-size:16px; line-height:25px;}
a.read-more{ background:#61bd07; border-radius:5px; text-align:center; color:#fff; font-size:16px; padding:4px 16px; float:left; text-decoration:none; margin-top:20px; border:2px #63a932 solid;}
a:hover.read-more{ background:#478c03;}
.heading{ background:#61bd07; color:#fff; font-size:25px; padding:5px 15px; display:block;}
.heading-2{ background:#3a3a39; color:#fff; font-size:25px; padding:5px 15px; display:block;}
ul.certification-point{ background-color:rgba(230, 237, 223, 0.5); padding-top:7px;}
ul.certification-point li{ position:relative; padding-left:25px; font-size:15px; margin-bottom:10px;  padding-top:7px; padding-bottom:7px;}
ul.certification-point li:nth-child(even){ background-color:rgba(230, 237, 223, 0.7);}
ul.certification-point li:before{ position:absolute; left:5px; top:7px; content:"\f00c"; font-family:'FontAwesome'; font-size:15px; color:#54a603;}
ul.project-point{  padding-top:7px; background-color:rgba(230, 237, 223, 0.5);}
ul.project-point li{ position:relative; padding-left:25px; font-size:15px; margin-bottom:10px;  padding-top:7px; padding-bottom:7px; border-bottom:1px #e8e8e7 solid;}
ul.project-point li:before{ position:absolute; left:5px; top:7px; content:"\f00c"; font-family:'FontAwesome'; font-size:15px; color:#54a603;}


.hot-products-area{ width:100%; display:block;}
.paralex{ min-height:600px; background-repeat:no-repeat; background-position:50% 50%; background-attachment:fixed; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }

.paralex-1{ background-image:url(../img/paralex-bg.jpg);}

.hot-products-area h2{ font-size:40px; position:relative; padding-left:20px; font-weight:normal; text-transform:none; color:#fff; width:25%; margin:70px auto 30px;}
.hot-products-area h2:before{ content:""; height:45px; position:absolute; left:0; top:0; border-left:10px #fff double;}
.hot-products-area h2:after{ content:""; height:45px; position:absolute; right:8%; top:0; border-left:10px #fff double;}
.product-txt{ color:#fff; font-size:20px;}
a.view-products{ background:#61bd07; text-align:center; color:#fff; font-size:16px; padding:4px 16px; text-decoration:none; margin-top:20px; border:2px #63a932 solid;}
a:hover.view-products{ background:#478c03;}


.testimonials-area{ width:100%; display:block;}
.testimonials-area h2{ font-size:40px; position:relative; padding-left:20px; font-weight:normal; text-transform:none; color:#000; width:25%; margin:0 auto 6%;}
.testimonials-area h2:before{ content:""; height:45px; position:absolute; left:0; top:0; border-left:10px #61bd07 double;}
.paralex2{ min-height:250px; background-repeat:no-repeat; background-position:50% 50%; background-attachment:fixed; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }

.paralex-2{ background-image:url(../img/paralex-2-bg.jpg);}
.testi-txt{ color:#fff; font-size:20px; text-align:left; margin-top:5%;}
.testi-small-txt{ color:#fff; font-size:20px; font-weight:bold; text-align:left;}


.client-area{ display:block; width:100%;}
.client-area h2{ font-size:40px; position:relative; padding-left:20px; font-weight:normal; text-transform:none; color:#000; width:25%; margin:0 auto 6%;}
.client-area h2:before{ content:""; height:45px; position:absolute; left:0; top:0; border-left:10px #61bd07 double;}


.footer-area{ width:100%; display:block; background:#29272a; padding:35px 0;}
.small-logo{ margin-bottom:10px;}
.small-txt{ text-align:left; line-height:22px; color:#fff;}
.footer-area .col-sm-3{ padding:0 2%;}
.footer-area .col-sm-3 h2{ color:#fff; text-transform:uppercase; font-size:17px; margin-bottom:15px;}
ul.footer-adress{}
ul.footer-adress li{ margin-bottom:10px; color:#fff; font-size:15px; position:relative; padding-left:25px;}
ul.footer-adress li:before{ position:absolute; left:0; top:0; content:"\f041"; font-family:'FontAwesome'; color:#fff; font-size:20px; }
ul.footer-adress li:nth-child(2):before{ position:absolute; left:0; top:0; content:"\f095"; font-family:'FontAwesome'; color:#fff; font-size:20px; }
ul.footer-adress li:nth-child(3):before{ position:absolute; left:0; top:0; content:"\f10b"; font-family:'FontAwesome'; color:#fff; font-size:20px; }
ul.footer-adress li:nth-child(4):before{ position:absolute; left:0; top:0; content:"\f0e0"; font-family:'FontAwesome'; color:#fff; font-size:16px; }
ul.footer-adress li:last-child:before{ position:absolute; left:0; top:-3px; content:"\f10b"; font-family:'FontAwesome'; color:#fff; font-size:22px; }
ul.footer-products{ }
ul.footer-products li{ margin-bottom:5px; position:relative; padding-left:25px; color:#fff;}
ul.footer-products li:before{ content:"\f00c"; font-family:'FontAwesome'; color:#fff; font-size:15px; position:absolute; left:0; top:0;}



.bootom-area{ width:100%; background:#000; display:block;}
.bottom-txt{ color:#fff; font-size:14px; text-align:left; padding:7px 0;}
 home page 



 product page 
.product-area{ width:100%; display:block; background:url(../img/page-bg.png) repeat;}
.next-page-header-pic{ width:auto; display:block; overflow:hidden; padding-top:5%;}
.next-page-header-pic img{ width:100%; }
.product-area h2{ font-size:40px; position:relative; padding-left:20px; font-weight:normal; text-transform:none; padding-bottom:15px; border-bottom:4px #666666 double;}
.product-area h2:before{ content:""; height:45px; position:absolute; left:0; top:0; border-left:10px #61bd07 double;}
ul.product-list{ margin:2% 0; text-align:center;}
ul.product-list li{ display:inline-table; width:330px; overflow:hidden;  margin-right:25px; position:relative; margin-bottom:25px; }
ul.product-list li img{ width:100%;}
ul.product-list li p{ background-color:rgba(0, 0, 0, 0.7); color:#fff; font-size:18px; text-align:center; padding:15px; position:absolute; z-index:100!important; bottom:0; display:block; overflow:hidden; width:100%; }


 product page 


.who-we-are-area{ display:block; width:100%; background-image:url(../img/page-bg.png) repeat; overflow:hidden;}
.who-we-are-area .col-sm-8{ padding:0;}
.who-we-are-area .col-sm-4{ padding:0;}
.who-we-are-area .col-sm-4 img{ width:100%;}

.who-we-are-area h2{ font-size:40px; position:relative; padding-left:20px; font-weight:normal; text-transform:none; padding-bottom:15px; border-bottom:4px #666666 double;}
.who-we-are-area h2:before{ content:""; height:45px; position:absolute; left:0; top:0; border-left:10px #61bd07 double;}
.toggle {padding:0; list-style:none;}
.toggle > li {position:relative; border-bottom: 0; cursor:pointer; margin-bottom:10px;}
.toggle h5 {margin:0; padding:7px; color: #fff; font-size: 18px; background: #4e9904; font-family:"Open Sans";}
.toggle h3 {margin:0; padding:7px; color: #000; font-size: 18px!important; font-weight:bold;}
.toggle span {position:absolute; top:-7px; right:0; width: 43px; padding:0; color: #fff; font-size: 30px; text-align: center; }
.toggle .panel {display:none; position: relative; padding: 0px 0 5px 10px;}
.toggle .panel p {margin: 10px 0 5px; font-size:18px!important; }
.toggle h5:hover{background:#416d27; color:#fff;}
.toggle > li:hover span{color:#fff;}
.panel{box-shadow: none; background-color:rgba(255, 255, 255, 0.0); }



 Solar energy 
.solar-energy{ display:block; width:100%; background:url(../img/page-bg.png) repeat;}
<!--.solar-energy h2{ font-size:40px; position:relative; padding-left:20px; font-weight:normal; text-transform:none; padding-bottom:15px; border-bottom:4px #666666 double;}

.solar-energy h2:before{ content:""; height:45px; position:absolute; left:0; top:0; border-left:10px #61bd07 double;} -->

.solar-energy h1{ font-size:40px; position:relative; padding-left:20px; font-weight:normal; text-transform:none; padding-bottom:15px; border-bottom:4px #666666 double;}

.solar-energy h1:before{ content:""; height:45px; position:absolute; left:0; top:0; border-left:10px #61bd07 double;}

.solar-energy h3{ font-size:22px; color:#000; font-weight:bold; line-height:30px;}
ul.solor-point{}
ul.solor-point li{ position:relative;  margin-bottom:15px;}
ul.solor-points li:before {
    position: absolute;
    left: 0;
    top: 0;

    font-family: 'FontAwesome';
    font-size: 15px;
    color: #4e9904;
}
ul.solor-point li:before{ position:absolute; left:0; top:0; content:"\f140"; font-family:'FontAwesome'; font-size:15px; color:#4e9904;}

 Solar energy 



.faq{ display:block; width:100%; background:url(../img/page-bg.png) repeat;}
.faq h2{ font-size:40px; position:relative; padding-left:20px; font-weight:normal; text-transform:none; padding-bottom:15px; border-bottom:4px #666666 double;}
.faq h2:before{ content:""; height:45px; position:absolute; left:0; top:0; border-left:10px #61bd07 double;}

.faq h3{ font-size:22px; color:#000; font-weight:bold; line-height:30px;}
.faq .col-sm-12{ padding:0;}
ul.faq-point{ margin-top:15px; float:left;}
ul.faq-point li{ position:relative; padding-left:25px; margin-bottom:15px; font-size:16px!important;}
ul.faq-point li:before{ position:absolute; left:0; top:0; content:"\f140"; font-family:'FontAwesome'; font-size:15px; color:#4e9904;}
.pv-image{ width:50%; margin:auto;}
.pv-image img{ width:100%; }




ul.product-list2{ margin:2% 0; display:block; overflow:hidden;}
ul.product-list2 li{ width:350px; overflow:hidden;  margin-right:25px; position:relative; float:left; height:280px; margin-bottom:20px; }
ul.product-list2 li img{ width:100%;}

ul.project-gallery{ margin:2% 0 0; text-align:center; display:block; overflow:hidden;}
ul.project-gallery li{ width:350px; overflow:hidden; height:280px; margin-right:17px; display:inline-block; }
ul.project-gallery li img{ width:100%; height:100%;}

ul.project-gallery2{ margin:2% 0 0; text-align:center; display:block; overflow:hidden;}
ul.project-gallery2 li{ width:350px; overflow:hidden; height:280px; margin-right:15px; display:inline-block; }
ul.project-gallery2 li img{ width:100%; height:100%;}

 Contact area 
.contact-area{ width:100%; display:block; background:url(../img/page-bg.png) repeat;}
.contact-area h2{ font-size:40px; position:relative; padding-left:20px; font-weight:normal; text-transform:none; padding-bottom:15px; border-bottom:4px #666666 double;}
.contact-area h2:before{ content:""; height:45px; position:absolute; left:0; top:0; border-left:10px #61bd07 double;}
.contact-area h3{ font-size:20px; font-weight:bold; margin-bottom:10px;}
.contact-area p { margin-bottom:10px;}
.contact-area p i { margin-right:22px;}
.contact-area .col-sm-4{ padding:0; width:32%; }

.contact-area .col-sm-6{ padding:0; width:48%; }







 Contact area 




/******************************
responsive area
********************************/

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-default .navbar-nav>li>a {
	  font-size: 20px;
	  padding: 14px 12px;
	}
	.carousel-caption h1 {
  		font-size: 120px;
  	}
  	.carousel-caption p {
  		font-size: 32px;
  	}
  	.carousel-caption button {
	  width: 215px;
	  height: 55px;
	  font-size: 26px;
	}
	h2 {
  		font-size: 75px !important;
  	}
  	h4 {
  		font-size: 22px !important;
  	}
  	.person-detail h3 {
  		font-size: 26px;
  	}
  	.person-detail p {
  		font-size: 12px;
  	}

}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	.navbar-default .navbar-nav>li>a {
	  font-size: 16px;
	  padding: 10px 8px;
	}
	.carousel-caption h1 {
  		font-size: 90px;
  	}
  	.carousel-caption p {
  		font-size: 30px;
  	}
  	.carousel-caption button {
		 width: 180px;
		 height: 50px;
		 background: #3a9ecb;
		 color: #fff;
		 font-size: 22px;
	}
	h2 {
  		font-size: 70px !important;
  	}
  	h4 {
  		font-size: 18px !important;
  	}
  	#map{
		height: 1050px;
	}
	.contact{
		margin-top:-1050px;
		height: 1050px;
	}
	.contact-caption {
	 margin-top: 110px;
	}
}

/* xs */
@media (min-width: 480px) and (max-width: 767px) {
	.header-logo img{
	  margin-top: 20px;
	}
	.navbar-default .navbar-nav>li>a {
	  font-size: 20px;
	}
	.carousel-caption {
	    margin-top: -110px;
	}
	.carousel-caption h1 {
  		font-size: 75px;
  	}
  	.carousel-caption p {
  		font-size: 25px;
  	}
  	.carousel-caption button {
	  width: 160px;
	  height: 40px;
	  font-size: 20px;
	}
	#map{
		height: 1120px;
	}
	.contact{
		height: 1120px;
		margin-top: -1120px;
	}
	h2 {
	  font-size: 70px !important;
	}
	h4{
  		font-size: 21px !important;
  	}
	.contact-info ul {
	  margin-left: 4px;
	}
	.contact-info i.fa {
	  width: 25px;
	}
	.contact-caption {
	  margin-top: 140px;
	}
}

/* XS Portrait */
@media (max-width: 479px) {
	.top-header img.logo {
	  margin: 0 10px;
	}
	.header-logo{
		margin-top: 35px !important;
	}
	.navbar-default .navbar-toggle {
		 border-color: #fff;
		 margin-top: 10px;
		 right: 3%;
	}
	.navbar-default .navbar-nav>li>a {
 	font-size: 15px;
	color: #000;
	transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	-ms-transition: all .7s ease 0s;
	padding: 7px 12px;
	font-weight: normal;
}

	.header-backup{
		  height: 80px;
	}
	.carousel-caption {
	    margin-top: -60px;
	}
	.carousel-caption h1 {
  		  font-size: 20px;
  	}
  	.carousel-caption p {
  		font-size: 12px;
  	}
	.carousel-caption button {
	  width: 90px;
	  height: 23px;
	  font-size: 16px;
	}
	.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	  margin-top: 60px;
	}
	.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	  margin-top: 60px;
	}
	.about h2 {
	  font-size: 50px;
	  color: #42b3e5;
	  margin-top: 30px;
	}
	.service h2 {
	  font-size: 50px;
	  margin-top: 40px;
	}
	.team h2 {
	  font-size: 50px;
	  margin-top: 40px;
	}
	h4 {
	  font-size: 18px !important;
	}
	.contact-caption{
		margin-top: 38%;
	}
	#map{
		height: 950px;
	}
	.contact{
		height: 950px;
		margin-top: -950px;
	}
	.contact-heading h2 {
	  font-size: 50px;
	  text-align: left;
	  margin-left: 15px;
	}
	.contact-info h3 {
	  margin-left: 8px;
	  font-size: 25px;
	  padding-bottom: 8px;
	}
	.info-detail {
	  margin-left: 8px;
	}
	.contact-info ul li {
	  font-size: 10px;
	}
	.contact-info i.fa {
	  font-size: 13px;
	  width: 20px;
	  height: 18px;
	}
	.contact-info, .contact-form{
		padding: 10px;
	}
	.contact-form h3 {
	  font-size: 25px;
	  padding-bottom: 8px;
	  margin-bottom: 0;
	  margin-right: 0px;
	}
	.footer a i.fa {
	  font-size: 18px;
	  padding: 25px 7px;
	}
	.footer p {
  		font-size: 10px;
  	}
	.top-area{ display:none;}
}
















- change Css -
.service .col-md-3{ border-radius:10px; -webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.23);
-moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.23);
box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.23);}
.serveces-img{ width:100%;}

ul.services-point{ text-align:center; display:block; overflow:hidden;}
ul.services-point li{ display:inline-table; margin-right:30px; width:30%; margin-bottom:30px; border-radius:10px; overflow:hidden; -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }
ul.services-point li:hover{ -webkit-transform: translateY(-8px);
  transform: translateY(-8px); -webkit-box-shadow: 0px -5px 7px 1px rgba(0,0,0,0.23);
-moz-box-shadow: 0px -5px 7px 1px rgba(0,0,0,0.23);
box-shadow: 0px -5px 7px 1px rgba(0,0,0,0.23); }  
ul.services-point li img{ width:100%;}
ul.services-point li p{ text-align:center; font-size:20px; color:#333; background:#fff; padding:15px; line-height:22px; min-height:80px;}

- change Css -


/* -------------------------  Popups   ------------------------- */


img {
        max-width: 100%;
    }
    .well {
        box-shadow: 0 0 10px rgba(0,0,0,0.3);
        display:none;
        margin:1em;
        background:#fff; padding:20px; width:70%;
    }
    pre.prettyprint {
        padding: 9px 14px;
    }
    .container {
        padding-left: 0;
        padding-right: 0;
    }
    .initialism {
        font-weight: bold;
        letter-spacing: 1px;
        font-size: 12px;
    }

.well h4{font-size:22px; line-height:30px; margin-bottom:20px; padding-bottom:5px; border-bottom:1px #ccc dotted; display:block; overflow:hidden; font-weight:300;}
.well h4 span{text-transform:uppercase; font-size:16px; font-weight:600;}
.well img{display:block; clear:both; margin-bottom:10px; width:100%;}
.well img:last-child{margin-bottom:0;}

.well p{margin-bottom:15px; display:block; overflow:hidden; text-align:justify;}
.well p:last-child{margin-bottom:0;}

.management-content img{float:left; clear:none; width:auto; margin-right:25px;}
.management-content div{display:block;}


#fadeandscale, #fadeandscale2, #fadeandscale3, #fadeandscale4 {
    -webkit-transform: scale(0.8);
       -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
}
.popup_visible #fadeandscale, .popup_visible #fadeandscale2, .popup_visible #fadeandscale3, .popup_visible #fadeandscale4 {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

@media (min-width: 318px) and (max-width: 767px) {

ul.services-point li{ width:auto; display:block; margin:0 1%;}

}







.view {
   width: 300px;
   height: 300px;
   margin: 10px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 2px 2px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.view .mask,.view .content {
   width: 300px;
   height: 300px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h3 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 35% 0 -25px 0;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}


.view a.zoom { position:relative; top:37%; left:37%;}
.view a.zoom img { width:20%;}






.main{
	position:relative;
    width:680px;
    margin: 0 auto;
}
.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(219,127,8, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out; position:absolute; z-index:100!important;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out; position:relative; top:35%; left:-3%;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}



/*-------------------- TABLE ----------------*/
table{margin:10px 0 0 0; border-collapse:collapse; border-top:3px #00a651 solid; padding-bottom:3px; font-size:15px; line-height:20px; text-align:left; margin-bottom:25px;}

th {
color:#9f8337; 
text-transform:uppercase;
vertical-align: middle;
white-space: normal;
border-bottom:1pt #ceab4d solid;
padding:5px;
text-align:left;
font-weight:normal;
}
td {
font-style: normal;
text-decoration: none;
vertical-align: top;
white-space: normal;
padding:4px 2px;
text-align:left;
border-bottom:1pt #f7f7f7 solid;

}


tr.option > td {background:#f3fdfd;}
tr.option2 > td {background:#f3d9a8; font-weight:bold;}
tr.option3 > td {background:#68a73f; color:#fff; font-weight:bold;}

tr.head{background-color:#1f425d; color:#fff; font-weight:500; font-size:15px; padding:12px;}
tr.head td{text-align:center; vertical-align:middle;}



.container-main {
    width: 1170px; background:url(../img/matter-bg.png) no-repeat; background-size:100% 100%; padding:3%; margin:auto; -webkit-box-shadow: 0px 5px 5px 3px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 5px 5px 3px rgba(0,0,0,0.25);
box-shadow: 0px 5px 5px 3px rgba(0,0,0,0.25);
}
.top-click-but{ float:right; margin:5px 5%; position:relative; z-index:500!important;}

/*change*/
.popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.96);
    z-index: 9999;
}
.careerpopup{
    display: none;
}
.popup_contain
{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    background: #f1f1f1;
    padding: 30px;
    width: 650px;
    transition: 1s;
    animation: password 1s;
    animation: password 1s;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    /*height: 600px;
    overflow-x: hidden;
    overflow-y: scroll;*/
}
/*.popup_contain::-webkit-scrollbar {
  width: 5px;
}
.popup_contain::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
.popup_contain::-webkit-scrollbar-thumb {
  background: #f0ad4e; 
}
.popup_contain::-webkit-scrollbar-thumb:hover {
  background: #f0ad4e; 
}*/
.popup_contain a:hover{
    text-decoration: none;
}
.popup_close
{
    background: #f0ad4e;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    position: absolute;
    right: -14px;
    top: -14px;
    height: 30px;
    width: 30px;
    text-align: center;
    border: 3px solid #f1f1f1;
    border-radius: 50%;
    line-height: 22px;
}
.career_content h2{
    position: relative;
    border: 1px solid #000;
    padding: 5px;
    width: 230px;
    margin: 0 auto 20px;
    text-align: center;
}
/*.career_content h2::before{
   content: '';
    position: absolute;
    height: 2px;
    width: 60px;
    background: #f0ad4e;
    top: 112%;
    left: 49%;
    transform: translate(-42%, 50%);
}
.career_content::after{
    content: '';
    position: absolute;
    height: 2px;
    width: 30px;
    background: #f0ad4e;
    top: 43%;
    left: 50%;
    transform: translate(-52%, 47%); 
}*/
.career_content a{
    display: block;
    text-align: center;
    margin-bottom: 2px;
    font-size: 18px;
}
.career_content a:hover{
    color: #f0ad4e;
}
/*change*/
/* -------------- Chrome Only ------------------ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
}