body.header-fixed {padding-top: 100px; overflow-x: hidden !important}
.header-fixed .header {top: 0;}
.top-slider  {margin-bottom: 37px;}
.top-slider .slider-pagination {z-index: 2; position: relative; bottom: 7px !important}

@media (max-width: 991px) {
.top-slider .slider-pagination {bottom: 27px !important}
}

@media (max-width: 769px) {
.top-slider .slider-pagination {bottom: 7px !important}
}

@media (max-width: 569px) {
.top-slider .slider-pagination {bottom: 7px !important}
}

@media (max-width: 479px) {
.top-slider .slider-pagination {bottom: 37px !important}
}

.full-services-item__bottom .services-item__button {padding: 0 0 17px 0 !important; position: absolute; top: 17px; right: 0px; z-index: 2;}
.full-services-item__bottom {position: relative; padding-bottom: 17px;}

.team-item__picture {-webkit-filter: grayscale(1); filter: grayscale(1);}
.team-item__picture:hover {-webkit-filter: grayscale(0); filter: grayscale(0);}

.section-skills-box-form input[type="submit"] {
cursor: pointer;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: none;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
/*padding-left: 44px;
padding-right: 44px;
min-height: 72px;*/
background: -webkit-gradient( linear, left top, right top, from(var(--main-gradient-from)), to(var(--main-gradient-to)) );
background: -o-linear-gradient( left, var(--main-gradient-from), var(--main-gradient-to) );
background: linear-gradient( to right, var(--main-gradient-from), var(--main-gradient-to) );
-webkit-box-shadow: 0 19px 18px rgba(232, 117, 48, 0.33);
box-shadow: 0 19px 18px rgba(232, 117, 48, 0.33);
color: #fff !important;
text-align: center;
border-radius: 45px;
text-shadow: 0 1px 0 #a2572a;
z-index: 1;
font-family: "Gotham Pro", "Open Sans", "sans-serif";
text-decoration: none;
white-space: normal;
padding-left: 44px;
padding-right: 44px;
line-height: 120%
}

.section-skills-box-form input[type="submit"]:disabled {opacity: 1 !important}
.mail__link--contacts {font-family: "Gotham Pro", "Open Sans", "sans-serif"; font-size: 22px; font-weight: bold;}

.sidebar__link--clickable {position: relative;}
.sidebar__link--clickable::after {display: none;}
.sidebar__link--clickable i {position: absolute; top: 50%; transform: translateY(-50%); right: 15px; z-index: 2; font-size: 18px; transition: transform 0.5s; display: flex; align-items:  center; justify-content: center; width: 20px; height: 20px;}
.sidebar__link--clickable i.active {transform: rotate(-180deg) translateY(50%);}

