@charset "utf-8";

/* HTML-codes by Yulia Kuznetsova */
/* CSS Document */

/* Colors 
	Dark #20252B
	Red #BD1522
	Red light #E93644
*/

html, body {
	margin:0!important;
	padding:0;
	width:100%;
	height:100%;
	line-height:1.4;
}

body {
	font-family:'Onest', sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#20252B;
	background:#fff;
}

/* headers */
h1, h2, h3, h4, h5 { 
	margin:0; 
	padding:0; 
	font-family:'Tektur', sans-serif;
	font-weight:500;
	line-height:1.2;  
	color:#20252B;
}
h1 { 
	margin-bottom:60px;
	font-size:72px;  
	line-height:1.1;
}
h2 { 
	margin-bottom:60px;
	font-size:56px; 
	line-height:1.1;
}
h3 { 
	margin-bottom:30px;
	font-size:40px;	
}
h4 { 
	margin-bottom:20px;
	font-size:32px;  
}

/* links */
a img { border:none; }

a {
	color:#20252B;
	text-decoration:none;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
}
a:hover, a:focus, a:active { 
	color:#BD1522; 
	text-decoration:none; 
}
a:focus, a:active,
input:focus, input:active,
button:focus, button:active { outline:none!important; }

form input:focus, form textarea:focus { outline:none; }


/* buttons */
.btn, .btn:before, .btn:after {
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
}
.btn {
	padding:0 30px;
	height:56px;
	line-height:56px;
	font-size:22px;
	font-weight:500;
	border-radius:12px 0px 12px 0px;
	background-color:#BD1522;
	color:#fff;
	outline:none;
}
.btn:hover, .btn:focus, .btn:active { 
	color:#fff; 
	background-color:#E93644; 
	outline:none;
}
.btn.white { 
	color:#20252B!important; 
	background-color:#fff!important; 
}
.btn.white:hover, .btn.white:focus, .btn.white:active { 
	color:#fff!important; 
	background-color:#BD1522!important;  
}

/* btn.bordered */
.btn.bordered { 
	line-height:46px;
	color:#20252B;
	border:2px solid #20252B; 
	background-color:transparent;
}
.btn.bordered:hover, .btn.bordered:focus, .btn.bordered:active { 
	color:#fff;
	border-color:#20252B; 
	background-color:#20252B;
}
.btn.bordered.white { 
	color:#fff!important;
	border-color:#fff!important; 
	background-color:transparent!important;
}
.btn.bordered.white:hover, .btn.bordered.white:focus, .btn.bordered.white:active { 
	color:#fff!important;
	border-color:#20252B!important; 
	background-color:#20252B!important;
}


/* margins & paddings */
.pt-0 { padding-top:0!important; }
.pb-0 { padding-bottom:0!important; }
.bg-gray { background:#F9F9F9!important; }
.bg-none { background:none!important; }

/* Rubl */
.rub { font-style:normal; }
.rub:after {
	content:'i';
	font-family:'ALS Rubl';
	font-size:inherit;
	font-weight:normal;
	line-height:1;
}

/* rows */
.row { margin-right: 0; margin-left: 0; }

/* columns reset */
.col-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding: 0;
}

/* main containers */
.wrap {
	position:relative;
	width:100%;
	min-height:100%;
	height:auto!important;
	height:100%;
	overflow-x:hidden;
}
.container, .container-fluid {
	position:relative;
	margin:0 auto;
	padding:0;
}
.container { width:90%; max-width:1140px; }
.container-fluid { width:98%; max-width:1360px; }


/* HEADER  ----------------------------------------------------- */
.header { 
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:1000;
	transition:all .3s; 
	background:transparent; 
}
.header .cols { padding:30px 0 0 0; }

/* header logo */
.header .logo {
	display:block;
	margin-right:30px;
	width:184px;
	height:35px;
	background:url('../img/logo.svg') no-repeat 0 0;
	background-size:100% auto; 
}


/* social */
.social {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:center;
	justify-content:flex-start;
}
.social .tt { 
	margin-right:20px; 
	font-size:16px;
	line-height:1; 
	white-space:nowrap; 
}
.social .link { 
	width:35px; 
	height:35px; 
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center center;
}
.social .link.wa { background-image:url('../img/icon-whatsapp.svg'); }
.social .link.wa:hover { background-image:url('../img/icon-whatsapp-red.svg'); }
.social .link.tg { background-image:url('../img/icon-telegram.svg'); }
.social .link.tg:hover { background-image:url('../img/icon-telegram-red.svg'); }
.social .link.vk { background-image:url('../img/icon-vk.svg'); }
.social .link.vk:hover { background-image:url('../img/icon-vk-red.svg'); }
.social .link.dzen { background-image:url('../img/icon-dzen.svg'); }
.social .link.dzen:hover { opacity:0.8; }
.social .link:not(:last-child) { margin-right:15px; }

