/*!------------------------------------------------------------------------
 * Import: template/reboot
/* -----------------------------------------------------------------------*/
html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-ms-overflow-style: scrollbar;
	overflow-y: scroll;
	-webkit-tap-highlight-color: transparent
}

*,
::after,
::before {
	-webkit-box-sizing: inherit;
	box-sizing: inherit
}

body,
html {
	min-width: 320px
}

body {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	word-wrap: break-word
}

img {
	display: inline-block;
	height: auto;
	max-width: 100%;
	vertical-align: middle
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

button,
select {
	text-transform: none
}

select::-ms-expand {
	display: none
}

@-ms-viewport {
	width: device-width
}

svg:not(:root) {
	overflow: hidden
}

[role=button],
a,
area,
button,
input,
label,
select,
summary,
textarea {
	-ms-touch-action: manipulation;
	touch-action: manipulation
}

/*!------------------------------------------------------------------------
 * Import: template/typography
/* -----------------------------------------------------------------------*/
body {
	background: #fafafa;
	color: #303338;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1;
	margin-bottom: 24px;
	margin-top: 0
}

.h1,
h1 {
	font-size: 24px
}

.h2,
h2 {
	font-size: 22px
}

.h3,
h3 {
	font-size: 20px
}

.h4,
h4 {
	font-size: 18px
}

.h5,
h5 {
	font-size: 16px
}

.h6,
h6 {
	font-size: 14px
}

p {
	margin-bottom: 24px;
	margin-top: 0
}

ol,
ul {
	margin-bottom: 24px;
	margin-top: 0
}

.list {
	list-style: none;
	margin-left: 0;
	padding-left: 0
}

.list li {
	margin-bottom: 11px;
	padding-left: 25px;
	position: relative
}

.list li:before {
	background: rgba(255, 255, 255, .45);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	content: '';
	height: 6px;
	left: 4px;
	position: absolute;
	top: 8px;
	width: 6px
}

table {
	margin-bottom: 24px
}

hr {
	margin-bottom: 24px;
	margin-top: 0
}

a {
	color: #c14824;
	text-decoration: underline
}

a:active,
a:focus,
a:hover {
	outline: 0;
	text-decoration: none
}

b,
strong {
	font-weight: 700
}

/*!------------------------------------------------------------------------
 * Import: template/utilities
/* -----------------------------------------------------------------------*/
.clearfix:after {
	clear: both;
	content: '';
	display: block
}

.clear {
	clear: both
}

.hide {
	display: none
}

.d-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.d-block {
	display: block
}

.d-inline {
	display: inline
}

.d-inline-block {
	display: inline-block
}

.d-table {
	display: table
}

.d-table-row {
	display: table-row
}

.d-table-cell {
	display: table-cell
}

.color-primary {
	color: #c14824
}

.color-accent {
	color: #ff821f
}

.color-brand {
	color: #4d63d2
}

.color-text {
	color: #303338
}

.color-background {
	color: #fafafa
}

.color-debug {
	color: rgba(255, 85, 0, .1)
}

.text-center {
	text-align: center
}

.text-right {
	text-align: right
}

.text-left {
	text-align: left
}

.font-1 {
	font-family: 'Montserrat', sans-serif
}

.font-2 {
	font-family: Raleway, sans-serif
}

.icon {
	background-repeat: no-repeat;
	display: inline-block;
	line-height: 1;
	vertical-align: middle
}

/*!------------------------------------------------------------------------
 * Import: template/partials/about
/* -----------------------------------------------------------------------*/
.about__content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 80px
}

.about__left {
	margin-right: 50px;
	max-width: 720px
}

.about__heading {
	font-size: 26px;
	font-weight: 500;
	line-height: 1.35;
	margin-top: -5px
}

.about__advantages {
	background: #f6f0f0;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	list-style: none;
	margin: 80px 0 0;
	max-width: 89%;
	padding: 30px 40px
}

.about__advantages li {
	color: #666;
	font-size: 12px;
	max-width: 105px;
	text-transform: uppercase
}

.about__advantages li span {
	color: #303338;
	display: block;
	font-size: 42px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 5px;
	text-transform: none
}

