@charset "utf-8";

@font-face {
	font-family: 'Helvetica Neue Cyr';
	src: url('../fonts/helveticaneuecyr-light-webfont.eot');
	src: url('../fonts/helveticaneuecyr-light-webfont.eot%3F') format('embedded-opentype'), url('../fonts/helveticaneuecyr-light-webfont.woff') format('woff'), url('../fonts/helveticaneuecyr-light-webfont.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Helvetica Neue Cyr';
	src: url('../fonts/helveticaneuecyr-bold-webfont.eot');
	src: url('../fonts/helveticaneuecyr-bold-webfont.eot%3F') format('embedded-opentype'),  url('../fonts/helveticaneuecyr-bold-webfont.woff') format('woff'),  url('../fonts/helveticaneuecyr-bold-webfont.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Coliseum';
	src: url('../fonts/coliseumblackc-webfont.eot');
	src: url('../fonts/coliseumblackc-webfont.eot%3F') format('embedded-opentype'), url('../fonts/coliseumblackc-webfont.woff') format('woff'), url('../fonts/coliseumblackc-webfont.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

html,
body {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
	background: #fff;
	font: 300 24px/29px "Helvetica Neue Cyr", Arial, Helvetica, sans-serif;
	color: #fff;
	-webkit-text-size-adjust: none;
}
body.modal-open {
    overflow-y: auto !important;
    padding-right: 0 !important;
}
body.modal-open {
    overflow: hidden;
}

*,
*:before,
*:after {
	box-sizing: border-box;
}

form,
fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

input,
select,
textarea,
button {
	font: 300 16px "Helvetica Neue Cyr", Arial, Helvetica, sans-serif;
	outline: none;
}

input,
textarea,
button {
	color: #000;
}

input[type="text"],
input[type="password"],
textarea,
select {
	-webkit-appearance: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	border: 1px solid #000;
	background: #fff;
	margin: 0;
	padding: 5px 27px;
	display: block;
	width: 100%;
}

.placeholder {
	color: #7f7f7f;
}

textarea {
	resize: none;
}

.outtaHere {
	position: absolute!important;
	left: -10000px!important;
}

header,
nav,
section,
article,
aside,
footer,
menu,
time,
figure,
figcaption {
	display: block;
}

img {
	border: 0;
	vertical-align: top;
}

a {
	color: inherit;
	text-decoration: underline;
	outline: none;
	cursor: pointer;
}

a:hover {
	text-decoration: none;
}

strong {
	font-weight: bold;
}

.orange {
	color: #ffc627;
}

.nowrap {
	white-space: nowrap;
}

.nofloat {
	height: 100%;
	overflow: hidden;
}

.cell {
	display: table-cell;
	vertical-align: middle;
}

.inline {
	display: inline-block;
}

.hr {
	height: 1px;
	overflow: hidden;
	margin: 15px 0;
	background: #000;
}

a[href^=tel] {
	color: inherit!important;
	cursor: inherit;
	text-decoration: none!important;
}

.clearfix {
	zoom: 1
}

.clearfix:after,
.container:after {
	content: ' ';
	clear: both;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
}

.container {
	margin: 0 auto;
	position: relative;
	height: 100%;
	min-width: 1256px;
	max-width: 1495px;
}

.container-ind {
	margin: 0 285px 0 40px;
	height: 100%;
	position: relative;
}

.block {
	width: 100%;
	min-width: 1256px;
	position: relative;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

.block .wrap {
	height: 100vh;
	position: relative;
}

.block.half1 > .wrap {
	height: 50vh;
}

.block .vhalf {
	height: 50%;
	position: relative;
}

.block .container {
	height: 100%;
}

.header {
	min-width: 1256px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}

.header .in {
	border-bottom: 3px solid #ffc627;
	text-align: right;
	line-height: 30px;
	font-size: 30px;
	text-transform: uppercase;
	padding: 65px 0 5px 0;
}

.header .in:after {
	content: ' ';
	clear: both;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
}

.header .logo {
	float: left;
	margin: -35px 0 5px 0;
}

.header .logo img {
	height: 60px;
	width: auto;
}

.title1 {
	white-space: nowrap;
	font: 600 60px/1.2 "Coliseum", Arial, Helvetica, sans-serif;
	letter-spacing: 0.033em;
	color: #ffc627;
	margin: 0 0 20px 0;
	position: relative;
}

.block .t,
.block .b {
	position: absolute;
	left: 0;
	right: 0;
}

.block .t {
	top: 15.46%;
}

.block.half1 .t,
.block .vhalf .t {
	top: 30.92%;
}

@media only screen and (max-height: 1400px) {

.block.half1 .title1,
.block .vhalf .title1 {
	line-height: 1;
	padding-top: 6px;
}
}

.block .b {
	bottom: 0;
}

.links {
	font-size: 0;
	line-height: 0;
	position: absolute;
	bottom: 13%;
	left: 0;
	right: 0;
	text-align: justify;
	margin: 0 -5px;
	padding: 0;
	list-style: none;
}

.links:after {
	content: '';
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: 0;
}

.links > * {
	display: inline-block;
	white-space: nowrap;
	font-size: 24px;
	line-height: 29px;
	margin: 0 5px;
	padding: 0;
}

.links a {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	text-decoration: none;
}

.links a:hover,
.links a.hover {
	color: #ffc627;
}

.image1,
.image2 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1080px;
	height: 555px;
	margin: -232px -662px;
}

.image1 .hold,
.image2 .hold {
	position: absolute;
	width: 100%;
	height: 100%;
}

.image1 .hold img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.image2 {
	width: 1022px;
	height: 505px;
	margin: -192px -633px;
}

@media only screen and (max-height: 1100px) {

.image1,
.image2 {
	-moz-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}
}

@media only screen and (max-height: 1000px) {

.image1,
.image2 {
	-moz-transform: scale(0.55);
	-webkit-transform: scale(0.55);
	-o-transform: scale(0.55);
	transform: scale(0.55);
}
}

@media only screen and (max-height: 720px) {

.image1,
.image2 {
	-moz-transform: scale(0.4);
	-webkit-transform: scale(0.4);
	-o-transform: scale(0.4);
	transform: scale(0.4);
}
}

.image1 .hammer {
	position: absolute;
	width: 132px;
	height: 79px;
	top: 410px;
}

.image1 .hammer1 {
	left: 354px;
}

.image1 .hammer2 {
	left: 593px;
}

.image1 .hammer .bg {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	background: url(../img/hammer.png) no-repeat;
	background-size: auto 100%;
	width: 39px;
}

.image1 .hammer .txt {
	position: absolute;
	top: 28px;
	left: 0;
	width: 90px;
	height: 22px;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.image1 .hammer1 .txt {
	background-image: url(../img/hammer1500.png);
}

.image1 .hammer2 .txt {
	background-image: url(../img/hammer3000.png);
}

.image1 .hammer .bang {
	position: absolute;
	top: -24px;
	right: -22px;
	background: url(../img/bang.png) no-repeat;
	background-size: 100% 100%;
	width: 71px;
	height: 61px;
}

.darr {
	position: absolute;
	bottom: 4.81%;
	left: 50%;
	width: 38px;
	height: 38px;
	margin: 0 -19px;
}

.uarr {
	-moz-transform: scale(1, -1);
	-webkit-transform: scale(1, -1);
	-o-transform: scale(1, -1);
	transform: scale(1, -1);
}

.darr:before,
.darr:after {
	content: '';
	width: 38px;
	height: 21px;
	position: absolute;
	left: 0;
	right: 0;
	top: 8px;
	background: url(../img/darr.png) no-repeat 50% 0;
	background-size: 100% auto;
	opacity: 1;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.darr:after {
	background-position: 0 -23px;
	opacity: 0;
}

.darr:hover:before {
	opacity: 0;
}

.darr:hover:after {
	opacity: 1;
}

.block .half {
	float: left;
	width: 50%;
	padding: 0 15px 0 0;
	min-height: 1px;
}

.block .half + .half {
	padding: 0 0 0 15px;
}

.top2 .b {
	bottom: 13.333%;
}

.top2 .text {
	max-width: 919px;
}

.extreme {
	background-image: url(../img/bg1.jpg);
}

.extreme .title1 {
	color: #fff;
}

.macro1 {
	background-image: url(../img/bg2.jpg);
}

.macro1 .text {
	max-width: 644px;
}

.macro2 {
	background-image: url(../img/bg3.jpg);
}

.macro2 .lind {
	padding-left: 50%;
	margin-left: -85px;
}

.macro2 .text {
	max-width: 800px;
}

.macro2 .lind .text {
	max-width: 672px;
}

.clearance {
	color: #000;
	background-image: url(../img/bg4.jpg);
}

.clearance .title1 {
	color: inherit;
}

.clearance .text {
	max-width: 564px;
}

.macro3 {
	background-image: url(../img/bg5.jpg);
}

.macro3 .lind {
	padding-left: 36%;
}

.macro3 .text {
	max-width: 770px;
}

.macro3 .lind .text {
	max-width: 803px;
}

.macro3 .title1 {
	color: inherit;
}

.bottom {
	background-image: url(../img/bg6.jpg);
	background-color: #fff;
}

.testimonials .title1 {
	color: inherit;
}

.testimonials .slider {
    overflow: hidden;
	position: relative;
	margin: 0 -40px;
	padding: 0 40px;
	font-size: 24px;
	line-height: 1.2;
}

.testimonials .slider .slick-arrow {
	border: 0;
	cursor: pointer;
	position: absolute;
    z-index: 10;
	top: 0;
    height: 100%;
	width: 40px;
	text-align: left;
	text-indent: -10000px;
	background: url(../img/slider-arr.png) no-repeat 50% 128px;
	background-size: auto 32px;
}

.testimonials .slider .slick-prev {
	left: 0;
}

.testimonials .slider .slick-next {
	right: 0;
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

.testimonials .slider .el {
	padding: 0 10px;
	outline: none;
}

.testimonials .slider .t2 {
	line-height: 1;
	position: relative;
	height: 119px;
	padding: 20px 0 0 120px;
}

.testimonials .slider img {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
}

.testimonials .slider .t2 .small {
	font-size: 16px;
}

.testimonials .slider .t2 .b2 {
	position: absolute;
	bottom: 18px;
	font-size: 16px;
}

@media only screen and (max-height: 900px) {

.testimonials .slider {
	font-size: 15px;
}

.testimonials .slider .t2 .small,
.testimonials .slider .t2 .b2 {
	font-size: 12px;
}
}

.jcf-select {
	position: relative;
	text-align: left;
}

.jcf-select select {
	z-index: 6;
	cursor: pointer;
}

.jcf-select-text {
	position: relative;
	z-index: 5;
	cursor: pointer;
}

.jcf-select-text,
.jcf-select-text > span {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.search {
	color: #000;
}

.search .title1 {
	color: inherit;
}

.search .jcf-select,
.search .jcf-select select {
	font-size: 30px;
}

.search .jcf-select {
	float: left;
	width: 245px;
	margin: 0 -2px 0 0;
}

.search .jcf-select-text {
	padding: 0 38px;
	border: 3px solid #000;
	display: block;
	height: 60px;
	line-height: 54px;
	text-align: center;
	background: rgba(255, 255, 255, 0.2);
	text-shadow: 0 0 10px #fff;
}

.search .jcf-select-text:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 17px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-left-color: transparent!important;
	border-right-color: transparent!important;
	margin: -4px 0;
}

.search .go {
	cursor: pointer;
	float: left;
	border: 0;
	width: 245px;
	height: 60px;
	margin: 0;
	padding: 0;
	background: #000;
	-webkit-appearance: none;
	font-size: 30px;
	line-height: 60px;
	text-transform: uppercase;
	color: #fff;
}

.search input.go {
	line-height: normal!important;
}

.download,
.contacts {
	font-size: 24px;
	line-height: 1.166;
}

.download ul,
.contacts .half {
	position: relative;
	top: 15.46%;
}

.download ul {
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.download li {
	margin: 0;
	padding: 0;
}

.download li + li {
	margin-top: 52px;
}

.contacts ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.contacts li {
	margin: 0;
	padding: 0;
}

.contacts li + li {
	margin-top: 12px;
}

.contacts .in {
    height: 0;
	overflow: hidden;
	font-size: 18px;
	margin: 10px 0;
}

.contacts .open .in {
	height: auto;
}

.contacts .map {
	margin: 10px 0 0 0;
}

@media only screen and (max-height: 1000px) {
    
.download,.contacts,.contacts .in {
	font-size: 16px;
}

.download li + li {
	margin-top: 42px;
}

.contacts li + li {
	margin-top: 2px;
}
}

.footer {
	position: absolute;
	bottom: 2%;
	left: 0;
	right: 0;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
}

.footer a {
	text-decoration: none;
}

.footer a:hover {
	text-decoration: underline;
}

.footer .logo {
	float: left;
	margin: -11px 0;
}

.footer .logo img {
	height: 46px;
	width: auto;
}

.footer .r {
	float: right;
	white-space: nowrap;
}

.footer .bg-download:before,
.order .categories_list .link-download a:before,
.footer .bg-phone:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px;
	margin: 0 8px 0 0;
	width: 13px;
	height: 13px;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.footer .bg-download:before,
.order .categories_list .link-download a:before {
	width: 18px;
	background-image: url(../img/icon-download.png);
}

.order .categories_list .link-download a:before {
	background-image: url(../img/icon-download2.png);
}

.footer .bg-phone:before {
	background-image: url(../img/icon-phone2.png);
}

.radio {
	width: 12px;
	height: 12px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	background: #e7e7e7;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGQ4ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #e7e7e7 0%, #d8d8d8 100%);
	background: -webkit-linear-gradient(top, #e7e7e7 0%, #d8d8d8 100%);
	background: linear-gradient(to bottom, #e7e7e7 0%, #d8d8d8 100%);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}

input:checked + .radio:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 4px;
	background: #ffc627;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}

.fader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: #000;
	opacity: 0.75;
}

.modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 970px;
    margin: -450px -485px 0 -485px;
	background: #fff;
	z-index: 1000;
	
	font-size: 16px;
	line-height: 1.2;
	color: #000;
}

.modal .order {max-height: calc(100vh - 80px);overflow-y: auto;padding: 36px 35px;}
.modal.callback {
    width: 330px;
	margin: -40px -140px;
}

@media only screen and (max-height: 880px) {

.modal {
	line-height: 1;
	-moz-transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
	margin: -250px -485px 0 -485px;
}
}

.modal a {
	color: #0000ff;
}

.modal .title2 {
	font-size: 26px;
	border-bottom: 1px solid #000;
	margin: -8px 0 17px 0;
}

.modal .hr {
	margin: 15px 0;
}

.modal .title2,
.modal .title3,
.modal .close,
.order .price,
.order .price2,
.order .cart .delete {
	font-weight: bold;
	color: inherit;
}

.modal .close {
	cursor: pointer;
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 16px;
	line-height: 1;
	padding: 8px 10px;
}

.order .categories_list,
.order .categories_list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.order .categories_list li {
	position: relative;
	margin: 0;
	padding: 0 15px;
}

.order .categories_list li + li,
.order .cart li + li {
	margin-top: 11px;
}

.order .categories_list .radio,
.order .delivery .radio {
	position: absolute;
	top: 3px;
	left: 0;
}

.order .categories_list label,
.order .delivery label {
	cursor: pointer;
}

.order .categories_list .head:after {
	content: ' ';
	clear: both;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
}

.order .categories_list .add {
	float: right;
	margin: -18px -30px 0 11px;
	width: 19px;
	height: 19px;
	background: url(../img/icon-cart2.png) no-repeat;
	background-size: auto 19px;
}

.order .categories_list .price {
	float: right;
	white-space: nowrap;
}

.order .categories_list .slider {
	position: relative;
	margin: 13px -30px 8px -30px;
	padding: 0 30px;
}

.order .categories_list .slider .prev,
.order .categories_list .slider .next {
	cursor: pointer;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 30px;
	background: url(../img/slider-arr2.png) no-repeat 0 50%;
	background-size: 21px auto;
}

.order .categories_list .slider .prev {
	left: 0;
}

.order .categories_list .slider .next {
	right: 0;
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

.order .categories_list .slider .hold {
	position: relative;
	overflow: hidden;
}

.order .categories_list .slider .hold ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100000px;
}

.order .categories_list .slider .hold li {
	float: left;
	margin: 0 30px 0 0;
	padding: 0;
	position: relative;
	text-align: center;
	width: 370px;
	font-size: 0;
	line-height: 238px;
	height: 240px;
	overflow: hidden;
	border: 1px solid #000;
}

.order .categories_list .slider .hold img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	width: auto;
	height: auto;
}

.order .categories_list .title3 {
	margin: 0 0 10px 0;
}

.order .categories_list .link-download {
	margin: 0 0 4px 0;
	text-align: right;
}

.order .categories_list .link-download a {
	text-decoration: none;
	color: inherit;
}

.order .categories_list .link-download a:hover {
	text-decoration: underline;
}

.order .categories_list .link-photo {
	display: inline-block;
	vertical-align: middle;
	background: url(../img/icon-photo.png) no-repeat;
	background-size: auto 100%;
	width: 18px;
	height: 15px;
	position: relative;
	top: -3px;
	margin: 0 5px 0 0;
}

.order .categories_list .in {
	display: none;
}

.order .categories_list .checked .in {
	display: block;
}

.order .cart {
	list-style: none;
	margin: 11px 0 0 0;
	padding: 0;
}

.order .cart li {
	margin: 0;
	padding: 0 30px 0 0;
}

.order .cart li:after {
	content: ' ';
	clear: both;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
}

.order .cart .delete {
	float: right;
	text-decoration: none;
	margin: 0 -30px 0 0;
	width: 30px;
	text-align: right;
}

.order .cart .price {
	text-align: right;
	white-space: nowrap;
	float: right;
	min-width: 185px;
	margin: 0 0 0 10px;
}

.order .cart .num {
	float: right;
	white-space: nowrap;
	margin: 0 0 0 10px;
}

.order .delivery {
	float: left;
	max-width: 50%;
}

.order .delivery ul {
	margin: 11px 0 0 0;
	padding: 0;
	list-style: none;
}

.order .delivery li {
	position: relative;
	margin: 0;
	padding: 0 0 0 15px;
}

.order .delivery li + li {
	margin-top: 10px;
}

.order .contact {
	float: right;
	width: 230px;
	margin: 0 30px 0 0;
}

.order .contact .title3 {
	margin-bottom: 14px;
}

.order .contact input {
	margin: 0 0 10px 0;
}

.order .contact .go {
	display: block;
	margin: 0;
	width: 100%;
	text-decoration: none;
	color: #000;
	font-size: 16px;
	text-transform: uppercase;
	height: 30px;
	line-height: 30px;
	border: 0;
	background: #ffc627;
	padding: 0;
	-webkit-appearance: none;
}

.order .contact input.go {
	line-height: normal;
}

.cover-form {
	position: fixed;
	top: 50%;
	margin: -160px 0 0 462px;
	right: 0;
	left: 50%;
	font-size: 18px;
	line-height: 1.2;
	text-align: left;
	z-index: 99;
}

@media only screen and (max-width: 1495px) {

.cover-form {
	margin-left: 0;
	left: auto;
	width: 285px;
}
}

.cover-form .c {
	width: 245px;
	position: absolute;
	left: 50%;
	margin: 0 -122.5px;
}

.cover-form .jcf-select {
	display: block;
	width: 100%;
	margin: 0 0 -3px 0;
}

.cover-form .jcf-select {
	font-size: 30px;
}
.cover-form .jcf-select select {
	font-size: 20px;
}

.cover-form .jcf-select-text {
	border: 3px solid #ffc627;
	height: 60px;
	line-height: 54px;
	text-align: center;
	color: #fff;
	background: none;
	display: block;
	padding: 0 40px;
}

.cover-form .jcf-select-text:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 17px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #ffc627;
	border-left-color: transparent!important;
	border-right-color: transparent!important;
}

.cover-form .go {
	display: block;
	text-decoration: none;
	cursor: pointer;
	-webkit-appearance: none;
	font-size: 30px;
	line-height: 60px;
	height: 60px;
	text-transform: uppercase;
	background: #ffc627;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000;
	width: 100%;
	border: 0;
}

.cover-form input.go {
	line-height: normal;
}

.cover-form .phone {
	font-size: 24px;
	padding: 0 0 0 34px;
	background: url(../img/icon-phone.png) no-repeat 0 2px;
	background-size: auto 26px;
	margin: 30px 0 10px 0;
}

.cover-form .link-cart {
	margin: 4px 0 0 0;
}

.cover-form .link-cart a {
	text-decoration: none;
}

.cover-form .link-cart a:hover {
	text-decoration: underline;
}

.cover-form .link-cart a:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: url(../img/icon-cart.png) no-repeat;
	width: 25px;
	height: 26px;
	background-size: auto 100%;
	position: relative;
	top: -1px;
	margin: 0 9px 0 0;
}

/*modal*/
.fader {
	display: none;
}

.modal {
	display: none;
	opacity: 0;
}

#download .uarr,
#contacts .uarr {
	display: block;
}

.uarr body {
	overflow: hidden;
}

.btn {
	display: block;
	text-decoration: none;
	cursor: pointer;
	-webkit-appearance: none;
	font-size: 15px;
	line-height: 30px;
	height: 30px;
	text-transform: uppercase;
	background: #ffc627;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000;
	width: 100%;
	border: 0;
}

.fixed.page,
.fixed-box {
	position: fixed;
	top: 100%;
	left: 0;
	-webkit-transition: top .4s linear;
	-moz-transition: top .4s linear;
	-ms-transition: top .4s linear;
	-o-transition: top .4s linear;
	transition: top .4s linear;
}

.fixed.page.active,
.fixed.page-full.active,
.fixed-box.active {
	top: 0;
}

.fixed-box.active {
	z-index: 99;
}

.fixed.page-full.active {
	position: fixed;
}

.fixed.page-full {
	position: absolute;
	top: 50vh;
	-webkit-transition: top .4s linear;
	-moz-transition: top .4s linear;
	-ms-transition: top .4s linear;
	-o-transition: top .4s linear;
	transition: top .4s linear;
}

.fixed .darr {
	position: fixed;
	bottom: 4.81%;
	z-index: 98;
}

.image1 .hold img {
	opacity: 0;
}

.image1 .hold img.active {
	opacity: 1;
}

.block-active .t {
	display: none;
}

.t.t-inner {
	display: none;
}

.block-active .t.t-inner {
	display: block;
}

.block-active .links {
	display: none;
}

.hammer.hammer1,
.hammer.hammer2 {
	opacity: 0;
	z-index: -1;
	top: 650px;
}

.active .hammer.hammer1,
.active .hammer.hammer2 {
	-webkit-transition: opacity .2s linear, top .2s linear;
	-moz-transition: opacity .2s linear, top .2s linear;
	-ms-transition: opacity .2s linear, top .2s linear;
	-o-transition: opacity .2s linear, top .2s linear;
	transition: opacity .2s linear, top .2s linear;
	-o-transition-delay: .5s;
	-ms-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
}

.active .hammer.hammer2 {
	-o-transition-delay: 1.5s;
	-ms-transition-delay: 1.5s;
	-moz-transition-delay: 1.5s;
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}

.active .hammer.hammer1,
.active .hammer.hammer2 {
	top: 410px;
	opacity: 1;
	z-index: 10;
}

.top1 .b {
	bottom: 13.333%;
	visibility: hidden;
}

.top1.block-active .b {
	visibility: visible;
}

.block .b .half {
	opacity: 0;
}

.block .b.anim-active .half {
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear;
}

.block .b.anim-active .half:first-child {
	-o-transition-delay: 1s;
	-ms-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

.block .b.anim-active .half:last-child {
	-o-transition-delay: 2s;
	-ms-transition-delay: 2s;
	-moz-transition-delay: 2s;
	-webkit-transition-delay: 2s;
	transition-delay: 2s;
}

.block .b.anim-active .half,
.block .b.anim-active .half {
	opacity: 1;
}

.hammer.hammer1 .bang,
.hammer.hammer2 .bang {
	opacity: 0;
}

.block-active .hammer.hammer1 .bang,
.block-active .hammer.hammer2 .bang {
	opacity: 0;
	z-index: 2;
	-webkit-animation: hidebang .3s ease .7s;
	-moz-animation: hidebang .3s ease .7s;
	-ms-animation: hidebang .3s ease .7s;
	-o-animation: hidebang .3s ease .7s;
	animation: hidebang .3s ease .7s;
}

.block-active .hammer.hammer2 .bang {
	z-index: 2;
	-webkit-animation: hidebang .3s ease 1.7s;
	-moz-animation: hidebang .3s ease 1.7s;
	-ms-animation: hidebang .3s ease 1.7s;
	-o-animation: hidebang .3s ease 1.7s;
	animation: hidebang .3s ease 1.7s;
}
@-webkit-keyframes hidebang {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
@-moz-keyframes hidebang {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
@-o-keyframes hidebang {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
@keyframes hidebang {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}

.block-active .one-darr {
	display: none;
}

.darr.hidden-btn {
	display: none;
}

.block-active .darr.page-darr {
	display: block;
}

.macro1 .title1 {
	color: #ffc627;
}

.macro3 .title1,
.macro3 .text {
	color: #fff;
}

.top1 .image1 .hold,
.top1.block-active .image2 .hold {
	opacity: 0;
}

.top1.block-active .image1 .hold,
.top1 .image2 .hold {
	opacity: 1;
	z-index: 2;
}

.map {
	width: 1080px;
	height: 555px;
	position: relative;
	margin: 0 auto;
}

.map {
	background: url(../img/image1/1.jpg) no-repeat 50% 0;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

.map.map-two {
	background: url(../img/image2/bg.png) no-repeat 50% 0;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

.map img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	opacity: 0;
}

.map ul {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

.map li {
	position: absolute;
	display: none;
	text-indent: -9999em;
	overflow: hidden;
	background-repeat: no-repeat;
}

.map li.activestate {
	display: block;
}

.map li#area1 {
	background-image: url(../img/image1/ov1.png);
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	width: 30.5%;
	height: 59%;
	top: 21%;
	left: 26.2%;
}

.map li#area2 {
	background-image: url(../img/image1/ov3.png);
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	height: 42.8%;
	left: 60.8%;
	top: 28.2%;
	width: 6.4%;
}

.map li#area3 {
	background-image: url(../img/image1/ov5.png);
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	height: 36.7%;
	right: 12.8%;
	top: 27%;
	width: 5%;
}

.map li#area4 {
	background-image: url(../img/image1/ov2.png);
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	height: 59%;
	left: 53.5%;
	top: 20%;
	width: 22%;
}

.map li#area5 {
	background-image: url(../img/image1/ov4.png);
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	height: 60%;
	right: 10.4%;
	top: 20.9%;
	width: 17%;
}

.map.map-two li#area6 {
	background-image: url(../img/image2/1.png);
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	height: 20%;
	left: 10.8%;
	top: 57.5%;
	width: 17.4%;
}

.map.map-two li#area7 {
	background-image: url(../img/image2/2.png);
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	height: 43.3%;
	left: 25.4%;
	top: 37%;
	width: 21.5%;
}

.map.map-two li#area8 {
	background-image: url(../img/image2/3.png);
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	height: 50%;
	left: 45.5%;
	top: 36.5%;
	width: 24.5%;
}

.map.map-two li#area9 {
	background-image: url(../img/image2/4.png);
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	height: 47.3%;
	right: 6%;
	top: 37%;
	width: 22%;
}

.image2 {
	width: 1080px;
	height: 555px;
	margin: -232px -661px;
}

.safe .image2 {
	width: 1022px;
	height: 505px;
	margin: -192px -633px;
}

.map.map-two {
	width: 1022px;
	height: 505px;
}

.links li.active a {
	color: #ffc627;
}

.uarr {
	display: none;
}

.active.active-link .uarr {
	display: block;
}

.block-active.active-link .page-darr {
	display: none;
}

@media only screen and (max-height: 820px) {

body,
.links > li {
	font-size: 16px;
	line-height: 19px;
}

.title1 {
	font-size: 50px;
		padding-top: 10px!important;
}
}

.show-mob {
	display: none;
}

/*map*/

.map-in {
	height: 368px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.map-in .map-box {
	height: 100%;
	width: 100%;
	margin: 0;
}

.hold-mobile {
	display: none;
}



@media only screen and (max-height: 720px) {

body,
.links > li {
	font-size: 15px;
	line-height: 18px;
}

.title1 {
	font-size: 40px;
	padding-top: 15px!important;
}
}

.fixed-box#contacts .contacts_list .sub_content {
    display: none;
    font-size:16px;
    line-height:25px;
}
.Ymap {
    /*width:600px;*/
    width: 100%;
    max-width: 600px;
    height:400px;
    display:none;
    
}
.YMaps-b-balloon-content {color:#000;}
.fixed-box#contacts .shop_contacts div {
    margin: 0 auto;
}
.fixed-box#contacts .text {cursor:pointer}

.zoom {
    display:inline-block;
    position: relative;
}

.zoom img {
    display: block;
}

.zoom img::selection { background-color: transparent; }
.demo {width: 100%;}
.demo {
    width: 100%;
}
ul.content-slider {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom:0;
}
ul.content-slider li {
    display: block;
    float: left;
    margin-right: 6px;
    margin-top: 0;
    padding-left:0;
    cursor:pointer;
}
ul.content-slider li img {
    display: block;
    height: auto;
    max-width: 100%;
}