/************************* fonts *************************/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,500,700,400italic&subset=latin,cyrillic);
@font-face {
    font-family: 'Roboto Black';
	src: url('../fonts/roboto-black-webfont.eot');
    src: url('../fonts/roboto-black-webfont.eot') format('embedded-opentype'),
         url('../fonts/roboto-black-webfont.woff2') format('woff2'),
         url('../fonts/roboto-black-webfont.woff') format('woff'),
         url('../fonts/roboto-black-webfont.ttf') format('truetype');
}
/************************* default styles *************************/
body{
	font-size: 14px;
	font-family: Roboto;
	line-height: 18px;
	min-width: 960px;
}
a:hover {text-decoration: none;}
h1 {
	margin: 0 0 64px;
	color: #c4c801;
	font-size: 95px;
	font-family: 'Roboto Black';
	line-height: 90px;
	text-transform: uppercase;
}
h2 {
	margin: 0 0 72px;
	font-size: 60px;
	font-family: 'Roboto Black';
	line-height: 60px;
	text-align: center;
	text-transform: uppercase;
}
h3 {
	margin: 0 0 26px;
	font-size: 30px;
	line-height: 36px;
}
h4 {
	margin: 0 0 15px;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	text-transform: uppercase;
}
/************************* common styles *************************/
html, body {height: 100%;}
h1 span {
	display: block;
	color: #fff;
	font-size: 48px;
	line-height: 40px;
}
.holder {
	width: 940px;
	margin: 0 auto;
	padding: 0 10px;
}
.holder:after {
	display: block;
	content: '';
	clear: both;
}
.green {color: #c4c801;}
.title-text {
	margin: -55px 0 76px;
	padding: 0 60px;
	color: #707070;
	font-size: 30px;
	font-weight: 300;
	line-height: 36px;
	text-align: center;
	text-transform: uppercase;
}
.clear {clear: both;}
.button-holder {text-align: center;}
.button {
	display: inline-block;
	vertical-align: top;
	padding: 19px 32px 17px;
	color: #fff;
	font-size: 27px;
	line-height: 30px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	border-radius: 7px;
	border-bottom: 3px solid #56580a;
	background: #c4c801;
	-webkit-transition: background .3s linear;
	-moz-transition: background .3s linear;
	-o-transition: background .3s linear;
	transition: background .3s linear;
}
.button:hover {
	background: #b4b70c;
}
.button:active {
	margin: 3px 0 0;
	border-bottom: 0;
}
.button--min-padding {
	display: block;
	padding: 19px 0 17px;
}
.button--big {
	padding: 10px 28px 9px;
	font-size: 36px;
	line-height: 36px;
}
.button-holder__text {
	padding: 7px 0 0;
	font-size: 24px;
	line-height: 27px;
	text-transform: uppercase;
}
.form-block fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}
.input {
	display: block;
	width: 460px;
	height: 59px;
	padding: 0 20px 0 64px;
	margin: 0 0 17px;
	color: #000;
	font-size: 18px;
	font-weight: 300;
	background: #fff;
	outline: 0;
	border: 0;
	border-radius: 7px;
	box-sizing: border-box;
}
.input-name{background: #fff url(../images/popup-icon1.png) 22px 50% no-repeat;}
.input-phone{background: #fff url(../images/popup-icon2.png) 21px 50% no-repeat;}
@media \0screen {
 .input {line-height: 69px;}
}
.submit {
	display: inline-block;
	vertical-align: top;
	float: left;
	width: 460px;
	min-height: 59px;
	padding: 9px 10px 6px;
	color: #fff;
	font-size: 21px;
	line-height: 24px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	outline: 0;
	border: 0;
	border-radius: 7px;
	border-bottom: 3px solid #56580a;
	background: #9fa20f;
	-webkit-transition: background .3s linear;
	-moz-transition: background .3s linear;
	-o-transition: background .3s linear;
	transition: background .3s linear;
}
.submit:hover {background: #b4b70c;}
.submit:active {
	margin: 3px 0 0;
	border-bottom: 0;
}
::-webkit-input-placeholder {color: #000;}
:-moz-placeholder {color: #000; opacity: 1;}
::-moz-placeholder {color: #000; opacity: 1;}
:-ms-input-placeholder {color: #000;}
.input.error, .ask .input.error {
	color: rgb(255, 86, 71);
	background-color: rgb(255, 206, 202);
}
label.error {
	position: absolute;
	left: -9999px;
}
/************************* wrapper *************************/
#wrapper {
	position: relative;
	overflow: hidden;
	min-height: 100%;
}
/************************* header__top *************************/
.header__top {
	height: 134px;
	color: #fff;
	font-weight: 300;
	border-bottom: 1px solid #1a1a1a;
	background: url(../images/top-bg.jpg) 50% 0 repeat-x;
}
.header__top-logo {
	float: left;
	margin: 0 28px 0 0;
	padding: 41px 0 0;
}
.header__top-text {
	float: left;
	width: 180px;
	padding: 41px 0 0;
	font-style: italic;
}
.header__top-contacts {
	float: right;
	padding: 36px 0 0;
	text-align: right;
}
.header__top-contacts a {color: #c4c801;}
.header__top-phone {margin: 0 0 11px;}
.header__top-number {
	font-size: 18px;
	font-weight: 400;
}
.header__top-number-green {
	color: #c4c801;
	font-size: 33px;
	font-family: 'Roboto Black';
}
.header__top-metro {
	padding: 0 0 0 20px;
	margin: 0 0 0 1px;

}
/************************* header__nav *************************/
.header__nav {
	height: 58px;
	border-top: 1px solid #000;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0b0b0b+0,070707+48,010101+100 */
	background: #0b0b0b; /* Old browsers */
	background: -moz-linear-gradient(top,  #0b0b0b 0%, #070707 48%, #010101 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b0b0b), color-stop(48%,#070707), color-stop(100%,#010101)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0b0b0b 0%,#070707 48%,#010101 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0b0b0b 0%,#070707 48%,#010101 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0b0b0b 0%,#070707 48%,#010101 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0b0b0b 0%,#070707 48%,#010101 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b0b0b', endColorstr='#010101',GradientType=0 ); /* IE6-9 */
}
.fix-head .header__nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 500;
}
.header__nav-ul {
	margin: 0;
	padding: 0;
}
.header__nav-li {
	float: left;
	margin: 0 0 0 38px;
	padding: 18px 0 0;
	list-style: none;
}
.header__nav-li:first-child {margin: 0;}
.header__nav-li a {
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.header__nav-li a:hover {color: #c4c801;}
.header__nav-li .active {
	color: #c4c801;
	text-decoration: none;
}
/************************* header__main *************************/
.header__main {
	height: 859px;
	padding: 115px 0 0;
	box-sizing: border-box;
	background: url(../images/header-main.jpg) 50% 0 no-repeat;
	background-size: cover;
}
.fix-head .header__main {margin: 58px 0 0;}
.header__main h1 {width: 960px;}
.header__main-text {
	margin: 0 0 70px;
	color: #fff;
	font-size: 36px;
	font-weight: 300;
	line-height: 44px;
	text-transform: uppercase;
}
.header__main-price {
	display: inline-block;
	vertical-align: top;
	height: 42px;
	padding: 0 10px;
	margin-top: -2px;
	color: #c4c801;
	font-size: 28px;
	font-weight: 500;
	line-height: 42px;
	border: 2px solid #c4c801;
	border-radius: 5px;
}
.header__main-ul {
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.header__main-li {
	float: left;
	padding: 0 0 0 42px;
	margin: 0 39px 0 0;
	list-style: none;
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	line-height: 32px;
}
.header__main-li--icon1 {
	background: url(../images/header-icon1.png) 0 50% no-repeat;
}
.header__main-li--icon2 {
	background: url(../images/header-icon2.png) 0 50% no-repeat;
}
.header__main-li--icon3 {
	padding: 0 0 0 37px;
	background: url(../images/header-icon3.png) 0 50% no-repeat;
}
.header__button-holder {padding: 81px 0 0;}
.button--top {background: #9fa20f;}
/************************* gift *************************/
.gift {padding: 93px 0 8px;}
.h2-min {
	display: block;
	font-size: 36px;
	line-height: 52px;
}
.gift .title-text {margin: -61px 0 64px;}
.gift .button {
	display: inline-block;
	padding: 19px 43px 17px;
}
.gift__images {
	overflow: hidden;
	margin: 0 0 66px;
}
.gift__images-item {
	float: left;
	width: 20%;
}
.gift__images-item img {width: 100%;}
/************************* comfort *************************/
.comfort {padding: 93px 0 1px;}
.comfort__list {
	width: 970px;
	margin: 0 -15px;
	padding: 0;
	text-align: center;
}
.comfort__list-item {
	display: inline-block;
	width: 33%;
	margin: 0 0 90px;
	vertical-align: top;
	list-style: none;
}
.comfort__list-item--margin {margin: 0 10px 90px;}
.comfort__list-img {margin: 0 0 16px;}
.comfort__list-img img {
	width: 219px;
	height: 219px;
	border-radius: 50%;
}
.comfort__list-text {
	font-size: 18px;
	font-weight: 300;
	line-height: 21px;
}
.comfort__list-text--big {margin: 0 -30px;}
/************************* mount *************************/
.mount {padding: 89px 0 99px;}
.mount__img {
	margin: -20px 0 42px;
	text-align: center;
}
/************************* img-block *************************/
.img-block {overflow: hidden;}
.img-block__left {
	float: left;
	width: 32%;
}
.img-block__right {
	float: right;
	width: 32%;
}
.img-block__center {
	float: left;
	width: 36%;
}
/************************* catalog *************************/
.catalog {padding: 87px 0 0;}
.catalog h2 {
	margin: 0 0 66px;
	font-size: 100px;
	line-height: 90px;
}
.tabs {
	overflow: hidden;
	padding: 0 0 10px;
	margin: 0 0 60px;
}
.tabs__li {
	position: relative;
	float: left;
	width: 242px;
	margin: 0 22px;
	padding: 16px 10px 14px;
	list-style: none;
	font-size: 18px;
	font-weight: 500;
	line-height: 21px;
	text-align: center;
	text-transform: uppercase;
	border-radius: 5px;
	border: 3px solid #C4C801;
}
.tabs__li:hover .tabs__li-angle,
.active .tabs__li-angle {
	position: absolute;
	left: 50%;
	bottom: -10px;
	display: block;
	width: 20px;
	height: 10px;
	margin-left: -10px;
	background: url(../images/green-angle.png) 0 0 no-repeat;
}
.tabs__li:hover,
.tabs__li.active {
	background: #c4c801;
}
.tabs__li a {color: #000;}
.tabs__li.active a {text-decoration: none;}
.catalog__block {overflow: hidden;}
.catalog__item {
	float: left;
	width: 190px;
	margin: 0 0 100px 59px;
}
.catalog__item:first-child{margin: 0 0 100px;}
.catalog__item-color {
	position: relative;
	height: 48px;
	margin: 0 0 28px;
	box-sizing: border-box;
	color: #393a00;
	font-size: 15px;
	line-height: 42px;
	text-align: center;
	border: 3px solid #c4c801;
	border-radius: 22px;
}
.catalog__item-color-angle {
	position: absolute;
	left: 50%;
	bottom: -10px;
	display: block;
	width: 13px;
	height: 10px;
	margin-left: -7px;
	background: url(../images/catalog-angle.png) 0 0 no-repeat;
}
.catalog__item-img {padding: 0 0 19px;}
.catalog__item-img img {
	width: 190px;
	margin: 0 0 8px;
	vertical-align: top;
	border-radius: 5px;
}
.catalog__item-quantity {margin: 0 0 32px;}
.catalog__item-quantity-text {
	margin: 0 0 9px;
	font-size: 15px;
	font-weight: 700;
}
.catalog__item-price {
	margin: 0 0 10px;
	font-size: 20px;
	font-weight: 300;
	line-height: 20px;
	text-align: center;
}
.catalog__item-price span {
	color: #c4c801;
	font-size: 36px;
	font-weight: 700;
}
.catalog__item-old-price {
	margin: 0 0 27px;
	color: #ed1c24;
	font-size: 20px;
	font-weight: 300;
	line-height: 20px;
	text-align: center;
	text-decoration: line-through;
}
.catalog__item-min {
	margin: 0 0 96px;
	padding: 48px 20px 20px 57px;
	border: 1px solid #d3d3d3;
	border-radius: 5px;
}
.catalog__item-min-img {
	float: left;
	width: 160px;
	margin: -88px 30px 0 0;
}
.catalog__item-min-content {
	float: left;
	width: 631px;
}
.catalog__item-min-title {
	margin: 0 0 35px;
	font-size: 30px;
	font-weight: 700;
	line-height: 30px;
}
.catalog__item-min .catalog__item-quantity {
	float: left;
	width: 190px;
	margin: 0 43px 0 0;
}
.catalog__item-min-price {
	float: left;
	width: 160px;
	padding: 19px 0 0;
	margin: 0 48px 0 0;
}
.catalog__item-min-content .button {
	float: left;
	width: 190px;
	padding: 19px 0 17px;
	margin-top: 6px;
}
.catalog__item-min-content .button:active {margin-top: 9px;}
/************************* delivery *************************/
.delivery {
	height: 729px;
	padding: 90px 0 0;
	box-sizing: border-box;
	background: url(../images/bg.jpg) 50% 0 no-repeat;
	background-size: cover;
}
.delivery h2 {color: #fff;}
.delivery h3 {color: #ffdd00;}
.delivery__block {
	overflow: hidden;
	margin: 0 0 59px;
	padding: 0 0 0 3px;
}
.delivery__item {
	float: left;
	width: 471px;
	height: 388px;
	margin: 0 0 0 -3px;
	padding: 37px 40px 0;
	box-sizing: border-box;
	border: 3px solid #fff;
	border-radius: 0 5px 5px 0;
}
.delivery__item:first-child{border-radius: 5px;}
.delivery__item--big {
	float: none;
	width: 100%;
	border-radius: 5px;
}
.delivery__list {
	padding: 0;
	margin: 0 0 10px;
}
.delivery__list-item {
	padding: 4px 0 4px 51px;
	margin: 0 0 12px;
	color: #fff;
	font-size: 18px;
	line-height: 21px;
	list-style: none;
	background: url(../images/delivery-icon.png) 0 50% no-repeat;
}
.delivery__list-item a {color: #fff;}
.delivery__list-item-metro {
	padding: 0 0 0 20px;
	margin: 0 0 0 1px;
	
}
.delivery__img-holder {
	margin: 0 -20px;
	text-align: center;
}
.delivery__img-holder img {
	margin: 0 30px 10px;
	vertical-align: middle;
}
.delivery__text {
	padding: 9px 0 0 58px;
	color: #fff;
	font-size: 18px;
	line-height: 22px;
}
.delivery__text i {
	font-size: 14px;
	line-height: 17px;
}
.delivery__item--big h3 {text-align: center;}
.delivery__title-min {
	margin: -21px 0 36px;
	color: #fff;
	font-size: 18px;
	line-height: 21px;
	text-align: center;
}
/************************* jcarousel *************************/
.jcarousel {
    position: relative;
    overflow: hidden;
	z-index: 20;
}
.jcarousel > ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.jcarousel > ul > li {
    float: left;
	width: 960px;
}
.jcarousel-control {
	margin: -40px 0 0;
	padding: 0 0 10px;
	text-align: center;
}
.jcarousel-control li {
	display: inline-block;
	box-sizing: border-box;
	width: 21px;
	height: 21px;
	margin: 0 5px;
	padding: 0;
	list-style: none;
	cursor: pointer;
	border-radius: 50%;
	border: 2px solid #000;
}
.jcarousel-control .active {border: 2px solid #c4c801;}
/************************* review *************************/
.review {padding: 90px 0 30px;}
.review__slide {padding: 28px 0 60px;}
.review-item {
	float: left;
	box-sizing: border-box;
	width: 435px;
	padding: 0 50px 43px;
	margin: 0 0 0 68px;
	background: #f4f0df;
}
.review-item:first-child {margin: 0;}
.review-item__img {margin: 0 0 16px;}
.review-item__img img {
	width: 85px;
	height: 85px;
	margin: -28px 0 0;
	border-radius: 50%;
}
.review-item__name {
	color: #c4c801;
	font-size: 18px;
	font-weight: 700;
	line-height: 21px;
}
.review-item__text p {margin: 0 0 21px;}
.review-item__text a {color: #c4c801;}
.review-item__link {
	color: #b3af9f;
	font-size: 12px;
}
.review-item__text-link {display: block;}
.review-item__text-hidden {
	display: none;
	padding: 21px 0 0;
}
.review-item__text-hidden.review-vis {display: block;}
/************************* question *************************/
.question {
	padding: 60px 0 40px;
}
.question__list {
	padding: 0 0 56px;
	margin: 0;
}
.question__list-li {
	margin: 0 0 23px;
	list-style: none;
}
.question__list-top {
	display: block;
	padding: 20px 55px 19px;
	color: #000;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	text-decoration: none;
	background: #f4f0df url(../images/question-arrow-bottom.png) 26px 50% no-repeat;
	border-radius: 5px;
	-webkit-transition: background-color .3s linear;
	-moz-transition: background-color .3s linear;
	-o-transition: background-color .3s linear;
	transition: background-color .3s linear;
}
.question__list-top:hover {background-color: #ffcd02;}
.question__list-top--active {
	background: #ffcd02 url(../images/question-arrow-right.png) 28px 50% no-repeat;
	border-radius: 5px 5px 0 0;
}
.question__list-hidden {
	display: none;
	padding: 23px 52px 29px;
	margin: 0 0 23px;
	font-size: 18px;
	line-height: 21px;
	border: 3px solid #ffcd02;
	border-top: 0;
	border-radius: 0 0 5px 5px;
}
.button--orange {
	color: #564709;
	background: #ffcd02;
	border-bottom: 3px solid #886f09;
}
.button--orange:hover {background: #ecbd00;}
/************************* scheme *************************/
.scheme {padding: 50px 0 95px;}
.scheme__line {
	overflow: hidden;
	padding: 16px 0 0;
}
.scheme__line-item {
	float: left;
	width: 145px;
	margin: 0 0 0 53px;
	text-align: center;
}
.scheme__line-item:first-child {margin: 0;}
.scheme__line-item-text--margin {margin: 0 -10px;}
.scheme__line-item-text--margin-big {margin: 0 -20px;}
.button--scheme {
	width: 145px;
	padding: 7px 0 4px;
	margin: 5px 0 7px;
	font-size: 14px;
	text-transform: none;
	border-bottom: 2px solid #56580a;
}
.button--scheme:active {
	margin: 7px 0 7px;
	border-bottom: 0;
}
/************************* map *************************/
.map {
	position: relative;
	height: 643px;
}
.map .holder {position: relative;}
.map__block {
	position: absolute;
	top: 83px;
	left: 0;
	z-index: 100;
	width: 618px;
	padding: 50px 50px 49px 60px;
	box-sizing: border-box;
	background: #fff;
	background: rgba(255, 255, 255, 0.78);
	border-radius: 5px;
	-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.01);
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.01);
}
.map__block-title {
	margin: 0 0 51px;
	color: #c4c801;
	font-size: 53px;
	font-family: 'Roboto Black';
	line-height: 53px;
	text-transform: uppercase;
}
.map__block-list {
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 21px;
}
.map__block-dt {
	float: left;
	width: 204px;
	padding: 0;
	margin: 0 0 39px;
	font-weight: 700;
}
.map__block-dd {
	float: left;
	width: 298px;
	padding: 0;
	margin: 0 0 39px;
	font-weight: 300;
}
.map__block-metro {
	padding: 0 0 0 20px;
	margin: 0 0 0 1px;
	
}
.button--map {
	float: left;
	width: 298px;
	margin: 0 0 0 204px;
	padding: 15px 0 12px;
	font-size: 18px;
	line-height: 21px;
	border-bottom: 3px solid #56580a;
	background: #c4c801;
}
.button--map:active {margin: 3px 0 0 204px;}
/************************* footer *************************/
.footer {padding: 44px 0;}
.footer__logo {
	float: left;
	padding: 15px 0 0;
	margin: 0 28px 0 0;
}
.copy {
	float: left;
	width: 450px;
	padding: 16px 0 0;
}
.copy a {color: #000;}
.footer__studio {
	float: right;
}
/************************* Всплывающие окна *************************/
#mask{
	position:absolute;
	left:0;
	top:0;
	z-index:900;
	display:none;
	background: #000;
	width: 100%;
}
.window{
	position:fixed;
	left:0;
	top:0;
	z-index:901;
	display:none;
}
.popup-block {
	width: 500px;
}
.popup-block .close {
	position: absolute;
	left: 50%;
	top: -25px;
	margin-left: 205px;
	color: #fff;
	font-weight: 300;
	font-size: 24px;
	text-decoration: none;
}
.popup-title {
	margin: 0 0 8px;
	color: #c4c801;
	font-size: 84px;
	font-family: 'Roboto Black';
	line-height: 80px;
	text-align: center;
	text-transform: uppercase;
}
.popup-title-min {
	margin: -13px -10px 23px;
	color: #c4c801;
	font-size: 48px;
	font-family: 'Roboto Black';
	line-height: 48px;
	text-align: center;
	text-transform: uppercase;
}
.popup-text {
	margin: 0 0 27px;
	color: #fff;
	font-size: 30px;
	font-weight: 300;
	line-height: 36px;
	text-align: center;
	text-transform: uppercase;
}
.form-block form {padding: 0 0 0 20px;}
#dialog2 .popup-block {width: 800px;}
.popup-map {
	width: 800px;
	height: 400px;
}
.thnx-text {
	width: 600px;
	padding: 100px 0 0;
	margin: 0 auto;
	color: #007fc8;
	font-size: 40px;
	font-family: 'Roboto Black';
	line-height: 48px;
	text-align: center;
	text-transform: uppercase;
}
.thnx .footer {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -480px;
}