/*!------------------------------------------------------------------------
 * Import: template/variables
/* -----------------------------------------------------------------------*/
/*!------------------------------------------------------------------------
 * Import: template/fonts
/* -----------------------------------------------------------------------*/
@font-face {
	font-display: swap;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 300;
	src: url(../fonts/montserrat-300.eot?v1756b660b92);
	src: local("☺"), url(../fonts/montserrat-300.eot?v1756b660b92#iefix) format("embedded-opentype"), url(../fonts/montserrat-300.woff2?v1756b660b98) format("woff2"), url(../fonts/montserrat-300.woff?v1756b660b97) format("woff"), url(../fonts/montserrat-300.ttf?v1756b660b95) format("truetype"), url(../fonts/montserrat-300.svg?v1756b660b93) format("svg")
}

@font-face {
	font-display: swap;
	font-family: Montserrat;
	font-style: italic;
	font-weight: 300;
	src: url(../fonts/montserrat-300italic.eot?v1756b660b9a);
	src: local("☺"), url(../fonts/montserrat-300italic.eot?v1756b660b9a#iefix) format("embedded-opentype"), url(../fonts/montserrat-300italic.woff2?v1756b660b9f) format("woff2"), url(../fonts/montserrat-300italic.woff?v1756b660b9e) format("woff"), url(../fonts/montserrat-300italic.ttf?v1756b660b9d) format("truetype"), url(../fonts/montserrat-300italic.svg?v1756b660b9b) format("svg")
}

@font-face {
	font-display: swap;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/montserrat-regular.eot?v1756b660bc7);
	src: local("☺"), url(../fonts/montserrat-regular.eot?v1756b660bc7#iefix) format("embedded-opentype"), url(../fonts/montserrat-regular.woff2?v1756b660bc9) format("woff2"), url(../fonts/montserrat-regular.woff?v1756b660bc9) format("woff"), url(../fonts/montserrat-regular.ttf?v1756b660bc8) format("truetype"), url(../fonts/montserrat-regular.svg?v1756b660bc7) format("svg")
}

@font-face {
	font-display: swap;
	font-family: Montserrat;
	font-style: italic;
	font-weight: 400;
	src: url(../fonts/montserrat-italic.eot?v1756b660bc4);
	src: local("☺"), url(../fonts/montserrat-italic.eot?v1756b660bc4#iefix) format("embedded-opentype"), url(../fonts/montserrat-italic.woff2?v1756b660bc6) format("woff2"), url(../fonts/montserrat-italic.woff?v1756b660bc6) format("woff"), url(../fonts/montserrat-italic.ttf?v1756b660bc5) format("truetype"), url(../fonts/montserrat-italic.svg?v1756b660bc5) format("svg")
}

@font-face {
	font-display: swap;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	src: url(../fonts/montserrat-500.eot?v1756b660ba0);
	src: local("☺"), url(../fonts/montserrat-500.eot?v1756b660ba0#iefix) format("embedded-opentype"), url(../fonts/montserrat-500.woff2?v1756b660ba8) format("woff2"), url(../fonts/montserrat-500.woff?v1756b660ba4) format("woff"), url(../fonts/montserrat-500.ttf?v1756b660ba3) format("truetype"), url(../fonts/montserrat-500.svg?v1756b660ba1) format("svg")
}

@font-face {
	font-display: swap;
	font-family: Montserrat;
	font-style: italic;
	font-weight: 500;
	src: url(../fonts/montserrat-500italic.eot?v1756b660ba9);
	src: local("☺"), url(../fonts/montserrat-500italic.eot?v1756b660ba9#iefix) format("embedded-opentype"), url(../fonts/montserrat-500italic.woff2?v1756b660baf) format("woff2"), url(../fonts/montserrat-500italic.woff?v1756b660bae) format("woff"), url(../fonts/montserrat-500italic.ttf?v1756b660bac) format("truetype"), url(../fonts/montserrat-500italic.svg?v1756b660bab) format("svg")
}

@font-face {
	font-display: swap;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/montserrat-700.eot?v1756b660bb1);
	src: local("☺"), url(../fonts/montserrat-700.eot?v1756b660bb1#iefix) format("embedded-opentype"), url(../fonts/montserrat-700.woff2?v1756b660bb9) format("woff2"), url(../fonts/montserrat-700.woff?v1756b660bb7) format("woff"), url(../fonts/montserrat-700.ttf?v1756b660bb4) format("truetype"), url(../fonts/montserrat-700.svg?v1756b660bb3) format("svg")
}

@font-face {
	font-display: swap;
	font-family: Montserrat;
	font-style: italic;
	font-weight: 700;
	src: url(../fonts/montserrat-700italic.eot?v1756b660bba);
	src: local("☺"), url(../fonts/montserrat-700italic.eot?v1756b660bba#iefix) format("embedded-opentype"), url(../fonts/montserrat-700italic.woff2?v1756b660bbe) format("woff2"), url(../fonts/montserrat-700italic.woff?v1756b660bbe) format("woff"), url(../fonts/montserrat-700italic.ttf?v1756b660bbd) format("truetype"), url(../fonts/montserrat-700italic.svg?v1756b660bbb) format("svg")
}

@font-face {
	font-display: swap;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 800;
	src: url(../fonts/montserrat-800.eot?v1756b660bbf);
	src: local("☺"), url(../fonts/montserrat-800.eot?v1756b660bbf#iefix) format("embedded-opentype"), url(../fonts/montserrat-800.woff2?v1756b660bc1) format("woff2"), url(../fonts/montserrat-800.woff?v1756b660bc0) format("woff"), url(../fonts/montserrat-800.ttf?v1756b660bc0) format("truetype"), url(../fonts/montserrat-800.svg?v1756b660bbf) format("svg")
}

@font-face {
	font-display: swap;
	font-family: Montserrat;
	font-style: italic;
	font-weight: 800;
	src: url(../fonts/montserrat-800italic.eot?v1756b660bc1);
	src: local("☺"), url(../fonts/montserrat-800italic.eot?v1756b660bc1#iefix) format("embedded-opentype"), url(../fonts/montserrat-800italic.woff2?v1756b660bc4) format("woff2"), url(../fonts/montserrat-800italic.woff?v1756b660bc3) format("woff"), url(../fonts/montserrat-800italic.ttf?v1756b660bc2) format("truetype"), url(../fonts/montserrat-800italic.svg?v1756b660bc2) format("svg")
}

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

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

body,
html {
	min-width: 320px
}

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

main {
	display: block
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

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

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

textarea {
	overflow: auto
}

[type=checkbox],
[type=radio] {
	padding: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: ButtonText dotted 1px
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

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

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

@-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
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

svg {
	pointer-events: none
}

/*!------------------------------------------------------------------------
 * Import: template/typography
/* -----------------------------------------------------------------------*/
body {
	background: #383838;
	color: #333;
	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
}

table {
	margin-bottom: 24px
}

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

a {
	background-color: transparent;
	color: #313131;
	text-decoration: underline
}

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

code,
kbd,
pre,
samp {
	font-family: monospace, monospace
}

b,
strong {
	font-weight: 700
}

abbr[title] {
	border-bottom: none;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline;
	text-decoration: underline dotted
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

fieldset {
	padding: 24px
}

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

.clear {
	clear: both
}

.hide {
	display: none
}

.flex-justify-a {
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.flex-justify-b {
	-ms-flex-pack: justify;
	justify-content: space-between
}

.flex-items-center {
	align-items: center;
	-ms-flex-align: center
}

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

.d-block {
	display: block
}

.d-inline {
	display: inline
}

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

.d-grid {
	display: -ms-grid;
	display: grid
}

.color-primary {
	color: #313131
}

.color-accent {
	color: #f65618
}

.color-brand {
	color: #f4f4f4
}

.color-text {
	color: #333
}

.color-background {
	color: #383838
}

.color-theme {
	color: #000
}

.color-white {
	color: #fff
}

.color-dark {
	color: #333
}

.color-gray {
	color: #999
}

.bg-primary {
	background-color: #313131
}

.bg-accent {
	background-color: #f65618
}

.bg-brand {
	background-color: #f4f4f4
}

.bg-text {
	background-color: #333
}

.bg-background {
	background-color: #383838
}

.bg-theme {
	background-color: #000
}

.bg-white {
	background-color: #fff
}

.bg-dark {
	background-color: #333
}

.bg-gray {
	background-color: #999
}

.text-center {
	text-align: center
}

.text-right {
	text-align: right
}

.text-left {
	text-align: left
}

.text-justify {
	text-align: justify
}

.font-primary {
	font-family: Montserrat, sans-serif
}

.font-accent {
	font-family: "PT Sans", sans-serif
}

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

/*!------------------------------------------------------------------------
 * Import: template/grid
/* -----------------------------------------------------------------------*/
.container {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative
}

/*!------------------------------------------------------------------------
 * Import: template/partials/about
/* -----------------------------------------------------------------------*/
.about__content {
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 40px
}

.about__content-left {
	margin-right: 70px;
	max-width: 600px
}

.about__content-title {
	font-size: 30px;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 25px
}

.about__content-title_lg {
	font-size: 36px;
	font-weight: 400
}

.about__content-text {
	line-height: 1.9
}

.about__uses {
	margin-bottom: 80px
}

.about__uses-title {
	font-size: 30px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 40px
}

.about__uses-items {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.about__uses-item {
	background: url(../img/bg/uses-item.png?v1756b650d14) 50% 100%/100% auto no-repeat #383838;
	color: #fff;
	min-height: 275px;
	padding: 50px 10px 10px 55px;
	position: relative;
	width: calc(33.33% - 30px)
}

.about__uses-item img {
	bottom: 0;
	position: absolute;
	right: 0;
	z-index: 1
}

.about__uses-item ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2
}

.about__uses-item ul li {
	margin-bottom: 15px
}

.about__features {
	display: -ms-flexbox;
	display: flex
}

.about__features-item {
	background: url(../img/bg/uses-tl.png?v1756b650e42) -3px 0 no-repeat, url(../img/bg/uses-tr.png?v1756b650e6e) 100% 0 no-repeat, url(../img/bg/uses-br.png?v1756b650c16) 100% 100% no-repeat, url(../img/bg/uses-bl.png?v1756b650c89) -3px 100% no-repeat;
	padding: 50px 40px;
	width: 25%
}

.about__features-item:first-child {
	background: url(../img/bg/uses-tl.png?v1756b650e42) no-repeat, url(../img/bg/uses-tr.png?v1756b650e6e) 100% 0 no-repeat, url(../img/bg/uses-br.png?v1756b650c16) 100% 100% no-repeat, url(../img/bg/uses-bl.png?v1756b650c89) 0 100% no-repeat
}

.about__features-title {
	color: #f65618;
	font-size: 26px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 15px
}

.about__features-desc {
	font-size: 18px;
	font-weight: 500
}

/*!------------------------------------------------------------------------
 * Import: template/partials/article
/* -----------------------------------------------------------------------*/
.article {
	cursor: auto;
	max-width: 100%;
	width: 800px
}

/*!------------------------------------------------------------------------
 * Import: template/partials/bg-heading
/* -----------------------------------------------------------------------*/
.bg-heading {
	color: #f4f4f4;
	font-size: 172px;
	font-weight: 700;
	line-height: 1
}

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

.btn-arrow:active,
.btn-arrow:focus,
.btn-arrow:hover,
.btn-toggle:active,
.btn-toggle:focus,
.btn-toggle:hover,
.btn:active,
.btn:focus,
.btn:hover {
	outline: 0
}

.btn-arrow[disabled],
.btn-toggle[disabled],
.btn[disabled] {
	background-color: #e1e1e1;
	box-shadow: none;
	color: #666;
	cursor: auto;
	pointer-events: none;
	transition: none
}

.btn {
	animation: 1.4s ease-in infinite btn-dragon;
	border-radius: 2px;
	box-shadow: 0 0 0 2px #f65618, 0 0 22.8px 1.2px rgba(237, 81, 29, .73);
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	height: 69px;
	line-height: 69px;
	overflow: hidden;
	padding: 0 35px;
	-ms-transform: skewX(-13.5deg);
	transform: skewX(-13.5deg)
}

.btn span {
	display: inline-block;
	position: relative;
	-ms-transform: skewX(13.5deg);
	transform: skewX(13.5deg)
}

.btn:hover {
	animation: none;
	box-shadow: 0 0 0 2px #f65618, 0 6px 6px 1px rgba(0, 0, 0, .1)
}

.btn:active {
	animation: none;
	border-color: transparent;
	box-shadow: inset 0 0 4px 1px rgba(0, 0, 0, .3)
}

.btn_sm {
	font-size: 14px;
	height: 46px;
	line-height: 46px
}

.btn_primary:focus,
.btn_primary:hover {
	background: #f65618
}

.btn_accent {
	background: #f65618
}

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

.btn_accent:focus,
.btn_accent:hover {
	background: #f65618
}

/*!------------------------------------------------------------------------
 * Import: template/partials/btn/btn-outline
/* -----------------------------------------------------------------------*/
.btn-arrow {
	background: #f65618;
	border-radius: 2px;
	box-shadow: 0 0 0 2px #f65618;
	color: #fff;
	height: 45px;
	line-height: 45px;
	overflow: hidden;
	padding: 0 12px;
	text-align: center;
	-ms-transform: skewX(-13.5deg);
	transform: skewX(-13.5deg)
}

.btn-arrow svg {
	display: inline-block;
	fill: #fff;
	height: 16px;
	position: relative;
	-ms-transform: skewX(13.5deg);
	transform: skewX(13.5deg);
	width: 16px
}

.btn-arrow:hover {
	background: #f76831;
	box-shadow: 0 0 0 2px #f76831, 0 6px 6px 1px rgba(0, 0, 0, .1)
}

.btn-arrow:active {
	animation: none;
	border-color: transparent;
	box-shadow: inset 0 0 4px 1px rgba(0, 0, 0, .3)
}

.btn-arrow.slick-disabled {
	background: 0 0;
	cursor: auto;
	pointer-events: none
}

.btn-arrow_prev svg {
	-ms-transform: scaleX(-1);
	transform: scaleX(-1)
}

/*!------------------------------------------------------------------------
 * Import: template/partials/btn/btn-toggle
/* -----------------------------------------------------------------------*/
.btn-toggle_nav:before {
	content: "";
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	font-size: 22px;
	font-style: normal;
	font-weight: 900;
	line-height: 1;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle
}

.btn-toggle_nav-sub {
	color: #313131;
	height: 55px;
	line-height: 55px;
	text-align: right;
	width: 55px
}

.btn-toggle_nav-sub:before {
	content: "";
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	font-size: 22px;
	font-style: normal;
	font-weight: 900;
	line-height: 1;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle
}

.btn-toggle_nav-sub.active:before {
	-ms-transform: rotate(180deg);
	transform: rotateZ(180deg)
}

/*!------------------------------------------------------------------------
 * Import: template/partials/faq
/* -----------------------------------------------------------------------*/
.faq {
	margin: 0 auto;
	max-width: 1030px
}

.faq__heading {
	font-size: 50px;
	font-weight: 700;
	line-height: 1;
	text-align: center
}

.faq__desc {
	font-size: 22px;
	line-height: 1.3;
	margin: 25px 0 35px;
	text-align: center
}

.faq__content {
	align-items: baseline;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: baseline
}

.faq__left {
	width: 210px
}

.faq__left-heading {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 25px
}

.faq__left-desc {
	margin-bottom: 60px
}

.faq__right {
	padding-left: 35px;
	width: 100%
}

.faq__item {
	border-bottom: 1px solid #e5e5e5
}

.faq__item-title {
	cursor: pointer;
	font-size: 24px;
	line-height: 1.2;
	padding: 15px 0 15px 30px;
	position: relative;
	transition: color .2s linear
}

.faq__item-title:before {
	color: #999;
	content: '+';
	display: inline-block;
	font-size: 30px;
	font-weight: 400;
	margin-right: 20px;
	transition: .2s linear;
	vertical-align: middle;
	position: absolute;
	left: 0;
	top: 10px;
}

.faq__item-title.active,
.faq__item-title:focus,
.faq__item-title:hover {
	color: #f65618
}

.faq__item-title.active:before,
.faq__item-title:focus:before,
.faq__item-title:hover:before {
	color: #f65618
}

.faq__item-title.active:before {
	-ms-transform: rotate(45deg);
	transform: rotateZ(45deg)
}

.faq__item-text {
	display: none;
	padding: 0 0 30px 40px
}

/*!------------------------------------------------------------------------
 * Import: template/partials/field
/* -----------------------------------------------------------------------*/
.field.field_error {
	border-color: red !important
}

/*!------------------------------------------------------------------------
 * Import: template/partials/footer
/* -----------------------------------------------------------------------*/
.footer {
	color: #fff
}

.footer__content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 50px
}

.footer__contact {
	font-size: 18px
}

.footer__address {
	color: #ccc;
	margin: 20px 0 30px
}

.footer__networks a {
	display: inline-block
}

.footer__networks a:not(:first-child) {
	margin-left: 10px
}

.footer__networks img {
	display: inline-block;
	height: 30px;
	width: 30px
}

.footer__left {
	width: 450px
}

.footer__left .tel {
	color: #fff;
	display: inline-block;
	font-size: 40px;
	font-weight: 900;
	line-height: 1;
	margin: 33px 0
}

.footer__left .mail {
	color: #f65618;
	display: block;
	font-size: 18px;
	line-height: 1;
	text-decoration: none;
	transition: color .2s linear
}

.footer__left .mail:focus,
.footer__left .mail:hover {
	color: #fff
}

.footer__right {
	width: 670px
}

.footer__order {
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 50px
}

.footer__order-text {
	margin-right: 35px;
	max-width: 255px
}

.footer__privacy {
	color: #a49c9c
}

.footer__bottom {
	display: -ms-flexbox;
	display: flex;
	font-size: 14px;
	line-height: 1
}

.footer__bottom a {
	color: #fff;
	transition: color .2s linear
}

.footer__bottom a:focus,
.footer__bottom a:hover {
	color: #f65618
}

.footer__bottom .policy {
	margin: 0 15px 0 40px
}

.footer__bottom .awh {
	margin-left: auto
}

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

/*!------------------------------------------------------------------------
 * Import: template/partials/form/form_order
/* -----------------------------------------------------------------------*/
.form_order {
	cursor: auto;
	max-width: 100%;
	width: 500px
}

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

.form_order .form__title span {
	color: #f65618;
	display: block;
	font-weight: 700
}

.form_order .form__desc {
	font-size: 18px;
	line-height: 1.3;
	margin-bottom: 40px;
	text-align: center
}

.form_order .form__control_phone input {
	background: 0 0;
	border: 0;
	border: 1px solid #c6c6c6;
	color: #333;
	display: block;
	font-size: 18px;
	height: 59px;
	line-height: 59px;
	margin: 0 auto;
	max-width: 370px;
	outline: 0;
	padding: 0 3px;
	text-align: center;
	transition: border-color .2s;
	width: 100%
}

.form_order .form__control_submit {
	margin-top: 35px;
	text-align: center
}

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

.form_order .form__confirm a {
	border-bottom: 1px solid;
	color: inherit;
	display: inline-block;
	text-decoration: none;
	transition: .2s
}

.form_order .form__confirm a:focus,
.form_order .form__confirm a:hover {
	border-color: transparent;
	color: #313131
}

/*!------------------------------------------------------------------------
 * Import: template/partials/form/form_secret
/* -----------------------------------------------------------------------*/
.form_secret {
	width: 520px
}

.form_secret .form__fields {
	margin-bottom: 15px;
	position: relative
}

.form_secret .form__fields input {
	background: 0 0;
	border: 2px solid #fff;
	border: 2px solid #fff;
	color: #fff;
	display: block;
	font-family: inherit;
	font-size: 18px;
	height: 69px;
	outline: 0;
	padding: 0 20px;
	width: 90%
}

.form_secret .form__fields input:-ms-input-placeholder {
	color: #fff
}

.form_secret .form__fields input::-ms-input-placeholder {
	color: #fff
}

.form_secret .form__fields input::placeholder {
	color: #fff
}

.form_secret .form__fields input:focus {
	box-shadow: -3px 0 9px 1px rgba(255, 255, 255, .3)
}

.form_secret .form__fields .btn {
	position: absolute;
	right: 0;
	top: 0
}

.form_secret .form__agree {
	font-size: 12px;
	font-weight: 300;
	text-align: right
}

.form_secret .form__agree a {
	color: #fff
}

/*!------------------------------------------------------------------------
 * Import: template/partials/header
/* -----------------------------------------------------------------------*/
.header {
	color: #fff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	font-size: 12px;
	justify-content: space-between;
	padding-bottom: 100px;
	padding-top: 59px
}

.header .logo img {
	height: 66px;
	width: 165px
}

.header__left,
.header__right {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.header__left {
	width: 510px
}

.header__right {
	width: 445px
}

.header__slogan {
	margin-top: -5px
}

.header .tel {
	background: url(../img/icons/phone.svg?v1756b64f9f7) 0 50%/15px auto no-repeat;
	display: inline-block;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 10px;
	padding-left: 32px
}

.header__worktime {
	color: #f65618
}

.header__worktime:before {
	background: #f65618;
	border-radius: 50%;
	content: '';
	display: inline-block;
	height: 7px;
	margin-left: 8px;
	margin-right: 15px;
	width: 7px
}

/*!------------------------------------------------------------------------
 * Import: template/partials/intro
/* -----------------------------------------------------------------------*/
.intro {
	color: #fff;
	padding-bottom: 100px;
	position: relative
}

.intro__content {
	max-width: 620px
}

.intro__heading {
	font-size: 46px;
	line-height: 1.3
}

.intro__heading span {
	font-weight: 700
}

.intro__desc {
	margin-bottom: 90px;
	margin-top: 60px
}

.intro__order {
	margin-bottom: 110px
}

.intro__features {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	font-weight: 300;
	justify-content: space-between;
	max-width: 535px;
	text-align: left
}

.intro__features-item {
	padding-left: 25px;
	position: relative
}

.intro__features-item:before {
	background: #f65618;
	border-radius: 50%;
	box-shadow: 0 0 22.8px 1.2px rgba(237, 81, 29, .73);
	content: '';
	display: inline-block;
	height: 13px;
	left: 0;
	position: absolute;
	top: 46px;
	width: 13px
}

.intro__features svg {
	display: block;
	fill: #b3b2b2;
	height: 40px;
	margin-bottom: 5px;
	width: 45px
}

.intro__photo {
	position: absolute;
	right: -38%;
	top: -105px
}

.intro__portfolio {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	bottom: 22%;
	display: block;
	left: 20px;
	perspective: 220px;
	position: absolute;
	text-decoration: none;
	transform-style: preserve-3d;
	transition: .2s linear
}

.intro__portfolio span {
	align-items: center;
	background: #fff;
	border-radius: 8px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	font-size: 18px;
	font-weight: 300;
	height: 115px;
	line-height: 1.3;
	padding-left: 30px;
	transform: rotateY(18deg);
	transition: background .4s, color .4s, transform .4s;
	width: 135px
}

.intro__portfolio:focus span,
.intro__portfolio:hover span {
	transform: rotateY(0)
}

/*!------------------------------------------------------------------------
 * Import: template/partials/logo
/* -----------------------------------------------------------------------*/
.logo {
	display: inline-block;
	text-align: center
}

.logo__img {
	max-width: 370px;
	width: 100%
}

/*!------------------------------------------------------------------------
 * Import: template/partials/modal
/* -----------------------------------------------------------------------*/
.modal {
	background-color: #fff;
	box-shadow: 0 0 0 3px #f65618, 0 0 54px 0 rgba(237, 81, 29, .65);
	padding: 75px 65px 55px;
	position: relative
}

.modal-close {
	background: #383838;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	font-weight: 900;
	height: 60px;
	left: 50%;
	line-height: 60px;
	margin-left: -30px;
	position: absolute;
	text-align: center;
	top: 0;
	transition: .2s linear;
	width: 60px
}

.modal-close:focus,
.modal-close:hover {
	background: #454545
}

.modal-close:after {
	content: 'X'
}

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

.nav li {
	position: relative
}

.nav a {
	color: inherit;
	text-decoration: none
}

.nav span {
	display: inline-block
}

/*!------------------------------------------------------------------------
 * Import: template/partials/nav/nav_pages
/* -----------------------------------------------------------------------*/
.nav_pages {
	min-width: 290px;
	padding: 0 20px 30px
}

.nav_pages>li {
	margin: 0 10px
}

.nav_pages>li:not(:last-child) {
	border-bottom: 1px solid #eee
}

.nav_pages>li>a {
	display: block;
	font-size: 14px;
	padding: 15px 0;
	transition: .1s linear
}

.nav_pages>li>a:focus,
.nav_pages>li>a:hover {
	color: #313131
}

/*!------------------------------------------------------------------------
 * Import: template/partials/networks
/* -----------------------------------------------------------------------*/
.networks {
	font-size: 15px;
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0
}

.networks li {
	margin-bottom: 20px
}

.networks .icon {
	color: #999;
	font-size: 30px;
	margin-right: 20px;
	transition: .1s linear;
	width: 30px
}

.networks a {
	color: #626262;
	text-decoration: none;
	transition: .1s linear
}

.networks a:focus,
.networks a:hover {
	color: #313131
}

.networks a:focus .icon,
.networks a:hover .icon {
	color: inherit
}

/*!------------------------------------------------------------------------
 * Import: template/partials/news
/* -----------------------------------------------------------------------*/
.news__heading {
	font-size: 50px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 65px;
	text-align: center
}

.news__items {
	overflow: hidden
}

.news__items img {
	transition: filter .2s linear;
	width: 100%
}

.news__main {
	float: left;
	padding-right: 15px;
	width: 46%
}

.news__main-preview {
	display: block
}

.news__main-preview:focus img,
.news__main-preview:hover img {
	filter: brightness(.8)
}

.news__main-title {
	background: #383838;
	color: #fff;
	display: block;
	font-size: 24px;
	padding: 30px;
	text-decoration: none;
	transition: color .2s linear
}

.news__main-title:focus,
.news__main-title:hover {
	color: #f65618
}

.news__list {
	margin: 0 -30px;
	overflow: hidden
}

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

.news__list-preview {
	display: block
}

.news__list-preview:focus img,
.news__list-preview:hover img {
	filter: brightness(.8)
}

.news__list-title {
	display: block;
	font-size: 20px;
	margin: 30px 0 40px;
	text-decoration: none;
	transition: color .2s linear
}

.news__list-title:focus,
.news__list-title:hover {
	color: #f65618
}

/*!------------------------------------------------------------------------
 * Import: template/partials/page
/* -----------------------------------------------------------------------*/
.page {
	background: url(../img/bg/v-line.png?v1756b650ecc) calc(50% - 15px) 0/1200px 100% repeat-y;
	overflow: hidden
}

/*!------------------------------------------------------------------------
 * Import: template/partials/portfolio
/* -----------------------------------------------------------------------*/
.portfolio__heading {
	font-size: 50px;
	font-weight: 700;
	line-height: 1;
	text-align: center
}

.portfolio__desc {
	font-size: 22px;
	line-height: 1.3;
	margin: 10px 0 55px;
	text-align: center
}

.portfolio__desc a {
	font-weight: 700;
	text-decoration: none;
	transition: color .2s linear
}

.portfolio__desc a:focus,
.portfolio__desc a:hover {
	color: #f65618
}

.portfolio__desc img {
	display: inline-block;
	height: 30px;
	margin: 0 5px;
	width: 30px
}

.portfolio__gallery {
	pointer-events: none
}

.portfolio__gallery-wrap {
	position: relative
}

.portfolio__photo {
	margin-top: -7px
}

.portfolio__order {
	background-color: #313131;
	box-shadow: 0 3px 95px 0 rgba(0, 0, 0, .004);
	color: #fff;
	left: 50%;
	max-width: 100%;
	padding: 30px 10px;
	position: absolute;
	text-align: center;
	top: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 430px;
	z-index: 2
}

.portfolio__order-title {
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 20px
}

/*!------------------------------------------------------------------------
 * Import: template/partials/price
/* -----------------------------------------------------------------------*/
.price__heading {
	color: #fff;
	font-size: 50px;
	font-weight: 700;
	line-height: 1;
	text-align: center
}

.price__subheading {
	color: #fff;
	font-size: 36px;
	font-weight: 700;
	line-height: 1;
	text-align: center
}

.price__desc {
	color: #fff;
	font-size: 22px;
	font-weight: 300;
	margin: 15px 0 55px;
	text-align: center
}

.price__tabs {
	margin: 0 auto 60px;
	max-width: 970px
}

.price__tabs-item {
	display: none
}

.price__tabs-item.active {
	display: block
}

.price__tabs-list {
	color: #fff;
	display: -ms-flexbox;
	display: flex;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.2;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center
}

.price__tabs-list li {
	background: #383838;
	border: 1px solid #fff;
	cursor: pointer;
	padding: 28px 10px;
	transition: background .2s linear;
	width: 50%
}

.price__tabs-list li:focus,
.price__tabs-list li:hover {
	background: #454545
}

.price__tabs-list li.active {
	background: #626262;
	border-color: #626262
}

.price__tabs-list li.active:focus,
.price__tabs-list li.active:hover {
	background: #6f6f6f
}

.price__tabs-heading {
	align-items: center;
	background: #f60;
	color: #fff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	font-weight: 500;
	padding: 12px 0;
	text-align: center;
	text-align: center
}

.price__tabs-row {
	align-items: center;
	background: #fff;
	color: #333;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	font-size: 18px;
	padding: 8px 0;
	position: relative;
	text-align: center
}

.price__tabs-row:nth-child(odd) {
	background: #f4f4f4
}

.price__tabs-row a {
	background: #f60;
	color: #fff;
	left: 0;
	opacity: 0;
	padding: 8px 0;
	position: absolute;
	right: 0;
	text-align: center;
	text-decoration: none;
	-ms-transform: scale(.95);
	transform: scale(.95);
	transition: .2s linear;
	z-index: 2
}

.price__tabs-row:focus,
.price__tabs-row:hover {
	color: #fff
}

.price__tabs-row:focus a,
.price__tabs-row:hover a {
	opacity: 1;
	-ms-transform: scale(1);
	transform: scale(1)
}

.price__tabs-row:focus .price__tabs-col,
.price__tabs-row:hover .price__tabs-col {
	pointer-events: none
}

.price__tabs-col {
	width: 25%
}

.price__tabs-col:first-of-type {
	position: relative;
	z-index: 3
}

.price__add {
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.3;
	list-style: none;
	margin: 0 auto;
	max-width: 970px;
	overflow: hidden;
	padding: 0;
	text-align: left
}

.price__add li {
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 25px
}

.price__add li span {
	margin-left: auto;
	min-width: 150px;
	text-align: center;
	width: 25%
}

.price__circle-right {
	height: 720px;
	width: 720px
}

.price__circle-right-wrap {
	position: absolute;
	right: -62%;
	top: 5%
}

.price__circle-right .circle-out {
	animation: 15s linear infinite forwards dash;
	fill: none;
	stroke: #838383;
	stroke-dasharray: 0 18;
	stroke-linecap: round;
	stroke-width: 5px
}

.price__circle-right .circle-in {
	animation: 12s linear infinite forwards dash2;
	fill: none;
	stroke: #838383;
	stroke-dasharray: 0 18;
	stroke-linecap: round;
	stroke-width: 5px
}

.price__circle-right-small {
	height: 124px;
	left: 5.5%;
	position: absolute;
	top: 65%;
	width: 124px
}

.price__circle-right-small .circle-out {
	animation: 25s linear infinite forwards dash;
	fill: #383838;
	stroke: #838383;
	stroke-dasharray: 0 14;
	stroke-linecap: round;
	stroke-width: 4px
}

.price__circle-right-small .circle-in {
	animation: 22s linear infinite forwards dash2;
	fill: #383838;
	stroke: #838383;
	stroke-dasharray: 0 14;
	stroke-linecap: round;
	stroke-width: 4px
}

.price__circle-left {
	height: 720px;
	width: 720px
}

.price__circle-left-wrap {
	left: -66%;
	position: absolute;
	top: 50%
}

.price__circle-left .circle-out {
	animation: 15s linear infinite forwards dash;
	fill: none;
	stroke: #838383;
	stroke-dasharray: 0 18;
	stroke-linecap: round;
	stroke-width: 5px
}

.price__circle-left .circle-in {
	animation: 12s linear infinite forwards dash2;
	fill: none;
	stroke: #838383;
	stroke-dasharray: 0 18;
	stroke-linecap: round;
	stroke-width: 5px
}

.price__circle-left-small {
	height: 124px;
	left: 75.5%;
	position: absolute;
	top: 15%;
	width: 124px
}

.price__circle-left-small .circle-out {
	animation: 25s linear infinite forwards dash;
	fill: #383838;
	stroke: #838383;
	stroke-dasharray: 0 14;
	stroke-linecap: round;
	stroke-width: 4px
}

.price__circle-left-small .circle-in {
	animation: 22s linear infinite forwards dash2;
	fill: #383838;
	stroke: #838383;
	stroke-dasharray: 0 14;
	stroke-linecap: round;
	stroke-width: 4px
}

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

.reviews__heading {
	color: #fff;
	font-size: 50px;
	font-weight: 700;
	line-height: 1;
	text-align: center
}

.reviews__desc {
	color: #fff;
	font-size: 22px;
	line-height: 1.3;
	margin: 15px 0 60px;
	text-align: center
}

.reviews__items {
	margin: 0 -34px 30px
}

.reviews__item {
	float: left;
	margin-bottom: 40px;
	opacity: .15;
	padding: 0 34px;
	transition: opacity .4s linear;
	width: 45.5%
}

.reviews__item.slick-active,
.reviews__item.slick-current {
	opacity: 1
}

.reviews__item-text {
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 0 38.94px 20.06px rgba(237, 81, 29, .18);
	line-height: 1.9;
	padding: 50px;
	position: relative
}

.reviews__item-text:before {
	background: #fff;
	bottom: 9px;
	content: '';
	height: 10px;
	left: 0;
	position: absolute;
	width: 10px
}

.reviews__item-text:after {
	background: url(../img/bg/review-angle.svg?v1756b64f9dd) 50% no-repeat;
	bottom: -28px;
	content: '';
	height: 37px;
	left: 0;
	position: absolute;
	width: 79px
}

.reviews__item-info {
	overflow: hidden;
	padding-left: 35px;
	padding-top: 25px
}

.reviews__item-author {
	padding-top: 5px
}

.reviews__item-photo {
	border-radius: 50%;
	float: left;
	height: 60px;
	margin-right: 16px;
	overflow: hidden;
	width: 60px
}

.reviews__item-photo img {
	width: 100%
}

.reviews__item-name {
	color: #fff;
	font-size: 18px;
	font-weight: 500
}

.reviews__item-city {
	color: #999;
	font-weight: 300
}

.reviews .slick-list {
	overflow: visible
}

.reviews__bottom {
	align-items: center;
	color: #fff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center
}

.reviews__controls {
	margin-right: 20px
}

.reviews__controls .btn-arrow {
	margin-right: 24px
}

.reviews__more {
	font-size: 22px;
	font-weight: 300
}

.reviews__more a {
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	transition: color .2s linear
}

.reviews__more a:focus,
.reviews__more a:hover {
	color: #f65618
}

.reviews__more img {
	display: inline-block;
	height: 30px;
	margin: 0 5px;
	width: 30px
}

/*!------------------------------------------------------------------------
 * Import: template/partials/secret
/* -----------------------------------------------------------------------*/
.secret {
	color: #fff
}

.secret__heading {
	font-size: 46px;
	line-height: 1.1;
	margin-bottom: 30px
}

.secret__desc {
	font-size: 20px;
	line-height: 2;
	margin-bottom: 65px
}

.secret__econom {
	background-color: #626262;
	box-shadow: 0 3px 18px 0 rgba(0, 0, 0, .15);
	display: inline-block;
	font-size: 20px;
	font-weight: 300;
	line-height: 2;
	margin-bottom: 65px;
	padding: 28px 24px;
	text-transform: uppercase
}

.secret__contacts-label {
	margin-bottom: 10px
}

.secret__contacts a {
	display: inline-block;
	line-height: 1;
	margin-right: 10px;
	vertical-align: middle
}

.secret__contacts .tel {
	font-size: 20px;
	font-weight: 900
}

.secret__contacts img {
	display: block;
	height: 20px;
	width: 20px
}

.secret__content {
	display: -ms-flexbox;
	display: flex
}

.secret__left {
	width: 500px
}

.secret__offer {
	margin-bottom: 85px;
	padding-left: 210px;
	padding-top: 20px;
	position: relative
}

.secret__offer:after {
	background: url(../img/bg/secret-arrow.png?v1756b650188) no-repeat;
	content: '';
	height: 127px;
	pointer-events: none;
	position: absolute;
	right: -3%;
	top: 48%;
	width: 40px
}

.secret__offer-free {
	left: -10%;
	pointer-events: none;
	position: absolute;
	top: -75%;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.secret__offer-label {
	background: #f65618;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	left: 15%;
	line-height: 33px;
	padding: 0 9px;
	position: absolute;
	text-transform: uppercase;
	top: 35%
}

.secret__offer-desc {
	line-height: 2
}

/*!------------------------------------------------------------------------
 * Import: template/partials/steps
/* -----------------------------------------------------------------------*/
.steps__heading {
	font-size: 50px;
	font-weight: 700;
	line-height: 1;
	text-align: center
}

.steps__desc {
	font-size: 22px;
	line-height: 1.3;
	margin: 15px 0 85px;
	text-align: center
}

.steps__items {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 70px
}

.steps__item {
	width: calc(25% - 45px)
}

.steps__item-step {
	background-image: linear-gradient(135deg, #944424 0, #313131 100%);
	box-shadow: 0 0 0 12px #7d7b7b;
	color: #fff;
	font-size: 60px;
	font-weight: 700;
	height: 72px;
	line-height: 72px;
	margin-bottom: 55px;
	margin-left: 12px;
	text-align: center;
	width: 72px
}

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

.steps__contacts {
	margin-top: 20px;
	white-space: nowrap
}

.steps__contacts a {
	display: inline-block;
	line-height: 1;
	vertical-align: middle
}

.steps__contacts a:not(:last-child) {
	margin-right: 10px
}

.steps__contacts img {
	display: block;
	height: 20px;
	width: 20px
}

.steps__contacts .tel {
	font-weight: 900
}

/*!------------------------------------------------------------------------
 * Import: template/partials/tech
/* -----------------------------------------------------------------------*/
.tech {
	padding-bottom: 75px;
	text-align: center
}

.tech img {
	display: inline-block;
	height: 46px;
	width: 46px
}

.tech__circle {
	height: 120%;
	left: 50%;
	min-height: 100vw;
	min-width: 100vw;
	position: absolute;
	top: 50%;
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotateZ(45deg);
	width: 120%
}

.tech__circle .circle-out {
	animation: 15s linear infinite forwards dash;
	fill: none;
	stroke: #ddd;
	stroke-dasharray: 0 28;
	stroke-linecap: round;
	stroke-width: 7px
}

.tech__circle .circle-in {
	animation: 12s linear infinite forwards dash2;
	fill: none;
	stroke: #ddd;
	stroke-dasharray: 0 16;
	stroke-linecap: round;
	stroke-width: 4px
}

.tech__heading {
	font-size: 50px;
	font-weight: 700;
	margin-bottom: 50px;
	position: relative;
	z-index: 3
}

.tech__items {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
	margin: 0 auto;
	padding: 0
}

.tech__items li {
	margin-bottom: 15px;
	width: 50%
}

.tech__title {
	font-size: 24px;
	font-weight: 700;
	margin: 20px 0
}

.tech__desc {
	margin: 0 auto;
	max-width: 270px
}

.tech__order {
	bottom: 30px;
	left: 50%;
	position: absolute;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

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

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

/*!------------------------------------------------------------------------
 * Import: template/partials/wrap
/* -----------------------------------------------------------------------*/
.wrap {
	position: relative
}

/*!------------------------------------------------------------------------
 * Import: template/sections
/* -----------------------------------------------------------------------*/
.section_about {
	background: url(../img/bg/about-1.png?v1756b64ffd1) 0 22% no-repeat, url(../img/bg/about-2.png?v1756b64feba) 100% 88% no-repeat;
	background-color: #fff;
	padding: 95px 0 70px
}

.section_about .bg-heading {
	left: 10px;
	position: absolute;
	top: -70px;
	z-index: 1
}

.section_about .about {
	position: relative;
	z-index: 2
}

.section_secret {
	background: url(../img/bg/secret-1.png?v1756b650724) 0 100% no-repeat, url(../img/bg/secret-2.png?v1756b650ade) 100% 100% no-repeat;
	padding: 95px 0
}

.section_tech {
	background: url(../img/bg/tech.png?v1756b650b92) 50% 100% no-repeat #fafafa;
	overflow: hidden;
	padding: 95px 0 0
}

.section_tech .bg-heading {
	left: 0;
	position: absolute;
	top: -70px;
	width: 100%;
	z-index: 2
}

.section_tech .tech {
	position: relative;
	z-index: 2
}

.section_price {
	background: url(../img/bg/price-line.png?v1756b64ff1b) 10px 0 repeat-x;
	overflow: hidden;
	padding: 95px 0 50px
}

.section_portfolio {
	background: #fff;
	padding: 95px 0
}

.section_steps {
	background: url(../img/bg/steps-dot.png?v1756b65042c) 0 49% repeat-x #fff;
	padding: 0 0 70px;
	position: relative
}

.section_steps:before {
	background: url(../img/bg/steps-hand.png?v1756b650d13) 100% 100%/contain no-repeat;
	bottom: 0;
	content: '';
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.section_steps .steps {
	position: relative;
	z-index: 2
}

.section_reviews {
	padding: 95px 0
}

.section_faq {
	background: url(../img/bg/faq-man.png?v1756b6503a3) 0 100%/16vw no-repeat #fff;
	padding: 95px 0
}

.section_faq .bg-heading {
	left: 0;
	position: absolute;
	text-align: center;
	top: -80px;
	width: 100%;
	z-index: 1
}

.section_faq .faq {
	position: relative;
	z-index: 2
}

.section_news {
	background: #fafafa;
	padding: 95px 0
}

.section_footer {
	background: #383838;
	padding: 95px 0 50px
}

/*!------------------------------------------------------------------------
 * Import: template/responsive
/* -----------------------------------------------------------------------*/
/*!------------------------------------------------------------------------
 * Import: template/animations
/* -----------------------------------------------------------------------*/
.no-js * {
	animation: none !important;
	transition: none !important
}

@media (min-width:768px) {
	.tech__items li:nth-child(odd) {
		margin-left: -70px
	}

	.tech__items li:nth-child(even) {
		margin-right: -70px
	}
}

@media (min-width:992px) {
	.container {
		padding-left: 15px;
		padding-right: 15px
	}

	.btn-toggle {
		display: none
	}

	.intro__order .btn {
		font-size: 20px
	}

	.intro__order {
		margin-left: 35px
	}

	.secret {
		padding: 0 70px
	}

	.tech__items li:first-child {
		margin-left: 0;
		padding-left: 110px
	}

	.tech__items li:first-child+li {
		margin-right: 0;
		padding-right: 110px
	}
}

@media (min-width:1200px) {
	.header {
		padding-right: 56px
	}
}

@media (max-width:1460px) {
	.section_about {
		background: #fff
	}

	.section_secret {
		background: url(../img/bg/secret-2.png?v1756b650ade) 100% 100% no-repeat
	}

	.section_steps:before {
		display: none
	}
}

@media (max-width:1200px) {
	.section_faq {
		background: #fff
	}
}

@media (max-width:1199.98px) {
	.container {
		max-width: 992px
	}

	.about__content-title {
		font-size: 26px
	}

	.about__uses-item {
		padding-left: 30px
	}

	.about__features-item {
		padding: 35px 20px
	}

	.about__features-title {
		font-size: 28px
	}

	.about__features-desc {
		font-size: 14px
	}

	.bg-heading {
		font-size: 150px
	}

	.footer__left {
		width: 500px
	}

	.footer__left .tel {
		font-size: 30px
	}

	.footer__order-text {
		font-size: 14px
	}

	.footer__order .btn {
		margin-right: 15px;
		padding: 0;
		width: 100%
	}

	.footer__privacy {
		font-size: 14px
	}

	.form_order .form__title {
		font-size: 24px
	}

	.form_order .form__desc {
		font-size: 18px
	}

	.header__left {
		width: 450px
	}

	.intro__heading {
		font-size: 36px
	}

	.intro__photo {
		right: -55%
	}

	.modal {
		padding: 70px 50px 50px
	}

	.news__main-title {
		font-size: 21px;
		padding: 25px
	}

	.news__list-title {
		font-size: 16px
	}

	.price__circle-right-wrap {
		display: none
	}

	.price__circle-left-wrap {
		display: none
	}

	.reviews__item-text {
		line-height: 1.5;
		padding: 30px
	}

	.reviews__more {
		font-size: 18px
	}

	.secret__econom {
		font-size: 16px
	}

	.steps__items {
		font-size: 13px
	}

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

	.steps__item .btn {
		font-size: 13px;
		margin-left: 10px;
		padding: 0;
		width: 100%
	}

	.tech__circle {
		height: 160%;
		width: 160%
	}
}

@media (max-width:991.98px) {
	.container {
		max-width: 767px
	}

	.about__content {
		display: block
	}

	.about__content-left {
		margin: 0 0 40px;
		max-width: 100%
	}

	.about__uses {
		margin-bottom: 20px
	}

	.about__uses-title {
		font-size: 24px
	}

	.about__uses-items {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.about__uses-item {
		margin-bottom: 30px;
		width: calc(50% - 15px)
	}

	.about__features-item {
		padding: 30px 15px
	}

	.about__features-title {
		font-size: 21px
	}

	.bg-heading {
		display: none
	}

	.faq__heading {
		font-size: 36px
	}

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

	.header__left {
		width: auto
	}

	.header__slogan {
		display: none
	}

	.intro__features {
		font-size: 14px;
		max-width: 460px
	}

	.intro__photo {
		right: -90%
	}

	.news__heading {
		font-size: 36px;
		margin-bottom: 40px
	}

	.news__main {
		float: none;
		margin-bottom: 30px;
		padding-right: 0;
		width: 100%
	}

	.news__list {
		margin: 0
	}

	.news__list-item {
		font-size: 14px
	}

	.news__list-title {
		margin: 20px 0 15px
	}

	.page {
		background: 0 0
	}

	.portfolio__heading {
		font-size: 36px
	}

	.portfolio__desc {
		font-size: 18px
	}

	.price__heading {
		font-size: 36px
	}

	.price__desc {
		font-size: 18px
	}

	.price__tabs-list {
		font-size: 16px
	}

	.reviews {
		padding: 0 20px
	}

	.reviews__heading {
		font-size: 36px
	}

	.reviews__desc {
		font-size: 18px
	}

	.reviews__item {
		padding: 0 15px;
		width: 100%
	}

	.reviews__bottom {
		display: block
	}

	.reviews__controls {
		margin: 0;
		text-align: center
	}

	.reviews__more {
		font-size: 16px;
		margin-top: 30px;
		text-align: center
	}

	.secret__heading {
		font-size: 36px
	}

	.secret__desc {
		font-size: 16px
	}

	.secret__content {
		display: block
	}

	.secret__left {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		width: 100%
	}

	.secret__offer {
		max-width: 530px
	}

	.steps__heading {
		font-size: 36px
	}

	.steps__desc {
		font-size: 18px
	}

	.steps__items {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0
	}

	.steps__item {
		padding-bottom: 50px;
		width: calc(50% - 30px)
	}

	.tech__heading {
		font-size: 36px
	}

	.section_about {
		padding: 50px 0
	}
}

@media (max-width:767.98px) {
	body {
		font-size: 13.5px
	}

	.container {
		max-width: 567px
	}

	.about__features {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.about__features-item {
		background: 0 0 !important;
		width: 50%
	}

	.faq__heading {
		font-size: 21px
	}

	.faq__desc {
		font-size: 16px
	}

	.faq__content {
		display: block
	}

	.faq__left {
		text-align: center;
		width: 100%
	}

	.faq__left-desc {
		margin-bottom: 0
	}

	.faq .btn {
		display: inline-block;
		margin: 10px 0 30px;
		width: 90%
	}

	.faq__right {
		padding-left: 0
	}

	.faq__item-title {
		font-size: 16px
	}

	.footer__content {
		display: block
	}

	.footer__contact {
		font-size: 14px
	}

	.footer__left {
		margin-bottom: 30px;
		text-align: center;
		width: 100%
	}

	.footer__right {
		width: 100%
	}

	.footer__bottom {
		font-size: 12px
	}

	.form_order .form__title {
		font-size: 21px;
		margin-bottom: 20px
	}

	.form_order .form__desc {
		font-size: 16px;
		margin-bottom: 20px
	}

	.form_order .form__control_submit {
		margin-top: 20px
	}

	.form_order .form__confirm {
		font-size: 12px;
		margin-top: 20px
	}

	.form_secret .form__agree {
		text-align: center
	}

	.header {
		padding-bottom: 60px
	}

	.header__right {
		margin-left: auto;
		width: auto
	}

	.header__order {
		display: none
	}

	.intro {
		padding-bottom: 60px
	}

	.intro__heading {
		font-size: 30px
	}

	.intro__desc {
		margin-bottom: 60px
	}

	.intro__order {
		margin-bottom: 60px
	}

	.intro__photo {
		display: none
	}

	.modal {
		padding: 70px 15px 15px
	}

	.news__heading {
		font-size: 21px
	}

	.news__main-title {
		font-size: 16px;
		padding: 20px
	}

	.portfolio__heading {
		font-size: 28px
	}

	.price__heading {
		font-size: 21px
	}

	.price__subheading {
		font-size: 20px
	}

	.price__tabs-row {
		font-size: 13px
	}

	.price__add {
		font-size: 13px
	}

	.reviews__heading {
		font-size: 28px
	}

	.secret__econom {
		font-size: 14px
	}

	.steps__heading {
		font-size: 28px
	}

	.tech__circle {
		display: none
	}

	.tech__title {
		font-size: 21px
	}

	.tech__order {
		margin-top: 30px;
		position: static;
		-ms-transform: none;
		transform: none
	}

	.section_tech {
		background: #fff;
		padding: 50px 0 0
	}

	.section_price {
		padding: 60px 0 40px
	}

	.section_portfolio {
		padding: 40px 0
	}

	.section_steps {
		background: #fff;
		padding: 0 0 30px
	}

	.section_reviews {
		padding: 50px 0
	}

	.section_faq {
		padding: 50px 0 60px
	}

	.section_news {
		padding: 50px 0
	}

	.section_footer {
		padding: 50px 0
	}
}

@media (max-width:575.98px) {
	.container {
		max-width: 480px
	}

	.about__content-title {
		font-size: 21px
	}

	.about__uses-title {
		font-size: 21px
	}

	.about__uses-item {
		width: 100%
	}

	.about__features-desc {
		font-size: 12px
	}

	.btn {
		font-size: 13.5px
	}

	.btn_sm {
		font-size: 13.5px
	}

	.faq__left-heading {
		display: none
	}

	.faq__left-desc {
		display: none
	}

	.footer__order-text {
		display: none
	}

	.footer__order .btn {
		margin: 0 auto;
		width: 90%
	}

	.footer__privacy {
		font-size: 12px;
		text-align: center
	}

	.footer__bottom {
		-ms-flex-pack: space-evenly;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		font-size: 14px;
		justify-content: space-evenly
	}

	.footer__bottom a {
		margin: 0 0 15px !important
	}

	.form_secret .form__fields {
		display: block
	}

	.form_secret .form__fields input {
		display: block;
		margin: 0 auto 20px
	}

	.form_secret .form__fields .btn {
		display: block;
		margin: 0 auto;
		position: static;
		width: 90%
	}

	.header {
		display: block;
		padding-top: 30px
	}

	.header .logo {
		margin-bottom: 40px
	}

	.header .logo img {
		height: auto;
		width: 280px
	}

	.header__left,
	.header__right {
		display: block;
		margin: 0;
		text-align: center;
		width: 100%
	}

	.header .tel {
		font-size: 24px
	}

	.intro__content {
		text-align: center
	}

	.intro__heading {
		font-size: 24px
	}

	.intro__features-item {
		padding-left: 0
	}

	.intro__features-item:before {
		display: none
	}

	.intro__features {
		font-size: 13px
	}

	.news__list-item {
		padding: 0
	}

	.portfolio__desc {
		font-size: 16px
	}

	.price__desc {
		font-size: 14px
	}

	.price__tabs-list {
		font-size: 14px
	}

	.reviews__desc {
		font-size: 16px
	}

	.secret__heading {
		font-size: 21px;
		font-weight: 700
	}

	.secret__desc {
		font-size: 14px;
		margin-bottom: 20px
	}

	.secret__econom {
		display: none
	}

	.secret__left {
		margin-bottom: 60px;
		margin-top: 30px
	}

	.secret__offer {
		padding-left: 180px
	}

	.secret__offer:after {
		display: none
	}

	.secret__offer-free {
		left: -12%;
		top: -30%
	}

	.steps__desc {
		font-size: 16px
	}

	.tech__heading {
		font-size: 24px
	}

	.section_secret {
		background: 0 0;
		padding: 60px 0
	}
}

@keyframes dash {
	0% {
		stroke-dashoffset: 0
	}

	100% {
		stroke-dashoffset: 1000
	}
}

@keyframes dash2 {
	0% {
		stroke-dashoffset: 1000
	}

	100% {
		stroke-dashoffset: 0
	}
}

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

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

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

@keyframes btn-dragon {
	0% {
		box-shadow: 0 0 0 2px #f65618, 0 0 12.8px 1.2px rgba(237, 81, 29, .43)
	}

	50% {
		box-shadow: 0 0 0 2px #f65618, 0 0 22.8px 1.2px rgba(237, 81, 29, .73)
	}

	100% {
		box-shadow: 0 0 0 2px #f65618, 0 0 12.8px 1.2px rgba(237, 81, 29, .3)
	}
}

.about__uses-item {
  position: relative;
}

.about__uses-item:hover ul {
  opacity: 0;
}

.about__uses-item a {
  transition: all 200ms linear;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  z-index: 3;
  transform: translate(-50%, -50%) skewX(-13.5deg);
}

.about__uses-item:hover a {
  opacity: 1;
}