@charset "utf-8";
/* CSS Document */
body {
	color:#222;	
}

header {
	width:100%;
	height:120px;
	margin-bottom: 10px;
	background:url(../img/head_bg.jpg) bottom repeat-x;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
	position:relative;
	display:inline-block;
	font-size:16pt;	
}

header #logo {
	margin:20px auto 15px;
	width:187px;
	height:47px;
}
header h1
{
	margin-top: 5px;
}

h1 {
	font-family: 'PT Sans', sans-serif;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:16pt;	
}
/*=================================================*/
.visible { display: block; }
.hidden { display: none; }

.bg_btn { width:230px;
	height:70px;
	background:url(../img/bg_btn.png);
	margin:0 auto;
	text-align:center; }
input[type=submit], .button, #feedback-button {
	background:url(../img/buttons.png) no-repeat;
	width:210px;
	height:51px;
	background-position:0 -108px;
	border:none;
	display:inline-block;
	margin:9px 0;
	outline:none;
	text-transform:uppercase;
	color:#fff;
	font-family: 'PT Sans', sans-serif;
	font-weight:bold;
	line-height:40px;
	letter-spacing:5px;
	text-align:center;
	font-size:12pt;
	text-shadow: 1px 1px 2px #ae4a0f;
	cursor: pointer;
}
.button span { line-height: 51px;}
input[type=submit]:hover, .button:hover {
	background-position:0 -54px;
}

input[type=submit]:active, .button:active {
	background-position:0 -0px;
}

.link {
	color: #0084e0;
	border-bottom: 1px #0084e0 dashed;
	cursor: pointer;
}
.link:hover {
	color: #0063a8;
	border-bottom: 1px #0063a8 dashed;
}
div.fade {
position: fixed;
z-index: 9998;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
background: url(../images/bg-fade.png) no-repeat;
background: rgba(0, 0, 0, 0.6); }

div.popup {
	position: fixed;
	top: 50px;
	/* margin-top: -125px; */
	left: 50%;
	margin-left: -450px;
	z-index: 9999;
	width: 900px;
	
	background: #fff;
	border-radius: 5px; 
}
div.popup_wrap
{
	padding: 16px 75px;
	overflow: auto;
}
#popup { overflow-y: auto; }
/*=================================================*/
.slider .img-col {
	margin-top: 40px;
}

#main_sofe_info {
	text-align:center;
}

h2 {
	font-family: 'Noto Serif', serif;
	text-align:center;
	font-size:16pt;	
	
	color:#222222;
	margin:7px 0;
}
h2.underline { border-bottom:1px solid #000; padding-bottom:2px; display:inline-block; }
#main_sofe_info > span, .slider .one > span, #popup .popup_wrap > span {
	/* display:block; */	
	vertical-align: middle;
	font-family: 'Noto Serif', serif;
}

.old {
	color:#222222;
	margin:10px 0;
	text-decoration: line-through;
}
.red
{
	color: red;
}

.new {
	color:#ff5704;
	font-size:20pt;	
}
.clear {clear: both;}
.shadow {
	width:583px;
	height:42px;
	background:url(../img/shadow.png) no-repeat;
	margin:10px auto 0;
}

.more {
	width:139px;
	height:32px;
	text-align:center;
	color:#fff;
	background:url(../img/more.png) no-repeat;
	display:block;
	margin:0 auto;
	line-height:28px;
	font-family: 'PT Sans', sans-serif;
	position:relative;
	bottom:24px;
}

.more span {
	display:inline-block;
	height:25px;
	/* border-bottom: white dashed 1px; */
/* 	background:url(../img/dashed.png) repeat-x bottom;	 */
}

/*=================================================*/
#features {
	width:100%;	
	height:643px;
	background:url(../img/features_bg.jpg);
	/*
-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
*/
	background-size: 100% 100%;
	display:inline-block;
	z-index: 3;
}

#features_wrap {
	width:900px;
	margin:80px auto;	
}

h4 {
	font-family: 'Noto Serif', serif;
	font-weight:bold;
	color:#000;
	font-size:40pt;
	text-align:center;
}

#features_wrap h4 {
	color:#fff;
}

.first_col,.second_col {
	width:450px;
	float:left;
	margin-top:90px;
}

.feature {
	float:left;	
	width:100%;
	margin-bottom:60px;
	height:75px;
}

.feature img {
	float:left;
	margin-right:20px;	
}

.feature h5 {
	font-family: 'PT Sans', sans-serif;
	color:#fff;
	font-weight:bold;	
	font-size:18pt;
	margin:5px 0;
}

.feature p {
	font-family: 'Noto Serif', serif;
	font-style:italic;
	color:#fff;	
}

/*=================================================*/

#consult {
	width:100%;
	margin:100px auto -40px;
	z-index:2;	
	text-align:center;
}

#consult .questions {
	font-family: 'Noto Serif', serif;
	font-style:italic;
	text-align:center;
	font-size:20pt;
}

