/*
- Bootstrap v3.3.1
- Font Awesome 4.2.0
- Less - Leaner CSS v2.0.0-b1
*/

@import url("css/bootstrap/bootstrap.min.css");
@import url("css/fontawesome/font-awesome.css");
@import url("style_templates.css");
@import url("style_osp.css");
@import url("css/style_table.css");
@import url("css/style_form.css");
@import url("css/style_accordion.css");

body#insidepage,body#coverpage{
	margin:0px;

}


#coverpage .wrapper_banner {
    background: url('../data/ckfinder/images/green-bg.jpg') repeat-x top center #f3da9a;
    z-index: 0;

	
}

h1.section-title{text-align:center;}

.box{background:#f3da9a; padding:30px 0;}

a.activelan{ font-weight: bold; }

.wrapper_header{
	padding: 0px 0 0 0; 
	min-height: 60px;
	background: url('../data/ckfinder/images/glrubber-top-bg.jpg') repeat-x top ;
}
.wrapper_header .companyLogo{
	margin: 0 0 0px 0;
}
.wrapper_header .wrapper_searchbar{
	float: right;
	text-align: right;
}
.wrapper_header .menuSearchBar.active{ visibility:visible; }
.wrapper_header .menuSearchBar{
	visibility: hidden;
	position: absolute;
	top: 0;
	z-index:1050;
	padding: 10px 0;
}

.tp-banner{
	border:3px solid #fff; 
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	margin-top:25px;
	background:#fff;
}

.wrapper_middle{ min-height: 500px; }


.contentTop,
.contentTop a{ color: #aaa; }
.contentTop a:hover{ color: #333; }

.nav-tabs.nav-stacked > li{ background: #f0f0f0; }
.nav-tabs.nav-stacked > li > a {
	color: #222;
	text-transform: uppercase;
	font-size: 15px;
}
.nav-tabs.nav-stacked > li > a.active,
.nav-tabs.nav-stacked > li > a:hover{
	color: #007CC3;
}

.wrapper_middle > .container> .row > .col-md-* { 
	max-width: 250px; 
	padding-right: 5px;
}

.wrapper_bottom{
	
}

.wrapper_footer{
	min-height: 50px;
	background: #157113;
	color: #FFFFFF;
	font-size: 0.93em;
}
.wrapper_footer .container{ 
    padding-top: 20px; 
    padding-bottom: 20px; 
}
.wrapper_footer .container a{ color: #fff; }
.wrapper_footer .container a:hover{ color: #ba8032; }

.wrapper_bottom.products{background:url('../data/ckfinder/images/org-bg.jpg') top center no-repeat; min-height:371px; background-size: cover; padding-top:30px; }

.wrapper_bottom.products .container{max-width:1080px; text-align:center; }

#owl-mncs .item{

	min-height:195px;
}



 #owl-mncs .owl-item {
text-align:center;
}

#owl-mncs .owl-item a:hover .caption{color:#ba8032;}

#owl-mncs .item .wrapper_box{
 border:1px solid #cccccc;
display: inline-block;
padding:10px;



 z-index:100;
 }

.caption {
	padding: 12px 15px;
}


.wrapper_footer .fa-stack.fa-lg{right: 40px;}


.wrapper_footer .fa-stack.fa-lg a:hover{color:#ba8032;}

.wrapper_footer .fa-inverse{color:#157113;}

 .owl-carousel.owl-theme{
    margin-top: 20px;
}

.owl-carousel.owl-theme a{
    cursor: default;
    color: #000;
}

 .owl-carousel.owl-theme a:link{cursor: pointer;}


.owl-controls .owl-buttons div.owl-prev {
    position: absolute;
    left: -45px;
    top: 26%;
	height:57px;
	width:30px;
}



.owl-controls .owl-buttons div.owl-next {
    position: absolute;
    right: -45px;
    top: 26%;
	height:57px;
	width:30px;
}



/*----------------------------------------------------------------------------------*/



.owl-controls .owl-buttons div.owl-prev {
	background: url('../data/ckfinder/images/left.png');
}

.owl-controls .owl-buttons div.owl-prev:hover {
	background: url('../data/ckfinder/images/left-hover.png');
}


.owl-controls .owl-buttons div.owl-next {
	background: url('../data/ckfinder/images/right.png');	
}

.owl-controls .owl-buttons div.owl-next:hover {
		background: url('../data/ckfinder/images/right-hover.png');
}




/*#owl-mncs .item, #owl-mncs .owl-item {
    max-width: 185px;
    margin: 0px 7px 7px;
}
*/
#owl-mncs .item, #owl-mncs .owl-item {
/*max-width: 240px;*/
/*margin: 0px 5px 7px;*/
text-align:center;
}
#owl-mncs .item img{

border: 1px solid #ccc;


}



#owl-mncs .caption{
font-weight:bold;
color:#28242a;


}

/*------Rollover--------------------*/

#owl-mncs .item,
#owl-mncs .item*{
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

 #owl-mncs .item{
    position: relative;
    cursor: pointer;

	min-height:180px;
}




 #owl-mncs .item:hover{ 
	/*background: #EC3723; */

	-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}



