body{
	background-color: #f5f8fa !important;
}
.navbar-inverse{
	background: #f5f8fa !important;
}

.pageMinHeight {
  height: calc(100vh - 3.75rem - 200px) !important;
}

.backgroundContent{background-color: #f5f8fa;}


.row{margin-left: 0px; margin-right: 0px;}

#content{ 
	opacity: 1; 
	transition:opacity .2s;
}

.content{ text-align: center; background-color: #f5f8fa;}



.btn:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	color: #FFFFFF;
}

a:hover, a:hover *, a:focus{
	text-decoration:none;
	color:inherit;
	outline:0;
}


/*...........................................................................................*/
/*...........................................................................................*/
/*...........................................................................................*/
/*...........................................................................................*/
/*...........................................................................................*/
/*...........................................................................................*/
/*...........................................................................................*/

.pd_list{
     text-align: center;
     border-bottom: 4px solid #0069C4;
     width: 100%;
}

.pd_list ul li{
     float: left;
}


.pd_list a{
     display: inline-block;
     padding: 15px 20px;
     background: #0069C4;
     font-size: 18px;
     text-align: center;
     margin-right: 20px;
     color: #5c5c5c;
     min-width: 205px;
}




.pd_list a:hover{
     background: #0069C4;
     color: #fff;
     font-weight: bold;
}

.pd_list a.active{
     background: #0069C4;
     color: #fff;
     font-weight: bold;
}


@media screen and (max-width: 991px){
     .pd_list a{
          width: 200px;
     }
}

@media screen and (max-width: 767px){
     .pd_list{
          display: none;
     }
}



.cart_table{
     border: 2px solid #ede9dd;
     padding: 10px;
     margin-bottom: 20px;
}

.cart_table .table{
     margin-bottom: 0px;
}

.num_box{
     width: 50px;
     height: 35px;
     line-height: 35px;
     text-align: center;
     border: 1px solid #ccc;
     border-radius: 3px;
}

.pric{
     font-size: 14px;
}

.pic_list .fancybox-thumb img{
     display: block;
     margin-bottom: 10px;
}




.form-group{
     margin-bottom: 20px !important;
}


.check_form p{
     font-size: 16px;
}


.check_form .form-group , .check_form2 .form-group{
     margin: 0px;
}

.index_order{
     position: relative;
     width: 100%;
     height: 10px;
     background: #f4f4f4;
     margin: 100px 0 40px;
}


.smallp p{
	font-size: 30px; !important;
}
@media (min-width:767px) {
	.smallp p{
		font-size: 22px; !important;
	}
}



/*-------------------------INNER PAGES-------------------------*/
/*Inner page - product*/



/*-------------------------END OF PRODUCTS BOX (WITH ENQUIRY)-------------------------*/

/*Inner page - UNCAT*/
.service_box{
	padding-left:15px;
	padding-right:15px;
	width:33%;
	margin-top:60px;
	display:inline-block;
	vertical-align:top;
}

@media (max-width: 767px){
.service_box {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    margin-top: 60px;
    display: inline-block;
    vertical-align: top;
}
}

.service_thumb, .sust_border{
	background:#efefef;
	border:1px solid #c8c8c8;
	padding:5px;
	margin-bottom:14px;
	position:relative;
}

.service_prev, .service_next{
	font-size:25px;
}

.fact{
	background:url(../../images/fact/fact_bg.jpg) no-repeat center top;
	background-size:cover;
}

.fact_box{
	margin-top:90px;
	color:#fff;
	padding-left:15px;
	padding-right:15px;
}

.fact_top{
	padding-bottom:18px;
	border-bottom:1px solid #2D5F7C;
	margin-bottom:18px;
	text-align:right;
	font-size:50px;
	line-height:40px;
}

.fact_top img{
	float:left;
	margin-top:11px;
}

.fact_box{
	margin-top:50px;
}

.sust_box{
	padding-left:10px;
	padding-right:10px;
}


.sustuainablility{
	background:#01A09B;
}

.sust_thumb{
	position:relative;
}

.sust_thumb span{
	position:absolute;
	width:100%;
	left:0;
	bottom:0;
	padding:5px 12px;
	color:#fff;
	background:#000;
	background: #0069C4;
	font-size:25px;
	
}

.side_tab{
	position:fixed;
	top:180px;
	right:0px;	
	font-size:25px;
	padding:10px;
	z-index:20;
	cursor:pointer;
	width:230px;
	margin-right:-88px;
	
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    -mos-transform: rotate(90deg);
	transform: rotate(90deg);
	
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.side_tab:hover{
	box-shadow:3px -3px 5px #333;
}

.service_tab{
	color:#fff;
	background:#2D5F7C;
	top:240px;
}

.sust_tab{
	background:#fff;
	color:#2D5F7C;
	top:470px;
}

.side_tab img{
	-ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    -mos-transform: rotate(-90deg);
	transform: rotate(-90deg);
	margin-right:6px;
}



/*-------------------------END OF INNER PAGES-------------------------*/




.contactus{
	overflow: hidden;
	padding-left: 0px !important;
}
.contactus li{ 
	width: 25%; 
	float: left; 
	font-size: 0;
}
.contactus li a{ 
	display: block; 
	position: relative;
	overflow: hidden;
}
.contactus li a span{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.75);
	font-size: 50px;
	font-family: 'HelveBold','serif';
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	padding-top: 35%;
	transition:background-color 0.3s ease;
	-webkit-transition:background-color 0.3s ease;
	-moz-transition:background-color 0.3s ease;
}
.contactus li a img{
	transition:transform 0.3s ease;
	-webkit-transition:-webkit-transform 0.3s ease;
	-moz-transition:-moz-transform 0.3s ease;
}
.contactus li a:hover span{ 
	background-color: rgba(0,0,0,0);
}
.contactus li a:hover img{ 
	transform:scale(1.1); 
	-webkit-transform:scale(1.1); 
	-moz-transform:scale(1.1);
}