.recall {
	display:inline-block;	
	margin:80px 0;
}

.recall p {
	font-family: 'PT Sans', sans-serif;
	margin-bottom:10px;
	text-align:left;
}

.recall > span {
	display:block;	
	font-family: 'PT Sans', sans-serif;
	font-size:9pt;
	color:#858585;
	position:relative;
	bottom:8px;
	text-align:left;
}

.recall input[type=text],.recall textarea {
	width:257px;
	height:32px;
	border:none;
	margin:0;
	padding:0;
	font-family: 'PT Sans', sans-serif;
	font-style:italic;
	font-size:11pt;
	line-height:32px;
	background:url(../img/input.png) no-repeat;
	outline:none;
	padding:0 15px;
	margin-bottom:20px;
}

.recall textarea {
	height:125px;
	background:url(../img/textarea.png);
	padding:8px 15px;
	line-height:13pt;
	resize: none;
}

.recall .bg_btn, #biggie_wrap .img-col .bg_btn {
	position:relative;
	/* top:50px; */
	margin-top: 40px;
	z-index:500;
}
#biggie_wrap .shadow
{
	background-size: 100% auto;
	margin: 10px auto 0;
	padding: 30px 10px 0;
}
#biggie_wrap .shadow span
{
	font-family: 'PT Sans', sans-serif;
	font-size: 13pt;
}

.recall input[type=submit], .button {
	background:url(../img/buttons.png) no-repeat;
	width:210px;
	height:51px;
	background-position:0 -108px;
	border:none;
	display:inline-block;
	margin:9px 0;
	outline:none;
	text-transform:uppercase;
	color:#fff;
	font-family: 'PT Sans', sans-serif;
	font-weight:bold;
	line-height:40px;
	letter-spacing:5px;
	text-align:center;
	font-size:12pt;
	text-shadow: 1px 1px 2px #ae4a0f;
	text-decoration: none;
}
.button span { line-height: 51px;}
.recall input[type=submit]:hover, .button:hover {
	background-position:0 -54px;
}
.recall input[type=submit]:active, .button:active {
	background-position:0 -0px;
}

/*=================================================*/
#about {
	width:100%;
	min-height:500px;
	background:url(../img/bg_about.png) repeat;	
	z-index:1;
	position:relative;
	display:inline-block;
}

#about:before {
	content:"";
	width:100%;
	height:100%;
	background:url(../img/consult_border.png) top center no-repeat;	
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-o-background-size:contain;
	-ms-background-size:contain;
	background-size:contain;
	position:absolute;
	top:0px;
/* 	z-index:0; */
}

.about_wrap {
	width:900px;
	margin:0 auto;
	font-family: 'PT Sans', sans-serif;
}

.about_wrap h6, .contact_info h6 {
	font-family: 'Noto Serif', serif;
	font-weight:bold;
	font-size:25pt;
	text-align:center;	
}

.about_wrap h6
{
	margin-bottom:25px;
}
.contact_info h6 { margin: 10px 0; }

.about_wrap p {
	font-size:12pt;
	display:block;
}

.about_wrap div {
	margin-bottom:20px;
}

.second_column div p {
	width:97.%;	
}
/*=================================================*/
#biggie {
	width:100%;
	position:relative;
	min-height:100px;	
	z-index:10;
	display:inline-block;
}

#biggie:before {
	content:"";
	width:100%;
	height:100%;
	background:url(../img/wave.png) top center repeat-x;	
	position:absolute;
	top:-29px;
/* 	z-index:0; */
	left:0;
}

#biggie_wrap {
	width:748px;
	display:block;
	margin:100px auto;
	min-height:300px;
	border:1px solid #ffc3a6;
	box-shadow:0 0 20px #f5b08f;
	border-radius:10px;
	position: relative;
	text-align: center;
	padding-top: 70px;
	padding: 70px 75px 0 75px;
}
#biggie_wrap .header
{
	background: url(../img/hit.png) no-repeat rgba(0,0,0,0);
	position: absolute;
	left: 170px;
	width: 550px;
	top: -20px;
	height: 80px;
	box-shadow: 0 0 35px #ed7e15;
	border-radius: 13px;
}
#biggie_wrap h2
{
	font-size: 24pt;
	font-family: 'Noto Serif', serif;
}
#biggie_wrap .new
{
	font-size: 24pt;
}
#biggie_wrap .img-col img { height: 300px;}
#biggie_wrap .buy { margin: 20px auto;}
/* === slider === */
div.wrap, .pagination, .arrow_wrap { width: 1050px; margin: 0 auto; }
.arrow_wrap { position: relative; }
.pagination_wrap { background: url(../img/bg_paginator.png) repeat-x; background-size: auto 100%; padding-top: 10px; height: 150px; clear: both;}

div.slider { position: relative; /* padding: 30px; */ }
div.slider div.one { position: relative; float: left; width: 1050px;  text-align: center; height: auto;}
div.slider div.one .img-col img { height: 270px;}