#owl-mncs .item:hover img{ 
    opacity: 1;
    margin-bottom: 0;
}





/*----------------------------------------*/


@media (min-width: 1281px) and (max-width: 1427px) {
.owl-controls .owl-buttons div.owl-prev {
  
    left: -40px;

}
 .owl-controls .owl-buttons div.owl-next {

    right: -40px;

}



}

@media (min-width: 1280px) {
#owl-mncs .item img{
max-width: 220px;
}
}
@media (max-width: 1280px) {
   #owl-mncs {
        max-width: 1100px;
        margin: 0px auto;
    }
.owl-controls .owl-buttons div.owl-next {
        right: -24px;
    }
    .owl-controls .owl-buttons div.owl-prev {
        left: -24px;
    }
}

@media (min-width: 768px) and (max-width: 980px) {

	#insidepage .wrapper_middle {
    min-height: 850px;
	}

   .owl-controls .owl-buttons div.owl-next {
        right: -12px;
    }
 .owl-controls .owl-buttons div.owl-prev {
        left: -12px;
    }
	
	 .owl-carousel .owl-item .item, [data-cattype="214"] .owl-carousel .owl-item {
    margin:0 5px;
	max-width:215px;
	}
	
	.line img{width:100px;}
	
 .container{padding-left:30px; padding-right:30px;}
 #owl-mncs{padding:0 15px;}
	
	.owl-controls .owl-buttons div.owl-prev {
    left: -25px;
	}
	 .owl-controls .owl-buttons div.owl-next {
    right: -25px;
	}
	
	
	ul.grid.category li{
	margin: 10px 20px 15px 0;
	max-width: 200px;
	}
	
	ul.grid.category li .wrapper_image {
    width: 200px;
    height: 150px;
    margin-bottom: 5px;
	}
	
	.itemCarousel, .itemCarousel .carousel-inner > .item > img, 
	.itemCarousel .carousel-inner > .item > a > img{
	width:200px !important; 
	height:150px !important;
	}
	
	.grid_item {
    margin: 10px 20px 10px 0;
    width: 200px;

	}
	

}


@media (max-width: 980px) {

	#coverpage .wrapper_banner{
	background-position: bottom 20px center;
	}

}

@media (max-width: 767px) {


ul.grid.category, 
#autoLoadListing{
	text-align:center;
}

ul.grid.category li, 
.grid_item{
	margin-right:0;
}



#owl-mncs{padding-left:30px; padding-right:30px;}

.wrapper_banner{min-height:auto;}

 .owl-carousel .owl-item .item {
margin-right: unset !important; margin-left:unset !important;
max-width:unset !important;
	
}

.wrapper_header .companyLogo img{
	width:155px;
}

.wrapper_header .companyLogo {
	text-align: center;
}

.box {
	padding: 20px 0;
}

.owl-controls .owl-buttons div.owl-prev {
    left: -10px;
	}
 .owl-controls .owl-buttons div.owl-next {
    right: -10px;
	}

.box td{width:100% !important;}


.wrapper_footer .col-sm-2{text-align:center;}

.wrapper_footer .col-sm-10 {
    margin-bottom: 10px;
}

.wrapper_footer .fa-stack.fa-lg {
    right: 20px;}

.wrapper_searchbar{
	margin-left: 20px; 
	right:auto;
}

}



@media (max-width: 360px) {

 .owl-carousel .owl-item {
    margin-right: unset;
	}
}










/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	body {
		padding-right: 0px;
		padding-left: 0px;
	}
		
	.wrapper_middle > .container > .row > .col-md-3 { 
		max-width: 100%; 
	}
	ul.grid.category li {
    max-width: 145px;
	}
	
	ul.grid.category li .wrapper_image {
    width: 135px;
    height: 100px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
	}
}