@charset "utf-8";
@import "bootstrap.min.css";
@import "normalize.css";
@import "../node_modules/slick-carousel/slick/slick.css";
@import "../node_modules/magnific-popup/dist/magnific-popup.css";
@import "../node_modules/customScrollbar/jquery.mCustomScrollbar.css";
@import "callback-btn.css";
@import "callback-modal.css";
@import "typography.css";

/* Класс для увеличения картинки */

.zoom-img {}

.wrapLogo a,
.fwrapLogo a {
    display: block;
    width: 150px;
}

.wrapLogo a img,
.fwrapLogo a img {
    max-width: 100%;
}


/* Класс для галлереи */

.gallery {}


/* Класс для формы */

.form-submit-toggle {}


/* Класс для кнопки заказать звонок */

.callback-toggle {}


/******** Magnific-Popup *********/

.mfp-fade.mfp-bg {
    opacity: 0;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}


/******* Image Cover ********/

.img-cover {
    background-size: cover;
    background-position: center;
}

.img-cover_inited>img {
    visibility: hidden;
}


/**********************************/

.main {
    display: flex;
}

.component {
    width: 100%;
}

.left,
.right {
    width: 30%;
}


/* Пагинация */

.pagination>ul {
    margin-top: 15px;
    display: flex;
    list-style: none;
    margin-bottom: 5px;
}

.pagination>ul li {
    margin-right: 20px;
}

.pagination>ul li a {
    text-decoration: none;
    font-weight: 600;
}


/*  */


/*stepForm*/

.callback-modal.formStepsModal {
    padding: 0;
    width: 800px;
    max-width: 95%;
    border-radius: 0;
}

.stepsForm {
    background: #fff;
}

.stepsForm .topLine {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 30px 35px;
    background: #333333;
}

.stepsForm .nameForm {
    font-size: 24px;
    font-family: "Montserrat-Regular";
}

.stepsForm .steps {
    display: flex;
    justify-content: center;
    align-items: center;
}

.stepsForm .steps span {
    margin: 0;
}

.stepsForm .steps * {
    color: #999999;
    font-size: 24px;
    font-family: "Montserrat-Regular";
}

.stepsForm .topLine * {
    color: #fff;
}

.stepsForm .step {
    display: none;
}

.stepsForm .nameStep {
    font-size: 24px;
    font-family: "Montserrat-Regular";
    line-height: 1;
    margin-bottom: 15px;
}

.stepsForm .wrapInputsStepsForm {
    padding: 20px 20px 1px;
    border: 1px solid #cccccc;
    border-radius: 9px;
}

.stepsForm .radioLabel {
    display: block;
    margin-bottom: 25px;
    line-height: 1;
    font-size: 16px;
    position: relative;
    font-family: "Montserrat-Regular";
}

.stepsForm .radioLabel input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.stepsForm .radioLabel .txt {
    padding-left: 25px;
    position: relative;
    display: block;
    line-height: 1;
}

.stepsForm .radioLabel .txt:before {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #cccccc;
    background: #fff;
}

.stepsForm .radioLabel input:checked+.txt:before {
    background: #42bdd8;
}

.stepsForm .step.active {
    display: block;
}

.wrapSteps {
    padding: 30px 35px 40px;
}

.btnsBlock {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 35px;
}

.btnsBlock .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 25px;
    color: #fff;
    font-size: 16px;
    font-family: "Montserrat-Regular";
    height: 54px;
    background: #42bdd8;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
}

.btnsBlock .btn .imgBtn {
    margin-left: 25px;
}

#btnPrev {
    opacity: 0;
}

#btnNext {
    display: none;
}

#btnNext.activeBtn {
    display: flex;
}

#btnPrev.activeBtn {
    opacity: 1;
}

#btnFinish {
    display: none;
}

#btnFinish.activeBtn {
    display: flex;
}

.stepsForm .bottomLine {
    padding: 30px 35px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.stepsForm .bottomLine .imgW {
    margin-right: 15px;
    width: 42px;
}

.stepsForm .bottomLine .txt {
    color: #333333;
    font-size: 16px;
    font-family: "Montserrat-Regular";
    width: calc(100% - 57px);
}

.wrapInputsStepsFormInfo.wrapInputsStepsForm {
    display: flex;
    justify-content: space-between;
    padding: 35px;
}

.wrapInputsStepsFormInfo input {
    width: 49%;
    padding: 15px 20px 15px 60px;
    border-radius: 0px;
    border: 0px;
    min-width: 301px;
    font-family: Roboto-Light;
    font-size: 15px;
    color: white;
}

.wrapInputsStepsFormInfo .nameI {
    background: url(../images/f_name-min.png) 20px center no-repeat, rgb(66 189 216 / 50%);
}

.wrapInputsStepsFormInfo .phoneI {
    background: url(../images/f_phone-min.png) 20px center no-repeat, rgb(66 189 216 / 50%);
}


/*End stepForm*/


/*insidepage*/

.insidepage .breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    color: #000;
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 15px;
    margin-top: 130px;
    flex-wrap: wrap;
}

.insidepage .breadcrumb .divider {
    margin: 0 20px;
}

.insidepage .breadcrumb .active .divider {
    margin: 0;
}

.insidepage .breadcrumb a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.insidepage .breadcrumb__main:hover {
    text-decoration: underline;
}

.insidepage .breadcrumb__main:active {
    opacity: 0.5;
}

.insidepage p {
    font-family: 'Montserrat-Light';
    font-size: 14px;
}


/*insidepage end*/


/*  */

.insidepage header {
    margin: 0 0 20px 0;
}


/*  */

