.header-events.nocaption .content {
    display: none;
}
.main-nav__hamburger {
    background-image: none;
}

/**

 */
.header-logo svg {
    height: 35px;
}

@media (max-width: 640px) {
    .header-logo svg {
        height: 28px;
    }
}

.modal_container#nav_popup .logo svg {
    height: 35px;
}

.header-phone {
    background: none;
}

.header-phone svg {
    height: 54px;
    width: 54px;
}

@media (max-width: 1200px) {
    .header-phone svg {
        width: 42px;
        height: 42px;
    }
}

svg#logo-header .st0, svg#logo-basic-nav-popup .st0 {
    fill: #FFF;
}

svg#logo-header .st1, svg#logo-basic-nav-popup .st1 {
    fill: #FF4D00;
}

svg#logo-header .st2, svg#logo-basic-nav-popup .st2 {
    fill: #FF7C10;
}

svg#header-phone-icon .st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FF7C10;
}

svg#header-phone-icon .st1 {
    fill: #FFFFFF;
}

@media (max-width: 1200px) {
    .main-nav {
        /*height:100px*/
    }
}
@media (max-width: 640px) {
    .main-nav {
        /*height:100px;*/
    }
}

/**
http://joxi.ru/nAyQy8RHjLa5DA
 */
.modal_container#nav_popup .contacts .phone {
    font-size: 28px;
}

/**
http://l-s-ru-20/services/
http://joxi.ru/KAxX19aU1gjPPA
 */
.fixed-overlay__modal.verticalAlignModalTop {
    padding-top: 0;
}

/**

 */
svg#logo-header.white-background .st0 {
    fill: #5B6670;
}

svg#logo-header.white-background .st1 {
    fill: #FF4D00;
}

svg#logo-header.white-background .st2 {
    fill: #FF7C10;
}

svg#logo-header-small.white-background .st0{fill:#5B6670;}
svg#logo-header-small.white-background .st1{fill:#FF4D00;}
svg#logo-header-small.white-background .st2{fill:#FF7C10;}

svg#logo-header.blue-background .st0{fill:#FFF;}
svg#logo-header.blue-background .st1{fill:#FF4D00;}
svg#logo-header.blue-background .st2{fill:#FF7C10;}

svg#logo-header-small.blue-background .st0{fill:#FFF;}
svg#logo-header-small.blue-background .st1{fill:#FF4D00;}
svg#logo-header-small.blue-background .st2{fill:#FF7C10;}

.header-logo svg {
    display:block;
    height:100%;
    margin-bottom:0
}
@media (max-width: 640px) {
    .header-logo svg:first-child {
        display:none
    }
}
.header-logo svg:nth-child(2) {
    display:none
}
@media (max-width: 640px) {
    .header-logo svg:nth-child(2) {
        display:block
    }
}

/**

 */
.header-contacts .contacts .item.msk .base, .after-fixed .contacts .item.msk .base, .after-fixed .contacts .item.spb .base {
    pointer-events: none;
}

.page-contacts .wrapper-container.after-fixed .top {
    background: #f7fbff;
}

.header-contacts {
    padding-bottom: 0;
}

/**

 */
.index-events .description a,.events-wrapper .content .caption a {
    color: #ff7c10;
    text-decoration: none;
}

.index-events .description a:hover, .events-wrapper .content .caption a:hover {
    color: #D70000;
    text-decoration: underline;
}

/**

 */
.index-wrapper .index-services .item:hover, .services-wrapper .services .item:hover {
    box-shadow: 0 21px 20px rgba(138,143,180,0.3);
    transition: box-shadow 1s ease;
}

.wrapper-container .contacts .item:hover {
    box-shadow: 0 21px 20px rgba(138,143,180,0.3);
    transition: box-shadow 1s ease;
}

.tenders-wrapper .tenders-advantages .advantages .item:hover {
    box-shadow: 0 21px 20px rgba(138,143,180,0.3);
    transition: box-shadow 1s ease;
}

.tenders-wrapper .tenders-advantages .advantages .item:hover .number svg {
    fill: rgba(176,182,232,0.13);
    transition: fill 2s ease;
}

.about-wrapper .about-reviews .list .slider .item:hover,
.about-wrapper .career-vacancies .list .slider .item:hover {
    box-shadow: 0 21px 20px rgba(138,143,180,0.3);
    transition: box-shadow 1s ease;
}

.modal_container.vacancy_popup .close, .modal_container.service_popup .close {
    transition: all .3s ease;
}

