/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
}

body {
    padding-top: 0px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 75%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.clear_fix{ height:0px; margin:0px; padding:0px; line-height:0px; clear:both;}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 30px 0 50px;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}


.top_nav{ position:fixed; top:0px; z-index:999; padding-left:0px; padding-right:0px; display:block; background-color:rgba(255, 255, 255, 0.95); width:inherit;
			-webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,0.07);
				    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.07);
			border-radius:0px 0px 4px 4px;
}
@media (max-width: 767px) {
	.top_nav{ width:100%;}
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}
@media screen and (max-width: 400px) {
}

.cut_padding{ padding-left:0px; padding-right:0px; display:block; width:100%;}
.green_bar{ background-color:#18af0a; padding:5px 15px 5px 15px; font-family:'Titillium Web', sans-serif; color:white;}

/*.navbar{-webkit-box-shadow: 0 2px 2px 1px rgba(0,0,0,0.3);
				box-shadow: 0 2px 2px 1px rgba(0,0,0,0.3);}*/
				
.green_bar .top_sm{}
.green_bar .top_sm a{ color:white; padding:0px 5px;}
.green_bar .top_sm a:hover{ color:#000;}


.center_container{ padding-top:70px; padding-bottom:20px;}

.home_pannel .panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 0px;
  -webkit-box-shadow: none /*0 1px 1px rgba(0, 0, 0, .05)*/;
          box-shadow: none /*0 1px 1px rgba(0, 0, 0, .05)*/;
}
.home_pannel .panel-heading {
  padding: 6px 12px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.home_pannel .panel-default {
  border-color: #ddd;
}
.home_pannel .panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.home_pannel .panel-heading h1, 
.home_pannel .panel-heading h2,
.home_pannel .panel-heading h3,
.home_pannel .panel-heading h4{
  margin:6px 0px;
	}
.more_btn{ border-radius:0px; background-color:#222; color:white; border:none; font-size:12px; line-height:18px; /*transition:.4s;*/
	-webkit-transition: all 0.2s ease 0s; 
	-moz-transition: all 0.2s ease 0s; 
	-o-transition: all 0.2s ease 0s;
}
.more_btn:hover{ background-color:#ff0002; color:white; /*transition:.4s;*/ padding-left:20px; padding-right:20px;}

.home_partners{ padding-top:20px; padding-bottom:0px;}

.inpage_top_banner{ width:100%; background:url(../image/Topbanner.jpg) center; min-height:280px;}

.mission_box{ position:relative; padding-top:100px;}
.mission_box .mission_icon{ position:absolute; top:0px; left:50%; background-color:#222; width:110px; height:110px; margin-left:-55px; color:#FFF; border-radius:50%; text-align:center; line-height:150px;}

.vision_box{ position:relative; padding-top:100px;}
.vision_box .vision_icon{ position:absolute; top:0px; left:50%; background-color:#222; width:110px; height:110px; margin-left:-55px; color:#FFF; border-radius:50%; text-align:center; line-height:150px;}

.product_list_outer{}
.product_list_outer .product_list{
	  display: block;
	  padding: 4px;
	  margin-bottom: 20px;
	  line-height: 1.42857143;
	  background-color: #fff;
	  border: 1px solid #ddd;
	  border-radius: 4px;
	  -webkit-transition: all .2s ease-in-out;
		   -o-transition: all .2s ease-in-out;
			  transition: all .2s ease-in-out;
	}
.product_list_outer .product_list .thumb{ width:175px; float:left;}
.product_list_outer .product_list .content{ padding-left:185px; padding-right:5px;}
.product_list_outer .product_list .content h3{ margin-top:6px; margin-bottom:6px;} 



.project_list_outer{}
.project_list_outer .project_list{ border-bottom:1px solid #DDD; padding-bottom:15px; margin-bottom:15px;}
.project_list_outer .project_list:last-child{ border-bottom:0px;}
.project_list_outer .project_list .thumb{ width:30%; float:left;}
.project_list_outer .project_list .content{ width:70%; float:left; padding-left:15px; padding-right:5px;}
.project_list_outer .project_list .content h3{ margin-top:6px; margin-bottom:6px;} 



.certification_outer{}
.certification_outer .certification_list{
	  display: block;
	  padding: 4px;
	  margin-bottom: 20px;
	  line-height: 1.42857143;
	  background-color: #fff;
	  border: 1px solid #ddd;
	  border-radius: 4px;
	  -webkit-transition: all .2s ease-in-out;
		   -o-transition: all .2s ease-in-out;
			  transition: all .2s ease-in-out;
	}
.certification_outer .certification_list .thumb{ width:100px; float:left; padding:3px; border:1px solid #DDD;}
.certification_outer .certification_list .thumb .thumb_in{ width:100%; height:50px; overflow:hidden;}
.certification_outer .certification_list .content{ padding-left:185px; padding-right:5px;}
.certification_outer .certification_list .content h3{ margin-top:6px; margin-bottom:6px;} 




.certificates_outer{}
.certificates_outer .certificates_list{
	  display: block;
	  padding: 4px 4px 4px 60px;
	  margin-bottom: 20px;
	  line-height: 1.42857143;
	  background-color: #fff;
	  background:url(../image/Certification_icon.png) left center no-repeat;
	  /*border: 1px solid #ddd;*/
	  border-bottom: 1px dashed #ddd;
	  /*border-radius: 4px;*/
	  -webkit-transition: all .2s ease-in-out;
		   -o-transition: all .2s ease-in-out;
			  transition: all .2s ease-in-out;
	}
.certificates_outer .certificates_list .thumb{ width:175px; float:left;}
.certificates_outer .certificates_list .content{ padding-left:185px; padding-right:5px;}
.certificates_outer .certificates_list h3{ margin-top:6px; margin-bottom:6px;} 

.certificates_outer .catalogue_list{
	  display: block;
	  padding: 4px 4px 4px 60px;
	  margin-bottom: 20px;
	  line-height: 1.42857143;
	  background-color: #fff;	  
	  /*border: 1px solid #ddd;*/
	  border-bottom: 1px dashed #ddd;
	  /*border-radius: 4px;*/
	  -webkit-transition: all .2s ease-in-out;
		   -o-transition: all .2s ease-in-out;
			  transition: all .2s ease-in-out;
	}
.certificates_outer .catalogue_list.thumb{ width:175px; float:left;}
.certificates_outer .catalogue_list.content{ padding-left:185px; padding-right:5px;}
.certificates_outer .catalogue_listh3{ margin-top:6px; margin-bottom:6px;} 



				
.fa-ul{ margin-left:1.7em !important;}
.fa-ul i{ color:#ff1716;}
.footer_outer{ background-color:#eee; border-top:2px solid #19af0a; margin-top: 60px;}
.footer_outer .ft_top_menu{text-align:center; border-bottom:1px dashed #b2b2b2; font-size:13px; font-family:'Titillium Web', sans-serif; text-transform:uppercase; margin-bottom:20px; margin-top:-12px; padding-bottom:12px;}
.footer_outer .ft_top_menu a{ padding:12px 16px; display:inline-block; color:#222;}
.footer_outer .ft_top_menu a:hover{ text-decoration:none; color:#FF1818;}
.social i{ font-size:18px; line-height:26px;}
.social a{ color:#555; width:25px; height:25px; margin:0px 3px; display:inline-block; text-align:center; transition:.6s;}
.social a:hover{ transition:.6s;}
.social .twitter:hover{ color:#FFF; background-color:#00aced;}
.social .facebook:hover{ color:#fff; background-color:#3b5998;}
.social .instagram:hover{ color:#fff; background-color:#517fa4;}
.social .pintrest:hover{ color:#fff; background-color:#cb2027;}
.social .linkedin:hover{ color:#fff; background-color:#007bb6;}
.social .googleplus:hover{ color:#fff; background-color:#dd4b39;}

footer .ftcol_1, 
footer .ftcol_2,
footer .ftcol_3,
footer .ftcol_4{}
@media (max-width: 767px) {
	footer .ftcol_1, 
	footer .ftcol_2,
	footer .ftcol_3,
	footer .ftcol_4{ margin-top:20px; margin-bottom:20px;}
}

			.list_carousel {
				background-color: /*#ccc*/ #FFF;
				margin: 0 0 30px 60px;
				padding-top:20px;
				width: 360px; 
				border-top: 1px dashed #CCC;
			}
			.list_carousel ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
			}
			.list_carousel li {
				font-size: 40px;
				color: #999;
				text-align: center;
				background-color: #eee;
				border: /*5px solid #999*/ 0px solid #999;
				width: /*50px*/ auto;
				height: 75px;
				padding: 0;
				margin: 6px 21px;
				display: block;
				float: left;
			}
			.list_carousel.responsive {
				width: auto;
				margin-left: 0;
			}
			.clearfix {
				float: none;
				clear: both;
			}
			.prev {
				float: left;
				margin-left: 10px;
			}
			.next {
				float: right;
				margin-right: 10px;
			}
			.pager {
				float: left;
				width: 300px;
				text-align: center;
			}
			.pager a {
				margin: 0 5px;
				text-decoration: none;
			}
			.pager a.selected {
				text-decoration: underline;
			}
			.timer {
				background-color: #999;
				height: 6px;
				width: 0px;
			}