@charset "UTF-8";

/*==============================FONTS==============================*/
/*---------------------Gilroy------------------------*/
@font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy/Gilroy-Thin/Gilroy-Thin.eot");
    src: url("../fonts/Gilroy/Gilroy-Thin/Gilroy-Thin.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Gilroy/Gilroy-Thin/Gilroy-Thin.woff") format("woff"),
    url("../fonts/Gilroy/Gilroy-Thin/Gilroy-Thin.ttf") format("truetype");
    font-style: normal;
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy/Gilroy-UltraLight/Gilroy-UltraLight.eot");
    src: url("../fonts/Gilroy/Gilroy-UltraLight/Gilroy-UltraLight.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Gilroy/Gilroy-UltraLight/Gilroy-UltraLight.woff") format("woff"),
    url("../fonts/Gilroy/Gilroy-UltraLight/Gilroy-UltraLight.ttf") format("truetype");
    font-style: normal;
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy/Gilroy-Light/Gilroy-Light.eot");
    src: url("../fonts/Gilroy/Gilroy-Light/Gilroy-Light.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Gilroy/Gilroy-Light/Gilroy-Light.woff") format("woff"),
    url("../fonts/Gilroy/Gilroy-Light/Gilroy-Light.ttf") format("truetype");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy/Gilroy-Regular/Gilroy-Regular.eot");
    src: url("../fonts/Gilroy/Gilroy-Regular/Gilroy-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Gilroy/Gilroy-Regular/Gilroy-Regular.woff") format("woff"),
    url("../fonts/Gilroy/Gilroy-Regular/Gilroy-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy/Gilroy-Medium/Gilroy-Medium.eot");
    src: url("../fonts/Gilroy/Gilroy-Medium/Gilroy-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Gilroy/Gilroy-Medium/Gilroy-Medium.woff") format("woff"),
    url("../fonts/Gilroy/Gilroy-Medium/Gilroy-Medium.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy/Gilroy-Bold/Gilroy-Bold.eot");
    src: url("../fonts/Gilroy/Gilroy-Bold/Gilroy-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Gilroy/Gilroy-Bold/Gilroy-Bold.woff") format("woff"),
    url("../fonts/Gilroy/Gilroy-Bold/Gilroy-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy/Gilroy-Semibold/Gilroy-Semibold.eot");
    src: url("../fonts/Gilroy/Gilroy-Semibold/Gilroy-Semibold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Gilroy/Gilroy-Semibold/Gilroy-Semibold.woff") format("woff"),
    url("../fonts/Gilroy/Gilroy-Semibold/Gilroy-Semibold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy/Gilroy-ExtraBold/Gilroy-ExtraBold.eot");
    src: url("../fonts/Gilroy/Gilroy-ExtraBold/Gilroy-ExtraBold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Gilroy/Gilroy-ExtraBold/Gilroy-ExtraBold.woff") format("woff"),
    url("../fonts/Gilroy/Gilroy-ExtraBold/Gilroy-ExtraBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy/Gilroy-Black/Gilroy-Black.eot");
    src: url("../fonts/Gilroy/Gilroy-Black/Gilroy-Black.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Gilroy/Gilroy-Black/Gilroy-Black.woff") format("woff"),
    url("../fonts/Gilroy/Gilroy-Black/Gilroy-Black.ttf") format("truetype");
    font-style: normal;
    font-weight: 900;
    font-display: swap;
}

