/*  

Description: Bee UI Kit v1.0
Version: 1.0
Author: BeeSoft - Web & Mobile Solutions
Author URI: http://www.beesoft.it

*/

/**************************************************************************************/

/*
	DEFAULT GRID
	
	number of columns = 12 + 3 (extended)
	gutter = 20px
*/

.container { 
	margin: 0px auto 0px auto;
	width: 980px;
}

#foot .logos {display:none !important;}

.row:after, .gallery:after, .grid-list:after {
	content: '';
	display: block;
	clear: both;
}

.col {
	margin: 0px 0px 20px 20px;
	float: left;
}

.col .row, .col .gallery, .col .grid-list { margin-left: -20px; }
.col .col { margin-bottom: 0px; }

.c1 { width: 60px; }
.c2 { width: 140px; }
.c3 { width: 220px; }
.c4 { width: 300px; }
.c5 { width: 380px; }
.c6 { width: 460px; }
.c7 { width: 540px; }
.c8 { width: 620px; }
.c9 { width: 700px; }
.c10 { width: 780px; }
.c11 { width: 860px; }
.c12 { width: 940px; }

.extend { 
	width: 940px;
	float: none;
	clear: both;
}

.offset1 { margin-left: 100px; }
.offset2 { margin-left: 180px; }
.offset3 { margin-left: 260px; }
.offset4 { margin-left: 340px; }
.offset5 { margin-left: 420px; }
.offset6 { margin-left: 500px; }
.offset7 { margin-left: 580px; }
.offset8 { margin-left: 660px; }
.offset9 { margin-left: 740px; }
.offset10 { margin-left: 820px; }
.offset11 { margin-left: 900px; }

.gallery img {
	display: block;
	width: 100%;
	height: auto;
}

.col .gallery, .col .grid-list { margin-bottom: -20px; }
.col .gallery .col, .col .grid-list .col { margin-bottom: 20px; }

/**************************************************************************************/

/*** RESET AND GENERAL RULES ***/

* { 
	padding: 0px; 
	margin: 0px; 
	border: 0px; 
	outline: 0px; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

li { list-style: none; }

img {
	display: block;
	width: 100%;
	height: auto;
}

input[type=text], input[type=email], input[type=tel], input[type=number], input[type=submit], textarea, select {
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

button, select, input[type=submit] { cursor: pointer; }

/**************************************************************************************/

.carousel { position: relative; }

.carousel .items { width: 900%; }
.carousel .item { margin-left: 0px; }

.carousel .arrow { 
	position: absolute; 
	line-height: 50px;
	font-size: 60px;
	cursor: pointer;
	height: 50px;
	top: 50%;
}

.carousel .arrow.left { left: -40px; }
.carousel .arrow.right { right: -40px; }

.carousel .bullets {
	position: absolute;
	top: 0px;
	right: 0px;
}

.carousel .bullet {
	text-indent: -90000px;
	display: inline-block;
	width: 15px;
	height: 15px;
	border: 5px;
	border-radius: 50%;
	border: 2px solid #000;
	margin-left: 5px;
	opacity: 0.3;
}

.carousel .bullet.sel { opacity: 1; }

.carousel .viewport { overflow: hidden; }



/**************************************************************************************/
/**************************************************************************************/


/*** WIDE 1400px ***/

@media only screen and (min-width: 1400px) {
	
	.container { width: 1370px; }
	
	.c1 { width: 70px; }
	.c2 { width: 160px; }
	.c3 { width: 250px; }
	.c4 { width: 340px; }
	.c5 { width: 430px; }
	.c6 { width: 520px; }
	.c7 { width: 610px; }
	.c8 { width: 700px; }
	.c9 { width: 790px; }
	.c10 { width: 880px; }
	.c11 { width: 970px; }
	.c12 { width: 1060px; }
	
	.c13 { width: 1150px; }
	.c14 { width: 1240px; }
	.c15 { width: 1330px; }
	
	.extend { 
		width: 250px; 
		float: left;
		clear: none;
	}
	
	.offset1 { margin-left: 110px; }
	.offset2 { margin-left: 200px; }
	.offset3 { margin-left: 290px; }
	.offset4 { margin-left: 380px; }
	.offset5 { margin-left: 470px; }
	.offset6 { margin-left: 560px; }
	.offset7 { margin-left: 650px; }
	.offset8 { margin-left: 740px; }
	.offset9 { margin-left: 830px; }
	.offset10 { margin-left: 920px; }
	.offset11 { margin-left: 1010px; }
	
	.offset12 { margin-left: 1100px; }
	.offset13 { margin-left: 1190px; }
	.offset14 { margin-left: 1280px; }
	
	
}

/*** TABLET (vertical) + MOBILE common rules ***/

@media only screen and (max-width: 991px) {

	body {
		-webkit-text-size-adjust: none;
		-moz-text-size-adjust: none;
		-ms-text-size-adjust: none;
	}

}


/*** TABLET 768px (vertical) ***/

@media only screen and (min-width: 768px) and (max-width: 991px) {

	.container { width: 740px; }
	
	.c1 { width: 40px; }
	.c2 { width: 100px; }
	.c3 { width: 160px; }
	.c4 { width: 220px; }
	.c5 { width: 280px; }
	.c6 { width: 340px; }
	.c7 { width: 400px; }
	.c8 { width: 460px; }
	.c9 { width: 520px; }
	.c10 { width: 580px; }
	.c11 { width: 640px; }
	.c12 { width: 700px; }
	
	.extend { width: 700px; }
	
	.offset1 { margin-left: 80px; }
	.offset2 { margin-left: 140px; }
	.offset3 { margin-left: 200px; }
	.offset4 { margin-left: 260px; }
	.offset5 { margin-left: 320px; }
	.offset6 { margin-left: 380px; }
	.offset7 { margin-left: 440px; }
	.offset8 { margin-left: 500px; }
	.offset9 { margin-left: 560px; }
	.offset10 { margin-left: 620px; }
	.offset11 { margin-left: 680px; }
    
}

/*** MOBILE 320px ***/

@media only screen and (max-width: 767px) {
	
	.container { width: 300px; }
	
	.col { 
		margin-left: 20px;
		width: 260px; 
		float: none;
	}
	
	.extend { width: 260px; }
	
}

/*** MOBILE (WIDE) 480px ***/


@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	

}