@font-face {
	font-family: OkayD; /* Гарнитура шрифта */
	src: url(fonts/OkayD.ttf); /* Путь к файлу со шрифтом */
}

body { margin: 0; font-size: 16px; /* background: rgba(219,159,86, 0.75); */ background: white; }
img { border: none; max-width: 100%; max-height: 100%; }
p, a, span, h1, h2, h3, h4, h5, h6, div, li, input[type="text"], textarea { font-family: Helvetica, sans-serif; }
hr { border-style: inset; height: 1px; border-color: #B27050; background: #AA4A45;}

.hidden { display: none; }
.visible { display: block; }
.clear {clear: both; }
.red { color: red; }
.left { text-align: left; }

div.fade {
position: fixed;
z-index: 999;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
background: url(../images/bg-fade.png) repeat;
background: rgba(0, 0, 0, 0.6); }

div.popup {
	position: fixed;
	top: 50%;
	margin-top: -125px;
	left: 50%;
	margin-left: -300px;
	z-index: 9999;
	width: 600px;
	padding: 16px;
	background: #fff;
	border-radius: 5px; 
}


div.header { background: url(../images/pattern.png); box-shadow: 0px 0 24px #5B494B; }
div.header .wrapper { width: 960px; margin: 0 auto; text-align: center; background: rgba(241,233,187, 0.7); }
div.header .wrapper > div { display: inline-block; width: 400px; vertical-align: middle; }
div.header .tel span { color: #5C483A; font-size: 1.2em; /* text-shadow: 0 0 14px #5B494B;  */}
div.header .tel span.big { font-size: 1.8em; }

div.main-wrapper { width: 960px; margin: 12px auto; background: rgba(241,233,187, 1); }

div.slider { position: relative; padding: 30px; }
div.slider div.one { position: relative; float: left; width: 900px; overflow: hidden; margin-bottom: 5px; }

div.slider div.one div.img-col, 	div.bestseller div.img-col { float: left; width: 500px; }
div.slider div.one div.img, 		div.bestseller div.img { text-align: center; position: relative; }
div.slider div.one div.img > div, 	div.bestseller div.img > div { position: absolute; top: 0; left: 0; height: 220px;}
div.slider div.one div.img > div.adel { left: 70px; }
div.slider div.one div.img > div.miroslav { left: 30px; }
div.slider div.one div.img > div.natali { left: 50px; }
div.slider div.one div.colors { margin-top: 230px; text-align: center; }
div.slider div.one div.colors > div { display: inline-block; width: 50px; height: 50px; padding: 5px; cursor: pointer; }
div.slider div.one div.colors > div.selected, div.slider div.one div.colors > div:hover { /* background: rgba(219,159,86, 0.7); */ background: #F15611; }

div.slider div.one div.descr, 			div.bestseller div.descr { margin-left: 500px; padding-left: 15px; }
div.slider div.one div.descr .title , 	div.bestseller div.descr .title { font-family: OkayD; font-size: 1.8em; color: #5C483A; }
div.slider div.one div.descr p, 		div.bestseller div.descr p { font-size: 0.8em; margin: 3px 0;}

div.slider div.one div.descr .price, 		div.bestseller div.descr .price, #popup .price { margin-top: 15px; font-size: 2.5em; }
div.slider div.one div.descr .price span, 	div.bestseller div.descr .price span, #popup .price span { display: block; float: left; letter-spacing: 1px; font-weight: bold; font-family: 'PT Sans'}
div.slider div.one div.descr .price span.sup, #popup .price span.sup, div.bestseller div.descr .price span.sup { margin-top: 3px; font-size: 0.7em; margin-left: 5px; }
div.slider div.one div.descr .price span.old, #popup .price span.old { font-size: 0.6em; margin-top: 3px; text-decoration: line-through; margin-left: 15px; }

div.slider div.one div.descr .buy, div.bestseller div.descr .buy { /* height: 40px; */ width: 200px; margin: 10px 0;  }
.button { 
	display: block;
	height: 2.0em;
	line-height: 2.0em;
	cursor: pointer;
	background-color: #E61F04 !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7941d", endColorstr="#E61F04");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#f7941d), to(#E61F04));
	background-image: -moz-linear-gradient(top, #f7941d 0%, #E61F04 100%);
	background-image: -ms-linear-gradient(top, #f7941d 0%, #E61F04 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7941d), color-stop(100%, #E61F04));
	background-image: -webkit-linear-gradient(top, #fefc01, #E61F04);
	background-image: -o-linear-gradient(top, #f7941d, #E61F04);
	background-image: linear-gradient(#f7941d 0%, #E61F04 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	border: 1px solid #f0f0f0;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	border-color: #E61F04;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.33);
	-webkit-font-smoothing: antialiased;
	color: white;
	text-align: center;
}

div.slider .prev,
div.slider .next{
	position:absolute;
	left:4px;
	top:30%;
	margin-top:-38px;
	width:22px;
	height:76px;
	cursor:pointer;
	background:url(../images/icons-sprite.png) no-repeat -1055px -227px;
}
div.slider .next{
	left:auto;
	right:4px;
	background-position:-1173px -227px;
}
div.slider div.pagination > div { display: inline-block; width: 160px; height: 100px; padding: 6px;  }
div.slider div.pagination > div:hover, div.slider div.pagination > div.selected { /* background: rgba(219,159,86, 0.7); */ background: #F15611; }

div.slider div.pagination > div a { cursor: pointer; display: block; height: 100%; }
div.slider div.pagination >div a.page-1 { background: url(../images/premier-fst.png) no-repeat center rgba(241,233,187, 1); background-size: 168px; }
div.slider div.pagination >div a.page-2 { background: url(../images/adel-fst.png) no-repeat center rgba(241,233,187, 1); background-size: 168px;  }
div.slider div.pagination >div a.page-3 { background: url(../images/miroslav-fst.png) no-repeat center rgba(241,233,187, 1); background-size: 168px;  }
div.slider div.pagination >div a.page-4 { background: url(../images/natali-fst.png) no-repeat  center rgba(241,233,187, 1); background-size: 168px;  }
div.slider div.pagination >div a.page-5 { background: url(../images/olimp-fst.png) no-repeat center rgba(241,233,187, 1); background-size: 168px;  }

#popup { background: rgba(241,233,187, 1); }
#popup > .close
{
	width: 25px;
	height: 25px;
	position: absolute;
	right: -10px;
	top: -10px;
	background: url(../images/icons-sprite.png) no-repeat -395px -167px;
	border-radius: 0 5px 0 0;
	cursor: pointer;
}
#popup .title { font-family: OkayD; font-size: 1.8em; color: #5C483A; text-transform: capitalize; /* padding-left: 20px; */}
#popup div.img-col { float: left; width: 400px; text-align: center; }
#popup div.img-col .selected-model { height: 200px; }
#popup div.img-col .selected-color { width: 50px; }
#popup div.order-col { margin-left: 400px; padding-left: 15px; }
#popup div.order-col input[type="text"], #popup div.order-col textarea, .feedback-col input[type="text"], .feedback-col textarea
{
	padding: 0 3%;
	width: 84%;
	height: 28px;
	line-height: 27px;
	margin-bottom: 10px;
	border: 2px solid rgba(219,159,86, 0.7);
	border-radius: 6px;
	font-size: 13px;
	/* color: rgba(219,159,86, 1); */
	font-family: Arial, Helvetica, sans-serif;
}
.feedback-col .form input[type="text"] {width: 40%;}
.feedback-col .form input[type="text"].tel { margin-left: 3%; }
.feedback-col .form textarea { width: 90%; }
#popup div.order-col, .feedback-col { position: relative; }
.feedback-col { width: 500px; margin: 0 auto; }
#popup div.order-col .form, #popup div.order-col .confirm, .feedback-col .form, .feedback-col .confirm { position: absolute; top: 0; left: 15px; width: 185px; }
.feedback-col .form, .feedback-col .confirm { width: 100%; }
#popup div.order-col input[type="text"].wrong-field, .feedback-col .form input[type="text"].wrong-field { border-color: red; }
#popup div.order-col textarea, .feedback-col .form textarea { height: 56px; resize: none; }
#popup div.order-col .buy { width: 90%;}
.feedback-col .form .button-cont { width: 97%; }
.feedback-col .confirm { display: none; }

/* #popup div.order-col .button { width: 98%;} */
#popup div.order-col .confirm { display: none; padding-top: 30%; }
#popup .price { display: inline-block; float: right; margin-top: 0; }
#popup div.tel-order, .feedback div.tel-cont { clear: both; text-align: center; padding-top: 10px; }
.feedback div.tel-cont { margin-top:  160px; }

.main-wrapper { box-shadow: 0px 0 12px #5B494B; }
.main-wrapper.pattern { background: url(../images/pattern.png); }

div.advantages { height: 300px; background: rgba(241,233,187, 0.75); position: relative; border: 7px solid rgba(241,233,187, 1); }
div.advantages > div { color: #5C483A; position: absolute; }
div.advantages > div.a1 {font-size: 3.0em; top: 60px; left: 200px; }
div.advantages > div.a2 { font-size: 3.0em;
top: 193px;
left: 300px; }
div.advantages > div.a3 {font-size: 3.0em; left: 430px; top: 5px; }
div.advantages > div.a4 { font-size: 1.9em;
top: 130px;
left: 30px;}
div.advantages > div.a5 { font-size: 1.5em; top: 190px; left: 5px; }
div.advantages > div.a6 { font-size: 2.0em; top: 112px; left: 623px; }
div.advantages > div.a7 {
	font-size: 1.5em;
top: 160px;
left: 422px;
}
div.advantages > div.a8 { font-size: 2.0em; top: 20px; left: 70px; }
div.advantages > div.a9 {font-size: 1.5em;
top: 250px;
left: 120px;}
div.advantages > div.a10 {font-size: 1.5em;
top: 270px;
left: 550px;}

.main-wrapper .info, .main-wrapper.pattern > div { padding: 15px; background: rgba(241,233,187, 0.75); border: 7px solid rgba(241,233,187, 1);}
.main-wrapper .info #accordion h3 { margin: 0 0 15px;}
.main-wrapper .info #accordion div { white-space: pre-wrap; margin-bottom: 10px;}

.main-wrapper .feedback {height: 180px; padding: 30px; }

.ui-accordion-header { font-size: 1.5em; color: #3B505D; border-bottom: 2px dashed #3B505D; cursor: pointer; }
.ui-accordion-header:focus { outline: none !important; }

div.bestseller {  position: relative;  text-align: center; position: relative; padding: 23px; }
div.bestseller h3 { font-size: 3.0em; color: #3B505D; margin: 10px 0;}
div.bestseller audio { position: absolute; }

div.bottom { background: url(../images/pattern.png); box-shadow: 0px 0 24px #5B494B; height: 83px;}
div.bottom .wrapper { width: 960px; margin: 0 auto; text-align: center; background: rgba(241,233,187, 0.7); height: 100%; padding-top: 5px;}
div.bottom .wrapper .cr { color: #5C483A; }
div.bottom .wrapper .okay {font-family: OkayD; font-size: 2.5em;}
/* div.bottom .wrapper > div { display: inline-block; width: 400px; vertical-align: middle; } */

body{
	-webkit-text-size-adjust: 100%;
}