.modal_container.vacancy_popup .close:hover, .modal_container.service_popup .close:hover {
    box-shadow: 0 10px 24px rgba(255,124,16,0.7);
    background-color: #ff3510;
}

.modal_container.vacancy_popup .close:active, .modal_container.service_popup .close:active {
    box-shadow: 0 10px 24px rgba(255,124,16,0.7);
    background-color: #ff5f0f;
}

.index-wrapper .index-content .submit,
.about-partners .submit,
.header-advantages .submit,
.tenders-form .form .submit,
.contacts-form .form .submit,
.modal_container.vacancy_popup .form-wrapper .form .submit {
    transition: all .3s ease;
}

.index-wrapper .index-content .submit:hover,
.about-partners .submit:hover,
.header-advantages .submit:hover,
.tenders-form .form .submit:hover,
.contacts-form .form .submit:hover,
.modal_container.vacancy_popup .form-wrapper .form .submit:hover{
    box-shadow: 0 10px 24px rgba(255,124,16,0.7);
    background-color: #ff3510;
}

.index-wrapper .index-content .submit:active,
.about-partners .submit:active,
.header-advantages .submit:active,
.tenders-form .form .submit:active,
.contacts-form .form .submit:active,
.modal_container.vacancy_popup .form-wrapper .form .submit:active {
    box-shadow: 0 10px 24px rgba(255,124,16,0.5);
    background-color: #ff5f0f;
}
/**

 */

.form .input input[type="text"]:invalid {
    padding: 0 15px!important;
    border: 0!important;
    background: #fff!important;
}

.form .input.invalid {
    /*padding-left: 11px;*/
    border-left: 4px #fe0000 solid!important;
    /*background: #ffe3e3;*/
}

.form-group {
    position: relative;
}

.form-control-placeholder {
    position: absolute;
    top: 0;
    padding: 20px 0 0 13px;
    transition: all 200ms;
    opacity: 0.5;
    background: #fff;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    color: #4450cc;
    pointer-events: none;
}

.form-control[placeholder]:not(:placeholder-shown) + .form-control-placeholder,
.form-control:focus + .form-control-placeholder,
.form-control:required:valid + .form-control-placeholder {
    font-size: 70%;
    transform: translate3d(0, -50%, 0);
    opacity: 0.4;
}

.form-control:focus,
.form-control:valid {
    padding-top: 10px!important;
}

textarea.form-control:focus,
textarea.form-control:valid {
    padding-top: 21px!important;
}
/**

 */
.typewriter {
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    /*border-right: .15em solid orange; !* The typwriter cursor *!*/
    /*white-space: nowrap; !* Keeps the content on a single line *!*/
    /*margin: 0 auto; !* Gives that scrolling effect as the typing happens *!*/
    animation: typing 3.5s steps(40, end)
}

/* The typing effect */
@keyframes typing {
    from { width: 0 }
    to { width: 100% }
}

/**

 */
.after-fixed .contacts {
    background: #f7fbff;
}