@font-face {
    font-family: 'Montserrat-Thin';
    src: url(../fonts/Montserrat-Thin.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url(../fonts/Montserrat-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat-Light';
    src: url(../fonts/Montserrat-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat-Medium';
    src: url(../fonts/Montserrat-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url(../fonts/Montserrat-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'FuturaPT-Medium';
    src: url(../fonts/FuturaPT-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'FuturaPT-Light';
    src: url(../fonts/FuturaPT-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Proxima_Nova-Light';
    src: url(../fonts/Proxima_Nova-Light.ttf) format('truetype');
}

body {
    color: #000;
    font-size: 16px;
    font-family: "Montserrat-Light";
}

body p {
    margin-top: 0;
    margin-bottom: 10px;
}

.h1,
h1 {
    text-align: center;
    font-family: "FuturaPT-Light";
    font-size: 24px;
    margin-bottom: 45px;
    text-transform: uppercase;
}

h2 {
    font-family: 'FuturaPT-Light';
}

.wrapper {
    max-width: 1920px;
    margin: 0 auto;
    /* min-height: 100vh; */
    position: relative;
    overflow: hidden;
    /* min-width: 1200px; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.wrapLabel {
    position: relative;
}

.wrapLabel input {
    width: 10px !important;
    height: 10px !important;
    left: 0 !important;
    top: 0 !important;
    position: absolute !important;
    opacity: 0 !important;
}

.wrapLabel label {
    position: relative;
    font-weight: normal;
    padding-left: 40px;
}

.flexSA {
    display: flex;
    justify-content: space-around;
}

.flexSB {
    display: flex;
    justify-content: space-between;
}

.flexCenter {
    display: flex;
    justify-content: center;
}

.flexAI {
    display: flex;
    align-items: center;
}

.flexW {
    display: flex;
    flex-wrap: wrap;
}

.flexColumn {
    display: flex;
    flex-direction: column;
}

.flexStart {
    display: flex;
    justify-content: flex-start;
}

.flexEnd {
    display: flex;
    justify-content: flex-end;
}

a {
    color: #2193ac;
    text-decoration: none;
    /* Отменяем подчеркивание у ссылки */
}


/* шапка */

header .navigation .nav {
    display: flex;
}

header .parent {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

header .navigation .nav li {
    margin-right: 40px;
    padding: 10px 0;
    position: relative;
}

header .wrapBLH {
    padding: 12px 30px;
}

header .navigation .nav {
    font-size: 14px;
}

header .navigation .parent:hover ul.nav-child {
    display: block;
}

header ul.nav-child {
    display: none;
    flex-direction: column;
    position: absolute;
    background: #3bb3cd;
    padding: 5px 20px;
    z-index: 1;
    left: 0;
    top: calc(100% - 2px);
    color: #fff;
}

header ul.nav-child a {
    color: #fff;
    white-space: nowrap;
}

.openChildMain {
    margin: 0 0 0 5px;
}

.wrapBLH a {
    font-size: 14px;
    /* text-transform: uppercase; */
    color: #2c2c2c;
    font-family: 'Montserrat-Regular';
    white-space: nowrap;
    /* text-decoration: none; */
}

.wrapBLH .dost a {
    font-family: 'Montserrat-Light';
    color: #2193ac;
}

.wrapBLH .phonesBlock a {
    /* color: #2193ac; */
    color: #005280;
    font-size: 15px;
    white-space: nowrap;
    font-family: 'Montserrat-Regular';
    font-weight: 600;
}

.item {
    display: flex;
    align-items: flex-start;
}

header .item1 {
    display: flex;
    align-items: flex-start;
    padding: 0 20px;
    border-right: 1px solid #d5e0e5;
    border-left: 1px solid #d5e0e5;
}

header .item3 {
    display: flex;
    align-items: flex-start;
    padding: 0 20px;
    border-right: 1px solid #d5e0e5;
}

header .item2 {
    display: flex;
    align-items: flex-start;
    padding: 0 20px;
}

.dost {
    font-family: 'Montserrat-Light';
    font-size: 14px;
}

header {
    background: white;
}

.wrapBLH li.active>a {
    color: #2193ac;
}

.wrapBLH ul ul li.current.active a {
    color: white;
}

.item-182.deeper.parent:hover .nav-child.unstyled.small::before {
    content: url('../images/umenu.png');
    padding: 0 0 0 60px;
}

.item-182.deeper.parent:hover .nav-child.unstyled.small {
    display: flex;
    flex-direction: row-reverse;
    padding: 50px 25px 20px 45px;
    background: #ffffff;
    position: absolute;
    left: -150px;
}

.item-182.deeper.parent:hover .nav-child.unstyled.small span {
    padding: 30px 0 0 15px;
    min-width: 380px;
}

.item-182.deeper.parent:hover .nav-child.unstyled.small a {
    color: #2c2c2c;
}

.item-182.deeper.parent:hover .nav-child.unstyled.small li:not(.item-182.deeper.parent:hover .nav-child.unstyled.small li:last-child) {
    border-bottom: 1px solid #e5e5e5;
    margin: 0 0 10px 0;
}


/* button */

header *,
header *:before,
header *:after {
    box-sizing: border-box;
    transition: 0.5s ease-in-out;
}

header *:before,
header *:after {
    z-index: -1;
}

.btn-5 {
    color: #000;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 52px;
    max-width: 200px;
    margin: 1rem auto;
    border: 1px solid currentColor;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 20px;
    font-family: 'FuturaPT-Light';
    font-size: 18px;
    line-height: 1;
    padding: 20px 40px;
    z-index: 1;
    white-space: nowrap;
}

.btn-5:after {
    content: "";
    width: 0;
    height: 0;
    -webkit-transform: rotate(360deg);
    border-style: solid;
    border-width: 0 0 0 0;
    border-color: transparent #2c2c2c transparent transparent;
    position: absolute;
    top: 0;
    right: 0;
}

.btn-5:before {
    content: "";
    width: 0;
    height: 0;
    -webkit-transform: rotate(360deg);
    border-style: solid;
    border-width: 0 0 0 0;
    border-color: transparent transparent transparent #2c2c2c;
    position: absolute;
    bottom: 0;
    left: 0;
}

.btn-5:before,
.btn-5:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 0 solid;
    transform: rotate(360deg);
}

.btn-5:before {
    bottom: 0;
    left: 0;
    border-color: transparent transparent transparent #2c2c2c;
}

.btn-5:after {
    top: 0;
    right: 0;
    border-color: transparent #2c2c2c transparent transparent;
}

.btn-5:hover {
    color: #fff;
}

.btn-5:hover:before,
.btn-5:hover:after {
    border-width: 52px 262.5px;
}


/* конец button */


/*  */

.topSlider .txtBlock {
    position: absolute;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    left: 175px;
    top: 50px;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.topSlider,
.slideTop {
    position: relative;
}

.topSlider {
    /*    margin-bottom: 80px;*/
}

.topSlider .wrapList p {
    font-size: 80px;
    font-weight: 400;
    color: #333333;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    font-family: 'FuturaPT-Light';
}

.topSlider .wrapList {
    display: flex;
    padding: 0 25px;
    flex-direction: column;
    align-items: flex-start;
}

.topSlider .wrapList p.text {
    font-size: 40px;
    margin-top: 20px;
}

.topSlider .btnTB {
    font-size: 20px;
    display: flex;
    max-width: ;
    align-items: center;
    padding: 0 15px;
    height: 55px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 40px;
    background: #42bdd8;
    cursor: pointer;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.topSlider .btnTB::before,
.topSlider .btnTB::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 0 solid;
    transform: rotate(360deg);
    transition: All 0.4s;
    z-index: -1;
}

.topSlider .btnTB:before {
    bottom: 0;
    left: 0;
    border-color: transparent transparent transparent #2c2c2c;
}

.topSlider .btnTB:after {
    top: 0;
    right: 0;
    border-color: transparent #2c2c2c transparent transparent;
}

.topSlider .btnTB:hover::before,
.topSlider .btnTB:hover::after {
    border-width: 56px 320px;
}


/*preBlock*/

.wrapPre {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 20px;
    padding: 25px 15px 50px;
}

.nucPre {
    display: flex;
    justify-content: space-between;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    background: #333333;
}

.nucPre:before {
    position: absolute;
    left: 0;
    width: 84px;
    top: 0;
    bottom: 0;
    content: '';
    background: #42bdd8;
    transition: all 0.4s;
}

.nucPre:hover:before {
    width: 100%;
}

.nucPre .imgW {
    position: relative;
    z-index: 1;
    width: 84px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nucPre img {
    max-width: 90%;
    max-height: 100px;
}

.nucPre .txtBlock {
    width: calc(100% - 84px);
    padding: 25px 17px;
    position: relative;
    z-index: 1;
    color: #fff;
    font-size: 18px;
    line-height: 1;
}


/*End preBlock*/


/*bannerMainBlock*/

.bannerMainBlock {
    padding: 0 0 70px;
}

.nucBM {
    width: 633px;
    margin: 0 5px;
    position: relative;
    overflow: hidden;
    height: 605px;
    display: inline-block;
}

.nucBM .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 1s;
    background-size: cover;
    background-position: 50%;
}

.nucBM .bg.hover {
    opacity: 0;
    visibility: hidden;
}

.nucBM:hover .bg.hover {
    visibility: inherit;
    transform: translate3d(0px, 0px, 0px) scale(1.01);
    opacity: 1;
}

.nucBM .name {
    font-size: 22px;
    position: absolute;
    bottom: 0;
    line-height: 1;
    left: 0;
    color: #fff;
    background: rgb(66 189 216 / 90%);
    padding: 20px;
}

.shop-cta {
    position: absolute;
    font-size: 14px;
    font-family: "Montserrat-Bold";
    letter-spacing: .8px;
    width: 120px;
    height: 120px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    border-radius: 50%;
    z-index: 5;
    cursor: pointer;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: none;
    outline: none;
}

.nucBM .shop-cta .word-wrapper {
    position: relative;
}

.nucBM .shop-cta .inner span {
    position: relative;
    transform: translateY(100%);
    display: block;
    transition: transform .25s cubic-bezier(.445, .05, .55, .95);
    z-index: 2;
}

.nucBM .shop-cta .inner {
    overflow: hidden;
    display: block;
}

.nucBM .shop-cta .highlight {
    position: absolute;
    top: 11px;
    left: -7px;
    width: calc(100% + 14px);
    display: block;
    height: 7px;
    background-color: var(--themeColor);
    transform: scaleY(0) translateZ(0);
    transform-origin: 50% 100%;
    transition: transform .25s cubic-bezier(.445, .05, .55, .95);
    z-index: -1;
}

.nucBM:hover .shop-cta .highlight {
    transform: scaleY(1) translateZ(0);
}

.nucBM:hover .shop-cta .inner span {
    transform: translateY(0);
}

.nucBM:nth-child(1) .shop-cta .highlight {
    background-color: #ff8d16;
}

.nucBM:nth-child(2) .shop-cta .highlight {
    background-color: #2a4278;
}

.nucBM:nth-child(3) .shop-cta .highlight {
    background-color: #75ced2;
}

.nucBM .circles,
.nucBM .circles svg {
    position: absolute;
    width: 100%;
    height: 100%;
}

.nucBM .circles svg {
    top: 0;
    left: 0;
}

.nucBM .bottom-path {
    stroke: #fdfbf5;
    opacity: .6;
    fill: none;
    transition: auto 0.8;
}

.nucBM:hover .bottom-path {
    stroke: #fdfbf5;
    opacity: .6;
    fill: rgba(0, 0, 0, 0.4);
}

.nucBM:nth-child(1) .top-path {
    stroke: #e1664c;
}

.nucBM:nth-child(2) .top-path {
    stroke: #2a4278;
}

.nucBM:nth-child(3) .top-path {
    stroke: #75ced2;
}

.nucBM .top-path {
    fill: none;
    stroke-width: 2;
}

.nucBM svg path:nth-child(1) {
    transition: all 0.7s ease;
}

.nucBM svg path:nth-child(2) {
    transition: all 1s ease;
}

.nucBM svg path {
    stroke-dashoffset: 232px;
    stroke-dasharray: 232px 232px;
}

.nucBM .circles {
    transform: rotate(-90deg);
}

.nucBM:hover .circles {
    transform: translate(0px);
}

.nucBM:hover svg path {
    stroke-dashoffset: 0px;
}


/*End bannerMainBlock*/

.aboutCompanyBlock {
    padding: 0 0 180px 0;
}

.wrapAC .rightBlock {
    width: 700px;
}

.wrapAC .slogBlock {
    font-family: 'FuturaPT-Light';
    font-size: 46px;
    line-height: 1;
}

.wrapAC .atextblock {
    font-size: 14px;
}


/*  */

.wrapGeo {
    position: relative;
}

.wrapGeo .grightBlock {
    position: absolute;
    top: -65px;
    right: -208px;
}

.wrapGeo .gleftBlock {
    width: 508px;
    z-index: 1;
}

.htitle .h1 {
    font-size: 46px;
    text-align: left;
    line-height: 1;
    text-transform: inherit;
    margin: 0 0 91px 0;
}

.htitle {
    position: relative;
}

.htitle:before {
    content: '';
    position: absolute;
    top: -15px;
    left: 0;
    width: 82px;
    height: 5px;
    background: #42bdd8;
}

.wrapGeo .b {
    padding: 0 0 30px 0;
}

.wrapGeo .b1 {
    position: relative;
    cursor: pointer;
}

.wrapGeo .b1 svg {
    stroke-dashoffset: 503px;
    stroke-dasharray: 503px 503px;
    transition: all 1s;
    position: absolute;
    left: 270px;
    width: 445px;
    top: 17px;
}

.wrapGeo .b1:hover svg {
    stroke-dashoffset: 0;
}

.wrapGeo .b1 .f1 {
    transition: all 0.4s;
}

.wrapGeo .b1:hover .f1 {
    color: #42bdd8;
}

.wrapGeo .b2 {
    position: relative;
    cursor: pointer;
}

.wrapGeo .b2 svg {
    stroke-dashoffset: 290px;
    stroke-dasharray: 290px 290px;
    transition: all 1s;
    position: absolute;
    left: 270px;
    width: 313px;
    top: 10px;
}

.wrapGeo .b2:hover svg {
    stroke-dashoffset: 0;
}

.wrapGeo .b2 .f2 {
    transition: all 0.4s;
}

.wrapGeo .b2:hover .f2 {
    color: #42bdd8;
}

.wrapGeo .b3 {
    position: relative;
    cursor: pointer;
}

.wrapGeo .b3 svg {
    stroke-dashoffset: 150px;
    stroke-dasharray: 150px 150px;
    transition: all 1s;
    position: absolute;
    left: 270px;
    width: 150px;
    top: 10px;
}

.wrapGeo .b3:hover svg {
    stroke-dashoffset: 0;
}

.wrapGeo .b3 .f3 {
    transition: all 0.4s;
}

.wrapGeo .b3:hover .f3 {
    color: #42bdd8;
}

.wrapGeo .b4 {
    position: relative;
    cursor: pointer;
}

.wrapGeo .b4 svg {
    stroke-dashoffset: 190px;
    stroke-dasharray: 190px 190px;
    transition: all 1s;
    position: absolute;
    left: 216px;
    width: 200px;
    top: 10px;
}

.wrapGeo .b4:hover svg {
    stroke-dashoffset: 0;
}

.wrapGeo .b4 .f4 {
    transition: all 0.4s;
}

.wrapGeo .b4:hover .f4 {
    color: #42bdd8;
}

.wrapGeo .b5 {
    position: relative;
    cursor: pointer;
}

.wrapGeo .b5 svg {
    stroke-dashoffset: 170px;
    stroke-dasharray: 170px 170px;
    transition: all 1s;
    position: absolute;
    left: 216px;
    width: 170px;
    top: 10px;
}

.wrapGeo .b5:hover svg {
    stroke-dashoffset: 0;
}

.wrapGeo .b5 .f5 {
    transition: all 0.4s;
}

.wrapGeo .b5:hover .f5 {
    color: #42bdd8;
}

.wrapGeo .b6 {
    position: relative;
    cursor: pointer;
}

.wrapGeo .b6 svg {
    stroke-dashoffset: 550px;
    stroke-dasharray: 550px 550px;
    transition: all 1s;
    position: absolute;
    left: 100px;
    width: 550px;
    top: 4px;
}

.wrapGeo .b6:hover svg {
    stroke-dashoffset: 0;
}

.wrapGeo .b6 .f6 {
    transition: all 0.4s;
}

.wrapGeo .b6:hover .f6 {
    color: #42bdd8;
}


/*photoGallaryBlock*/

.photoGallaryBlock {
    padding: 50px 0 25px;
}

.gallaryWrap {
    margin-right: 5px;
}

.gridcont {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px;
}

.nucGallary {
    grid-column-start: span 1;
}

.nucGallary.gap2 {
    grid-column-start: span 2;
}

.photoGallaryBlock .href {
    display: flex;
    justify-content: flex-end;
}

.photoGallaryBlock .href a {
    font-family: 'Montserrat-Thin';
    font-size: 14px;
    color: black;
    font-weight: 700;
    margin: 30px 0;
}

.photoGallaryBlock .htitle .h1 {
    margin: 0 0 20px 0;
}

footer .dost {
    color: #000;
}


/*End photoGallaryBlock*/


/*  */

.blockFormSt .formBlock {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    text-align: center;
}

.blockFormSt {
    position: relative;
    z-index: 0;
    color: white;
    min-height: 495px;
}

.callback-label {
    margin: 20px 0 30px 0;
}

.blockFormSt .callback-label label:before {
    position: absolute;
    left: 0;
    top: calc(50% - 9px);
    width: 18px;
    height: 18px;
    content: '';
    border: 2px solid #fff;
    color: #fff;
    line-height: 1;
    text-align: center;
    font-size: 14px;
    border-radius: 5px;
}

#checkF:checked+label::before {
    content: "\2713";
}

.blockFormSt .callback-label #checkF {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.blockFormSt .callback-label label a {
    color: #fff;
}

.blockFormSt .callback-inputs input[type="text"] {
    padding: 15px 20px 15px 60px;
    border-radius: 0px;
    border: 0px;
    min-width: 301px;
    font-family: Roboto-Light;
    font-size: 15px;
    background: rgba(66, 189, 216, 0.5);
    color: white;
}

.blockFormSt .callback-inputs input[type="text"]:not(.blockFormSt .callback-inputs input[type="text"]:last-child) {
    margin-right: 20px;
}

input::placeholder {
    color: white;
    font-family: 'Roboto-Light';
    font-size: 15px;
}

.blockFormSt .formBlock .callback-inputs .f-name {
    background: url(../images/f_name-min.png) 20px center no-repeat, rgb(66 189 216 / 50%);
}

.blockFormSt .formBlock .callback-inputs .f-email {
    background: url(../images/f_email-min.png) 20px center no-repeat, rgb(66 189 216 / 50%);
}

.blockFormSt .formBlock .callback-inputs .f-phone {
    background: url(../images/f_phone-min.png) 20px center no-repeat, rgb(66 189 216 / 50%);
}

.ftitle {
    font-size: 40px;
    font-family: 'FuturaPT-Light';
    line-height: 1;
}

.wrapLabel label {
    position: relative;
    font-weight: normal;
    padding-left: 35px;
    font-size: 12px;
    font-family: 'Montserrat-Regular';
}

.blockFormSt .f-submit {
    font-size: 15px;
    padding: 15px 70px;
    background-color: #2c2c2c;
    color: white;
    font-family: 'Roboto-Bold';
    text-transform: uppercase;
    text-decoration: none;
    transition: background 2s ease-out;
    background-position: 50%;
    border: 0;
}


/*  */

footer .topBot {
    padding: 40px 0;
}

footer .catsMain a,
footer .mainF a {
    font-family: 'FuturaPT-Light';
    color: #000000;
    font-size: 14px;
    text-transform: uppercase;
}

footer .mainF .name,
footer .catsMain .name,
footer .ftelgeo a {
    font-family: 'FuturaPT-Light';
    color: #000000;
    font-size: 16px;
    /* text-transform: uppercase; */
    font-weight: 600;
}

.wrap-up {
    text-transform: uppercase;
}


/*  */

.copiraiter {
    display: flex;
    justify-content: center;
    font-size: 16px;
    color: white;
    flex-direction: column;
    align-items: center;
}

.botF {
    background: #2c2c2c;
    padding: 20px 0;
}

.botF .t {
    font-size: 12px;
    color: #919191;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #42bdd8;
}


/* --- Media styles --- */

.insidepage .page-header h2 {
    font-size: 56px;
    line-height: 1;
    font-family: 'FuturaPT-Light';
    font-weight: 100;
    margin: 10px 0 30px;
}

.insidepage .page-header h1 {
    font-size: 56px;
    line-height: 1;
    font-family: 'FuturaPT-Light';
    font-weight: 100;
    margin: 10px 0 30px;
}

.insidepage .page-header {
    border: 0;
    margin: 0;
}


/*  */

.serviceBlock {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: center;
    grid-gap: 20px;
    margin: 50px 0;
}


/* .insidepage p {
font-size: 14px;
font-family: 'Montserrat-Regular';
} */

.serviceBlock .itemserv img {
    width: 100%;
    transition: all 1s;
}

.serviceBlock .itemserv img:hover {
    transform: scale(1.1);
}

.regular {
    font-family: 'Montserrat-light';
    font-size: 14px;
}

.serviceBlock .text {
    padding: 20px;
    font-size: 18px;
    font-family: 'Montserrat-Regular';
}

.serviceBlock .itemserv {
    position: relative;
}

.serviceBlock .itemserv .imgW {
    overflow: hidden;
}

.serviceBlock .itemserv:before {
    content: '';
    position: absolute;
    left: 0;
    width: 90px;
    height: 90px;
    background: url(../images/sitem1bf-min.png) no-repeat center #42bdd8;
    color: white;
    z-index: 10;
}

.serviceBlock .itemserv2:before {
    background: url(../images/sitem2bf-min.png) no-repeat center #42bdd8;
}

.serviceBlock .itemserv3:before {
    background: url(../images/sitem3bf-min.png) no-repeat center #42bdd8;
}

.serviceBlock .itemserv4:before {
    background: url(../images/sitem4bf-min.png) no-repeat center #42bdd8;
}

.serviceBlock .itemserv5:before {
    background: url(../images/sitem5bf-min.png) no-repeat center #42bdd8;
}

.serviceBlock .itemserv6:before {
    background: url(../images/sitem6bf-min.png) no-repeat center #42bdd8;
}


/*  */

.nushklient-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    text-align: center;
    gap: 40px 15px;
    margin: 30px 0 110px 0;
}

.nushklient-container .imgW {
    height: 138px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 8%);
    margin: 0 0 20px 0;
}

.nushklient-container .imgW img {
    max-width: 90%;
    max-height: 125px;
}

.nushklient-container .text {
    font-family: 'Montserrat-Medium';
    font-size: 14px;
    padding: 0 20px;
    color: #434343;
}


/*  */

.skatalog-container .leftBlock {
    width: 49%;
}

.skatalog-container .RightBlock {
    width: 49%;
}

.sKatalogSlider .slick-dots {
    position: absolute;
    display: flex !important;
    justify-content: flex-end;
    flex-direction: column;
    top: 0;
    bottom: 0;
    padding: 20px;
}

.sKatalogSlider .slick-dots li button {
    font-size: 0;
    border: 0;
    background: #b3e5ef;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    padding: 0;
    margin: 15px 0 0 0;
}

.sKatalogSlider .slick-dots li.slick-active button {
    background: #3bb3cd;
}

.skatalog-container .title {
    font-family: 'Montserrat-Medium';
    font-size: 22px;
    padding: 0 0 20px 0;
}

.skatalog-container .text {
    font-family: 'Montserrat-Light';
    font-size: 14px;
}

.skatalog-container .RightBlock ul {
    font-family: 'Montserrat-Light';
    font-size: 14px;
    list-style: disc;
    padding: 0 20px;
    color: #3bb3cd;
}

.skatalog-container .RightBlock span {
    color: black;
}

.skatalog-container .RightBlock .hiddebTxt {
    display: none;
}

.skatalog-container .RightBlock .openTxt span {
    color: #42bdd8;
    cursor: pointer;
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    margin-right: 20px;
}

.skatalog-container .RightBlock .openTxt:hover {
    font-weight: 600;
}

.topSlider {
    margin-top: 96px;
}

header {
    position: fixed;
    z-index: 1000;
    width: 100%;
    max-width: 1920px;
}

.nav-center {
    margin-left: 60px;
}


/* modal */


/*  */

.formTN button.mfp-close,
.formTN button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
    position: absolute;
    background: rgb(160 150 150 / 72%);
    border-radius: 25px;
    right: -50px;
    top: -50px;
    font-size: 57px;
    font-family: 'Montserrat-Thin';
    color: #fff;
}

.formTN {
    position: relative;
    min-width: 782px;
    min-height: 505px;
    padding: 40px;
    background: url(../images/modal-top.png);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    border-radius: 0;
}

.formTN .callback-modal__form {
    position: relative;
}

.formTN .callback-label {
    position: relative;
    margin: 0;
}

.formTN #checkF3:checked+label::before {
    content: "\2713";
    color: #000000;
}

.formTN #checkF3 {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.formTN .callback-label label {
    font-size: 12px;
    color: #cacaca;
    padding-left: 40px;
    line-height: 1;
    font-family: 'Proxima_Nova-Light';
    display: block;
    margin: 0 40px;
}

.formTN .callback-label label:before {
    position: absolute;
    left: 0;
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    content: '';
    border: 2px solid #cacaca;
    color: #fff;
    line-height: 1;
    text-align: center;
    font-size: 21px;
    background: #fff;
    left: 40px;
    border-radius: 5px;
}

.formTN .callback-modal__form {
    position: relative;
}

.formTN .callback-modal__headline span {
    font-size: 18px;
    text-transform: none;
    font-family: 'Montserrat-Light';
}

.formTN .callback-modal__headline {
    font-size: 30px;
    font-weight: bold;
    font-family: 'Montserrat-Light';
    color: #000000;
    line-height: 1;
    width: 390px;
    text-transform: uppercase;
    text-align: center;
}

.formTN .form-submit-toggle {
    width: 390px;
}

.formTN .inputs input {
    padding: 15px 20px 10px 40px;
    border-radius: 0;
    border: 0;
    font-family: 'Roboto-Light';
    font-size: 16px;
    border-bottom: 1px solid;
}

.formTN .inputs {
    display: flex;
    justify-content: center;
    padding: 20px 0 0 0;
    flex-direction: column;
    align-items: center;
    margin: 0 40px;
}

.formTN .callback-modal__button {
    font-size: 20px;
    padding: 10px 40px;
    background: #000000;
    color: white;
    border-radius: 0;
    font-family: 'FuturaPT-Light';
    text-decoration: none;
    border: 0;
    transition: background 0.5s ease-out;
    margin: 0 40px;
    display: flex;
    justify-content: center;
    display: block;
    width: 100%;
}

.formTN .callback-modal__button:hover {
    background: #000000;
    background-position: 203px;
}

.formTN .button {
    display: flex;
}

.formTN input::placeholder {
    color: black;
    font-family: 'Montserrat-Regular';
    font-size: 16px;
}

.formTN input.callback-modal__name {
    background: url(../images/user-outline.png) 0 center no-repeat, rgb(255 255 255 / 50%);
}

.formTN input.callback-modal__email {
    background: url(../images/mail.png) 5px center no-repeat, rgb(255 255 255 / 50%);
}

.formTN input.callback-modal__phone.f-phone {
    background: url(../images/smartphone.png) 10px center no-repeat, rgb(255 255 255 / 50%);
}

.catalog-blocks {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 35px;
}

.formTN .imgW img {
    width: 100%;
}


/*  */

.onlyModernBlock .tabsOMB li:hover {
    color: black;
    background-position: 263px;
}

.onlyModernBlock .tabsOMB {
    position: relative;
    padding: 0;
}

.onlyModernBlock .tabsOMB li.active {
    color: black;
}

.onlyModernBlock .tabsContent {
    margin: 70px 0 0 0;
}

.onlyModernBlock .contentTab {
    display: none;
}

.onlyModernBlock .contentTab.active {
    display: block;
}

.onlyModernBlock .tabsOMB li {
    width: 200px;
    border: 2px solid #bfbfbf;
    padding: 15px;
    font-family: 'FuturaPT-Light';
    font-size: 18px;
    text-align: center;
    cursor: pointer;
}

.onlyModernBlock .tabsOMB li.active {
    color: white;
    background: #2c2c2c;
    border: 0;
}

.header__burger {
    display: none;
}

html.lock {
    overflow: hidden;
}

.blockFormSt img {
    margin-left: calc((100% - 1920px) / 2);
}

header .telblock {
    position: relative;
    min-width: 545px;
    justify-content: flex-start;
}

.whatsap {
    position: absolute;
    top: 3px;
    right: 0;
}

footer .phonesBlock {
    margin-left: 20px;
}

footer .item {
    margin: 0 0 5px 0;
}

.kontactitem.kontactitem1 {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}

.kontact {
    width: 60%;
}

.krightblock {
    width: 170px;
    position: relative;
}

.krightblock a.ktel::before {
    content: '';
    width: 35px;
    height: 20px;
    background: url(/images/phonne.png);
    background-size: contain;
    display: block;
    position: absolute;
    left: -35px;
    background-repeat: no-repeat;
}

.krightblock a.kwa::before {
    content: '';
    width: 35px;
    height: 20px;
    background: url(/templates/template/images/phone.png);
    background-size: contain;
    display: block;
    position: absolute;
    left: -35px;
    background-repeat: no-repeat;
}

.kleftblock {
    position: relative;
}

.itemSlider .imgW img {
    max-width: 566px;
}

.item1 {
    display: flex;
    align-items: flex-start;
}

.kleftblock a.kmail::before {
    content: '';
    width: 35px;
    height: 22px;
    background: url(/images/emaill.png);
    background-size: contain;
    display: block;
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    top: 0;
}

.kleftblock a.kmail {
    padding-left: 30px;
}

.sertSlide {
    padding-right: 15px;
    padding-bottom: 20px;
}

.sertSlider {
    display: none;
}

.sertSlider.slick-initialized {
    display: block;
}

.sertSlide .imgW {
    box-shadow: 0px 9px 8px 0px rgba(34, 60, 80, 0.2);
    border: 1px solid #ccc;
    height: 500px;
    overflow: hidden;
}

.sertSlide .imgW img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.potSlider {
    padding-left: calc((100% - 1199px) / 2 + 30px);
}

.portSlide .wrapSl {
    overflow: hidden;
    position: relative;
    max-width: 360px;
}

.portSlide {
    padding-right: 50px;
}

.portblock {
    margin-top: 100px;
    margin-bottom: 100px;
}

.portSlide .title {
    font-family: 'Montserrat-Regular';
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 20px;
    margin-top: 20px;
}

.portSlide .txt {
    font-size: 16px;
    font-family: 'Montserrat-Light';
}

.sertSlide .imgW img {
    max-width: 100%;
}

.portSlide .imgW img {
    max-width: 100%;
    height: 250px;
    object-fit: cover
}

@media screen and (max-width:1400px) and (min-width:1036px) {
    .portSlide .imgW img {
        max-width: 100%;
        height: 200px;
        object-fit: cover;
    }
}

@media screen and (max-width:1135px) and (min-width:992px) {
    .portSlide .imgW img {
        max-width: 100%;
        height: 150px;
        object-fit: cover;
    }
}

@media screen and (max-width:991px) and (min-width:801px) {
    .portSlide .imgW img {
        max-width: 100%;
        height: 122px;
        object-fit: cover;
    }
}

@media screen and (max-width: 800px) and (min-width: 767px) {
    .portSlide .imgW img {
        max-width: 100%;
        height: 101px;
        object-fit: cover;
    }
}

@media screen and (max-width: 610px) {
    .portSlide .imgW img {
        max-width: 100%;
        height: 200px;
        object-fit: cover;
    }
}


/*
@media screen and (max-width:1400px)and (min-width:1200px) {
.portSlide .imgW img {
max-width: 100%;
height: 150px;
object-fit: cover;
}
} */


/* @media screen and (max-width:991px) {
.portSlide .imgW img {
max-width: 100%;
height: 150px;
object-fit: cover;
}
} */


/* @media screen and (max-width:1400px)and (min-width:991px) {
.portSlide .imgW img {
max-width: 100%;
height: 200px;
object-fit: cover;
}
} */

@media screen and (min-width:991px) {
    .whatsap {
        display: block;
    }
}

@media screen and (max-width:1800px) {
    .nucPre .imgW {
        width: 60px;
    }
    .nucPre::before {
        width: 60px;
    }
    .nucPre .txtBlock {
        width: calc(100% - 60px);
        padding: 25px 10px;
    }
}

@media screen and (max-width:1630px) {
    header .navigation .nav li {
        margin-right: 10px;
    }
    .wrapLogo img {
        width: 200px;
    }
    .btn-5 {
        padding: 0px 10px;
    }
    .nucPre .txtBlock {
        font-size: 15px;
    }
    .topSlider .txtBlock {
        left: 15px;
        top: 15px;
    }
    .topSlider .wrapList p {
        font-size: 65px;
    }
    .topSlider .wrapList p.text {
        font-size: 32px;
    }
    .sertSlide .imgW {
        height: 400px;
    }
}

@media screen and (max-width:1400px) {
    .wrapPre {
        grid-template-columns: repeat(3, 1fr);
    }
    .nucPre .imgW {
        width: 84px;
    }
    .nucPre::before {
        width: 84px;
    }
    .nucPre .txtBlock {
        width: calc(100% - 84px);
        padding: 25px 15px;
    }
    .nucPre .txtBlock {
        font-size: 18px;
    }
    .wrapBLH .dost a {
        font-size: 14px;
    }
    header .wrapBLH {
        padding: 12px 10px;
    }
    .wrapBLH a {
        font-size: 12px;
    }
    .wrapLogo img {
        width: 160px;
    }
    .item-182.deeper.parent:hover .nav-child.unstyled.small::before {
        width: 500px;
        overflow: hidden;
    }
    .item-182.deeper.parent:hover .nav-child.unstyled.small span {
        min-width: auto;
    }
}

@media screen and (min-width:991px) {
    .topSlider,
    .slideTop img {
        position: relative;
        max-width: 100%;
    }
}

@media screen and (min-width:1200px) {
    .topSlider {
        margin-top: 96px;
    }
    .container {
        width: 1170px;
    }
    .nav-center {
        margin-left: 20px;
    }
}

@media screen and (max-width:1260px) {
    .whatsap {
        display: none;
    }
    header .telblock {
        min-width: auto;
    }
    header .item2 {
        padding: 0 10px;
    }
    header.item3 {
        padding: 0 10px;
    }
    header .item1 {
        padding: 0 10px;
    }
}

@media screen and (max-width:1199px) {
    .sertSlide .imgW {
        height: auto;
    }
    .potSlider {
        padding-left: calc((100% - 1024px) / 2 + 30px);
    }
    .btn-5 {
        height: 35px;
    }
    .wrapBLH .leftblock {
        flex-direction: column;
    }
    .nav-center {
        margin-left: 0;
    }
    .callback-inputs input {
        margin: 10px 0;
    }
    .wrapGeo .grightBlock {
        position: absolute;
        top: -65px;
        right: -410px;
    }
    .wrapGeo .gleftBlock {
        width: 100%;
    }
    .wrapAC .rightBlock {
        width: 500px;
    }
    .container {
        width: 970px;
    }
    .onlyModernBlock .tabsOMB {
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .onlyModernBlock .tabsContent {
        margin: 40px 0 0 0;
    }
    .catalog-blocks {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 35px;
        justify-items: center;
    }
    .catalog-blocks .items .imgW img {
        width: 100%;
    }
    .topSlider {
        margin-top: 80px;
    }
    .wrapBLH .dost a {
        font-size: 12px;
    }
    .wrapLogo img {
        width: 120px;
    }
    .kontact {
        width: 100%;
    }
}

@media screen and (max-width:1155px) {
    header .item3 {
        display: none;
    }
    header .item2 {
        display: none;
    }
}

@media screen and (max-width:1024px) {
    .potSlider {
        padding-left: calc((100% - 991px) / 2 + 30px);
    }
    .wrapBM {
        display: grid;
        justify-content: center;
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
        margin: 20px;
    }
    .nucBM {
        width: 100%;
        height: 365px;
    }
    .bannerMainBlock {
        padding: 0 0 40px;
    }
    .aboutCompanyBlock {
        padding: 0 0 100px 0;
    }
    .wrapLogo a,
    .fwrapLogo a {
        width: 100px;
    }
}

@media screen and (max-width:991px) {
    .potSlider {
        padding-left: calc((100% - 767px) / 2 + 30px);
    }
    .nucPre .imgW {
        width: 60px;
    }
    .nucPre::before {
        width: 60px;
    }
    .nucPre .txtBlock {
        width: calc(100% - 60px);
        padding: 20px 10px;
    }
    .nucPre .txtBlock {
        font-size: 16px;
    }
    .whatsap {
        display: none;
    }
    header .item3 {
        display: block;
    }
    header .item2 {
        display: block;
    }
    .container {
        width: 750px;
    }
    .wrapBLH .leftblock {
        flex-direction: row;
    }
    .header__burger {
        width: 30px;
        height: 20px;
        min-width: 30px;
        position: relative;
        z-index: 100;
        display: block;
        z-index: 100;
    }
    .header__burger::before,
    .header__burger::after {
        content: '';
        background-color: #3bb3cd;
        position: absolute;
        width: 100%;
        min-width: 100%;
        height: 2px;
        left: 0;
        transition: all 0.3s ease 0s;
    }
    .header__burger::before {
        top: 0;
    }
    .header__burger span {
        position: absolute;
        background-color: #3bb3cd;
        left: 0;
        width: 100%;
        height: 2px;
        top: 9px;
        transition: all 0.3s ease 0s;
    }
    .header__burger::after {
        bottom: 0;
    }
    .header__burger.active::before {
        transform: rotate(45deg);
        top: 9px;
    }
    .header__burger.active span {
        display: none;
    }
    .header__burger.active::after {
        transform: rotate(-45deg);
        bottom: 9px;
    }
    /*  */
    .nav-center {
        left: -100%;
        transition: all 1s ease;
        bottom: 0;
        width: 100%;
        position: fixed;
        background: #3bb3cd;
        top: 0;
        z-index: 20;
        overflow: auto;
        display: block;
    }
    .nav-center.active {
        left: 0;
        padding: 0 0 80px 0;
    }
    header .navigation .nav {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .header__burger.active::before,
    .header__burger.active::after {
        background-color: #ffffff;
    }
    .nav-center.active nav.navigation {
        padding: 70px 0 0 20px;
    }
    img.nonActMain {
        filter: brightness(0);
    }
    .item-182.deeper.parent:hover .nav-child.unstyled.small::before {
        display: none;
    }
    .item-182.deeper.parent:hover .nav-child.unstyled.small {
        left: 0;
        display: flex;
        padding: 0;
        position: absolute;
        background: transparent;
        flex-direction: column;
        background: transparent;
    }
    .item-182.deeper.parent:hover .nav-child.unstyled.small span {
        padding: 0;
        min-width: auto;
    }
    .item-182.deeper.parent:hover .nav-child.unstyled.small li:not(.item-182.deeper.parent:hover .nav-child.unstyled.small li:last-child) {
        margin: 0;
        margin: 0;
    }
    header ul.nav-child {
        display: none;
    }
    .item-182.deeper.parent:hover .nav-child.unstyled.small {
        display: none;
    }
    header .navigation .nav li {
        margin: 0;
        padding: 10px 0;
    }
    header ul.nav-child a {
        color: #2c2c2c;
    }
    header ul.nav-child {
        position: absolute;
        background: transparent;
        padding: 0;
        z-index: 1;
        left: 0;
        top: calc(100% - 2px);
        color: #fff;
    }
    header .navigation .nav ul li {
        margin: 0;
        min-width: 400px;
        border-bottom: 1px dotted #fff;
        padding: 10px 0;
    }
    .wrapBLH li.active>a {
        color: #ffffff;
    }
    header ul.nav-child a {
        text-decoration: none;
        color: #fff;
    }
    .wrapBLH ul ul li.current a {
        color: white;
    }
    .item-182.deeper.parent:hover .nav-child.unstyled.small a {
        color: white;
    }
    .wrapBLH a {
        text-decoration: none;
        color: #fff;
    }
    .item-182.deeper.parent:hover .nav-child.unstyled.small li:not(.item-182.deeper.parent:hover .nav-child.unstyled.small li:last-child) {
        border-bottom: 1px dotted #fff;
    }
    .slideTop img {
        height: 444px;
    }
    .wrapAC .slogBlock {
        font-size: 37px;
    }
    .wrapGeo .grightBlock {
        position: absolute;
        top: -65px;
        right: -620px;
    }
    .formTN {
        position: relative;
        min-width: 320px;
        min-height: auto;
        padding: 20px;
        background: #fff;
        border-radius: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        max-width: 400px;
    }
    .sKatalogSlider .imgW img {
        width: 100%;
    }
    .skatalog-container {
        display: block;
    }
    .skatalog-container .leftBlock {
        width: 100%;
    }
    .skatalog-container .RightBlock {
        width: 100%;
        margin: 20px 0;
    }
    .nushklient-container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        text-align: center;
        gap: 20px;
        margin: 0;
    }
}

@media screen and (max-width:800px) {
    .telblock {
        min-width: auto;
        display: flex;
        flex-direction: column;
        color: white;
    }
    .wrapBLH .phonesBlock a {
        color: white;
    }
    header .item1 {
        padding: 0 20px;
        border: none;
    }
    header .item2 {
        padding: 0 20px;
        border: none;
    }
    header .item3 {
        padding: 0 20px;
        border: none;
    }
}

@media screen and (max-width:767px) {
    .portSlide .title {
        font-size: 16px;
    }
    .portSlide .txt {
        font-size: 14px;
    }
    .potSlider {
        padding-left: 20px;
    }
    .sertSlider {
        padding-left: 20px;
    }
    .topSlider .wrapList p {
        font-size: 50px;
    }
    .topSlider .wrapList p.text {
        font-size: 26px;
        margin-top: 15px;
    }
    .topSlider .txtBlock {
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 25px 15px;
        background: rgba(255, 255, 255, 0.5);
    }
    .topSlider .wrapList {
        padding: 0;
    }
    .topSlider .btnTB {
        margin-top: 30px;
        font-size: 16px;
        height: 42px;
    }
    .wrapPre {
        grid-template-columns: repeat(2, 1fr);
    }
    .container {
        width: 100%;
    }
    .wrapAC .slogBlock {
        font-size: 32px;
        margin: 0 20px 0 0;
    }
    .wrapAC .rightBlock {
        width: 100%;
        text-align: justify;
    }
    .topSlider .wrapList p {
        line-height: 0.9;
    }
    .slideTop img {
        height: 336px;
    }
    .nucBM {
        height: 300px;
    }
    .nucBM .name {
        font-size: 16px;
    }
    .wrapAC {
        display: flex;
        flex-direction: column;
    }
    .wrapAC .slogBlock {
        margin: 0 0 20px 0;
    }
    .wrapAC .slogBlock br {
        display: none;
    }
    .aboutCompanyBlock {
        padding: 0 0 67px 0;
    }
    .htitle .h1 {
        margin: 0 0 26px 0;
    }
    .wrapGeo .grightBlock {
        display: none;
    }
    .wrapGeo .b svg {
        display: none;
    }
    .wrapGeo .b {
        padding: 0;
    }
    .wrapGeo .b br {
        display: none;
    }
    .contentBlock {
        margin-top: 0;
    }
    .mainF {
        display: none;
    }
    .blockFormSt .callback-inputs input[type="text"]:not(.blockFormSt .callback-inputs input[type="text"]:last-child) {
        margin-right: 0;
    }
    .nav-center {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }
    .insidepage .page-header h2 {
        font-size: 37px;
        line-height: 0.9;
        font-family: 'FuturaPT-Light';
        font-weight: 100;
        margin: 10px 0 30px;
    }
    .nushklient-container {
        grid-template-columns: 1fr 1fr;
    }
    .insidepage .breadcrumb {
        margin-top: 105px;
    }
    .serviceBlock {
        grid-template-columns: 1fr 1fr;
    }
    .serviceBlock .text {
        font-size: 13px;
    }
}

@media screen and (max-width:675px) {
    .ftitle {
        font-size: 33px;
    }
    .ftitle br {
        display: none;
    }
    .gridcont {
        display: flex;
    }
    .gridcont .nucGallary {
        margin: 0 5px 0 0;
    }
    .nucGallary img {
        height: 200px;
        width: auto !important;
    }
    .nav-center.active nav.navigation {
        padding: 48px 0 0 20px;
    }
    .kontactitem.kontactitem1 {
        flex-direction: column;
    }
    .kontact {
        margin-left: 40px;
    }
    .kleftblock a.kmail {
        padding-left: 0
    }
    .kleftblock a.kmail::before {
        left: -35px;
    }
    .kontactitem.kontactitem1 .kleftblock {
        margin: 0 0 20px 0;
    }
    .kontactitem.kontactitem1 .kleftblock {
        margin: 0 0 20px 0;
        width: calc(100% - 50px);
    }
}

@media screen and (max-width:640px) {
    .nucBM .name {
        font-size: 14px;
    }
    .wrapBM {
        margin: 10px;
    }
    .topSlider {
        margin-bottom: 40px;
    }
    .bannerMainBlock {
        padding: 0px 0 25px;
    }
    .blockFormSt .callback-label label:before {
        top: 0;
    }
}

@media screen and (max-width:600px) {
    .dost.done {
        margin: 20px;
    }
    .dost.done a {
        color: #fff;
    }
    .wrapLogo img {
        width: 110px;
    }
    .topSlider {
        margin-top: 76px;
    }
    .nucBM {
        height: 235px;
    }
    .wrapBM {
        margin: 5px;
    }
    .topSlider .wrapList p {
        font-size: 40px;
    }
    .topSlider .wrapList p.text {
        font-size: 25px;
    }
    .slideTop img {
        height: 255px;
    }
    .catsMain {
        display: none;
    }
    footer .topBot {
        padding: 40px 0;
        justify-content: space-around;
        align-items: center;
    }
    .fwrapLogo img {
        width: 175px;
    }
    .formTN .callback-modal__headline {
        font-size: 24px;
    }
    .formTN .callback-modal__headline span {
        font-size: 17px;
    }
    .formTN button.mfp-close,
    .formTN button.mfp-arrow {
        overflow: visible;
        cursor: pointer;
        background: transparent;
        border: 0;
        -webkit-appearance: none;
        display: block;
        outline: none;
        padding: 0;
        z-index: 1046;
        box-shadow: none;
        touch-action: manipulation;
        position: absolute;
        background: none;
        border-radius: 25px;
        right: 0;
        top: 0;
        font-size: 50px;
        color: #000;
    }
    .formTN .form-submit-toggle {
        width: 100%;
    }
    .formTN .callback-modal__headline {
        font-size: 19px;
    }
    .formTN .callback-modal__headline span {
        font-size: 9px;
    }
    .formTN .inputs {
        margin: 0;
    }
    .formTN .callback-label label {
        margin: 0;
    }
    .formTN .callback-label label:before {
        left: 0;
    }
    .formTN .callback-modal__button {
        font-size: 16px;
    }
    .formTN {
        min-width: 100%
    }
    .wrapBLH .dost a {
        color: white;
    }
    .telblock.done .item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0 20px;
    }
    .openChildMain {
        margin: 0 0 0 20px;
    }
    header ul.nav-child {
        margin: 10px 0;
    }
    footer .topBot {
        flex-direction: column;
    }
    footer .ftelgeo {
        margin: 20px 0 0 0;
    }
    .whatsap {
        display: none;
    }
}

@media screen and (max-width:485px) {
    .wrapPre {
        grid-template-columns: repeat(1, 1fr);
    }
    .ftitle {
        font-size: 26px;
    }
    .blockFormSt .callback-inputs input[type="text"] {
        min-width: 100%
    }
    .wrapLogo {
        flex: 1;
        margin: 0 20px;
    }
    header .wrapBLH {
        padding: 0px 10px;
    }
    .topSlider {
        margin-top: 57px;
    }
    header .wrapBLH {
        padding: 0px 20px;
    }
    .phonesBlock.done a {
        color: white;
        margin: 0 20px;
    }
    .catsMain {
        margin: 20px 0;
    }
    .topSlider .wrapList p {
        font-size: 34px;
    }
    .slideTop img {
        margin-left: calc((100% - 566px) / 2);
    }
    .btn-5 {
        font-size: 14px;
    }
    .insidepage .page-header h2 {
        margin: 0 0 10px;
    }
    .photoGallaryBlock .htitle .h1 {
        font-size: 30px;
    }
    .onlyModernBlock .tabsOMB {
        justify-content: center;
    }
    .onlyModernBlock .tabsOMB li {
        width: 100%;
    }
    .insidepage .breadcrumb {
        margin-top: 69px;
    }
    .topSlider .txtBlock {
        padding: 10px 15px;
    }
}

@media screen and (max-width:425px) {
    .nucBM {
        margin: 0;
    }
    .wrapBM {
        margin: 0 20px;
    }
    .nucBM {
        height: 290px;
    }
    .wrapBM {
        display: flex;
        flex-direction: column;
        gap: 0;
    }
    .nucBM {
        margin: 5px 0;
    }
    .callback-inputs input {
        margin: 4px 0;
    }
    .callback-label {
        margin: 10px;
    }
    .wrapLabel label {
        display: block;
    }
    .blockFormSt .callback-label label:before {
        top: calc(50% - 9px);
    }
    .blockFormSt .f-submit {
        margin: 20px;
    }
    .copiraiter {
        text-align: center;
    }
    .botF .t {
        text-align: center;
    }
    .htitle .h1 {
        margin: 0 0 17px 0;
        line-height: 0.9;
    }
    footer .mainF .name,
    footer .catsMain .name,
    footer .ftelgeo a {
        font-size: 14px;
    }
    .nushklient-container {
        grid-template-columns: 1fr;
    }
    .serviceBlock {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width:400px) {}

@media screen and (max-width:370px) {
    .htitle .h1 {
        line-height: 40px;
    }
    .fwrapLogo img {
        width: 120px;
    }
    .catalog-blocks {
        grid-template-columns: 1fr;
    }
    footer .phonesBlock {
        margin-left: 10px;
    }
}


/* ПОРТФОЛИО СТРЕЛКИ */

.container.portblockContainer {
    position: relative;
}

.arrowSlider.flexAI {
    position: absolute;
    top: 0px;
    right: 0;
    margin-right: 30px;
}

@media screen and (max-width:500px) {
    .arrowSlider.flexAI {
        width: 152px;
        position: static;
        margin: 0 0 25px 0;
    }
}

.arrowSlider {
    border: 1px solid #000;
    border-radius: 30px;
    display: inline-flex;
}

.flexAI {
    display: flex;
    align-items: center;
}

.arrowSlider .prev,
.arrowSlider .next {
    padding: 15px 30px;
    height: 53px;
    cursor: pointer;
}

.arrowSlider .prev {
    border-radius: 30px 0 0 30px;
}

.arrowSlider .next {
    border-radius: 0 30px 30px 0;
}

.arrowSlider .line {
    width: 1px;
    height: 24px;
    background: #000;
}

.arrowSlider .prev:hover,
.arrowSlider .next:hover {
    background: rgba(29, 45, 93, 1);
}


/*КОНЕЦ ПОРТФОЛИО СТРЕЛКИ */