.about__cols {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.about__col {
	max-width: 365px;
	padding-left: 35px;
	position: relative
}

.about__col:before {
	background-image: -webkit-linear-gradient(30deg, #c14824 0, #fd8a47 100%);
	background-image: -o-linear-gradient(30deg, #c14824 0, #fd8a47 100%);
	background-image: linear-gradient(60deg, #c14824 0, #fd8a47 100%);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 3px 12px 0 rgba(0, 0, 1, .15);
	box-shadow: 0 3px 12px 0 rgba(0, 0, 1, .15);
	content: '';
	height: 55px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10px
}

.about__col-title {
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 10px
}

.about__col-desc {
	color: #666;
	font-size: 18px;
	line-height: 1.35
}

.about__insta {
	background-image: -webkit-linear-gradient(30deg, #1f527c 0, #267da8 100%);
	background-image: -o-linear-gradient(30deg, #1f527c 0, #267da8 100%);
	background-image: linear-gradient(60deg, #1f527c 0, #267da8 100%);
	height: 142px;
	margin-top: 195px;
	position: relative
}

.about__insta:before {
	background: url('../assets/instaman.png') no-repeat;
	bottom: 0;
	content: '';
	height: 284px;
	left: 23px;
	position: absolute;
	width: 260px
}

.about__insta-heading {
	bottom: 205px;
	color: #666;
	font-weight: 500;
	line-height: 1.35;
	position: absolute;
	right: 35px;
	text-align: center
}

.about__insta-link {
	bottom: 120px;
	position: absolute;
	right: 98px
}

.about__insta-link-r_3 {
	background-image: -webkit-linear-gradient(30deg, #c14824 0, #fd8a47 100%);
	background-image: -o-linear-gradient(30deg, #c14824 0, #fd8a47 100%);
	background-image: linear-gradient(60deg, #c14824 0, #fd8a47 100%);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	height: 49px;
	line-height: 45px;
	overflow: hidden;
	position: relative;
	text-align: center;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	width: 49px;
	z-index: 3
}

.about__insta-link-r_3:before {
	-webkit-animation: 1.4s ease-in infinite btn-blick;
	animation: 1.4s ease-in infinite btn-blick;
	background: -webkit-gradient(linear, left top, right top, from(#fd8a47), to(transparent));
	background: -webkit-linear-gradient(left, #fd8a47 0, transparent 100%);
	background: -o-linear-gradient(left, #fd8a47 0, transparent 100%);
	background: linear-gradient(90deg, #fd8a47 0, transparent 100%);
	content: '';
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: -10%;
	-webkit-transform: scale(3) rotate(30deg);
	-ms-transform: scale(3) rotate(30deg);
	transform: scale(3) rotate(30deg);
	width: 15px;
	z-index: 1
}

.about__insta-link-r_2 {
	-webkit-animation: 1s ease-in infinite r_2-pulse;
	animation: 1s ease-in infinite r_2-pulse;
	background-color: #fff;
	border: 1px solid #c14824;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	height: 64px;
	left: 50%;
	margin-left: -32px;
	margin-top: -34px;
	opacity: .4;
	position: absolute;
	top: 50%;
	width: 64px;
	z-index: 2
}

.about__insta-link-r_1 {
	-webkit-animation: 1s ease-in infinite r_1-pulse;
	animation: 1s ease-in infinite r_1-pulse;
	-webkit-animation-delay: .25s;
	animation-delay: .25s;
	background-color: #fff;
	border: 1px solid #c14824;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	height: 78px;
	left: 50%;
	margin-left: -39px;
	margin-top: -41px;
	opacity: .2;
	position: absolute;
	top: 50%;
	width: 78px;
	z-index: 1
}

.about__insta-link img {
	-webkit-filter: invert(1);
	filter: invert(1);
	position: relative;
	width: 21px;
	z-index: 4
}

.about__insta-link:focus .about__insta-link-r_3,
.about__insta-link:hover .about__insta-link-r_3 {
	-webkit-filter: brightness(1.2);
	filter: brightness(1.2)
}

.about__insta-link:active .about__insta-link-r_3 {
	-webkit-box-shadow: inset 0 0 9px 1px rgba(0, 0, 0, .3);
	box-shadow: inset 0 0 9px 1px rgba(0, 0, 0, .3)
}

/*!------------------------------------------------------------------------
 * Import: template/partials/articles
/* -----------------------------------------------------------------------*/
.article {
	max-width: 100%;
	width: 830px
}

.article .list li:before {
	background: #999
}

.article__top {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 45px
}

.article__heading {
	font-size: 36px;
	font-weight: 700;
	line-height: 1.2
}

.article__price {
	font-size: 24px;
	line-height: 1.2;
	margin-bottom: 45px
}

.table-price {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	-webkit-box-shadow: 0 15px 45px 0 rgba(0, 0, 0, .06);
	box-shadow: 0 15px 45px 0 rgba(0, 0, 0, .06);
	text-align: center;
	width: 100%
}

.table-price thead {
	background-image: -webkit-gradient(linear, left bottom, left top, from(#1f527c), to(#267da8));
	background-image: -webkit-linear-gradient(bottom, #1f527c 0, #267da8 100%);
	background-image: -o-linear-gradient(bottom, #1f527c 0, #267da8 100%);
	background-image: linear-gradient(0deg, #1f527c 0, #267da8 100%);
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	line-height: 1
}

.table-price tr>:first-child {
	text-align: left
}

.table-price th {
	font-weight: 400;
	padding: 23px 30px
}

.table-price tbody {
	background: #fff
}

.table-price td {
	border: 1px solid #eef3fa;
	padding: 23px 30px
}

/*!------------------------------------------------------------------------
 * Import: template/partials/btn
/* -----------------------------------------------------------------------*/
.btn {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
	border: 0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: inherit;
	cursor: pointer;
	display: inline-block;
	line-height: 1;
	line-height: 60px;
	margin: 0;
	max-width: 100%;
	outline: 0;
	overflow: hidden;
	padding: 0;
	padding: 0 48px;
	position: relative;
	text-align: center;
	text-decoration: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	-webkit-transition: background .2s linear, color .2s linear, border-color .2s linear, -webkit-box-shadow .2s linear, -webkit-filter .2s linear;
	transition: background .2s linear, color .2s linear, border-color .2s linear, -webkit-box-shadow .2s linear, -webkit-filter .2s linear;
	-o-transition: background .2s linear, color .2s linear, border-color .2s linear, box-shadow .2s linear, filter .2s linear;
	transition: background .2s linear, color .2s linear, border-color .2s linear, box-shadow .2s linear, filter .2s linear;
	transition: background .2s linear, color .2s linear, border-color .2s linear, box-shadow .2s linear, filter .2s linear, -webkit-box-shadow .2s linear, -webkit-filter .2s linear;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: middle;
	white-space: nowrap
}

.btn__icon,
.btn__text {
	display: inline-block;
	vertical-align: middle
}

.btn:active,
.btn:focus,
.btn:hover {
	outline: 0
}

.btn[disabled] {
	background-color: #e1e1e1;
	color: #666;
	cursor: auto;
	pointer-events: none
}

.btn_primary {
	background-image: -webkit-linear-gradient(30deg, #c14824 0, #fd8a47 100%);
	background-image: -o-linear-gradient(30deg, #c14824 0, #fd8a47 100%);
	background-image: linear-gradient(60deg, #c14824 0, #fd8a47 100%);
	-webkit-box-shadow: 0 7px 8.1px .9px rgba(193, 72, 36, .51);
	box-shadow: 0 7px 8.1px .9px rgba(193, 72, 36, .51);
	color: #fff;
	font-size: 18px
}

.btn_primary:before {
	-webkit-animation: 1.4s ease-in infinite btn-blick;
	animation: 1.4s ease-in infinite btn-blick;
	background: -webkit-gradient(linear, left top, right top, from(#fd8a47), to(transparent));
	background: -webkit-linear-gradient(left, #fd8a47 0, transparent 100%);
	background: -o-linear-gradient(left, #fd8a47 0, transparent 100%);
	background: linear-gradient(90deg, #fd8a47 0, transparent 100%);
	content: '';
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: -10%;
	-webkit-transform: scale(3) rotate(30deg);
	-ms-transform: scale(3) rotate(30deg);
	transform: scale(3) rotate(30deg);
	width: 50px;
	z-index: 1
}

.btn_primary span {
	position: relative;
	z-index: 2
}

.btn_primary:focus,
.btn_primary:hover {
	-webkit-box-shadow: 0 4px 4px 1px rgba(193, 72, 36, .3);
	box-shadow: 0 4px 4px 1px rgba(193, 72, 36, .3);
	-webkit-filter: brightness(1.15);
	filter: brightness(1.15)
}

.btn_primary:active {
	-webkit-box-shadow: inset 0 0 9px 1px rgba(0, 0, 0, .3);
	box-shadow: inset 0 0 9px 1px rgba(0, 0, 0, .3)
}

.btn_accent {
	background-image: -webkit-gradient(linear, left bottom, left top, from(#1f527c), to(#267da8));
	background-image: -webkit-linear-gradient(bottom, #1f527c 0, #267da8 100%);
	background-image: -o-linear-gradient(bottom, #1f527c 0, #267da8 100%);
	background-image: linear-gradient(0deg, #1f527c 0, #267da8 100%);
	-webkit-box-shadow: 0 7px 8.1px .9px rgba(193, 72, 36, .51);
	box-shadow: 0 7px 8.1px .9px rgba(193, 72, 36, .51);
	color: #fff;
	height: 59px;
	line-height: 59px;
	overflow: hidden
}

.btn_accent span {
	position: relative;
	z-index: 2
}

.btn_accent:focus,
.btn_accent:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#1f527c), to(#267da8));
	background-image: -webkit-linear-gradient(top, #1f527c 0, #267da8 100%);
	background-image: -o-linear-gradient(top, #1f527c 0, #267da8 100%);
	background-image: linear-gradient(180deg, #1f527c 0, #267da8 100%);
	-webkit-box-shadow: 0 4px 6px 1px rgba(33, 33, 33, .25);
	box-shadow: 0 4px 6px 1px rgba(33, 33, 33, .25)
}

.btn_accent:active {
	-webkit-box-shadow: inset 0 0 9px 1px rgba(0, 0, 0, .3);
	box-shadow: inset 0 0 9px 1px rgba(0, 0, 0, .3)
}

.btn_accent:before {
	-webkit-animation: 1.4s ease-in infinite btn-blick;
	animation: 1.4s ease-in infinite btn-blick;
	background: -webkit-gradient(linear, left top, right top, from(#267da8), to(transparent));
	background: -webkit-linear-gradient(left, #267da8 0, transparent 100%);
	background: -o-linear-gradient(left, #267da8 0, transparent 100%);
	background: linear-gradient(90deg, #267da8 0, transparent 100%);
	content: '';
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: -10%;
	-webkit-transform: scale(3) rotate(30deg);
	-ms-transform: scale(3) rotate(30deg);
	transform: scale(3) rotate(30deg);
	width: 50px;
	z-index: 1
}

.btn_flat {
	border: 2px solid #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	font-size: 18px;
	height: 58px;
	line-height: 54px;
	overflow: hidden;
	padding: 0 20px;
	position: relative
}

.btn_flat span {
	position: relative;
	z-index: 2
}

.btn_flat:before {
	background: #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	bottom: -150px;
	content: '';
	height: 150px;
	left: 50%;
	margin-left: -75px;
	position: absolute;
	-webkit-transition: .6s;
	-o-transition: .6s;
	transition: .6s;
	width: 150px;
	z-index: 1
}

.btn_flat:focus,
.btn_flat:hover {
	color: #303338
}

.btn_flat:focus:before,
.btn_flat:hover:before {
	-webkit-transform: scale(3);
	-ms-transform: scale(3);
	transform: scale(3)
}

.btn_flat:active:before {
	background: #ccc
}

.btn_flat.btn_dark {
	border: 2px solid #666;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #666
}

.btn_flat.btn_dark:before {
	background: #666
}

.btn_flat.btn_dark:focus,
.btn_flat.btn_dark:hover {
	color: #fff
}

.btn[disabled] {
	background: #eee;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #666;
	cursor: close;
	pointer-events: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none
}

.btn[disabled]:before {
	-webkit-animation: none;
	animation: none
}

/*!------------------------------------------------------------------------
 * Import: template/partials/callback
/* -----------------------------------------------------------------------*/
.callback {
	color: #fff;
	position: relative;
	padding: 45px 25px 45px 500px
}

.callback__man {
	background: url('../assets/callbackman.png') no-repeat;
	bottom: 0;
	height: 482px;
	left: 40px;
	position: absolute;
	width: 397px
}

.callback__heading {
	font-size: 26px;
	line-height: 1.3;
	margin-bottom: 32px
}

.callback__heading span {
	font-weight: 700
}

.callback__heading span.text-large {
	font-size: 36px
}

.callback__subheading {
	font-size: 20px;
	margin-bottom: 79px
}

.callback__subheading span {
	font-weight: 700
}

/*!------------------------------------------------------------------------
 * Import: template/partials/contacts
/* -----------------------------------------------------------------------*/
.contacts__tel {
	font-size: 24px;
	font-weight: 700
}

.contacts__timework {
	color: #666;
	font-size: 14px;
	line-height: 1
}

/*!------------------------------------------------------------------------
 * Import: template/partials/faq
/* -----------------------------------------------------------------------*/
.faq__content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.faq__left {
	width: 300px
}

.faq__right {
	width: 790px
}

.faq__heading {
	font-size: 36px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 48px
}

.faq__desc {
	color: #666;
	font-size: 18px;
	margin-bottom: 30px
}

.faq__order {
	background: url('../assets/faqwoman.png') 50% 0 no-repeat;
	padding-right: 20px;
	padding-top: 215px
}

.faq__order .btn {
	display: block;
	margin: 0 auto;
	max-width: 400px;
	padding: 0;
	width: 100%
}

.faq-item {
	background-color: #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 1px 0 rgba(128, 128, 130, .09);
	box-shadow: 0 2px 1px 0 rgba(128, 128, 130, .09);
	margin-bottom: 20px;
	padding: 25px 30px 0;
	-webkit-transition: -webkit-box-shadow .2s;
	transition: -webkit-box-shadow .2s;
	-o-transition: box-shadow .2s;
	transition: box-shadow .2s;
	transition: box-shadow .2s, -webkit-box-shadow .2s
}

.faq-item__spoiler {
	cursor: pointer;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.faq-item__spoiler:focus .faq-item__title,
.faq-item__spoiler:hover .faq-item__title {
	color: #c14824
}

.faq-item__toggle {
	flex-shrink: 0;
	background: #da6332;
	border: 2px solid #da6332;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	display: block;
	font-size: 21px;
	font-weight: 700;
	height: 23px;
	line-height: 16px;
	padding-left: 1px;
	text-align: center;
	width: 23px
}

.faq-item__toggle:after {
	content: '+'
}

.faq-item__title {
	font-size: 20px;
	line-height: 1.3;
	padding-bottom: 25px;
	-webkit-transition: color .2s;
	-o-transition: color .2s;
	transition: color .2s
}

.faq-item__text {
	display: none;
	opacity: 0;
	padding-bottom: 25px;
	-webkit-transition: opacity .4s;
	-o-transition: opacity .4s;
	transition: opacity .4s
}

.faq-item.active {
	-webkit-box-shadow: 0 2px 36px 1px rgba(128, 128, 130, .15);
	box-shadow: 0 2px 36px 1px rgba(128, 128, 130, .15)
}

.faq-item.active .faq-item__toggle {
	background: 0 0;
	border-color: #8f939d;
	color: #8f939d
}

.faq-item.active .faq-item__toggle:after {
	content: '-'
}

.faq-item.active .faq-item__text {
	opacity: 1
}

/*!------------------------------------------------------------------------
 * Import: template/partials/foot
/* -----------------------------------------------------------------------*/
.foot {
	padding: 60px 0 40px
}

.foot__top {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 2px solid #e9e4e4;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 25px;
	padding-bottom: 40px
}

.foot__logo {
	margin-top: -10px
}

.foot__slogan {
	margin-left: 62px
}

.foot .mail {
	color: #666;
	font-size: 18px;
	margin: 0 80px 0 60px;
	text-decoration: none;
	-webkit-transition: color .2s;
	-o-transition: color .2s;
	transition: color .2s
}

.foot .mail:focus,
.foot .mail:hover {
	color: #c14824
}

.foot__networks {
	margin-right: auto;
	margin-top: -5px
}

.foot__contacts {
	margin-top: -15px
}

.about__right {
  max-width: 100%;
}

.foot__bottom {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.foot__left {
	color: #999;
	font-size: 14px;
	line-height: 1.3;
	width: 590px
}

.foot__right {
	text-align: right
}

.foot__right a {
	color: #303338;
	font-weight: 700;
	text-decoration: none;
	-webkit-transition: color .2s;
	-o-transition: color .2s;
	transition: color .2s
}

.foot__right a:focus,
.foot__right a:hover {
	color: #c14824
}

/*!------------------------------------------------------------------------
 * Import: template/partials/form
/* -----------------------------------------------------------------------*/
.form {
	max-width: 100%
}

.form-inline {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.form-inline input[type=text], .form-inline input[type=tel]  {
	background: 0 0;
	border: 0;
	border-bottom: 3px solid #fff;
	color: #fff;
	display: block;
	font-size: 18px;
	height: 59px;
	line-height: 59px;
	outline: 0;
	padding: 0 3px;
	-webkit-transition: border-color .2s;
	-o-transition: border-color .2s;
	transition: border-color .2s;
	width: 100%
}

.form-inline input[type=text]:focus, .form-inline input[type=tel]:focus {
	border-color: #21648f
}

.form-inline input[type=text]::-webkit-input-placeholder, .form-inline input[type=tel]::-webkit-input-placeholder {
	color: #fff
}

.form-inline input[type=text]::-moz-placeholder, .form-inline input[type=tel]::-moz-placeholder {
	color: #fff
}

.form-inline input[type=text]::-ms-input-placeholder, .form-inline input[type=tel]::-ms-input-placeholder {
	color: #fff
}

.form-inline input[type=text]::placeholder, .form-inline input[type=tel]::placeholder {
	color: #fff
}

.form-inline input[type=checkbox] {
	display: none
}

.form-inline input[type=checkbox]:checked+label:after {
	opacity: 1
}

.form-inline label {
	cursor: pointer;
	display: block;
	font-size: 12px;
	line-height: 1;
	padding-left: 27px;
	position: relative
}

.form-inline label:before {
	border: 1px solid #ccc;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	content: '';
	height: 14px;
	left: 0;
	position: absolute;
	top: 0;
	width: 14px
}

.form-inline label:after {
	background: #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	content: '';
	height: 8px;
	left: 3px;
	opacity: 0;
	position: absolute;
	top: 3px;
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
	width: 8px
}

.form-inline__control_phone {
	width: 190px
}

.form-inline__control_size {
	width: 169px
}

.form-inline__control_submit {
	width: 208px
}

.form-inline__control_submit .btn {
	margin-bottom: 20px;
	width: 100%
}

.form-inline.form-inline_light input[type=text], .form-inline.form-inline_light input[type=tel] {
	border-color: #ded4d4;
	color: #999
}

.form-inline.form-inline_light input[type=text]::-webkit-input-placeholder, .form-inline.form-inline_light input[type=tel]::-webkit-input-placeholder {
	color: #999
}

.form-inline.form-inline_light input[type=text]::-moz-placeholder, .form-inline.form-inline_light input[type=tel]::-moz-placeholder {
	color: #999
}

.form-inline.form-inline_light input[type=text]::-ms-input-placeholder, .form-inline.form-inline_light input[type=tel]::-ms-input-placeholder {
	color: #999
}

.form-inline.form-inline_light input[type=text]::placeholder, .form-inline.form-inline_light input[type=tel]::placeholder {
	color: #999
}

.form-inline.form-inline_light input[type=text]:focus, .form-inline.form-inline_light input[type=tel]:focus {
	border-color: #c14824
}

.form-inline.form-inline_light label:after {
	background: #999
}

.form-modal {
	max-width: 100%;
	width: 430px
}

.form-modal__title {
	font-size: 30px;
	line-height: 1.2;
	margin-bottom: 40px;
	text-align: center
}

.form-modal__title span {
	color: #c14824;
	display: block;
	font-weight: 700
}

.form-modal__desc {
	font-size: 24px;
	line-height: 1.3;
	margin-bottom: 40px
}

.form-modal__control_phone input {
	background: 0 0;
	border: 0;
	border-bottom: 3px solid #e3e3e3;
	color: #303338;
	display: block;
	font-size: 18px;
	height: 59px;
	line-height: 59px;
	outline: 0;
	padding: 0 3px;
	text-align: center;
	-webkit-transition: border-color .2s;
	-o-transition: border-color .2s;
	transition: border-color .2s;
	width: 100%
}
.form-modal__text-area {
	width: 100%;
	outline: none;
	border: none;
	border-bottom: 3px solid #e3e3e3;
	resize: none;
	margin-top: 30px;
	font-size: 18px;
    height: 59px;
    line-height: 52px;

}

.form-modal__control_submit {
	margin-top: 35px;
	text-align: center
}

.form-modal__confirm {
	font-size: 14px;
	line-height: 1.3;
	margin-top: 40px;
	text-align: center
}

.form-modal__confirm a {
	border-bottom: 1px dashed;
	color: inherit;
	display: inline-block;
	text-decoration: none;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s
}

.form-modal__confirm a:focus,
.form-modal__confirm a:hover {
	border-color: transparent;
	color: #c14824
}

.input_error {
	border-color: red !important
}

/*!------------------------------------------------------------------------
 * Import: template/partials/head
/* -----------------------------------------------------------------------*/
.head__top {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}

.head__logo {
	margin-top: -10px
}

.head__slogan {
	margin: 0 62px
}

.about__right {
  width: 400px;
}

.head__networks {
	margin-right: auto;
	margin-top: -5px
}

.head__contacts {
	margin-right: 45px;
	margin-top: -15px
}

.head__middle {
	position: relative
}

.head__heading {
	font-size: 40px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 60px;
	margin-top: 110px
}

.head__heading span {
	color: #c14824
}

.head__intro {
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 50px;
	max-width: 450px
}

.head__intro span {
	color: #c14824;
	font-weight: 700
}

.head__slider {
	max-width: 626px;
	position: absolute;
	right: 10px;
	text-align: center;
	top: -20px
}

.head__slider img {
	margin: 0 auto
}

.head__advantages {
	counter-reset: advantages;
	font-size: 16px;
	line-height: 1.35;
	list-style: none;
	margin: 55px 0 0;
	max-width: 600px;
	padding: 0
}

.head__advantages li {
	display: inline-block;
	margin-right: 5px;
	max-width: 290px;
	padding-left: 70px;
	position: relative;
	vertical-align: top
}

.head__advantages li:not(:last-child) {
	margin-bottom: 28px
}

.head__advantages li:before {
	color: #666;
	content: "0"counter(advantages);
	counter-increment: advantages;
	font-size: 42px;
	font-weight: 800;
	left: 0;
	line-height: 1;
	position: absolute;
	top: 0
}

/*!------------------------------------------------------------------------
 * Import: template/partials/logo
/* -----------------------------------------------------------------------*/
.logo {
	display: inline-block
}
.logo__img {
	width: 200px;
}
/*!------------------------------------------------------------------------
 * Import: template/partials/modal
/* -----------------------------------------------------------------------*/
.fancybox-skin {
	background: #fcfcfc;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	color: #303338;
	margin: 15px 0
}

.fancybox-skin:before {
	background-color: rgba(251, 251, 251, .502);
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
	bottom: -24px;
	content: '';
	height: 24px;
	left: 22px;
	position: absolute;
	right: 22px
}

.fancybox-skin:after {
	background-color: rgba(251, 251, 251, .502);
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
	bottom: -12px;
	content: '';
	height: 12px;
	left: 11px;
	position: absolute;
	right: 11px
}

.modal {
	padding: 65px;
	position: relative
}

.modal-close {
	background-image: -webkit-gradient(linear, left top, right top, from(#c14824), to(#fd8a47));
	background-image: -webkit-linear-gradient(left, #c14824 0, #fd8a47 100%);
	background-image: -o-linear-gradient(left, #c14824 0, #fd8a47 100%);
	background-image: linear-gradient(90deg, #c14824 0, #fd8a47 100%);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	font-size: 30px;
	font-weight: 700;
	height: 50px;
	left: 50%;
	line-height: 46px;
	margin-left: -25px;
	position: absolute;
	text-align: center;
	top: -25px;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	width: 50px
}

.modal-close:focus,
.modal-close:hover {
	-webkit-filter: brightness(1.2);
	filter: brightness(1.2)
}

.modal-close:before {
	content: 'x'
}

/*!------------------------------------------------------------------------
 * Import: template/partials/nav-toggle
/* -----------------------------------------------------------------------*/
.nav-toggle {
	cursor: pointer
}

/*!------------------------------------------------------------------------
 * Import: template/partials/nav
/* -----------------------------------------------------------------------*/
.nav {
	list-style: none;
	margin: 0;
	padding: 0
}

.nav li {
	position: relative
}

.nav a {
	color: inherit;
	display: block;
	position: relative;
	text-decoration: none
}

.nav span {
	display: inline-block;
	position: relative
}

/*!------------------------------------------------------------------------
 * Import: template/partials/networks
/* -----------------------------------------------------------------------*/
.networks {
	line-height: 1;
	list-style: none;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0
}

.networks li {
	display: inline-block;
	margin: 0 5px
}

.networks a {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	display: block;
	height: 24px;
	opacity: .5;
	text-decoration: none;
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
	width: 24px
}

.networks a:focus,
.networks a:hover {
	opacity: .9
}

.networks__instagram {
	background-image: url('../assets/instagram.svg')
}

.networks__vk {
	background-image: url('../assets/vk.svg')
}

.networks__fb {
	background-image: url('../assets/fb.svg')
}

/*!------------------------------------------------------------------------
 * Import: template/partials/news
/* -----------------------------------------------------------------------*/
.news__items .slick-list {
	margin: 0 -15px;
	padding-bottom: 60px
}

.news__items:after {
	clear: both;
	content: '';
	display: block
}

.news-item {
	float: left;
	width: 400px
}

.news-item:focus img,
.news-item:hover img {
	-webkit-filter: brightness(.7);
	filter: brightness(.7)
}

.news-item:focus .news-item__content,
.news-item:hover .news-item__content {
	-webkit-box-shadow: 0 8px 12px 1px rgba(0, 0, 0, .1);
	box-shadow: 0 8px 12px 1px rgba(0, 0, 0, .1)
}

.news-item__inner {
	padding: 0 30px
}

.news-item__preview {
	margin-bottom: -60px;
	margin-left: -20px;
	margin-right: -20px
}

.news-item__preview a {
	display: block
}

.news-item__preview img {
	display: block;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	width: 100%
}

.news-item__content {
	background: #fff;
	-webkit-box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .05);
	box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .05);
	min-height: 174px;
	padding: 30px 30px 20px;
	position: relative;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

.news-item__title {
	border-bottom: 1px solid #eee6e6;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 20px;
	padding-bottom: 40px
}

.news-item a {
	color: inherit;
	text-decoration: none;
	-webkit-transition: color .2s;
	-o-transition: color .2s;
	transition: color .2s
}

.news-item a:focus,
.news-item a:hover {
	color: #c14824
}

/*!------------------------------------------------------------------------
 * Import: template/partials/page
/* -----------------------------------------------------------------------*/
.page {
	overflow: hidden
}

/*!------------------------------------------------------------------------
 * Import: template/partials/portfolio
/* -----------------------------------------------------------------------*/
.portfolio {
	padding: 0 70px
}

.portfolio__desc {
	font-size: 20px;
	margin-bottom: 30px;
	text-align: center
}

.portfolio__content {
	background-color: #f6f0f0;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 0 22px 65px 0 rgba(0, 0, 0, .13);
	box-shadow: 0 22px 65px 0 rgba(0, 0, 0, .13);
	padding: 58px 0 0 70px
}

.portfolio__slider .slick-slide {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.portfolio__slider .slick-dots {
	bottom: -65px;
	left: 0;
	margin: 0;
	position: absolute;
	text-align: center;
	width: 100%
}

.portfolio-slide {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 30px;
	padding-right: 30px
}

.portfolio-slide__left {
	overflow: hidden;
	width: 460px
}

.portfolio-slide__left img {
	width: 100%
}

.portfolio-slide__right {
	width: 400px
}

.portfolio-slide__title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px
}

.portfolio-slide__details {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.portfolio-slide__price {
	font-size: 14px
}

.portfolio-slide__price span {
	display: block;
	font-size: 24px;
	font-weight: 700
}

.portfolio-gallery {
	margin-bottom: 15px
}

.portfolio-gallery-thumbs {
	overflow: hidden
}

.portfolio-gallery-thumbs__photo {
	cursor: pointer;
	float: left;
	margin: 0 20px;
	width: 60px
}

.portfolio-gallery-thumbs .slick-list {
	margin: 0 -20px
}

/*!------------------------------------------------------------------------
 * Import: template/partials/price
/* -----------------------------------------------------------------------*/
.price__desc {
	font-size: 20px;
	margin-bottom: 60px
}

.price__desc p {
	margin-bottom: 10px
}

.price__items {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: 130px
}

.price-item {
	background-color: #fff;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 0 22px 65px 0 rgba(35, 35, 35, .08);
	box-shadow: 0 22px 65px 0 rgba(35, 35, 35, .08);
	margin-bottom: 60px;
	max-width: 100%;
	-webkit-transition: -webkit-box-shadow .4s;
	transition: -webkit-box-shadow .4s;
	-o-transition: box-shadow .4s;
	transition: box-shadow .4s;
	transition: box-shadow .4s, -webkit-box-shadow .4s;
	width: 370px
}

.price-item:focus,
.price-item:hover {
	-webkit-box-shadow: 0 8px 12px 1px rgba(0, 0, 0, .1);
	box-shadow: 0 8px 12px 1px rgba(0, 0, 0, .1)
}

.price-item:focus img,
.price-item:hover img {
	-webkit-filter: brightness(.7);
	filter: brightness(.7)
}

.price-item__preview {
	margin-bottom: 23px;
	margin-top: -130px;
	padding: 0 25px;
	position: relative
}

.price-item__preview img {
	-webkit-border-radius: 15px;
	border-radius: 15px;
	display: block;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	width: 100%
}

.price-item__size {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: #e9f7fe;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 20px;
	font-weight: 700;
	height: 96px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	line-height: 1;
	position: absolute;
	right: 45px;
	text-align: center;
	top: -15px;
	width: 96px
}

.price-item__size:before {
	-webkit-animation: 1s ease-in infinite size-pulse;
	animation: 1s ease-in infinite size-pulse;
	border: 2px solid #e9f7fe;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	bottom: 0;
	content: '';
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15)
}

.price-item__price {
	color: #c14824;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 18px;
	text-align: center
}

.price-item__price span {
	color: #999;
	display: block;
	font-size: 16px;
	font-weight: 700;
	text-decoration: line-through
}

.price-item__desc {
	text-align: center
}

.price-item__desc a {
	border-bottom: 1px dashed;
	color: #303338;
	display: inline-block;
	font-weight: 500;
	text-decoration: none;
	-webkit-transition: border-color .2s, color .2s;
	-o-transition: border-color .2s, color .2s;
	transition: border-color .2s, color .2s
}

.price-item__desc a:focus,
.price-item__desc a:hover {
	border-color: transparent;
	color: #c14824
}

.price-item__order {
	margin: 30px 0
}

.price-item__order .btn {
	display: block;
	margin: 0 auto;
	width: 278px
}

/*!------------------------------------------------------------------------
 * Import: template/partials/quest
/* -----------------------------------------------------------------------*/
.quest__content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.quest__left {
	font-size: 20px;
	width: 600px
}

.quest__left strong {
	color: #c14824
}

.quest__right {
	width: 460px
}

/*!------------------------------------------------------------------------
 * Import: template/partials/reviews
/* -----------------------------------------------------------------------*/
.reviews__desc {
	font-size: 20px;
	margin-bottom: 30px
}

.reviews__desc p {
	margin-bottom: 10px
}

.reviews__items {
	margin: 0 -15px
}

.reviews__items .slick-list {
	padding: 45px 0
}

.reviews__items .slick-dots {
	text-align: center
}

.reviews__items:after {
	clear: both;
	content: '';
	display: block
}

.reviews-item {
	float: left;
	padding: 0 15px;
	width: 50%
}

.reviews-item__inner {
	background-color: #fff;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .05);
	box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .05);
	padding: 75px 40px 50px;
	position: relative
}

.reviews-item__inner:after {
	background: url('../assets/quote.svg') 50% no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	content: '';
	height: 65px;
	position: absolute;
	right: 45px;
	top: -25px;
	width: 80px
}

.reviews-item__photo {
	-webkit-border-radius: 50%;
	border-radius: 50%;
	left: 40px;
	overflow: hidden;
	position: absolute;
	top: -45px
}

.reviews-item__photo img {
	display: block;
	width: 100px
}

.reviews-item__author {
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 30px
}

.reviews-item__text {
	line-height: 1.7
}

/*!------------------------------------------------------------------------
 * Import: template/partials/services
/* -----------------------------------------------------------------------*/
.services__desc {
	font-size: 20px;
	margin-bottom: 45px
}

.services__items {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.services-item {
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: -2.781px 8.56px 27px 0 rgba(0, 0, 0, .2);
	box-shadow: -2.781px 8.56px 27px 0 rgba(0, 0, 0, .2);
	color: #fff;
	max-width: 100%;
	overflow: hidden;
	padding: 42px 45px;
	position: relative;
	-webkit-transition: -webkit-filter .4s, -webkit-box-shadow .4s;
	transition: -webkit-filter .4s, -webkit-box-shadow .4s;
	-o-transition: filter .4s, box-shadow .4s;
	transition: filter .4s, box-shadow .4s;
	transition: filter .4s, box-shadow .4s, -webkit-filter .4s, -webkit-box-shadow .4s;
	width: 370px
}

.services-item:before {
	bottom: 0;
	content: '';
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

.services-item_heater:before {
	background-image: -webkit-linear-gradient(30deg, #c14824 0, #fd8a47 100%);
	background-image: -o-linear-gradient(30deg, #c14824 0, #fd8a47 100%);
	background-image: linear-gradient(60deg, #c14824 0, #fd8a47 100%)
}

.services-item_water:before {
	background-image: -webkit-linear-gradient(30deg, #1f527c 0, #267da8 100%);
	background-image: -o-linear-gradient(30deg, #1f527c 0, #267da8 100%);
	background-image: linear-gradient(60deg, #1f527c 0, #267da8 100%)
}

.services-item_chimney:before {
	background-image: -webkit-linear-gradient(30deg, #333 0, #666 100%);
	background-image: -o-linear-gradient(30deg, #333 0, #666 100%);
	background-image: linear-gradient(60deg, #333 0, #666 100%)
}

.services-item:focus,
.services-item:hover {
	-webkit-box-shadow: 0 8px 8px 1px rgba(0, 0, 0, .25);
	box-shadow: 0 8px 8px 1px rgba(0, 0, 0, .25)
}

.services-item:focus:before,
.services-item:hover:before {
	-webkit-filter: brightness(1.15);
	filter: brightness(1.15)
}

.services-item__r {
	background: #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	right: 0;
	top: 0
}

.services-item__r_1 {
	-webkit-animation: 1.5s ease-in infinite sr_1-pulse;
	animation: 1.5s ease-in infinite sr_1-pulse;
	-webkit-animation-delay: .25s;
	animation-delay: .25s;
	height: 208px;
	margin-right: -104px;
	margin-top: -104px;
	opacity: .102;
	width: 208px
}

.services-item__r_2 {
	-webkit-animation: 1.25s ease-in infinite sr_all-pulse;
	animation: 1.25s ease-in infinite sr_all-pulse;
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
	height: 354px;
	margin-right: -177px;
	margin-top: -177px;
	opacity: .051;
	width: 354px
}

.services-item__r_3 {
	-webkit-animation: 1s ease-in infinite sr_all-pulse;
	animation: 1s ease-in infinite sr_all-pulse;
	-webkit-animation-delay: .75s;
	animation-delay: .75s;
	height: 492px;
	margin-right: -246px;
	margin-top: -246px;
	opacity: .051;
	width: 492px
}

.services-item__r_4 {
	-webkit-animation: 1s ease-in infinite sr_all-pulse;
	animation: 1s ease-in infinite sr_all-pulse;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	height: 642px;
	margin-right: -321px;
	margin-top: -321px;
	opacity: .051;
	width: 642px
}

.services-item__r_5 {
	-webkit-animation: 1s ease-in infinite sr_all-pulse;
	animation: 1s ease-in infinite sr_all-pulse;
	-webkit-animation-delay: 1.25s;
	animation-delay: 1.25s;
	height: 782px;
	margin-right: -391px;
	margin-top: -391px;
	opacity: .051;
	width: 782px
}

.services-item__content {
	position: relative;
	z-index: 9
}

.services-item__title {
	display: flex;
	align-items: center;
	font-size: 26px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 38px
}

.services-item__title img {
	-webkit-filter: invert(1);
	filter: invert(1);
	margin-right: 15px;
	width: 49px
}

.services-item__desc {
	margin-bottom: 40px
}

.services-item__desc>:last-child {
	margin-bottom: 0
}

.services-item__order .btn {
	display: block;
	width: 100%
}

/*!------------------------------------------------------------------------
 * Import: template/partials/slider
/* -----------------------------------------------------------------------*/
.slider:not(.slick-initialized) .slider__slide:not(:first-child) {
	display: none
}

.slick-dots {
	list-style: none;
	margin: 10px 0 0;
	padding: 0
}

.slick-dots li {
	display: inline-block;
	margin: 0 10px
}

.slick-dots button {
	background: 0 0;
	border: 1px solid transparent;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	display: block;
	height: 21px;
	outline: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-indent: 99px;
	width: 21px
}

.slick-dots button:before {
	background: #999;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	content: '';
	height: 10px;
	left: 50%;
	margin-left: -5px;
	margin-top: -5px;
	position: absolute;
	top: 50%;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	width: 10px
}

.slick-dots button:focus:before,
.slick-dots button:hover:before {
	background: #c14824
}

.slick-dots .slick-active button {
	border-color: #999;
	-webkit-transition: .2s .1s;
	-o-transition: .2s .1s;
	transition: .2s .1s
}

.slick-dots .slick-active button:before {
	background: #999;
	opacity: 0;
	-webkit-transform: scale(4);
	-ms-transform: scale(4);
	transform: scale(4)
}

/*!------------------------------------------------------------------------
 * Import: template/partials/slogan
/* -----------------------------------------------------------------------*/
.slogan {
	color: #666;
	font-size: 14px;
	line-height: 1.2
}

/*!------------------------------------------------------------------------
 * Import: template/partials/tel
/* -----------------------------------------------------------------------*/
.tel {
	color: inherit;
	text-decoration: none;
	-webkit-transition: color .2s;
	-o-transition: color .2s;
	transition: color .2s
}

.tel:focus,
.tel:hover {
	color: #c14824
}

/*!------------------------------------------------------------------------
 * Import: template/sections
/* -----------------------------------------------------------------------*/

.section {
	position: relative
}

.new__head {
	display: block;
	position: fixed;
	top: -100%;
	width: 100%;
	z-index: 999;
	opacity: 0;
	transition: all 0.1s ease;
}
.new__head.menu_active {
	top: 0;
	background-color: white;
	opacity: 1;
	transition: all 0.3s ease;
}

.new__head .container {
	height: 75px;
}

.new__head .head__top {
	height: 100%;
	justify-content: space-between;
	align-items: center;
}

.new__head .contacts {
	margin: 0;
}

.section__title {
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 32px;
	padding-top: 28px;
	position: relative
}

.section__title:before {
	background: #c14824;
	content: '';
	height: 4px;
	left: 0;
	position: absolute;
	top: 0;
	width: 130px
}

.section_head {
	background: url('../assets/head.png') 50% 0 no-repeat #f6f0f0;
	-webkit-background-size: cover;
	background-size: cover;
	margin-bottom: 110px;
	padding-bottom: 40px;
	padding-top: 40px
}

.section_about {
	margin-bottom: 115px
}

.section_callback {
	background: url('../assets/callback.png') 50% 0 no-repeat #da6332;
	-webkit-background-size: cover;
	background-size: cover;
	margin-bottom: 105px
}

.section_services {
	margin-bottom: 110px
}

.section_portfolio {
	background: url('../assets/portfolio-pattern.png');
	padding: 90px 0 100px
}

.section_portfolio .section__title {
	text-align: center
}

.section_portfolio .section__title:before {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.section_faq {
	padding: 65px 0 45px
}

.section_reviews {
	background: #f0eaea;
	margin-bottom: 80px;
	padding: 80px 0 60px
}

.section_news .section__title {
	margin-bottom: 45px
}

.section_quest {
	margin-bottom: 65px
}

.section_foot {
	background: #f6f0f0
}

/*!------------------------------------------------------------------------
 * Import: template/responsive
/* -----------------------------------------------------------------------*/
@media (max-width:1199.98px) {
	.about__left {
		margin-right: 30px;
		max-width: 530px
	}

	.about__heading {
		font-size: 22px
	}

	.about__advantages li span {
		font-size: 30px
	}

	.about__advantages {
		margin-top: 20px;
		max-width: 100%;
		padding: 20px 25px
	}

	.about__col {
		padding-left: 25px
	}

	.about__col-title {
		font-size: 18px
	}

	.about__col-desc {
		font-size: 16px
	}

	.article__heading {
		font-size: 28px
	}

	.article__price {
		font-size: 21px
	}

	.btn {
		font-size: 16px
	}

	.callback {
		padding-left: 285px;
		padding-right: 0
	}

	.callback__man {
		left: -130px
	}

	.faq__left {
		width: 360px
	}

	.faq__heading {
		font-size: 28px
	}

	.faq__desc {
		font-size: 16px
	}

	.foot__slogan {
		display: none !important
	}

	.form-modal__title {
		font-size: 24px
	}

	.form-modal__desc {
		font-size: 18px
	}

	.head__contacts {
		margin-right: 0
	}

	.head__heading {
		font-size: 34px
	}

	.head__intro {
		font-size: 18px
	}

	.head__slider {
		max-width: 425px
	}

	.modal {
		padding: 50px
	}

	.news-item__content {
		padding-left: 20px;
		padding-right: 20px
	}

	.news-item__title {
		font-size: 16px
	}

	.portfolio {
		padding: 0
	}

	.portfolio__desc {
		font-size: 16px
	}

	.portfolio__content {
		padding: 35px 0 0 30px
	}

	.price__desc {
		font-size: 16px
	}

	.price-item {
		width: 300px
	}

	.quest__left {
		font-size: 16px;
		width: 550px
	}

	.reviews__desc {
		font-size: 16px
	}

	.services__desc {
		font-size: 16px
	}

	.services-item {
		padding: 42px 20px;
		width: 300px
	}

	.services-item__title {
		font-size: 22px;
		margin-bottom: 30px
	}

	.services-item__title img {
		margin-right: 10px
	}

	.services-item__desc {
		font-size: 14px
	}
}

@media (max-width:991.98px) {
	.about__content {
		display: block
	}

	.about__left {
		margin-right: 0;
		max-width: 100%
	}

	.about__advantages {
		margin: 30px 0
	}

	.about__insta {
		margin: 195px auto 0;
		max-width: 400px
	}

	.callback {
		padding-left: 0
	}

	.callback__man {
		display: none
	}

	.faq__left {
		width: 430px
	}

	.faq__heading {
		font-size: 24px
	}

	.faq-item__title {
		font-size: 18px
	}

	.foot .mail {
		margin: 0 10px 0 20px
	}

	.foot__networks {
		margin-top: 0
	}

	.foot__contacts {
		margin-top: 0
	}

	.foot__left {
		left: 420px
	}

	.head__top {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.head__networks {
		margin: 0 30px 0 auto
	}

	.head__heading {
		font-size: 28px;
		margin-bottom: 40px;
		margin-top: 70px
	}

	.head__intro {
		font-size: 16px;
		max-width: 370px
	}

	.head__slider {
		max-width: 300px
	}

	.portfolio__slider .slick-slide {
		display: block
	}

	.portfolio-slide__left {
		margin-bottom: 30px;
		width: 100%
	}

	.portfolio-slide__right {
		width: 100%
	}

	.price__items {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		padding-top: 0
	}

	.price-item {
		padding-top: 100px
	}

	.price-item__price {
		font-size: 21px
	}

	.quest__content {
		display: block
	}

	.quest__left {
		margin-bottom: 30px;
		width: 100%
	}

	.services__items {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around
	}

	.services-item {
		margin-bottom: 30px
	}

	.slogan {
		display: none
	}

	.section_head {
		margin-bottom: 60px
	}

	.section_about {
		margin-bottom: 60px
	}

	.section_callback {
		margin-bottom: 60px
	}

	.section_services {
		margin-bottom: 60px
	}

	.section_portfolio {
		padding-top: 60px
	}

	.section_faq {
		margin-bottom: 60px
	}
}

@media (max-width:767.98px) {
	.about__advantages li {
		margin-bottom: 20px;
		max-width: 100%;
		width: 48%
	}

	.about__advantages {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 20px 20px 0;
		text-align: center
	}

	.about__cols {
		display: block
	}

	.about__col {
		margin: 0 0 30px
	}

	.article__top {
		display: block;
		margin-bottom: 25px
	}

	.article__top .btn {
		width: 100%
	}

	.article__heading {
		font-size: 24px;
		margin-bottom: 25px
	}

	.article__price {
		margin-bottom: 25px
	}

	.table-price {
		font-size: 14px
	}

	.table-price thead {
		font-size: 16px
	}

	.table-price th {
		padding: 15px
	}

	.table-price td {
		padding: 15px
	}

	.callback__heading span.text-large {
		font-size: 28px
	}

	.callback__heading {
		font-size: 21px;
		margin-bottom: 25px
	}

	.callback__subheading {
		font-size: 16px;
		margin-bottom: 25px
	}

	.faq__content {
		display: block
	}

	.faq__left {
		margin-bottom: 45px;
		text-align: center;
		width: 100%
	}

	.faq__right {
		width: 100%
	}

	.foot {
		padding-top: 45px
	}

	.foot__top {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding-bottom: 0;
		text-align: center
	}

	.foot__top>* {
		display: block;
		margin: 0 0 20px !important
	}

	.foot__logo {
		-webkit-box-ordinal-group: 0;
		-webkit-order: -1;
		-ms-flex-order: -1;
		order: -1;
		width: 100%
	}

	.foot__logo img {
		width: 270px
	}

	.foot__bottom {
		display: block
	}

	.foot__left {
		margin-bottom: 30px;
		width: 100%
	}

	.foot__right {
		font-size: 14px;
		text-align: left
	}

	.form-inline {
		display: block;
		margin: 0 auto;
		max-width: 400px
	}

	.form-inline__control {
		margin: 0 0 20px;
		width: 100% !important
	}

	.form-modal__title {
		font-size: 21px;
		margin-bottom: 20px
	}

	.form-modal__desc {
		font-size: 16px;
		margin-bottom: 20px
	}

	.form-modal__control_submit {
		margin-top: 20px
	}

	.form-modal__confirm {
		margin-top: 20px
	}

	.head__top {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.head__networks {
		margin: 0
	}

	.head__heading {
		text-align: center
	}

	.head__intro {
		margin: 0 auto 30px
	}

	.head__order {
		text-align: center
	}

	.head__slider {
		margin: 0 auto 30px;
		max-width: 400px;
		position: static
	}

	.head__advantages {
		margin: 40px auto 0
	}

	.modal {
		padding: 35px 15px
	}

	.price__items {
		display: block
	}

	.price-item {
		margin: 0 auto 60px;
		padding-bottom: 1px;
		width: 370px
	}

	.quest__right {
		width: 100%
	}

	.reviews-item__inner {
		font-size: 14px;
		padding: 75px 20px 35px
	}

	.reviews-item__author {
		font-size: 16px
	}

	.services__items {
		display: block
	}

	.services-item {
		margin: 0 auto 30px
	}

	.section__title {
		font-size: 26px
	}

	.section_faq {
		padding-bottom: 0
	}

	.section_quest {
		margin-bottom: 40px
	}
}

@media (max-width:575.98px) {
	.about__insta:before {
		left: -45px
	}

	.about__insta {
		margin-right: -10px
	}

	.faq-item {
		padding: 20px 20px 0
	}

	.faq-item__title {
		font-size: 16px
	}

	.faq-item__text {
		font-size: 14px
	}

	.foot {
		margin: 0 auto;
		max-width: 380px
	}

	.foot .mail {
		font-size: 14px;
		-webkit-box-ordinal-group: 0;
		-webkit-order: -1;
		-ms-flex-order: -1;
		order: -1
	}

	.foot__networks {
		width: 100%
	}

	.foot__contacts {
		-webkit-box-ordinal-group: 0;
		-webkit-order: -1;
		-ms-flex-order: -1;
		order: -1;
		text-align: right
	}

	.foot__contacts .tel {
		font-size: 18px
	}

	.foot__contacts .contacts__timework {
		font-size: 12px
	}

	.head__networks {
		position: absolute;
		right: 4%;
		top: 11%;
	}

	.head__contacts {
		font-size: 12px;
		margin-bottom: -40px;
		margin-top: 40px;
		text-align: center;
		width: 100%
	}
	.new__head .head__contacts {
		width: auto;
	}

	.head__contacts .tel {
		font-size: 24px
	}
	.new__head .head__contacts {
		width: auto;
	}
	.new__head .head__contacts .tel {
		font-size: 19px
	}

	.head__contacts .contacts__timework {
		display: none
	}

	.head__heading {
		font-size: 24px
	}

	.head__order .btn {
		width: 100%
	}

	.portfolio__content {
		padding-left: 20px
	}

	.portfolio-slide {
		overflow: hidden;
		padding-right: 20px
	}

	.portfolio-slide__details {
		display: block
	}

	.portfolio-slide__price {
		margin-bottom: 20px
	}

	.portfolio-slide__order .btn {
		width: 100%
	}

	.services-item {
		width: 100%
	}

	.container {
		padding-left: 10px;
		padding-right: 10px
	}
}



@media (max-width: 400px) {
	.new__head .container {
		height: 95px;
	}
	.new__head .head__logo {
		margin-top: 0;
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.new__head .head__contacts {
		width: 100%;
	}
	.new__head .head__contacts .tel {
		text-align: center;
	}
}

@-webkit-keyframes r_1-pulse {
	0% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		opacity: .2;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes r_1-pulse {
	0% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		opacity: .2;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes r_2-pulse {
	0% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		opacity: .4;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes r_2-pulse {
	0% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		opacity: .4;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes btn-blick {
	0% {
		left: -200%;
		opacity: 0
	}

	50% {
		-webkit-filter: brightness(1.2);
		filter: brightness(1.2);
		opacity: .3
	}

	100% {
		left: 200%;
		opacity: 0
	}
}

@keyframes btn-blick {
	0% {
		left: -200%;
		opacity: 0
	}

	50% {
		-webkit-filter: brightness(1.2);
		filter: brightness(1.2);
		opacity: .3
	}

	100% {
		left: 200%;
		opacity: 0
	}
}

@-webkit-keyframes size-pulse {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		-webkit-transform: scale(1.15);
		transform: scale(1.15)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes size-pulse {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		-webkit-transform: scale(1.15);
		transform: scale(1.15)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes sr_1-pulse {
	0% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		opacity: .102;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes sr_1-pulse {
	0% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		opacity: .102;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes sr_all-pulse {
	0% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		opacity: .051;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes sr_all-pulse {
	0% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		opacity: .051;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}