.after-fixed .contacts {
    margin-top:40px;
    position:relative;
    z-index:2
}
@media (max-width: 1440px) {
    .after-fixed .contacts {
        margin-top:11px
    }
}
.after-fixed .contacts>.container {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-align-content:stretch;
    -ms-flex-line-pack:stretch;
    align-content:stretch;
    -webkit-box-align:stretch;
    -webkit-align-items:stretch;
    -ms-flex-align:stretch;
    align-items:stretch
}
.after-fixed .contacts>.container>* {
    -webkit-box-flex:0;
    -webkit-flex:0 0 auto;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:100%
}
.after-fixed .contacts .list {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-align-content:stretch;
    -ms-flex-line-pack:stretch;
    align-content:stretch;
    -webkit-box-align:stretch;
    -webkit-align-items:stretch;
    -ms-flex-align:stretch;
    align-items:stretch
}
@media (max-width: 720px) {
    .after-fixed .contacts .list {
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap
    }
}
.after-fixed .contacts .item {
    position:relative;
    z-index:2;
    overflow:hidden;
    -webkit-box-flex:0;
    -webkit-flex:0 0 auto;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-align-content:stretch;
    -ms-flex-line-pack:stretch;
    align-content:stretch;
    -webkit-box-align:stretch;
    -webkit-align-items:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    margin-top:20px;
    padding:81px 110px 116px;
    min-height:480px;
    -webkit-box-shadow:0 21px 30px rgba(138,143,180,0.1);
    box-shadow:0 21px 30px rgba(138,143,180,0.1);
    -webkit-border-radius:8px;
    border-radius:8px;
    background-color:#fff
}
@media (max-width: 1440px) {
    .after-fixed .contacts .item {
        padding:40px 70px
    }
}
@media (max-width: 1200px) {
    .after-fixed .contacts .item {
        padding:21px 20px 21px 20px;
        min-height:400px
    }
}
.after-fixed .contacts .item.msk .base {
    background-image:url("../img/contacts-msk.png")
}
@media (max-width: 1024px) {
    .after-fixed .contacts .item.msk .base {
        background-image:url("../img/contacts-msk-mobile.png")
    }
}
.after-fixed .contacts .item.spb .base {
    background-image:url("../img/contacts-spb.png")
}
@media (max-width: 1024px) {
    .after-fixed .contacts .item.spb .base {
        background-image:url("../img/contacts-spb-mobile.png")
    }
}
@media (min-width: 721px) {
    .after-fixed .contacts .item {
        width:49.23077%;
        margin-left:1.53846%
    }
    .after-fixed .contacts .item:nth-child(3n+1) {
        margin-left:0
    }
}
.after-fixed .contacts .item .base {
    position:absolute;
    right:0;
    top:0;
    bottom:12px;
    width:100%;
    z-index:1;
    background-repeat:no-repeat;
    background-position:bottom right;
    -webkit-background-size:auto auto;
    background-size:auto
}
@media (max-width: 1024px) {
    .after-fixed .contacts .item .base {
        bottom:0
    }
}
.after-fixed .contacts .item .content {
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-align-content:stretch;
    -ms-flex-line-pack:stretch;
    align-content:stretch;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start
}
.after-fixed .contacts .item .caption {
    font-family:'DaxlinePro', sans-serif;
    font-weight:500;
    font-size:23px;
    line-height:23px;
    color:#ff7c10
}
@media (max-width: 1200px) {
    .after-fixed .contacts .item .caption {
        font-size:19px;
        line-height:19px
    }
}
.after-fixed .contacts .item .phone {
    text-decoration:none;
    display:block;
    margin-top:65px;
    font-family:'DaxlinePro', sans-serif;
    font-weight:300;
    font-size:46px;
    line-height:46px;
    color:#5e676f
}
@media (max-width: 1200px) {
    .after-fixed .contacts .item .phone {
        margin-top:38px;
        font-size:29px;
        line-height:29px
    }
}
.after-fixed .contacts .item .email {
    text-decoration:underline;
    display:block;
    margin-top:44px;
    font-family:'DaxlinePro', sans-serif;
    font-weight:300;
    font-size:16px;
    line-height:16px;
    color:#ff7c10
}
@media (max-width: 1200px) {
    .after-fixed .contacts .item .email {
        margin-top:48px
    }
}
.after-fixed .contacts .item .email:hover {
    text-decoration:none
}
.after-fixed .contacts .item .description {
    margin-top:49px;
    font-family:'DaxlinePro', sans-serif;
    font-weight:300;
    font-size:16px;
    line-height:20px;
    color:#5e676f
}

/**
Сергей
 */
.advantages-wrapper .item .caption {
    color: white;
}

/**
Сергей
 */
.modal_container.vacancy_popup .form-wrapper .form .input .input-file .name .short, .modal_container.vacancy_popup .form-wrapper .form .input .input-file .name .long {
    opacity: 0.5;
}

div.form div.input.form-group div.input-file div.name div.short, div.form div.input.form-group div.input-file div.name div.long {
    opacity: 0.5;
}

/**
Сергей
 */
.modal_container.vacancy_popup .form-wrapper .form {
    max-width: 100%;
}

/**

 */
.fixed .wrapper-container {
    min-height: 0;
    margin: 0 auto;
}

/**
Т.к. отключена анимация
 */
body.page-advantages.blue svg#burger path {
    fill: #FF7C10;
}

/**
Слайдер с годами в "событиях" на мобильном - ограничение ширины
 */
@media (max-width: 720px) {
    .et-hero-tabs-wrapper {
        width: 100%;
    }
}

/**
на главной на услугах мышку лапкой сделаем
 */
.index-wrapper .index-services .item, .index-wrapper .index-services-mobile .item {
    cursor: pointer;
}

/**

 */
.index-events .content .dopoln {
    margin-top: 15px;
}

@media (max-width: 640px) {
    .index-events .content .dopoln {
        margin-top: 15px;
    }
}

.index-events .content .text {
    margin-top: 15px;
}

