:root {

    --main: #262F40;
    --main-light: #4b4b4b;

    --primary: #4487C7;
    --primary-light: #4487C7;
    --primary-dark: #1070C1;

    --secondary: #BCD2EC;
    --secondary-light: #EFF5FD;
    --secondary-dark: #BBCEE9;

    --peach: #fbdfce;
    --peach-light: #faf1ed;


    --white: #fff;
    --gray: #F8FAFD;

    --header1: calc(22px + (42 - 22) * ((100vw - 380px) / (1440 - 380)));
    --header2: calc(20px + (28 - 20) * ((100vw - 380px) / (1440 - 380)));
    --header3: calc(19px + (24 - 19) * ((100vw - 380px) / (1440 - 380)));
    --header4: calc(19px + (22 - 19) * ((100vw - 380px) / (1440 - 380)));
    --header5: calc(18px + (20 - 18) * ((100vw - 380px) / (1440 - 380)));
    --header6: calc(16px + (18 - 16) * ((100vw - 380px) / (1440 - 380)));
    --header-big: calc(32px + (54 - 32) * ((100vw - 380px) / (1440 - 380)));

    --font-xs: 12px;
    --font-s: 13px;
    --font-m: 14px;
    --font-l: 16px;

    --mar-section: 60px;
    --mar-text: 40px;
    --mar-text-half: 20px;

    --shadow-sm: 0px 4px 10px rgba(0, 0, 0, 0.05);
    --shadow-s: 0px 4px 15px rgba(0, 0, 0, 0.05);
    --shadow-m: 0px 4px 25px rgba(0, 0, 0, 0.05);
    --shadow-l: 0px 4px 30px rgba(0, 0, 0, 0.05);
    --shadow-hover: 0px 4px 15px rgba(0, 0, 0, 0.1);

    --br: 6px;
    --br-big: 10px;


    --premium: #C4A76B;

    --light: #F9FAFB;
    --light-dark: #F6F9FB;

    --red: #ff4545;
    --green: #53c253;

}


@media (min-width: 991px) {
    :root {
        --font-xs: 13px;
        --font-s: 14px;
        --font-m: 16px;
        --font-l: 19px;

        --mar-section: 100px;
        --mar-text: 50px;
        --mar-text-half: 25px;
    }

}

@media screen and (min-width: 1280px) {
    :root {
        --header1: 42px;
        --header2: 28px;
        --header3: 24px;
        --header4: 22px;
        --header5: 20px;
        --header6: 18px;
        --header-big: 54px;

        --font-xs: 14px;
        --font-s: 16px;
        --font-m: 18px;
        --font-l: 21px;

        --mar-section: 140px;
        --mar-text: 80px;
        --mar-text-half: 30px;
    }
}


/*------------------------------------
  Default Styles
------------------------------------*/

/*html {
    font-size: 16px;
}*/

body {
    overflow-x: hidden;
    background: #fff;
    text-rendering: auto;
    line-height: 1.5;
    color: var(--main-light);
    font-size: var(--font-m);
 font-family: "Core Sans", sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


@media (min-width: 640px) {
    body {
        line-height: 1.6;
    }
}

@media (min-width: 991px) {
    body {
        line-height: 1.7;
    }
}


#content {
    overflow: hidden;
}

section {
     margin-bottom: var(--mar-section);
 }

section .container:empty {margin-top: calc(var(--mar-section) * -1)}

.section_header {
    display: flex;
    flex-direction: column;
    margin-bottom: var(--mar-text);
}

.section_header--center {
    margin: 0 auto;
    max-width: 800px;
    text-align: center;
    margin-bottom: var(--mar-text);
}


.section_header--center h2,
.section_header--center h3 {margin-bottom: 0}
.section_header--center p{margin-top:  calc(var(--mar-text-half) / 1.5);}


@media screen and (min-width: 991px) {
    .section_header {
        flex-direction: row;
        margin-bottom: var(--mar-text)
    }

    .section_header > h2,
    .section_header > h3 {
        flex: 0 0 33.333333%;
        padding-right: 30px;
        margin-bottom: 0;
    }

    .section_header p {
        flex: 0 0 58.333333%;
        padding-left: 8px;
        margin-bottom: 0
    }
}


.grid-test {
    position: fixed;
    bottom: 0;
    background: var(--gray);
    width: 100%;
    z-index: 9999999
}

.row-test .col-1 div {
    background: #3b5998;
    min-height: 10px;
}


.row img {
    height: auto;
    max-width: 100%;
}


figure {
    margin: 0;
}

/* --------- 1.1 Input Elements ---------- */

/* Button Text */
.button, input[type="submit"] {

    font-size: 14px;
    font-weight: bold;
    color: #111;
}

/* Button Color */
.button, input[type="submit"] {
    border-color: #111;
}

/* Button Hover Color */
.button:hover, input[type="submit"]:hover {
    border-color: #2a3d47;
    color: #2a3d47;
}

.btn {
    border: none;
    padding: 18px 30px;
    border-radius: var(--br);
    background-color: var(--primary-dark);
    font-family: inherit;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-align: center;
    transition: all .3s ease-in-out;
    font-size: 18px;
    font-weight: 700;
/*    text-transform: uppercase;
    letter-spacing: 1px;*/
    color: var(--gray);
    display: inline-block;
}

.btn:hover {
    background-color: var(--primary);
    color: var(--white);
    text-decoration: none;
}

.btn--arrow {
    position: relative;
    transition: all .3s ease-in-out;
}

.btn--arrow:after {
    content: " ";
    background: url("../images/svg/arrow-right-white.svg") right center;
    display: inline-block;
    margin-left: 1rem;
    width: 25px;
    height: 14px;
    vertical-align: middle;
    position: relative;
    left: 0;
    top: -2px;
    transition: all .3s ease-in-out;
}

.btn--arrow:hover:after {
    left: 10px;
}

.button {
    border: none;
    padding: 15px 30px;
    border-radius: var(--br);
    background-color: var(--primary-dark);
    font-family: inherit;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-align: center;
    transition: all .3s ease-in-out;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--gray);
}

.button:hover {
    background-color: var(--primary)
}

/*Black link*/
a.bl {
    color: var(--main);
  /*  text-decoration: underline;*/
}


.morelink {
    line-height: 30px;
    position: relative;
    z-index: 1;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 16px;
    color: var(--primary-dark)
}

.morelink:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0;
    bottom: -2px;
    z-index: 0;
    background-color: var(--secondary);
    -webkit-transition: width 0.4s cubic-bezier(0.1, 0.88, 0.25, 1);
    -moz-transition: width 0.4s cubic-bezier(0.1, 0.88, 0.25, 1);
    -o-transition: width 0.4s cubic-bezier(0.1, 0.88, 0.25, 1);
    transition: all 0.4s cubic-bezier(0.1, 0.88, 0.25, 1);
}

.morelink:hover {
    text-decoration: none;
}

.morelink:hover:before {
    width: 100%;
    background-color: var(--primary);
}


@media (max-width: 540px) {
    .button {
        font-size: .75rem;
    }
}


*:focus {
    outline: none;
}

/* --------- 2.6 Images ---------- */
img {
    vertical-align: top;
}

.image-center {
    display: block;
    margin: 0 auto;
}

a img {
    border: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-backface-visibility: hidden;
}

a img:hover {
    opacity: 0.9 !important;
}

.fluid {
    display: inline-block;
    margin-right: 20px;
    width: 100%;
    height: 100%;
    max-width: 100%;
}

.hidden {
    display: none;
}

/*------------------------------------------------------------------------------------------*/
/* 3. Fonts */
/*------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, .h-big {
    font-weight: 700;
    line-height: 1.2;
    color: var(--main);
    margin: 0;
}

h1, h2, h3 {
    margin-bottom: calc(var(--mar-text-half) / 1.5)
}

h4, h5, h6 {
    margin-bottom: calc(var(--mar-text-half) / 1.5)
}



h1 {
    font-size: var(--header1);
}

h2 {
    font-size: var(--header2);
}

h3 {
    font-size: var(--header3);
}

h4 {
    font-size: var(--header4);
}

h5 {
    font-size: var(--header5);
}

h6 {
    font-size: var(--header6);
}

.h-big {
    font-size: var(--header-big)
}

@media (min-width: 991px) {
    h1, h2, h3, h4, h5, h6, .h-big {
        line-height: 1.3;
    }
}




.caps {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
    color: var(--main);
}

.caps--b {
    font-weight: 700;

}


@media (min-width: 768px) {
    .caps {
        font-size: 12px;
    }

}


@media (min-width: 991px) {
    .caps {
        font-size: 13px;
    }

}


/* Text Alignment */
.text-left {
    text-align: left;
}

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

.text-right {
    text-align: right;
}
p {
    margin-bottom: var(--mar-text-half);
}
p:last-child {margin-bottom: 0;}

ol {
    list-style-position: outside;
    margin: 2rem 0;
    padding-left: 20px;
}

ol li {
    margin-bottom: 1rem;
}

.list {
    padding: 0;
    list-style-type: none;
    margin: 2rem 0;
}

.list li {
    padding-left: 30px;
    margin-bottom: 15px;
}

.list li:before {
    content: " ";
    width: 20px;
    height: 1px;
    background: var(--secondary);
    display: block;
    position: relative;
    top: 15px;
    left: -30px;
    margin-right: 30px;
}

.text-id ul {
    padding: 0;
    list-style-type: none;
    margin: 20px 0;
}

.text-id ul li {
    padding-left: 30px;
    margin-bottom:15px;
}

.text-id ul li:before {
    content: " ";
    width: 20px;
    height: 1px;
    background: var(--secondary);
    display: block;
    position: relative;
    top: 15px;
    left: -30px;
    margin-right: 30px;
}

.equal_h > div [class*="col-"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
}

.equal_h > div [class*="col-"] > div {
    width: 100%;
}


.hov {transition:box-shadow .3s ease-in-out;}
.hov:hover {box-shadow: var(--shadow-sm);}

@media (max-width: 991px) {
    .list li:before {width: 15px;top: 11px; left: -25px;}
    .text-id ul li:before {width: 15px;top: 11px; left: -25px;}
}



/*------------------------------------------------------------------------------------------*/
/* 2. Layout Elements */
/*------------------------------------------------------------------------------------------*/

/* --------- 2.1 Header --------- */


.hero {
  /*  background-image: url("../images/header_banner.jpg");*/
    /*  background-color: var(--primary);*/
    background-position: top right;
    background-size: cover;
    background: linear-gradient(70deg, rgba(235,243,253, .8) 0%, rgba(250,242,238, .8) 100%);
}

.head_wrap {
    height: 140px;
}





header {
    margin-bottom: var(--mar-section);
}

.header__fullpage {
    /*min-height: 100vh;*/
    position: relative;
    display: flex;
    flex-direction: column;
    /*    justify-content: space-between;*/
}

.header__inpage {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: var(--mar-text);
}


.header {
    position: absolute !important;
    overflow: visible;
    z-index: 91 !important;
    width: 100%;
    /*    background: rgba(18, 39, 67, .25);*/

}

.header-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 140px;
    max-width: 1520px;
    padding: 0 20px;
    margin: 0 auto;
}



/*-----------------------------------------Main_slider-full VAR2---------------------------------------------*/
.head_wrap {height: 100px;}
.header-flex {height: 100px;}
.header__menu {/*margin-left: auto;*/  }




@media (min-width: 768px) {
    .header-flex {    padding: 0 15px;}
}


@media (max-width: 991px) {

    .head_wrap {
        height: 60px;
    }

    .header {
        height: 60px !important;
        overflow: visible;
        z-index: 9999;
        width: 100%;
        margin-top: 0px;
        background: var(--white)
    }

    .header-flex {
        height: 60px;
    }

    .header.nav-sticky .header-flex {
        height: 60px;
    }

}






/* --------- 2.2 Logo ---------- */
.header__logo {
    position: relative;
   /* top: -4px;*/
}

.header__logo img {
    max-height: 40px;
    width: 100%;
    vertical-align: middle;
}


@media all and (min-width: 991px) {
    .nav-sticky .header__logo {
        top: 0px;
    }

    .nav-sticky .header__logo img {
        max-height: 45px;
    }
}

@media all and (min-width: 1580px) {
    .header__logo {
        left: -15px;
    }
}


/* ---------  Navigation ---------- */

.header__menu {
    margin-right: auto;
    margin-left: 7%;
    white-space: nowrap;
}

@media all and (max-width: 1200px) {
    .header__menu {margin-left: 4%;}
}



.header__menu ul {
    margin: 0;
    padding: 0;
    position: relative;
}

 li.header__menu_link {
    color: var(--main);
    position: relative;
    font-size: 17px;
    padding: 0;
    display: inline-block;
    list-style: none;
    margin: 0 1vw;
     position: relative;
     line-height: 50px;
     text-decoration: none;
}
li.header__menu_link:first-child {margin-left: 5px;}

.header__menu_link a {
    color: var(--main);
    text-decoration: none;
    padding: 10px 0;
}

.l-sale > a:after {
    content: "%";
    background: #ff6a63;
/*    background-image: linear-gradient(-145deg,#ff3d36,#ff6a63);*/
    background-image: linear-gradient(-145deg, #08dc82, #14cb96);
    color: #fff;
    width: 18px;
    height: 18px;
    font-size: 12px;
    border-radius: 100%;
    text-align: center;
    line-height: 18px;
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 0px;
    top: 8px;
    padding-top: 1px;
    font-family: "Times New Roman", Times, serif;
}

.header__menu_link:hover {
}

.header__menu_link:before {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    left: 0;
    bottom: 6px;
    background-color: var(--primary);
    transition: width 0.4s cubic-bezier(0.1, 0.88, 0.25, 1);
}



.header__menu_link:hover:before, .header__menu_link.active:before {
    width: 100%;
}

.header__menu_link.active {
    cursor: default;
}


.header__menu li.is-parent:after {
/*    content: '';*/
    opacity: 0.3;
/*    width: 9px;
    height: 18px;
    background: url(../images/svg/mob-arrow.svg) center no-repeat;*/
    background-size: contain;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    display: inline-block;;
/*    margin-left: 5px;*/
    vertical-align: middle;


    content: '·';
    width: 9px;
    margin-left:1px;
    font-size:42px;
}

.header__menu .expand-list {
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in-out;
    position: absolute;
    top: 45px;
    left: -25px;
    z-index: 999;
    min-width: 200px;
    -webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.1);
    background: var(--gray);
    padding: 1rem 0;
    border-radius: var(--br);
}

.header__menu .column2 .expand-list {
    column-count: 2;
}

.header__menu .expand-list li {
    display: block;
    width: 100%;
    padding:0;
    margin: 0;
    line-height: normal;
    font-size: 16px;
}

.header__menu .expand-list li a {
    padding: 12px 30px;
    color: var(--main);
    display: block;
}
.header__menu .expand-list li.act{  padding: 12px 30px; font-weight: 700;}

.header__menu .expand-list a:hover {
    text-decoration: underline;
}

.header__menu li:hover .expand-list {
    opacity: 1;
    visibility: visible;
}


.header.nav-sticky {
    margin-top: 0;
}

.header.nav-sticky .header-flex {
    height: 60px;
}

.header.nav-sticky, .header.nav-sticky a, #nav-mobile ul li a {
}

.header.nav-sticky .active {
    color: #2a3d47;
    border-color: #2a3d47;
}

.header.nav-sticky {
    background: var(--gray);
    box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.2);
    position: fixed !important;
    left: 0;
}


.header__lang {
    padding: 0;
    margin: 0;
}

.header__lang li {
    font-size: .85rem;
/*    text-transform: uppercase;
    letter-spacing: 1px;*/
    padding: 0 .5rem;
    color: var(--primary-dark);
    display: inline-block;
    list-style: none;
    margin: 0;
/*    opacity: .9;*/
}

.header__lang li a {
    color: var(--main);
}


.header__phone-block {
    margin-left: auto;
    text-align: right;
    color: var(--main);
    position: relative;
    top: -1px;
    white-space: nowrap;
    display: flex;

    align-items: center;
}