div.slider div.one div.colors, #popup div.colors { margin-top: 10px; text-align: center; }
div.slider div.one div.colors > div, #popup div.colors > div { display: inline-block; width: 50px; height: 50px; padding: 5px; cursor: pointer; border-radius: 30px;}
div.slider div.one div.colors > div.selected, div.slider div.one div.colors > div:hover,
#popup div.colors > div.selected, #popup div.colors > div:hover { /* background: rgba(219,159,86, 0.7); */ background: #ee8726; }
div.slider div.one div.colors >div img, #popup div.colors > div img { border-radius: 25px; width: 50px; height: 50px; }

div.slider div.one .buy { margin-top: 30px; position: relative; margin-bottom: 60px; }
div.slider div.one .buy .credit, #biggie_wrap .img-col .credit { position: absolute; top: 15px; width: 250px; left: 250px; font-family: 'PT Sans', sans-serif; }
/*
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 { /*  width: 200px; margin: 10px 0; */  }

div.slider div.pagination > div a { cursor: pointer; display: block; height: 100%; }

div.slider .prev,
div.slider .next{
	position:absolute;
	left:4px;
/* 	top:30%; */
	top:210px;
	margin-top:-38px;
	width:32px;
	height:82px;
	cursor:pointer;
	
}
div.slider .prev
{
	background:url(../img/left.png);
}
div.slider .next{
	left:auto;
	right:4px;
	background:url(../img/right.png)
}
div.slider div.pagination > div { display: inline-block; width: 198px; height: 120px; padding: 6px; vertical-align: top; }
div.slider div.pagination > div a:hover, div.slider div.pagination > div.selected a { /* background: rgba(219,159,86, 0.7); */ border-bottom: 9px #ee8726 solid; }

div.slider div.pagination > div a { cursor: pointer; display: block; height: 100%; }
/* premier', 'adel', 'natali', 'adel2'/* , 'artek */
div.slider div.pagination >div a.page-1 { background: url(../img/models/premier-fst.png) no-repeat center ; background-size: 175px; }
div.slider div.pagination >div a.page-2 { background: url(../img/models/adel-fst.png) no-repeat center ; background-size: 175px;  }
div.slider div.pagination >div a.page-3 { background: url(../img/models/natali-fst.png) no-repeat center; background-size: 175px;  }
div.slider div.pagination >div a.page-4 { background: url(../img/models/adel2-fst.png) no-repeat  center ; background-size: 175px;  }
div.slider div.pagination >div a.page-5 { background: url(../img/models/artek-fst.png) no-repeat center ; background-size: 175px;  }

.contact_info { padding: 30px 170px 0px; text-align: center; font-family: 'PT Sans', sans-serif; }
.map_link { padding-left: 25px; background: url(../img/icon_map.png) no-repeat left center; width: 130px; margin: 15px auto 10px; height: 25px;}
.map_link .link { font-family: 'PT Sans', sans-serif; line-height: 25px; font-size: 14pt;}

.one table.materials, .one table.sizes
{
	margin: 5px auto 0 auto;
}
.one table.sizes
{
	margin-bottom: 25px;
}

table.materials
{
	margin-top: 5px;
}
table.materials th, table.sizes th
{
	font-family: 'PT Sans', sans-serif;
	color: gray;
	font-size: 12pt;
	text-align: left;
	padding: 3px;
}
table.materials td, table.sizes td
{
	font-family: 'PT Sans', sans-serif;
	font-size: 12pt;
	text-align: left;
	padding: 3px;
}
table.sizes
{
	margin: 15px 0;
}
table.sizes th.upper
{
	text-transform: uppercase;
	padding-bottom: 8px;
}
#popup
{
	text-align: center;
}
#popup .popup_wrap h2
{
	text-transform: capitalize;
}
#popup .img-col
{
	padding: 10px 0 0 0;
}
#popup .img-col img
{
	height: 170px;
}
.popup h1, #popup-credit table th, .contact_info #accordion h1
{
	text-align: left;
	font-family: 'Noto Serif', serif;
	font-size: 24pt;
	color: black;
	margin-bottom: 15px;
}
a.more
{
	cursor: pointer;
}
#popup-credit table th, #popup-credit table td
{
	padding: 5px;
}
#popup-credit table th
{
	padding-bottom: 15px;
}
#popup-credit table td
{
	line-height: 1.5em;
}
#popup-photo { padding: 15px; width: 514px; margin-left: -257px; text-align: center;}
.popup b
{
	font-weight: bold;
}
.to-popup-photo.link
{
	line-height: 23px;
}

.tel-block
{
	position: absolute;
	right: 250px;
	width: 250px;
	top: 15px;
	font-family: 'PT Sans', sans-serif;
}
.contact_info #accordion {text-align: left; }
.contact_info #accordion a { text-decoration: none; }

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