.contactusmobile {
    overflow: hidden;
}
@media (max-width: 767px){	
	.contactusmobile li{
		width: 50%; 
		float: left; 
		font-size: 0; 
	}
	.contactusmobile{
		overflow: hidden;
	}
}



/*-------------------------INNER PAGES-------------------------*/
/*Inner page - product*/

/*/Inner page - product*/


/*-------------------------FORM-------------------------*/
.field01{
	width:100%;
	height:28px;
	line-height:28px;
	font-size:15px;
	color:#9d9d9d;
	padding:0 2%;
	background:#efefef;
	border:1px solid #d0d0d0;	
}

textarea.field01{
	height:75px;
	resize:none;
}

.field01:focus{
	box-shadow:0px 0px 4px #000;
	outline:0;
	border:1px solid #555;
}

	input[type=checkbox], input[type=radio]{
		margin-right:6px;
		vertical-align:top;
	}

	label{
		margin-right:12px;
		font-weight:normal;
		margin-bottom:0;
	}

	.radio-inline{
		padding-left: 43px;
	}

	.radio input[type="radio"], .radio-inline input[type="radio"] {
		margin-left: -20px;
		position: absolute;
		margin-top:8px;
	}

				
	form{color: inherit}input[type=radio]{vertical-align:middle;margin-right:2px}
	
	@media (max-width: 767px){
		input[type=radio] {
			vertical-align: text-bottom;
			margin-right: 2px;
		}	
	}

	/* iPads (portrait) ----------- */
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
	/* Styles */

		input[type=radio] {
			vertical-align: text-bottom;
			margin-right: 2px;
		}
		.checkbox label{
			padding-left: 0px !important;
		}
	}   
	/* iPads (landscape) ----------- */
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	/* Styles */
		input[type=radio] {
			vertical-align: text-bottom;
			margin-right: 2px;
		}
		.checkbox label{
			padding-left: 0px !important;
		}
	}
/*-------------------------END OF FORM-------------------------*/


/*-------------------------PRODUCTS BOX (WITH ENQUIRY)-------------------------*/


/*-------------------------END OF INNER PAGES-------------------------*/

/*-------------------------Full Container-------------------------*/
.container{
	padding-right: 0; 
	padding-left: 0px;
}
@media (min-width: 1200px){
	.container { 
		width: auto !important; 
		margin-left: 0%; margin-right: 0%;
	}
}

@media (min-width: 1300px){
	.container { 
		width: auto !important; 
		margin-left: 0%; 
		margin-right: 0%;
	}
}

.container-fulid2 {
	margin-top: 80px !important;
	min-height: 400px !important;
	padding-top: 15px!important;
	margin-bottom: 15px !importsant;
}

@media screen and (max-width: 767px){
	.container-fulid2{
		/*margin-top: 70px !important;*/
		margin-top: 36px !important;
		min-height: 300px !important;
		padding-top: 15px!important;
		margin-bottom: 15px !important;
	}
}

/*-------------------------END OF Full Container -------------------------*/
/*-------------------------Container Limit -------------------------*/
/*-------------------------Container Limit -------------------------*/
/*-------------------------Container Limit -------------------------*/
/*-------------------------Container Limit -------------------------*/
																			.container{
																				margin:0 auto;
																				position:relative;
																				margin-left: auto !important;
																				margin-right: auto !important;
																			}


																			@media screen and (min-width:1088px){
																				.container{
																					max-width:960px;
																					width:960px;
																					margin-left: auto !important;
																					margin-right: auto !important;
																				}

																			}
																			@media screen and (max-width:1279px){
																				.container{
																					max-width:1152px;
																					margin-left: auto !important;
																					margin-right: auto !important;
																				}
																			}
																			@media screen and (max-width:1471px){
																				.container{
																					max-width:1344px;
																					width:auto;
																					margin-left: auto !important;
																					margin-right: auto !important;
																				}
																			}

																			@media screen and (min-width:1280px){
																				.container{
																					/*max-width:1152px;*/
																					max-width:1152px;
																					margin-left: 0%;
																					margin-right: 0%;
																				}

																			}	

																			.narrower {
																				margin-left: auto;
																				margin-right: auto;
																			}							
																		
/*-------------------------END OF Container Limit -------------------------*/							
/*-------------------------END OF Container Limit -------------------------*/							
/*-------------------------END OF Container Limit -------------------------*/							
/*-------------------------END OF Container Limit -------------------------*/