.header__chat-btn {
    display: inline-block;
    margin-left: 15px;
    position: relative;
    top: 6px;
/*    background: var(--secondary-light);*/
    background-image: linear-gradient(45deg, #4487C7, #1070C1);
    padding: 12px 6px 8px 6px;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center;
    transition: background-color .3s ease-in-out;
}

.header__chat-btn:hover {
    background-image: linear-gradient(45deg, #1070C1, #1070C1);
}


.header__chat-btn:before {
    content: "";
    background-image: url("https://asclinic.ru/custom/main/images/svg/chat.svg");
}

.header__chat-btn span {display: none;}

@media all and (min-width: 991px) {
    .header__chat-btn {
        top: 0px;
        color: #fff;
        padding:8px 15px;
        border-radius: var(--br);
        height: auto;
        width: auto;

    }

    .header__chat-btn img {display: none; }
    .header__chat-btn span {display: inline-block; line-height: 16px;    font-weight: 700;font-size: 16px; position: relative; top:-2px}
    .header__chat-btn:hover {color: #fff;}
}









/*@media all and (min-width: 1280px) {
    .header__chat-btn img {display: inline-block; position: relative; top:7px; left: -10px; padding-left: 10px}
}*/

.header__manager {

background-image: url("../custom/main/images/manager.jpg");
display: inline-block;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-size: contain;
    margin-right: 10px;
    position: relative;
}


.header__manager::after {
    content: "";
    position: absolute;
    right: 0px;
    bottom: 0px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: #0dd157;
    border: 2px solid var(--light);
    animation: status-anim .5s 10 alternate;
}

.header__manager span {position: absolute;overflow: hidden;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;}

@keyframes status-anim { from {background-color:#2cb742} to {background-color:transparent} }
@media all and (min-width: 991px) {  .header__manager {    height: 46px;width: 46px;}  }



.header__phone {
    display: inline-block;
    font-weight: 700;
    font-size: var(--font-m);
    color: var(--main);
    position: relative;
    line-height: 30px;
}

.header__phone-mod{  font-size: var(--header1);}


.header__phone:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 6px;
    left: 0;
    bottom: 4px;
    z-index: -1;
    background-color: var(--secondary-light);
    -webkit-transition: width 0.4s cubic-bezier(0.1, 0.88, 0.25, 1);
    -moz-transition: width 0.4s cubic-bezier(0.1, 0.88, 0.25, 1);
    -o-transition: width 0.4s cubic-bezier(0.1, 0.88, 0.25, 1);
    transition: all 0.4s cubic-bezier(0.1, 0.88, 0.25, 1);
}

.header__phone:hover {
    text-decoration: none;
    color: var(--main);
}

.header__phone:hover:before {
    width: 100%;
    background-color: var(--secondary-dark);
}

.header__phone--mob {
    display: inline-block;
    top: 6px;
    background: var(--secondary-light);
    padding: 8px 6px 8px 6px;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center;
    transition: background-color .3s ease-in-out;
}






/* Nav */
.fullmenu__humb {
    position: relative;
    width: 30px;
    height: 25px;
    z-index: 100;
    margin-right: 2%;
    mix-blend-mode: difference;
    background: transparent;
    top: -5px;
    cursor: pointer;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    transition: background 1s;
    display: none;
}

.nav-sticky .fullmenu__humb {
    top: -1px;
}

.fullmenu__humb span {
    position: absolute;
    height: 1px;
    background-color: var(--secondary);
    width: 100%;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}

.middle {
    top: 10px;
}

.bottom {
    top: 20px;
}

.fullmenu__humb.active .top {
    -webkit-transform: translateY(10px) translateX(0) rotate(45deg);
    transform: translateY(10px) translateX(0) rotate(45deg);
    background: white;
}

.fullmenu__humb.active .middle {
    opacity: 0;
}

.fullmenu__humb.active .bottom {
    -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
    transform: translateY(-10px) translateX(0) rotate(-45deg);
    background: white;
}

.fullmenu__overlay {
    position: fixed;
    background: var(--primary);
    background: -webkit-linear-gradient(90deg, var(--primary-light) 47%, var(--primary) 47%);
    background: linear-gradient(90deg, var(--primary-light) 47%, var(--primary) 47%);
    visibility: hidden;
    width: 100%;
    height: 0%;
    left: 0;
    top: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: opacity .35s, height .35s, visibility .35s;
    transition: opacity .35s, height .35s, visibility .35s;
    z-index: 9;
}

.fullmenu__overlay:before {
    content: " ";
    width: 100%;
    height: 100%;
    background: url("../images/wave.png") repeat right top;
    position: absolute;
}

.fullmenu__overlay.open {
    height: 100%;
    opacity: 1;
    visibility: visible;
    display: flex;
    align-items: center;
}


.fullmenu__list {
    opacity: 0;
    color: var(--gray)
}

.fullmenu__list h5 {
    color: var(--gray)
}

.fullmenu__list ul {
    padding: 0;
    margin: 0;
}

.fullmenu__list li {
    list-style: none;
    padding: .5rem 0;
    white-space: nowrap;
}

.fullmenu__list li a {
    color: var(--gray)
}

.col-6 .fullmenu__list ul {
    column-count: 2;
}

.fullmenu__overlay.open .fullmenu__list {
    -webkit-animation: fadeInTop .5s ease forwards;
    animation: fadeInTop .5s ease forwards;
    -webkit-animation-delay: .35s;
    animation-delay: .35s;
}


@media all and (min-width: 1700px) {
    .fullmenu__humb {
        left: -4%;
        margin-left: -30px;
        margin-right: 0;
    }
}






@media all and (max-width: 1200px) {
    .header__menu li {
        font-size: .875rem;
    }
}


@media (max-width: 991px) {
    .header__logo {
        top: -1px;
        left: -15px;
    }

/*    .header__logo img {
        max-height: 40px;
    }*/


    .header__chat-btn {
        top: 0px;
    }


    .fullmenu__humb {
        display: none
    }

    .fullmenu__overlay {
        display: none
    }

    .header__menu {
        display: none
    }


}

@media (min-width: 540px) {
    .header__phone--mob {
        display: none;
    }
}
@media (max-width: 540px) {
    .header__phone {
        display: none
    }
}

@media (max-width: 767px) {

    .header__fullpage {
        min-height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .header__lang {
        display: none
    }



    .header__worktime {
        display: none;
    }
}

/*------------------------------------------------------------------------------------------*/
/* 4. Hero */
/*------------------------------------------------------------------------------------------*/
/* Section Headings */


/* --------- Animation in Banner ---------- */
/*@media all and (min-width: 991px) {
    .fullmenu__humb, .header__logo, .header__menu, .header__lang, .header__phone-block, .prem_wrap {
        opacity: 0;
    }

    .fullmenu__humb, .header__logo, .header__menu, .header__lang, .header__phone-block, .prem_wrap {
        -webkit-animation: .3s ease-in-out .3s 1 both fadeIn;
        -moz-animation: .3s ease-in-out .3s 1 both fadeIn;
        animation: .3s ease-in-out .3s 1 both fadeIn;
        opacity: 0;
    }
}*/


/*
.section-heading h1, .section-desc, .section-heading a.btn, .page-menu ul, .services__action-block, .breadcrumb {
    opacity: 0;
}
*/

/*.split-loaded .hero h1 {}*/
/*.section-heading h1 {
    -webkit-animation: .6s cubic-bezier(.05, .74, .39, 1) .5s 1 both fadeInLeft;
    -moz-animation: .6s cubic-bezier(.05, .74, .39, 1) .5s 1 both fadeInLeft;
    animation: .6s cubic-bezier(.05, .74, .39, 1) .5s 1 both fadeInLeft;
}

.section-desc {
    -webkit-animation: .5s cubic-bezier(.05, .74, .39, 1) .5s 1 both fadeInLeft;
    -moz-animation: .5s cubic-bezier(.05, .74, .39, 1) .5s 1 both fadeInLeft;
    animation: .5s cubic-bezier(.05, .74, .39, 1) .5s 1 both fadeInLeft;
}

.section-heading a.btn, .services__action-block, .breadcrumb {
    -webkit-animation: .5s cubic-bezier(.05, .74, .39, 1) .5s 1 both fadeInLeft;
    -moz-animation: .5s cubic-bezier(.05, .74, .39, 1) .5s 1 both fadeInLeft;
    animation: .5s cubic-bezier(.05, .74, .39, 1) .5s 1 both fadeInLeft;
}


.page-menu ul {
    -webkit-animation: .8s ease-in-out .8s 1 both fadeIn;
    -moz-animation: .8s ease-in-out .8s 1 both fadeIn;
    animation: .8s ease-in-out .8s 1 both fadeIn;
}*/




@media (min-width: 1440px) {

.cirbg {
    background: url("../images/square_bg.png") repeat;
    height: 158px;
    width: 250px;
/*    border-radius: 50%;*/
}

.hero .cirbg {
    position: absolute;
    bottom: 5%;
    left: 5%;
}
}



.page-heading {
    padding: var(--mar-text) 0;

}

.page-heading h1 {
    margin-bottom: 0;
    max-width: 940px;
}

.page-heading p {
    max-width: 740px;
    margin-top: var(--mar-text-half);
}

.page-heading .caps  { opacity: 0.5}
.page-heading .caps a {color: var(--main-light); }



@media (min-width: 991px) {
    .page-heading {
        margin-left: 16.666667%;
        padding: calc(var(--mar-section) / 4) 0 calc(var(--mar-section) / 2) 0;
    }
}






.main-slider {
    position: relative;
    overflow: hidden
}

.main-slider .swiper-slide__img {
    margin-left: 16.666667%;
    overflow: hidden;
    border-radius: var(--br);
}

.main-slider .swiper-slide img {
    width: 100%;
    max-width: 100%;
    height: auto;
    transition: transform 1s;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.main-slider .swiper-slide.swiper-slide-active img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.ms-caption {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 560px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .7s ease, transform .7s ease, visibility .7s ease;
    /*   transition-delay: 0.2s;*/
    /*    -webkit-transform: translateY(20px);
        transform: translateY(20px);*/
}

.main-slider .swiper-slide.swiper-slide-active .ms-caption {
    opacity: 1;
    visibility: visible;
    /*    -webkit-transform: translateY(0px);
        transform: translateY(0px);*/
}

.ms__header {
    margin-bottom: var(--mar-text-half)
}

.ms__desc {

}

.ms__btn {
    margin-top: 40px;
}


.main-slider .swiper-pagination {
    width: auto !important;
    left: unset !important;
    bottom: unset !important;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
    display: block;
    position: absolute;
}

.main-slider .swiper-pagination-bullet {
    display: block;
    padding: 8px;
    width: 10px;
    height: 10px;
    background: none;
    margin: 7px 0 !important;
}


.main-slider .swiper-pagination-bullet:before {
}

.main-slider .swiper-pagination-bullet-active {
}

.main-slider .swiper-button-prev {left:unset; top:unset; bottom: 40px; right: 100px; opacity: 0.1}
.main-slider .swiper-button-next { top:unset; bottom: 40px; right: 40px; opacity: 0.1}
.main-slider .swiper-button-disabled {opacity: .1 !important;}

.main-slider .swiper-button-prev:hover,
.main-slider .swiper-button-next:hover {opacity: 0.3}


    /*Main_slider-full VAR2*/
.container.main-slider-wrap {padding: 0;overflow: hidden; z-index: 2;}
    .main-slider .swiper-slide__img {margin-left: 0;max-height: 80vh;}
/*.main-slider .swiper-slide__img:after {content: ""; position: absolute; left: 0; bottom: 0; width: 35%; height: 40%;
    border-radius: 0% 100% 0% 100% / 100% 100% 0% 0% ;
    background: linear-gradient(225deg, rgba(38,47,64,0) 0%, rgba(38,47,64,0) 50%, rgba(38,47,64,1) 100%);}*/
    .main-slider .swiper-slide img {max-height: 80vh;object-fit: cover; object-position: top;}
    .ms-caption { top:unset;transform: translateY(0);max-width: 560px; color:var(--gray)}

    .ms__header {margin-bottom: 10px;}
    .ms__header.h-big {font-size: 30px; color:var(--gray)}
    .ms__btn {margin-top: 25px;}
@media (min-width: 680px) {  .ms-caption {left: 4%; bottom: 5%; }  }
@media (min-width: 1520px) {  .container.main-slider-wrap {padding: 0 15px;}  }
/*End Main-slider-full*/




    @media (max-width: 991px) {
    .container.main-slider-wrap {
        /*        margin-top: 60px;*/
    }
}


@media (max-width: 680px) {

    .container.main-slider-wrap {
        padding: 0;
        overflow: hidden;
    }

    .main-slider {
    }


    .main-slider .swiper-slide__img {
        margin-left: 0;
        border-radius: 0;
        margin-bottom: 74px;
    }

    .main-slider .swiper-slide__img::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: rgba(38,47,64,.3);
        background: linear-gradient(180deg,rgba(38,47,64,0) 40%,rgba(38,47,64, .7) 100%);
    }


    .main-slider .swiper-slide__img img {
        height: 100vw;
        /*Убюрать auto после проведения акции*/
        height: auto;
        object-fit: cover;
        min-height: 400px;
        object-position: 20%;

    }

    .good_place {display: none;}

    .ms-caption {
        max-width: 100%;
        left: 0;
        right: 0;
        top: unset;
        bottom: 0px;
        transform: translateY(-0%);
        color: var(--gray);
    }

    .ms-caption br {
        display: none
    }

    .ms__header {
        color: var(--gray);
        font-size: var(--header2);
        margin-bottom: 10px;
        padding: 20px 20px 0 20px;
    }

    .ms__desc {
        margin-bottom: 15px;
        padding: 0 20px;
    }

    .ms__btn {
        margin-top: 0px;
    }


    .ms__btn a {
        display: block;
        width: 100%;
        border-radius: inherit;
        padding-top: 25px;
        padding-bottom: 22px;
    }


    .main-slider .swiper-pagination {
        bottom: 160px !important;
        top: unset;
        right: unset;
        left: 15px !important;
        display: none
    }

    .main-slider .swiper-pagination-bullet {
        display: inline-block;
        padding: 8px;
        width: 10px;
         height: 10px;
        background: none;
        margin: 0px 5px !important;
    }

}







/* Prem in banner */
.prem_wrap {
    width: 100%;
}

.prem {
    padding: var(--mar-text-half) 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: auto;
    color: var(--main);

}

.prem__item {
    position: relative;
    z-index: 2;
    font-size: var(--font-s);

    line-height: 1.4;
    margin: 15px 0;
}


.prem__item:before {
    content: " ";
    display: block;
    position: absolute;
    left: -15px;
    top: -2px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--secondary-light);
    z-index: -1 !important;
}



@media (max-width: 680px) {
    .prem__item {
        margin: 10px 0;
        font-size: 12px;
        flex: 1 0 50%;
    }
}


@media (min-width: 767px) {
    .prem {padding: var(--mar-text) 0;}
}


@media (min-width: 991px) {
    .prem__item:before {
        content: " ";
        display: block;
        position: absolute;
        left: -30px;
        top: -15px;
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background: var(--secondary-light);

        background-image: linear-gradient(-45deg, #EFF5FD, #F8FAFD);
        z-index: -1 !important;
    }

}

@media (min-width: 1440px) {
    .prem {
        margin-left: 16.666667%;
    }
}




.services-main {
}

.services-main__text {
}

.services-items {
    margin-top: var(--mar-text-half)
}

.services-items.service-cat-list {
    margin-top: 0;
}

.services-items .col-md-4 {
    position: relative;
    z-index: 1
}

.services__item {
    padding: 40px 0 60px 40px;
    position: relative;
}

.col-md-6:last-child .services__item {
    padding-bottom: 0
}

.services__item::before {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    z-index: -1 !important;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #4989c7;
    background-image: linear-gradient(-45deg, #EFF5FD, #F8FAFD);
    transition: all 0.5s ease-in-out
}

.services__item:hover::before {
    width: 150px;
    max-width: 100%;
    height: 150px
}


.services__item h3 {
    margin-bottom: 15px;
    color: var(--primary-dark);
}


.cat-action_badge {background: #ff6a63;
    background-image: linear-gradient(-145deg, #ff3d36, #ff6a63);
    vertical-align: middle;
    display: inline-block;
    margin-left: 20px;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 700;}

.services__item ul { list-style: none; padding: 0; margin-top: 20px;}
.services__item ul li {font-size: var(--font-s); display: block; }
.services__item ul li a{ padding: 7px 0; display: inline-block}
.services__item ul li span {
    background: var(--peach-light);
    vertical-align: middle;
    display: inline-block;
    margin-left: 10px;
    padding: 3px 8px;
    border-radius: 3px;
    font-size: 12px;

}

.services__item p:first-of-type {
    margin-bottom: 15px;
    font-size: var(--font-s);
    color: var(--main-light);
}

.services__item p.caps {
    margin-bottom: 0;
    color: var(--main-light);
}


@media all and (min-width: 991px) {
    .services-main {
        margin-bottom: calc(var(--mar-section) - 80px);
    }

    .services__item {
        padding: 40px 0 80px 40px;
    }
}



/*Список услуг*/

.services-list__item {
    display: flex;
    align-items: center;
    background: var(--gray);
    border-radius: var(--br);
    overflow: hidden;
    position: relative;
    margin-bottom: var(--mar-text);
}

.services-list__img {
    flex: 0 0 35%;
    max-width: 35%;

}

.services-list__img img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 330px;
    object-fit: cover;
    object-position: left;
}

.services-list__text {
    flex: 0 0 65%;
    max-width: 65%;
    padding: 50px 50px;
}

.services-list__cat {
}

.services-list__name {
    font-size: var(--header2);
    margin: 15px 0;
    display: block;
    font-weight: 700;
    line-height: 1.4
}

.services-list__name:before {
    content: " ";
    position: absolute;
    top:0;
    bottom: 0;
    right: 0;
    left: 0;
}


.services-list__desc {
    font-size: var(--font-s);
    margin-bottom: 20px;
}

.services-list__price {font-size: var(--font-s)}
.services-list__price--old  {font-size: var(--font-xs); padding-left: 15px; opacity: .7; }

.services-list__actions {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 80px;
    height: 70px;
    border-radius: 100% 0% 0% 100% / 0% 0% 100% 100%;
    /*background: var(--primary-dark);*/
    background: #ff6a63;
    background-image: linear-gradient(5deg, #ff3d36, #ff6a63);
    color: var(--gray);
    z-index: 1;
    font-weight: 700;
    padding-top: 17px;
    padding-left: 27px;
    font-size: 17px;
}


@media (max-width: 640px) {
    .services-list__item {
        flex-direction: column;
        align-items: stretch
    }

    .services-list__img {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%
    }

    .services-list__img img {
        height: auto;
        clip-path: none;

        left: 0;
        transform: none
    }

    .services-list__text {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 30px 30px;
    }
}








/*Страница услуги*/

.header__services {
    position: relative;
    display: flex;
    flex-direction: column;
}

.services-hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.services-hero__text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    color: var(--gray);
}

.services-hero__img {
    margin-bottom: 67px;
    height: calc(100vw * 1.2);
}

.services-hero__img:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(38, 47, 64, 0.3);
    background: linear-gradient(180deg, rgba(38, 47, 64, 0) 40%, rgba(38, 47, 64, 1) 100%);
}

.services-hero__img img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover
}

.services-hero__img span {display: none;}

.services-hero__text .caps {
    padding:0px 20px;
}

.services-hero__text h1 {
    font-size: var(--header2);
    color: var(--gray);
    margin-bottom: 10px;
    padding: 0px 20px
}

.services-hero__text h1 span{background: #ff6a63;
    background-image: linear-gradient(-145deg, #ff3d36, #ff6a63);

    vertical-align: middle;
    display: inline-block;

    padding: 5px 10px;
    border-radius: 3px;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 700;}
.services-hero__text h1 b {opacity: .7; font-size: var(--font-xs); padding-left: 10px; font-weight: 400;
    vertical-align: middle;}

.services-hero__desc {
    font-size: var(--font-s);
    margin-bottom: 15px;
    padding: 0 20px;
}

.services-hero__btn a {
    display: block;
    width: 100%;
    border-radius: inherit;
    padding-top: 25px;
    padding-bottom: 22px;
}

.services-hero__btn span {display: none;}


@media (min-width: 680px) {

    .services-hero {
        flex-direction: row;
    }

    .services-hero__text {
        flex: 0 0 60%
    }

    .services-hero__img {
        flex: 0 0 38%
    }

    .services-hero__text {
        position: relative;
        color: var(--main);
        order: -1;
    }

    .services-hero__img {
        margin-bottom: 0;
        height: 100%;
        border-radius: 50%
    }

    .services-hero__img img {
        width: 100%;
        max-width: 100%;
        height: 100%;
        max-height: 720px;
        max-width: 720px;
        object-fit: cover;
        border-radius: 50%
    }

    .services-hero__img:before {
        display: none;
    }


    .services-hero__text .caps {
        margin-bottom: 15px;
        padding: 0
    }

    .services-hero__text h1 {
        color: var(--main);
        margin-bottom: var(--mar-text-half);
        padding: 0
    }

    .services-hero__desc {
        font-size: var(--font-m);
        padding: 0
    }

    .services-hero__btn {
        margin-top: 40px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .services-hero__btn a {
        display: inline-block;
        width: auto;
        border-radius: var(--br);
        padding-top: 20px;
        padding-bottom: 20px;
        max-width: 100%;
    }

    .services-hero__btn span {
        display: inline-block;
        margin-left: 40px;
        font-size: 12px;
        max-width: 50%;
        opacity: 0.7;
    }

}


@media (min-width: 991px) {

    .services-hero {
        flex-direction: row;
    }

    .services-hero__text {
        flex: 0 0 45%;
    }

    .services-hero__img {
        flex: 0 0 45%
    }

}


@media (min-width: 1200px) {
    .header__services .prem {
  margin-left: 0;
        /*    margin-right: 16.666667%;*/
    }

    .services-hero__text h1 {
        font-size: var(--header1);
    }

}

@media (max-width: 680px) {
    .container.services-hero-wrap {padding: 0;}
    .services-hero__text .breadcrumb {padding-left: 20px; color: var(--gray)}
    .services-hero__text .breadcrumb a {color: var(--gray)}
    .services-hero__desc br {display: none}
}




.serv-img {position: relative; margin-top: calc(var(--mar-text-half) * -1);

    background: rgb(248, 250, 253);
    background: -webkit-linear-gradient(0deg, rgba(248, 250, 254, 1) 70%, rgba(255, 255, 255, 1) 70%);
    background: linear-gradient(0deg, rgba(248, 250, 254, 1) 70%, rgba(255, 255, 255, 1) 70%);

}

.serv-img-flex{display: flex; justify-content: space-between; flex-wrap: wrap;}

.serv__img {position: relative; border-radius: var(--br); max-width: 100%; width: 100%; height: auto;}

.serv__img--2col {flex: 0 0 48%; max-width: 48%;}
.serv__img--3col {flex: 0 0 32%; max-width: 32%;}

.serv-img__text {padding: var(--mar-text) 0; position: relative}

.serv-img__text ul { list-style: none; padding: 0; }
.serv-img__text ul li {font-size: var(--font-s); }
.serv-img__text ul li a{ padding: 5px 0; display: block}


/*Блок Процесс на странице услуги*/

.serv-process {}


.serv-process__items {}

.serv-process__items  .col-lg-4 {
    counter-increment: number;
}

.serv-process__item {margin: var(--mar-text-half) 0}

.serv-process__item::before {
    content: '' counter(number);
    font-size: 14px;
    font-weight: 700;
    color: var(--gray);
    background: var(--secondary);
    display: inline-block;
    margin-bottom: 5px;
    text-align: center;
    line-height: 30px;
   margin-right: 5px;
    height: 30px;
    width: 30px;
    border-radius: 50%;

}


.serv-process__name {font-size: var(--header6); font-weight: 700; margin-bottom: 10px; display: inline-block}
.serv-process__desc {font-size: var(--font-xs); margin-left: 40px;}



@media (min-width: 680px) {

    .serv-process__item::before {display: block; margin-bottom: 10px;}
    .serv-process__desc { margin-left: 0;}
}




/*Блок Совет стоматолога на странице услуги*/

.serv-sovet {
    background: var(--secondary-light);
    background: rgb(235,243,253);
    background: linear-gradient(45deg, rgba(235,243,253,1) 0%, rgba(250,242,238,1) 100%);
  /*  background-image: linear-gradient(-45deg, #bdd8f1, #bbcee9);*/
    padding: var(--mar-section) 0;

}

.serv-sovet__item {display: flex; align-items: center; flex-direction: column; text-align: center}
.serv-sovet__img { margin-bottom: 20px; max-width: 300px;}
.serv-sovet__img img{border-radius: 50%; max-width: 100%; width: 100%; transform: scaleX(-1); border: 5px solid var(--gray)}
.serv-sovet__text {}
.serv-sovet__desc {margin: 20px 0 40px 0}
.serv-sovet__doctor {font-size: var(--font-s); }
.serv-sovet__doctor span{display: block}


/*.serv-sovet__desc:before {content: '\201d';
    display: block;
    margin-bottom: -50px;
    margin-left: -80px;
    line-height: 1;
    font-size: 4rem;
    color: var(--primary);}*/

@media (min-width: 768px) {

    .serv-sovet__item { flex-direction: row; text-align: left}
    .serv-sovet__img { flex: 0 0 30%; max-width: 100%; margin-bottom: 0}
    .serv-sovet__text {flex: 0 0 66.666%; padding-left: 50px; margin-right: -16.67%;}
}





/*Блок Материал на странице услуги*/

.serv-material {

}



.serv-material img {border-radius: var(--br); margin-bottom: var(--mar-text-half)}

.serv-material__item {margin: 10px 0}

.serv-material__name {font-size: var(--header6); font-weight: 700; margin-bottom: 5px;}
.serv-material__desc {font-size: var(--font-xs)}


@media (min-width: 768px) {
    .serv-material .col-md-4 {order: 2}
    .serv-material__item {margin: var(--mar-text-half) 0}
    .serv-material img {max-width: initial; margin-bottom: 0}
    .serv-material__name { margin-bottom: 10px;}
}








/*Блок Гарантия на странице услуги*/

.serv-garantee {}

@media (min-width: 991px) {
    .serv-garantee .n-cols-3-2 p+p {text-align: center; position: relative; z-index: 1}
    .serv-garantee .n-cols-3-2 p+p:before {
        content: "";
        width: 200px; height: 200px;
        background: var(--gray);
        border-radius: 50%;
        position: absolute;

        left: 45%;
        top: -70%;
        z-index: -1;


        transform: translateX(-50%);
    }
}




/*Блок Цены с таблицей на странице услуги*/

.serv-price {
  position: relative;

/*    background-image: url("../images/header_banner.jpg");
    background-position: top right;
    background-size: cover;*/


    padding-top: var(--mar-section);
  background: var(--gray);
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 20%, rgba(248, 250, 254, 1) 20%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 20%, rgba(248, 250, 254, 1) 20%);

}

/*.serv-price:before {
    content: "";
    position: absolute;
    left: 15%;
    right: 0;
    bottom: 0;
    top: -5%;
    height: 100%;
    width: 100%;
    background: var(--gray);
    border-radius: 50%;
    height: 100vh;
    width: 100vh;
    z-index: -1;

}*/

.serv-price p {max-width: 640px;}

.serv-price__table {width: 100%; margin-top: 20px;}
.serv-price__table tr{border-top: 1px solid var(--secondary-light); }
.serv-price__table tr:last-child{border-bottom: 1px solid var(--secondary-light); }
.serv-price__table td{padding: 10px 0}
.serv-price__table td:last-child{ text-align: right; padding-left: 10px; white-space: nowrap;}


.serv-price__table td span {background: #ff6a63;
/*    background-image: linear-gradient(-145deg, #ff3d36, #ff6a63);*/
    background-image: linear-gradient(-145deg, #08dc82, #14cb96);
    vertical-align: middle;
    display: inline-block;
    margin-left: 5px;
    padding: 4px 8px 2px 8px;
    border-radius: 3px;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 700;
    position: relative;
    top: -4px;
}
.serv-price__table td b {opacity: .7; font-size: var(--font-xs); padding-left: 10px; font-weight: 400;}

.serv-price--old {opacity: .5; text-decoration: line-through; padding-right: 20px; display: inline-block;}


.price-page {}
.price-page h2 {padding-top: var(--mar-text)}


.cta-block--serv {margin-top: var(--mar-text)}
.cta-block--serv .cta-block__img {display: none}

@media (min-width: 768px) {
    .cta-block--serv .cta-block__img{display: block}
}






.patsientam-list .col-md-4 {margin-bottom: 30px;}



.serv-similar {}


.serv-similar {
}

.serv-similar-slider-wrap {
    position: relative;
}

.serv-similar-slider {
    overflow: hidden
}

.serv-similar-slider .swiper-slide {height: auto}


.serv-similar__item {
    display: flex;
    align-items: stretch;
    background: var(--gray);
    border-radius: var(--br);
    overflow: hidden;
    position: relative;
    min-height: 100%;
}

.serv-similar__item:before {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width:300px;
    height: 300px;
    margin-bottom: 15px;
    border-radius: 50%;
    color: var(--gray);
    background: var(--secondary-light);
    position: absolute;
    left: -20%;
    top:-25%;
    z-index: 0;
    opacity: 0.5;
    transition: transform .5s ease;
}

.serv-similar__item:hover::before {
    transform: scale(3);
}

/*.serv-similar__img {
    flex: 0 0 35%;
    max-width: 35%;
}

.serv-similar__img img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
}*/

.serv-similar__text {
/*    flex: 0 0 65%;
    max-width: 65%;*/
    padding: 50px 50px;
    position: relative;
    width: 100%;
}

.serv-similar__cat {
}

.serv-similar__name {
    font-size: var(--header6);
    margin: 15px 0;
    display: block;
    font-weight: 700;
    line-height: 1.4;

}


.serv-similar__name:before {
    display: block;
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;

    z-index: 2;
}

.serv-similar__desc {
    font-size: var(--font-xs)
}

.serv-similar__actions {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 80px;
    height: 70px;
    border-radius: 100% 0% 0% 100% / 0% 0% 100% 100%;
    /*background: var(--primary-dark);*/
    background: #ff6a63;
    background-image: linear-gradient(5deg, #ff3d36, #ff6a63);
    color: var(--gray);
    z-index: 1;
    font-weight: 700;
    padding-top: 17px;
    padding-left: 27px;
    font-size: 17px;
}


@media (max-width: 1280px) {
    .serv-similar__item {
        flex-direction: column;
        align-items: stretch
    }

    .serv-similar__img {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%
    }

    .serv-similar__img img {
        height: auto;
        clip-path: none;

        left: 0;
        transform: none
    }

    .serv-similar__text {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 30px 30px;
    }
}

.serv-similar .swiper-button-prev {
    left: -10px;
}

.serv-similar .swiper-button-next {
    right: -10px;
}














.team-main {
    background-image: url("../images/header_banner.jpg");
    background-position: top right;
    background-size: cover;
    background: linear-gradient(70deg, rgba(235,243,253,1) 0%, rgba(250,242,238,1) 100%);
    padding: var(--mar-section) 0;
}


.team-slider {
    position: relative;
}

.team-slider--center {
    text-align: center
}

.team-list .team__item {margin-bottom: var(--mar-text)}


    /*.team-slider .swiper-slide {max-width: 65%}*/
.team__item {
    max-width: 80%;
    margin: 0 auto
}




.team__img {
    display: block;
    position: relative;
    margin-bottom: -25px;

}
.team__img:after {
    content: "";
    position: absolute; left: 0; right: 0; top:0; bottom: 0;
    width: 100%; height: 100%;
    border-radius: 50%;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 75%, rgba(255,255,255,0.7) 100%);}


.team__img img {
    vertical-align: top;
    border-radius: 50%;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.team__name {
    font-size: 20px;
    color: var(--primary-dark);
    font-weight: 400;
    font-weight: 700;
    display: block;
    margin-bottom: 5px;
    line-height: 1.4;
    position: relative
}

.team__desc {
    font-size: var(--font-s)
}

.team__stand {
    font-size: var(--font-xs);
    margin-top: 5px;
}

.team-slider .swiper-button-next, .team-slider .swiper-button-prev {
    display: none
}

.team-main .swiper-pagination,
.team-pagein .swiper-pagination{
    bottom: -50px !important;
    position: absolute;
}


@media (min-width: 991px) {
    .team-slider {
        overflow: hidden
    }

    .team-slider .swiper-slide {
        max-width: 100%
    }

    .team__item {
        max-width: 350px;
    }

    .team-slider .swiper-button-next, .team-slider .swiper-button-prev {
        margin-top: -75px;
        display: block
    }

    .team-slider .swiper-button-prev {
        left: 0;
    }

    .team-slider .swiper-button-next {
        right: 0
    }

    .team-main .swiper-pagination {
        display: none
    }
}

@media (min-width: 1280px) {
    .team-slider {
        padding-left: 3%;
        padding-right: 3%;
    }
}


.gallery-slider {
    position: relative;
    padding-bottom: var(--mar-text-half);
    display: block;
    width: 100%;
}

.gallery-slider .swiper-wrapper {align-items: center}

.gallery-slider .swiper-slide {
    max-width: 90%
}

.gallery-slider img {
    border-radius: var(--br);
    max-width: 100%;
    width: 100%;
    height: auto
}

.gallery-slider__all {position: relative; display: block;}
.gallery-slider__all:hover:after {    background: rgba(0,0,0, 0.2);}
.gallery-slider__all span {font-size: var(--header3); font-weight: 700; color: var(--white); display: block; position: absolute;  top:45%; left: 0; right: 0; bottom: 0; text-align: center;  z-index: 1}
.gallery-slider__all:after {
    content: " ";
    background: rgba(0,0,0, 0.4);
    border-radius: var(--br);
    width: 100%; height: 100%;
    position: absolute;
    top:0;
    bottom: 0;
    right: 0;
    left: 0;
    transition: all .3s ease-in-out
}

.gallery-item {margin-bottom: 30px;}
.gallery-item img {
    border-radius: var(--br);
    max-width: 100%;
    width: 100%;
    height: auto
}
.gallery-item__name {position: absolute;overflow: hidden;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;}
.gallery-item__desc {position: absolute;overflow: hidden;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;}


.licence-slider {
    position: relative;
/*    padding-bottom: var(--mar-text-half);*/
    display: block;
    width: 100%;
}

/*.licence-slider  .swiper-slide {max-width: 40%}*/

.licence-slider  .swiper-slide {
    border-radius: var(--br);

    background: var(--gray);
    border:10px solid var(--secondary-light)
}

.licence-slider img {
    border-radius: var(--br);
    max-width: 100%;
    width: 100%;
    height: auto;

}

@media (min-width: 991px) {
    .licence-slider  .swiper-slide {
        padding: 30px;
    }
}


@media (max-width: 480px) {
    .licence-slider  .swiper-pagination {position: absolute;}
}


.reviews-main {
}

.section_header--reviews {
    background-image: url("../images/svg/award.svg");
    /*  background-color: var(--primary);*/
    background-position: top center;
    background-repeat: no-repeat;
    padding: 50px 0 40px 0;
    margin-bottom: calc(var(--mar-text) - 50px);
    margin-top: -50px;
}


.reviews-slider-wrap {
    position: relative;
}

.reviews-slider {
    overflow: hidden
}

.reviews-slider .swiper-slide {height: auto}
.reviews-slider .swiper-pagination {
    position: absolute;
}

.reviews-list .reviews-list__item {

}
.reviews-list .col-lg-6 {    margin-bottom: 30px;}

.reviews-list__item {
    background: var(--gray);
    padding: 30px;
    position: relative;
    overflow: hidden;
    border-radius: var(--br);
    min-height: 100%;
}

.swiper-slide .reviews-list__item {margin-bottom: 0}

.reviews-list__name {
    margin-bottom: 1px;
    font-size: var(--font-m);
    font-weight: 700;
}


.reviews-list__name a {color: var(--main); padding-right: 13px;}
.reviews-list__name b {padding-right: 13px;}

.reviews-list__rating { color: #ff564f; padding-right: 15px;     font-size: var(--font-s); white-space: nowrap}

.reviews-list__date { font-size: var(--font-xs); padding-right: 15px; opacity: .6 }
.reviews-list__source { font-size: var(--font-xs); opacity: .6}

.reviews-list__desc {
    font-size: var(--font-s);
    margin-top: 15px;
    line-height: 1.6;
}
/*.reviews-list__desc a {color: var(--main)}*/

.reviews-list__link {
    display: block;
    margin-top: 15px;
    font-size: var(--font-xs);
    color: var(--primary-dark);
}

.reviews-list__img {
    position: absolute;
    right: -14px;
    top: -14px;
    max-width: 100px;
    border-radius: 50%;
}

.reviews-list__img img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 50%;
}

.reviews-list__company {
    width: 30px;
    height: 30px;
    background: #E73124;
    border-radius: 50%;
    position: absolute;
    right: 35px;
    top: 80px;
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.reviews-list__alllink {display: flex; justify-content: center; align-items: center}
.reviews-list__alllink a {font-size: var(--header3); font-weight: 700;}
.reviews-list__alllink a:before {
    content: " ";
    position: absolute;
    top:0;
    bottom: 0;
    right: 0;
    left: 0;
}

.reviews-id {    position: relative;}
.reviews-id__item {
    background: var(--gray);
    padding: 30px;
    position: relative;
    overflow: hidden;
    border-radius: var(--br);
/*    background: url("../images/wave.png") var(--gray) repeat center;
    background-blend-mode: color-burn;*/
    border: 5px solid var(--secondary-light);
}

.reviews-id__item::before {
    content: " ";
    display: block;
    position: absolute;
    left: -20%;
    top: -15%;
    width: 40vw;
    height: 40vw;
    border-radius: 50%;
    background: var(--secondary-light);
    z-index: -0;
    opacity: 0.5;
}



.reviews-id__name {
    margin-bottom: 20px;
    position: relative;
    margin-bottom: 1px;
    font-size: var(--font-m);
    font-weight: 700;

}
.reviews-id__name b {padding-right: 13px;}

.reviews-id__rating {color: #ff564f; padding-right: 15px;     font-size: var(--font-s); white-space: nowrap;}
.reviews-id__date { font-size: var(--font-s); padding-right: 15px; position: relative }


.reviews-id__desc {
    font-size: var(--font-m);
    position: relative;
    margin-top: 15px;
    line-height: 1.7;
}
.reviews-id__desc h2 {font-size: var(--header4)}

.reviews-id__source { font-size: var(--font-s); margin-top: 20px; display: block; position: relative }




.reviews-id__img {
    position: absolute;
    right: -14px;
    top: -14px;
    max-width: 100px;
    border-radius: 50%;
}

.reviews-id__img img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 50%;
}

/*.reviews-id__company {
    width: 30px;
    height: 30px;
    background: #E73124;
    border-radius: 50%;
    position: absolute;
    right: 35px;
    top: 80px;
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;

}*/

@media (min-width: 680px) {
    .reviews-id__item {
        padding: 7% 15% 7% 7%;
        border: 10px solid var(--secondary-light);
    }
}

@media (min-width: 1280px) {
    .reviews-id__item {
        padding: 10% 20% 10% 10%;
    }

    .reviews-id__img {
        position: absolute;
        right: -36px;
        top: -36px;
        max-width: 250px;
        border-radius: 50%;
    }
}






.reviews-slider .swiper-button-prev {
    left: -10px;
}

.reviews-slider .swiper-button-next {
    right: -10px;
}


@media (min-width: 680px) {
    .reviews-list__item {
        padding: 40px 60px 40px 40px;
    }
}





.reviews-prevnext {}
.reviews-prevnext div {position: absolute; top: 48%;}
.reviews-prevnext a {text-indent: -9999px;}

.reviews-prevnext .swiper-button-prev{ left: -20px;}
.reviews-prevnext .swiper-button-next{right: -20px;}

/*
@media (min-width: 991px) {
    .reviews-prevnext .swiper-button-prev{ left: 20px;}
    .reviews-prevnext .swiper-button-next{right: 20px;}
}

@media (min-width: 1280px) {
    .reviews-prevnext .swiper-button-prev{ left: -10vw;}
    .reviews-prevnext .swiper-button-next{right: -10vw;}
}
*/







.reviews-form-wrap {
    background: var(--gray);
    background: linear-gradient(45deg, rgba(235,243,253, .7) 0%, rgba(250,242,238, .7) 100%);
    padding: var(--mar-section) 2rem;
    border-radius: var(--br);
}

.reviews-form-wrap a {text-decoration: underline}
.reviews-form-wrap a:hover {text-decoration: none;}















.rating-slider {
    position: relative;
    text-align: center;
    margin-top: var(--mar-section);
}

.rating-slider__item {
    display: inline-block;
    width: 100%;
}

.rating-slider__item img {
    margin: 0 auto 15px auto
}

.rating-slider__item p {
    display: block;
    margin-bottom: 1px;
    opacity: .5;
    font-size: 14px
}


.rating-slider__item span {
    display: block;
    font-size: var(--font-m);
    font-weight: 400;

}


.cta {
}

.cta--big {
    background: rgb(248, 250, 253);
    background: -webkit-linear-gradient(0deg, rgba(248, 250, 254, 1) 70%, rgba(255, 255, 255, 1) 70%);
    background: linear-gradient(0deg, rgba(248, 250, 254, 1) 70%, rgba(255, 255, 255, 1) 70%);
}

.cta-block {
    display: flex;
    align-items: center;
    flex-direction: column;
    background: var(--gray);
    background: linear-gradient(45deg,rgba(235,243,253,1) 0%,rgba(250,242,238,1) 100%);
    box-shadow: var(--shadow-m);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.cta-block__img {
}

.cta-block__img img {
    width: 100%;
    max-width: 100%;
    max-height: 440px;
    object-fit: cover;
}

.cta-block__text {
    padding: 30px;
}

.cta-block__header {
}

.cta-block__desc {
    margin-bottom: var(--mar-text-half);
}

.cta-block__btn {
    display: flex;
    align-items: center;
    padding-top: 10px;
    flex-wrap: wrap
}



.cta-block__btn span {
/*    display: inline-block;*/
/*    max-width: 45%;*/
    display: block;
    margin-top: 10px;
/*    margin-left: 20px;*/
    font-size: var(--font-xs);
    opacity: 0.8;
}


.cta-block__phone {
    display: inline;
    margin-left: 40px;
    padding: 10px;
    color: var(--main);
    font-weight: 700;
}


@media (min-width: 768px) {
    .cta-block {
        flex-direction: row;
    }

    .cta-block__img {
        flex: 0 0 40%;
        max-width: 40%;
    }

    .cta-block__text {
        flex: 0 0 60%;
        max-width: 60%;
    }
}

@media (min-width: 991px) {
    .cta-block__text {
        padding: 50px;
    }
}

@media (max-width: 768px) {
    /*    .cta-block {padding-top: 140px; position: relative; margin-top: 180px;     overflow: visible;}*/
    .cta-block__img {
        margin: 30px 30px 0 30px;
    }

    .cta-block__img img {
        border-radius: 50%;
        max-height: 320px;
        max-width: 320px;
        display: block;
        margin: 0 auto;
        left: 0;
        transform: scale(1, 1);
        clip-path: none;
        /*  position: absolute;
          left:0;
          right: 0;
          top: -160px;*/
    }

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

    .cta-block__btn {
        text-align: center;
        flex-direction: column;
        align-items: inherit
    }

    .cta-block__btn .btn {
        display: block
    }

    .cta-block__phone {
        display: none;
        margin-left: 0;
        margin-top: 10px;
    }
}




.cta-desc {
    padding: var(--mar-text) 0
}

.cta-desc__item {
}

.cta-desc__header {
    font-weight: 700;
    font-size: var(--header6);
    margin-bottom: 10px;
    line-height: 1.4
}

.cta-desc__header:before {
    content: "✔";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-bottom: 15px;
    border-radius: 50%;
    color: var(--gray);
    background: var(--secondary);
}

.cta-desc__text {
    font-size: var(--font-xs)
}


@media (max-width: 767px) {
    .cta-desc__item {
        margin-bottom: 25px
    }

    .cta-desc .col-md-4:last-child .cta-desc__item {
        margin-bottom: 0;
    }

    .cta-desc__header {
        margin-bottom: 5px;
    }

    .cta-desc__header:before {
        margin-bottom: 5px;
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-bottom: 0;
        margin-right: 7px;
        font-size: 11px;
        text-align: center;
        line-height: 1.6;
    }

    .cta-desc__text {
        padding-left: 25px;
    }
}


.programs-main {}
.programs-main .col-lg-4{ margin-bottom: 30px;}

.programs-slider-wrap {
    position: relative;
}

.programs-slider {
    overflow: hidden
}

/*Eaual heigh card*/
.programs-slider .swiper-slide {height: auto}

.programs-slider__item {min-height: 100%; }

.programs-slider__item {
    display: flex;
    align-items: stretch;
    background: var(--gray);
    border-radius: var(--br);
    overflow: hidden;
    position: relative;
}

.programs-slider__img {
    flex: 0 0 40%;
    max-width: 40%;
}

.programs-slider__img img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.programs-slider__text {
    flex: 0 0 60%;
    max-width: 60%;
    padding: 70px 30px;
}

.programs-slider__cat {
}

.programs-slider__name {
    font-size: var(--font-m);
    margin: 15px 0;
    display: block;
    font-weight: 700;
    line-height: 1.4
}
.programs-slider__name:hover {text-decoration: none}
.row .programs-slider__name:before {
    content: " ";
    position: absolute;
    top:0;
    bottom: 0;
    right: 0;
    left: 0;
}

.programs-slider__desc {
    font-size: var(--font-s)
}

.programs-slider__actions {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 70px;
    height: 60px;
    border-radius: 100% 0% 0% 100% / 0% 0% 100% 100%;
    background: var(--primary-dark);
    background-image: linear-gradient(5deg, #ff3d36, #ff6a63);
    color: var(--gray);
    z-index: 1;
    font-weight: 700;
    padding-top: 12px;
    padding-left: 25px;
    font-size: 16px;
}


@media (max-width: 560px) {
    .programs-slider .swiper-pagination {position: absolute;}
}


@media (max-width: 11111280px) {
    .programs-slider__item {
        flex-direction: column;
        align-items: stretch
    }

    .programs-slider__img {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%
    }

    .programs-slider__img img {
        height: auto;
        clip-path: none;
        left: 0;
        transform: none
    }

    .programs-slider__text {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 30px 30px 40px 30px;
    }
}


@media (min-width: 9991280px) {
    .programs-slider__text {order: -1; padding: 50px 40px 20px 40px;}
    .programs-slider__img {order: 1;position: relative;right: -30%;bottom: -75px;margin-top: -75px;}
    .programs-slider__img img { height: 400px; width: 400px;border-radius: 50%; border-bottom-right-radius: 0;}
}


.programs-slider .swiper-button-prev {
    left: -10px;
}

.programs-slider .swiper-button-next {
    right: -10px;
}



.programs-id {}
.programs-id__img {position: relative}
.programs-id__img img {max-width: 100%; width: 100%; height: 100%; border-radius: var(--br)}
.programs-id__text {margin: var(--mar-text-half) 0 var(--mar-text) 0;}




.technology {
}

.technology-slider {
    position: relative;
    padding-bottom: var(--mar-text-half);
    display: block;
    width: 100%;
}

.technology-slider .swiper-slide {
    max-width: 90%
}

.technology__item {
    position: relative
}
.technology__item:after {
    content: " ";
    position: absolute;
    top:0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: var(--br);
    transition: background-color .3s ease-in-out;
}

.technology__item:hover:after {
    background-color: rgba(0, 0, 0, 0.05);
}

.technology__item img {
    border-radius: var(--br);
    max-width: 100%;
    width: 100%;
}

.technology__item span {
    position: absolute;
    z-index: 1;
    left: 30px;
    bottom: 30px;
    font-size: var(--header6);
    font-weight: 700;
    line-height: 1.5;
    color: var(--gray);
    max-width: 320px;
    padding-right: 20px;
}

.technology-slider .swiper-button-next, .technology-slider .swiper-button-prev {
    display: none
}


@media (min-width: 991px) {
    .technology-slider .swiper-button-next, .technology-slider .swiper-button-prev {
        display: block
    }
}






.brand-slider {
    position: relative;
    text-align: center;
    overflow: hidden;
    margin-top: var(--mar-section);
}



.brand-slider .swiper-wrapper {align-items: center;}

/*.brand-slider .swiper-slide {padding: 0 60px;}*/
.brand-slider img {width: 100%; max-width: 100%; height: auto;}












.prem-full__item {
}

/*.prem-full--leftside  h2{margin-bottom: var(--mar-text)}*/

.prem-full--leftside .prem-full__item {margin-bottom: var(--mar-text-half)}
.img-br {border-radius: var(--br)}

.prem-full--leftside h2 {margin-top: var(--mar-text-half);}
@media (min-width:991px) {
    .prem-full--leftside {padding-left: 30px;}
    .prem-full--leftside h2 {margin-top: 0;}
}





.prem-full__header {
    font-weight: 700;
    font-size: var(--header6);
    margin-bottom: 10px;
    position: relative;
    line-height: 2;
}

.prem-full__header:before {
    content: "";
    position: absolute;
    top: -3px;
    left: -15px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    z-index: -1;
    background: var(--secondary-light);
}

.prem-full__desc {
    font-size: var(--font-xs)
}

@media (max-width: 991px) {
    .prem-full__item {
        margin: 15px 0
    }

    .prem-full__desc {
        font-size: var(--font-s)
    }
}


.about-main {
}

.about-main__img {
    margin-bottom: var(--mar-text);
    max-width: 100%;
    width: 100%;
    border-radius: var(--br)
}

.about-main {
}

.about-main h1 {
    font-size: var(--header2)
}

.about-main p {
    font-size: var(--font-s)
}

.about-main ul {
    font-size: var(--font-s);
    list-style: none;
    padding: 0
}

.about-main li {
    font-size: var(--font-xs);
    margin-bottom: 10px;
}


.about__img {
    max-width: 100%;
    width: 100%;
    border-radius: var(--br);
    margin-top: var(--mar-text);
}

.narrow .about__img {    margin-top: var(--mar-text-half);}



@media (min-width: 768px) {
    .text2col {

        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        -webkit-column-gap: 60px;
        -moz-column-gap: 60px;
        column-gap: 60px;
    }
}








.work-slider-wrap {
    position: relative;
}

.work-slider {
    overflow: hidden
}
.work-slider .swiper-slide {height: auto;}

.work-slider__item {background: var(--gray); border-radius: var(--br); min-height: 100%;}
.work-slider__item img{max-width: 100%; width: 100%; height: auto; border-radius: 4px 4px 0 0; }
.work-slider__cat{margin-top: 20px; padding: 0 30px;}
.work-slider__name {display: block; font-weight: 700; font-size: var(--header6); margin-top: 10px; padding: 0 30px 30px 30px; line-height: initial}

.work-list .col-lg-4 {margin-bottom: 30px;}

.work-id {}

.work-id__img{position: relative; display: block}
.work-id__img  img{border-radius: var(--br); margin-bottom: var(--mar-text-half); max-width: 100%; width: 100%; height: auto; display: block}
.work-id__img span {position: absolute; bottom: 0px; right: 0; border-radius: var(--br); background: #fff; opacity: 0.7; font-size: 14px; padding: 5px 10px; }



.sprav-list > .col, .sprav-list > div [class*="col-"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
}

.sprav-list .sprav-list__item {
    margin-bottom: 30px;
}


.sprav-list__item {
    background: var(--gray);
    padding: 30px;
    position: relative;
    overflow: hidden;
    border-radius: var(--br);
}

.sprav-list__img {

    width: 100px;
    height: 100px;
    margin-bottom: 20px;
    border: 4px solid var(--secondary-light);
    border-radius: 50%;

}

.sprav-list__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.sprav-list__cat {}

.sprav-list__name {
    font-size: var(--header6);
    margin: 0px 0 15px 0;
    display: block;
    font-weight: 700;
    line-height: 1.4
}

.sprav-list__desc {
    font-size: var(--font-xs)
}

.sprav-list__link {
    display: block;
    margin-top: 10px;
    font-size: var(--font-xs);
    color: var(--primary)
}



.sprav-list__company {
    width: 30px;
    height: 30px;
    background: #E73124;
    border-radius: 50%;
    position: absolute;
    right: 35px;
    top: 80px;
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 1280px) {
    .sprav-list__item {
        padding: 50px;
    }
}




.sprav-id__item {
    background: var(--gray);
    padding: 7%;
    position: relative;
    overflow: hidden;
    border-radius: var(--br);
    /*    background: url("../images/wave.png") var(--gray) repeat center;
        background-blend-mode: color-burn;*/
    border: 10px solid var(--secondary-light);
}

/*.sprav-id__item::before {
    content: " ";
    display: block;
    position: absolute;
    left: -20%;
    top: -15%;
    width: 40vw;
    height: 40vw;
    border-radius: 50%;
    background: var(--secondary-light);
    z-index: -0;
    opacity: 0.5;
}*/



.sprav-id__name {
    margin-bottom: 20px;
    position: relative;
}

.sprav-id__desc {
    font-size: var(--font-m);
    position: relative;
}

.sprav-id__desc h2 {font-size: var(--header4)}


.sprav-id__img {
    width: 200px;
    height: 200px;
    margin-bottom: 20px;
    border: 4px solid var(--secondary-light);
    border-radius: 50%;
    position: relative;
}

.sprav-id__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}




.sprav-id__link {
    display: block;
    margin-top: 10px;
    font-size: var(--font-xs);
    color: var(--primary)
}


.sprav-id-params {}
.sprav-id-param { margin-bottom: 12px;}
.sprav-id-param__name { font-weight: bold; display: inline-block; margin-right: 5px;}
.sprav-id-param__value {display: inline-block}
.sprav-id-param__value iframe { margin-top: 15px; width: 100% !important; border: 5px solid var(--secondary-light);}
.sprav-id-param__value:has(iframe) {display:block;}


.sprav-id-desc {}
.sprav-id-desc {}
.sprav-id-desc ul {
    padding: 0;
    list-style-type: none;
    margin: 1rem 0;
}

.sprav-id-desc ul li {
    padding-left: 30px;
    margin-bottom: 1px;
}

.sprav-id-desc ul li:before {
    content: " ";
    width: 20px;
    height: 1px;
    background: var(--secondary);
    display: block;
    position: relative;
    top: 17px;
    left: -30px;
    margin-right: 30px;
}

.sprav-id-desc p:has(small) {line-height: 1.2; opacity: .5}


.sprav-slider-wrap {position: relative}
.sprav-slider { overflow: hidden}
.sprav-slider .swiper-slide{height: auto;}
.sprav-slider .sprav-list__item {min-height: 100%;}

.sprav-slider .swiper-pagination
{
    bottom: -40px !important;
    position: absolute;
}




/*------------------------------------------------------------------------------------------*/
/* 5. Content Elements */
/*------------------------------------------------------------------------------------------*/


.inpage {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem
}

.page-menu {
    background: var(--gray);
    overflow-x: auto;
}

.page-menu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
}

.page-menu ul li {
    padding: 2rem 0;
    margin-right: 5%;
    border-bottom: 3px solid transparent;
    white-space: nowrap;


}

.page-menu ul li.act {
    border-bottom: 3px solid var(--secondary);
    padding: 2rem 0;
    margin-right: 5%;
}

.page-menu ul li a {
    padding: 2rem 0;
    margin-right: 5%;
}

.page-menu ul li a:hover {
    text-decoration: none;
}


.page-menus {
    background: var(--gray);
}

.greedy-nav {
    opacity: 0;
}

.greedy-nav {
    -webkit-animation: .8s ease-in-out .8s 1 both fadeIn;
    -moz-animation: .8s ease-in-out .8s 1 both fadeIn;
    animation: .8s ease-in-out .8s 1 both fadeIn;
}

.greedy-nav {
    position: relative;
    min-width: 250px;
    max-height: 96px;

}

.greedy-nav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.greedy-nav li {
    display: inline-block;
    border-bottom: 3px solid transparent;
}

.greedy-nav li.act {
    border-bottom: 3px solid var(--secondary);
}

.greedy-nav a {

}

.greedy-nav a:hover {

}

.greedy-nav .visible-links {
    display: inline-table;
}

.greedy-nav .visible-links li {

    padding: 2rem 0;
    margin-right: 50px;
}

.greedy-nav .hidden-links {
    position: absolute;
    right: 0px;
    top: 100%;
    min-width: 320px;
    padding: 1rem 0;
    background: var(--gray);
    text-align: left;
}

.greedy-nav .hidden-links li {
    display: block;
    padding: .5rem 2rem;

}

.greedy-nav .visible-links li:first-child {
    padding-left: 0px;
}

.greedy-nav .visible-links li:first-child a {

}

.greedy-nav .hidden {
    visibility: hidden;
}

.greedy-nav button {
    position: relative;
    height: 100%;
    right: 0;
    padding: 35px 25px;
    border: 0;
    outline: none;
    color: #fff;
    cursor: pointer;
    top: -3px;
    background: none;
    color: #fff;
    cursor: pointer;
    display: inline-table;
}

.greedy-nav button:hover {

}

.greedy-nav button::after {
    content: attr(count);
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0;
    top: 12px;
    text-align: center;
    background-color: var(--gray-dark);
    color: var(--main);
    font-size: 12px;
    line-height: 20px;
    border-radius: 50%;

}

.greedy-nav .hamburger {
    position: relative;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--main);
    margin: auto;
}

.greedy-nav .hamburger:before,
.greedy-nav .hamburger:after {
    content: '';
    position: absolute;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--main);
}

.greedy-nav .hamburger:before {
    top: -8px;
}

.greedy-nav .hamburger:after {
    bottom: -8px;
}

@media (max-width: 991px) {


    .greedy-nav .visible-links li {
        padding: 1rem 0;
        margin-right: 25px;
        font-size: 1rem;
    }

    .greedy-nav button {
        padding: 25px 20px;
        position: absolute;
        right: 0;
    }

    .greedy-nav button::after {
        top: 4px;
    }

    .greedy-nav .hidden-links {
        position: absolute;
        right: 0px;
        top: 100%;
        min-width: 280px;
        padding: .75rem 0;
        background: var(--gray);
        text-align: left;
    }

    .greedy-nav .hidden-links li {
        display: block;
        padding: .25rem 1rem;
        font-size: 1rem;

    }


}


@media (max-width: 991px) {
    .page-menu ul li {
        padding: 1rem 0;
        font-size: 1rem;
    }

    .page-menu ul li.act {
        padding: 1rem 0;
    }

    .page-menu ul li a {
        padding: 1rem 0;
    }
}

@media (max-width: 540px) {
    .page-menu ul li {
        margin-right: 10%;
    }

    .page-menu ul li.act {
        margin-right: 10%;
    }

    .page-menu ul li a {
        margin-right: 10%;
    }
}


.block-margin {
    padding: 0 130px;
}

.text-large {
    font-size: 1.25rem;
    margin-bottom: 7.5rem
}

.text-large:empty {
    margin: 0 !important;
}

.about-page__textblock {
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 1) 9%, rgba(249, 250, 251, 1) 9%);
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 9%, rgba(249, 250, 251, 1) 9%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 9%, rgba(249, 250, 251, 1) 9%);
    padding: 10rem 0;
}


.about-page__text {
    padding-right: 10%
}

.about-page__textblock h4 {
    margin-top: 3rem
}

.about-page__textblock .prem {
    display: flex;
    flex-wrap: wrap;
}

.about-page__textblock .prem__item {
    flex: 1 1 50%;
    margin-bottom: 3rem;
    color: var(--main);
}


.about-page__text {
}

.about-page__text h2 {
    padding-bottom: 3rem
}

.about-page__text-desc {
    font-weight: 700;
    font-size: 1.25rem;
    padding-bottom: 3rem
}

.about-page__text p {
}


.we-can {
    padding: 7.5rem 0;
    display: flex;
    flex-wrap: wrap
}

.we-can__item {
    flex: 1 0 50%;
    padding-right: 5rem;
    margin-bottom: 4rem
}

.we-can__name {
}

.we-can__name::before {
    content: " ";
    width: 2rem;
    height: 2px;
    background: var(--secondary);
    display: block;
    position: relative;
    margin-bottom: 1rem;
}

.we-can__desc {
    font-size: 1rem;
}

.we-can__clients-logo {
    display: flex;
    flex-wrap: wrap;
}

.we-can__clients-logo div {
    flex: 1 0 50%;
    margin-top: 2rem;
    align-items: center;
}


@media (max-width: 1180px) {
    .inpage {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .block-margin {
        padding: 0;
    }
}


@media (max-width: 991px) {
    .about-page__textblock {
        padding: 4rem 0;
    }

    .block-margin {
        padding: 0;
    }

    .text-large {
        font-size: 1.25rem;
        margin-bottom: 4rem
    }

    .we-can {
        padding: 3rem 0;
    }

    .we-can__item {
        flex: 1 0 100%;
        padding-right: 0rem;
        margin-bottom: 2rem
    }
}


@media (max-width: 767px) {
    .about-page__textblock {
        padding: 4rem 0;
    }

    .block-margin {
        padding: 0;
    }

    .we-can {
        padding: 3rem 0;
    }

    .we-can__item {
        flex: 1 0 100%;
        padding-right: 0rem;
        margin-bottom: 2rem
    }

    .cite-big, .cite-big cite {
        font-size: 1.25rem
    }
}


.forwhat__bg {
    background: -moz-linear-gradient(90deg, rgba(249, 250, 251, 1) 50%, rgba(255, 255, 255, 1) 50%);
    background: -webkit-linear-gradient(90deg, rgba(249, 250, 251, 1) 50%, rgba(255, 255, 255, 1) 50%);
    background: linear-gradient(90deg, rgba(249, 250, 251, 1) 50%, rgba(255, 255, 255, 1) 50%);
}

.forwhat {
    background: rgb(249, 250, 251);
    padding: 7.5rem 0;
}

.forwhat--dop {
    padding-top: 7.5rem;
}

.forwhat .row, .forwhat--dop .row {
    max-width: 90%
}


.forwhat h4, .forwhat--dop h4 {
    margin-bottom: 4rem
}

.forwhat__item {
    margin-bottom: 4rem;
}

.forwhat__name {
}

.forwhat__name::before {
    content: " ";
    width: 2rem;
    height: 2px;
    background: var(--secondary);
    display: block;
    position: relative;
    margin-bottom: 2rem;
}

.forwhat__desc {
    font-size: 1rem;
}


@media (max-width: 767px) {

    .forwhat {
        padding: 4rem 0;
        background: rgb(249, 250, 251);
    }

    .forwhat--dop {
        padding-top: 4rem;
    }

    .forwhat h4, .forwhat--dop h4 {
        margin-bottom: 1rem;
    }

    .forwhat .row, .forwhat--dop .row {
        max-width: 100%
    }

    .forwhat__item {
        margin: 1rem 0;
    }

    .forwhat__name::before {
        width: 1rem;
        vertical-align: middle;
        display: inline-block;
        margin-right: 1rem;
        margin-bottom: .25rem;
    }
}


.services-stage {
    position: relative;
}

.services-stage:before {
    content: " ";
    background-color: var(--primary);
    background: url("../images/wave.png") repeat center var(--primary);
    overflow: visible;
    width: 100%;
    height: 58%;
    position: absolute;
    bottom: 0;
}

.services-stage .container {
    position: relative;
}

.services-stage h3 {
    text-align: center;
    position: relative
}

.services-stage__slider {
    margin-top: 3rem;
    /*background: url("../images/wave.png") repeat center var(--light-dark);*/
    background: var(--light);
    position: relative
}

.services-stage__slider-wrap {
    position: relative;
    counter-reset: number;
}

.services-stage__item {
    padding: 5rem 5rem 5rem 15rem;
    position: relative
}

.services-stage__item:before {
    counter-increment: number;
    content: counter(number);
    position: absolute !important;
    right: 7.5rem;
    bottom: 3rem;
    line-height: 1;
    color: rgba(241, 243, 244, 0.75);
    font-size: 25rem;
    font-weight: bold;
}

.services-stage__item div {
    position: relative;
}

.services-stage__number {
    font-size: .875rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--secondary);
    margin-bottom: 3rem;
    font-weight: 700;
}

.services-stage__name {
}

.services-stage__name::before {
    content: " ";
    width: 4rem;
    height: 2px;
    background: var(--premium);
    display: block;
    position: relative;
    top: 18px;
    left: -120px;
}

.services-stage__anons {
    margin-bottom: 2rem;
    max-width: 800px;
}

.services-stage__desc {
    margin-bottom: 2rem;
    display: flex;
}

.services-stage__desc-item {
    flex: 0 0 33%;
    padding-right: 2rem
}

.services-stage__number_bg {
    position: absolute !important;
    right: 7.5rem;

    bottom: 3rem;
    line-height: 1;
    color: rgba(241, 243, 244, 0.75);
    font-size: 25rem;
    font-weight: bold;
}

.services-stage__coast {
    display: flex;
    align-items: center;
}

.services-stage__coast-item {
    font-size: .875rem;
    margin-right: 5rem
}

.services-stage__coast-item b {
    font-size: 1.125rem;
    display: block;
}


.services-stage__slider .slick-prev2, .services-stage__slider .slick-next2 {
    top: 70px;
    z-index: 2
}

.services-stage__slider .slick-prev2 {
    right: 250px;
}

.services-stage__slider .slick-next2 {
    right: 150px;
}

.slideCount2 {
    position: absolute;
    top: 80px;
    right: 210px;
    font-weight: 700;
    color: var(--premium);
    z-index: 1;
}

.services-stage__slider .slick-dots {
    bottom: -7.5rem
}

.services-stage__slider .slick-dots li button::before {
    background: var(--light)
}


@media (max-width: 1180px) {
    .services-stage__item {
        padding-left: 7.5rem;
        padding-right: 3rem
    }

    .services-stage__name::before {
        width: 2rem;
        top: 18px;
        left: -60px;
    }

    .services-stage__slider .slick-prev2, .services-stage__slider .slick-next2 {
        top: 70px;
        z-index: 2
    }

    .services-stage__slider .slick-prev2 {
        right: 210px;
    }

    .services-stage__slider .slick-next2 {
        right: 110px;
    }

    .slideCount2 {
        right: 170px;
    }
}

@media (max-width: 991px) {
    .services-stage__item {
        padding: 3rem;
    }

    .services-stage__name::before {
        display: none
    }

    .services-stage__anons {
        margin-bottom: 1rem
    }

    .services-stage__desc {
        flex-direction: column;
        margin-bottom: 0;
    }

    .services-stage__desc-item {
        flex: 0 0 100%;
        padding-right: 0;
        margin-bottom: 1rem
    }

    .services-stage__coast-item {
        margin-right: 1.5rem
    }


    .services-stage__slider .slick-prev2, .services-stage__slider .slick-next2 {
        top: 35px;
        z-index: 2
    }

    .services-stage__slider .slick-prev2 {
        right: 140px;
    }

    .services-stage__slider .slick-next2 {
        right: 40px;
    }

    .slideCount2 {
        right: 100px;
        top: 45px;
    }

    .services-stage__slider .slick-dots {
        bottom: -3rem
    }
}


@media (max-width: 480px) {
    .services-stage__item {
        padding: 2rem 20px;
    }

    .services-stage__number {
        margin-bottom: 1rem
    }

    .services-stage__slider .slick-prev2, .services-stage__slider .slick-next2 {
        top: 20px;
        z-index: 2
    }

    .services-stage__slider .slick-prev2 {
        right: 130px;
    }

    .services-stage__slider .slick-next2 {
        right: 30px;
    }

    .slideCount2 {
        right: 90px;
        top: 30px;
    }

    .services-stage__coast {
        flex-wrap: wrap;
    }

    .services-stage__coast-item {
        font-size: .75rem;;
        margin-right: 1rem;
        flex: 1 0 45%;
        margin-bottom: 1rem
    }

    .services-stage__coast-item b {
        font-size: 1rem;
        display: block;
    }

    .services-stage__slider .slick-dots {
        bottom: -3rem
    }
}


.services-tarif > div [class*="col-"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
}

.services-tarif-wrap {
}

.services-tarif-wrap h3 {
    text-align: center;
}

.services-tarif__headdesc {
    text-align: center;
    max-width: 800px;
    margin: 0 auto
}


.services-tarif {
}

.services-tarif__item {
    background-color: var(--light-dark);
    background: url("../images/wave.png") var(--light-dark) repeat center;
    padding: 3rem 2rem;
    margin-top: 4rem;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    width: 100%;
    transition: all .3s ease-in-out;
}

.services-tarif__item:hover {
    box-shadow: var(--shadow-m);
}

.services-tarif__name {
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: 2rem;
    line-height: 1.2
}

.services-tarif__anons {
    margin-bottom: 2rem
}

.services-tarif__action {
    display: flex;
    align-items: center;
    margin: 3rem 0;
    margin-top: auto
}

.services-tarif__action a {
    color: var(--gray) !important;
}

.services-tarif__price {
    font-size: 2rem;
    font-weight: 700;
    color: var(--secondary-dark);
    padding-left: 2rem;
    white-space: nowrap;
}

.services-tarif__coast {
}

.services-tarif__name {
}

.services-tarif__name::before {
    content: " ";
    width: 2.5rem;
    height: 2px;
    background: var(--premium);
    display: inline-block;
    position: relative;
    vertical-align: middle;
    top: -1px;
    margin-right: 1.5rem;
}


.services-tarif__list {
    margin-bottom: 3rem;
    padding: 0;
    list-style-type: none;;
}

.services-tarif__list li {
    padding-left: 30px;
    margin-bottom: 1rem;
    font-size: 1.125rem;
    line-height: 1.4;
}

.services-tarif__list li:before {
    content: " ";
    width: 1.125rem;
    height: 1px;
    background: var(--secondary);
    display: block;
    position: relative;
    top: 13px;
    left: -30px;
    margin-right: 1rem;
}


.services-tarif__coast {
    display: flex;
    align-items: center;
}

.services-tarif__coast-item {
    font-size: .875rem;
    margin-right: 5rem;
    white-space: nowrap;
}

.services-tarif__coast-item b {
    font-size: 1.125rem;
    display: block;
}


@media (max-width: 1180px) {
    .services-tarif__coast-item {
        margin-right: 2rem
    }

    .services-tarif__price {
        padding-left: 2rem
    }
}


@media (max-width: 991px) {
    .services-tarif__item {
        padding: 4rem 3rem;
        margin-top: 3rem;
    }

    .services-tarif__coast-item {
        margin-right: 2rem
    }
}

@media (max-width: 540px) {
    .services-tarif__name {
        margin-bottom: 1rem;
    }

    .services-tarif__name::before {
        display: block;
        margin-right: 0rem;
        margin-bottom: 1rem;
        margin-top: 1rem;
    }

    .services-tarif__list {
        margin-bottom: 1rem;
    }

    .services-tarif__action {
        flex-direction: column;
        align-items: stretch;
        margin-bottom: 1rem
    }

    .services-tarif__price {
        margin-top: 1rem;
        text-align: center;
        padding-left: 0;
    }

    .services-tarif__item .btn {
    }

}


@media (max-width: 480px) {
    .services-tarif__item {
        padding: 2rem 20px;
        margin-top: 2rem;
    }

    .services-tarif__coast {
        flex-wrap: wrap;
    }

    .services-tarif__coast-item {
        font-size: .75rem;;
        margin-right: 1rem;
        flex: 1 0 45%;
        margin-bottom: 1rem
    }

    .services-tarif__coast-item b {
        font-size: 1rem;
        display: block;
    }
}


.services-all {
}

.services-all__item {
    margin-bottom: 5rem
}

.services-all__item h2 {
    padding-bottom: 2rem
}

.services-all__item-desс {
    margin-bottom: 3rem
}

.services-all__item-desс p {
    margin-bottom: 0;
}



/*Удалить - это от, старого услуги*/
/*
.services-list > div [class*="col-"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
}


.services-list {
}

.services-list__item {
    position: relative;
    min-width: 100%;
    background-color: var(--light-dark);
    background: url("../images/wave.png") var(--light-dark) repeat center;
    padding: 3.5rem 3rem 3rem 3rem;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    transition: all .3s ease-in-out;
}

.services-list__item:hover {
    box-shadow: var(--shadow-m);
}

.services-list__name {
    transition: color .3s ease-in-out
}

.services-list__desc {
    font-size: 1rem;
    margin-bottom: 1rem
}

.services-list__desc p {
    margin-bottom: 0;
}

.services-list__price {
    font-size: 1.5rem;
    color: var(--secondary-dark);
    font-weight: 700;
    margin-top: auto
}

.services-list__price--old {
    font-size: 1.125rem;
    font-weight: bold;
    color: var(--main);
    padding-right: 1rem;
    text-decoration: line-through;
}

.services-list__discount {
    position: absolute;
    top: 1.25rem;
    right: 1rem;
    background: var(--secondary-light);
    color: var(--light);
    padding: .125rem .75rem;
    font-size: .875rem;
    border-radius: 3px;
}

.services-list__badges {
    position: absolute;
    top: 1.25rem;
    left: 3rem;
    font-size: .875rem;
    color: var(--secondary)
}

.services-list__badges span {
    padding-right: 1rem
}

@media (max-width: 991px) {
    .services-all__item {
        margin-bottom: 3rem
    }
}

@media (max-width: 767px) {
    .services-list__item {
        padding: 2.5rem 2rem 2rem 2rem;
        margin-bottom: 20px;
    }

    .services-list__badges {
        top: 1rem;
        left: 2rem;
    }

    .services-list__discount {
        top: 1rem;
        right: 1rem;
    }
}


.services-similar > div [class*="col-"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
}

.services-similar .slick-prev2 {
}

.services-similar .slick-next2 {
    right: 15px;
}

.services-similar__slider [class*="col-"] {
    width: 100%;
    max-width: 100%;
}

.services-similar-wrap {
    padding: 7.5rem 0;
    margin-top: -10rem
}

.services-similar-wrap h4 {
    text-align: center;
    margin-bottom: 2rem
}

.services-similar {
}

.services-similar__item {
    background-color: var(--light-dark);
    background: url("../images/wave.png") var(--light-dark) repeat center;
    padding: 3rem 3rem;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;

    transition: all .3s ease-in-out;

}

.services-similar__item:hover {
    box-shadow: var(--shadow-m);
}

.services-similar__name {
    transition: color .3s ease-in-out
}

.services-similar__desc {
    font-size: 1rem;
    margin-bottom: 1rem
}

.services-similar__price {
    font-size: 1.5rem;
    color: var(--secondary-dark);
    font-weight: 700;
    margin-top: auto
}


@media (max-width: 991px) {
    .services-similar-wrap {
        padding: 0 0 4rem 0;
        margin-top: 0
    }
}

@media (max-width: 480px) {
    .services-similar__item {
        padding: 2rem
    }
}*/





.principe {
    background: var(--light);
    padding-bottom: 0
}

.principe__prem-flex {

}

.principe__prem {
    margin: 40px 0
}

.principe__prem-icon {
    margin-bottom: 1.25rem
}

.principe__prem-name {
    display: block;
    padding-bottom: 1.25rem;
    transition: color .3s ease-in-out
}

.principe__prem-desc {
    font-size: 1rem
}

.principe__text {
}

.principe__cite {
    background: url("../images/principe_bg.jpg") center center;
    background-size: cover;
    margin-top: 5.5rem;
    padding: 11rem 5rem;
}

.principe__cite-name {
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--light);
    margin-bottom: 4em;
    margin-top: 4rem;
    margin-left: 130px;
}

.principe__cite-text {
    color: var(--premium);
    font-size: 1.875rem;
    margin-left: 130px;
}

.principe__cite-text::before {
    content: " ";
    width: 4rem;
    height: 2px;
    background: var(--premium);
    display: block;
    position: relative;
    top: 25px;
    left: -130px;
}


@media (max-width: 1280px) {
    .principe__cite {
        margin-top: 5.5rem;
        padding: 8rem 4rem;
    }
}

@media (max-width: 991px) {
    .principe__prem {
        margin: 20px 0
    }

    .principe__prem-icon {
        margin-bottom: 1rem
    }

    .principe__prem-name {
        padding-bottom: .75rem;
    }

    .principe__text {
        margin-top: 2rem
    }

    .principe__cite {
        margin-top: 3rem;
        padding: 4rem 4rem;
    }

    .principe__cite-name {
        margin-bottom: 2em;
        margin-top: 2rem;
    }
}


@media (max-width: 767px) {

    .principe__cite {
        padding: 4rem 4rem;
    }

    .principe__cite-name {
        margin-bottom: 1em;
        margin-top: 1rem;
        margin-left: 0;
    }

    .principe__cite-text {
        font-size: 1.25rem;
        margin-left: 0rem;
    }

    .principe__cite-text::before {
        display: none;
    }
}


.privelege {
    padding: 7.5rem 0;
    border-bottom: 2px solid var(--light-dark)
}

.privelege__icon {
    margin-bottom: 2rem;
    margin-top: -3rem
}

.privelege h3 {
    margin-top: 1rem
}

.privelege__item {
}

.privelege__name {
}

.privelege__name::before {
    content: " ";
    width: 2rem;
    height: 2px;
    background: var(--secondary);
    display: block;
    position: relative;
    margin-bottom: 2rem;
}

.privelege__desc {
    font-size: 1rem;
}


@media (max-width: 767px) {
    .privelege {
        padding: 4rem 0;
    }

    .privelege__item {
        margin: 1rem 0;
    }

    .privelege__name::before {
        width: 1rem;
        vertical-align: middle;
        display: inline-block;
        margin-right: 1rem;
        margin-bottom: .25rem;
    }
}


section.quickstart--id {
    padding-top: 0;
}

.quickstart {
    text-align: center;
    padding: 7.5rem 0 12.5rem 0;
}

.quickstart__header {
    text-align: center;
}

.quickstart__header h3 {
    padding-bottom: 1.5rem
}

.quickstart__header-desc {
    max-width: 800px;
    margin: 0 auto;
}


.quickstart__list {
    max-width: 90%;
    margin: 0 auto;
    margin-top: 5rem;
    display: flex;
    justify-content: center;
    flex: 1 0 33%;
    counter-reset: number;
}

.quickstart__item {
    text-align: left;
    position: relative;
    padding-left: 130px;
    padding-top: 2rem;
    margin: 0 20px;
}

.quickstart__item:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 160px;
    height: 160px;
    background: var(--light);
    color: var(--secondary);
    font-size: 4rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -1;
    counter-increment: number;
    content: counter(number);
}


.quickstart__item-num {
    position: absolute;
    left: 0;
    top: 0;
    width: 160px;
    height: 160px;
    background: var(--light);
    color: var(--secondary);
    font-size: 4rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -1;

}

.quickstart__item-name {
}

.quickstart__item-desc {
    font-size: 1rem
}


@media (max-width: 1520px) {
    .quickstart__list {
        max-width: 100%;

    }
}

@media (max-width: 1180px) {
    .quickstart__list {
        flex-wrap: wrap
    }

    .quickstart__item {
        flex: 1 0 45%;
        margin-bottom: 5rem;
    }
}


@media (max-width: 800px) {
    .quickstart__item {
        flex: 1 0 100%;
        padding-left: 120px;
        padding-top: 2.25rem;
        margin: 0;
        margin-bottom: 5rem
    }
}


@media (max-width: 767px) {
    .quickstart {
        text-align: center;
        padding: 4rem 0 4rem 0;
    }

    .quickstart__item {
        padding-left: 90px;
        padding-top: 1.5rem;
        margin-bottom: 2rem;
    }

    .quickstart__item-num {
        width: 80px;
        height: 80px;
        font-size: 3rem;
    }

}


.text-id {
    padding-bottom: 0;
}


.lead-action {
    padding: 7.5rem 0;
    background: url("../images/header_banner.jpg") var(--primary) repeat center top;
    background-size: auto;
    text-align: center;
    color: var(--light);
}

.lead-action__name {
    font-weight: bold;
    font-size: 2.25rem;
    line-height: 1.2;
    display: block;
    padding-bottom: 1.25rem;
    color: var(--light);
}

.lead-action__desc {
}

.lead-action .btn {
    margin-top: 3rem;
    display: inline-block
}

@media (max-width: 767px) {
    .lead-action__name {
        font-size: 1.5rem;

    }

}


.experts-main {
    padding: 5rem 0 0 0;
    background: rgb(249, 250, 251);
    background: -webkit-linear-gradient(0deg, rgba(249, 250, 251, 1) 70%, rgba(255, 255, 255, 1) 70%);
    background: linear-gradient(0deg, rgba(249, 250, 251, 1) 70%, rgba(255, 255, 255, 1) 70%);

}

.experts-main__slider {
}

.experts-main__slider .slick-prev2, .experts-main__slider .slick-next2 {
    top: -30px;
}


.experts-main__item {
    display: flex !important;
    flex: 1 0 auto; /* align-items: flex-end;*/
}

.experts-main__item-foto {
    max-width: 520px;
    width: 40%;
    min-width: 40%;
    align-self: flex-end
}

.experts-main__item-foto img {
    max-width: 100%;
    width: 100%
}

.experts-main__item-descwrap {
    padding: 5rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
}

.experts-main__item-name {
    font-weight: 700;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: 1.3
}

.experts-main__item-dol {
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: 1px
}

.experts-main__item-desc {
    margin: 4rem 0;
}

.experts-main__item .morelink {
    display: inline-block;
}


@media (max-width: 991px) {
    .experts-main {
        padding: 4rem 0;
    }

    .experts-main__slider .slick-list {
        margin: 0 -10px;
    }

    .experts-main__slider .slick-slide {
        margin: 0 10px;
    }

    .experts-main__item {
        flex-direction: column;
        margin-bottom: 2rem;
    }

    .experts-main__item-foto {
        max-width: 350px;
        width: 100%;
        min-width: 100%;
        align-self: flex-start;
        margin-bottom: 1rem;
    }

    .experts-main__item-descwrap {
        padding: 2rem;
    }

    .experts-main__item-desc {
        margin: 1rem 0;
    }
}


@media (max-width: 767px) {
    .experts-main__item-descwrap {
        padding: 0;
    }

}


.experts__bg {
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 1) 50%, rgba(249, 250, 251, 1) 50%);
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 50%, rgba(249, 250, 251, 1) 50%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 50%, rgba(249, 250, 251, 1) 50%);
    margin: 7.5rem 0;
}