/**
http://joxi.ru/J2bRK7dTG99yD2
2)      4 градиент как-то грязнит // У меня нет градиента, это видимо тень от верхнего текстбокса. Надо убрать
 */
.tenders-form .form .input, .contacts-form .form .input, .modal_container.vacancy_popup .form-wrapper .form .input {
    box-shadow: 0 0px 3px rgba(148, 185, 222, 0.24);
}

/**
http://v2.l-s.ru/advantages/
Еще надо добавить легкий ховер при наведении на блок - под ним может чуть темнее и больше становиться тень а сам блок может становиться цветом #000371
 */
.advantages-wrapper .item:hover {
    background-color: #000371;
    box-shadow: 0 21px 30px rgba(0,6,74,0.3);
    transition: background-color 1s ease, box-shadow 1s ease;
}

/**
Виды деятельности
// при наведении на блок хочется ... стрелка ... плавно сдвигается вниз на 10 пикс
 */
.services-wrapper .services .bottom {
    transition: transform .3s linear;
}

.services-wrapper .services .item:hover .bottom {
    transform: translateY(10px);
}

/**
Виды деятельности
// во всплывающем блоке хочется ховеры на соседние виды деятельности внизу. Стрелка смещается влево или вправо в зависимости от блока
 */
.modal_container.service_popup .others .item .prev,  .modal_container.service_popup .others .item .next {
    transition: transform .3s linear;
}

.modal_container.service_popup .others .item:hover .prev {
    transform: translateX(-10px);
}

.modal_container.service_popup .others .item:hover .next {
    transform: translateX(10px);
}

/**

 */
.about-wrapper .about-competence {
    padding-top: 70px;
}

.about-wrapper .slider-wrapper {
    margin-top: 20px;
}

.about-partners .text {
    margin-top: 38px;
}

.about-partners {
    padding-top: 51px;
}

@media (max-width: 1200px) {
    .about-partners {
        padding-top:51px;
    }
}

.tenders-wrapper .tenders-advantages {
    padding-top:80px
}

@media (max-width: 1200px) {
    .tenders-wrapper .tenders-advantages {
        padding-top:33px
    }
}

.tenders-wrapper {
    padding-bottom: 90px;
}

@media (max-width: 1200px) {
    .tenders-wrapper {
        padding-top:47px;
        padding-bottom:52px
    }
}

.tenders-form {
    padding: 75px 0 138px;
}

@media (max-width: 1200px) {
    .tenders-form {
        padding:47px 0 60px
    }
}

.event-page-wrapper .caption {
    font-size: 23px;
    line-height: 29px;
}

@media (max-width: 1200px) {
    .event-page-wrapper .caption {
        font-size: 23px;
        line-height: 29px;
    }
}

.event-page-wrapper .row + .row {
    margin-top: 29px;
}

.el-select {
    width: 100%;
}

/**
Пт 01.10.2021 13:45, Дмитрий Моисеев <moiseev@logic-systems.ru>
 */
.header-configurator div.content div.container div.slogan {
    color: #5e676f;
    font-size: 24px;
}

/**
Пн 04.10.2021 11:55, Сергей Груздев <gruzdev@logic-systems.ru>
 */
.header-configurator div.content div.container div.slogan strong {
    font-weight: 500;
    color: #4450CC;
}

.configurator-wrapper .configurator {
    transform: scale(0.9);
    transform-origin: top center;
}

@media (max-width: 1200px) {
    .configurator-wrapper .configurator {
    }
}

@media (max-width: 1024px) {
    .configurator-wrapper .configurator {
    }
}

@media (max-width: 720px) {
    .configurator-wrapper .configurator {
        transform: none;
    }
}

@media (max-width: 640px) {
    .configurator-wrapper .configurator {
        transform: none;
    }
}

@media (max-width: 480px) {
    .header-configurator div.content div.container div.slogan {
        font-size: 18px;
    }

    .configurator-wrapper .configurator {
        transform: none;
    }
}

.index-events .content .description.all-events {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    display: block;
    font-family: 'DaxlinePro', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #ff7c10;
    position: relative;
    text-decoration: none;
    padding-right: 15px;
}

.index-events .content .description.all-events::before {
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    margin-top: -5px;
    width: 6px;
    height: 10px;
    background: url("../img/arrow-right.png") 0 0 no-repeat;
    background-size: contain;
}

@media (min-width: 1200px) and (max-width: 1299px) {
    .main-nav__menu .main-nav__button.events {
        display: none;
    }
}