@charset "utf-8";

/* HTML-codes by Yulia Kuznetsova */
/* CSS Document */
html,
body {
	margin:0!important;
	padding:0;
	width:100%;
	height:100%;
	line-height:1.4;
}

body {
	font-family:'Golos Text', sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#111;
	background:#fff;
}

/* headers */
h1, h2, h3, h4, h5 { 
	margin:0; 
	padding:0; 
	line-height:1.3; 
	font-weight:normal; 
}

h1 { font-size:54px; }
h2 { font-size:50px; }
h3 { font-size:40px; }
h4 { font-size:30px; }

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

a {
	color:#223041;
	text-decoration:none;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
}

a:hover, a:focus, a:active { color:#fe9100; text-decoration:none; }

a:focus, a:active,
input:focus, input:active,
button:focus, button:active { outline:none!important; }
button { padding:0; border:0; background:none; outline:none; }

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:10px 25px 15px 25px;
	line-height:1;
	font-size:18px;
	font-weight:600;
	border-radius:10px;
	border:0;
	color:#fff;
	background:#fe9100;
	outline:none;
}
.btn.big { padding:25px 35px 30px 35px; font-size:20px; }
.btn:focus, .btn:active { color:#fff; outline:none; }
.btn:hover { color:#fff; background:#ffa732; }

.btn.white { color:#223041; background:#fff; }
.btn.white:active, .btn.white:focus { color:#223041; }

.btn.border { color:#fe9100; border:1px solid #fe9100; background:none; }
.btn.border:hover { color:#fff; background:#fe9100; }
.btn.border:active, .btn.border:focus { color:#fe9100; }

.btn.white.border { color:#fff; border-color:#fff; }
.btn.white.border:hover { color:#fe9100; background:#fff; }
.btn.white.border:active, .btn.white.border:focus { color:#fff; }


/* fonts */
.normal { font-weight:normal; }
.medium { font-weight:600; }
.bold { font-weight:800; }

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

/* columns reset */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-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:1170px; }
.container-fluid { width:90%; }


/* HEADER  --------------------------------------------------------------- */
.header { transition:all .3s;}
.header-row { 
	justify-content:space-between;
	padding:20px 0; 
	border-bottom:1px solid rgba(255,255,255,0.2); 
	transition:all .3s;
}
.header .logo {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:center;
	justify-content:flex-start;
}
.header .logo-img {
	display:block;
	width:200px;
	height:72px;
	background:url('../img/logo-gts2-min.jpg') no-repeat 0 0;
	background-size:100% auto;
	transition:all .3s;
}
.header .logo-text { 
	margin-left:40px; 
	padding-top:10px;
	font-size:20px;
	font-weight:normal;
	line-height:1.4; 
	opacity:0.7;
}
.header .contact {
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	justify-content:center;
}
.header .contact a, .header .contact span { 
	display:block; 
	text-align:right; 
}
.header .tel, .header .email { 
	margin-bottom:7px;
	white-space:nowrap; 
	line-height:1; 
}
.header .tel { 
	position:relative; 
	padding-left:25px;
	font-size:20px; 
}
.header .tel:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:22px;
	height:22px;
	background:url('../img/phone.svg') no-repeat 0 0;
	background-size:100% auto;
}
.header .email { font-size:16px; opacity:0.7; }
.header .adr { font-size:13px; opacity:0.7; }
.header .adr br { display:none; }


/* BOX & BOX TITLE ----------------------------------------------------- */
.box { position:relative; padding:0 0 100px 0; }
.box .title { margin-bottom:60px; text-align:center; }
.box .subtitle { 
	margin:0 auto 60px auto;
	width:50%;
	font-size:20px; 
	color:#565656; 
	text-align:center;
	line-height:1.5;
} 


/* HERO ---------------------------------------------------------------- */
.hero {
	position:relative;
	z-index:1;
	margin-bottom:100px;
	padding:100px 0;	
	background:#223041;
}
.hero:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:2;
	background:url('../img/bg-main.png') no-repeat center center;
	background-size:cover;
	filter:grayscale();
	opacity:0.05;
}
.hero .text { 
	position:relative; 
	z-index:3;
	color:#fff; 
	text-align:center; 
}
.hero .title { margin-bottom:60px; }
.hero .title span { font-size:120%; font-weight:bold; }
.hero .btn { box-shadow:0 0 15px rgba(0,0,0,0.2); }


/* CATALOG ------------------------------------------------------------- */
.catalog .items { margin:0 -12px; }
.catalog .item { padding:12px; text-align:center; }
.catalog .item-wrap {
	padding:15px 20px 30px 20px;
	box-shadow:0 0 15px rgba(0,0,0,0.07);
	border-radius:10px;
	background:#fff;
}
.catalog .item .img { 
	margin-bottom:10px; 
	height:180px; 
	text-align:center; 
}
.catalog .item img { width:100%; height:100%; object-fit:contain; }
.catalog .item .hh, .catalog .item .price { line-height:1.3; }
.catalog .item .hh { margin-bottom:15px; font-size:26px; }
.catalog .item .price { margin-bottom:20px; font-size:18px; font-weight:600; }
.catalog .item .price i { white-space:nowrap; font-style:normal; }
.catalog .item .har { margin-bottom:20px; font-size:14px; color:#999; }
.catalog .item .har p { 
	margin-bottom:7px; 
	padding-bottom:7px; 
	line-height:1.2; 
	border-bottom:1px dashed #ddd;
}
.catalog .item .har p:first-child {  
	padding-top:7px; 
	border-top:1px dashed #ddd; 
}
.catalog .item .har p span { display:block; }
.catalog .item .more {
	position:relative;
	display:inline-block;
	margin:0 auto;
	padding-right:18px;
	font-size:14px;
	font-weight:600;
	color:#223041;
	border-bottom:1px dotted rgba(34,48,65, 0.7)/*#223041*/;
}
.catalog .item .more:after {
	content:'';
	position:absolute;
	top:8px;
	right:0;
	width:12px;
	height:6px;
	background:url('../img/arrow-down.svg') no-repeat center center;
	background-size:100% auto;
	transition:all .3s;
}
.catalog .item .more:hover { color:#fe9100; border-bottom-color:#fe9100; }
.catalog .item .more:hover:after { background-image:url('../img/arrow-down-orange.svg'); }


/* SERVICES -------------------------------------------------------------- */
.services { padding-top:100px; background:#f5f5f5; }
.services .item { padding:0 30px; text-align:center; }
.services .item .icon { 
	position:relative;
	overflow:hidden;
	margin-bottom:15px; 
	height:70px; 
}
.services .item1 .icon img { margin-top:-5px; width:100px; height:auto; }
.services .item2 .icon img { width:90px; height:auto; }
.services .item3 .icon img { margin-top:-7px; width:115px; height:auto; }
.services .item .hh { margin-bottom:10px; font-size:20px; }
.services .item .txt { margin:0; font-size:16px; color:#777; }


/* PLUSES -------------------------------------------------------------- */
.pluses { padding-top:100px; }
.pluses .item { margin-bottom:50px; padding:0 30px; text-align:center; }
.pluses .item .icon { margin-bottom:10px; }
.pluses .item .icon img { width:64px; height:auto; }
.pluses .item .hh { margin:0; font-size:20px; }


/* STEPS --------------------------------------------------------------- */
.steps { padding-top:100px; background:#f5f5f5; }
.steps .item { margin-bottom:50px; padding:0 30px; text-align:center; }
.steps .item .icon { margin-bottom:10px; opacity:0.3; }
.steps .item .icon img { width:64px; height:auto; }
.steps .item .hh { margin:0; font-size:20px; }


/* CONTACTS ------------------------------------------------------------ */
.contacts { padding-top:100px; background:#223041; }
.contacts .title { color:#fff; }
.contacts .left { padding-right:60px; color:#f2f2f2; }
.contacts .left .hh { margin-bottom:60px; line-height:1.1; }
.contacts .item { 
	position:relative;
	margin-bottom:20px;	
	padding-left:50px;
	font-size:18px;
}
.contacts .items .item:not(:last-child) { margin-bottom:30px; }
.contacts .item:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:30px;
	height:30px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
}
.contacts .item.tel { font-size:24px; }
.contacts .item.adr:before { background-image:url('../img/map.svg'); }
.contacts .item.tel:before { background-image:url('../img/phone.svg'); }
.contacts .item.email:before { background-image:url('../img/email.svg'); }
.contacts .item a { color:#f2f2f2; border-bottom:1px solid rgba(255,255,255,0.4); }
.contacts .item a:hover { opacity:1; border-bottom-color:#fff; }
.contacts .item.tel a, .contacts .item.tel a:hover { border-bottom-color:transparent; }

.contacts .item.inn { padding-top:30px; }

.contacts .right .hh, .contacts .right .desc { color:#f2f2f2; }
.contacts .right .hh { margin-bottom:20px; line-height:1.1; }
.contacts .right .desc { margin-bottom:20px; font-size:16px; opacity:0.6; }

.map { width:100%; height:500px; }


/* FOOTER ------------------------------------------------------------ */
.footer { 
	padding:60px 0;
	font-size:14px;
	text-align:center;
	background:#e5e5e5; 
}
.footer .logo {
	display:block;
	margin:0 auto 15px auto;
	width:140px;
	height:50px;
	background:url('../img/logo-gts.svg') no-repeat 0 0;
	background-size:100% auto;
}
.footer .copy { opacity:0.8; }


/* THANKS ------------------------------------------------------------- */
.thanks-content .thanks {
	padding:200px 0!important;
	color:#fff;
	background:#223041;
}
.thanks-content h2 { margin-bottom:40px!important; }
.thanks-content h4 { 
	margin:0 auto; 
	width:70%; 
	font-weight:300; 
}


/* POLICY ------------------------------------------------------------- */
.pk-content { padding-top:30px; }
.pk-content .title { margin-bottom:30px; text-align:left; }
.pk-content section { 
	margin-bottom:50px;
	padding-bottom:40px;
	border-bottom:1px solid #ccc;
	font-size:14px;
	line-height:1.6; 
}
.pk-content section h4 { margin-bottom:20px; }
.pk-content section p { margin-bottom:20px; }
.pk-menu { 
	margin-bottom:40px; 
	padding-bottom:40px; 
	border-bottom:1px solid #ccc; 
}
.pk-menu a { border-bottom:1px solid transparent; }
.pk-menu a:hover { border-bottom-color:#fe9100; }



/* COMMON ------------------------------------------------------------- */
/* checkbox custom */
.chbox {
	position:absolute;
	z-index:-1;
	opacity:0;
}
.chbox+label { 
	position:relative; 
	display:block; 
	margin:0;
	padding-left:30px;
	cursor:pointer;
}
.chbox+label:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:16px;
	height:16px;
	background-color:#fff;
	border-radius:3px;
	border:1px solid #223041;
	cursor:pointer;
}
.chbox:checked+label:before {
	background:url('../img/check.svg') no-repeat center center #fff;
	background-size:auto 8px;
}

/* pers */
.pers .chbox+label { 
	padding-top:2px;
	padding-left:25px; 
	font-size:13px; 
	line-height:1.2;
	color:rgba(28,34,46,0.8); /* #1c222e */
}
.pers .chbox+label a { 
	color:#223041; 
	border-bottom-color:rgba(28,34,46,0.4); 
}
.pers .chbox+label a:hover { 
	color:#fe9100; 
	border-bottom-color:#fe9100; 
}
.pers.white .chbox+label { color:#fff; }
.pers.white .chbox+label a { 
	color:#fff; 
	border-bottom-color:rgba(255,255,255,0.5); 
}
.pers.white .chbox+label a:hover { 
	color:#fe9100; 
	border-bottom-color:#fe9100; 
}

/* placeholders */
::-webkit-input-placeholder { font-weight:normal; color:#656565; }
::-moz-placeholder { font-weight:normal; color:#656565; }/* Firefox 19+ */
:-moz-placeholder { font-weight:normal; color:#656565; }/* Firefox 18- */
:-ms-input-placeholder { font-weight:normal; color:#656565; }

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 .field { margin-bottom:20px; }
.order-form .input {
	padding:0 15px;
	width:100%;
	height:55px;
	line-height:55px;
	font-size:16px;
	color:#1c222e;
	text-align:center;
	border-radius:5px;
	border:0;
	background:#eee;
}
.order-form .btn-box { margin-bottom:20px; }
.order-form .btn { width:100%; }


/* MODAL -------------------------------------------------------------------- */
.modal { background-color:rgba(28,34,46,0.7); /* #1c222e */ } 
.modal .modal-dialog { z-index:99999; }
.modal .modal-content {
	border:0;
	border-radius:20px;
	background:#fff;
}
.modal .modal-body { padding:60px; padding-top:45px; }
.modal .modal-title { 
	margin-bottom:25px;
	font-size:30px;
	text-align:center; 
	font-weight:normal;
	line-height:1.1;
}
.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.svg') no-repeat center center;
	background-size:12px auto;
	opacity:0.7;
}
.modal .modal-close:hover { opacity:1; }
.modal .note { 
	margin-bottom:30px;
	font-size:16px; 
	text-align:center; 
	line-height:1.4; 
}
.modal .pers {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:flex-start;
	justify-content:center;
}


/* m-kotel */
.m-kotel .har p {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	margin:0;
	padding:12px 0;
	font-size:16px;
	line-height:1.2;
	border-bottom:1px dashed #ddd;
}
.m-kotel .har p:last-child { margin-bottom:0; border-bottom:0; }
.m-kotel .har p span:first-child { padding-right:10px; width:65%; }
.m-kotel .har p span:last-child { padding-left:10px; width:35%; }


/* MEDIA ------------------------------------------------------------------- */
@media (max-width: 1400px) {
	.catalog .item .hh { font-size:24px; }
	.catalog .item .price { font-size:17px; }
}

@media (max-width: 1200px) {	
	h1 { font-size:50px; }
	h2 { font-size:44px; }
	h3 { font-size:36px; }
	h4 { font-size:28px; }
	
	.box { padding-bottom:80px; }
	.box .title { margin-bottom:50px; }
	
	.hero { margin-bottom:80px; padding:80px 0; }
	
	.catalog .item { text-align:left; }
	.catalog .item-wrap {
		position:relative;
		display:flex;
		flex-direction:column;
		align-items:flex-start;
		justify-content:center;
		padding-left:170px;
	}
	.catalog .item .img { 
		position:absolute;
		top:30px;
		left:10px;
		width:150px; 
		height:100px; 
	}
	.catalog .item .hh { margin-bottom:10px; width:100%; }
	.catalog .item .har p span { display:inline; }
	.catalog .item .har p span:first-child { padding-right:10px; }
	
	.services { padding-top:80px; }
	
	.pluses { padding-top:80px; }
	.pluses .item .hh { font-size:18px; line-height:1.3; }
	
	.steps { padding-top:80px; }
	.steps .item .hh { font-size:18px; line-height:1.3; }
	
	.contacts { padding-top:80px; }

	.pk-content { padding-top:130px!important; }
	
	.modal .modal-title { margin-bottom:20px; font-size:26px; }
	.modal .note { font-size:15px; }
	
	.thanks-content .thanks { padding:150px 0!important; }
}

@media (max-width: 992px) {
	h1 { font-size:44px; }
	
	.btn { font-size:17px; }
	
	.header .logo-img { width:160px; height:58px; }
	.header .logo-text { margin-left:30px; font-size:15px; }
	
	.hero .title { margin-bottom:40px; }
	
	.catalog .item-wrap { padding-left:150px; } 
	.catalog .item .img { width:120px; height:90px; }
	.catalog .item .hh { font-size:22px; }
	.catalog .item .price { font-size:16px; }
	.catalog .item .har { width:100%; }
	.catalog .item .har p span { display:block; }
	.catalog .item .har p span:first-child { padding-right:0; }
	
	.pluses .item .icon img { width:60px; }
	.pluses .item .hh { font-size:17px; }
	
	.steps .item .icon img { width:60px; }
	.steps .item .hh { font-size:17px; }
	
	.chbox+label { padding-left:25px; }
	
	.thanks-content .thanks { padding:100px 0!important; }
}

@media (max-width: 768px) {	
	h1 { font-size:40px; }
	h2 { font-size:40px; }
	h3 { font-size:32px; }
	h4 { font-size:24px; }
	
	.btn { font-size:16px; }
	
	.header .logo { 
		flex-direction:column; 
		align-items:flex-start; 
		justify-content:flex-start; 
	}
	.header .logo-img { margin-bottom:5px; width:140px; height:50px; }
	.header .logo-text { margin-left:0; padding-top:0; font-size:13px; line-height:1.3; }
	.header .tel { font-size:18px; }
	.header .tel:before { width:20px; height:20px; }
	.header .email { font-size:14px; }
	.header .adr { font-size:12px; }
	
	.box { padding-bottom:70px; }
	.box .title { margin-bottom:40px; }
	
	.hero { margin-bottom:70px; padding:70px 0; }
	
	.catalog .item { text-align:center; }
	.catalog .item-wrap { display:block; padding:30px 20px; }
	.catalog .item .img { position:static; margin:0 auto 10px auto; }
	
	.services { padding-top:70px; }
	
	.services .item:not(:last-child) { margin-bottom:60px; }
	.services .item .hh br { display:none; }
	
	.pluses { padding-top:70px; }
	.pluses .items { margin:0 -15px; }
	.pluses .item { margin-bottom:40px; padding:0 15px; }
	.pluses .item .icon img { width:50px; }
	.pluses .item .hh { font-size:16px; }
	
	.steps { padding-top:70px; }
	.steps .items { margin:0 -15px; }
	.steps .item { margin-bottom:40px; padding:0 15px; }
	.steps .item .icon img { width:50px; }
	.steps .item .hh { font-size:16px; }
	
	.contacts { padding-top:70px; }
	.contacts .item { padding-left:35px; font-size:16px; }
	.contacts .item:before { width:24px; height:24px; }
	.contacts .item.tel { font-size:22px; }
	.contacts .item.inn { font-size:14px; }
	.contacts .right .hh { margin-bottom:10px; }
	.contacts .right .desc { font-size:14px; }
	.contacts .order-form .btn { padding:17px 20px 20px 20px; font-size:18px; }
	
	.order-form .input { height:45px; line-height:45px; }
	
	.thanks-content .thanks { padding-top:150px; }
	
	.pk-content section { margin-bottom:30px; padding-bottom:20px; }
}

@media (max-width: 640px) {	
	.header .adr { line-height:1.2; }
	.header .adr br { display:block; }
	
	.catalog .item-wrap { padding:20px; }
	.catalog .item .hh { font-size:19px; }
	.catalog .item .price { font-size:14px; }
	
	.modal .modal-body { padding:40px 50px 50px 50px; }
	.modal .modal-title { font-size:24px; }
}

@media (max-width: 576px) {
	h1 { font-size:36px; }
	h2 { font-size:36px; font-weight:600; line-height:1.2; }
	h3 { font-size:30px; }
	h4 { font-size:22px; font-weight:600; }
	
	.btn { padding:8px 20px 12px 20px; }
	.btn.big { padding:20px 30px 25px 30px; font-size:18px; }
	
	.header-row { 
		flex-direction:column; 
		align-items:center; 
		justify-content:flex-start; 
		padding:15px 0;
	}	
	.header .logo {  
		flex-direction:column;
		align-items:center; 
		justify-content:flex-start;
		margin-bottom:15px;		
		width:100%;
		text-align:center;
	}
	.header .logo-img { margin-bottom:15px; width:150px; height:55px; }
	.header .logo-text { 
		margin-left:0;
		font-size:14px;
		font-weight:700; 
		text-transform:uppercase; 
		line-height:1.2;
		opacity:1;
	}
	.header .logo-text br { display:none; } 
	.header .contact { align-items:center; width:100%; }
	.header .contact a, .header .contact span { text-align:center; }
	.header .tel { padding:0; font-size:16px; }
	.header .tel:before { display:none; }
	.header .tel, .header .email { margin-bottom:10px; }
	.header .adr br { display:none; }
	
	.box { padding-bottom:60px; }
	
	.hero { margin-bottom:60px; padding:60px 0; }
	.hero .title { margin-bottom:30px; }
	
	.catalog .items { margin:0; }
	.catalog .item { padding:0 0 20px 0; text-align:left; }
	.catalog .item:last-child { padding-bottom:0; }
	.catalog .item-wrap { display:flex; padding-left:180px; }
	.catalog .item .img { position:absolute; top:15px; width:150px; height:100px; }
	.catalog .item .price { margin-bottom:15px; }
	.catalog .item .har p span { display:inline; }
	.catalog .item .har p span:first-child { padding-right:10px; }
	
	.services { padding-top:60px; }
	.services .item:not(:last-child) { margin-bottom:40px; }
	.services .item .icon { margin-bottom:7px; height:60px; }
	.services .item1 .icon img { margin-top:-3px; width:80px; }
	.services .item2 .icon img { width:70px; }
	.services .item3 .icon img { width:95px; }
	.services .item .hh { font-size:18px; }
	.services .item .txt { font-size:14px; }
	
	.pluses { padding-top:60px; }
	
	.steps { padding-top:60px; }
	
	.contacts { padding-top:60px; }
	.contacts .left { 
		margin-bottom:40px; 
		padding-right:0; 
		padding-bottom:40px;
		border-bottom:1px solid rgba(255,255,255,0.2); 
	}
	.contacts .left .hh { margin:20px 0; text-align:center; }
	.contacts .item { padding-left:0; text-align:center; }
	.contacts .item:before { display:none; }
	.contacts .item.tel { font-size:20px; }
	.contacts .item.inn { margin:0; padding-top:0; }
	.contacts .right .hh { text-align:center; }
	.contacts .right .hh br { display:none; }
	.contacts .right .desc { margin-bottom:30px; text-align:center; }
	.contacts .order-form { margin:0 auto; width:80%; }
	.contacts .pers {
		display:flex;
		flex-wrap:wrap;
		flex-direction:row;
		align-items:flex-start;
		justify-content:center;
	}
	
	.map { height:400px; }
	
	.footer { padding:30px 0; }
	.footer .logo { width:120px; height:45px; }
}


@media (max-width: 468px) {	
	h1 { font-size:32px; }
	h2 { font-size:32px; }
	h3 { font-size:28px; }
	h4 { font-size:20px; }
	
	.catalog .item-wrap { padding-left:160px; }
	.catalog .item .img { width:140px; height:90px; }
	.catalog .item .har p span { display:block; }
	.catalog .item .har p span:first-child { padding-right:0; }
	
	.pluses .items { flex-direction:column; margin:0; }
	.pluses .item { 
		position:relative;
		display:flex;
		flex-wrap:wrap;
		flex-direction:row;
		align-items:center;
		justify-content:flex-start;
		margin-bottom:20px; 
		padding:0 0 0 55px; 
		width:100%; 
		max-width:100%; 
		flex:0 0 100%; 
		min-height:40px;
		text-align:left;
	}
	.pluses .item .icon { position:absolute; top:0; left:0; }
	.pluses .item .icon img { width:40px; }
	.pluses .item .hh { font-size:15px; }
	
	.steps .items { flex-direction:column; margin:0; }
	.steps .item { 
		position:relative;
		display:flex;
		flex-wrap:wrap;
		flex-direction:row;
		align-items:center;
		justify-content:flex-start;
		margin-bottom:20px; 
		padding:0 0 0 55px; 
		width:100%; 
		max-width:100%; 
		flex:0 0 100%; 
		min-height:40px;
		text-align:left;
	}
	.steps .item .icon { position:absolute; top:0; left:0; }
	.steps .item .icon img { width:40px; }
	.steps .item .hh { font-size:15px; }
	
	.contacts .item { font-size:14px; }
	.contacts .item.tel { font-size:18px; }
	.contacts .item.inn { font-size:13px; }
	.contacts .order-form .btn { padding:15px 15px 18px 15px; font-size:16px; }
	
	.order-form .input { font-size:14px; }
	
	.thanks-content .thanks { padding-top:100px; }
	.thanks h4 { font-size:18px; }
	
	.modal .modal-body { padding:35px 40px 40px 40px; }
	.modal .modal-title { font-size:22px; }
	
	.m-kotel .har p { font-size:15px; }
}

@media (max-width: 360px) {
	h1 { font-size:30px; }
	h2 { font-size:30px; }
	
	.btn { font-size:15px; }
	.btn.big { padding:17px 22px 22px 22px; font-size:17px; }
	
	.header .logo-text { font-size:13px; }
	.header .adr br { display:block; }
	
	.box { padding-bottom:50px; }
	.box .title { margin-bottom:30px; }
	
	.hero { margin-bottom:50px; padding:50px 0; }
	
	.catalog .item { text-align:center; }
	.catalog .item-wrap { display:block; padding:20px; }
	.catalog .item .img { position:static; }
	
	.services { padding-top:50px; }
	.services .item:not(:last-child) { margin-bottom:30px; }
	.services .item .icon { margin-bottom:7px; height:50px; }
	.services .item1 .icon img { margin-top:-3px; width:70px; }
	.services .item2 .icon img { width:60px; }
	.services .item3 .icon img { width:80px; }
	.services .item .hh { font-size:16px; }
	.services .item .txt { font-size:13px; }
	
	.pluses { padding-top:50px; }
	
	.steps { padding-top:50px; }
	
	.contacts { padding-top:50px; }
	.contacts .order-form { width:90%; }
	
	.map { height:350px; }
	
	.footer { font-size:13px; }
	
	.thanks h4 { font-size:14px; }
	
	.modal .modal-body { padding:30px; padding-top:35px; }
	.modal .modal-title { margin-bottom:15px; font-size:20px; }
	.modal .note { margin-bottom:20px; font-size:14px; }
	
	.m-kotel .har p { font-size:14px; }
}

@media (max-width: 300px) {
	h1 { font-size:27px; }
	h2 { font-size:26px; }
	h3 { font-size:24px; }
	
	.catalog .item .hh { font-size:18px; }
	
	.pluses .item { 
		margin-bottom:15px; 
		padding:0 0 0 45px; 
		min-height:35px;
		text-align:left;
	}
	.pluses .item .icon img { width:35px; }
	.pluses .item .hh { font-size:14px; }
	
	.steps .item { 
		margin-bottom:15px; 
		padding:0 0 0 45px;  
		min-height:35px;
	}
	.steps .item .icon img { width:35px; }
	.steps .item .hh { font-size:14px; }
	
	.map { height:300px; }
	
	.chbox+label { padding-left:22px; }
	.chbox+label:before { width:14px; height:14px; }
	
	.modal .modal-title { font-size:18px; }
	.modal .note { font-size:13px; }
	
	.m-kotel .har p { font-size:13px; }
}