.footer__menu--link {color: #000; text-decoration: none;}
.footer__menu--link:hover {color: #e63f23; text-decoration: underline;}

.slider__extra--content {display: flex; align-items: flex-start; justify-content: space-between; width: 100%; flex-wrap: wrap; margin-left: 20px;}

.slider__extra--inner {position: relative;}
.button__extra--slide {position: absolute; bottom: -27px; left: 0; z-index: 2;}

.slider__extra--container {position: relative;}

.slider__extra--content li {width: 50%;}
.slider__extra--content li {padding-left: 3px; list-style: disc;}
.slider__extra--title .primary-color {font-size:  28px}
.slider__extra--title {font-size:  28px}
.slider__extra--slide .intro {padding: 0 !important;}

.scheme__image.mb-4 img {max-width: 1300px; margin: auto; cursor: default}
.calculate-form {background: transparent}

.subdomains__header--block {display: flex; align-items: center; justify-content: center; width: 46px; height: 49px; position: relative; top: 0px; right: 12px; cursor: pointer; transition: all 0.3s;}
.subdomains__header--block .subdomains__header--block-inner {width: 46px; height: 49px;background: url('/wp-content/themes/wp-bootstrap-4/assets/images/map_3.png') top center no-repeat; background-size: 100% 100%; position: relative; z-index: 3;} 
.subdomains__header--block::before {content: ''; width: 46px; height: 46px; border: solid 0px; border-radius: 50%; position: absolute; z-index: 1; top: -500px; left:0; transition: all 0.3s; box-shadow: 0 519px 18px rgb(232 117 48 / 33%);}
.subdomains__header--block:hover {transform: translateY(5px);}
.subdomains__header--block:hover::before {box-shadow: 0 512px 8px rgb(232 117 48 / 33%);}

@media (min-width: 1199px) {
#modal-subdomains .modal__form {min-height: 220px; height: auto}
#modal-subdomains .modal__form .subdomains__list--block {min-height: 220px; height: auto}
}


.subdomains__list--block {padding: 0; min-width: 480px; max-width: 480px; margin: auto;   columns: 2; -webkit-columns: 2;}
.subdomains__list--block li {margin: 0; padding: 0;}
.subdomains__list--block .current__city--item {font-weight: bold;}

.subdomains__footer--block {font-weight:normal; font-size: 14px; font-weight: bold; text-transform: uppercase;color: #fff; height: 32px; width: 100%; margin: 20px 0px; cursor: pointer; padding-left: 47px; display: flex; align-items: center; justify-content: left; }
.subdomains__footer--block span {position: relative;}
.subdomains__footer--block span::before {content: ''; width: 32px; height: 32px; position: absolute; left: -36px; top: -7px; z-index:2; background: url('/wp-content/themes/wp-bootstrap-4/assets/images/map_white_1.png') center left no-repeat; background-size: auto 32px;}


.mobile__change--button {display: none}
.mobile__change--button {color: #000; font-weight:bold; font-size: 16px; text-decoration: none;}




.modal-wrapper {z-index: -9999; opacity: 0;}
.modal-wrapper.show_wrapper {z-index: 9999;}

.modal.modal-callback {transition: all .5s; display: block !important; position: absolute; top: -227px;  opacity: 0; z-index: -9999; margin: auto; max-width: 500px; min-height: 310px; height: 310px; z-index: 2; max-height: 436px;}
.modal.modal-callback.modal_show {top: 0px; opacity: 1; position: relative; height: auto;}


.modal.modal-callback .modal__form-button {padding-bottom: 14px !important}

.modal.modal-callback  input[type="tel"] {border: 1px solid #c7c7c7 !important; height: 42px !important; font-size: 16px !important; color: #000000; font-family: Montserrat; direction: ltr;}
.modal.modal-callback .modal__form-item-text {font-size: 16px; line-height: 24px; margin-bottom: 1rem !important; padding-bottom: 0 !important}
.modal.modal-callback .modal__title {margin-top: 5px !important; color: #000; margin: 0px !important; line-height: 1.5; padding: 0px 0px 1rem 0px;}


.modal.modal-callback input[type="submit"] {font-weight: 600 !important; font-size: 13px !important; box-shadow: 0 0 0 0 !important; margin-top: 1.5rem !important; height: 45px  !important; max-height: 45px  !important; min-height: 45px !important; width: 124px; display: flex; align-items: center; justify-content: center;}
.modal.modal-callback .modal__form-item {padding-bottom: 0 !important; padding-top: 1rem;}


@media (max-width: 500px) {
.modal.modal-callback {min-height: 333px; max-width: calc(100vw - 48px);}
}

@media (max-width: 380px) {
.modal.modal-callback {max-height: 1000px;}
}

@media (max-width: 991px) {
.slider__extra--title .primary-color {font-size:  24px}
.slider__extra--title {font-size:  24px}
.slider__extra--content li {font-size: 14px;}
.section-skills-box-form input[type="submit"] {padding-left: 22px !important;padding-right: 22px !important;}
}

@media (max-width: 768px) {
.slider__extra--container .col-md-7.intro-devices {position: absolute; bottom: -170px; top: auto !important; right: auto !important; left: calc(50% - 57px) !important;}
.slider__extra--container .col-md-7.intro-devices .phone-window img {max-height: 147px;}
.button__extra--slide {bottom: -7px; display: flex; align-items: center; justify-content:center; width: 100% !important}
.slider__extra--content {margin-left: auto; margin-right: auto;}


.expert-consultation__form .calculate-form__row {justify-content: center; flex-wrap: wrap;}
.expert-consultation__form .calculate-form__input, .expert-consultation__form .calculate-form__button {width: 100%; display: flex; align-items: center;  justify-content: center;}
.expert-consultation__form .calculate-form__input input {max-width: 185px;}
.expert-consultation__form .calculate-form__button input {max-width: 185px;min-width: 185px; margin: 0 !important}
}

@media (min-width: 320px) and (max-width: 769px) {
.header__virtual-office-button-column {display: block !important; padding-right: 35px;}
}

@media (max-width: 520px) {
.header__virtual-office-button-column {white-space: normal; max-width: 197px;}
}

@media (max-width: 479px) {
.header__virtual-office-button-column .key {display: none !important;}
.header__virtual-office-button-column {padding-right: 15px; max-width: 157px;}
.header__virtual-office-button-column .btn-text {font-size: 11px;}
/*.slider__extra--title .primary-color {font-size:  18px}*/
.slider__extra--title .primary-color {font-size:  24px}
/*.slider__extra--title {font-size:  18px}*/
.slider__extra--title {font-size:  24px}
.slider__extra--content li {font-size: 12px;}
}

@media (max-width: 419px) {
.header__virtual-office-button-column {padding-right: 0px; max-width: 122px;}
.header__info-column .contacts__callback.mr-4 {position:  relative; right: -15px;}
.header__virtual-office-button-column .btn-text {font-size: 9px;}
}

@media (max-width: 360px) {
.header__virtual-office-button-column .btn-text {font-size: 0px;}
.header__virtual-office-button-column .key {display: block !important;}
}

@media (min-width: 1599px) {
.full-services-item__bottom {min-height: 100px;}
}

@media (max-width: 1570px) {
.full-services-item__bottom {flex-wrap: wrap;}
.full-services-item__bottom .services-item__button {width: 100%; position: relative; top: 0; left: 0; right:  0; padding: 17px 0 !important;}
.full-services-item__bottom .services-item__button .btn-style {margin: 0 !important}
}

@media (max-width: 1400px) {
.modal.modal-scheme.modal_show {max-width: 1100px !important;}
}

@media (max-width: 1900px) {
.modal.modal-scheme.modal_show {max-width: 1300px;}
}

@media (min-width: 1901px) {
.modal.modal-scheme.modal_show {max-width: 1600px;}
}


@media (max-width: 768px) {
#section-1 {padding-top: 20px;}
.top__title {font-size: 24px}
}

@media (max-width: 1199px) {
.subdomains__list--block {margin-left: 30px;}
}

@media (max-width: 991px) {
.subdomains__header--block {display: none !important;}
}

@media (max-width: 768px) {
.mobile__change--link {display: none;}
.mobile__change--button {display: block}
}

@media (max-width: 520px) {
.subdomains__list--block {min-width: 300px; width: 100%;}
.subdomains__list--block li {width: 100%;}
.mobile__change--button {font-size: 14px;}
}

@media (max-width: 479px) {
.mobile__change--button {font-size: 12px; position: relative; left: -2px;}
}

@media (max-width: 420px) {
.mobile__change--button {font-size: 11px; left: 7px;display: none;}
}

@media (max-width: 360px) {
.mobile__change--button {font-size: 10px;}
}


.modal-wrapper{
    justify-content: center;
    background-color: rgb(0 0 0 / 50%);
    padding: 1rem;
}
.modal-wrapper #modal-callback{
    padding: 1rem;
    border-radius: 18px;
}
.modal-wrapper #modal-callback .modal__title{
    font-size: 32px;
    font-weight: 900;
    margin-top: 6px;
    margin-bottom: 8px;
}
.modal-wrapper #modal-callback .btn-style{
    padding-left: 20px;
    padding-right: 20px;
    min-height: 46px;
    box-shadow: none;
    font-weight: 800;
    font-size: 14px;
}
.modal-wrapper #modal-callback .wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: 0.75;
    /* margin: 0 24px; */
    /* width: 24px; */
    /* height: 24px; */
    height: 0;
    margin: 0;
    border: none;
    border-radius: 100%;
    padding: 0;
    position: absolute;
}

.wpcf7 .wpcf7-submit:disabled {
    opacity: .6;
}

#wpcf7-f7423-o1 .wpcf7-list-item-label {
    margin-left: 6px;
}

.modal-wrapper #modal-callback  .common-input{
    width: 100%;
    border: 1px solid #c7c7c7;
    padding: 8px 15px;
    border-radius: 16px;
}