/*---------------------Kelson------------------------*/
@font-face {
    font-family: "Kelson";
    src: url("../fonts/Kelson/Kelson Sans Light/Kelson Sans Light RU.eot");
    src: url("../fonts/Kelson/Kelson Sans Light/Kelson Sans Light RU.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Kelson/Kelson Sans Light/Kelson Sans Light RU.woff") format("woff"),
    url("../fonts/Kelson/Kelson Sans Light/Kelson Sans Light RU.ttf") format("truetype");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: "Kelson";
    src: url("../fonts/Kelson/Kelson Sans Regular/Kelson Sans Regular RU.eot");
    src: url("../fonts/Kelson/Kelson Sans Regular/Kelson Sans Regular RU.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Kelson/Kelson Sans Regular/Kelson Sans Regular RU.woff") format("woff"),
    url("../fonts/Kelson/Kelson Sans Regular/Kelson Sans Regular RU.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "Kelson";
    src: url("../fonts/Kelson/Kelson Sans Bold/Kelson Sans Bold RU.eot");
    src: url("../fonts/Kelson/Kelson Sans Bold/Kelson Sans Bold RU.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Kelson/Kelson Sans Bold/Kelson Sans Bold RU.woff") format("woff"),
    url("../fonts/Kelson/Kelson Sans Bold/Kelson Sans Bold RU.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

/*---------------------Madeevolvesans------------------------*/
@font-face {
    font-family: "MADEEvolveSans";
    src: url("../fonts/MADEEvolveSans/Madeevolvesanslight/Madeevolvesanslight.eot");
    src: url("../fonts/MADEEvolveSans/Madeevolvesanslight/Madeevolvesanslight.eot?#iefix") format("embedded-opentype"),
    url("../fonts/MADEEvolveSans/Madeevolvesanslight/Madeevolvesanslight.woff") format("woff"),
    url("../fonts/MADEEvolveSans/Madeevolvesanslight/Madeevolvesanslight.ttf") format("truetype");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: "MADEEvolveSans";
    src: url("../fonts/MADEEvolveSans/Madeevolvesans/Madeevolvesans.eot");
    src: url("../fonts/MADEEvolveSans/Madeevolvesans/Madeevolvesans.eot?#iefix") format("embedded-opentype"),
    url("../fonts/MADEEvolveSans/Madeevolvesans/Madeevolvesans.woff") format("woff"),
    url("../fonts/MADEEvolveSans/Madeevolvesans/Madeevolvesans.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "MADEEvolveSans";
    src: url("../fonts/MADEEvolveSans/Madeevolvesansbold/Madeevolvesansbold.eot");
    src: url("../fonts/MADEEvolveSans/Madeevolvesansbold/Madeevolvesansbold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/MADEEvolveSans/Madeevolvesansbold/Madeevolvesansbold.woff") format("woff"),
    url("../fonts/MADEEvolveSans/Madeevolvesansbold/Madeevolvesansbold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

/*==============================RESET==============================*/
*,
:before,
:after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

html,
body,
div,
dl,
dt,
dd,
ol,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
hr,
img,
a,
em,
span,
strong,
form,
label,
input,
button,
select,
table,
thead,
tbody,
tfoot,
tr,
th,
td,
textarea {
    border: 0;
    outline: none;
    background: none;
    vertical-align: baseline;
    font: inherit;
}

body.lock {
    overflow: hidden !important;
}

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

table {
    border-collapse: collapse;
    border-spacing: 0;
}

address {
    font-style: normal;
}

input,
select,
textarea,
button {
    color: #333;
    outline: none;
}

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

button {
    cursor: pointer;
}

input::-webkit-input-placeholder {
    color: rgb(0, 0, 0);
}

input::-moz-placeholder {
    color: rgb(0, 0, 0);
}

input:-moz-placeholder {
    color: rgb(0, 0, 0);
}

input:-ms-input-placeholder {
    color: rgb(0, 0, 0);
}

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 100px #f7f7f7 !important;
    /* Цвет фона */
}

input:focus::-webkit-input-placeholder {
    color: transparent !important;
}

input:focus::-moz-placeholder {
    color: transparent !important;
}

input:focus:-moz-placeholder {
    color: transparent !important;
}

input:focus:-ms-input-placeholder {
    color: transparent !important;
}

textarea::-webkit-input-placeholder {
    color: rgb(0, 0, 0);
}

textarea::-moz-placeholder {
    color: rgb(0, 0, 0);
}

textarea:-moz-placeholder {
    color: rgb(0, 0, 0);
}

textarea:-ms-input-placeholder {
    color: rgb(0, 0, 0);
}

textarea:focus::-webkit-input-placeholder {
    color: transparent !important;
}

textarea:focus::-moz-placeholder {
    color: transparent !important;
}

textarea:focus:-moz-placeholder {
    color: transparent !important;
}

textarea:focus:-ms-input-placeholder {
    color: transparent !important;
}

/*==============================GENERAL==============================*/
html,
body {
    position: relative;
    min-width: 320px;
}

body {
    font-family: 'Gilroy', sans-serif;
    line-height: 1;
    background-color: #FFFFFF;
}

.conteiner {
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    position: relative;
    opacity: 0;
    /*transition: all 0.3s;*/
}

.conteiner.active {
    opacity: 1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.wrapper {
    margin: 0 auto;
    padding: 0 10px;
    width: 1200px;

}

@media only screen and (min-width: 1700px) {

    .wrapper {
        width: 1520px;
    }

    .wrapper--old {
        width: 1200px;
    }
}


.block__center {
    text-align: center;
}

p {
    font-size: 16px;
    letter-spacing: 0.02em;
    color: rgb(51, 51, 51);
    line-height: 1.625;
}

ul,
ol {
    list-style: none;
}

a {
    outline: none;
    text-decoration: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

strong {
    font-weight: 600;
}

img {
    vertical-align: top;
}
sub, sup {
    font-size: 62%;
    vertical-align: super;
}
sub {
    vertical-align: sub;
}
sup {
    vertical-align: super;
}

text[data-city] {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-transform: uppercase;
}

text[data-city] * {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

text[data-city]:hover {
    fill: #eb640d;
}

text[data-city]:hover * {
    fill: #eb640d;
}

.nobr {
	white-space: nowrap;
}

.title {
    font-size: 34px;
    color: rgb(51, 51, 51);
    font-weight: 700;
    line-height: 1.235;
    letter-spacing: .5px;
}

.title span {
    color: #eb640d;
}

.title a {
    text-decoration: underline;
    color: #304781;
}

.title a:hover {
    color: rgb(248, 53, 85);
}

.nicescroll-rails {
    background-color: #e5e5e5 !important;
}

.nicescroll-rails div {
    width: 5px !important;
    height: 114px !important;
    background-color: #d0641e !important;
    border-radius: 10px !important;
    right: 1px !important;
}

@media only screen and (max-width: 1440px) {
    .wrapper {
        position: relative;
        left: 34px;
    }
}

@media only screen and (max-width: 1300px) {
    .wrapper {
        max-width: 980px;
    }
}

@media only screen and (max-width: 1100px) {
    .wrapper {
        max-width: 750px;
    }
}

@media only screen and (max-width: 820px) {
    .wrapper {
        max-width: 100%;
        width: 100%;
        left: 0px;
        padding: 0px 15px 0px 15px;
    }
}

@media only screen and (max-width: 600px) {
    .title {
        font-size: 28px;
    }

    .conteiner__body {
        padding-left: 0;
    }

    .wrapper {
        padding: 0px 15px;
    }
}

@media only screen and (max-width: 420px) {
    .title {
        font-size: 24px;
    }
}

/*==============================FORM ELEMENTS==============================*/
.main__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
}

.form__box {
    width: 265px;
}

.form__block {
    width: 360px;
    margin-left: 30px;
}

.form__items {
    position: relative;
    width: 47.06%;
    display: block;
    margin: 0px 10px 20px;


}

.form__items .field-text__help-text {

    display: none!important;
    visibility: hidden;
}

.main-order__row .form__items:nth-child(2), .main-order__row .form__items:nth-child(3), .form--modal .products-form__items:nth-child(1), .form--modal .products-form__items:nth-child(2), .form--modal .products-form__items:nth-child(3) {
    display: none!important;
    visibility: hidden;
}

#modalmail .form--modal .products-form__items:nth-child(3), #modalmail2 .form--modal .products-form__items:nth-child(3) {
    display: block!important;
    visibility: visible;
}

.form__item {
    position: relative;
    width: 100%;
    margin: 0px 10px 28px;
    display: block;
}

.form__coll {
    position: relative;
    margin: 0px 15px;
    width: 22.4%;
}

.form__label {
    position: absolute;
    top: -4px;
    left: 31px;
    font-size: 10px;
    color: rgb(154, 160, 174);
    text-transform: uppercase;
    padding: 0px 8px;
    background-color: #FFFFFF;
    letter-spacing: 2.2px;
}

.form__label_active {
    color: #be5550;
}

.form--modal {

    display: flex;
    flex-direction: column;
}

.form--modal .products-form__items {
    width: calc(100% - 20px);
}

.form--modal .products-form__btn {
    width: 100%;
}

.field {
    width: 100%;
    padding: 26px 51px 27px;
    height: 68px;
    border: 1px solid rgb(230, 230, 230);
    color: rgb(0, 0, 0);
    font-size: 16px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 8px;
    background-color: #f7f7f7;
}

.field_text {
    height: 172px;
    resize: none;
    line-height: 26px;
}

.main__form .btn_red {
    padding: 27px 30px;
    width: 100%;
    letter-spacing: 2.3px;
}

.checkbox input[type="checkbox"] {
    display: none;
}

.checkbox label {
    position: relative;
    display: inline-block;
    padding-left: 62px;
    cursor: pointer;
    font-weight: 300;
    letter-spacing: 0.3px;
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1.857;
}

.checkbox label:before {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 44px;
    height: 44px;
    z-index: 1;
    border: 1px solid #ec6915;
    border-radius: 50%;
    background-color: transparent;
}

.checkbox label:after {
    content: '';
    position: absolute;
    top: 17px;
    left: 14px;
    width: 20px;
    height: 16px;
    background-image: url(../images/check.svg);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.checkbox input[type="checkbox"]:checked + label:after {
    opacity: 1;
}

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

@media only screen and (max-width: 1300px) {
    .form__items {
        width: 46.5%;
    }
}

@media only screen and (max-width: 1100px) {
    .form__items {
        width: 47.26%;
    }
}

@media only screen and (max-width: 820px) {
    .form__items {
        width: 45.79%;
    }
}

@media only screen and (max-width: 600px) {

    .form__items,
    .form__item {
        width: 100%;
        margin: 0px 0px 20px;
    }
}

.text-align-center {
	text-align: center;
}

.align-items-start {
	-webkit-box-align: start;
    -ms-flex-align: start;
	align-items: flex-start;
}

.width-flex-two > * {
	width:50%;
	padding: 0 20px;
}

.width-flex-four > * {
	width:25%;
	padding: 0 20px;
}

.width-flex-two > * img, .width-flex-four > * img {
	max-width:100%;
}

@media only screen and (max-width: 1300px) {
	.width-flex-four > * {
		width:25%;
	}
}

@media only screen and (max-width: 1100px) {
	.width-flex-four > * {
		width:50%;
	}
}

@media only screen and (max-width: 820px) {
	.width-flex-two > *, .width-flex-four > * {
		width:100%;
		padding: 0 0;
	}
}

@media only screen and (max-width: 600px) {
	.width-flex-two > *, .width-flex-four > * {
		width:100%;
	}
}

/*---------------------btn------------------------*/
.btn {
    display: inline-block;
    border-radius: 34px;
    background-color: rgb(235, 100, 13);
    padding: 29px 25px 27px;
    font-size: 12px;
    color: rgb(255, 255, 255);
    letter-spacing: 2.5px;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.btn:hover {
    color: rgb(255, 255, 255);
    background-color: #fb7432;
}

@media only screen and (max-width: 800px) {
    .products-table .btn {
    	font-size: 10px;
    	letter-spacing: 1.5px;
	}
}

.btn_white {
    border: 2px solid rgb(207, 100, 30);
    background-color: rgba(207, 100, 30, 0);
    color: rgb(235, 100, 13);
}

.btn_white:hover {
    color: rgb(255, 255, 255);
    border: 2px solid rgb(235, 100, 13);
}

.btn__arrow {
    width: 71px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.arrow {
    display: block;
}

.arrow.arrow_disabled svg * {
    fill: #e6e6e6;
}

.arrow svg * {
    fill: rgb(236, 100, 13);
}

.arrow i {
    display: block;
    width: 28px;
    height: 32px;
}

.arrow svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.arrow svg * {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.arrow_prev i {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.arrow:not(.arrow_disabled):hover svg * {
    fill: rgb(236, 100, 13);
}

/*---------------------main-block------------------------*/
.main-block {
    padding: 0px 0px 70px;
    position: relative;
    top: -2px;
}

@media only screen and (max-height: 800px) {
    .main-block {
        padding: 0px 0px 60px;
    }
}

@media only screen and (max-width: 1300px) {
    .main-block {
        padding: 0px 0px 60px;
    }
}

/*==============================INDEX==============================*/
/*---------------------header------------------------*/
.header {
    font-size: 0px;
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    padding: 19px 19px;
    background-color: RGBA(0,0,0,0);
    z-index: 110;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.header.solid {
    padding: 10px 19px;
    background-color: RGBA(0,0,0,0.5);
}

.header__logo {
    width: 205px;
    height: 62px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    left: -2px;
    top: -2px;
}

.header__logo-white {
    /*visibility: visible;*/
    opacity: 1;
    position: relative;
    -webkit-transition: visibility 0s, opacity 0.3s linear;
    -o-transition: visibility 0s, opacity 0.3s linear;
    transition: visibility 0s, opacity 0.3s linear;
    z-index: 1;
    /*top: 0;
    left: 0;*/
}

.header__logo-dark {
    /*visibility: hidden;*/
    opacity: 0;
    position: absolute;
    /*z-index: -10;*/
}

.header__address,
.header__box {
    font-size: 13px;
    line-height: 1.615;
    letter-spacing: 0.15px;
    position: relative;
    left: -2px;
}

.header__box {
    left: -33px;
    top: 1px;
}

.header__content a,
.header__address-caption,
.header__work {
    color: rgb(255, 255, 255);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}


.header__content_dark,
.header__content_dark a,
.header__content_dark .header__address-caption,
.header__content_dark .header__work {
    color: rgb(51, 51, 51);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.header__content_dark .header__number {
    color: rgb(236, 100, 13);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.header__content_dark .header__logo-white {
    /*visibility: hidden;*/
    opacity: 0;
    position: absolute;
    /*z-index: -10;*/
}

.header__content_dark .header__logo-dark {
    /*visibility: visible;*/
    opacity: 1;
    position: relative;
    -webkit-transition: visibility 0s, opacity 0.3s linear;
    -o-transition: visibility 0s, opacity 0.3s linear;
    transition: visibility 0s, opacity 0.3s linear;
    z-index: 1;
    /*top: 0;
    left: 0;*/
}

.header__address-link,
.header__email {
    display: block;
    text-decoration: underline;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.header__address-link:hover,
.header__email:hover {
    color: #fb7432;
}

.header__email {
    text-decoration: none;
    margin-bottom: 1px;
}

.header__last-box {
    position: relative;
    top: -1px;
}

.header__number {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1.2px;
    position: relative;
    left: -6px;
}

.header__mobile {
    display: none;
    position: relative;
}

.header__mobile-link {
    display: block;
    width: 26px;
    height: 26px;
}

.header__mobile-link i {
    width: 100%;
    height: 100%;
}

.header__mobile-link svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .3px;
    -o-transition: all .3px;
    transition: all .3px;
}

.header__mobile-link_phone {
    width: 26px;
    height: 26px;
    margin-left: 15px;
}

.header__mobile-link_lang {
    font-size: 16px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    width: 40px;
    line-height: 26px;
}

.header .burger {
    display: none;
    margin-right: 15px;
}

.header__first-block {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

/************header_shild***************/
.header_shild {
    padding: 12px 0px;
}

.header_shild.header_active {
    background-color: #FFF;
}

@media only screen and (max-height: 800px) {
    .header {
        padding: 16px 0px 15px;
        background-color: rgb(77, 77, 77);
        z-index: 1000;
    }

    .header__content_dark,
    .header__content_dark a,
    .header__content_dark .header__address-caption,
    .header__content_dark .header__work,
    .header__content_dark .header__number {
        color: rgb(255, 255, 255);
    }

    .header__content_dark .header__logo svg .logo-color {
        fill: rgb(255, 255, 255);
    }

    .header__content_dark .header__logo-white {
        visibility: visible;
        opacity: 1;
        position: relative;
        -webkit-transition: visibility 0s, opacity 0.3s linear;
        -o-transition: visibility 0s, opacity 0.3s linear;
        transition: visibility 0s, opacity 0.3s linear;
        z-index: 1;
    }

    .header__content_dark .header__logo-dark {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        z-index: -10;
    }

    .header__logo {
        width: 175px;
        height: 54px;
        left: 0px;
        top: -1px;
    }

    .header_shild,
    .header_shild.header_active {
        background-color: #FFF;
    }

    .header_shild,
    .header_shild a,
    .header_shild .header__address-caption,
    .header_shild .header__work {
        color: rgb(51, 51, 51);
    }

    .header_shild .header__number {
        color: rgb(236, 100, 13);
    }

    .header_shild .header__logo-white {
        opacity: 0;
        position: absolute;
    }

    .header_shild .header__logo-dark {
        visibility: visible;
        opacity: 1;
        position: relative;
        -webkit-transition: visibility 0s, opacity 0.3s linear;
        -o-transition: visibility 0s, opacity 0.3s linear;
        transition: visibility 0s, opacity 0.3s linear;
        z-index: 1;
    }
}

@media only screen and (max-width: 1100px) {

    .header,
    .header.solid,
    .header_shild.header_active {
        padding: 19px 0px 18px;
        background-color: rgb(77, 77, 77);
        z-index: 1000;
    }

    .header__content_dark,
    .header__content_dark a,
    .header__content_dark .header__address-caption,
    .header__content_dark .header__work,
    .header__content_dark .header__number {
        color: rgb(255, 255, 255);
    }

    .header__content_dark .header__logo svg .logo-color {
        fill: rgb(255, 255, 255);
    }

    .header__content_dark .header__logo-white {
        visibility: visible;
        opacity: 1;
        position: relative;
        -webkit-transition: visibility 0s, opacity 0.3s linear;
        -o-transition: visibility 0s, opacity 0.3s linear;
        transition: visibility 0s, opacity 0.3s linear;
        z-index: 1;
    }

    .header__content_dark .header__logo-dark {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        z-index: -10;
    }

    .header__logo {
        width: 150px;
        height: 48px;
        top: 0px;
    }

    .header__number {
        font-size: 16px;
        left: 0;
    }

    .header__address,
    .header__box {
        font-size: 12px;
        left: 0;
        top: 0;
    }

    .header__address {
        left: 0px;
    }
}

@media only screen and (max-width: 820px) {

    .header,
    .header.solid,
    .header_shild.header_active {
        padding: 10px 0px;
        z-index: 1001;
        top: 0px;
    }

    .header__address,
    .header__box {
        display: none;
    }

    .header .wrapper {
        max-width: 100%;
        width: auto;
        left: 0px;
    }

    .header .burger {
        display: block;
        width: 37px;
        height: auto;
        padding: 0;
        background-color: rgb(77, 77, 77);
    }
}

@media only screen and (max-width: 600px) {
    .header__logo {
        width: 140px;
        height: 44px;
    }

    .header__number {
        display: none;
    }

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

}

/*---------------------language------------------------*/
.language {

    height: 34px;
    margin-left: 35px;
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    left: 0px;
}

.language.active {
    border-radius: 5px 5px 0px 0px;
}

.language__items {
    border-radius: 5px;
    background-color: rgba(179, 179, 179, 0.2);
    padding: 8px 9px 8px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.language__items:hover {
    background-color: #ec640d;
}

.language__icons {
    display: inline-block;
}

.language__icons svg {
    width: 21px;
    height: 20px;
    -o-object-fit: cover;
    object-fit: cover;
}

.language__arrow {
    width: 10px;
    height: 5px;
    background-image: url(../images/icons/arrow.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.language__arrow i {
    width: 10px;
    height: 5px;
}

.language__arrow svg {
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.language__items.active .language__arrow {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.language__hide {
    display: none;
    border-radius: 0px 0px 5px 5px;
    background-color: rgba(179, 179, 179, 0.2);
    padding: 8px 9px 8px 10px;
    width: 100%;
    position: absolute;
    top: 34px;
    left: 0px;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
}

.language__hide:hover {
    background-color: #ec640d;
}

/*************header_shild**************/
.header_shild .language__arrow svg *,
.header__content_dark .language__arrow svg * {
    fill: rgba(195, 195, 195, .6);
}

@media only screen and (max-width: 1300px) {
    .language {
        left: 0px;
    }
}

@media only screen and (max-width: 1100px) {
    .language {
        margin-left: 15px;
    }
}

@media only screen and (max-width: 600px) {
    .language {
        display: none;
    }
}

/*---------------------aside------------------------*/
.aside {
    position: fixed;
    height: 100vh;
    left: 0px;
    top: 0px;
    width: 65px;
    z-index: 1000;
}

.aside__wrap {
    height: calc(100% - 215px);
    width: 100%;
    background-color: rgb(224, 98, 37);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.aside__bg {
    height: calc(100% - 215px);
    width: 100%;
    background-color: transparent;
}

.aside__items {
    display: block;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    white-space: nowrap;
    font-size: 12px;
    color: rgb(255, 255, 255);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    left: 1px;
    top: -6px;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: -10;
    -webkit-transition: visibility 0s, opacity 0.3s linear;
    -o-transition: visibility 0s, opacity 0.3s linear;
    transition: visibility 0s, opacity 0.3s linear;
}

.aside__items small {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 200;
}

.aside__items_active {
    visibility: visible;
    opacity: 1;
    position: relative;
    z-index: 1;
}

.aside__link {
    display: block;
    width: 100%;
    height: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.aside__link_chat {
    background-color: rgb(202, 88, 32);
}

.aside__link_phone {
    background-color: rgb(179, 76, 26);
}

.aside__link:hover {
    background-color: #fb7432;
}

@media only screen and (max-width: 820px) {
    .aside {
        display: none;
    }
}

/*---------------------burger------------------------*/
.burger {
    width: 100%;
    height: 85px;
    background-color: #ec640d;
    padding: 23px 12px 22px 12px;
}

.burger__icon {
    height: 17px;
    width: 41px;
    margin-bottom: 10px;
    padding-left: 3px;
}

.burger__line {
    background-color: rgb(255, 255, 255);
    width: 36px;
    height: 3px;
    position: relative;
    margin-bottom: 7px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.burger__line:last-child {
    margin-bottom: 0px;
}

.burger__title {
    font-size: 10px;
    color: rgb(254, 254, 254);
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.306;
    letter-spacing: 2px;
    font-family: "MADEEvolveSans";
}

.burger__title span {
    -webkit-transition: visibility 0s, opacity 0.3s linear;
    -o-transition: visibility 0s, opacity 0.3s linear;
    transition: visibility 0s, opacity 0.3s linear;
    visibility: visible;
    opacity: 1;
    position: relative;
    z-index: 1;
}

.burger__title span:last-child {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: -10;
    -webkit-transition: visibility 0s, opacity 0.3s linear;
    -o-transition: visibility 0s, opacity 0.3s linear;
    transition: visibility 0s, opacity 0.3s linear;
}

.burger:hover .burger__line:last-child {
    width: 32px;
}

.burger.active .burger__line:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 5px;
}

.burger.active .burger__line:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: -5px;
}

.burger.active .burger__line:nth-child(3) {
    width: 0;
}

.burger.active .burger__title span:first-child {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: -10;
    -webkit-transition: visibility 0s, opacity 0.3s linear;
    -o-transition: visibility 0s, opacity 0.3s linear;
    transition: visibility 0s, opacity 0.3s linear;
}

.burger.active .burger__title span:last-child {
    visibility: visible;
    opacity: 1;
    position: relative;
    z-index: 1;
    -webkit-transition: visibility 0s, opacity 0.3s linear;
    -o-transition: visibility 0s, opacity 0.3s linear;
    transition: visibility 0s, opacity 0.3s linear;
}

@media only screen and (max-width: 820px) {

    .burger,
    .burger__title {
        display: none;
    }

    .burger.active .burger__line:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 15px;
    }

    .burger.active .burger__line:nth-child(2) {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 5px;
    }
}

/*---------------------promo------------------------*/
.promo {
    position: relative;
    height: 100vh;
    min-height: 800px;
    z-index: 50;
}

.promo .wrapper {
    position: relative;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    top: 40px;
}

.promo__background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
    background-image: url(../images/promo/promo-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.promo__slick,
.promo__slick .slick-list,
.promo__slick .slick-track {
    height: 100%;
}

.promo__slide {
    height: 100vh !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
}

.promo__slide:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(43, 46, 51, .6);
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
}

.promo__content {
    max-width: 550px;
}

.promo__title {
    font-size: 52px;
    font-family: 'Kelson', sans-serif;
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.356;
    margin-bottom: 21px;
    letter-spacing: 1.2px;
}

.promo__title span {
    color: #ec640d;
}

.promo__subtitle {
    font-size: 16px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    line-height: 2;
    margin-bottom: 74px;
    font-family: "MADEEvolveSans";
    letter-spacing: 1.95px;
}

.promo__consultation {
    font-size: 12px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 2.667;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    letter-spacing: 2.3px;
    position: relative;
    left: 2px;
}

.promo__consultation-title {
    display: block;
    margin-right: 12px;
    position: relative;
}

.promo__consultation-visible {
    color: #FFF;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

/*.promo__consultation-hide {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    max-width: 0;
    color: #ec640d;
    transition: max-width 0.5s;
}*/

.promo__consultation i {
    display: block;
    width: 14px;
    position: relative;
    left: 0px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    top: 0px;
}

.promo__consultation svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.promo__consultation svg * {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    fill: #FFF;
}

.promo__video-background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1;
}

.promo__btn {
    width: 69px;
    height: 69px;
    border-color: rgba(224, 98, 37, 0);
    border-radius: 50%;
    border: 2px solid #e06225;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    top: -34px;
}

.promo__btn span {
    content: '';
    position: absolute;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(224, 98, 37, 1);
}

.promo__btn span.active {
    -webkit-transition: all 3s;
    -o-transition: all 3s;
    transition: all 3s;
    width: 100%;
}

.promo__btn i {
    width: 15px;
    height: 21px;
    position: relative;
    z-index: 10;
}

.promo__btn svg {
    width: 100%;
    height: 100%;
}

.promo__consultation:hover .promo__consultation-visible {
    color: #ec640d;
}

.promo__consultation:hover i {
    left: 5px;
}

.promo__consultation:hover svg * {
    fill: #ec640d;
}

.promo__btn:hover:after {
    width: 100%;
}

@media only screen and (max-height: 800px) {
    .promo {
        height: 100%;
        min-height: 100%;
    }

    .promo__slide {
        padding: 180px 0px 120px;
        height: 100% !important;
    }

    .promo .wrapper {
        top: 0px;
    }
}

@media only screen and (max-width: 1300px) {
    .promo {
        height: 100%;
        min-height: 100%;
    }

    .promo__slide {
        padding: 180px 0px 120px;
        height: 100% !important;
    }

    .promo .wrapper {
        top: 0px;
    }
}

@media only screen and (max-width: 1100px) {
    .promo__content {
        margin-left: 0;
    }

    .promo__title {
        font-size: 48px;
    }

    .promo__subtitle {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 820px) {
    .promo__content {
        max-width: calc(100% - 90px);
    }

    .promo__title {
        font-size: 38px;
    }

    .promo__subtitle {
        font-size: 14px;
    }

    .promo__subtitle br {
        display: none;
    }
}

@media only screen and (max-width: 600px) {
    .promo__content {
        max-width: 100%;
    }

    .promo .wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .promo__title {
        font-size: 33px;
    }

    .promo__slide {
        padding: 160px 0px 60px;
    }

    .promo__btn {
        margin-top: 35px;
        top: 0;
    }
}

/*---------------------main-services------------------------*/
.main-services {
    width: 100%;
    height: 100vh;
    min-height: 800px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
}

.main-services__body {
    width: 100%;
    position: relative;
    top: 24px;
}

.main-services__slick {
    height: 100%;
}

.main-services__slick {
    margin: 0px 0px;
}

.main-services__slick .slick-list {
    overflow: visible;
}

.main-services__slick .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.main-services__slide {
    max-width: 480px;
    margin: 0px 10px;
}

.main-services__title {
    max-width: 570px;
    margin-right: 218px;
}

.main-services__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 31px;
    position: relative;
    left: -3px;
}

.main-services__box .btn__arrow {
    top: -8px;
    left: -5px;
}

.main-services__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0px;
    right: 0px
}

.main-services__bg-img {
    will-change: opacity;
    display: block;
    max-width: 100%;
    height: calc(100% - 80px);
    position: absolute;
    top: 40px;
    right: -445px;
    -webkit-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;


    -webkit-animation: rotation 15s infinite linear;

    opacity: 0;
}

.main-services__bg-img.active {
    will-change: opacity;
    -webkit-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;

    opacity: 1;
}

.main-services__bg-img img {
    will-change: transform;
    max-width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}


@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}



.main-services__bg-img.hide {
    right: -100%;
}

.main-services__slide {
    margin: 0px 10px;
}

.main-services__content {
    width: 100%;
    height: 269px;
    border-radius: 8px;
    position: relative;
    padding: 28px 39px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 24px;
    overflow: hidden;
    -webkit-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
}

.main-services__content:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(96, 96, 96, .4);
    top: 0px;
    left: 0px;
    z-index: 1;
    border-radius: 8px;
}

.main-services__line {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(236, 100, 13, 1);
    top: 0px;
    right: 100%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    overflow: hidden;
    z-index: 900;
}

.main-services__white {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    top: 0px;
    right: 0%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    overflow: hidden;
    z-index: 99;
}

.main-services__white.active_second {
    width: 100%;
    right: -100%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.8s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.main-services__line.active {
    right: 0%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.main-services__line.active_second {
    width: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.main-services__img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 8px;
}

.main-services__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.main-services__video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 8px;
}

.main-services__caption {
    font-size: 30px;
    font-family: "Kelson";
    color: rgb(255, 255, 255);
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.467;
    position: relative;
    z-index: 10;
    letter-spacing: .65px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.main-services__desc, .main-services__alllinks {
    font-size: 16px;
    color: rgb(51, 51, 51);
    line-height: 1.625;
    letter-spacing: .4px;
}

.main-services__alllinks {
    margin-top: 20px;
}

.main-services__content:hover .main-services__img img {
    opacity: 0;
}

.main-services__content:hover .main-services__video {
    opacity: 1;
}

.main-services__alllinks span {
    font-weight: bold;
}

.main-services__alllinks a {
    color: #eb640d;
}

/*****************main-services_child******************/
.main-services_child {
    height: 100%;
    min-height: 100%;
    padding-bottom: 70px;
}

.main-services_child .main-services__box {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.main-services_child .main-services__box .btn__arrow {
    left: 5px;
    position: relative;
    top: -1px;
}

.main-services_child .main-services__box {
    margin-bottom: 40px;
}

.main-services_child .main-services__title {
    font-size: 30px;
    line-height: 1.4;
}

.main-services_child .main-services__body {
    top: 0;
}

@media only screen and (max-height: 800px) {
    .main-services {
        height: 100%;
        min-height: 800px;
    }

    .main-services__bg-img {
        right: -360px;
    }
}

@media only screen and (max-width: 1950px) {
    .main-services__bg-img {
        right: -360px;
    }
}

@media only screen and (max-width: 1440px) {
    .main-services__box {
        left: 31px;
    }
}

@media only screen and (max-width: 1300px) {
    .main-services {
        height: 100%;
        min-height: 800px;
    }

    .main-services__body {
        margin-left: 0;
        top: 0;
    }

    .main-services__slide {
        max-width: 470px;
    }

    /*****************main-services_child******************/
    .main-services_child {
        min-height: 100%;
    }
}

@media only screen and (max-width: 1100px) {
    .main-services__title {
        max-width: 645px;
        margin-right: 140px;
    }

    /*****************main-services_child******************/
    .main-services_child {
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 820px) {
    .main-services {
        min-height: 650px;
    }

    .main-services__box {
        left: 0;
    }

    .main-services__bg-img {
        right: -290px;
    }

    .main-services__title {
        max-width: 100%;
        margin-right: 0px;
        width: calc(100% - 71px);
        font-size: 26px;
    }

    /*****************main-services_child******************/
    .main-services_child {
        min-height: 100%;
    }

    .main-services_child .main-services__title {
        font-size: 28px;
    }
}

@media only screen and (max-width: 600px) {
    .main-services {
        min-height: auto;
        padding: 50px 0px;
    }

    .main-services__bg-img {
        display: none;
    }

    .main-services__caption {
        font-size: 22px;
    }

    /*****************main-services_child******************/
    .main-services_child {
        padding: 0px 0px 50px;
    }

    .main-services_child .main-services__title {
        font-size: 24px;
    }
}

@media only screen and (max-width: 500px) {
    .main-services__slide {
        max-width: 390px;
    }

    .main-services__content {
        padding: 22px 29px;
    }
}

@media only screen and (max-width: 420px) {
    .main-services__slide {
        max-width: 290px;
    }

    .main-services__content {
        padding: 22px 29px;
    }

    .main-services__caption {
        font-size: 18px;
    }
}

/*==============================main-solutions==============================*/
.main-solutions {
    width: 100%;
    height: 100vh;
    min-height: 800px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
}

.main-solutions .wrapper {
    width: auto;
    max-width: 1600px;
    position: relative;
    left: 40px;
}

.main-solutions__row {
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 95px -10px 0px;
}

.main-solutions__coll {
    position: relative;
    width: 48.33%;
    margin: 0px 10px 20px;
    height: 215px;
    border-radius: 8px;
    padding: 23px 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: hidden;
}

.main-solutions__coll-very-small {
    width: 23.55%;
}

.main-solutions__coll-small {
    width: 32.85%;
}

.main-solutions__coll-middle {
    width: 39%;
}

.main-solutions__img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 8px;
}

.main-solutions__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.main-solutions__coll:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(96, 96, 96, .4);
    top: 0px;
    left: 0px;
    z-index: 1;
    border-radius: 8px;
}

.main-solutions__coll:before {
    content: "";
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: rgba(236, 100, 13, .8);
    top: 0px;
    left: 0px;
    z-index: 2;
    border-radius: 8px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
}

.main-solutions__coll:hover:before {
    width: 100%;
}

.main-solutions__coll:hover .main-solutions__img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.main-solutions__caption {
    font-size: 16px;
    color: rgb(255, 255, 255);
    line-height: 1.625;
    position: relative;
    z-index: 10;
    letter-spacing: .4px;
}

@media only screen and (max-height: 800px) {
    .main-solutions {
        height: 100%;
        min-height: 100%;
        padding: 50px 0px;
    }

    .main-solutions__row {
        margin: 0px -10px 0px;
    }

    .main-solutions__coll {
        height: 185px;
    }
}

@media only screen and (max-width: 1700px) {
    .main-solutions .wrapper {
        max-width: 1374px;
        left: 33px;
    }
}

@media only screen and (max-width: 1440px) {
    .main-solutions .wrapper {
        padding: 0 10px;
        width: 1200px;
        left: 34px;
    }

    .main-solutions__coll-very-small {
        width: 23.32%;
    }

    .main-solutions__coll-middle {
        width: 38.8%;
    }
}

@media only screen and (max-width: 1300px) {
    .main-solutions {
        height: 100%;
        min-height: 100%;
        padding: 100px 0px;
    }

    .main-solutions .wrapper {
        width: 980px;
    }

    .main-solutions__row {
        margin: 0px -10px 0px;
    }

    .main-solutions__coll {
        width: 47.95%;
        padding: 15px 20px;
    }

    .main-solutions__coll-very-small {
        width: 225px;
    }

    .main-solutions__coll-middle {
        width: 400px;
    }

    .main-solutions__coll-small {
        width: 295px;
    }
}

@media only screen and (max-width: 1100px) {
    .main-solutions .wrapper {
        width: 750px;
    }

    .main-solutions__coll {
        width: 47.33%;
        height: 185px;
    }
}

@media only screen and (max-width: 820px) {
    .main-solutions {
        padding: 50px 0px;
    }

    .main-solutions .wrapper {
        max-width: 100%;
        width: 100%;
        left: 0px;
        padding: 0px 15px 0px 15px;
    }

    .main-solutions__coll {
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .main-solutions {
        padding: 0px 0px 50px;
    }

    .main-solutions__caption br {
        display: none;
    }
}

/*==============================main-advantages==============================*/
.main-advantages {
    width: 100%;
    height: 100vh;
    min-height: 800px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    /*background-image: url(../images/main-advantages/main-advantages-bg.jpg);*/
    background-image: url(../images/main-advantages/main-advantages-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.main-advantages_shild {
    height: 100%;
    min-height: 100%;
    padding: 114px 0px 150px;
    margin-bottom: 90px;
}

.main-advantages__body {
    position: relative;
    margin: 61px 0px 0px 98px;
}

.main-advantages__row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 80px;
}

.main-advantages__coll {
    width: 33%;
    color: rgb(255, 255, 255);
    position: relative;
}

.main-advantages__coll:nth-child(2) {
    left: -11px;
}

.main-advantages__coll:last-child {
    left: 12px;
}

.main-advantages__caption {
    font-size: 30px;
    font-family: "Kelson";
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.467;
    margin-bottom: 27px;
    letter-spacing: .8px;
}

.main-advantages__list li {
    position: relative;
    padding-left: 30px;
    padding-right: 20px;
    margin-bottom: 26px;
    font-size: 16px;
    line-height: 1.625;
    letter-spacing: .3px;
}

.main-advantages__list li:after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    top: 6px;
    left: 0px;
    background-color: #ff6400;
}

.main-advantages__list li:last-child {
    margin-bottom: 0px;
}

.main-advantages__title {
    font-weight: 700;
    color: rgb(255, 255, 255);
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: .6px;
    position: relative;
    top: 2px;
}

.main-advantages__title span {
    color: #ff6400;
}


@media only screen and (min-width: 1700px) {

    .main-advantages__body {
        margin: 0px 0px 0px 0px;
    }
}

@media only screen and (max-height: 800px) {
    .main-advantages {
        height: 100%;
        min-height: 100%;
        padding: 100px 0px;
    }

    .main-advantages__body {
        margin: 0px 0px 0px 0px;
    }

    .main-advantages__row {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 1300px) {
    .main-advantages {
        height: 100%;
        min-height: 100%;
        padding: 100px 0px;
    }

    .main-advantages__title br {
        display: none;
    }

    .main-advantages__body {
        margin: 0px 0px 0px 0px;
    }

    .main-advantages__row {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 1100px) {
    .main-advantages__row {
        margin-bottom: 30px;
    }

    .main-advantages__coll {
        width: 31%;
    }

    .main-advantages__caption {
        font-size: 26px;
        margin-bottom: 18px;
    }

    .main-advantages__list li {
        margin-bottom: 20px;
        font-size: 14px;
    }

    .main-advantages_shild {
        margin-bottom: 60px;
    }
}

@media only screen and (max-width: 820px) {
    .main-advantages {
        padding: 50px 0px;
    }

    .main-advantages__coll {
        width: 100%;
        margin-bottom: 35px;
    }

    .main-advantages__caption br,
    .main-advantages__list li br {
        display: none;
    }

    .main-advantages__coll:nth-child(2),
    .main-advantages__coll:last-child {
        left: 0;
    }

    .main-advantages__row {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 600px) {
    .main-advantages__title {
        font-size: 18px;
    }
}

/*==============================main-customers==============================*/
.main-customers {
    width: 100%;
    height: 100vh;
    min-height: 800px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
}

.main-customers_child {
    height: 100%;
    min-height: 100%;
    margin-bottom: 165px;
}

.main-customers__title {
    font-size: 38px;
    position: relative;
    left: -2px;
    letter-spacing: .55px;
    width: calc(100% - 71px);
}

.main-customers__body {
    margin-top: 75px;
}

.main-customers__top {
    margin-bottom: 42px;
}

/**********main-customers__nav**********/
.main-customers__nav {
    margin: 0px -10px;
    z-index: 100;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    flex-wrap: wrap;
}

.main-customers__nav-slide {
	width: 240px;
	margin-bottom: 20px;
}

@media only screen and (max-width: 820px) {
    .main-customers__nav-slide {
		width: 50%;
	}
}

.main-customers__nav-items {
    height: 107px !important;
    border: 1px solid rgb(230, 230, 230);
    border-radius: 8px;
    background-color: rgb(255, 255, 255);
    padding: 18px;
    margin: 0px 10px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.main-customers__nav-items:hover {
    border-color: #fb7432;
}

.main-customers__nav-img {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.main-customers__nav-img img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.main-about-text {
	-webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 20px;
}

.main-about-text > * {
	width: 30%;
}

@media only screen and (max-width: 820px) {
    .main-about-text > * {
		width: 100%;
	}
}

.main-about-text h3 {
    color: #ff6400;
}

/**********main-customers__slick**********/
.main-customers__slick {
    padding-top: 30px;
}

.main-customers__slick-slider {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border: 1px solid rgb(230, 230, 230);
    border-radius: 8px;
    background-color: rgb(255, 255, 255);
    -webkit-box-shadow: 0px 5px 90px 0px rgba(138, 138, 138, 0.08);
    box-shadow: 0px 5px 90px 0px rgba(138, 138, 138, 0.08);
    position: relative;
    overflow: hidden;
}

.main-customers__slick-img {
    width: 380px;
    border-right: 1px solid rgb(230, 230, 230);
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}

.main-customers__slick-img:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgb(77, 77, 77, .6);
    z-index: 1;
}

.main-customers__slick-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.main-customers__slick-content {
    width: calc(100% - 380px);
    padding: 50px 105px 55px 100px;
}

.main-customers__slick .slick-list {
    overflow: initial;
}

.main-customers__slick-date {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.702);
    text-transform: uppercase;
    line-height: 2.5;
    margin-bottom: 13px;
    letter-spacing: .95px;
}

.main-customers__slick-name {
    display: block;
    font-size: 30px;
    font-weight: 700;
    color: rgb(235, 100, 13);
    line-height: 1.4;
    margin-bottom: 21px;
    letter-spacing: .4px;
    margin-left: -2px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.main-customers__slick-name {
    color: #fb7432;
}

.main-customers__slick-text {
    font-size: 16px;
    color: rgb(51, 51, 51);
    line-height: 1.625;
    letter-spacing: .4px;
}

.main-customers__slick-plus {
    position: absolute;
    width: 95px;
    height: 95px;
    top: calc(50% - 47.5px);
    left: calc(50% - 47.5px);
    border-radius: 50%;
    border: 2px solid #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 10;
}

.main-customers__slick-plus i {
    width: 29px;
    height: 29px;
    display: block;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.main-customers__slick-plus svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.main-customers__slick-plus:hover {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    background-color: #FFF;
}

.main-customers__slick-plus:hover i {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.main-customers__slick-plus:hover svg * {
    fill: #333;
}

/**********main-customers__slick**********/
.main-customers__coll {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: rgb(255, 255, 255);
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.main-customers__coll .main-customers__slick-img {
    width: 380px;
}

.main-customers__coll .main-customers__slick-content {
    width: calc(100% - 400px);
    border: 1px solid rgb(230, 230, 230);
    border-radius: 8px;
    padding: 109px 75px 145px 80px;
}

@media only screen and (max-height: 800px) {
    .main-customers {
        height: 100%;
        min-height: 100%;
        padding: 100px 0px;
    }

    .main-customers__body {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 1300px) {
    .main-customers {
        height: 100%;
        min-height: 100%;
        padding: 100px 0px;
    }

    .main-customers_child {
        padding: 60px 0px 50px;
        margin-bottom: 0;
    }

    .main-customers__slick-content {
        padding: 40px 55px 55px 45px;
    }

    .main-customers__slick-text br {
        display: none;
    }

    .main-customers__coll .main-customers__slick-content {
        padding: 70px 45px 85px 45px;
    }
}

@media only screen and (max-width: 1100px) {
    .main-customers_child {
        padding: 60px 0px 20px;
    }

    .main-customers__top {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .main-customers .btn__arrow {
        position: relative;
        top: -5px;
    }

    .main-customers__slick-slider {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .main-customers__slick-img {
        width: 100%;
        height: 350px;
    }

    .main-customers__slick-content {
        width: 100%;
        padding: 50px 80px 55px 80px;
    }

    .main-customers__coll {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 40px;
    }

    .main-customers__coll .main-customers__slick-img {
        width: 100%;
        height: 320px;
        margin-bottom: 20px;
    }

    .main-customers__coll .main-customers__slick-content {
        width: 100%;
    }
}

@media only screen and (max-width: 820px) {
    .main-customers {
        padding: 50px 0px;
    }

    .main-customers__title {
        font-size: 28px;
    }

    .main-customers__slick-img {
        height: 300px;
    }

    .main-customers__slick-content {
        padding: 50px 50px 55px 50px;
    }
}

@media only screen and (max-width: 760px) {
    .main-customers_child {
        padding: 10px 0px 20px;
    }

    .main-customers__coll .main-customers__slick-img {
        height: 270px;
    }

    .main-customers__coll .main-customers__slick-content {
        padding: 30px 30px 45px 30px;
    }
}

@media only screen and (max-width: 600px) {
    .main-customers__slick-img {
        height: 220px;
    }

    .main-customers__slick-content {
        padding: 20px 20px 25px 20px;
    }

    .main-customers__slick-name {
        font-size: 24px;
        margin-bottom: 16px;
    }
}

/*==============================main-map==============================*/
.main-map {
    width: 2550px;
    height: 100vh;
    min-height: 800px;
    position: relative;
    overflow: hidden;
    display: block !important;
}

.main-map__delivery {
    width: 4225px;
    height: 1855px;
    position: absolute;
    top: calc(50% - 725px);
    left: calc(50% - 2775px);
}

.main-map__mobile {
    display: none;
}

[data-city] {
    cursor: pointer;
}

[data-line-city] {
    stroke-opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    /*transform: scale(0.99);*/
}

.active[data-line-city] {
    stroke-opacity: 1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    /*transform: scale(1);*/
}

.map-popup {
    width: auto;
    position: absolute;
    border-radius: 8px;
    background-color: rgb(255, 255, 255);
    -webkit-box-shadow: 0px 22px 50px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 22px 50px 0px rgba(0, 0, 0, 0.07);
    visibility: hidden;
    opacity: 0;
    z-index: -10;
    padding: 41px 50px 40px 48px;
	max-width:360px;
}
.map-popup__row{
    max-height: 500px;
    /*overflow-y: scroll;*/
}


.modal {
    width: 500px;
    display: none;
    position: fixed;
    border-radius: 8px;
    background-color: rgb(255, 255, 255);
    -webkit-box-shadow: 0px 22px 50px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 22px 50px 0px rgba(0, 0, 0, 0.07);
    z-index: 1000;
    padding: 41px 50px 40px 48px;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -250px;
}

.modal#modalmail, .modal#modalmail2 {
	top: 100px;
	margin-top: 0;
}

@media only screen and (max-width:500px){
	.modal{
    max-width: 400px;
	margin-left: -200px;

}
	.modal__title{
font-size: 24px !important;

}

}


.map__closed {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgb(235, 100, 13);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.map__closed i {
    width: 14px;
    height: 14px;
    display: block;
}

.map__closed svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.map__closed svg * {
    fill: #FFF;
}

.map__items {
    margin-bottom: 28px;
}

.map__items:last-child {
    margin-bottom: 0px;
}

.map__name {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1.714;
    letter-spacing: .35px;
    margin-bottom: 9px;
}

.map__city {
    font-size: 11px;
    font-family: "MADEEvolveSans";
    color: rgb(26, 26, 26);
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    padding-left: 19px;
    letter-spacing: 2px;
}

.map__city:after {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: rgb(204, 204, 204);
    top: 2px;
    left: 0px;
}

.map-popup.active {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0s, opacity 0.2s linear;
    -o-transition: visibility 0s, opacity 0.2s linear;
    transition: visibility 0s, opacity 0.2s linear;
    z-index: 999;
}

.map__closed:hover {
    background-color: #fb7432;
}


@media only screen and (max-height: 800px) {
    .main-map {
        width: 100%;
        height: 100%;
    }
}

@media only screen and (max-width: 1300px) {
    .main-map__delivery {
        width: 3800px;
        top: calc(60% - 725px);
        left: calc(50% - 2500px);
    }

    .map-popup {
        left: calc(50% - 245px) !important;
        top: 150px !important;
    }
}

@media only screen and (max-width: 1100px) {
    .main-map {
        min-height: 600px;
    }

    .main-map__delivery {
        width: 3200px;
        top: calc(65% - 655px);
        left: calc(88% - 2500px);
    }
}

@media only screen and (max-width: 1010px) {

    .main-map,
    .main-map .fp-tableCell,
    .main-map__delivery {
        display: none;
        min-height: 0px;
        height: 0px !important;
    }
}

/*==============================accordion==============================*/
.accordion {
    margin-bottom: 20px;
}

.accordion__items {
    width: 100%;
    border-radius: 10px;
    background-color: rgb(59, 56, 56);
    padding: 26px 43px 23px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
}

.accordion__items:after {
    content: '';
    position: absolute;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(236, 100, 13);
    border-radius: 10px;
}

.accordion__items:hover:after {
    width: 100%;
}

.accordion__title {
    color: rgb(255, 255, 255);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
    z-index: 10;
    width: calc(100% - 30px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 20px;
}

.accordion__arrow i {
    display: block;
    width: 22px;
    height: 22px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
    z-index: 10;
}

.accordion__items.active .accordion__arrow i {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.accordion__arrow svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.accordion__text {
    display: none;
    font-size: 16px;
    color: rgb(51, 51, 51);
    line-height: 1.625;
    padding: 20px 100px 0px;
    letter-spacing: .4px;
}

.accordion__text p,
.accordion__caption {
    font-size: 16px;
    color: rgb(51, 51, 51);
    line-height: 1.625;
    margin-bottom: 32px;
    letter-spacing: .4px;
}

.accordion__text p strong {
    font-weight: 700;
}

.accordion__items.active {
    background-color: rgb(246, 246, 246);
}

.accordion__items.active .accordion__title {
    color: rgb(51, 51, 51);
}

.accordion__items:hover .accordion__title {
    color: #FFF;
}

.accordion__arrow.active i {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.accordion__arrow svg * {
    fill: #d9d9d9;
}

.accordion__caption {
    margin-bottom: 0;
    font-weight: 700;
    letter-spacing: .37px;
}

.accordion__text li {
    position: relative;
    letter-spacing: .4px;
}

.accordion__block {
    margin-top: 22px;
}

.accordion__block + .accordion__block {
    margin-top: 20px;
}

.accordion__block:last-child {
    margin-bottom: 44px;
}

.accordion__title-name {
    width: calc(72% - 0px);
}

@media only screen and (max-width: 760px) {
    .accordion__items {
        padding: 26px 22px 23px;
    }

    .accordion__text {
        display: none;
        font-size: 15px;
        color: rgb(51, 51, 51);
        line-height: 1.625;
        padding: 10px 30px 0px;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }

    .accordion__block + .accordion__block {
        margin-top: 30px;
    }
}

/*==============================main-news==============================*/
.main-news {
    width: 100%;
    height: 100vh;
    min-height: 800px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.main-news_child {
    height: 100%;
    min-height: 100%;
    padding: 0px 0px 94px;
}

.main-news__body {
    margin-top: 25px;
}

.main-news__title {
    font-size: 38px;
    position: relative;
    left: -4px;
    top: 3px;
    letter-spacing: .55px;
}

.main-news_child .main-news__title {
    font-size: 30px;
    left: -2px;
}

.main-news_child .main-news__box {
    margin-bottom: 40px;
}

.main-news__box {
    margin-bottom: 36px;
}

.main-news__box .btn__arrow {
    position: relative;
    top: 1px;
    left: 5px;
}

.main-news__slick {
    margin: 0px 0px;
}

.main-news__slick .slick-list {
    overflow: visible;
}

.main-news__slick .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.main-news__slide {
    max-width: 280px !important;
    margin: 0px 10px;
}

.main-news__img {
    width: 100%;
    height: 202px;
    border-radius: 8px 8px 0px 0px;
    background-color: rgb(255, 255, 255);
    margin-bottom: 26px;
    overflow: hidden;
    position: relative;
    top: -2px;
}

.main-news__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px 8px 0px 0px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.main-news__img:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.main-news__img:before {
    content: "";
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: rgba(236, 100, 13, .8);
    top: 0px;
    left: 0px;
    z-index: 2;
    border-radius: 8px 8px 0px 0px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
}

.main-news__img:hover:before {
    width: 100%;
}

.main-news__date {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.702);
    text-transform: uppercase;
    margin-bottom: 17px;
    letter-spacing: .95px;
    display: block;
}

.main-news__caption {
    font-size: 18px;
    color: rgb(0, 0, 0);
    line-height: 1.556;
    margin-bottom: 15px;
    letter-spacing: .9px;
}

.main-news__anons {
    font-size: 14px;
    color: rgb(51, 51, 51);
    line-height: 1.857;
    margin-bottom: 22px;
    letter-spacing: .3px;
}

.main-news__link {
    font-size: 12px;
    color: rgb(235, 100, 13);
    font-weight: 600;
    text-transform: uppercase;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    top: 1px;
    letter-spacing: 1.3px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.main-news__link span {
    display: block;
    margin-right: 19px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.main-news__link i {
    width: 14px;
    height: 8px;
    display: block;
    position: relative;
    top: -1px;
    left: 0px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.main-news__link:hover {
    color: #ff8a51;
}

.main-news__link:hover i {
    left: 5px;
}

@media only screen and (max-height: 800px) {
    .main-news {
        height: 100%;
        min-height: 100%;
        padding: 100px 0px;
    }

    .main-news__body {
        margin-top: 0;
    }
}

@media only screen and (max-width: 1300px) {
    .main-news {
        height: 100%;
        min-height: 100%;
        padding: 100px 0px;
    }

    .main-news_child {
        padding: 0px 0px 60px;
    }

    .main-news__slide {
        max-width: 305px !important;
    }
}

@media only screen and (max-width: 1100px) {
    .main-news__slide {
        max-width: 355px !important;
    }
}

@media only screen and (max-width: 820px) {
    .main-news {
        padding: 50px 0px;
    }

    .main-news_child {
        padding: 0px 0px 50px;
    }

    .main-news__title {
        font-size: 28px;
        left: 0;
        top: 0;
        width: calc(100% - 71px);
    }

    .main-news_child .main-news__title {
        font-size: 24px;
        left: 0px;
    }

    .main-news__box {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .main-news__body {
        width: 100%;
    }

    .main-news__box .btn__arrow {
        top: -4px;
        left: 0px;
    }
}

@media only screen and (max-width: 420px) {
    .main-news__slide {
        max-width: 290px !important;
    }

    .main-news__img {
        height: 175px;
        top: 0;
    }
}

/*==============================main-order==============================*/
.main-order {
    width: 100%;
    height: 100vh;
    min-height: 800px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
}

.main-order__body {
    margin-top: 41px;
}

.main-order__form {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.main-order__title {
    text-align: center;
    margin-bottom: 32px;
    font-size: 38px;
    position: relative;
    left: -21px;
}

.main-order__row {
    width: 699px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0px -10px;
}

.main-order__items {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0px 10px;
}

.main-order__address {
    width: 480px;
    border: 1px solid rgb(230, 230, 230);
    border-radius: 8px;
    padding: 42px 90px 50px 78px;
    background-color: RGB(255, 255, 255);
}

.main-order__address-title {
    font-size: 20px;
    color: rgb(0, 0, 0);
    line-height: 1.55;
    margin-bottom: 32px;
    letter-spacing: 1.05px;
}

.main-order__address-desc {
    font-size: 16px;
    color: rgb(0, 0, 0);
    line-height: 1.875;
    margin-bottom: 50px;
    letter-spacing: .38px;
}

.main-order__address-number {
    display: block;
    font-size: 24px;
    color: rgb(0, 0, 0);
    line-height: 0.6;
    margin-bottom: 21px;
    letter-spacing: 2.3px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.main-order__address-number:hover {
    color: #fb7432;
}

.main-order__address-phone {
    font-size: 16px;
    color: rgb(0, 0, 0);
    line-height: 1;
    letter-spacing: .4px;
}

.main-order__btn {
    padding: 29px 64px 27px;
    margin-right: 55px;
}

.main-order .checkbox {
    width: calc(100% - 350px);
    position: relative;
    left: 1px;
    top: 0px;
}

/****************main-order_shild******************/
.main-order_shild {
    height: 100%;
    min-height: 100%;
    margin-bottom: 100px;
}

.main-order_shild .main-order__title {
    text-align: left;
    left: 0px;
    font-size: 30px;
    margin-bottom: 39px;
}

.main-order_shild .main-order__body {
    margin-top: 0px;
}

/****************main-order_contacts******************/
.main-order_contacts {
    height: 100%;
    min-height: 100%;
    margin-bottom: 87px;
    margin-top: -5px;
}

.main-order_contacts .main-order__body {
    margin-top: 0px;
}

@media only screen and (max-height: 800px) {
    .main-order {
        min-height: 100%;
        height: 100%;
        padding: 0px 0px 100px;
    }

    .main-order__body {
        margin-top: 0;
    }
}

@media only screen and (max-width: 1300px) {

    .main-order,
    .main-order_contacts {
        min-height: 100%;
        height: 100%;
        padding: 0px 0px 100px;
    }

    .main-order_contacts {
        margin: 0px;
    }

    .main-order__row {
        width: 585px;
    }

    .main-order__address {
        width: 375px;
        padding: 42px 25px 50px 35px;
    }

    .main-order__btn {
        padding: 29px 45px 27px;
    }

    .main-order .checkbox {
        width: calc(100% - 300px);
        left: 0px;
        top: 0px;
    }
}

@media only screen and (max-width: 1100px) {
    .main-order__row {
        width: 100%;
        margin-bottom: 35px;
    }

    .main-order_contacts {
        padding: 0px 0px 60px;
    }

    .main-order__address {
        width: 100%;
        padding: 42px 90px 50px 78px;
    }

    .main-order__address-desc br {
        display: none;
    }

    .main-order_shild {
        margin-bottom: 0px;
    }
}

@media only screen and (max-width: 820px) {
    .main-order {
        padding: 0px 0px 50px;
    }

    .main-order__title {
        font-size: 28px;
        left: 0;
    }

    .main-order__row {
        margin: 0px 0px 35px;
    }
}

@media only screen and (max-width: 760px) {
    .main-order__btn {
        padding: 29px 35px 27px;
        margin: 0px 0px 20px;
        width: 100%
    }

    .main-order .checkbox {
        width: 100%;
    }

    .main-order_shild .main-order__body {
        margin-top: 0px;
    }

    .main-order_shild .main-order__title {
        font-size: 26px;
        margin-bottom: 25px;
    }
}

@media only screen and (max-width: 600px) {
    .main-order__address {
        padding: 30px 30px 40px 30px;
    }
}

/*---------------------footer------------------------*/
.footer {
    width: 100%;
    position: relative;
    padding: 90px 0px 50px;
    background-color: rgb(77, 77, 77);
    height: auto !important;
    margin-bottom: -1px;
}

.footer__row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.footer__first {
    width: 205px;
}

.footer__logo {
    display: block;
    width: 128px;
    height: 108px;
    margin-bottom: 36px;
}

.footer__logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.footer__copyright,
.footer__confidentiality {
    font-size: 14px;
    font-weight: 300;
    color: rgb(255, 255, 255);
    line-height: 1.857;
    font-family: "MADEEvolveSans";
    letter-spacing: .35px;
}

.footer__copyright span {
    display: block;
}

.footer__confidentiality {
    display: block;
    color: #eb640d;
    text-decoration: underline;
    margin-bottom: 36px;
    margin-top: 1px;
}

.footer__social ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0px -5px;
}

.footer__social li {
    margin: 0px 5px;
}

.footer__social a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 42.5px;
    height: 42.5px;
    border: 1px solid #eb640d;
    border-radius: 50%;
}

.footer__social i {
    position: relative;
    top: 2px;
}

.footer__social svg * {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.footer__middle {
    width: 510px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    left: 2px;
    top: -2px;
}

.footer__menu {
    width: 200px;
}

.footer__menu a {
    display: block;
    font-size: 16px;
    color: rgb(255, 255, 255);
    margin-bottom: 32px;
    font-weight: 300;
    font-family: "MADEEvolveSans";
    letter-spacing: .35px;
}

.footer__menu a.footer__menu__small {
    font-size: 14px;
    margin-bottom: 14px;
    line-height: 18px;
}

.footer__middle-caption {
    font-size: 19px;
    color: rgb(255, 255, 255);
    line-height: 1.632;
    margin-bottom: 21px;
    letter-spacing: 1.1px;
}

.footer__middle-content {
    width: 310px;
    position: relative;
    left: -2px;
    top: -7px;
}

.footer__form-items {
    display: block;
    margin-bottom: 20px;
}

.footer__form__btn {
    width: 100%;
    margin-bottom: 20px;
    font-weight: 300;
    font-family: "MADEEvolveSans";
}

.footer__form-field {
    border-color: rgb(77, 77, 77);
    background-color: rgb(84, 84, 84);
    color: #FFF;
    font-weight: 300;
    font-family: "MADEEvolveSans";
}

.footer__form-field::-webkit-input-placeholder {
    color: #FFF;
}

.footer__form-field::-moz-placeholder {
    color: #FFF;
}

.footer__form-field:-moz-placeholder {
    color: #FFF;
}

.footer__form-field:-ms-input-placeholder {
    color: #FFF;
}

.footer .checkbox label {
    color: #FFF;
    font-weight: 300;
    font-family: "MADEEvolveSans";
    padding-left: 65px;
    letter-spacing: 0.35px;
}

.footer__last {
    width: 280px;
    position: relative;
    top: -5px;
}

.footer__last-items,
.footer__location {
    font-size: 14px;
    font-family: "MADEEvolveSans";
    color: #FFF;
    line-height: 1.571;
    margin-bottom: 42px;
    letter-spacing: .6px;
}

.footer__location {
    margin-bottom: 45px;
    letter-spacing: .7px;
}

.footer__email {
    color: #FFF;
}

.footer__location-link,
.footer__cellback {
    display: inline-block;
    color: #eb640d;
    text-decoration: underline;
    font-size: 14px;
    font-family: "MADEEvolveSans";
}

.footer__cellback {
    letter-spacing: .39px;
    position: relative;
    top: -2px;
}

.footer__number {
    font-size: 24px;
    color: rgb(255, 255, 255);
    font-family: "MADEEvolveSans";
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
    letter-spacing: 1.2px;
}

.footer__develop {
    position: relative;
    height: 15px;
    right: 0px;
    top: 7px;
    float: right;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.302);
    font-size: 14px;
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    font-weight: 300;
    margin-top: 109px;
}

.footer__develop span {
    display: block;
    font-size: 0px;
    background: url(../images/footer/developer.svg) no-repeat;
    background-size: cover;
    width: 31px;
    min-width: 31px;
    height: 62px;
    margin-left: 27px;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    top: 5px;
    position: relative;
}

.footer__develop span:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: -45px;
    left: 0px;
    background-color: #cc3b3b;
}

.footer__menu a.active,
.footer__menu a:hover,
.footer__email:hover,
.footer__number:hover {
    color: #eb640d
}

.footer__social a:hover {
    background-color: #eb640d;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.footer__social a:hover svg * {
    fill: #FFF;
}

@media only screen and (max-width: 1300px) {
    .footer__middle {
        width: 430px;
    }

    .footer__menu {
        width: 155px;
    }

    .footer__middle-content {
        width: 270px;
    }
}

@media only screen and (max-width: 1100px) {
    .footer__middle {
        width: 155px;
    }

    .footer__middle-content {
        display: none;
    }

    .footer__last {
        width: 225px;
    }
}

@media only screen and (max-width: 820px) {
    .footer {
        padding: 50px 0px 35px;
    }

    .footer__middle {
        display: none;
    }

    .footer__logo {
        margin-bottom: 35px;
    }

    .footer__confidentiality {
        margin-bottom: 30px;
    }

    .footer__location {
        margin-bottom: 47px;
    }

    .footer__develop {
        margin-top: 38px;
    }
}

@media only screen and (max-width: 600px) {

    .footer__first,
    .footer__last {
        width: 100%;
        text-align: center;
    }

    .footer__logo {
        margin: 0px auto 25px;
    }

    .footer__confidentiality {
        margin-bottom: 25px;
    }

    .footer__social ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0px -5px 35px;
    }

    .footer__last {
        left: 0px;
    }

    .footer__last-items,
    .footer__location {
        margin-bottom: 20px;
    }

    .footer__develop {
        float: none;
    }
}

/*==============================page-top==============================*/
.page-top {
    width: 100%;
    position: relative;
    padding: 188px 0px 43px;
}

.page-top-caption {
    font-size: 34px;
    font-weight: 700;
    color: rgb(51, 51, 51);
    line-height: 1.235;
    position: relative;
    left: -2px;
    letter-spacing: .5px;
}

.page-top-caption span {
    color: #ec640d;
}

@media only screen and (max-width: 1100px) {
    .page-top {
        padding: 120px 0px 40px;
    }

    .page-top-caption br {
        display: none;
    }
}

@media only screen and (max-width: 760px) {
    .page-top-caption {
        font-size: 26px;
        left: 0px;
    }
}

/*==============================breadcrumbs==============================*/
.breadcrumbs {
    margin-bottom: 26px;
    font-size: 0px;
    text-align: left;
    padding-right: 21px;
}

.breadcrumbs li {
    display: inline-block;
    vertical-align: middle;
    padding-right: 16px;
    position: relative;
    display: inline-block;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 12px;
    color: #d36e2d;
    text-transform: none;
    letter-spacing: 0.2px;
    line-height: 20px;
}

.breadcrumbs li:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 1px;
    background-color: #b3b3b3;
    top: calc(50% - 0.5px);
    right: 4px;
}

.breadcrumbs li:last-child:after {
    display: none;
}

.breadcrumbs a {
    display: inline-block;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 12px;
    color: #b3b3b3;
    text-decoration: none;
    position: relative;
    text-transform: none;
    letter-spacing: 0.2px;
    line-height: 20px;
}

.breadcrumbs a:hover {
    color: #ec640d;
}

@media only screen and (max-width: 1260px) {
    .breadcrumbs {
        margin-bottom: 25px;
    }
}

/*==============================faq==============================*/
.faq {
    position: relative;
    padding: 0px 0px 70px;
}

.faq__body {
    max-width: 980px;
}

@media only screen and (max-width: 1100px) {
    .faq {
        padding: 0px 0px 40px;
    }
}

/*==============================mistake==============================*/
.mistake {
    min-height: 475px;
    position: relative;
    margin-top: -8px;
}

.mistake__bg {
    font-size: 800px;
    color: rgba(0, 0, 0, 0.051);
    line-height: 0.033;
    font-weight: 900;
    position: absolute;
    left: calc(50% - 690px);
    top: 34%;
}

.mistake__content {
    max-width: 330px;
    position: relative;
    z-index: 10;
}

.mistake__items {
    font-size: 16px;
    color: rgb(51, 51, 51);
    line-height: 1.625;
    margin-bottom: 26px;
    letter-spacing: 0.2px;
}

.mistake__items a {
    color: #ec640d;
    text-decoration: underline;
}

.mistake__items a:hover {
    text-decoration: none;
}

@media only screen and (max-width: 1300px) {
    .mistake__bg {
        font-size: 620px;
        left: calc(50% - 530px);
    }
}

@media only screen and (max-width: 1100px) {
    .mistake {
        min-height: 300px;
    }

    .mistake__bg {
        font-size: 465px;
        left: calc(50% - 400px);
    }
}

@media only screen and (max-width: 820px) {
    .mistake {
        min-height: 215px;
    }

    .mistake__bg {
        font-size: 340px;
        left: calc(50% - 325px);
    }
}

@media only screen and (max-width: 600px) {
    .mistake__bg {
        font-size: 265px;
        left: calc(50% - 250px);
    }
}

@media only screen and (max-width: 420px) {
    .mistake {
        min-height: 155px;
    }

    .mistake__bg {
        font-size: 195px;
        left: calc(50% - 180px);
    }
}

@media only screen and (max-width: 375px) {
    .mistake__content {
        max-width: 290px;
    }

    .mistake__items {
        font-size: 14px;
    }
}

/*==============================article==============================*/
.main-article {
    padding: 16px 0px 52px 0px;
}

.article + .main-article__images {
	margin-top: 15px;
}

.main-article__images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.main-article__container {
    margin: 0 20px 20px 0;
    width: 300px;
    border-radius: 10px;
    overflow: hidden;
}

.main-article__container img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.article {
    color: rgb(51, 51, 51);
    max-width: 980px;
}

.article.no-max-width {
    max-width: 100%;
}

.content-typo {
    color: rgb(51, 51, 51);
}

.article h2, .content-typo h2, #detail-text.products-table h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.333;
    margin-bottom: 42px;
    padding-bottom: 36px;
    letter-spacing: 0px;
    position: relative;
}

.article h2:not(:first-child), .content-typo h2:not(:first-child), #detail-text.products-table h2:not(:first-child) {
	margin-top: 40px;
}

.article h4 + h2:not(:first-child), .content-typo h4 + h2:not(:first-child), #detail-text.products-table h4 + h2:not(:first-child) {
	margin-top: 80px;
}

.article h2:after, .content-typo h2:after, #detail-text.products-table h2:after {
    content: "";
    width: 170px;
    height: 1px;
    background-color: rgb(217, 38, 28);
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.article h3, .content-typo h3, #detail-text.products-table h3, .main-about-text h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin: 48px 0px 28px;
    letter-spacing: 0.36px;
}

.article h4, .content-typo h4, #detail-text.products-table h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin: 53px 0px 30px;
    letter-spacing: .25px;
}

#detail-text.products-table h4 {
    margin: 10px 0px 30px;
}

.article h5, .content-typo h5, #detail-text.products-table h5 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin: 55px 0px 30px;
    letter-spacing: .25px;
}

.article h6, .content-typo h6, #detail-text.products-table h6 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    margin: 57px 0px 31px;
    letter-spacing: .25px;
}

.article p, .content-typo p, .main-career__body p, .products__subtitle p, #detail-text.products-table p {
    font-size: 16px;
    line-height: 1.625;
    margin-bottom: 20px;
    letter-spacing: .4px;
}

.article p, .content-typo p {
    max-width: 870px;
}

.article.no-max-width p, .content-typo.no-max-width p {
    max-width: 100%;
}

.full-width p {
    max-width: 100%;
}

.article a, .content-typo a, #detail-text.products-table a, .products__subtitle a {
    color: #ec640d;
    text-decoration: underline;
}

.article a.gallery__btn {
	text-decoration: none;
}

.article a:hover, .content-typo a:hover, #detail-text.products-table a:hover, .products__subtitle a:hover {
    text-decoration: none;
}

.article img {
    max-width: 100%;
    margin: 9px 0px 55px 2px;
}

.article img.img-with-descr {
    margin-bottom: 10px;
}

.article img.img-with-descr ~ i {
    margin-bottom: 40px;
    display: block;
}

.article ul:not(.clearlist),
.article ol:not(.clearlist),
ul.similar-list,
ol.similar-list,
#detail-text.products-table ul:not(.clearlist),
#detail-text.products-table ol:not(.clearlist),
.products__subtitle ul:not(.clearlist),
.products__subtitle ol:not(.clearlist),
.landing-modal-body ul:not(.clearlist),
.landing-modal-body ol:not(.clearlist) {
    padding-bottom: 20px;
}

.article ul:not(.clearlist) > li,
.article ol:not(.clearlist) > li,
ul.similar-list > li,
ol.similar-list > li,
#detail-text.products-table ul:not(.clearlist) > li,
#detail-text.products-table ol:not(.clearlist) > li,
.products__subtitle ul:not(.clearlist) > li,
.products__subtitle ol:not(.clearlist) > li,
.landing-modal-body ul:not(.clearlist) > li,
.landing-modal-body ol:not(.clearlist) > li {
    position: relative;
    margin-bottom: 0px;
    padding-left: 21px;
    font-size: 16px;
    line-height: 1.875;
}

.article ol:not(.clearlist) > li,
ol.similar-list > li,
#detail-text.products-table ol:not(.clearlist) > li,
.products__subtitle ol:not(.clearlist) > li,
.landing-modal-body ol:not(.clearlist) > li {
    padding-left: 23px;
}

.article ul:not(.clearlist) > li:last-child,
.article ol:not(.clearlist) > li:last-child,
ul.similar-list > li li:last-child,
ol.similar-list > li:last-child,
#detail-text.products-table ul:not(.clearlist) > li:last-child,
#detail-text.products-table ol:not(.clearlist) > li:last-child,
.products__subtitle ul:not(.clearlist) > li:last-child,
.products__subtitle ol:not(.clearlist) > li:last-child,
.landing-modal-body ul:not(.clearlist) > li:last-child,
.landing-modal-body ol:not(.clearlist) > li:last-child  {
    margin-bottom: 5px;
}

.article ul:not(.clearlist) > li:before,
ul.similar-list > li:before,
#detail-text.products-table ul:not(.clearlist) > li:before,
.products__subtitle ul:not(.clearlist) > li:before,
.landing-modal-body ul:not(.clearlist) > li:before {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    left: 1px;
    width: 4px;
    height: 4px;
    background: #d36e2d;
    border-radius: 50%;
}

.article ol:not(.clearlist),
ol.similar-list,
#detail-text.products-table ol:not(.clearlist),
.products__subtitle ol:not(.clearlist),
.landing-modal-body ol:not(.clearlist) {
    counter-reset: myCounter;
}

.article ol:not(.clearlist) > li:before,
ol.similar-list > li:before,
#detail-text.products-table ol:not(.clearlist) > li:before,
.products__subtitle ol:not(.clearlist) > li:before,
.landing-modal-body ol:not(.clearlist) > li:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    counter-increment: myCounter;
    content: counter(myCounter);
}

.article ol:not(.clearlist) > li:after,
ol.similar-list > li:after,
#detail-text.products-table ol:not(.clearlist) > li:after,
.products__subtitle ol:not(.clearlist) > li:after,
.landing-modal-body ol:not(.clearlist) > li:after {
    content: '.';
    display: block;
    position: absolute;
    top: 0;
    left: 9px;
}

.article blockquote {
    padding: 49px 79px 48px;
    position: relative;
    margin: 84px 0px 80px;
    border-radius: 10px;
    background-color: #ec640d;
}

.article blockquote:before {
    top: auto;
    bottom: 0px;
}

.article blockquote p {
    margin: 0px;
    color: #FFF;
}

@media only screen and (max-width: 1100px) {
    .main-article {
        padding: 0px 0px 50px 0px;
    }

    .article h2 {
        margin-bottom: 25px;
        padding-bottom: 24px;
    }

    .article h3,
    .article h4,
    .article h5,
    .article h6 {
        margin: 40px 0px 15px;
    }

    .article img {
        margin: 0px 0px 55px 0px;
    }

    .article blockquote {
        padding: 49px 50px 48px;
        margin: 45px 0px 60px;
    }

    .article blockquote br {
        display: none;
    }
}

@media only screen and (max-width: 760px) {
    .main-article {
        padding: 0px 0px 40px;
    }

    .article h2 {
        font-size: 24px;
    }

    .article h3 {
        font-size: 20px;
    }

    .article h3,
    .article h4,
    .article h5,
    .article h6 {
        margin: 30px 0px 15px;
    }

    .article blockquote {
        padding: 35px 30px 32px;
        margin: 25px 0px 50px;
    }
}

@media only screen and (max-width: 600px) {
    .main-article__images {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .main-article__container {
        width: 48%;
        margin: 0 0 4% 0;
    }
}

/*==============================background-div==============================*/

.bgr-div {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-repeat: no-repeat;
}
.bgr-delivery {
	background-image: url(../images/backgrounds/bgr-delivery.jpg);
	right: -38%;
}
.bgr-purchase {
	background-image: url(../images/main-services/4.svg);
	right: -66%;
	top: 100px;
}
.bgr-faq {
	background-image: url(../images/backgrounds/bgr-faq.svg);
	right: -66%;
	top: 86px;
}
.bgr-certificate {
	background-image: url(../images/backgrounds/bgr-certificate.svg);
	right: -66%;
	top: 86px;
}
.bgr-circlecheck {
	background-image: url(../images/backgrounds/bgr-circle-check.svg);
	right: -66%;
	top: 100px;
}
.bgr-prioritet {
	background-image: url(../images/backgrounds/bgr-prioritet.svg);
	right: -60%;
	top: 100px;
	background-size: 40%;
}
.bgr-ks3m {
	background-image: url(../images/backgrounds/bgr-ks3m.svg);
	right: -60%;
	top: 100px;
}
.bgr-transport {
	background-image: url(../images/main-services/2.svg);
	right: -66%;
	top: 100px;
}
.bgr-bpsm {
	background-image: url(../images/backgrounds/bgr-bpsm.svg);
	right: -64%;
	top: 100px;
}
.bgr-denshahtera {
	background-image: url(../images/backgrounds/bgr-den-shahtera.jpg);
	right: -64%;
	top: 200px;
}
.bgr-ugolmining {
	background-image: url(../images/backgrounds/bgr-ugol-mining.svg);
	right: -62%;
	top: 100px;
	background-size: 45%;
}
.bgr-tzgshologo {
	background-image: url(../images/backgrounds/bgr-tzgsho-logo.svg);
	right: -62%;
	top: 100px;
}
.bgr-mercury {
	background-image: url(../images/backgrounds/bgr-mercury.svg);
	right: -58%;
	top: 100px;
}
.bgr-gift {
	background-image: url(../images/backgrounds/bgr-gift.svg);
	right: -62%;
	top: 100px;
}
.bgr-teatr {
	background-image: url(../images/backgrounds/bgr-teatr.svg);
	right: -62%;
	top: 100px;
	background-size: 44%;
}
.bgr-microphone {
	background-image: url(../images/backgrounds/bgr-microphone.svg);
	right: -62%;
	top: 150px;
	background-size: 40%;
}
.bgr-sdpm13 {
	background-image: url(../images/backgrounds/bgr-sdpm13.jpg);
	right: -58%;
	top: 55px;
}
.bgr-armirovka {
	background-image: url(../images/backgrounds/bgr-armirovka.jpg);
	right: -58%;
	top: 55px;
}
.bgr-covid {
	background-image: url(../images/backgrounds/bgr-covid.jpg);
	right: -58%;
	top: 55px;
}
.bgr-victoryday {
	background-image: url(../images/backgrounds/bgr-victoryday.jpg);
	right: -58%;
	top: 55px;
}

@media only screen and (max-width: 820px) {
	.bgr-div {
		display: none;
	}
}

/*==============================open-div==============================*/

.text-chkbox {
    display: block;
    position: relative;
    margin-bottom: 40px;
}
.text-chkbox .label-text {
    cursor: pointer;
    padding-left: 30px;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    transition: all .3s 0s;
}
.text-chkbox .label-text:hover {
    color: rgb(235, 100, 13);
}
.text-chkbox .label-text:before {
    content: "+";
    position: absolute;
    letter-spacing: normal;
    border-radius: 6px;
    left: 0;
    top: -1px;
    width: 20px;
    height: 20px;
    color: rgb(255, 255, 255);
    background-color: rgb(235, 100, 13);
    line-height: 20px;
    text-align: center;
}
.text-chkbox input:checked ~ .label-text:before {
    content: "-";
}
.text-chkbox .hidden-text {
    display: block;
    overflow: hidden;
    max-height: 0px;
    opacity: 0;
    transition: all .3s 0s;
    padding-top: 10px;
    padding-left: 30px;
}
.text-chkbox .hidden-text.hidden-content {
    padding-left: 0;
}
.text-chkbox input {
    position: absolute;
    width: 1px; height: 1px;
    top: -20px; left: -20px;
}
.text-chkbox input:checked ~ .hidden-text {
    max-height: none;
    opacity: 1;
}
.a-blank:after {
    content: "";
    background-image: url(../images/icons/external-link.svg);
    position: absolute;
    width: 16px;
    height: 16px;
    opacity: 0.24;
    margin-left: 10px;
    top: 5px;
}
.a-blank:hover:after {
    opacity: 0.38;
}

/*==============================attributes-table-detail==============================*/

.attributes-table-detail {
	border-collapse: collapse;
}
.attributes-table-detail th {
    font-size: 12px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    background-color: #363636;
    letter-spacing: 1.3px;
}
.attributes-table-detail td {
    font-size: 16px;
    color: rgb(51, 51, 51);
    min-height: 80px;
}
.attributes-table-detail tr:nth-child(2n) td {
    background-color: #f6f6f6;
}
.attributes-table-detail tr:nth-child(2n+1) td {
    background-color: #f0f0f0;
}
.attributes-table-detail th, .attributes-table-detail td {
	text-align: left;
	padding: 20px;
}


/*==============================about==============================*/
.about {
    padding: 0px 0px 74px 0px;
    position: relative;
    top: -10px;
    margin-left: 2px;
}

.about__title {
    font-size: 30px;
    color: rgb(235, 100, 13);
    line-height: 1.4;
    margin-bottom: 29px;
    margin-left: -2px;
}

.about__body {
    position: relative;
}

.about__img {
    height: 431px;
    position: absolute;
    top: 35px;
    right: -252px;
    width: 646px;
}

.about__img-big {
    max-width: 100%;
    max-height: 100%;
}

.about__img-big img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.about__text {
    max-width: 679px;
    position: relative;
    z-index: 10;
    margin-bottom: 47px;
}

.about__text p {
    font-size: 16px;
    color: rgb(51, 51, 51);
    line-height: 1.75;
    margin-bottom: 27px;
    text-align: justify;
    letter-spacing: 0.4px;
}

.about__text p:last-child {
    margin-bottom: 0px;
}

.about__btn-big {
    font-size: 12px;
    min-width: 344px;
    margin-right: 15px;
    font-family: "MADEEvolveSans";
    font-weight: 600;
}

.about__btn-big small {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
    margin-left: 5px;
}

.about__btn {
    min-width: 205px;
}

/***********about-parallax************/
.about-parallax {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.about-parallax img {
    max-width: 100%;
}

.about-parallax__leaves-1 {
    width: 216px;
    height: 222px;
    position: absolute;
    top: 53% !important;
    right: 0;
    left: 27% !important;
}

.about-parallax__leaves-2 {
    width: 386px;
    height: 189px;
    position: absolute;
    top: 10% !important;
    right: 0;
    left: 22% !important;
}

.about-parallax__leaves-3 {
    width: 523px;
    height: 189px;
    position: absolute;
    top: 28% !important;
    right: 0;
    left: 1% !important;
}

.about-parallax__leaves-4 {
    width: 80px;
    height: 69px;
    position: absolute;
    top: 8% !important;
    right: 0;
    left: 0.5% !important;
}

.about-parallax__leaves-1 img,
.about-parallax__leaves-2 img,
.about-parallax__leaves-3 img,
.about-parallax__leaves-4 img {
    position: absolute;
}

@media only screen and (max-width: 1300px) {
    .about {
        padding: 0px 0px 30px 0px;
        top: -10px;
    }

    .about__text {
        max-width: 575px;
    }

    .about__img {
        top: 90px;
        right: -315px;
    }
}

@media only screen and (max-width: 1100px) {
    .about__text {
        max-width: 100%;
    }

    .about__img {
        display: none;
    }
}

@media only screen and (max-width: 760px) {
    .about__title {
        font-size: 24px;
        margin-bottom: 20px;
        margin-left: 0;
    }

    .about__text {
        margin-bottom: 30px;
    }

    .about__text p {
        margin-bottom: 15px;
    }

    .about__btn-big {
        min-width: 100%;
        width: 100%;
        margin-bottom: 20px;
    }

    .about__btn {
        min-width: 100%;
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .about__btn-big small {
        display: none;
    }
}

/*==============================main-gallery==============================*/
.main-gallery {
    padding: 0px 0px 190px;
}

.gallery__title {
    margin-bottom: 50px;
    font-size: 30px;
}

.gallery__row {
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0px -10px 30px;
}

.gallery__coll,
.gallery__column,
.trio .information__coll {
    width: 31.66%;
    height: 255px;
    position: relative;
    margin: 0px 10px 20px;
    overflow: hidden;
    -webkit-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
    overflow: hidden;
}

.gallery__coll:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-color: rgba(56, 49, 49, .6);
    top: 0px;
    left: 0px;
    z-index: 1;
}

.gallery__img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-color: rgba(68, 65, 65, .8);
    position: relative;
    overflow: hidden;
    -webkit-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
}

.gallery__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
}

.gallery__items {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    bottom: -44px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 10;
    padding: 50px 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: end;
    align-content: flex-end;
}

.gallery__caption {
    font-size: 18px;
    color: rgb(255, 255, 255);
    font-weight: 700;
    line-height: 1.5;
    margin: 0px 0px 20px;
    letter-spacing: .3px;
    max-height: 108px;
    overflow: hidden;
}

.gallery__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    bottom: 0px;
    opacity: 0;
    width: 100%;
}

.gallery__link-title {
    font-size: 12px;
    color: rgb(224, 98, 37);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-right: 7px;
}

.gallery__link i {
    width: 14px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
    left: 0px;
    top: -2px;
}

.gallery__link svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.gallery__link svg * {
    fill: rgb(224, 98, 37);
}

.gallery__coll:hover,
.gallery__column:hover {
    -webkit-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
}

.gallery__coll:hover .gallery__img img,
.gallery__column:hover .gallery__img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.gallery__coll:hover .gallery__items {
    bottom: 0px;
}

.gallery__coll:hover .gallery__link {
    bottom: 0px;
    opacity: 1;
}

.gallery__link:hover i {
    left: 5px;
}

.gallery__btn {
    min-width: 258px;
    font-family: "MADEEvolveSans";
    font-weight: 600;
    padding: 28px 25px 27px;
}

@media only screen and (max-width: 1300px) {
    .main-gallery {
        padding: 0px 0px 60px;
    }

    .gallery__coll,
    .gallery__column {
        width: 31.29%;
        height: 210px;
    }

    .gallery__items {
        padding: 30px 38px;
    }
}

@media only screen and (max-width: 1100px) {
    .gallery__title {
        font-size: 30px;
    }

    .gallery__coll,
    .gallery__column,
    .trio .information__coll {
        width: 47.33%;
    }
}

@media only screen and (max-width: 820px) {

    .gallery__coll,
    .gallery__column,
    .trio .information__coll {
        width: 46.95%;
    }
}

@media only screen and (max-width: 760px) {
    .main-gallery {
        padding: 0px 0px 50px;
    }

    .gallery__row {
        margin: 0px 0px 10px;
    }

    .gallery__title {
        margin-bottom: 30px;
        font-size: 24px;
    }

    .gallery__coll,
    .gallery__column,
    .trio .information__coll {
        margin: 0px 0px 20px;
        width: 100%;
    }
}

/*==============================career==============================*/
.career {
    height: 640px;
    margin: 106px 0px 75px;
    position: relative;
}

.career .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 100%;
}

.career__body {
    max-width: 290px;
    position: relative;
    top: -11px;
}

.career__title {
    margin-bottom: 30px;
}

.career__text {
    font-size: 16px;
    color: rgb(51, 51, 51);
    line-height: 1.625;
}

.career__img {
    position: absolute;
    height: 100%;
    width: 55%;
    top: 0px;
    right: 0px;
    overflow: hidden;
    border-radius: 8px 0px 0px 8px;
}

.career__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 20%;
    object-position: 50% 20%;
    border-radius: 8px 0px 0px 8px;
}

@media only screen and (max-width: 1300px) {
    .career {
        height: 460px;
    }
}

@media only screen and (max-width: 1100px) {
    .career__img {
        width: 50%;
    }
}

@media only screen and (max-width: 820px) {
    .career {
        height: 100%;
        padding: 120px 0px 40px;
        margin: 0px;
    }

    .career__body {
        max-width: 100%;
        top: 0;
    }

    .career__img {
        position: relative;
        width: 100%;
        padding: 0px 15px;
        margin: 25px 0px 0px;
        border-radius: 8px;
    }

    .career__img img {
        border-radius: 8px;
    }

    .career__title br {
        display: none;
    }

    .career__title {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 760px) {
    .career__title {
        font-size: 26px;
    }
}

/*==============================main-career==============================*/
.main-career {
    padding: 0px 0px 60px;
    position: relative;
}

.main-career__body {
    max-width: 980px;
}

.main-career .article h2 {
    font-size: 30px;
    padding-bottom: 26px;
    margin-bottom: 0px;
    letter-spacing: .75px;
}

.main-career .article h2:after {
    display: none;
}

.main-career .article p {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.625;
    margin-bottom: 26px;
    letter-spacing: .4px;
}

.main-career .main-article__images {
    margin-top: 32px;
}

.main-career__accordion {
    margin-top: 21px;
}

.main-career__accordion .accordion__items {
    padding: 24px 34px 24px 43px;
}

.main-career__accordion .accordion__title {
    width: calc(100% - 66px);
    font-size: 18px;
    letter-spacing: 0.26px;
}

@media only screen and (max-width: 1100px) {
    .main-career {
        padding: 0px 0px 50px;
    }
}

@media only screen and (max-width: 760px) {
    .main-career__accordion {
        margin-top: 50px;
    }

    .main-career .article h2 {
        font-size: 24px;
        padding-bottom: 20px;
    }

    .main-career__accordion .accordion__items {
        padding: 24px 22px 24px 22px;
    }

    .main-career__accordion .accordion__title {
        width: calc(100% - 34px);
        font-size: 15px;
    }
}

@media only screen and (max-width: 600px) {
    .main-career__accordion .accordion__items {
        padding: 20px 16px 20px 17px;
    }

    .main-career__accordion .accordion__title {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .accordion__title-name {
        width: 100%;
    }

    .accordion__title-city {
        margin-top: 12px;
    }
}

/*==============================navigation==============================*/
.navigation {
    width: 216px;
    margin: 60px auto 0px;
    font-size: 0px;
    position: relative;
}

.nav-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page-numbers {
    font-size: 12px;
    font-weight: 600;
    color: rgb(191, 191, 191);
    text-transform: uppercase;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
    margin: 0px 13px;
    text-decoration: none;
    display: block;
    text-align: center;
    position: relative;
}

.page-numbers.current,
.page-numbers:hover {
    color: #d36e2d !important;
}

.page-numbers.current + .page-numbers {
    color: rgb(189, 189, 189);
}

.page-numbers i {
    display: block;
    width: 17px;
    height: 20px;
    margin: 0px 15px;
}

.page-numbers:first-child,
.page-numbers:last-child {
    top: -7px;
}

.page-numbers:first-child i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.page-numbers svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.page-numbers svg * {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.meta-nav {
    display: block;
    /*background-color: rgba(0, 0, 0, 0.251);*/
    background-color: rgb(225, 225, 225);
    width: 8px;
    height: 8px;
    margin: 0px auto 17px;
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 50%;
}

.meta-nav:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: -4px;
    left: -4px;
    border-radius: 3px;
    background-color: #FFF;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 1;
    border-radius: 50%;
    border: 2px solid #d36e2d;
}

.page-numbers.current .meta-nav,
.page-numbers:hover .meta-nav,
.page-numbers:hover .page-numbers.current + .page-numbers .meta-nav {
    background-color: #d36e2d;
}

.page-numbers.current .meta-nav:after,
.page-numbers:hover .meta-nav:after {
    opacity: 1;
}

.page-numbers:hover svg * {
    fill: #d36e2d;
}

@media only screen and (max-width: 760px) {
    .navigation {
        margin: 40px auto 0px;
    }
}

/*==============================reviews==============================*/
.reviews {
    padding: 38px 0px 96px 0px;
    position: relative;
}

.reviews .block__center {
    margin-top: 57px;
}

@media only screen and (max-height: 800px) {
    .reviews {
        padding: 38px 0px 60px 0px;
    }
}

@media only screen and (max-width: 1300px) {
    .reviews {
        padding: 38px 0px 80px 0px;
    }
}

@media only screen and (max-width: 1100px) {
    .reviews {
        padding: 0px 0px 60px 0px;
    }

    .reviews .block__center {
        margin-top: 40px;
    }
}

/*==============================information==============================*/
.information {
    padding: 0px 0px 90px 0px;
    position: relative;
}

.information__row {
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0px -10px;
}

.information__coll {
    width: 48.33%;
    height: 360px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    margin: 0px 10px 20px;
}

.information__coll:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-color: rgba(60, 60, 60, .4);
    top: 0px;
    left: 0px;
    z-index: 1;
}

.information__coll:before {
    content: "";
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: rgba(236, 100, 13, .8);
    top: 0px;
    left: 0px;
    z-index: 2;
    border-radius: 8px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    -webkit-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
}

.information__coll:hover:before {
    width: 100%;
}

.information__img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.information__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 8px;
}

.information__content {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    left: 0px;
    bottom: -69px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 10;
    padding: 72px 83px 75px 81px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: end;
    align-content: flex-end;
}

.information__title {
    font-size: 30px;
    font-family: 'Kelson', sans-serif;
    color: rgb(255, 255, 255);
    font-weight: 600;
    line-height: 1.467;
    margin-bottom: 48px;
    text-transform: uppercase;
    letter-spacing: 0.7px;
}

.information__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    bottom: 0px;
    opacity: 0;
    width: 100%;
}

.information__link-title {
    font-size: 12px;
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    margin-right: 23px;
}

.information__link i {
    width: 14px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
    left: 0px;
    top: -2px;
}

.information__link svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.information__link svg * {
    fill: #FFF;
}

.information__coll:hover {
    -webkit-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
}

.information__coll:hover .information__img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.information__coll:hover .information__content {
    bottom: 0px;
}

.information__coll:hover .information__link {
    bottom: 0px;
    opacity: 1;
}

.information__link:hover i {
    left: 5px;
}

@media only screen and (max-height: 800px) {
    .information {
        padding: 0px 0px 90px 0px;
    }
}

@media only screen and (max-width: 1300px) {
    .information {
        padding: 0px 0px 90px 0px;
    }

    .information__coll {
        width: 47.96%;
        height: 270px;
    }

    .information__content {
        padding: 65px 65px 40px 60px;
    }
}

@media only screen and (max-width: 1100px) {
    .information {
        padding: 0px 0px 40px 0px;
    }

    .information__coll {
        width: 47.33%;
    }

    .information__title {
        font-size: 26px;
    }

    .information__content {
        padding: 65px 15px 40px 40px;
    }
}

@media only screen and (max-width: 820px) {
    .information__coll {
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .information__content {
        padding: 65px 15px 40px 20px;
    }

    .information__title {
        font-size: 22px;
    }
}

/*==============================news==============================*/
.news {
    padding: 9px 0px 90px 0px;
    position: relative;
}

.news__row {
    margin: 0px 0px 40px 0px;
}

.news__coll {
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-radius: 10px;
    background-color: rgb(246, 246, 246);
    margin-bottom: 20px;
    overflow: hidden;
    -webkit-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
    cursor: inherit;
}

.news__img {
    width: 402px;
    border-radius: 10px 0px 0px 10px;
    overflow: hidden;
    cursor: pointer;
}

.news__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px 0px 0px 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.news__content {
    width: calc(100% - 402px);
    padding: 58px 140px 54px 78px;
    color: rgb(5, 5, 5);
}

.news__date {
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 27px;
    letter-spacing: .9px;
}

.news__caption {
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 20px;
    font-weight: 700;
    letter-spacing: .3px;
}

.news__anons {
    font-size: 16px;
    line-height: 1.625;
    margin-bottom: 31px;
    letter-spacing: .4px;
}

.news__link {
    font-size: 12px;
    color: rgb(235, 100, 13);
    font-weight: 600;
    text-transform: uppercase;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    top: 1px;
    left: -1px;
    letter-spacing: 2.1px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
}

.news__link-title {
    display: block;
    margin-right: 26px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.news__link i {
    width: 14px;
    height: 8px;
    display: block;
    position: relative;
    top: -2px;
    left: 0px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.news__link svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.news__link svg * {
    fill: rgb(235, 100, 13);
}

.news__coll:hover {
    -webkit-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
}

.news__img:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.news__link:hover i {
    left: 5px;
}

@media only screen and (max-width: 1300px) {
    .news__img {
        width: 300px;
    }

    .news__content {
        width: calc(100% - 300px);
        padding: 50px 45px 50px 55px;
    }
}

@media only screen and (max-width: 1100px) {
    .news {
        padding: 0px 0px 50px 0px;
    }

    .news__img {
        width: 250px;
    }

    .news__content {
        width: calc(100% - 250px);
        padding: 40px 45px 45px 40px;
    }

    .news__anons br {
        display: none;
    }

    .news__date {
        font-size: 12px;
        margin-bottom: 22px;
    }

    .news__caption {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .news__anons {
        font-size: 16px;
        margin-bottom: 24px;
    }
}

@media only screen and (max-width: 820px) {
    .news__img {
        width: 100%;
        border-radius: 10px 10px 0px 0px;
        height: 290px;
    }

    .news__img img {
        border-radius: 10px 10px 0px 0px;
    }

    .news__content {
        width: 100%;
    }
}

@media only screen and (max-width: 760px) {
    .news__row {
        margin: 0px 0px 30px 0px;
    }
}

@media only screen and (max-width: 420px) {
    .news__content {
        padding: 30px 20px 35px 20px;
    }

    .news__caption {
        font-size: 20px;
        margin-bottom: 15px;
    }
}

/*==============================site-map==============================*/
.site-map {
    padding: 18px 0px 10px 0px;
    position: relative;
}

.site-map__link {
    display: block;
    font-size: 24px;
    color: rgb(51, 51, 51);
    line-height: 1.333;
    margin-bottom: 33px;
    font-weight: 700;
    letter-spacing: .3px;
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}

.site-map__link:hover {
    color: #ec640d;
}

.site-map__body {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    top: 1px;
    left: 2px;
}

.site-map__row {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.site-map__coll {
    width: 45.6%;
    margin-bottom: 74px;
}

.site-map__coll-caption,
.site-map ul > li > a {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: rgb(51, 51, 51);
    line-height: 1.7;
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
    letter-spacing: .3px;
}

.site-map li {
    display: block;
    margin-bottom: 2.2px;
}

.site-map ul > li > a {
    font-weight: normal;
    line-height: 1.5;
}

.site-map__coll-caption:hover,
.site-map ul > li > a:hover {
    color: #ec640d;
    text-decoration: underline;
}

.site-map__column-list + .site-map__column-list {
    margin-top: 13px;
}

.site-map__column-caption {
    font-size: 24px;
    font-weight: 700;
    color: rgb(51, 51, 51);
    line-height: 2;
    margin-bottom: 18px;
    letter-spacing: .4px;
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}

.site-map__column-caption:hover {
    color: #ec640d;
}

.site-map__row {
    width: calc(100% - 300px);
}

.site-map__column {
    width: 279px;
    position: relative;
    top: -14px;
}

@media only screen and (max-width: 1300px) {
    .site-map__coll {
        width: 48%;
    }
}

@media only screen and (max-width: 1100px) {
    .site-map {
        padding: 0px 0px 60px 0px;
        position: relative;
    }

    .site-map__row {
        width: 100%;
    }

    .site-map__coll {
        margin-bottom: 30px;
    }

    .site-map__column {
        width: 100%;
        top: 0;
        margin-top: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .site-map__column-list + .site-map__column-list {
        margin-top: 0;
    }

    .site-map__column-list {
        width: 49%;
    }
}

@media only screen and (max-width: 760px) {
    .site-map__link {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .site-map__coll {
        width: 100%;
        margin-bottom: 20px;
    }

    .site-map__column-list {
        width: 100%;
    }

    .site-map__column {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .site-map__column-caption {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .site-map__column-list + .site-map__column-list {
        margin-top: 15px;
    }
}

/*==============================contacts==============================*/
.contacts {
    padding: 0px 0px 102px 0px;
    position: relative;
}

.contacts__box + .contacts__box {
    margin-top: 86px;
}

.contacts__title {
    font-size: 34px;
    font-weight: 700;
    color: rgb(51, 51, 51);
    line-height: 1.235;
    margin-bottom: 46px;
    letter-spacing: .5px;
}

.contacts__box:last-child .contacts__title {
    margin-bottom: 42px;
}

.contacts__row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.contacts__row_map {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contacts__row_map + .contacts__row_map {
    margin-top: 45px;
}

.contacts__coll {
    max-width: 420px;
}

.contacts__column {
    max-width: 620px;
    position: relative;
    left: 4px;
}

.contacts__caption,
.contacts__items,
.contacts__item li,
.contacts__desc {
    font-size: 16px;
    color: rgb(51, 51, 51);
    line-height: 1.625;
    letter-spacing: .25px;
}

.contacts__item li {
padding-top: 10px;
padding-bottom: 10px;
}

.contacts__caption {
    font-weight: 700;
}

.contacts__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.contacts__coll-block + .contacts__coll-block {
    margin-top: 26px;
}

.contacts__desc {
    margin-top: 27px;
    letter-spacing: .4px;
}

.contacts__map {
    width: 600px;
    height: 400px;
}

@media only screen and (max-width: 1300px) {
    .contacts__coll {
        max-width: 350px;
    }

    .contacts__column {
        max-width: 530px;
        left: 0px;
    }

    .contacts__map {
        width: 100%;
        height: 400px;
    }
}

@media only screen and (max-width: 1100px) {

    .contacts__title,
    .contacts__box:last-child .contacts__title {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .contacts__coll-block + .contacts__coll-block {
        margin-top: 0px;
    }

    .contacts__coll-block {
        margin-bottom: 20px;
    }

    .contacts__coll,
    .contacts__column {
        max-width: 100%;
        width: 100%;
    }

    .contacts__box + .contacts__box {
        margin-top: 60px;
    }

    .contacts__row_map {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .contacts__desc {
        margin: 25px 0px;
    }
}

@media only screen and (max-width: 820px) {
    .contacts {
        padding: 0px 0px 60px 0px;
    }
}

/*==============================catalog==============================*/
.catalog {
    padding: 39px 0px 97px 0px;
    position: relative;
}

.catalog__body {
    margin-bottom: 70px;
}

.catalog__body:nth-child(3) {
    margin-bottom: 29px;
}

.catalog__caption {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 29px;
    color: #333;
    line-height: 1.4;
    letter-spacing: .4px;
}

.catalog__caption span {
    color: rgb(224, 98, 37);
}

.catalog__text {
    max-width: 815px;
    margin-bottom: 38px;
}

.catalog__text p {
    letter-spacing: .4px;
}

.catalog__row {
    margin: 0px -10px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.catalog__coll {
    display: block;
    width: 23.33%;
    height: 270px;
    position: relative;
    margin: 0px 10px 20px;
    overflow: hidden;
    border-radius: 10px;
    -webkit-transform: scale(1.0);
}

.catalog__coll:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-color: rgba(96, 96, 96, .45);
    top: 0px;
    left: 0px;
    z-index: 1;
}

.catalog__coll:before {
    content: "";
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: rgba(236, 100, 13, .8);
    top: 0px;
    left: 0px;
    z-index: 2;
    border-radius: 10px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
}

.catalog__coll:hover:before {
    width: 100%;
}

.catalog__coll-img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.catalog__coll-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.catalog__coll-items {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    bottom: -33px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 10;
    padding: 45px 39px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: end;
    align-content: flex-end;
}

.catalog__coll-caption {
    font-size: 20.7px;
    font-family: 'Kelson', sans-serif;
    font-weight: 600;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    line-height: 1.6;
    margin-bottom: 17px;
}

.catalog__link {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.502);
    font-weight: bold;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    bottom: 0px;
    opacity: 0;
    width: 100%;
    letter-spacing: 1.4px;
}

.catalog__link span {
    display: inline-block;
    margin-right: 12px;
}

.catalog__link i {
    display: inline-block;
    width: 14px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
    left: 0px;
}

.catalog__link svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.catalog__link svg * {
    fill: rgba(255, 255, 255, 0.502);
}

.catalog__link:hover {
    color: rgba(255, 255, 255, 1);
}

.catalog__link:hover i {
    left: 5px;
}

.catalog__link:hover svg * {
    fill: rgba(255, 255, 255, 1);
}

.catalog__coll:hover {
    -webkit-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
}

.catalog__coll:hover .catalog__coll-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.catalog__coll:hover .catalog__coll-items {
    bottom: 0px;
}

.catalog__coll:hover .catalog__link {
    bottom: 0px;
    opacity: 1;
}

.catalog__block {
    padding: 79px 60px 99px 80px;
    border-radius: 10px;
    background-color: rgb(246, 246, 246);
}

.catalog__block + .catalog__block {
    margin-top: 50px;
}

.catalog__block .catalog__text {
    max-width: 840px;
}

.catalog__btn {
    min-width: 220px;
    font-weight: 600;
    color: rgb(235, 100, 13);
    border: 2px solid rgb(235, 100, 13);
    background-color: transparent;
}

.catalog__btn:hover {
    color: #FFF;
    border: 2px solid rgb(235, 100, 13);
    background-color: rgb(235, 100, 13);
}

/******************catalog_child*********************/
.catalog_child {
    padding: 19px 0px 45px 0px;
	margin-top:30px;
}

.catalog_child .catalog__body {
    margin-bottom: 0;
}

.catalog_child .catalog__caption {
    margin-bottom: 39px;
}

@media only screen and (max-width: 1300px) {
    .catalog__coll {
        width: 22.96%;
        height: 230px;
    }

    .catalog__coll-items {
        padding: 35px 30px;
    }
}

@media only screen and (max-width: 1100px) {
    .catalog {
        padding: 0px 0px 97px 0px;
    }

    .catalog__coll {
        width: 30.66%;
    }

    .catalog__block {
        padding: 50px 50px 60px 50px;
    }

    /******************catalog_child*********************/
    .catalog_child {
        padding: 0px 0px 60px 0px;
    }
}

@media only screen and (max-width: 820px) {
    .catalog {
        padding: 0px 0px 50px 0px;
    }

    .catalog__body,
    .catalog__body:nth-child(3) {
        margin-bottom: 30px;
    }

    .catalog__caption {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .catalog__text {
        margin-bottom: 29px;
    }

    .catalog__coll {
        width: 46.94%;
    }

    .catalog__coll-caption {
        padding-right: 35px;
    }

    .catalog__block + .catalog__block {
        margin-top: 30px;
    }

    /******************catalog_child*********************/
    .catalog_child {
        padding: 0px 0px 60px 0px;
    }
}

@media only screen and (max-width: 760px) {
    .catalog__coll {
        width: 46.61%;
    }

    .catalog__caption {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .catalog__block .catalog__caption {
        font-size: 20px;
    }
}

@media only screen and (max-width: 600px) {
    .catalog__coll {
        width: 100%;
    }

    .catalog__block {
        padding: 30px 20px 40px;
    }
}

/*==============================products==============================*/
.products {
    padding: 105px 0px 95px 0px;
    position: relative;
}

.products_gray {
    background-color: #f6f6f6;
}

.products__items {
    position: relative;
    min-height: 580px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.products__slick,
.products__images {
    max-width: 100%;
    width: 49.5%;
    height: 100%;
    padding: 0px;
    position: absolute !important;
    top: 0px;
    right: 0px;
    left: auto;
    border-radius: 8px 0px 0px 8px;
}

.landing-modal-body .products__slick,
.landing-modal-body .products__images {
    width: 300px !important;
    max-width: 100% !important;
    position: relative !important;
    border-radius: 8px 8px 8px 8px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.products__img,
.products__slick .slick-list,
.products__slick .slick-track {
    width: 100%;
    height: 100%;
    border-radius: 8px 0px 0px 8px;
}

.landing-modal-body .products__img,
.landing-modal-body .products__slick .slick-list,
.landing-modal-body .products__slick .slick-track {
    width: 300px !important;
    max-width: 100% !important;
    border-radius: 8px 8px 8px 8px;
}

.products__img img,
.products__images img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 8px 0px 0px 8px;
}

.landing-modal-body .products__img img,
.landing-modal-body .products__images img {
    width: 300px !important;
    max-width: 100% !important;
    border-radius: 8px 8px 8px 8px;
}

.products__wrap {
    max-width: 490px;
    position: relative;
    top: 35px;
}

.products__subtitle {
    margin: 27px 0px 45px;
    font-size: 16px;
    color: #333;
    line-height: 1.625;
    max-width: 460px;
    letter-spacing: .4px;
}

.products__btn {
    min-width: 220px;
    font-weight: 600;
    color: rgb(235, 100, 13);
    border: 2px solid rgb(235, 100, 13);
    background-color: transparent;
    margin-bottom: 48px;
    padding: 27px 25px 25px;
}

.products__btn:hover {
    color: #FFF;
    border: 2px solid rgb(235, 100, 13);
    background-color: rgb(235, 100, 13);
}

.products__document {
    position: relative;
    top: 3px;
}

.products__document,
.products__document-link {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.products__document-link:first-child {
    margin-right: 106px;
}

.products__document-link i {
    width: 17px;
    height: 18px;
    display: block;
    margin-right: 17px;
}

.products__document-link svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.products__document-link:hover svg * {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.products__document-link span {
    display: block;
    font-size: 14px;
    color: rgb(153, 153, 153);
    text-decoration: underline;
    line-height: 1.643;
    margin-top: -3px;
    letter-spacing: .3px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.products .btn__arrow {
    position: absolute;
    bottom: -62px;
    right: calc(47% - 18px);
}

.products__document-link:hover span {
    color: #ec640d;
    text-decoration: none;
}

.products__document-link:hover svg * {
    fill: #ec640d;
}

/******************products_child*******************/
.products_child {
    padding-bottom: 41px;
}

.products_child .products__items {
    min-height: 640px;
}

.products_child .products__wrap {
    top: 25px;
}

.products_child .page-top-caption {
    margin: 36px 0px 35px;
}

@media only screen and (max-width: 1600px) {

    .products__slick,
    .products__images {
        width: 47%;
    }
    
    .landing-modal-body .products__slick,
    .landing-modal-body .products__images {
        width: 300px !important;
        max-width: 100% !important;
    }

    .products .btn__arrow {
        right: calc(50% - 108px);
    }
}

@media only screen and (max-width: 1400px) {
    .products_child .products__items {
    	min-height: 480px;
	}
}

@media only screen and (max-width: 1300px) {
    .products__wrap {
        top: 0;
    }

    .products .btn__arrow {
        right: calc(50% - 97px);
    }
}

@media only screen and (max-width: 1100px) {
    .products__items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto;
    }

.products__slick, .products__images {
    max-width: 750px;
    margin: 35px auto 0px;
    padding: 0 10px;
    width: auto;
    position: relative !important;
    height: 350px;
    left: 34px;
    top: 25px;
	margin-top:30px !important;
}

.landing-modal-body .products__slick, .landing-modal-body .products__images {
    max-width: 750px;
    margin: 20px auto 0px;
    padding: 0 10px;
    width: auto;
    position: relative !important;
    height: 100%;
    /*left: 34px;
    top: 25px;
	margin-top:30px !important;*/
}

.landing-modal-body .products__img img, .landing-modal-body .products__images img {
    width: 750px !important;
}

	.products__btn{
	margin-bottom:0 !important;
	}
	.products_child .slick-dots{
bottom:-20px !important;
}
    .products__images {
        margin-top: 0px;
    }

    .products__subtitle {
        margin: 22px 0px 28px;
    }

    .products__btn {
        margin-bottom: 30px;
    }

    .products__img,
    .products__slick .slick-list,
    .products__slick .slick-track,
    .products__images img {
        border-radius: 8px;
    }

    .products .btn__arrow {
        display: none;
    }

    /******************products_child*******************/
    .products_child {
        padding-bottom: 60px;
    }

    .products__img {
        padding: 0px 3px;
    }

    .products__img img,
    .products__images img {
        border-radius: 8px;
    }
}

@media only screen and (max-width: 820px) {

    .products__slick,
    .products__images {
        max-width: 100%;
        padding: 0px 15px;
        margin: 35px 0px 0px;
        left: 0;
		margin-top:30px !important;
    }

    .products__images {
        margin: 0px;
    }
}

@media only screen and (max-width: 600px) {
    .products__document-link:first-child {
        margin-right: 0px;
    }

    .products__document-link {
        width: 100%;
        margin-bottom: 15px;
    }

    .products__document-link span br {
        display: none;
    }
}

/*==============================products-description==============================*/
.products-description {
    padding: 110px 0px 50px 0px;
    position: relative;
}

.products-description__row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.products-description__coll {
    width: 16.666%;
    text-align: center;
}

.products-description__caption {
    font-size: 12px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    padding: 27px 0px 26px;
    background-color: #363636;
    letter-spacing: 1.3px;
}

.products-description__value {
    font-size: 16px;
    color: rgb(51, 51, 51);
    padding: 34px 0px 30px;
    background-color: #f6f6f6;
    min-height: 80px;
}

.products-description__coll{
flex-grow:1;
}

@media only screen and (max-width: 1100px) {
    .products-description {
        padding: 70px 0px 40px 0px;
    }

    .products-description__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .products-description__coll {
        width: 33.33%;
        text-align: center;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 760px) {
    .products-description {
        padding: 50px 0px 40px 0px;
    }

    .products-description__coll {
        width: 50%;
    }
}

@media only screen and (max-width: 375px) {
    .products-description__coll {
        width: 100%;
    }
}

/*==============================products-form==============================*/
.products-form {
    padding: 0px 0px 93px 0px;
}

.products-form__body {
    padding: 79px 74px 43px 78px;
    border-radius: 8px;
    background-color: rgb(246, 246, 246);
    position: relative;
    overflow: hidden;
}

.products-form__img {
    position: absolute;
    width: 740px;
    height: 740px;
    z-index: 0;
    top: calc(50% - 341px);
    right: -100%;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.products-form__img.active {
    right: calc(12% - 352px);
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.products-form__title {
    font-size: 30px;
    line-height: 1.4;
    margin-bottom: 40px;
    position: relative;
    z-index: 10;
}

.products-form__box {
    position: relative;
    z-index: 10;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0px -10px;
}

.products-form__items {
    position: relative;
    width: 31.4%;
    display: block;
    margin: 0px 10px 20px;
}

.products-form__btn {
    min-width: 280px;
    margin-bottom: 32px;
}

@media only screen and (max-width: 1300px) {
    .products-form__body {
        padding: 50px 45px 40px;
    }

    .products-form__items {
        width: 31.08%;
    }

    .products-form__img {
        top: calc(50% - 368px);
        right: calc(9% - 380px);
    }
}

@media only screen and (max-width: 1100px) {
    .products-form {
        padding: 0px 0px 60px 0px;
    }

    .products-form__box {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .products-form__title {
        font-size: 26px;
    }

    .products-form__items {
        width: 46.97%;
    }

    .products-form__items:last-child {
        width: 330px;
    }

    .products-form__btn {
        min-width: 100%;
    }
}

@media only screen and (max-width: 820px) {
    .products-form__items {
        width: 46.46%;
    }
}

@media only screen and (max-width: 760px) {
    .products-form__body {
        padding: 30px 20px 15px;
    }

    .products-form__items,
    .products-form__items:last-child {
        width: 100%;
    }

    .products-form .checkbox {
        max-width: 340px;
    }
}

@media only screen and (max-width: 420px) {
    .products-form__title {
        font-size: 22px;
        margin-bottom: 30px;
    }
}

/*==============================partners==============================*/
.partners {
    padding: 0px 0px 100px 0px;
}

.partners__title {
    font-size: 30px;
    letter-spacing: .55px;
    width: calc(100% - 71px);
    line-height: 1.4;
}

.partners__body {
    margin-top: 52px;
}

.partners__top {
    margin-bottom: 48px;
}

/**********partners__nav**********/
.partners__nav {
    margin: 0px -10px;
    z-index: 100;
}

.partners__nav-slide {
    height: 107px !important;
    border: 1px solid rgb(230, 230, 230);
    border-radius: 8px;
    background-color: rgb(255, 255, 255);
    padding: 18px;
    margin: 0px 10px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.partners__nav-slide:hover {
    border-color: #fb7432;
}

.partners__nav-img {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.partners__nav-img img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (max-width: 1300px) {
    .partners {
        padding: 0px 0px 80px 0px;
    }

    .partners__body {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 1100px) {
    .partners {
        padding: 0px 0px 60px 0px;
    }

    .partners__top {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .partners .btn__arrow {
        position: relative;
        top: 0px;
    }

    .partners__body {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 820px) {
    .partners__title {
        font-size: 28px;
    }
}

@media only screen and (max-width: 760px) {
    .partners {
        padding: 0px 0px 60px 0px;
    }

    .partners__top {
        margin-bottom: 25px;
    }

    .partners__title {
        font-size: 24px;
        width: 100%;
        margin-bottom: 20px;
    }
}

/*==============================products-table==============================*/
.products-table {
    padding: 51px 0px 51px 0px;
}

.products-table__body {
    position: relative;
    text-align: center;
}

.products-table__top {
    z-index: 5;
}

.products-table__option,
.products-table__items {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.products-table__option {
    background-color: #FFF;
}

.products-table__tab {
    width: 20%;
    font-size: 16px;
    color: rgb(51, 51, 51);
    font-weight: 600;
    text-transform: uppercase;
    background-color: rgb(240, 240, 240);
    padding: 27px 2px 27px 0px;
    border-right: 1px solid #FFF;
    letter-spacing: 1.8px;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.products-table__tab:first-child {
    border-top-left-radius:10px;
}

.products-table__tab:last-child {
    border-right: none;
    border-top-right-radius:10px;
}

.products-table__tab.active,
.products-table__tab:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(235, 100, 13);
}

.products-table__items {
    background-color: rgb(54, 54, 54);
    /*padding: 0px 140px 0px 132px;*/
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.products-table__value {
    width: 20%;
    font-size: 12px;
    font-weight: 500;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    padding: 27px 0px 26px;
    letter-spacing: 2px;
    position: relative;
}

/*.products-table__value:nth-child(2) {
    left: -5px;
}

.products-table__value:nth-child(3) {
    left: 25px;
}

.products-table__value:nth-child(4) {
    left: 32px;
}

.products-table__value:nth-child(5) {
    left: 2px;
}*/

.products-table__block {
    border-radius: 0px 0px 10px 10px;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: -10;
}

.products-table__block.active {
    visibility: visible;
    opacity: 1;
    position: relative;
    -webkit-transition: visibility 0s, opacity 0.3s linear;
    -o-transition: visibility 0s, opacity 0.3s linear;
    transition: visibility 0s, opacity 0.3s linear;
    z-index: 1;
}

.products-table table, .content-table {
    text-align: center;
}

.content-table {
    width: 100%;
}

.products-table table tbody tr, .content-table tbody tr {
    background-color: rgb(246, 246, 246);
}

.products-table table tbody tr:nth-child(2n), .content-table tbody tr:nth-child(2n) {
    background-color: rgb(240, 240, 240);
}

.products-table table tbody tr td, .products-table table tbody tr th, .content-table tbody tr td, .content-table tbody tr th {
    padding: 19px 5px 19px;
}

.products-table table tbody tr th, .content-table tbody tr th {
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 10px !important;
	line-height: 18px !important;
	background-color: rgb(54, 54, 54);
	color: rgb(255, 255, 255);
}

.products-table table tbody tr td:first-child {
    width: 170px;
}

.products-table table tbody tr td:nth-child(2) {
    width: 100px;
}

.products-table table tbody tr td:nth-child(3) {
    width: 260px;
}

.products-table table tbody tr td:nth-child(4) {
    width: 160px;
}

.products-table table tbody tr td:nth-child(5) {
    width: 225px;
}

.products-table table tbody tr td:nth-child(6) {
    width: 75px;
}

.products-table table tbody tr td:last-child {
    width: 190px;
    text-align: right;
    padding-right: 20px;
}
.products-table table tbody tr td:only-child {
    width: 100%;
    text-align: center;
    padding-right: 19px;
}

.products-table table tbody tr td a.btn {
    padding: 15px 28px 15px;
    font-weight: 600;
}

.products-table table tbody tr:last-child td a.btn {
    position: relative;
    z-index: 10;
}

.products-table__mobile {
    display: none;
}

.accordion__table {
    overflow: scroll;
    display: none;
}

@media only screen and (max-width: 1300px) {
    .products-table {
        padding: 30px 0px 60px 0px;
    }

    .products-table__items {
        /*padding: 0px 144px 0px 106px;*/
    }

    .products-table__value {
        font-size: 11px;
    }

    /*.products-table__value:nth-child(2) {
        left: -4px;
    }

    .products-table__value:nth-child(3) {
        left: 6px;
    }

    .products-table__value:nth-child(4) {
        left: 21px;
    }

    .products-table__value:nth-child(5) {
        left: -1px;
    }*/

    .products-table table tbody tr td:first-child {
        width: 124px;
    }

    .products-table table tbody tr td:nth-child(2) {
        width: 122px;
    }

    .products-table table tbody tr td:nth-child(3) {
        width: 170px;
    }

    .products-table table tbody tr td:nth-child(4) {
        width: 140px;
    }

    .products-table table tbody tr td:nth-child(5) {
        width: 180px;
    }

    .products-table table tbody tr td:nth-child(6) {
        width: 70px;
    }

    .products-table table tbody tr td:last-child {
        width: 180px;
    }
}

@media only screen and (max-width: 1100px) {
    .products-table {
        padding: 0px 0px 60px 0px;
    }

    .products-table__body {
        display: none;
    }

    .products-table__items,
    .products-table table {
        width: 980px;
    }

    .products-table__items {
        /*padding: 0px 91px 0px 126px;*/
        border-radius: 0;
    }

    .products-table__mobile {
        display: block;
    }

    /*.products-table__value:nth-child(1) {
        left: 3px;
    }

    .products-table__value:nth-child(2) {
        left: -25px;
    }

    .products-table__value:nth-child(3) {
        left: -17px;
    }

    .products-table__value:nth-child(4) {
        left: -6px;
    }

    .products-table__value:nth-child(5) {
        left: 2px;
    }*/
}

@media only screen and (max-width: 820px) {
	.products-table__value {
    	width: 14.2% !important;
	}
}

/*==============================modal==============================*/
#technique-modal {
    display: inline-block;
    padding: 0px;
    overflow: initial;
    border-radius: 20px;
    margin: 40px 20px;
}

#technique-modal .fancybox-close-small {
    display: none;
}

.modal__close {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 19px;
    height: 19px;
    background-image: url(../images/icons/icon-close.svg);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    z-index: 10;
}

.modal__close svg * {
    fill: #ddd;
}

.modal__window {
    max-width: 1200px;
    padding: 44px;
    border-radius: 20px;
}

.modal__title {
    font-size: 30px;
    color: rgb(235, 100, 13);
    line-height: 1.4;
    margin-bottom: 29px;
    font-weight: 700;
    letter-spacing: .5px;
}

.modal__text p {
    font-size: 16px;
    color: rgb(51, 51, 51);
    line-height: 1.75;
    margin-bottom: 20px;
    letter-spacing: 0.4px;
}

.modal__text a {
    color: rgb(235, 100, 13);
}

.modal__text a:hover {
    color: #ff8a51;
}

.modal__text {

    font-size: 16px;
    color: rgb(51, 51, 51);
    line-height:   1.625;
    letter-spacing: 0.4px;
}

@media only screen and (max-width: 760px) {
    #technique-modal {
        margin: 40px 15px;
    }

    .modal__window {
        padding: 44px 15px;
    }
}


/*==============================landing-modal==============================*/

.landing-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100000; /* Sit on top */
    padding-top: 122px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

@media only screen and (max-width: 700px) {

    .landing-modal {
    	padding-top: 72px;
    }
}

/* Modal Content */
.landing-modal-content {
    position: relative;
    background-color: #fff;
    border-radius: 8px;
    margin: auto;
    padding: 20px 30px 20px 30px;
    /* border: 1px solid #888; */
    width: 684px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
}

@media only screen and (max-width: 700px) {

    .landing-modal-content {
    	width: calc(100% - 20px);
    }
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.landing-close {
    margin-top: -11px;
    margin-right: -15px;
    color: rgb(51, 51, 51);;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.landing-close:hover,
.landing-close:focus {
    color: #eb640d;
    text-decoration: none;
    cursor: pointer;
}
.landing-modal-body h3 {
	font-size: 34px;
    color: rgb(51, 51, 51);
    font-weight: 700;
    line-height: 1.235;
    letter-spacing: .5px;
    margin-bottom: 10px;
}
.landing-modal-body h4 {
    color: rgb(51, 51, 51);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .25px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.landing-modal-body p, .landing-modal-body ul, .landing-modal-body ol {
    margin-bottom: 10px;
}
.landing-modal-body a {
	color: #eb640d;
}


/*==============================menu==============================*/
.menu {
    height: 100vh;
    min-height: 800px;
    width: 100%;
    background-color: rgb(77, 77, 77);
    position: fixed;
    top: 0px;
    left: -100%;
    z-index: 999;
    padding: 80px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    overflow: auto;
}

.menu.active {
    left: 0px;
}

.menu__row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.menu__coll {
    width: 40%;
    padding-right: 20px;
}

.menu__coll:first-child {
    width: 35%;
}

.menu__coll:last-child {
    width: 25%;
}

.menu__title {
    display: block;
    font-size: 24px;
    color: rgb(255, 255, 255);
    line-height: 1.667;
    font-weight: 700;
    margin-bottom: 40px;
}

.menu__caption,
.menu__box ul > li > a {
    display: block;
    font-size: 16px;
    color: rgb(255, 255, 255);
    line-height: 1.7;
    letter-spacing: .3px;
}

.menu__caption {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
}

.menu__caption + .menu__caption {
    margin-top: 30px;
}

.menu__box ul > li > a {
    font-weight: normal;
}

.menu a {
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.menu a:hover {
    color: #ec640d;
}

.menu__box + .menu__box,
.menu__coll-block + .menu__coll-block {
    margin-top: 45px;
}

@media only screen and (max-height: 800px) {
    .menu {
        height: 100%;
        min-height: 100%;
        display: block;
        padding: 100px 0px;
    }
}

@media only screen and (max-width: 1300px) {
    .menu {
        height: 100%;
        min-height: 100%;
        display: block;
        padding: 100px 0px;
    }

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

    .menu__coll,
    .menu__coll:first-child,
    .menu__coll:last-child {
        width: 30%;
    }
}

@media only screen and (max-width: 1100px) {
    .menu__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .menu__coll,
    .menu__coll:first-child,
    .menu__coll:last-child {
        width: 45%;
    }

    .menu__coll:last-child {
        margin-top: 35px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .menu__coll-block {
        width: 45%;
    }

    .menu__coll-block + .menu__coll-block {
        margin-top: 0;
    }
}

@media only screen and (max-width: 760px) {

    .menu__coll,
    .menu__coll:first-child,
    .menu__coll:last-child,
    .menu__coll-block {
        width: 100%;
    }

    .menu__coll + .menu__coll,
    .menu__coll-block + .menu__coll-block {
        margin-top: 35px;
    }

    .menu__title {
        margin-bottom: 20px;
    }

    .menu__box + .menu__box,
    .menu__caption + .menu__caption {
        margin-top: 20px;
    }

    .menu__caption br {
        display: none;
    }
}


/*==============================PLUGINS==============================*/
/*-----------------slick-slider---------------------*/
.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-loading .slick-list {
    background: #fff url("../images/ajax-loader.gif") center center no-repeat;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-arrow {
    position: absolute;
    display: block;
    font-size: 0;
    top: 50%;
    margin-top: -33px;
    width: 28px;
    height: 32px;
    background-image: url(../images/icons/icon-arrow-prev.png);
    background-color: rgb(190, 85, 80);
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    z-index: 20;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.slick-arrow:hover {
    background-color: rgb(189, 74, 68);
}

.slick-prev {
    left: 0;
    background-image: url(../images/icons/icon-arrow-prev.png);
}

.slick-next {
    right: 0;
    background-image: url(../images/icons/icon-arrow-next.png);
}

.slick-dots {
    bottom: -40px;
    left: 0;
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 0;
    z-index: 20;
}

.slick-dots li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.slick-dots li.slick-active button {
    width: 10px;
    height: 10px;
    background: rgba(236, 100, 13, 1);
    background-color: rgba(236, 100, 13, 1);
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
}

.slick-dots li button {
    width: 6px;
    height: 6px;
    background: rgba(236, 100, 13, .8);
    background-color: rgba(236, 100, 13, .8);
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    border-radius: 100%;
}

.slick__arrow {
    position: absolute;
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: 100px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    overflow: hidden;
    z-index: 1;
}

.slick__arrow_left {
    left: 15px;
}

.slick__arrow_left i {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.slick__arrow_right {
    left: 90px;
}

.slick__arrow:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255);
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, -webkit-transform 0.4s;
    -o-transition: transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.slick__arrow:hover:before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

@media only screen and (max-width: 1010px) {
    .slick__arrow {
        bottom: 30px;
    }
}

/*---------------------fancybox------------------------*/
.fancybox-enabled {
    overflow: hidden
}

.fancybox-enabled body {
    overflow: visible;
    -ms-touch-action: none;
    touch-action: none
}

.fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99993;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox-container ~ .fancybox-container {
    z-index: 99992
}

.fancybox-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0f0f11;
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(.55, .06, .68, .19);
    -o-transition-timing-function: cubic-bezier(.55, .06, .68, .19);
    transition-timing-function: cubic-bezier(.55, .06, .68, .19);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox-container--ready .fancybox-bg {
    opacity: 0.349;
    -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    -o-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-controls {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    z-index: 99994;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    direction: ltr
}

.fancybox-show-controls .fancybox-controls {
    opacity: 1
}

.fancybox-infobar {
    display: none
}

.fancybox-show-infobar .fancybox-infobar {
    display: inline-block;
    pointer-events: all
}

.fancybox-infobar__body {
    display: inline-block;
    width: 70px;
    line-height: 44px;
    font-size: 13px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    text-align: center;
    color: #ddd;
    background-color: rgba(30, 30, 30, .7);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased
}

.fancybox-buttons {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    pointer-events: all
}

.fancybox-show-buttons .fancybox-buttons {
    display: block
}

.fancybox-slider-wrap {
    overflow: hidden;
    direction: ltr
}

.fancybox-slider,
.fancybox-slider-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    z-index: 99993;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: none;
    white-space: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent
}

.fancybox-slide:before {
    content: "";
    height: 100%;
    width: 0
}

.fancybox-slide:before,
.fancybox-slide > * {
    display: inline-block;
    vertical-align: middle
}

.fancybox-slide > * {
    position: relative;
    padding: 24px;
    margin: 44px 0;
    border-width: 0;
    text-align: left;
    background-color: #fff;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fancybox-slide--image {
    overflow: hidden
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-content {
    display: inline-block;
    position: relative;
    margin: 44px auto;
    padding: 0;
    border: 0;
    width: 80%;
    height: calc(100% - 88px);
    vertical-align: middle;
    line-height: normal;
    text-align: left;
    white-space: normal;
    outline: none;
    font-size: 16px;
    font-family: Arial, sans-serif;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch
}

.fancybox-iframe {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video .fancybox-iframe {
    background: transparent
}

.fancybox-placeholder {
    z-index: 99995;
    background: transparent;
    cursor: default;
    overflow: visible;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox-image,
.fancybox-placeholder,
.fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0
}

.fancybox-image,
.fancybox-spaceball {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    background: transparent;
    background-size: 100% 100%
}

.fancybox-controls--canzoomOut .fancybox-placeholder {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-controls--canzoomIn .fancybox-placeholder {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-controls--canGrab .fancybox-placeholder {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-controls--isGrabbing .fancybox-placeholder {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-tmp {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden
}

.fancybox-error {
    position: absolute;
    margin: 0;
    padding: 40px;
    top: 50%;
    left: 50%;
    width: 380px;
    max-width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    cursor: default
}

.fancybox-error p {
    margin: 0;
    padding: 0;
    color: #444;
    font: 16px/20px Helvetica Neue, Helvetica, Arial, sans-serif
}

.fancybox-close-small {
    display: none;
}

.fancybox-close-small:focus {
    outline: 1px dotted #888
}

.fancybox-slide--video .fancybox-close-small {
    top: -36px;
    right: -36px;
    background: transparent
}

.fancybox-close-small:hover {
    color: #555;
    background: #eee
}

.fancybox-caption-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 30px 0;
    z-index: 99998;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(20%, rgba(0, 0, 0, .1)), color-stop(40%, rgba(0, 0, 0, .2)), color-stop(80%, rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, .8)));
    background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
    background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
    opacity: 0;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    pointer-events: none
}

.fancybox-show-caption .fancybox-caption-wrap {
    opacity: 1
}

.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid hsla(0, 0%, 100%, .4);
    font-size: 14px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none
}

.fancybox-caption a,
.fancybox-caption button {
    pointer-events: all
}

.fancybox-caption a {
    color: #fff;
    text-decoration: underline
}

.fancybox-button {
    display: inline-block;
    position: relative;
    width: 44px;
    height: 44px;
    line-height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    background: transparent;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    outline: none
}

.fancybox-button--disabled {
    cursor: default;
    pointer-events: none
}

.fancybox-button,
.fancybox-infobar__body {
    background: rgba(30, 30, 30, .6)
}

.fancybox-button:hover {
    background: rgba(0, 0, 0, .8)
}

.fancybox-button:after,
.fancybox-button:before {
    content: "";
    pointer-events: none;
    position: absolute;
    border-color: #fff;
    background-color: currentColor;
    color: currentColor;
    opacity: .9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block
}

.fancybox-button--disabled:after,
.fancybox-button--disabled:before {
    opacity: .5
}

.fancybox-button--left:after {
    left: 20px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.fancybox-button--left:after,
.fancybox-button--right:after {
    top: 18px;
    width: 6px;
    height: 6px;
    background: transparent;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor
}

.fancybox-button--right:after {
    right: 20px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fancybox-button--left {
    border-bottom-left-radius: 5px
}

.fancybox-button--right {
    border-bottom-right-radius: 5px
}

.fancybox-button--close {
    float: right
}

.fancybox-button--close:after,
.fancybox-button--close:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 2px;
    width: 16px;
    top: calc(50% - 1px);
    left: calc(50% - 8px)
}

.fancybox-button--close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fancybox-button--close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.fancybox-loading {
    border: 6px solid hsla(0, 0%, 39%, .4);
    border-top: 6px solid hsla(0, 0%, 100%, .6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index: 99999
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@media (max-width: 800px) {
    .fancybox-controls {
        text-align: left
    }

    .fancybox-button--left,
    .fancybox-button--right,
    .fancybox-buttons button:not(.fancybox-button--close) {
        display: none !important
    }

    .fancybox-caption {
        padding: 20px 0;
        margin: 0
    }
}

.fancybox-button--fullscreen:before {
    width: 15px;
    height: 11px;
    left: 15px;
    top: 16px;
    border: 2px solid;
    background: none
}

.fancybox-button--play:before {
    top: 16px;
    left: 18px;
    width: 0;
    height: 0;
    border-top: 6px inset transparent;
    border-bottom: 6px inset transparent;
    border-left: 10px solid;
    border-radius: 1px;
    background: transparent
}

.fancybox-button--pause:before {
    top: 16px;
    left: 18px;
    width: 7px;
    height: 11px;
    border-style: solid;
    border-width: 0 2px;
    background: transparent
}

.fancybox-button--thumbs span {
    font-size: 23px
}

.fancybox-button--thumbs:before {
    top: 20px;
    left: 21px;
    width: 3px;
    height: 3px;
    -webkit-box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, inset 0 0 0 32px, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;
    box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, inset 0 0 0 32px, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0
}

.fancybox-container--thumbs .fancybox-caption-wrap,
.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap {
    right: 220px
}

.fancybox-thumbs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 220px;
    margin: 0;
    padding: 5px 5px 0 0;
    background: #fff;
    z-index: 99993;
    word-break: normal;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fancybox-thumbs > ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0
}

.fancybox-thumbs > ul > li {
    float: left;
    overflow: hidden;
    max-width: 50%;
    padding: 0;
    margin: 0;
    width: 105px;
    height: 75px;
    position: relative;
    cursor: pointer;
    outline: none;
    border: 5px solid #fff;
    border-top-width: 0;
    border-right-width: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, .1)
}

.fancybox-thumbs > ul > li > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-thumbs > ul > li:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    border: 4px solid #4ea7f9;
    z-index: 99991;
    opacity: 0;
    -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    -o-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    transition: all .2s cubic-bezier(.25, .46, .45, .94)
}

.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width: 800px) {
    .fancybox-thumbs {
        display: none !important
    }

    .fancybox-container--thumbs .fancybox-caption-wrap,
    .fancybox-container--thumbs .fancybox-controls,
    .fancybox-container--thumbs .fancybox-slider-wrap {
        right: 0
    }
}

/*---------------------unitegallery------------------------*/
.ug-gallery-wrapper {
	margin: 20px 0px 20px 0px;
}
.ug-thumb-wrapper {
	border-radius: 8px;
}
.ug-button-tile-navigation.ug-button-tile-left{
	background-image:url('../unitegallery/skins/tzgsho/tile_button_left.png');
}

.ug-button-tile-navigation.ug-button-tile-right{
	background-image:url('../unitegallery/skins/tzgsho/tile_button_right.png');
}

/*---------------------AOS------------------------*/
[data-aos=fade-up] {
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: opacity, transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    -webkit-transition-duration: .6s;
    -o-transition-duration: .6s;
    transition-duration: .6s;
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.47, 0, .745, .715);
    -o-transition-timing-function: cubic-bezier(.47, 0, .745, .715);
    transition-timing-function: cubic-bezier(.47, 0, .745, .715);
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s;
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.04, 0.59, 0.65, 0.99);
    -o-transition-timing-function: cubic-bezier(0.04, 0.59, 0.65, 0.99);
    transition-timing-function: cubic-bezier(0.04, 0.59, 0.65, 0.99);
}

.honeyField, .hf {
    display: none;
}