@charset "utf-8";

@media only screen and (max-device-width: 760px) {
body,
.links > li {
	font-size: 24px;
	line-height: 29px;
}

input,
select,
textarea,
button {
	font-size: 24px;
}

input[type="text"],
input[type="password"],
textarea,
select {
	padding: 15px 10px;
}

.hide-mob {
	display: none;
}

.show-mob {
	display: block;
}

.container {
	min-width: 640px;
}

.container-ind {
	margin: 0 50px;
}

.block {
	width: 100%;
	min-width: 640px;
	background-image: none!important;
}

.block .wrap {
	
	background-position: 50% 50%;
	background-size: cover;
}

.block .vhalf {
	height: 33%;
}

.block .t,
.block.half1 .block .t {
	top: 9%;
}

.block.half1 .t,
.block .vhalf .t,
.block.half1 .block.half1 .t {
	top: 18%;
}

.block .vhalf .t {
	top: 27%!important;
}
	.block .b{
		height: 20%;
	}
.header {
	min-width: 640px;
}

.header .in {
	border-bottom: 3px solid #ffc627;
	padding-top: 50px;
}

.header .logo {
	margin-top: -15px;
}

.header .logo img {
	height: 45px;
}

.title1 {
	white-space: normal;
	font-size: 36px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.links {
	text-align: left;
	margin: 0 -30px 0 0;
	bottom: 24%;
}

.links:after {
	display: none;
}

.links > * {
	margin: 11px 30px 0 0;
}

.image1,
.image2 {
	margin: -292px -540px;
	-moz-transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
}

.image2 {
	margin: -342px -511px;
}

.darr {
	bottom: 19%;
}

.extreme > .wrap {
	background-image: url(../img/bg1-mob.jpg);
}

.extreme .half {
	width: 40%;
}

.extreme .half + .half {
	width: 60%;
	text-align: right;
	padding: 0;
}

.macro1 > .wrap {
	background-image: url(../img/bg2-mob.jpg);
}

.macro1 .text {
	max-width: 450px;
}

.macro2 > .wrap {
	background-image: url(../img/bg3-mob.jpg);
}

.macro2 .lind {
	padding-left: 0;
	margin-left: 0;
}

.macro2 .text {
	max-width: 450px;
}

.macro2 .lind .text {
	max-width: 450px;
}

.clearance > .wrap {
	background-image: url(../img/bg4-mob.jpg);
}

.clearance .text {
	max-width: 271px;
}

.macro3 > .wrap {
	background-image: url(../img/bg5-mob.jpg);
}

.macro3 .lind {
	padding-left: 0;
}

.macro3 .text {
	max-width: none;
}

.macro3 .lind .text {
	max-width: none;
}

.bottom > .wrap {
	background-image: url(../img/bg6-mob.jpg);
}

.testimonials {
	color: #fff;
}

.testimonials .slider {
	font-size: 24px;
	line-height: 1.2;
	margin: 0 -50px;
	padding: 0 50px;
}

.testimonials .slider .slick-arrow {
	width: 50px;
}

.testimonials .slider .el {
	padding: 0;
}

.testimonials .slider .t2 .small {
	font-size: 16px;
}

.search {
	display: none;
}

.download ul,
.contacts .half {
	top: 20%;
}

.download li + li {
	margin-top: 12px;
}

.contacts li + li,
.contacts .half + .half {
	margin-top: 12px;
}

.contacts .half,
.contacts .half + .half {
	float: none;
	padding: 0;
	width: auto;
	text-align: left;
}

.footer {
	display: none;
}

.modal {
	width: 100%;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
    top:0;
    left:0;
	margin: 0;
	padding: 0;
	line-height: 1.2;
	font-size: 24px;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.modal.open{
	position: fixed;
	top: 0;
	left: 0;
}
.modal .title2 {
	font-size: 30px;
	margin-bottom: 17px;
}

.modal .hr {
	margin: 19px 0;
}

.modal .close {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 16px;
	line-height: 1;
	padding: 37px 50px;
}

.order {
	padding: 60px 50px 50px 50px;
}

.order .items li {
	padding-right: 0;
	padding-left: 0;
}

.order .items li + li,
.order .cart li + li {
	margin-top: 11px;
}

.order .items .txt,
.order .cart .txt {
	margin-right: 150px;
}

.order .items .radio,
.order .delivery .radio {
	top: 9px;
}

.order .items .head {
	position: relative;
	padding: 0 0 0 30px;
}

.order .items .add {
	float: none;
	position: absolute;
	margin: 3px 0;
	bottom: 0;
	right: 0;
}

.order .items .price,
.order .items .price2 {
	position: absolute;
	bottom: 0;
	right: 30px;
	margin: 0;
}

.order .items .slider {
	margin: 15px 0 0 0;
	padding: 0;
	border: 1px solid #000;
}

.order .items .slider .slick-arrow {
	width: 50px;
	background-position: 50% 50%;
}

.order .items .slider .el {
	margin: 0;
	font-size: 0;
	line-height: 358px;
	height: 360px;
	border: 0;
}

.order .items .title3 {
	margin-bottom: 10px;
}

.order .items .link-download {
	margin: 18px 0 10px 0;
}

.order .items .link-photo {
	display: none;
}

.order .cart li {
	padding-right: 0;
	position: relative;
	min-height: 1.2em;
}

.order .cart .txt {
	margin-right: 225px;
}

.order .cart .delete {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
}

.order .cart .price {
	min-width: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
}

.order .cart .delete + .price {
	margin-right: 30px;
}

.order .cart .num {
	position: absolute;
	bottom: 0;
	right: 140px;
}

.order .delivery {
	float: none;
	max-width: none;
}

.order .contact {
	float: none;
	width: auto;
	border-top: 1px solid #000;
	margin: 19px 0 0 0;
	padding: 19px 0 0 0;
}

.order .contact .title3 {
	margin-bottom: 10px;
}

.order .contact input {
	margin: 0 0 10px 0;
    font-size: 22px;
    height: 40px;
}

.order .contact .l,
.order .contact .r {
	float: left;
	width: 50%;
}

.order .contact .l {
	padding: 0 15px 0 0;
}

.order .contact .r {
	padding: 0 0 0 15px;
}

.order .contact .go {
	clear: both;
	font-size: 24px;
	height: 60px;
	line-height: 60px;
}

.cover-form {
	top: auto;
	bottom: 0;
	margin: 0 50px;
	left: 0;
	right: 0;
	font-size: 18px;
	line-height: 1.2;
	text-align: left;
	z-index: 99;
	width: auto;
	height: 16.66vh;
}

.cover-form .c {
	position: relative;
	width: auto;
	left: auto;
	margin: 0;
}

.cover-form .jcf-select {
	float: left;
	width: 182px;
	margin: 0 -2px 0 0;
}

.cover-form .jcf-select-text {
	border-width: 2px;
	line-height: 56px;
	text-align: left;
	padding-left: 17px;
}

.cover-form .go {
	float: left;
	text-align: left;
	text-indent: -10000px;
	width: 60px;
	background-image: url(../img/icon-search.png);
	background-size: auto 30px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.cover-form .phone {
	display: none;
}

.cover-form .link-call {
	width: 60px;
	height: 60px;
	float: right;
	text-align: left;
	text-indent: -10000px;
	background: #ffc627 url(../img/icon-phone2.png) no-repeat 50% 50%;
	background-size: auto 30px;
}

.cover-form .link-cart {
	padding: 28px 0 0 0;
	margin: 0;
	clear: both;
	font-size: 24px;
}

.fixed.page {
	position: relative;
	top: auto;
	left: auto;
}

.fixed.page.active,
.fixed.page-full.active,
.fixed-box.active {
	top: 0;
}

.fixed-box {
	z-index: 99;
}

.fixed.page-full.active {
	position: relative;
}

.fixed.page-full {
	position: relative;
	top: auto;
}

.fixed .darr {
	position: absolute;
	bottom: 18%;
}

.top1 .b {
	bottom: 13.333%;
}

.image2 {
	margin: -382px -540px;
}

.safe .image2 {
	margin: -262px -511px;
	-moz-transform: scale(0.4);
-webkit-transform: scale(0.4);
-o-transform: scale(0.4);
transform: scale(0.4);
}
/*06.03.2017*/
.hold-mobile{display:block;}
.block-active .t,
.t{display:block;}
}