.experts-page__block > div [class*="col-"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
}

.experts-page__block {
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 1) 9%, rgba(249, 250, 251, 1) 9%);
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 9%, rgba(249, 250, 251, 1) 9%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 9%, rgba(249, 250, 251, 1) 9%);
    padding: 10rem 0;
}

.experts-page__item {
    box-shadow: var(--shadow-sm);
    transition: all .3s ease-in-out;
    margin-bottom: 40px;
    background: #fff;
}

.experts-page__item:hover {
    box-shadow: var(--shadow-m);
    background: var(--secondary-light)
}

.experts-page__item:hover, .experts-page__item:hover a {
    color: var(--light)
}

.experts-page__item:hover .experts-page__name a {
    color: var(--light)
}

.experts-page__item:hover a {
    text-decoration: none
}

.experts-page__item a {
    text-decoration: none;
    transition: all .3s ease-in-out;
}


.experts-page__foto {
}

.experts-page__desc-block {
    padding: 2rem 2rem 3rem 2rem;
}

.experts-page__name {
    display: block;
    transition: color .3s ease-in-out;
}

.experts-page__role {
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.experts-page__desc {
    font-size: 1rem;
    margin-top: 2rem
}

.experts-page__desc p {
    margin-bottom: .25rem
}


.expert-modal__content {
}

.expert-modal__content.fancybox-content {
    padding: 0;
    background: var(--gray);
    max-width: 1200px;
    border-radius: 0;
}

.expert-modal__foto {
    position: relative;
}

.expert-modal__foto img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.expert-modal__cite {
    position: absolute;
    bottom: 0;
    font-weight: 700;
    background: var(--primary-light);
    padding: 3rem 3rem 3rem 7.5rem;
    font-size: 1.25rem;
    color: var(--light);
}

.expert-modal__cite:before {
    content: '\201d';
    display: block;
    margin-bottom: -45px;
    margin-left: -60px;
    line-height: 1;
    font-size: 3rem;
    color: var(--secondary-light);
}

.expert-modal__desc-block {
    padding: 4rem;
}

.expert-modal__name {
    display: block;
    transition: color .3s ease-in-out;
}

.expert-modal__role {
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.expert-modal__har {
    font-size: 1rem;
    margin-top: 1rem
}

.expert-modal__har p {
    margin-bottom: .25rem
}

.expert-modal__desc {
    font-size: 1rem;
    margin-top: 2rem
}


@media (max-width: 991px) {
    .experts__bg {
        margin: 2rem 0;
    }

    .experts-page__block {
        padding: 4rem 0;
    }
}

@media (max-width: 767px) {
    .experts-page__item {
        margin-bottom: 20px;
    }

    .expert-modal__cite {
        padding: 2rem;
        font-size: 1rem
    }

    .expert-modal__cite:before {
        margin-left: -25px;
    }

    .expert-modal__desc-block {
        padding: 2rem;
    }
}

@media (max-width: 480px) {
    .expert-modal__content.fancybox-content {
        padding: 0 !important;
    }

}


.projects-main {
}

.projects-main__list {
    margin-top: 2.5rem
}

.projects-main__list > .col, .projects-main__list > div [class*="col-"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
}

.projects-main__item {
    background: var(--light);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transition: all .3s ease-in-out;
}

.projects-main__item:hover {
    box-shadow: var(--shadow-m);
}

.projects-main__item-descwrap {
    padding: 4rem;
}

.projects-main__item img {
    display: block;
}

.projects-main__item-cat {
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #A2A4A5;
    margin-bottom: 3rem
}

.projects-main__item-cat::before {
    content: " ";
    width: 2rem;
    height: 2px;
    background: var(--secondary);
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 1rem;
    vertical-align: middle;

}

.projects-main__item-name {
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 1.2;
    display: block
}

.projects-main__item-desc {
    font-size: 1rem;
    margin-bottom: 2rem
}

.projects-main__item .morelink {
    margin-top: 2rem;
    display: inline-block;
    margin-top: auto;
}

@media (max-width: 1180px) {
    .projects-main__item-descwrap {
        padding: 2rem;
    }

    .projects-main__item-cat {
        margin-bottom: 1.5rem
    }
}

@media (max-width: 767px) {

    .projects-main__item {
        margin-bottom: 1.5rem;
        width: 100%;
    }
}


.project-task {
    background: var(--light-dark);
    padding: 5rem 0;
    margin-bottom: 7.5rem
}

.project-task:empty {
    display: none;
}

.project-task__item {
}

.project-task__name {
}

.project-task__name::before {
    content: " ";
    width: 2rem;
    height: 2px;
    background: var(--secondary);
    display: block;
    position: relative;
    margin-bottom: 2rem;
}

.project-task__desc {
}


.project-tags {
    padding: 5rem 0;
}

.project-tags a {
    background: var(--light-dark);
    padding: .5rem 1rem;
    display: inline-block;
    margin-right: 1rem
}

.project-rel {
    border-top: 2px solid var(--light-dark);
    padding: 7.5rem 0;
}

.project-rel h3 {
    text-align: center;
}

@media (max-width: 991px) {
    .project-task__item {
        margin-bottom: 2rem
    }

    .project-task {
        background: var(--gray);
        padding: 3rem 0;
        margin-bottom: 4rem
    }

    .project-rel {
        padding: 4rem 0;
    }
}


.cert-page__item {
    margin-bottom: 40px;
    border: 2px solid var(--light-dark);
    padding: 2rem
}

@media (max-width: 575px) {
    .cert-page__item {
        margin-bottom: 20px;
        padding: 1rem
    }
}


.clients-logo {
    padding: 0 0 10rem 0;
    max-width: 1480px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.clients-logo img {
    margin: 0 20px;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .clients-logo {
        flex-wrap: wrap;
        padding: 0 0 4rem 0;
    }

    .clients-logo img {
        flex: 0 0 50%;
        max-width: 120px;
        margin-bottom: 2rem
    }
}


.consult {
    background: url("../images/wave.png") var(--light-dark) repeat center;
    padding: 0;
    overflow: inherit;
    margin-bottom: 10rem;
}

.consult__item {
    display: flex;
    align-items: flex-start;
    justify-content: center; /*margin-bottom: -5rem;*/
}

.consult__item-foto {
    max-width: 500px;
    width: 30%;
    min-width: 30%;
    align-self: flex-end;
    position: relative;
    /*top: -5rem;*/
}

.consult__item-foto img {
    max-width: 100%;
    width: 100%
}

.consult__item-fotodesc {
    position: absolute;
    width: 100%;
    bottom: 2rem;
    left: 2rem;
    color: var(--light);
    line-height: 1.2
}

.consult__item-fotodesc b {
    font-weight: 700;
    display: block;
    margin-bottom: .25rem
}

.consult__item-descwrap {
    padding: 6rem 130px 6rem 130px;
}

.consult__item-name {
}

.consult__item-name::before {
    content: " ";
    width: 4rem;
    height: 2px;
    background: var(--premium);
    display: block;
    position: relative;
    top: 20px;
    left: -130px;

}

.consult__item-desc {
}

.consult__item .btn {
    display: inline-block;
    margin-top: 3rem;
}


@media (max-width: 1180px) {

    .consult__item-descwrap {
        padding: 4rem 80px 4rem 80px;
    }

    .consult__item .btn {
        margin-top: 1.5rem;
    }
}

@media (max-width: 991px) {
    .consult {
        margin-bottom: 6rem;
    }
}

@media (max-width: 767px) {
    .consult {
        margin-bottom: 4rem;
    }

    .consult__item-descwrap {
        padding: 3rem;
    }

    .consult__item-name::before {
        display: none
    }

    .consult__item-foto {
        display: none
    }

}

@media (max-width: 540px) {
    .consult__item-descwrap {
        padding: 3rem 1rem;
    }
}


.blog__list > div [class*="col-"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
}


.blog {
}

.blog h3 {
    margin-bottom: 1rem
}

.blog__list {
    margin: 0 -30px;
}

.blog__item {
    padding: 30px;
    transition: all .3s ease-in-out;
}

.blog__item:hover {
    box-shadow: var(--shadow-m);
    background: var(--light)
}

.blog__item-date {
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #4e5051;
    margin-bottom: 1.5rem
}

.blog__item-date::before {
    content: " ";
    width: 2rem;
    height: 2px;
    background: var(--secondary);
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 1rem;
    vertical-align: middle;

}

.blog__item-name {
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 1.2;
    display: block;
    transition: color .3s ease-in-out;
}

.blog__item-desc {
    font-size: 1rem;
    margin-bottom: 2rem
}


@media (max-width: 767px) {
    .blog__item-date {
        margin-bottom: 1rem
    }

    .blog__item-name {
        margin-bottom: 1rem;
    }

    .blog__item-desc {
        margin-bottom: 1rem
    }
}


.blog-date {
    font-size: .875rem;
    margin-bottom: 2rem;
    margin-top: -2rem
}

.blog-tags {
    padding: 5rem 0;
}

.blog-tags a {
    background: var(--light-dark);
    padding: .5rem 1rem;
    display: inline-block;
    margin-right: 1rem
}

.blog-reference {
    padding: 4rem 0;
    font-size: 1rem;
    border-top: 2px solid var(--light-dark);
}

.blog-reference:empty {
    display: none;
}

.blog-reference p {
    margin-bottom: 1rem
}

.blog-rel {
    border-top: 2px solid var(--light-dark);
    padding: 7.5rem 0;
}

.blog-rel h3 {
    text-align: center;
}

@media (max-width: 991px) {
    .blog-rel {
        padding: 4rem 0;
    }
}


.zapis_modal {
    text-align: center;
    max-width: 600px;
    padding: 40px;
    background: #fff;
    border-radius: 6px;
    color: #253e60;
}

.zapis_modal h4 { /*color: #fff;*/
    font-size: 26px;
}

.zapis_desc {
    line-height: 24px;
    margin-bottom: 20px;
}

.zapis_modal input {
    width: 100%;
    margin: 12px 0;
    padding: 15px 20px;
    height: auto;
    border-radius: 4px;
    font-family: 'Montserrat', sans-serif, Arial, Helvetica;
    font-size: 14px;
}

/*.zapis_modal .button_hb {color: #fff;}
.zapis_modal .button_hb:before {
  background-color: #253e60;
}
.zapis_modal .button_hb:after {
  background-color: #253e60;
}*/


.img_radius {
    clip-path: circle(100% at 0 50%);
}


/* --------- 6.4 Gallery ---------- */

/*#gallery img {
    max-height: 300px;
}*/

/*
#gallery [class*='col-'] {
    padding: 0;
}
*/


.contacts-page__map {border-radius: var(--br); }

.contacts-page__map-block {
    box-shadow: var(--shadow-m);
    border: 1px solid var(--gray);
    border-radius: var(--br);
}

.contacts-page__info {
    background: #fff;
    padding: 3rem 3rem 3rem 3rem
}

.contacts-page__info h2 {
    padding-bottom: var(--mar-text-half);
    font-size: var(--header3);
}

.contacts-page__item {margin-bottom: 1.75rem}
.contacts-page__item .caps {margin-bottom: 0; font-weight: 700;}
.contacts-page__item b {font-weight: 400;}


.contacts-page__item-chat a {display: inline-block;margin-right: 2rem;font-size: var(--font-s);}


@media (max-width: 991px) {
    .contacts-page__info {
        background: #fff;
        padding: 2rem
    }

    .contacts-page__map {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        height: 0;
    }

    .contacts-page__map iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 480px) {
.contacts-page__map {min-height: 780px;}
}



videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}





.cta-footer {
    display: flex;
    flex-direction: column;
    background: var(--gray);
    justify-content: center;
    text-align: center;
}

/*    .cta-footer__logo {display: flex; flex:0 0 100%; }*/
.cta-footer__adress {
    flex: 0 0 100%;
}

.cta-footer__phone {
    flex: 0 0 100%;;
}

.cta-footer__btn {
    flex: 0 0 100%;
}


.cta-footer__logo {
    display: none;
}


.cta-footer__adress {
    font-size: var(--font-xs);
    margin: 40px 20px 20px 20px
}

.cta-footer__adress a {
    display: block;
    font-size: var(--font-s);
}

.cta-footer__phone {
    font-size: var(--font-xs);
    margin: 0 20px;
}

.cta-footer__phone a {
    display: block;
    font-size: var(--header5);
    color: var(--main);
    font-weight: 700;
}

.cta-footer__btn {
    margin-top: 30px;
}

.cta-footer__btn a {
    display: block;
    width: 100%;
    border-radius: 0
}


@media (max-width: 768px) {
    .container.cta-footer-wrap {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 768px) {


    .cta-footer {
        padding: 80px 50px;
        position: relative;
        overflow: hidden;
        margin-bottom: -7rem;

        border-radius: 10px;
        box-shadow: var(--shadow-m);
        flex-direction: row;
        color: var(--main);

        flex-wrap: wrap;
        align-items: center;

        text-align: left;
        z-index: 1;

    }

    .cta-footer:before {
        content: " ";
        display: block;
        position: absolute;
        left: -10%;
        top: -85%;
        width: 600px;
        height: 600px;
        border-radius: 50%;
        background: var(--secondary-light);
        z-index: -1 !important;

    }

    .cta-footer__logo {
    }

    .cta-footer__adress {
        flex: 0 0 33.3%;
        margin: 0px;
    }

    .cta-footer__phone {
        flex: 0 0 33.3%;
        margin: 0px;
    }

    .cta-footer__btn {
        flex: 0 0 33.3%;
        margin-top: 0;
    }

    .cta-footer__btn a {
        border-radius: var(--br)
    }


}


@media (min-width: 1180px) {


    .cta-footer__logo {
        font-size: var(--font-xs);
        display: flex;
        align-items: center;
    }

    .cta-footer__logo span {
        display: inline;
    }

    .cta-footer__logo img {
        display: inline;
        margin-right: 15px;
        max-width: 60px;
        height: 60px;
    }

    .cta-footer__logo {
        flex: 0 0 34%
    }

    .cta-footer__adress {
        flex: 0 0 23%
    }

    .cta-footer__phone {
        flex: 0 0 23%
    }

    .cta-footer__btn {
        flex: 0 0 20%;
    }
}


/*------------------------------------------------------------------------------------------*/
/* 7. Footer */
/*------------------------------------------------------------------------------------------*/
.footer {background: linear-gradient(45deg, rgba(235,243,253, .7) 0%, rgba(250,242,238, .7) 100%);

}
/*Вернуть значение когда будет предфутер с меню*/
/*.footer__top {padding: 15rem 0 5rem 0}*/
.footer__top {padding: 5rem 0 5rem 0}


.footermenu {

}


.footermenu h6 {

}

.footermenu ul {
    padding: 0;
    margin: 0;
}

.footermenu li {
    list-style: none;
    padding: .125rem 0;
    font-size: var(--font-s)
}

.footermenu li a {
    color: var(--main)
}

.col-lg-6 .footermenu ul {
    column-count: 2;
}

.footermenu__contact {
    line-height: 1.5;
    font-size: 1rem;

}

.footermenu__contact b {
    display: block
}

.footermenu__contact a {
    color: var(--main)
}


.footer__bottom {
/*    background: var(--gray);*/
    border-top: 1px solid var(--secondary-light);
    padding: var(--mar-text-half) 0;
    font-size: var(--font-s);
}

.footer__bottom .copyright {
    font-size: var(--font-xs);
}

.footer__soc {}
.footer__soc a { color: var(--main)}

.simberto {
    font-size: 1rem;
    font-weight: 400;
    text-align: right;
    line-height: normal;
    font-size: var(--font-xs);
}
.simberto a {color: var(--main) ; font-weight: 700; font-size: var(--font-s);}
/* Footer Icon Color */


@media (max-width: 991px) {

    /*Вернуть значение когда будет предфутер с меню*/
/*    .footer__top {padding-top: 12rem;}*/
    .footer__top {padding-top: 3rem;}

    .footermenu {
        /*        display: none;*/
        margin-bottom: var(--mar-text);
    }

    .footermenu__contact {
        /*        display: block;*/
        display: none;
    }


    .footermenu__contact p {
        margin-bottom: 10px;

    }

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


@media (max-width: 767px) {
    /*Вернуть значение когда будет предфутер с меню*/
/*    .footer__top {padding: var(--mar-text) 0;}*/
    .footer__top {padding: var(--mar-text-half) 0;}

    .footer__bottom {
        text-align: center
    }

    .footer__bottom .row div {
        margin: .25rem 0;
    }


    .footermenu h6 {
        margin-bottom: 10px;
    }


    .simberto {
        text-align: center;
    }
    .simberto br {display: none}
}

@media (max-width: 767px) {
    /*  .good_place--footer {display: none;}*/
    .footer__bottom {margin-top: -40px;}
    .good_place--footer {order: 1; margin-bottom: 10px;}
    .copyright {order: 2}
    .footer__soc {order:3}
    .simberto {order:4}
}






.privacy-modal  {
    font-size: 13px;
    color: #617190;
    position: fixed;
    z-index: 99999;
    bottom: 20px;
    right: 20px;
    background: #FFF;
    border-radius: var(--br);
    padding: 15px;
    box-shadow: 0 4px 16px rgba(16,31,59,.16);
    opacity: 0;
    visibility: hidden;
}
.privacy-modal-show {
    opacity: 1;
    visibility: visible;
    transition: all .25s ease;
}

@media (max-width: 641px) {
    .privacy-modal {
        bottom: 0;
        left: 0;
        right: 0;
        max-width: none;
        text-align: center;
    }
}

.privacy-modal-open {cursor: pointer;}
.privacy-modal-open:hover svg{ opacity: 0.8;}
.privacy-modal-close {
    cursor: pointer;
    position: absolute;
    padding: 10px;
    top: 0px;
    right: 0px;
}

.privacy-modal-inner {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.4;
}

.privacy-modal-hide {
    display: none;
}

.privacy-modal--bottom {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 2;
    font-size: 12px;
    color: var(--main);
    z-index: 9;
    background: #FFF;
    padding: 10px;
}


.privacy-modal--bottom .privacy-modal-inner {max-width: 100%; text-align: center}
.privacy-modal--bottom .privacy-modal-close {background: var(--gray); height: 100%; padding: 10px 20px; display: flex;align-items: center;}
@media (max-width: 641px) {
    .privacy-modal--bottom .privacy-modal-inner {text-align: left;}
    .privacy-modal--bottom .privacy-modal-text {padding-right: 50px;}
}
.privacy-modal-text a {color: var(--primary-dark); text-decoration: underline}
.privacy-modal-text a:hover {color: var(--primary-dark); text-decoration: none}


.privacy-modal-inner button {
    background-color: var(--main);
    padding: 5px 10px;
        border-radius: var(--br);
        border:none;
        color: var(--white);
}


    /*Preloader*/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff; /* change if the mask should have another color then white */
    z-index: 99999; /* makes sure it stays on top */
}

#preloader p {
    color: #4989c7;
    position: absolute;
    left: 50%; /* centers the loading animation horizontally one the screen */
    top: 50%; /* centers the loading animation vertically one the screen */
    background-position: center;
    margin: -20px 0 0 -75px; /* is width and height divided by two */
    text-align: center;

    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    line-height: 20px;

}

#status {

    position: absolute;
    left: 50%; /* centers the loading animation horizontally one the screen */
    top: 50%; /* centers the loading animation vertically one the screen */
    background-position: center;
    margin: -32px 0 0 -32px; /* is width and height divided by two */
    text-align: center;
}


.fancybox-close-small { /*background: rgba(0, 0, 0, 0.1) !important;*/
    padding: 5px !important;
}

.fancybox-container.fancy-full {
    transform: translateY(-100%);
    transition: transform .3s ease-in-out;
    background: var(--white);
    /*  visibility: hidden;;
      opacity: 0;
      width: 0;
      overflow: hidden;
    -webkit-transition: opacity .35s, height .35s, visibility .35s;
      transition: opacity .35s, height .35s, visibility .35s;*/
    overflow: hidden;
}


.fancy-full.fancybox-is-open .fancybox-bg {
    opacity: 1;
    background: none;
}


.fancy-full .fancybox-bg {
    background: var(--white)
}

.fancybox-container.fancy-full.fancybox-is-open {
    transform: translateY(0);
}

.fancybox-container.fancy-full.fancybox-is-closing {
    transform: translateY(-100%);
}


.fancy-full .fancybox-bg:before {
    content: "";
    width: 80vw;
    height: 80vw;
    border-radius: 100%;
    background: var(--gray);
    display: block;
    position: absolute;
    left: -33vw;
    top: -17vw;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    transition-delay: .3s;
}

.fancy-full.fancybox-is-open .fancybox-bg:before {
    opacity: 1;
}


.modal-full__content.fancybox-content {
    background: none;
    width: 100%;
    height: 100%;
}

.modal-full__content .fancybox-close-small {
    color: var(--main) !important;
}

.modal-full__wrap {
    display: flex;
    align-items: center;
    padding: 5%;
    height: 100%;
    color: var(--main);
    -webkit-animation: fadeInTop .5s ease forwards;
    animation: fadeInTop .5s ease forwards;
    animation-delay: 0s;
    -webkit-animation-delay: .35s;
    animation-delay: .35s;
    position: relative;
    opacity: 0;
    max-width: 1520px;
    margin: 0 auto;
}


.modal-full__left {
    flex: 0 0 50%;
}



.modal-full__right {
    flex: 0 0 50%;
    padding-left: 10%;
}

.modal-full__name {
    font-size: var(--header1);
    font-weight: bold;
    line-height: 1.2;
    text-wrap: balance;
}

.modal-full__desc {
    margin-top: 1rem;
    max-width: 550px;
}

.modal-full__desc p:last-child {display: flex; align-items: center;}


/*Для форму записи со скидкой*/
.modal-full__name span {color: var(--primary-dark)}
.modal-img-sale {margin-left: -15px; display: block; margin-bottom: 30px;}
.btn-hidden {position: absolute;overflow: hidden;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;}




.modal-full__wrap .btn {margin-top:20px; width: 100%;}


@media (max-width: 991px) {
    .modal-full__wrap { /*flex-direction: column; align-items: flex-start;justify-content: center */
        display: block;
        padding: 1rem 0;
    }

    .modal-full__left {
        flex: 0 0 auto;
        margin-bottom: 4rem
    }

    .modal-full__right {
        flex: 0 0 auto;
        padding-left: 0;
    }
}

@media (max-width: 767px) {

    .modal-full__left {
        margin-bottom: 2rem
    }

    .modal-full__right {
        margin-bottom: 2rem
    }


}


@media (max-width: 480px) {
    .modal-full__wrap {
        padding: 1rem 0;
    }


    .modal-full__content .btn {
        display: block;
        width: 100%;
    }

}



/*----------------------------------
  Forms
------------------------------------*/
.form__group {
    position: relative;
    padding: 15px 0 0;
}

.form__group ~ .form__group {  margin-top: var(--mar-text-half);}

.form__field {
    font-family: inherit;
    position: relative;
    z-index: 11;
    width: 100%;
    border: 0;
    border-radius: 4px 4px 0 0;
    border-bottom: 2px solid var(--main);
    outline: 0;
    font-size: 1rem;
    color: var(--main);
    padding: 15px 0;
    background: transparent;
/*    background: rgba(251,246,243, 0.55);*/
    background: var(--gray);
    transition: border-color 0.2s;
}
.form__field::placeholder {
    color: transparent;
}
.form__field:placeholder-shown ~ .form__label {
    font-size: 1rem;
    cursor: text;
    top: 30px;
}

.form__label {
    position: absolute;
    top: 0;
    display: block;
    transition: 0.2s;
    font-size: 14px;
    color: var(--main);
    z-index: 1110;
}

.form__field:focus {
    padding-bottom: 15px;
    /* font-weight: 700;*/
    border-bottom: 2px solid var(--secondary);

}
.form__field:focus ~ .form__label {
    position: absolute;
    top: 0;
    display: block;
    transition: 0.2s;
    font-size: 14px;
    color: var(--main);
    /*    font-weight: 700;*/
}

/* reset input */
.form__field:required, .form__field:invalid {
    box-shadow: none;
}



.form__field.is-valid {    border-bottom: 2px solid #0dd157;}
.form__field.is-invalid {    border-bottom: 2px solid  #fb4143;}

.label-small {font-size: 14px;}





.form-privacy {font-size: var(--font-xs); opacity: .8; line-height: 1.4; margin-top: 20px;}

.form__field-block--age {position: absolute;overflow: hidden;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;}





.invis {position: absolute;overflow: hidden;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;}







.action-top + .hero {
    padding-top: 30px;
}

.action-top + .hero .nav-sticky {
    margin-top: -30px;
}

.action-top {
    height: 40px;
    color: #fff;
    background: var(--primary-dark);
    background: linear-gradient(90deg, rgba(68,135,199, 1) 0%, rgba(16,112,193, 1) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-s);
    position: absolute;
    z-index: 7;
    width: 100%;
}
.action-top--white {
    background: linear-gradient(70deg,rgba(235,243,253,.8) 0%,rgba(250,242,238,.8) 100%);
    border-bottom: 1px solid #e8e8e8;
    color: var(--primary) !important;
}

a.action-top  {   color: #fff; text-decoration: none }
a.action-top span { text-decoration: underline; display: inline-block; margin-left: 5px;}
a.action-top span:hover {text-decoration: none}

.action-top a {   color: #fff; text-decoration: none }


@media all and (max-width: 991px) {

    .action-top + .hero {
        padding-top:30px;
    }

    .action-top {
        height: 30px;
        line-height: 16px;
        z-index: 999;
        padding: 0 10px;
    }

    .action-top + .hero .mobile-menu__overlay {top:90px;}
    .action-top + .hero .nav-sticky .mobile-menu__overlay {top:60px;}

}


.action_badge {
    background: #4989c7;
    top: -3px;
    position: relative;
    padding: 7px 10px;

    border-radius: 3px;

    font-size: 11px;

    text-transform: uppercase;

    color: #fff;

    letter-spacing: 1px;

    font-weight: 700;
}

.oldprice {
    text-decoration: line-through;
    opacity: .7;
    font-size: .8em;
}





.faq {}
.faq .section_header {margin-bottom: var(--mar-text-half)}
.faq .section_header > h2, .faq .section_header > h3 {width: 100%; flex: 0 0 100%;}

.faq-list {}
.faq-list--bg {
    background: var(--gray);
    border-radius: var(--br);
    padding: 4rem 0;
}
.faq-list + .faq-list {margin-top: var(--mar-text)}


.faq-block {
    background: var(--gray);
    padding: var(--mar-section) 2rem;
    border-radius: var(--br);
}


.faq-block  .faq {
    max-width: 800px;
    margin: 0 auto;
}



.accordion {
    list-style: none;
    padding: 0
}

.accordion li::before, .accordion li::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #E7EBF6
}

.accordion li + li::before {
    content: normal
}

.accordion p {
    margin-top: 0;
}

.accordion-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
    cursor: pointer;

    font-weight: 700;
    line-height: 1.2;
}

.accordion-title span {
    width: calc(100% - 32px)
}

.accordion-body {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height .15s ease-in-out, opacity .15s
}

.is-open .accordion-body {
    opacity: 1
}

.accordion-body p:last-child {
    margin-bottom: 24px
}

.accordion-icon {
    position: relative;
    width: 16px;
    height: 16px
}

.accordion-icon::before, .accordion-icon::after {
    content: '';
    position: absolute;
    background-color: var(--secondary-dark);
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

.accordion-icon::before {
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    margin-left: -1px
}

.accordion-icon::after {
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    margin-top: -1px
}

.is-open .accordion-icon {
    cursor: pointer
}

.is-open .accordion-icon::before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.is-open .accordion-icon::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

/*@media (max-width: 767px) {
    .faq-wrap {

        margin: 0 -20px;
    }

    .faq-list-wrap {
        padding: 4rem 0
    }
}*/


.gallery_list {
    padding-bottom: 7.5rem;
}

.gallery_list img {
    max-width: 100%;
    width: 100%;
    height: auto;
}



.pag {text-align: center; margin-top: var(--mar-text-half)}
.pag__item {height: 40px; width: 40px; border-radius: 50%; background-color: var(--gray); text-align: center; line-height:40px; display: inline-block; margin: 0 7px; transition: background-color .3s ease-in-out; color: var(--main)  }
.pag__item:hover {text-decoration: none; background-color: var(--peach-light); color: var(--main)  }
.pag__item--first {}
.pag__item--end {}
.pag__item--current {background-color: var(--peach-light)}


















.cite-big {
    font-size: 2rem;
    line-height: 1.4;
    font-weight: 700;
    max-width: 1000px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
    text-align: center;
    font-style: normal;
}

.cite-big:before {
    content: '\201d';
    display: block;
    margin-bottom: 1rem;
    line-height: 1;
    font-size: 5rem;
    color: var(--secondary-light);
}

.cite-big cite {
    font-size: 2rem;
    line-height: 1.4;
    font-weight: 700;
    max-width: 1000px;
    padding: 0 20px;
    margin: 0 auto;
    text-align: center;
    font-style: normal;
}

.cite__desc {
    font-weight: 700;
    font-size: 1.25rem;
    margin-top: 2rem
}


.cite-small {
    font-size: 1.5rem;
    line-height: 1.3;
    font-weight: 400;
    padding: 4rem 4rem 4rem 5rem;
    border-bottom: 2px solid var(--light-dark)
}

.cite-small:before {
    content: '\201d';
    display: block;
    margin-bottom: -50px;
    margin-left: -80px;
    line-height: 1;
    font-size: 4rem;
    color: var(--secondary-light);
}


.cite-small__desc {
    font-weight: 700;
    font-size: 1.25rem;
    margin-top: 2rem
}


@media (max-width: 1180px) {
    .gallery_list {
        padding-bottom: 2rem;
    }

    .cite-big, .cite-big cite {
        font-size: 1.75rem
    }

}

@media (max-width: 767px) {
    .cite-small {
        padding: 2rem
    }

    .cite-small:before {
        margin-left: -35px;
    }
}


.lead {
    background: var(--light-dark);
    padding: 4rem 7.5rem;
    border-left: 5px solid var(--secondary);
    font-size: 1.5rem;
    line-height: 1.3;
    margin: 4rem 0;
}

.lead__desc {
    font-weight: 700;
    margin-top: 1rem;
    font-size: 1.125rem
}

@media (max-width: 767px) {
    .lead {
        padding: 3rem 2rem;
        font-size: 1.25rem;
        margin: 3rem 0;
    }
}


.breadcrumb {
    font-size: var(--font-xs);
    color: var(--main-light);
    margin-bottom: 10px;
}

.breadcrumb a {
    display: inline-block;
    text-decoration: none;
    color: var(--main-light);
    margin-top: 0;
    opacity: .75;
}

.breadcrumb a:hover {
    text-decoration: underline;
    color: var(--primary);
    opacity: 1;
}


/* --------- 5.3 Divider ---------- */

.divider {
    position: relative;
    width: 40%;
    height: 20px;
    line-height: 20px;
    margin: 10px auto 5px auto;
    clear: both;
    text-align: center;
}

.divider-inner {
    position: absolute;
    height: 1px;
    width: 100%;
    top: 50%;
    margin-top: -1px;
    border-top: 1px solid;
    border-color: #e1e1e1;
}

.divider i {
    background: #fff;
    position: relative;
    top: -11px;
    padding: 0 5px 0 5px;
    color: #e1e1e1;
}


/*
#wrapperZZZ {border: 3rem solid #fff;}*/

.infofield {
    font-size: .875rem;
    color: var(--light)
}





.privacy_policy {background-color: var(--main);  position: fixed; bottom: 0; width: 100%; z-index: 11; }
.privacy_policy .container{display: flex; flex-direction: row; justify-content: space-between; align-items: center}
.privacy_policy span:first-child {font-size: 13px; color: var(--light)}
.privacy_policy .container .btn {}


@media (max-width: 540px) {
    .privacy_policy .container{flex-direction: column; padding: 0}
    .privacy_policy span:first-child {padding: 10px 20px; font-size: 12px;}
    .privacy_policy .container .btn {width: 100%; }
}












.error_message { color: #c05f5f; font-size: var(--font-s)}

.formtext_success {text-align: left; color: var(--main); font-size: var(--font-m); min-width: 35vw;}


.diafan_errors {
    border: 1px solid #c05f5f;
    padding: 7px 7px 7px 30px;
    color: #c05f5f;
    margin: 0 8% 10px;
    width: 80%;
}

.diafan_errors td.calls {
    cursor: pointer;
}

.diafan_errors td.calls div {
    padding:10px 15px;
    display: none;
}

.diafan_errors td.file {
    vertical-align: top;
    white-space: nowrap;
}

.diafan_errors table
{
    width:100%;
}

.diafan_errors table tr:hover {
    background-color: #f0e6e6;
}

.diafan_div_error_overlay {
    position: absolute;
    z-index: 8;
    background: #ccc;
    opacity: 0.8;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.diafan_div_error {
    position: absolute;
    width: 70%;
    z-index: 9;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.17);
    padding: 5px 5px 5px 8px;
    top: 0;
    left: 0;
}






.good_place {position: absolute; right: 20px; top: 20px; padding: 7px; background-color: rgba(255,255,255,0.8); border-radius: var(--br);
    opacity: 1; transition: opacity .3s ease-in-out;}

@media (min-width: 680px) {
    .good_place {bottom: 6%; right: 2%;  top: inherit;   opacity: 1; }
}

/*.good_place:hover {opacity: 1;}*/

.good_place--footer { display: flex; align-items: start; justify-content: center; }

.good_place--footer .good-place-view div {margin: 0;}




.good-place-view {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    margin: 0 5px !important;
}

.good-place-view__pin {
    position:relative;
    height:20px;
    width: 20px;
    background: #fa4d1c;
    border-radius: 50%;
}
.good-place-view__label {
    left:-1px;
    right:0;
    margin:auto;
    text-align:center;
   line-height: 18px;
    position:absolute;
    z-index:1
}
.good-place-view__text {
    width:42px;
    text-align:center;
    font-size:10px;
    line-height:12px;
    font-weight:500;
    line-height:10px;
    margin-top: 4px;
}

.good-place-view__text-and-branches {
    display:flex;
    align-items:center
}


.good-place-view__year-text {
    font-size:10px;
    line-height:12px;
    font-weight:600;
    padding-top:2px
}

.good-place-view__branch._reverse svg {
    -webkit-transform:scale(-1,1);
    transform:scale(-1,1)
}







.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInTop {
    0% {
        opacity: 0;
        bottom: 20%;
    }
    100% {
        opacity: 1;
        bottom: 0;
    }
}

@keyframes fadeInTop {
    0% {
        opacity: 0;
        bottom: 20%;
    }
    100% {
        opacity: 1;
        bottom: 0;
    }
}


@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}


@-webkit-keyframes fadeFromDown {
    from {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes fadeFromDown {
    from {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}


@keyframes lineFade {
    from {
        opacity: 0;
        visibility: hidden;
        width: 0;
    }

    100% {
        opacity: 1;
        visibility: visible;
        width: 120px;
        opacity: 1;
        visibility: visible;
    }
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-30px, 0, 0);
        transform: translate3d(-30px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-30px, 0, 0);
        transform: translate3d(-30px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}








.like-btn {
    display: inline-block;
    width: 60px;
    height: 60px;

    background: url("../images/like-heart.png");
    background-repeat: no-repeat;
    background-size: 2900%;
    cursor: pointer;
}

.is-active {
    -webkit-animation-name: lb-animate;
    animation-name: lb-animate;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: steps(28);
    animation-timing-function: steps(28);
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes lb-animate {
    0% {
        background-position: left;
    }

    50% {
        background-position: right;
    }

    100% {
        background-position: right;
    }
}

@keyframes lb-animate {
    0% {
        background-position: left;
    }

    50% {
        background-position: right;
    }

    100% {
        background-position: right;
    }
}




.rating input[type=radio] {
    display: none;
}
.rating label {
    display: inline-block;
    width: 60px;
    height: 60px;

    background: url("../images/like-heart.png");
    background-repeat: no-repeat;
    background-size: 2900%;

    cursor: pointer;
    user-select: none;
    margin-bottom: 0;
    z-index: 1;


}

/* Checked */
.rating input[type=radio]:checked + label {
    background-position: right;
}

.rating input[type=radio].like-act + label {

}

/* Hover */
.rating label:hover {
    color: #666;
}

/* Disabled */
.rating input[type=radio]:disabled + label {

    color: #666;
}


.gallery-item {position: relative}
.rating{position: absolute; bottom: -7px; right: 10px;}

.rating fieldset:disabled .rating__like label {    background-position: right;}

.rating fieldset {}
.rating__like {display: flex; align-items: center;/* background: #f4f4f4;*/}
.rating__count {
    padding: 5px 10px 5px 35px;
    line-height: 16px;
    background: rgba(255,255,255,0.8);
    border-radius: 4px;
    font-size: 12px;
    margin-left: -48px;
    z-index: 0;
}

.fancybox-image {
    border-radius: 10px;
}


.br {
    border-radius: var(--br);
}


.action-badge
{background: #ff6a63;
    background-image: linear-gradient(-145deg, #ff3d36, #ff6a63);
    vertical-align: middle;
    display: inline-block;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    margin-top: -3px;
    font-weight: 700;}


.good_place__img {width: 160px; height: auto}

.wa-color {color: #128c7e}


.wa-btn {background-color:#128c7e;
    background:linear-gradient(45deg, #1EBEA5, #00E676);
    padding: 9px; border-radius: 50%;
position: fixed;; bottom:10px; right: 10px; z-index: 1;
    display: block;; min-width: 50px;
    transition: all .3s ease-in-out;
}
.wa-btn img {height: 32px; width: 32px;}

.wa-btn:hover{box-shadow: 0 2px 15px 0 rgba(18, 140, 126, 0.5);}


.tg-color {color: #3390ec;}
.tg-btn {background-color:#fff;

    /*padding: 9px; */border-radius: 50%;
    position: fixed;; bottom:10px; right: 10px; z-index: 10;
    display: block;; min-width: 52px;
    transition: all .3s ease-in-out;
}

.tg-btn img {height: 52px; width: 52px;}

.tg-btn:hover{box-shadow: 0 2px 15px 0 rgba(18, 140, 126, 0.5);}


.price-block--main {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}



.h-hd {position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;}


.doc-desc .list {margin-top: 1rem}

.doc-rasp {list-style:none; padding-left: 0; margin-left: 0;}
.doc-rasp li {display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50%;  background-color: #eff5fd; margin-right: 10px; opacity: 0.75}
.doc-rasp li.act {background: #ff6a63;
    background-image: none;
    background-image: linear-gradient(-145deg,#08dc82,#14cb96); color: var(--white); opacity: 1;}





.form-checkbox-privacy {
    display: flex;  justify-content: flex-start; gap: 5px; margin-top:20px; ;
}
.form-checkbox-privacy input {flex: 0 0 20px; margin: 0; padding: 0; width: 17px;height: 17px;}
.form-checkbox-privacy label {flex: 0 0 95%; margin: 0; font-size: var(--font-xs); line-height: 1.7}

.error_message {font-size: var(--font-xs)}







.swiper-slide__img video {width: 100%; max-width: 100%; height: 100%; object-fit: cover; border-radius: var(--br); position: relative}

.main-slider  .swiper-slide__img:has(video) {height: 70vh; overflow: hidden;}

@media (min-width: 680px) {.main-slider  .swiper-slide__img:has(video) {max-height: 70vh; overflow: hidden;}}


.swiper-slide__img:has(video):after {content: ""; background: #1a1a1a !important; opacity: .1 !important; position: absolute; inset: 0;}



.staff-list li ul {list-style: none;}

.sved a[href="#"] {
    background: rgba(255, 0, 0, 0.2);
}