/* toggler */
.menu-btn {
	display:none;
	margin:0;
	padding:0;
	width:35px;
	height:35px;
	line-height:35px;
	background:none;
	border:0;
	border-radius:0;
	transition:all .3s;
}
.menu-btn svg { width:24px; height:24px; fill:white; }
.menu-btn[aria-expanded='true'] svg { fill:#20252B; }


/* menu = navbar-nav */
.header-bottom { background:#20252B; }
.header-bottom .cols { 
	align-items:center;
	justify-content:space-between;
	margin:0;
	padding:10px 0;
}
.header .menu { width:auto; }
.header .navbar-nav { 
	display:flex; 
	flex-wrap:wrap;
	flex-direction:row;
}
.header .navbar-nav .nav-item { margin:0; }
.header .navbar-nav .nav-link { 
	position:relative;
	padding:10px 15px 8px 15px!important;
	font-size:18px;
	font-weight:500;
	line-height:1;
	border-radius:12px 0px 12px 0px;
	color:#AEAEAE;
}
.header .navbar-nav .nav-link:hover, 
.header .navbar-nav .nav-link:active { 
	color:#20252B; 
	background:#fff;
}
.header .navbar-nav .nav-link.highlighted, 
.header .navbar-nav .nav-link.active { 
	color:#fff; 
	background:#BD1522; 
}


/* BOX & BOX TITLE ----------------------------------------------------- */
.box { 
	position:relative; 
	padding:100px 0; 
}
.box-content {
	position:relative;
	z-index:10;
}
.box-title {
	text-transform:uppercase;
	color:#4F4F4F;
}
.box-subtitle { 
	margin:-30px 0 60px 0;
	width:70%;
	font-size:24px;
	font-weight:300;
	line-height:1.3;
	color:#6D6D76;
}  
.box .centered { text-align:center; }


/* fonts */
.box .semi { font-weight:500; }
.box .medium { font-weight:600; }
.box .bold { font-weight:bold; }


/* slick sliders */
.slick-slider { padding-bottom:20px; }

/* slick dots */
.slick-dots {
	position:absolute;
	left:10px;
	right:10px;
	bottom:0;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	margin:0; 
	padding:0; 
}
.slick-dots li {
	margin:0;
	padding:0 10px;
	height:20px;
	line-height:20px;
	list-style:none;
	cursor:pointer;
}
.slick-dots li button {
	margin:0;
	padding:0;
	width:10px;
	height:10px;
	font-size:0;
	line-height:1;
	border:0;
	border-radius:100%;
	background:#999;
}
.slick-dots .slick-active button { 
	background:#BD1522; 
}

/* slick arrows */
.slick-slider .slick-arrow {
	position:absolute;
	top:calc(50% - 48px);
	z-index:30;
	margin:0;
	padding:0;
	width:35px;
	height:35px;
	font-size:0;
	line-height:0;
	border:0;
	border-radius:100%;
	background:url('../img/arrow-next.svg') no-repeat 55% center transparent; 
	background-size:20px auto;
	transition:all .3s;
}
.slick-slider .slick-arrow:hover { 
	background-image:url('../img/arrow-next-red.svg'); 
}
.slick-slider .slick-arrow.slick-disabled { opacity:0.7; }
.slick-slider .slick-arrow.slick-disabled:hover { 
	background-image:url('../img/arrow-next.svg');
}
.slick-slider .slick-prev { left:0; transform:rotate(180deg); }
.slick-slider .slick-next { right:0; }


/* HERO ----------------------------------------------------------- */
.hero { 
	position:relative; 
	padding:150px 0;
	background:#20252B; 
}
.hero:before, .hero:after { opacity:0.7; }
.hero:before {
	content:'';
	position:absolute;
	z-index:5;
	top:0;
	left:32%;
	bottom:0;
	width:1px;
	background:#6D6D76;
}
.hero:after {
	content:'';
	position:absolute;
	z-index:5;
	left:0;
	right:0;
	bottom:120px;
	height:1px;
	background:#6D6D76;
}
.hero .bg1, .hero .bg2, .hero .overlay { 
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-repeat:no-repeat;
}
.hero .bg1 { 
	display:none;
	z-index:2; 
	background-size:auto 100%;
	background-position:60% center;
	opacity:0.3; 
}
.hero .bg2 { 
	z-index:3;
	background-size:auto 100%;
	background-position:right center;
}
.hero .overlay { 
	z-index:4;
	background:linear-gradient(90deg, rgba(0,0,0, 0.3) 0%, rgba(32,37,43, 0.7) 100%); /* #3B3B43 */
}
.hero .hero-content {
	position:relative;
	z-index:10; 
}
.hero .title {
	margin-bottom:100px;
	font-size:112px;
	font-weight:500;
	line-height:1;
	color:#fff;
}
.hero .txt { 
	margin-right:150px;
	font-size:24px; 
	color:#AEAEAE;
}


/* AREAS --------------------------------------------------------------- */
.areas { 
	padding-bottom:0!important; 
	background:#20252B; 
}
.areas:before {
	content:'';
	position:absolute;
	z-index:2;
	left:0;
	right:0;
	top:0;
	height:1px;
	background:#6D6D76;
}
.areas .box-title { color:#AEAEAE; }
.areas .box-subtitle { color:#AEAEAE; }

/* items */
.areas .items { padding-top:20px; }
.areas .item { 
	position:relative;
	padding:30px;
	width:25%;
	height:680px; 
	background-repeat:no-repeat;
	background-position:120px center;
	background-color:#3B3B43; 
	box-shadow:0px 0px 100px rgba(0,0,0,0.4);
}
.areas .item1 { z-index:1; background-size:auto 400px; }
.areas .item2 { z-index:2; background-size:auto 400px; }
.areas .item3 { z-index:3; background-size:400px auto; }
.areas .item4 { z-index:4; background-size:400px auto; }

.areas .item .trigger {
	position:absolute;
	z-index:3;
	margin:0;
	padding:0;
	bottom:-80px;
	width:680px;
	font-family:'Tektur', sans-serif;
	font-size:40px;
	text-align:right;
	line-height:1;
	color:#F4F4F4;
	border:0;
	background:none;
	overflow:hidden;
	background-image:url('../img/arrow-areas.svg');
	background-repeat:no-repeat;
	background-size:35px auto;
	transform:rotate(-90deg);
	transform-origin:top left;
	transition:all .3s;
}
.areas .item1 .trigger { background-position:42% 10px; }
.areas .item2 .trigger { 
	padding-right:40px; 
	background-position:16% 10px; 
}
.areas .item3 .trigger { background-position:52% 10px; }
.areas .item4 .trigger { background-position:50% 10px; }
.areas .item .cont { 
	position:relative; 
	overflow:hidden;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:space-between;
	height:100%;
	transition:all .3s;
}
.areas .item .label {
	margin:0 0 20px 80px;
	padding:0 0 0 45px;
	font-family:'Tektur', sans-serif;
	font-size:24px;
	line-height:1;
	color:#525152;
	background:url('../img/arrow-areas.svg') no-repeat 0 3px;
	background-size:35px auto;
}
.areas .item2 .label { margin-left:100px; }
.areas .item .img { 
	margin-left:80px; 
	width:calc(100% - 80px);
	height:400px;
	background-repeat:no-repeat;
	background-position:center center;
}
.areas .item1 .img { background-size:auto 100%; }
.areas .item2 .img { 
	margin-left:120px;
	width:calc(100% - 120px);
	background-size:auto 100%; 
}
.areas .item3 .img { background-size:100% auto; }
.areas .item4 .img { background-size:100% auto; }
.areas .item .txt {
	position:relative;
	padding-top:20px;
	width:100%;
	font-size:18px; 
	color:#B5B6B8; 
}

/* active */
.areas .item.active { 
	z-index:50;
	width:55%; 
	background-image:none!important; 
}
.areas .item.active .cont { opacity:1; }
.areas .item.not-active { width:15%; }
.areas .item.not-active .cont { opacity:0; }


/* SERVICES ------------------------------------------------------------ */
.chars { 
	background:url('../img/image-chars.png') no-repeat left 200px #EBEBEB; 
	background-size:auto 430px;
	border-bottom:1px solid #CECECE;
}
.chars:before, .chars:after {
	content:'';
	position:absolute;
	z-index:2;
	background:#CECECE;
}
.chars:before {
	top:60px;
	left:0;
	right:0;
	height:1px;
}
.chars:after {
	top:0;
	left:32%;
	bottom:0;
	width:1px;
}
.chars .box-content { padding-left:33%; }
.chars .cols { margin:-20px; }
.chars .item { padding:10px 20px; } 
.chars .item .hh { 
	margin-bottom:5px;
	font-family:'Tektur', sans-serif;
	font-size:20px;
	font-weight:500;
	color:#AEAEAE; 
}
.chars .item .txt {
	font-size:16px;
	color:#3B3B43;
}


/* CUSTOM -------------------------------------------------------------- */
.customize { background:#EBEBEB; }
.customize:before {
	content:'';
	position:absolute;
	top:0;
	left:32%;
	bottom:0;
	width:1px;
	background:#CECECE;
}
.customize .box-subtitle { 
	padding-right:60px; 
	width:100%!important; 
}
.customize .cols .lc {
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	align-items:flex-start;
	justify-content:space-between;
}
.customize .colors { 
	margin:0 -10px; 
	padding-bottom:0!important;
	width:500px; 
}
.customize .colors .color { padding:5px 10px; }
.customize .colors .color span {
	display:block;
	width:100%;
	height:40px;
	border:2px solid transparent;
	border-radius:12px 0 12px 0;
	cursor:pointer;
	transition:all .3s;
}
.customize .colors .white { background:#fff; }
.customize .colors .grey { background:#AFAFAF; }
.customize .colors .yellow { background:#FFE313; }
.customize .colors .orange { background:#FF6B13; }
.customize .colors .black { background:#262626; }
.customize .colors .color:hover span { border-color:#fff; }
.customize .colors .slick-current span { border-color:#525152; }

/* images */
.customize .images { padding-bottom:0!important; height:100%; }
.customize .images .img {
	width:100%;
	height:450px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}


/* FABRIC --------------------------------------------------------- */
.fabric { background:#20252B; }
.fabric:before {
	content:'';
	position:absolute;
	top:0;
	left:32%;
	bottom:0;
	width:1px;
	background:#7F7F7F;
}
.fabric .cols { justify-content:space-between; }
.fabric .lc .desc { padding-right:60px; }
.fabric .box-title { color:#fff; text-transform:none; }
.fabric .desc { font-size:16px; color:#AEAEAE; }
.fabric .items { margin:-20px -25px 0 -25px; }
.fabric .item { 
	padding:20px 25px;
	font-family:'Tektur', sans-serif; 
}
.fabric .item .item-wrap { height:100%; }
.fabric .item:nth-child(1) .item-wrap, 
.fabric .item:nth-child(2) .item-wrap, 
.fabric .item:nth-child(3) .item-wrap { 
	padding-bottom:40px;
	border-bottom:1px solid #AEAEAE; 
}
.fabric .item .num {
	margin-bottom:15px;
	font-size:56px;
	font-weight:500;
	line-height:1;
	color:#BD1522;
}
.fabric .item .red { color:#BD1522; }
.fabric .item .txt { 
	font-size:20px;
	font-weight:500;
	color:#AEAEAE; 
}


/* FAQ ---------------------------------------------------------------- */
/* accordion */
.faq .card { 
	padding:25px 0;	
	border-radius:0;
	border:0;
	border-bottom:1px solid #CECECE!important;
	background:none;
}
.faq .card:first-child { margin-top:-20px; }
.faq .card-header { 
	padding:0; 
	border:0; 
	background:none;
}
.faq .card-header .btn { 
	position:relative;
	display:block;
	padding:0 60px 0 20px;  
	height:auto;
	border:0;
	border-radius:0;
	font-family:'Tektur', sans-serif;
	font-size:20px;
	font-weight:500;
	line-height:1.2;
	text-align:left;
	white-space:normal;
	text-transform:none;
	letter-spacing:normal;
	background:none;
	border:0;
	color:#3B3B43;
}
.faq .card-header .btn:active, 
.faq .card-header .btn:focus, 
.faq .card-header .btn:visited { outline:none!important; }
.faq .card-header .btn:after {
	content:'';
	position:absolute;
	top:0;
	right:0;
	width:25px;
	height:25px;
	background:url('../img/plus-red.svg') no-repeat left center;
	background-size:18px auto;
	transition:all .3s;
}
.faq .card-header .btn[aria-expanded='true']:after {
	background-image:url('../img/cancel-red.svg');
}
.faq .card-header .btn:hover { color:#BD1522; }
.faq .card-body { 
	padding:20px 20px 0 20px; 
	font-size:18px;
	line-height:1.3;
	color:#6D6D76;
}


/* PLUSES ------------------------------------------------------------- */
.pluses { background:#3B3B43; overflow:hidden; }
.pluses .bg { 
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	right:2%;
	bottom:-5%;
	background:url('../img/image-pluses.png') no-repeat right bottom; 
	background-size:auto 95%;
	background-attachment:fixed;
}
.pluses:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:3;
	background:linear-gradient(90deg, rgba(59,59,67, 1) 0%, rgba(59,59,67, 0.8) 60%, rgba(0,0,0, 0.6) 100%); /* #3B3B43 */
}
.pluses:after {
	content:'';
	position:absolute;
	z-index:4;
	top:0;
	right:30%;
	bottom:0;
	width:1px;
	background:#7F7F7F;
}
.pluses .box-title { color:#fff; }
.pluses .items { 
	margin:-30px;
	padding-right:33%; 
}
.pluses .item { padding:30px; }
.pluses .item .hh { 
	position:relative;
	margin-bottom:15px;
	padding-left:25px;
	padding-bottom:15px;
	font-family:'Tektur', sans-serif;
	font-size:20px;
	font-weight:500;
	color:#F4F4F4; 
	border-bottom:1px solid #CECECE;
}
.pluses .item .hh:before {
	content:'';
	position:absolute;
	top:2px;
	left:0;
	font-size:14px;
	font-weight:bold;
	line-height:1;
	color:#BD1522;
}
.pluses .item:nth-child(1) .hh:before { content:'01'; }
.pluses .item:nth-child(2) .hh:before { content:'02'; }
.pluses .item:nth-child(3) .hh:before { content:'03'; }
.pluses .item:nth-child(4) .hh:before { content:'04'; }
.pluses .item:nth-child(5) .hh:before { content:'05'; }
.pluses .item:nth-child(6) .hh:before { content:'06'; }
.pluses .item .txt { font-size:16px; color:#AEAEAE; }


/* TEXT-SHORT --------------------------------------------------------- */
.text-short { background:#F1F1F1; }
.text-short:before {
	content:'';
	position:absolute;
	top:0;
	left:32%;
	bottom:0;
	width:1px;
	background:#CECECE;
}
.text-short .box-content { padding-left:33%; }
.text-short .text {
	padding-left:60px;
	font-family:'Tektur', sans-serif;
	font-size:40px;
	font-weight:500;
	color:#3B3B43; 
}
.text-short .text span { opacity:0.6; }


/* INFO --------------------------------------------------------------- */
.info { background:#3B3B43; }
.info .bg {
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url('../img/image-pluses.png') no-repeat right 200%;
	background-size:auto 120%;
	opacity:0.15;
}
.info .box-title { 
	text-transform:none; 
	color:#F1F1F1; 
}
.info .item .cols { 
	align-items:center; 
	justify-content:space-between;
}
.info .item .cont { 
	padding-right:40px;
	width:60%;
}
.info .item .hh {
	margin-bottom:40px;
	font-family:'Tektur', sans-serif;
	font-size:32px;
	color:#CECECE;
}
.info .item .hh span {
	padding-bottom:10px;
	border-bottom:1px solid #777;
}
.info .item .txt {
	font-size:20px;
	color:#CECECE;
}
.info .item .img { width:40%; height:400px; }
.info .item .img img { width:100%; height:100%; object-fit:contain; }


/* CONSULT ------------------------------------------------------------ */
.consult { 
	background:#20252B; 
	overflow:hidden; 
}
.consult .bg { 
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	right:2%;
	bottom:-5%;
	background:url('../img/image-pluses.png') no-repeat left top; 
	background-size:auto 150%;
	opacity:0.5;
}
.consult:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:3;
	background:linear-gradient(90deg, rgba(0,0,0, 0.6) 0%, rgba(47,47,53, 0.8) 30%, rgba(32,37,43, 1) 100%);
}
.consult .box-title { 
	text-transform:none; 
	color:#fff; 
}
.consult .box-subtitle { color:#AEAEAE; }
.consult .order-form { margin-top:-15px; }
.consult .order-form .input {
	padding:0;
	color:#fff;
	border-radius:0;
	border:0;
	border-bottom:1px solid #AEAEAE;
	background:none;
}
.consult .order-form .input:focus { 
	outline:none!important; 
	border-bottom-color:#BD1522;
}
.consult .order-form .btn { width:100%; }
.consult .order-form .pers { color:#fff; }
.consult .order-form .pers a { color:#CECECE; border-bottom:1px solid; }
.consult .order-form .fields { margin:0 -10px; padding:10px 0; }
.consult .order-form .fields .field { padding:0 10px; }
.consult .order-form .radio label { color:#AEAEAE; }


/* CALL-LINE ---------------------------------------------------------- */
.call-line { color:#fff; background:#BD1522; }
.call-line .box-content {
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	padding:20px 0;
}
.call-line .txt {
	font-family:'Tektur', sans-serif;
	font-size:20px; 
	text-align:center; 
}
.call-line .btn { margin-left:30px; background:#20252B; }
.call-line .btn:hover { color:#20252B; background:#fff; }


/* INNERPAGE ---------------------------------------------------------- */
.innerpage { background:#F1F1F1; }
.innerpage .header { position:relative; }
.innerpage .content { padding-top:20px; }


/* FOOTER ------------------------------------------------------------- */
.footer { 
	padding:60px 0; 
	font-size:18px;
	color:#AEAEAE;
	background:#131313;
}
.footer a { color:#AEAEAE; }
.footer a:hover { color:#fff; }
.footer .ft-cols { justify-content:space-between; width:100%; }
.footer .cols { width:100%; }

/* ft-menu */
.footer .ft-menu {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:flex-start;
	justify-content:flex-start;
	margin:0 -15px;
}
.footer .ft-menu .link { 
	padding:5px 15px;
	width:50%;
	font-size:18px;
	line-height:1.2;
}
.footer .ft-menu .link:not(:last-child) { margin-bottom:10px; }

/* ft2 */
.footer .ft2 {
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	align-items:flex-end;
}
.footer .ft2 .item { margin-bottom:15px; }
.footer .ft2 .item .link {
	padding-left:35px;
	font-family:'Tektur', sans-serif;
	font-size:20px;
	line-height:1;
	color:#fff;
	border-bottom:1px solid transparent;
	background-repeat:no-repeat;
	background-position:left center;
}
.footer .ft2 .item .link:hover { border-bottom-color:#fff; }
.footer .ft2 .item.phone .link {
	background-image:url('../img/icon-phone-white.svg');
	background-size:auto 20px;
}
.footer .ft2 .item.email .link {
	background-image:url('../img/icon-email-white.svg');
	background-size:20px auto;
}
.footer .ft2 .social { justify-content:flex-end; padding-top:10px; }
.footer .ft2 .social .vk { background-image:url('../img/icon-vk-white.svg'); }
.footer .ft2 .social .vk:hover { background-image:url('../img/icon-vk-red.svg'); }

/* ft3 */
.footer .ft3 { padding-top:50px; }
.footer .ft3 .cols { align-items:center; }
.footer .ft3 .lc { padding-right:20px; }
.footer .logo { 
	margin-bottom:15px;
	width:184px;
	height:35px;
	background:url('../img/logo.svg') no-repeat left top;
	background-size:100% auto; 
}
.footer .links { text-align:right; }
.footer .links .link { display:block; }
.footer .links .link:not(:last-child) { margin-bottom:5px; }


/* COMMON ------------------------------------------------------------------------ */
/* spoiler */
.spoiler .truncate_more_link { 
	padding-right:18px;
	font-size:18px; 
	font-weight:600;
	line-height:1;
	background:url('../img/chevron-right.svg') no-repeat right 6px;
	background-size:8px auto;
}
.spoiler .truncate_more_link:hover {
	background-image:url('../img/chevron-right-orange.svg');
}


/* placeholders */
::-webkit-input-placeholder { font-weight:normal; color:#777; }
::-moz-placeholder { font-weight:normal; color:#777; }
:-moz-placeholder { font-weight:normal; color:#777; }
:-ms-input-placeholder { font-weight:normal; color:#777; }

input[placeholder] { text-overflow:ellipsis; }
input::-moz-placeholder { text-overflow:ellipsis; }
input:-moz-placeholder { text-overflow:ellipsis; }
input:-ms-input-placeholder { text-overflow:ellipsis; }

:focus::-webkit-input-placeholder { color: transparent; }
:focus::-moz-placeholder { color: transparent; }
:focus:-moz-placeholder { color: transparent; }
:focus:-ms-input-placeholder { color: transparent; }


/* FORMS ----------------------------------------------------------------- */
.order-form .fields { align-items:center; }
.order-form .field { margin-bottom:20px; }
.order-form .input {
	padding:0 20px;
	width:100%;
	height:50px;
	line-height:50px;
	font-size:18px;
	color:#111;
	text-align:left;
	border-radius:0;
	border:0;
	background:#fff;
}
.order-form .input:focus { outline:1px solid #BD1522!important; }
.order-form textarea.input {
	resize:none;
	padding:15px 20px;
	height:100px;
	border-radius:24px;
	line-height:1.2;
}
.order-form .btn-box { padding-top:10px; }
.order-form .btn:disabled { cursor:default; }
.order-form .pers { font-size:14px; opacity:0.8; }
.order-form .radio .fw { position:relative; }
.order-form .radio label { 
	margin:0; 
	padding-left:27px; 
	font-size:18px; 
}
.order-form .radio input[type='radio'] { opacity:0; }
.order-form .radio .jq-radio {
	position:absolute!important;
	top:2px;
	left:0;
}


/* radio */
.jq-radio {
	padding:0;
	width:20px;
	height:20px;
	border:2px solid #6D6D76;
	border-radius:100%;
	background:none;
	cursor:pointer;
}
.jq-radio.checked { 
	border-color:#BD1522; 
	background:url('../img/circle-red.svg') no-repeat center center;
	background-size:10px auto;
}


/* MODAL ------------------------------------------------------------------- */
.modal { background-color:rgba(28,34,46,0.7); /* #1c222e */ } 
.modal .modal-dialog { 
	z-index:99999; 
	max-width:600px;
}
.modal .modal-content {
	border:0;
	border-radius:24px 0px 24px 0px;
	background:#fff;
}
.modal .modal-body { 
	padding:60px; 
	padding-top:45px; 
}
.modal .modal-close {
	position:absolute;
	z-index:10;
	top:15px;
	right:15px;
	padding:0;
	width:25px;
	height:25px;
	cursor:pointer;
	border:0;
	background:url('../img/cancel-black.svg') no-repeat center center;
	background-size:16px auto;
	transition:all .3s;
}
.modal .modal-close:hover { background-image:url('../img/cancel-red.svg'); }
.modal .modal-title { 
	margin-bottom:20px;
	font-family:'Tektur', sans-serif;
	font-size:36px;
	font-weight:500;
	text-align:center; 
	line-height:1.2;
	color:#20252B;
}
.modal .note { 
	margin-bottom:30px;
	font-size:18px; 
	text-align:center; 
	line-height:1.3; 
	color:#000;
}
.modal .input { 
	text-align:center;
	border-bottom:1px solid #CECECE;
	background:#fff; 
}
.modal .btn-box { padding:10px 0; }
.modal .btn {
    position:relative;
    z-index:1;
	padding:0 15px;
	width:100%;
}
.modal .pers { 
	margin:0;
	text-align:center;	
}
.modal .pers a { border-bottom:1px solid; }


/* GOUP BUTTON */
.goup {
	position:fixed;
	z-index:100;
	bottom:20px;
	right:20px;
	width:40px;
	height:40px;
	border-radius:12px 0px 12px 0px;
	background:url('../img/chevron-down.svg') no-repeat center center #fff;
	background-size:20px auto;
	transform:rotate(180deg);
	box-shadow:0px 10px 52px -10px rgba(0, 0, 0, 0.36);
}
.goup:hover { 
	background-color:#BD1522;
	background-image:url('../img/chevron-down-white.svg'); 
}

/* pk page */
.pk-page .title1 { 
	margin-bottom:20px;
	font-size:40px; 
	line-height:1.2;
}
.pk-page .title2 { 
	margin-bottom:30px;
	font-size:24px; 
	line-height:1.3;
}
.pk-content { padding-top:40px; }
.pk-content .title1, .pk-content .title2 { text-align:left; }
.pk-content section { 
	margin-bottom:40px;
	padding-bottom:30px;
	border-bottom:1px solid #999;
	font-size:16px;
	line-height:1.6; 
}
.pk-content section h4 { margin-bottom:20px; }
.pk-content section p { margin-bottom:20px; }
.pk-menu { 
	margin-bottom:30px; 
	padding-bottom:30px; 
	font-size:18px;
	border-bottom:1px solid #999; 
}



/* MEDIA --------------------------------------------------------------------------------------- */
@media (max-width: 1500px) {
	h2 { font-size:52px; }
	
	.hero .title { font-size:100px; }
}

@media (max-width: 1400px) {
	.container-fluid { width:95%; }
	
	.box-subtitle { width:80%; font-size:22px; }
	
	.hero { padding-bottom:100px; }
	.hero:before { left:30%; }
	.hero:after { bottom:80px; }
	.hero .title { font-size:90px; }
	
	.areas .item { height:600px; }
	.areas .item1, .areas .item2 { background-size:auto 350px; }
	.areas .item3, .areas .item4 { background-size:350px auto; }
	.areas .item .trigger { bottom:-60px; width:600px; font-size:36px; }
	.areas .item1 .trigger { background-position:40% 10px; }
	.areas .item2 .trigger { background-position:14% 10px; }
	.areas .item3 .trigger { background-position:51% 10px; }
	.areas .item4 .trigger { background-position:49% 10px; }
	.areas .item .img { height:350px; }
	.areas .item .txt { font-size:16px; }
	
	.chars { background-size:auto 370px; }
	.chars:after { left:30%; }
	.chars .box-content { padding-left:32%; }
	
	.customize:before { left:30%; }
	
	.fabric:before { left:30%; }
	.fabric .item .num { font-size:52px; }
	.fabric .item .txt { font-size:18px; }
	
	.text-short:before { left:30%; }
	.text-short .text { padding-left:0; }
	
	.consult .order-form .fields { margin:0 -8px; }
	.consult .order-form .fields .field { padding:0 8px; }
	
	.order-form .radio label { font-size:17px; }
}

@media (max-width: 1200px) {
	h2 { font-size:50px; }
	h3 { font-size:36px; }
	
	.box { padding:80px 0; }
	.box-subtitle { margin-bottom:50px; font-size:20px; }
	
	.hero:before { left:25%; }
	.hero:after { bottom:60px; }
	.hero .title { margin-bottom:60px; font-size:80px; }
	.hero .txt { margin-right:100px; }
	
	.areas .item .img { height:320px; }
	
	.chars { background-size:auto 320px; }
	.chars:after { left:25%; }
	.chars .box-content { padding-left:30%; }
	
	.customize:before { left:25%; }
	.customize .box-subtitle { padding-right:40px; }
	.customize .colors { width:450px; }
	.customize .images .img { height:400px; }
	
	.fabric:before { left:25%; }
	.fabric .items { margin:-15px -20px; }
	.fabric .item { padding:15px 20px; }
	.fabric .item:nth-child(1) .item-wrap, 
	.fabric .item:nth-child(2) .item-wrap, 
	.fabric .item:nth-child(3) .item-wrap, 
	.fabric .item:nth-child(4) .item-wrap {
		padding-bottom:30px;
		border-bottom:1px solid #777; 
	}
	
	.faq .card-body { font-size:16px; }
	
	.text-short:before { left:25%; }
	.text-short .box-content { padding-left:30%; }
	.text-short .text { font-size:36px; }
	
	.pluses:after { right:25%; }
	
	.info .item .hh { font-size:30px; }
	.info .item .txt { font-size:18px; }
	.info .item .img { height:350px; }
	
	.consult .order-form .fields { margin:0 -10px; }
	.consult .order-form .fields .field { padding:0 10px; }
	
	.call-line .box-content { flex-direction:column; padding:30px 0; }
	.call-line .txt { margin-bottom:20px; }
	.call-line .btn { margin-left:0; }
	
	.footer .copy { font-size:16px; }
	.footer .links { font-size:16px; }
	
	.goup { width:35px; height:35px; background-size:18px auto; }
}

@media (max-width: 1100px) {
	.areas .item .img { height:280px; }
	
	.chars { background-size:auto 290px; }
	
	.text-short .text { font-size:32px; }
}

@media (max-width: 992px) {	
	h2 { font-size:48px; }
	h3 { font-size:32px; }

	.header .cols { justify-content:space-between; }
	.header .navbar-nav .nav-link { font-size:17px; }
	
	.box { padding:70px 0; }
	
	.slick-slider .slick-prev { left:15px; }
	.slick-slider .slick-next { right:15px; }
	
	.hero { padding-top:120px; }
	.hero:after { bottom:70px; }
	.hero .title { font-size:72px; }
	.hero .txt { margin-right:80px; font-size:22px; }
	
	.areas { padding-bottom:70px!important; }
	.areas .items { padding:10px 20px; }
	.areas .item { 
		margin:1%!important; 
		width:48%!important; 
		height:auto;
		background-image:none!important;
	}
	.areas .item .trigger { 
		position:relative; 
		transform:none; 
		top:auto;
		left:auto;
		right:auto;
		bottom:auto;
		margin-bottom:10px;
		padding:0;
		width:100%;
		font-size:32px;
		text-align:left;
		background:none;
	}
	.areas .item .label { 
		margin-left:0; 
		margin-bottom:40px;
		padding:0; 
		width:100%;
		font-size:20px;
		background:none; 
	}
	.areas .item .label br { display:none; }
	.areas .item .cont { opacity:1!important; height:auto; }
	.areas .item .img { margin:0; width:100%; height:230px; }
	.areas .item .txt { padding-top:30px; }
	
	.chars { background-image:none; }
	.chars:before, .chars:after { display:none; }
	.chars .box-content { padding-left:0; }
	
	.customize .box-subtitle { width:auto!important; } 
	.customize .colors { margin:0 -5px; width:100%; }
	.customize .colors .color { padding:5px; }
	.customize .images .img { height:350px; }
	
	.fabric:before { display:none; }
	.fabric .lc { margin-bottom:60px; }
	.fabric .lc .desc { padding-right:0; }
	.fabric .item:nth-child(4) .item-wrap  { border-bottom-color:transparent; }
	
	.text-short .text { font-size:30px; }
	
	.info .items { padding-top:30px; }
	.info .item .cont { width:55%; }
	.info .item .hh { font-size:26px; }
	.info .item .txt { font-size:16px; }
	.info .item .img { width:45%; height:300px; }
	
	.consult .lc { padding-right:50px; }
	.consult .box-subtitle { width:100%; }
	
	.footer .ft3 { 
		margin-top:40px;
		padding-top:40px; 
		border-top:1px solid rgba(255,255,255,0.2); 
	}
	.footer .ft3 .lc { 
		margin-bottom:20px; 
		padding-right:0; 
		text-align:center; 
	}
	.footer .logo { margin:0 auto 30px auto; }
	.footer .links { text-align:center; }
	
	.pk-page .title1 { font-size:32px; }
	.pk-page .title2 { font-size:24px; }
	
	.modal .modal-dialog { max-width:600px; }
}

@media (max-width: 860px) {
	.hero .title { font-size:66px; }
	
	.areas .item .trigger { font-size:28px; }
	.areas .item .label { margin-bottom:30px; }
	.areas .item .img { height:200px; }
	.areas .item .txt { padding-top:20px; font-size:15px; }
	
	.fabric .item .num { font-size:48px; }
	.fabric .item .txt { font-size:16px; }
	
	.text-short .text { font-size:28px; }
}

@media (max-width: 768px) {
	h2 { font-size:44px; }
	h3 { font-size:28px; }
	
	.menu-btn { 
		display:block; 
		position:absolute; 
		z-index:9991;
		top:32px; 
		right:0; 
	}
	.menu-btn[aria-expanded='true'] { 
		position:fixed;
		top:20px;
		left:30px;
	}
	
	.header .menu.custom-scroll, 
	.header .slimScrollDiv { height:100%!important; }
	.header .menu {
		position:fixed;
		top:0;
		left:0;
		right:50%;
		bottom:0;
		z-index:9990;
		padding:70px 0 40px 0;
		transform:translateX(-100%);
		background:#fff;
		box-shadow:0 0 30px rgba(0,0,0,0.2);
		transition:all 0.3s;
	}
	.header .menu.show { transform:translateX(0%); }
	
	.header .navbar-nav { 
		flex-direction:column; 
		padding:0 20px;
		width:100%; 
	} 
	.header .navbar-nav > .nav-item:not(:last-child) { 
		margin-right:0; 
		border-bottom:1px solid rgba(22,61,92,0.2);
	} 
	.header .navbar-nav > .nav-item.show:not(:last-child) { border-bottom:0; }
	.header .navbar-nav .nav-link { 
		padding:15px!important; 
		font-size:18px; 
		color:#20252B;
	}
	
	.box { padding:60px 0; }
	.box-subtitle { margin:-20px 0 40px 0; width:100%; font-size:18px; }
	
	.btn { padding:0 25px; font-size:20px; }
	
	.hero .title { margin-bottom:50px; font-size:60px; }
	.hero .txt { margin-right:60px; font-size:20px; }
	
	.areas { padding-bottom:60px!important; }
	.areas .item .trigger { font-size:24px; }
	.areas .item .label { font-size:18px; }
	.areas .item .img { height:180px; }
	
	.chars .item .hh { font-size:18px; }
	.chars .item .txt { font-size:14px; }
	
	.customize:before { display:none; }
	.customize .box-title, .customize .box-subtitle { text-align:center; }
	.customize .box-subtitle { padding-right:0; }
	.customize .cols .lc { align-items:center; margin-bottom:40px; }
	.customize .colors { width:450px; }
	.customize .images .img { height:400px; background-size:auto 100%; }
	
	.fabric .item:nth-child(4) .item-wrap  { border-bottom-color:#777; }
	
	.text-short:before { display:none; }
	.text-short .box-content { padding-left:0; }
	.text-short .text { font-size:24px; }
	
	.info .item .cont { width:60%; }
	.info .item .hh { font-size:24px; }
	.info .item .txt { font-size:15px; }
	.info .item .img { width:40%; height:250px; }
	
	.consult .lc { padding-right:0; text-align:center; }
	.consult .order-form { margin-top:0; padding:0 10%; }
	.consult .order-form .fields { margin:0 -15px; }
	.consult .order-form .fields .field { padding:0 15px; }
	.consult .order-form .radios { justify-content:center; }
	.consult .order-form .input { text-align:center; }
	.consult .order-form .pers { text-align:center; }
	
	.call-line .txt { font-size:18px; }
	
	.social .link { width:30px; height:30px; }
	.social .link:not(:last-child) { margin-right:15px; }
	
	.footer .ft1 { margin-bottom:20px; }
	.footer .ft-menu { justify-content:center; }
	.footer .ft-menu .link { width:auto; text-align:center; }
	.footer .ft2 { 
		flex-direction:row; 
		align-items:center;
		justify-content:center; 
	}
	.footer .ft2 .item { margin-right:30px; margin-bottom:0; }
	.footer .ft2 .item .link { padding-left:25px; font-size:18px; }
	.footer .ft2 .item.phone .link { background-size:auto 16px; }
	.footer .ft2 .item.email .link { background-size:16px auto; }
	.footer .ft2 .social { justify-content:center; padding:0; }
	
	.goup { display:none; }

	.pk-page .title1 { font-size:30px; }
	.pk-page .title2 { font-size:20px; }
	
	.modal .modal-dialog { max-width:90%; }
	.modal .modal-title { font-size:36px; }
}

@media (max-width: 700px) {
	.areas .item .img { height:160px; }
}

@media (max-width: 640px) {		
	.hero .title { margin-bottom:40px; font-size:56px; }
	.hero .txt { margin-right:40px; font-size:18px; }
	
	.areas .item { padding:30px 25px; }
	.areas .item .trigger { font-size:22px; }
	.areas .item .img { height:140px; }
	.areas .item .txt { font-size:14px; }
	
	.fabric .item .num { font-size:44px; }
	
	.pluses:after { display:none; }
	.pluses .items { margin:-25px 0; padding-right:0; }
	.pluses .item { padding:25px 0; }
	
	.info .item .hh { font-size:22px; }
	
	.consult .order-form { padding:0 5%; }
	
	.footer .ft2 .item.phone { margin-right:30px; }
	.footer .ft2 .item.email { margin-right:0; }
	.footer .ft2 .social { padding-top:20px; width:100%; }
}

@media (max-width: 576px) {
	h2 { margin-bottom:40px; font-size:40px; }
	h3 { font-size:24px; }
	
	#menu { width:80%!important; }
	
	.box { padding:50px 0; }
	
	.btn { 
		padding:0 20px; 
		height:50px; 
		line-height:50px; 
		font-size:18px; 
	}
	
	.hero { padding:120px 0 60px 0; }
	.hero:after { display:none; }
	.hero .bg2 { right:-30px; opacity:0.8; }
	.hero .title { font-size:50px; }
	.hero-bottom { flex-direction:column; }
	.hero .txt { margin-right:0; margin-bottom:30px; }
	.hero .txt br { display:none; }
	
	.areas { padding-bottom:50px!important; }
	.areas .item { margin:10px 0!important; width:100%!important; }
	.areas .item .trigger { font-size:26px; }
	.areas .item .img { height:200px; }
	.areas .item3 .img, .areas .item4 .img { height:180px; }
	.areas .item .txt { font-size:15px; }
	
	.chars .cols { margin:0; }
	.chars .item { padding:10px 0; }
	
	.customize .colors { width:400px; }
	.customize .images .img { height:350px; }
	
	.fabric .lc { margin-bottom:40px; }
	.fabric .item .num { font-size:40px; }
	.fabric .item .txt { font-size:15px; }
	
	.faq .card { padding:20px 0; }
	.faq .card-header .btn { padding:0 50px 0 15px; font-size:18px; }
	.faq .card-header .btn:after { background-size:16px auto; }
	.faq .card-body { padding:20px 15px 0 15px; font-size:15px; }
	
	.pluses .item .hh { padding-bottom:10px; font-size:18px; }
	.pluses .item .txt { font-size:15px; }
	
	.text-short .text { font-size:20px; }
	
	.info .item .cont { 
		order:2; 
		padding:0 20px 20px 20px; 
		width:100%; 
		text-align:center; 
	}
	.info .item .hh { margin-bottom:30px; font-size:20px; }
	.info .item .img { order:1; margin-bottom:30px; width:100%; }
	
	.consult .order-form .fields { margin:0 -10px; }
	.consult .order-form .fields .field { padding:0 10px; }
	
	.order-form .radio label { padding-left:25px; font-size:16px; }	
	.order-form .radio .jq-radio { top:1px; }
	
	.jq-radio { width:18px; height:18px; }
	.jq-radio.checked { background-size:9px auto; }
	
	.footer { padding:50px 0; }
	.footer .ft-menu .link { font-size:16px; }
	.footer .ft2 { flex-direction:column; }
	.footer .ft2 .item.phone { margin-right:0; margin-bottom:10px; }
	.footer .logo { width:160px; height:32px; }
	.footer .copy { font-size:14px; }
	.footer .links { font-size:14px; }
	
	.spoiler .truncate_more_link { 
		padding-right:15px;
		font-size:16px; 
		background-size:6px auto;
		background-position:right 5px;
	}

	.modal .modal-dialog { margin:5% auto; }
	.modal .modal-body { padding:50px; }
	.modal .modal-title { font-size:30px; }
	.modal .note { font-size:14px; }
	.modal .btn-box, .modal .btn { width:100%; }
	.modal .pers { padding:0; width:100%; text-align:center; }
	.modal .bottom .btn-box { order:1; }
	.modal .bottom .pers { order:2; }
}

@media (max-width: 468px) {
	h2 { font-size:36px; }
	
	#menu { width:90%!important; }
	
	.menu-btn { top:22px; }
	.menu-btn[aria-expanded='true'] { top:15px; left:20px; }
	
	.header .cols { padding-top:20px; }
	.header .menu { padding-top:60px; }
	.header .navbar-nav { padding:0 15px; }
	
	.box-subtitle { font-size:16px; }
	
	.hero { padding:100px 0 50px 0; }
	.hero .bg2 { right:-50px; }
	.hero .title { font-size:48px; }
	
	.areas { padding-bottom:40px!important; }
	.areas .item .trigger { font-size:24px; }
	.areas .item .img { height:180px; }
	.areas .item3 .img, .areas .item4 .img { height:140px; }
	.areas .item .txt { font-size:15px; }
	
	.customize .cols .lc { margin-bottom:30px; }
	.customize .colors { width:80%; }
	.customize .colors .color span { height:35px; }
	.customize .images .img { height:300px; }
	
	.call-line .txt { font-size:16px; }
	.call-line .btn { width:70%; }
	
	.order-form .input { padding:0 15px; }
	.order-form textarea.input { padding:15px; }
	.order-form .btn { font-size:15px; }
	.order-form .pers { font-size:13px; }
	
	.pk-page .title1 { font-size:24px; }
	.pk-page .title2 { font-size:18px; }
	.pk-content section h4 { font-size:20px; }
	.pk-menu { font-size:14px; }
	
	.modal .modal-body { padding:40px; }
	.modal .modal-title { font-size:26px; }
}

@media (max-width: 400px) {
	h2 { font-size:32px; }
	h3 { font-size:22px; }
	
	.menu-btn { top:20px; }
	
	.header .logo { margin-right:0; width:160px; height:32px; }
	
	.btn { 
		height:48px; 
		line-height:46px; 
		font-size:17px; 
	}
	
	.hero { padding:90px 0 50px 0; }
	.hero .title { margin-bottom:30px; font-size:44px; }
	
	.chars .item .hh { font-size:17px; }
	
	.fabric .items { margin:-10px -15px; }
	.fabric .item { padding:10px 15px; }
	.fabric .item .num { font-size:36px; }
	.fabric .item .txt { font-size:14px; }
	.fabric .item:nth-child(1) .item-wrap, 
	.fabric .item:nth-child(2) .item-wrap, 
	.fabric .item:nth-child(3) .item-wrap, 
	.fabric .item:nth-child(4) .item-wrap { padding-bottom:20px; }
	
	.faq .card-header .btn { font-size:16px; }
	.faq .card-header .btn:after { background-position:left 2px; }
	
	.text-short .text { font-size:18px; }
	
	.info .item .hh { font-size:18px; }
	.info .item .txt { font-size:14px; }
	.info .item .img { height:200px; }
	
	.modal .modal-body { padding:35px 30px; }
}

@media (max-width: 360px) {
	h2 { font-size:30px; }
	h3 { font-size:20px; }
	
	#menu { width:100%!important; }
	
	.header .navbar-nav .nav-link { font-size:16px; }
	
	.hero .bg2 { right:-120px; }
	.hero .title { font-size:40px; }
	
	.areas .item .trigger { font-size:22px; }
	.areas .item .img { height:150px; }
	.areas .item3 .img, .areas .item4 .img { height:120px; }
	.areas .item .txt { font-size:14px; }
	
	.customize .colors { width:90%; }
	.customize .colors .color span { height:30px; }
	.customize .images .img { height:250px; }
	
	.fabric .items { margin:-10px 0 -15px 0; }
	.fabric .item { 
		padding:10px 10px 15px 10px; 
		width:100%; 
		max-width:100%; 
		flex:0 0 100%; 
	}
	.fabric .item .item-wrap { 
		padding-bottom:25px!important; 
		border-bottom:1px solid #777!important;
	}
	.fabric .item .num { margin-bottom:10px; font-size:32px; }
	
	.pluses .items { margin:-20px 0; }
	.pluses .item { padding:20px 0; }
	.pluses .item .hh { font-size:17px; }
	.pluses .item .txt { font-size:14px; }
	
	.info .items { padding-top:20px; }
	.info .item .img { height:180px; }
	
	.consult .order-form .fields { padding:5px 0; }
	
	.order-form .btn { font-size:16px; }
	.order-form .radio label { font-size:15px; }
	
	.footer .ft-menu { flex-direction:column; align-items:center; }
	.footer .ft2 .item .link { font-size:16px; }
	
	.modal .modal-body { padding:35px 30px; }
	.modal .modal-title { margin-bottom:15px; font-size:24px; }
	.modal .note { margin-bottom:20px; }
	.modal .pers { font-size:13px; }
	
	.pk-page .title1 { font-size:20px; }
	.pk-content section h4 { font-size:18px; }
}

@media (max-width: 300px) {	
	.hero .title { font-size:36px; }
	.hero .txt { font-size:16px; }
	
	.areas .item { padding:25px 20px; }
	.areas .item .trigger { font-size:20px; }
	.areas .item .label { font-size:16px; }
	.areas .item .img { height:120px; }
	.areas .item3 .img, .areas .item4 .img { height:100px; }
	
	.chars .item .hh { font-size:16px; }
	
	.faq .card { padding:18px 0; }
	.faq .card-body { font-size:14px; }
	
	.pluses .item .hh { font-size:16px; }
	
	.text-short .text { font-size:16px; }
	
	.info .item .cont { padding-left:15px; padding-right:15px; }
	.info .item .img { height:150px; }
	
	.order-form .input { font-size:16px; }
	.order-form .btn { font-size:15px; }
	
	.pk-page .title1 { font-size:18px; }
	
	.modal .modal-body { padding:35px 20px; }
}

@media (max-width: 270px) {
	h2 { font-size:28px; }
	h3 { font-size:18px; }
	
	.btn { 
		height:45px; 
		line-height:43px; 
		font-size:16px; 
	}
	
	.hero .title { font-size:32px; }
	
	.areas .item .trigger { font-size:18px; }
	
	.customize .images .img { height:230px; }
}