.modal-wrapper #modal-callback  .modal-close-button{
    top: 16px;
    right: 16px;
}

.modal-wrapper #modal-callback  .modal-close-button svg{
    height: 10px;
}
.modal-wrapper #modal-callback  .modal-close-button svg path:hover{
    fill: #ff8487;
}

.form-inline .contacts-form label {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 0 !important;
}

.privacy-policy {
    counter-reset: privacy-policy-chapter 0;

    & p {
        margin: 0;

        &:not(:first-child) {
            margin-top: 20px;
        }
    }
}
.privacy-policy__chapter {
    counter-increment: privacy-policy-chapter;

    &::before {
        content: counter(privacy-policy-chapter) ". ";
    }
}
h2.privacy-policy__chapter {
    margin: 0;
    font-size: 16px;

    @media (min-width: 576px) {
        font-size: 18px;
    }
    @media (min-width: 1200px) {
        font-size: 20px;
        line-height: 1.5;
    }

    &:not(:first-child) {
        margin-top: 20px;
    }
}
ol.privacy-policy__sublist {
    counter-reset: privacy-policy-sublist 0;
    list-style-position: inside;
    padding-left: 0;
    margin: 0;

    &:not(:first-child) {
        margin-top: 20px;
    }

    & > li {
        counter-increment: privacy-policy-sublist;

        &:not(:first-child) {
            margin-top: 20px;
        }

        &::marker {
            content: counter(privacy-policy-chapter) "." counter(privacy-policy-sublist) ". ";
        }

        & > p:first-child {
            display: inline;
        }
    }
}
.privacy-policy .marked {
    margin-bottom: 0;
}
.privacy-policy dl {
    margin: 0 0 0 40px;

    & dt {
        font-weight: 400;
    }

    & dd {
        margin: 0;
    }
}

.dl-marker-bullet > div::before {
    content: "\2022";
    font-weight: 700;
}

.dl-marker-outside > div::before {
    margin-inline: -1rem 0.15rem;

    @media (min-width: 576px) {
        margin-inline: -1rem 0.1rem;
    }
    @media (min-width: 1200px) {
        margin-inline: -1.3rem 0.25rem;
    }
}

.dl-separator-em-dash > div > :is(dt, dd) {
    display: inline;
}
.dl-separator-em-dash > div > dt::after {
    content: "\00A0\2014 ";
}