/* Start:/local/js/vendor/slick/slick.css?17748679301776*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/technology/styles.css?177486793025310*/
.btn.btn-primary.primary-alt{
    background: var(--color-brand-primary);
    color: white;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    /*padding: 11px 40px;*/

    transition: background-color 0.2s;
    text-decoration: none;
    /*max-width: 200px;*/
    width: 100%;
    margin-right: 12px;
}

.button_wrapper {
    display: flex;
    flex-direction: row;
}

.btn.btn-primary.primary-alt, .btn.check-list-btn.btn-outline-brand  {
    border-radius: 6px;
    font-size: 16px;
}

.check-list.btn {
    max-width: 200px!important;
    width: 100%!important;
}
.btn.btn-primary.primary-alt:hover{
    background-color: var(--color-brand-primary-light);
    border: none;
}
.technology-section{
}
h1{
    margin-top: 0;
}
h2{
    margin-top: 43px;
}

.rotate180{
    transform: rotate(180deg);
}
a.continue-reading{
    /*text-decoration: underline;*/
    border-bottom: 1px solid var(--color-brand-primary);
    line-height: 1;
}
a.continue-reading:hover{
    border-bottom-color: transparent;
}

.about-construction {
    background-color: #F8FAF9;
    border-radius: 24px;
}

.about-construction-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.work-stages-row {
   display: flex;
    flex-direction: column;
    /*border: 1px solid green;*/
}

.technology-wrap .btn{
    display: flex;
    align-items: center;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
}

.technology-wrap .btn svg{
    width: 2rem;
    height: 1.5rem;
    fill: var(--button-color);
}

.calculate {
    background-color: #F8FAF9;
    border-radius: 24px;
}
.calculate .app {
    margin-left: 25px;
}
.calculate .btn {
    margin-top: 60px;
}

.calculate img {
    margin-right: 15px;
    border-radius: 24px;
}

/*.stages-section .i.i-arrow-field{
    transform: rotate(180deg);
    !*transform: rotate(180deg);*!
}*/

li.collapse-heading.collapsed svg.i.i-arrow-field{
    /*transform: rotate(360deg);*/
    transform: rotate(180deg);
}

.scaleY {
    transform: scaleY(-1);
}

.tech-subtitle-h4{
    font-size:26px;
    margin-top: 0;
}

.content-listing{
    list-style-type: none;
    padding-left:0;
    margin-top: 20px;
}
.content-listing li{
    margin-bottom: 11px;
}
.content-listing li:not(.listing-with-check-mark){
    padding-left: 20px;
}
.listing-with-check-mark{
    font-weight: bold;
}
.listing-with-check-mark::before{
    content: '\2713';
    color: var(--color-brand-primary);
    margin-right: 9px;
    font-weight: bold;
}
.stages-section img {
    max-width: 100%;
    margin-bottom: 10px;
}

.flex-centered{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 32px;
    margin-bottom: 55px;
}
#more_articles{
   cursor: pointer;
    color: #2B6D3C;
    display: flex;

}

.btn-green2 {
    border-radius: 12px;
    width: 250px;
    height: 56px;
    font-size: 18px;
}

#more_articles:hover {
    text-decoration: underline #2B6D3C;
}

.technology-wrap a:hover{
    text-decoration: none;
}

.technology-wrap .i.i-arrow-field{
    width: 8px;
}

.ready-project-advantages .advantages-listing{
    display: flex;
}

.check-list-btn {
    min-width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container.check-list{
    margin-top: 76px;
    margin-bottom: 30px;
}

.check-list {
    height: 356px;
    /*border: 1px solid green;*/
    border-radius: 24px;
    background-color: #F8FAF9;
}

.check-list_wrapper {
    width: 90%;
    background-image: url('https://www.gwd.ru/upload/medialibrary/396/396ccdbc1be5ef77a84c66afbe0de0e4.png');
    background-repeat: no-repeat;
    /*border: 1px solid red;*/
    margin-left: 25px;
    margin-top: 60px;
    padding-bottom: 50px;
}
.container.check-list .col-md-5{

    padding-left: 0;
    /*background-color: #F8FAF9;*/
}
.container.check-list .col-md-7 > div{
    background-color: #F8FAF9;
    padding: 43px 50px;
    margin-left: -15px;
}
.container.check-list .col-md-7 > div{
    margin-left: -15px;
}

.container.check-list h2{
    margin-top: 0;
    margin-bottom: 20px;
}
.container.check-list .col-md-7 > div > .row > div{
    display: flex;
    align-items: center;
}

.tags-list {
    display: flex;
    flex-wrap: wrap;
    /*margin-top: 10px;*/
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 16px;
}

.tag-item {
    cursor: pointer;
    color: rgba(43, 109, 60, 0.80);
    font-size: 14px;
    margin: 0px 12px 5px 0;
    border-radius: 16px;
    background-color: #fff;
    padding: 4px 12px;
    border: solid 1px rgba(43, 109, 60, 0.80);
}

.tag-item:hover {
    color: #fff;
    background-color: rgba(43, 109, 60, 1);
}

.tag-item.active {

    color: #fff;
    background-color: rgba(43, 109, 60, 1);
}

.article {
    /*border: 2px solid red;*/
}

#js_articles_remaining {
    /*display: flex;*/
    display: none;
    flex-wrap: wrap;
    gap: 20px; /* Отступ между карточками */
}

#js_articles_remaining .article-small {
    max-width: 554.2px;
    flex: 0 0 calc(50% - 10px); /* 50% ширины минус половина gap */
    box-sizing: border-box; /* Учитываем padding и border в ширине */
}

.selected-article .image{
    width: 100%;
    height: 320px;
    position: relative;
    background-position: center;
    background-size: cover;
}
.selected-article .date{
    font-size: 16px;
    color: white;
    opacity: 0.8;
    position: absolute;
    bottom: 10px;
    right: 20px;
    font-weight: 400;
    text-shadow: 0 0 4px rgba(0,0,0,1);
}
.selected-article h4{
    margin-top: 25px;
    margin-bottom: 10px;
}
.articles-heading{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.articles-search{
    height: 50px;
    width: 200px;
    background: #f2f2f2;
    border-radius: 10px;
}
.articles-search:focus-within{
    background: #dcdcdc;
}
.articles-heading form{
    height: 100%;
    background-color: transparent;
    padding: 15px 20px;
    display: flex;

}
.articles-heading input{
    border: none;
    height: 100%;
    background-color: transparent;
    width: 80%;
}

.technology-wrap .search-icon{
    width: 20px;
    height: 20px;
    background: none;
    border:none;
}
.technology-wrap .search-icon:focus{
    outline: none;
}
.technology-wrap .search-icon svg,
.mobile-search-toggler svg
{
    width: 20px;
    height: 20px;
    opacity: 0.3;
}
.mobile-search-toggler svg{
    cursor: pointer;
    /* margin-top: 30px;
     margin-right: 30px;*/
}

.articles-heading input:focus ~ button svg, .articles-heading input:hover ~ button svg {
    opacity: 0.6;
}

a.item-link h3, a.item-link h4, a.item-link h5, a.item-link p{
    color:black;
}


div.articles-search input:focus::placeholder, div.articles-search input:hover::placeholder{
    color:#333333 !important;
}
div.articles-search input:focus::-webkit-input-placeholder, div.articles-search input:hover::-webkit-input-placeholder{
    color:#333333 !important;
}
div.articles-search input:focus:-moz-placeholder, div.articles-search input:hover:-moz-placeholder{
    color:#333333 !important;
}
div.articles-search input:focus::-moz-placeholder, div.articles-search input:hover::-moz-placeholder{
    color:#333333 !important;
}
div.articles-search input:focus:-ms-input-placeholder, div.articles-search input:hover:-ms-input-placeholder {
    color:#333333 !important;
}

.item-link.selected-article{
    border-radius: 12px;
    background-color: rgba(43, 109, 60, 0.05);
    overflow: hidden;
}
.paAr{
    margin-bottom: 0;
}
.tags{
    display: flex;
}
.teg{
    color: rgba(0, 0, 0, 0.70);
    font-size: 14px;
    margin: 12px;
    border-radius: 16px;
    background-color: #fff;
    padding: 4px 12px;
}

.articles img {
    width: 100%;
    margin-bottom: 16px;
}

.articles h5 {
    margin-top: 16px;
    position: relative;
    top: -4px;
    margin-bottom: 6px;
}

.articles p{
    margin-top: 0;
    line-height: normal;
    color: #333;
}
.articles .image{
    background-color: #f2f2f2;
    background-position: center;
    background-size: cover;
}

.article-small{
    margin-bottom: 16px;

    /*min-height: 164px;*/
    position: relative;

    border-radius: 12px;
    background-color: rgba(43, 109, 60, 0.05);
    overflow: hidden;
}
.article-small .image{
    width: 272px;
    height: 164px;;
    position: absolute;
    top: 0;
    left: 0;
}
.article-small p:not(:last-child){
    margin-bottom: 10px;
}
.article-small a.item-link{
    padding-left: 272px;
}
/*.article-preview:after{*/
/*    content: '...';*/
/*    display: inline-block;*/
/*}*/
.ch-l-download {
    /*margin-right: 12px;*/
}

a.item-link{
    display: block;
}
a.item-link .transparent-overlay{
    height: 100%;
    width: 100%;
    position: absolute;
}
a.item-link:hover{
    opacity: 0.8;
}

.house-you-need{
    margin-top: 76px;
    margin-bottom: 30px;
}
.house-you-need .flex{
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
}
.house-you-need .heading-wrapper{
    padding-right: 0;
    flex-basis: calc(100% - 457px);
    /*float: left;*/
}
.house-you-need .heading {
    width: 100%;
    padding: 43px 50px;
    background: var(--color-brand-primary);
    max-width: unset;
}
.house-you-need .heading p,
.house-you-need .heading h2{
    color: white;
}
.house-you-need .heading h2{
    margin-top: 0;
}
.house-you-need .heading p{
    line-height: 20px;
    text-align: left;
    font-weight: normal;
}

.house-you-need .heading .main-plaza__button{
    padding: 0 42px;
}

.house-you-need img {
    max-width: 100%;
    max-height: 100%;
}

.house-you-need .slider-wrap{
    flex-basis: 457px;
    width: 457px;
    flex-shrink: 0;
    flex-grow: 0;
}
.house-you-need .slick-test,
.house-you-need .slick-list,
.house-you-need .slick-track{
    height: 100%;
}
.house-you-need .slick-test .slick-slide{
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.house-you-need .slick-dots{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0;
    text-align: center;
    margin-bottom: 0;
}
.house-you-need .slick-dots li{
    display: inline-block;
    margin-right: 10px;
}
.house-you-need .slick-dots button{
    color: transparent;
    padding: 0;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 999px;
    background: transparent;
    border: 2px solid white;
}
.house-you-need .slick-dots li:last-child{
    margin-right: 0;
}
.house-you-need .slick-dots .slick-active button{
    background: white;
}

label.user_agreement{
    margin-top: 10px;
    color: #aaaaaa;
    font-size: 16px;
}
label.checkbox{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;

}
.checkbox > input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    z-index: -1;
}


.checkbox__icon {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #aaaaaa;
    margin-right: 10px;
    border-radius: 6px;
}

.checkbox__icon::after {
    display: none;
    content: "";
    position: absolute;
    top: calc(39% - 2px);
    left: 75%;
    width: 18px;
    height: 10px;
    border-bottom: 4px solid #aaaaaa;
    border-left: 4px solid #aaaaaa;
    transform: translate(-50%,-50%) rotate(-45deg);
    border-radius: 3px;
}

.checkbox__icon:hover::after{
    border-color: #99cc33;
}

input[type="checkbox"]:checked ~ .checkbox__icon::after {
    display: block;
}
.hidden-input{
    display: none;
}



.btn.btn-orange {
    color: white;
    background: #C8821C;
    padding: 17px 40px;
    margin-top: 25px;
    border-bottom: 5px solid #bb6e00;
    border-radius: 10px;
    min-width: unset;
    margin: unset;

    font-size: 20px;
    font-weight: 900;
    line-height: 1;

    transition: all 0.2s;
}
.btn.btn-orange:hover{
    background: #ffb226;
    border-bottom-width: 3px;
    padding-top: 19px;
}
.btn.btn-orange:active{
    box-shadow: none;
}
.form-group .form-control{
    background: #f2f2f2;
    border-radius: 10px;
    text-align: left;
    font-size: 14px;
    /*border: 1px solid #f2f2f2;*/
}
.form-group .form-control,
.form-group .form-control:hover,
.form-group .form-control:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    outline: none;
}
.form-group .form-control:focus{
    /*border: 1px solid #99cc33;*/
    background: #ddd;
}

.technology-wrap-img {
    border-bottom-right-radius: 24px;
}
@media (min-width: 768px) {
    .technology-wrap .container {
        margin-bottom: 150px;
    }
    .technology-wrap-text {
        padding: 40px;
        font-size: 24px;
    }

    .container.check-list p{
        text-align: left;
    }

    .check-list_wrapper {
        background-size: 43%;
        background-position: right;
    }

    .btn.btn-primary.primary-alt{
        max-width: 200px;
    }

    .app{
        width: 100%;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
    }
    .app .text,
    .app .image{
        flex-basis: calc(50% - 15px);
    }

    .app p{
        font-size: 24px;
        line-height: normal;
        margin-bottom: 10px;
    }
    .app ul{
        line-height: normal;
        margin-bottom: 10px;
        list-style: none;
        padding: 0;
    }
    .app ul>li:before{
        content: '— ';
        margin: 0;
    }
    .app p:not(:last-child){
        margin-bottom: 0;
    }
    .app .image img,
    .app .image iframe{
        width: 100%;
    }

    .apps .app .btn{
        width: auto;
        margin-top: 40px;
    }

    .apps .app .image {
        margin-top: 20px;
    }

    h3.technology-header-h3{
        /*margin-top: 43px;*/
        font-size: 40px;
        /*margin-bottom: 30px;*/
        margin-bottom: 12px;
    }
    .seminar h4{
        font-size: 20px;
    }
    .about-construction-wrapper p, .check-list-text {
        font-size: 24px;
    }

    h2, h1{
        font-size: 36px;
        margin-bottom: 30px;
    }
    .btn.btn-primary.primary-alt{
        min-width: auto;
        font-size: 18px;
    }
    .house-you-need .slider-wrap img.fotorama__img{
        top: 0 !important;
    }
    .house-you-need .heading {
        padding: 17.5px 25px;
        background: var(--color-brand-primary);
    }

    h5.tech-h5-heading{
        font-size: 20px;
    }
    .paAr{
        padding: 0 16px;
    }

    .article-small {
        height: 164px;
    }
}


/*@media screen and (max-width: 1200px){*/
/*    h2, h1{*/
/*        font-size: 36px;*/
/*        margin-bottom: 30px;*/
/*    }*/
/*    .btn.btn-primary.primary-alt{*/
/*        min-width: auto;*/
/*        font-size: 18px;*/
/*    }*/
/*    .house-you-need .slider-wrap img.fotorama__img{*/
/*        top: 0 !important;*/
/*    }*/
/*    .house-you-need .heading {*/
/*        padding: 17.5px 25px;*/
/*        background: var(--color-brand-primary);*/
/*    }*/
/*}*/
@media screen and (max-width: 991px){
    .house-you-need .flex{
        flex-flow: column-reverse;
    }
    .house-you-need .heading-wrapper{
        padding-right: 0;
        flex-basis: unset;
        width: 100%
    }
    .house-you-need .slider-wrap{
        flex-basis: unset;
        width: 100%;
        flex-shrink: 0;
        flex-grow: 0;
        height: 224px;
    }
    #js_articles_remaining .article-small {
        flex: 0 0 100%; /* На мобильных устройствах карточки на всю ширину */
    }
    .fotorama__dot {
        box-shadow: 0 0 9px 1px rgba(0,0,0,0.5);
        color: white !important;
        border: 2px solid white !important;
    }
    h2, h1{
        /*font-size: 30px!important;*/
        font-size: 30px;
        font-weight: 500;
        line-height: normal;
        margin-top: 20px;
        margin-bottom: 15px;
    }

    .building-technologies{
        margin-bottom: 30px;
    }
    .building-tech-item{
        margin-bottom: 20px;
    }
    .building-tech-item a{
        height: 243px;
    }
    .building-tech-title{
        font-size: 20px;
    }
    .container.check-list{
        padding: 0;
    }
    .container.check-list p{
        margin-bottom: 20px;
    }
    /*.container.check-list > .row{*/
    /*    flex-direction: column-reverse;*/
    /*}*/
    .container.check-list .image-box{
        padding-top: 30%;
        padding-bottom: 30%;
    }

    .container.check-list .row .col-md-6:nth-child(2) > div > .row{
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    /*.container.check-list > .row > .col-md-6:first-child{*/
    /*    height: 250px;*/
    /*}*/
    .container.check-list>.row>.col-md-6:nth-child(2){
        padding: 32px 15px;
    }
    .container.check-list .row .col-md-6:nth-child(2) > div h3{
        font-size: 26px;
    }
    .container.check-list>.row>.col-md-6:nth-child(2)>div{
        padding: 32px 15px;
        margin-left: 0;
        margin-top: -30px;

    }
    .container.check-list .row .col-md-6:nth-child(2) > div > .row > div{
        flex-direction: column;
        width: 100%;
    }
    .container.check-list .col-md-7 > div{
        padding: 30px 15px 20px;
    }
    .container.check-list .col-md-7 > div > .row > div{
        flex-direction: column;
    }
    .container.check-list .ch-l-download{
        /*margin-bottom: 25px;*/
    }
    .choose-company-detail-link{
        margin-top: 20px;
        text-align: center;
    }
    .btn.btn-primary.primary-alt{
        width: 100%;
    }
    .container.check-list >.row >.col-md-6{
        padding-right: 15px;
    }
    .articles-search{
        margin-right: 0;
    }

    .article-small{
        min-height: 130px;
    }
    .article-small a.item-link{
        padding-left: 0;
    }
    .article-small .date{
        position: absolute;
        bottom: 7px;
        right: 15px;
        color: white;
        opacity: 0.8;
        text-shadow: 0 0 3px black;
    }
    .article-small .image{
        /*width: 100%;*/
        width: 135px;
        /*height: unset;*/
        height: 130px;
        /*padding-top: 68%;*/
        position: relative;
        margin-bottom: 16px;
    }
    .house-you-need{
        padding: 0;
        margin-top: 50px;
    }
    .house-you-need .mobile-flex{
        display: flex;
        flex-direction: column-reverse;
    }
    .house-you-need .slider-wrap,
    .house-you-need .heading-wrapper{
        width: 100%;
    }
    .house-you-need .heading{
        padding: 23px 15px 30px;
        margin: 0;
    }
    .house-you-need .btn{
        width: 100%;
    }

    .hidden-mobile {
        display: none;
    }
    .apps .app{
        flex-direction: column-reverse;
    }
    .apps .app h4{
        font-size: 20px;
    }
    .apps .app:not(:nth-child(2)) h4{
        margin-top: 20px;
    }
    .apps .app .btn{
        width: 100%;
        margin-top: 25px;
    }
    .apps .app p{
        margin-top: 0;
    }

    .checkbox__icon{
        flex-basis: 20px;
        flex-shrink: 0;
    }

    .calc__container{
        margin-bottom: 30px;
    }
    .calc__toggle{
        background-color: var(--color-brand-primary);
        background-image: url(https://www.gwd.ru/upload/medialibrary/3b2/3b29d7f248afa3dbea0972693e85ca55.png);
        background-repeat: no-repeat;
        background-position: calc(100% + 80px) 25px;
        background-size: 71%;
        color: white;
        padding-top: 8px;
    }
    .calc__toggle p{
        font-weight: normal;
        padding-right: 119px;
        margin-bottom: 25px;
    }
    .calc__toggle button{
        width: 100%;
    }
    #calculation_heating{
        padding-top: 30px;
    }

}

.search_block {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
}

.search-count {
}

.search_block .form {
    /*width: 200px;*/
    height: 50px;
    display: flex;
    margin: 0 auto;
}
input.search {
    height: 100%;
    width: 100%;
    background-color: #00000008;
    padding-left: 16px;
    border-top-left-radius: 10px!important;
    border-bottom-left-radius: 10px!important;
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
}
.submit-button {
    background-color: #00000008;
    border: none;
    width: 54px;
    height: 100%;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.submit-button svg {
    fill: #000;
    padding: 7px;
}

@media all and (max-width: 768px) {
    h1, h2 {
        font-size: 24px;
        text-align: center;
        font-weight: 600!important;
    }
    p {
        font-size: 18px;
    }
    .technology-wrap .container {
        width: 360px;
        margin-bottom: 80px;
        padding: 0;
    }
    .about-construction {
        position: relative;
        border-radius: 24px;
        overflow: hidden;
        height: 300px;
    }
    .about-construction-wrapper {
        width: 100%;
        height: 100%;
        margin: 0;
    }
    .technology-wrap-text {
        padding: 0 24px;
        position: absolute;
        top: 0;
    }
    .technology-wrap-text p {
        /*font-size: 18px;*/
        width: 240px;
    }
    .technology-wrap-img_wrapper {
        height: 80%;
        position: absolute;
        right: -160px;
        bottom: -25px;
    }
    .technology-wrap-img {
        /*border: 1px solid green;*/
        max-width: 100%;
        max-height: 100%;
        object-fit: cover;
    }
    .choose-company-detail-link{
        margin-top: 0;
        margin-bottom: 0;
    }

    .building-tech-item {
        border-radius: 24px;
    }
    .check-list {
        height: 545px;
    }
    .check-list_wrapper {
        width: 90%;
        height: 100%;
        background-size: 85%;
        background-position: 0px 42%;
    }
    .check-list_wrapper h2 {
        text-align: center;
    }
    .check-list-text {
        /*font-size: 18px;*/
        text-align: center;
        padding: 0 20px;
    }

    .check-list_wrapper .button_wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 24px;
    }

    .check-list_wrapper .button_wrapper .btn {
        width: 312px;
        margin: 0;
        padding: 0;
    }

    .check-list_wrapper .button_wrapper .btn:nth-child(2) {
        margin-top: 12px;
    }

    .apps p {
        padding: 0 10px;
        text-align: center;
    }

    .apps p:nth-child(2) {
        margin-bottom: 30px;
    }

    .apps .app {
        display: block;
        /*border: 1px solid green;*/

    }
    .apps .app img {
        margin-top: 20px;
    }
    .app img {
        width: 100%;
    }

    .calculate .app p:nth-child(3) {
        width: 312px;
        position: absolute;
        margin: 0;
        bottom: 24px;
    }

    .calculate h2 {
        text-align: left;
    }
    .btn.btn-primary.primary-alt {
        margin: 0;
    }

    .faq .panel-body{
        font-size: 14px;
    }

    .articles-search{
        display: none;
        width: 100%;
        margin-left: -135px;
    }
    .articles-search input{
        width: 95%;
    }

    .articles .col-xs-12{
        margin-bottom: 0;
    }
    .house-you-need .fotorama__nav-wrap{
        margin-top: 52%;
    }
    .row.stages-section .col-md-2.col-sm-1{
        padding-left: 0;
    }

    .row.stages-section .col-md-10.col-sm-11{
        margin-left: 10px;
    }

    .faq h2 {
        margin-bottom: 30px;
    }

    .faq .panel-heading{
        padding: 16px;
    }
    .faq .panel-body{
        padding: 16px;
    }
    .faq .panel-group{
        margin-bottom: 0;
    }
    .ask-question h2{
        font-size: 20px;
    }
    .ask-question p{
        margin-top: 4px;
        line-height: normal;
        margin-bottom: 25px;
    }
    .faq .ask-question button.btn{
        width: 100%;
    }
    .faq .ask-question-form{
        width: 100%;
    }
    .gwd__checkbox-approve__label, .gwd__checkbox-approve__link {
        color: #AAAAAA!important;
    }
    .articles-heading {
        flex-direction: column;
        align-items: flex-start;

    }
    .search_block {
        width: 100%;
        margin-bottom: 16px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 10px;
    }
    .search_block .form {
        width: 100%;
    }

    .search_block .submit-button svg {
        width: 24px;
        height: 24px;
        padding: 0;
    }

    .article-text {
        max-width: 210px;
    }

    a.item-link {
        display: flex;
        flex-direction: row;
        max-height: 130px;
    }

    .tech-h5-heading {
        font-size: 16px;
    }

    .paAr{
        padding: 0 12px;
    }

    .articles .flex-centered {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 650px){
    .house-you-need .heading h3{
        line-height: 32px;
    }
}
@media screen and (max-width: 480px){
    .seminar .technology-header-h3{
        font-size: 28px;
    }
}

a.arrow_on_end{
    text-decoration: none!important;
    /*border-bottom: none!important;*/
}
a.arrow_on_end .underline{
    text-decoration: underline;
}
a.arrow_on_end:hover .underline{
    text-decoration: none;
}

/* End */


/* Start:/local/include-areas/technology/building-technologies/style.css?17748679301739*/
.building-technologies .row{
    margin-left: -1.2rem;
    margin-right: -1.2rem;
}
.building-technologies .row > [class*=col]{
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}

.building-tech-item__wrapper{
    margin-bottom: 1.6rem;
}
.building-tech-item{
    height: 17.6rem;
    width: 100%;

    background-color: #F8FAF9;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right;
    padding: 2.4rem 2.4rem 2.4rem;
    display: flex;
    flex-flow: column;
    justify-content: space-around;
    align-items: flex-start;

    border-radius: 0.8rem;
}
.building-tech-title{
    font-size: 1.8rem;
    color: var(--color-brand-primary);
    font-weight: 700;
    line-height: 1.2;
    flex-grow: 1;
    margin-bottom: 0;
    margin-top: 0;
}
.building-tech-item .btn{
    display: flex;
    align-items: center;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    width: 140px!important;
    height: 40px!important;
    border: 1px solid red;
}


/*.building-tech-item__wrapper .btn-outline-brand {*/
/*    width: 140px!important;*/
/*    height: 40px!important;*/
/*    border: 1px solid red;*/
/*}*/
.btn-outline-brand {
    font-weight: 500!important;
}
/*.building-tech-item .btn svg{*/
/*    width: 2rem;*/
/*    height: 1.5rem;*/
/*    fill: var(--button-color);*/
/*}*/

@media (max-width: 991px) {
    .building-tech-item .btn{
        height: 4rem;
    }
}
@media (min-width: 768px) {
    .building-tech-item__wrapper{
        margin-bottom: 2.4rem;
    }
    .building-tech-item {
        height: 26.6rem;
        padding: 4rem 4rem 5rem;
        justify-content: space-between;
    }
    .building-tech-title {
        font-size: 2.4rem;
        flex-grow: 0;
    }

}
/* End */


/* Start:/local/css/elements/v2024/btn.outline-brand.css?1774867930236*/
.btn.btn-outline-brand{
    --button-color: var(--accent-500);
    --button-background: var(--white-a10);
    --button-hover-background: var(--accent-a25);
    border: 0.1rem solid var(--button-color);
}
.btn.btn-outline-brand:hover{

}
/* End */


/* Start:/local/bitrix/templates/main_page-bootstrap-v2/components/bitrix/news.list/milestones.preview.with_ajax.fancybox/style.css?17748679291471*/
.milestones{
    position: relative;

}
#menu-content{
    /*padding: 25px 20px;*/
}
.milestones h1 {
    text-align: center!important;
}
.milestones__menu__list{
    padding-left: 0;
}
.milestones__preview{
    overflow: hidden;
    height: 661px;
}
.milestones__preview__content{
    flex-grow: 1;
}
.stage-continue{
    width: 100%;
    text-align: center;
}
.milestones__stage-fader{
    width: 100%;
    height: 98px;
    text-align: center;
    flex-grow: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 70%);
}

@media(min-width: 768px){
    .milestones__preview {
        flex-basis: calc(100% - 165px - 30px);
    }
}
@media screen and (max-width: 768px) {
    .milestones{
        --milestones-height: 601px;
    }
    .milestones__menu{
        /*position: absolute!important;*/
        /*top: 0!important;*/
        /*height: var(--milestones-height)!important;*/
        /*z-index:10;*/
    }
    .milestones__menu-content{
        /*height: var(--milestones-height)!important;*/
    }
    .milestones .col-md-2.col-sm-1{
        display: flex;
        /*position: absolute;*/
        /*z-index: 99;*/

    }
    .milestones .col-md-10.col-sm-11{
        margin-left: 40px;
        padding-right: 10px;
        display: flex;
        flex-direction: column-reverse;
    }
    .milestones__preview{
        /*height: var(--milestones-height)!important;*/
        /*padding-left: 45px!important;*/
    }
}

/* End */


/* Start:/local/bitrix/templates/main_page-bootstrap-v2/components/bitrix/menu/milestones.2.fancybox/style.css?17748679296732*/
.milestones__menu{
   width: 100%;
}
#menu-content{
    width: 100%;
    display: flex;
    margin: 0 auto;
}
.card-item__wrapper {
    background-color: #F8FAF9;
    background-repeat: no-repeat;
    background-size: 35% auto!important;
    background-position: 98%;
    display: flex;
    flex-flow: column;
    justify-content: space-around;
    align-items: flex-start;
    border-radius: 24px;
}
#card_0 {
    background-image: url("https://www.gwd.ru/upload/medialibrary/f0d/f0d6f25fbfe8224b4968f998fb3f2cda.png");
}
#card_591 {
    background-image: url("https://www.gwd.ru/upload/medialibrary/180/1801816601da84c50734a6520a3735c9.png");
    background-size: 30% auto!important;
    background-position: 95%;
}
.card-title {
    color: var(--color-brand-primary);
    font-weight: 700;
    line-height: 1.2;
    flex-grow: 1;
    margin-top: 0!important;
    margin-bottom: 56px!important;
}

.fancybox-title {
    color: var(--color-brand-primary);
    margin-top: 0!important;
}

.milestones__menu .btn {
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.milestones__menu-section + .milestones__menu-section{
    margin-top: 20px;
}

.milestones-fancybox-content {
    display: flex;
    overflow: hidden;
    height: 90%;
}

.milestones-fancybox-content .milestones_ajax_wrapper {
    flex: 1 1 auto;
    height: 82%;
    max-height: 500px;
    overflow: hidden;
    margin-bottom: 24px; /* отступ под кнопку */

}

.stage-continue {
    position: relative;
}

.milestones_ajax_wrapper h2 {
    margin-top: 0!important;
    margin-bottom: 0!important;
}

.milestones-fancybox-content .milestones__menu__list__item {
    padding: 8px 16px;
    margin-top: 0!important;
    width: 234px;
}
.fancybox_section {
    display: none;
    overflow: hidden;
    border-radius: 24px;
}


.milestones__menu .milestones__menu-heading {
    display: block;
    line-height: normal;
    color: #333333;
    opacity: 0.6;
    cursor: pointer;
}
.milestones__menu .milestones__menu-heading svg{
    height: 10px;
    width: 10px;
    fill: #333;
}
.milestones__menu .milestones__menu-heading::after {
    content: ' ';
    height: 5px;
    width: 5px;
}
.milestones__menu__list__item{
    list-style-type: none;
    padding-left: 0;
    line-height: 1.35;
    width: 100%;
}
.milestones__menu__list__item + .milestones__menu__list__item{
    margin-top: 11px;
}
.milestones__menu__list__item .milestones__stage-toggle{
    display: inline!important;
    padding: 0!important;

    color: #333333;
    /*border-bottom: 1px solid #587640;*/

    text-decoration: none;
    font-style: normal;
}
.milestones__menu__list__item .milestones__stage-toggle:hover{
    border-bottom: none;
    color: var(--color-brand-primary);
    font-style: normal;
}
.milestones__menu__list__item .milestones__stage-toggle:hover,
.milestones__menu__list__item .milestones__stage-toggle:focus{
    background: none;
}
.milestones__menu__list__item.active {
    color: #ffffff!important;
    font-weight: bold;
    background-color: #2B6D3C;
    border-radius: 24px;
}

.milestones__menu__list__item.active .milestones__stage-toggle {
    color: #ffffff;
}


@media(min-width: 768px){
    .milestones__menu{
        /*min-height: 587px;*/
    }
    #menu-content{
        width: 100%;
        flex-direction: row;
        justify-content: space-between;

    }
    .card-item__wrapper {
        width: 558px;
    }
    .card {
        padding: 40px;
    }
    .milestones h3 {
        font-size: 28px;
    }

    .fancybox_section {
        width: 60%;
        height: 85%;
        max-height: 688px;
        padding: 40px;
    }

    .fancybox-title {
        font-size: 28px;
    }

    .milestones__menu__list{
        padding-left: 0!important;
        padding-top: 11px;
        display: flex;
        flex-flow: column nowrap;
    }

    .milestones-fancybox-content .milestones__menu__list {
        background-color: #F8FAF9;
        /*background-color: #b2b6b6;*/
        border-radius: 24px;
        height: fit-content;
        margin-right: 24px;
        /*width: 250px;*/
        flex: 0 0 250px;
        padding-top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

}

@media(max-width: 768px){
    .milestones__menu-content{
        width: 100%;
        flex-direction: column;
        overflow-y: scroll;
        height: inherit;
        max-width: 360px;
    }
    .milestones__menu.--open{
        transform: translateX(165px);
    }
    .milestones__menu.--opening{
        transition: transform 0.2s;
    }
    .card-item__wrapper {
        max-height: 200px;
        padding: 24px;
    }
    .milestones__menu-content {
        justify-content: space-between;
    }
    .card-item__wrapper:nth-child(2) {
        margin-top: 16px;
    }

    .card-item__wrapper .btn {
        width: 312px;
    }

    .milestones h3 {
        font-size: 20px;
        width: 180px;
    }

    #card_0 {
        background-size: 47% auto!important;
        background-position: 230px -60px;
    }
    #card_591 {
        background-image: url("https://www.gwd.ru/upload/medialibrary/180/1801816601da84c50734a6520a3735c9.png");
        background-size: 47% auto!important;
        background-position: 227px -75px;
    }

    .fancybox_section {
        width: 95%;
        padding: 24px;
    }

    .fancybox-title {
        font-size: 24px;
    }

    .milestones-fancybox-content .milestones__menu__list {
        background-color: #F8FAF9;
        border-radius: 24px;
        flex: 0 0 auto;
        padding-top: 0;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        height: fit-content;
        overflow-x: auto;
        overflow-y: hidden;
        max-width: 100%;
        position: absolute;

        /* скрытие скроллбара в разных браузерах */
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE и Edge */
    }

    .milestones__menu__list__item {
        flex: 0 0 auto; /* 🔑 Не даём сжиматься */
        /*max-width: 143px; !* или другая подходящая ширина *!*/
        max-width: fit-content; /* или другая подходящая ширина */
        text-align: center;
        font-size: 14px;
    }

    .milestones-fancybox-content {
        flex-direction: column;
    }
    .milestones-content {
        margin-top: 52px;
        width: 312px;
    }
    .milestones-content h2 {
        font-size: 20px;
        text-align: left;
    }

    .milestones-content .btn-outline-brand {
        width: 93%;
    }
}



/* End */


/* Start:/local/bitrix/templates/main_page-bootstrap-v2/components/bitrix/news.detail/milestones.2.fancybox/style.css?177486792915278*/
.milestones{
    line-height: 1.5;
}
.milestones h1,
.milestones h2,
.milestones h3,
.milestones h4,
.milestones h5,
.milestones h6{
    line-height: normal;
}
.milestones p,
.milestones ul,
.milestones ol{
    margin-top: 0;
    margin-bottom: 0;
}
.milestones p + p,
.milestones p + ul,
.milestones p + ol,
.milestones ol + p,
.milestones ol + ul,
.milestones ol + ol,
.milestones ul + ul,
.milestones ul + ol,
.milestones ul + p{
    margin-top: 10px;
}
.milestones .section .row:after,
.milestones .section .row:before{
    content: none;
}
.milestones h1,
.milestones h2{
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 500;
}
.milestones h3{
    font-weight: 500;
    line-height: 1.35;
    margin-bottom: 20px;
    margin-top: 40px;
}
.milestones h3.statement{
    text-align: center;
    line-height: 1.5;
    margin-top: 50px;
    margin-bottom: 50px;
    font-weight: bold;
}
.milestones h2 + h3{
    margin-top: 30px;
}

.milestones h4{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 30px;
    margin-bottom: 20px;
}
.milestones h4:first-child{
    margin-top: 40px;
}
.milestones a.underlined{
    border: none;
    text-decoration: underline;
}
.milestones a.underlined:hover{
    border: none;
    text-decoration: none;
}
.milestones{
    counter-reset: h2-counted-counter h3-counted-counter;
}
.milestones .section{
    counter-reset: h3-counted-counter;
}
.milestones h2.counted{
    counter-increment: h2-counted-counter;
    display: flex;
    flex-flow: row;
}
.milestones h2.counted:before{
    content: counter(h2-counted-counter) '.';
    margin-right: 0.25em;
    flex-grow: 0;
    flex-shrink: 0;
}

.milestones h3.counted{
    counter-increment: h3-counted-counter;
    display: flex;
    flex-flow: row;
}
.milestones h3.counted:before{
    content: counter(h3-counted-counter) '.';
    margin-right: 0.25em;
    flex-grow: 0;
    flex-shrink: 0;
}

.row{
    position: relative;

    --col-left-width: 70%;
}
.row > .col-right,
.row > .col-left{
    padding-left: 15px;
    padding-right: 15px;
}
.row > .col-left{
    width: var(--col-left-width);
}
.row > .col-right{
    width: calc(100% - var(--col-left-width));
    position: absolute;
    right: 0;
    top: 0;

    font-size: 14px;
}

.milestones .section + .section{
    margin-top: 50px;
}

.milestones ul{
    padding-left: 21px;
}
.milestones ul.dashed{
    list-style: none;
    padding-left: 30px;
}
@media(max-width: 991px){
    .milestones ul.dashed{
        padding-left: 0;
    }
}
.milestones ul.dashed li{
    position: relative;

    margin-bottom: 0;
    margin-top: 0;
    padding-left: 19px;
}
.milestones ul.dashed li:before{
    position: absolute;

    top: 0;
    left: 0;
    content: '— ';
}

.milestones ul.checked{
    padding-left: 0;
}
.milestones ul.checked li{
    list-style: none;
    position: relative;

    margin-top: 0;
    margin-bottom: 0;
    padding-left: 27px;
}
.milestones ul.checked li:before{
    position: absolute;
    content: '';

    display: block;
    left: 0;
    top: 4px;
    width: 19px;
    height: 15px;

    background-image: url(/local/icons/green-check.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.milestones ul.checked li + li{
    margin-top: 10px;
}

.milestones ol{
    list-style-position: outside;
    padding-left: 17px;
}
.milestones ol.two-digit{
    padding-left: 28px;
}

.milestones ol > li + li{
    margin-top: 10px;
}
.milestones ul.gutter li + li,
.milestones ol.gutter li + li{
    margin-top: 10px;
}
.milestones ol > li > ul.dashed{
    padding-left: 12px;
}
@media(max-width: 991px){
    .milestones ol > li > ul.dashed{
        padding-left: 0;
    }
}
.row > .col-right ul.dashed{
    padding-left: 0;
}

.milestones ol.braced{
    --braced-pl: 50px;

    counter-reset: ol-braced-counter;
    padding-left: var(--braced-pl);
    list-style: none;
}
.milestones ol.braced.two-digit{
    padding-left: var(--braced-pl);
}
.milestones ol.braced li{
    counter-increment: ol-braced-counter;
    position: relative;
}
.milestones ol.braced li:before{
    content: counter(ol-braced-counter) ')';

    width: calc(var(--braced-pl) - 5px);
    text-align: right;

    position: absolute;
    top: 0;
    left: calc(var(--braced-pl) * -1);
}
.milestones ul.dotted{
    list-style: none;
    padding-left: 45px;
}
.milestones ul.dotted li{
    position: relative;
}
.milestones ul.dotted li::before{
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background: #587640;
    border-radius: 999px;

    position: absolute;
    top: 9px;
    left: -15px;
}
@media(max-width: 991px){

}

ul.dashed.gutter li.row:before{
    content: none;
}
ul.dashed.gutter li.row{
    position: relative;
    margin-left: -45px;
    padding-left: 0;
}
ul.dashed.gutter li.row > *:first-child{
    position: relative;
    padding-left: 64px;
}
ul.dashed.gutter li.row > *:first-child:before{
    position: absolute;

    top: 0;
    left: 45px;
    content: '— ';
}

.milestones__video-wide{
    margin-top: 30px;
    margin-bottom: 30px;
}
.milestones__video-wide__wrapper{

}
.milestones__video-wide__iframe{
    width: 100%;
    height: 532px;
    display: block;
}
p.milestones__video-wide__caption,
.milestones__video-wide__caption{
    margin-top: 10px;
    font-size: 14px;
}


.milestones__important{
    position: relative;

    border-left: 3px solid #c7811d;
    padding-left: 20px;
    padding-top: 37px;
    margin-top: 30px;
    margin-bottom: 30px;

    font-size: 14px;
}
.milestones__important:before{
    content: 'Важно!';

    position: absolute;
    top: 0;
    left: 20px;

    font-size: 20px;
    font-weight: 500;
    line-height: 1.35;
}

.milestones__important.no-header{
    padding-top: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}
.milestones__important.no-header:before{
    content: none;
}
.milestones__important:last-child{
    margin-bottom: 0!important;
}

.mt-image{
    margin-top: 30px;
}
.mt-image-sm{
    margin-top: 20px;
}
.mb-30{
    margin-bottom: 30px;
}

.col-left .milestones__caption{
    font-size: 14px;
    margin-top: 10px;
    line-height: 1.5;
}
.milestones__constructed-image{
    width: 100%;
}
.milestones__constructed-image img{
    width: 100%;
}
.milestones__constructed-slick-image-wrapper{
    width: 100%;
}
.milestones__constructed-slick-image{
    position: relative;
    width: 100%;
    padding-top: 58%;
}
.milestones__constructed-slick-image img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;
}
.milestones__constructed-slick-slider .slick-arrow,
.milestones__videos-slick .slick-arrow{
    background: none;
    padding: 0;

    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;

    position: absolute;
    z-index: 100;

    top: calc(50% - 7px);

    filter: drop-shadow(0 0 5px rgba(0,0,0,0.5));
}
.milestones__constructed-slick-slider .slick-arrow:focus,
.milestones__videos-slick .slick-arrow:focus{
    outline: none;
}
.milestones__constructed-slick-slider .slick-arrow.slick-disabled,
.milestones__videos-slick .slick-arrow.slick-disabled{
    opacity: 0.5;
}
.milestones__constructed-slick-slider .slick-arrow.slick-prev,
.milestones__videos-slick .slick-arrow.slick-prev{
    border-left: 0 solid transparent;
    border-right: 13px solid white;

    left: 20px;
}
.milestones__constructed-slick-slider .slick-arrow.slick-next,
.milestones__videos-slick .slick-arrow.slick-next{
    border-right: 0 solid transparent;
    border-left: 13px solid white;

    right: 20px;
}

.image-bordered .milestones__constructed-image img,
.image-bordered .milestones__constructed-slick-image img{
    border: 1px solid #d2d2d2;
    box-sizing: border-box!important;
}
.image-bordered .milestones__constructed-slick-image img{
    width: calc(100% - 1px);
}

.milestones__speaker{

}
.milestones__constructed-speaker-image{
    width: 100px;
    height: 100px;
    display: block;

    margin-bottom: 10px;
}
.milestones__constructed-speaker-image img{
    width: inherit;
}
.milestones__speaker__title{
    font-weight: 500;
    display: block;
}
.milestones__speaker__content{
    display: block;
    position: relative;

    padding: 20px;
    margin-top: 24px!important;
    border-radius: 10px;

    background: #f2f2f2;
}
.milestones__speaker__content:before{
    content: '';
    display: block;

    position: absolute;
    top: -10px;
    left: 40px;

    width: 20px;
    height: 20px;
    transform: rotate(45deg);

    background: #f2f2f2;
}

.milestones__videos-slick{
}
.milestone-video{
    width: 100%;
    height: 532px!important;
}
.milestones__videos-thumbs{
    margin-left: -15px;
    margin-right: -15px;

    display: flex;
    flex-flow: row wrap;
}
.milestones__videos-thumb__wrapper{
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 30px;

    width: 20%;
    flex: 0 0 20%;

}
.milestones__videos-thumb{
    width: 100%;
    padding-top: 56%;

    position: relative;
    display: block;
}
.milestones__videos-thumb.--active{
    outline: 5px solid #c7811d;
}
.milestones__videos-thumb:focus{
    outline-offset: 0;
}
.milestones__videos-thumb img{
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;

    object-fit: cover;
    object-position: center;
}

.milestones__extra{
    background-color: #f2f2f2;
    padding: 20px;
}
.milestones__extra__heading{
    font-weight: 500;
}

.milestones__arrows{
    --arrow-side-padding: 82px;


    margin-top: 70px;
}
.milestones__arrow{
    background: #f9f9f9;
    width: calc(50% - 15px);
    padding-top: 22px;
    padding-bottom: 22px;

    cursor: pointer;

    position: relative;

    line-height: 1.35;
}
@media(min-width: 992px){
    .milestones__arrows{
        position: relative;
        height: 100px;
        width: 100%;
    }
    .milestones__arrow{
        position: absolute;
        top: 0;
    }
    .milestones__prev{
        left: 0;
    }
    .milestones__next{
        right: 0;
    }
}
.milestones__arrow h3{
    margin-top: 0!important;
    margin-bottom: 7px!important;
    color: #587640;
}
.milestones__arrow p{
    margin: 0!important;
    color: #333;
}
.milestones__arrow svg{
    width: 32px;
    height: 32px;

    position: absolute;
    top: 34px;

    fill: #aaa;
}
.milestones__prev{
    padding-left: var(--arrow-side-padding);
    text-align: left;
}
.milestones__prev svg{
    left: 20px
}
.milestones__next{
    padding-right: var(--arrow-side-padding);
    text-align: right;
}
.milestones__next svg{
    right: 20px;
    transform: scaleX(-1);
}
.milestones__arrow:hover{
    background: #f2f2f2;
}

@media(max-width: 991px){
    .milestones h1,
    .milestones h2{
        font-size: 25px;
        text-align: left;
    }
    .milestones h2{
        line-height: normal;
    }
    .milestones h1{
        margin-top: 30px;
    }
    .milestones h2 + h3{
        margin-top: 20px;
    }
    .milestones h3{
        line-height: 1.35;
        margin-top: 30px;
    }
    .milestones__content{

    }
    .row > .col-left{
        width: 100%;
    }
    .row > .col-right{
        width: 100%;
        position: static;
        font-size: 16px;

        margin-top: 20px;
    }
    .slick-slide img{
        width: 100%;
    }
    .milestones ol.braced{
        --braced-pl: 20px;
    }
    .milestones ol.braced.two-digit{
        --braced-pl: 29px;
    }
    .mt-image{
        margin-top: 20px;
    }
    .milestones ul.dotted{
        padding-left: 15px;
    }

    ul.dashed li.row .col-right{
        padding-left: 45px;
        margin-bottom: 30px;
    }
    .milestones a.btn.btn-green{
        width: 100%;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }
    .milestones__caption{
        text-align: center;
        font-size: 14px!important;
        margin-top: 10px!important;
    }
    .milestones__side-link{
        margin-top: 30px!important;
        margin-bottom: 30px;
        font-style: italic;
        font-size: 14px!important;
        text-align: center;
    }
    .milestones__important{
        padding-left: 15px;
    }
    .milestones__important:before{
        left: 15px;
    }
    .milestones__extra{
        font-size: 14px;
        margin-top: 20px!important;
        margin-bottom: 20px!important;
    }
    .milestones__important{
        margin-top: 20px!important;
    }
    .milestones__speaker{
        margin-top: 30px;
        margin-bottom: 30px;

        text-align: center;
        font-size: 14px;
    }
    .milestones__constructed-speaker-image{
        margin-left: auto;
        margin-right: auto;
    }
    .milestones__speaker__content{
        text-align: left;
    }
    .milestones__speaker__content:before{
        left: calc(50% - 11px);
    }
    .milestones__videos-slick-mobile .slick-list{
        overflow: visible;
        margin-left: -10px;
        margin-right: -10px;
    }
    .milestone-video{
        position: relative;
        padding-left: 10px;
        padding-right: 10px;
        height: auto!important;
    }
    .milestones__video-img-wrapper{
        display: block;
        position: relative;
        width: 100%;
        padding-top: 56%;
    }
    .milestone-video img{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        object-fit: cover;
    }
    .milestone-video:after{
        content: '';
        width: 48px;
        height: 33px;

        position: absolute;
        left: calc(50% - 24px);
        top: calc(50% - 28px);

        display: block;
        background-image: url(/local/icons/yt-button.svg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .milestones__video-description{
        margin-top: 10px;
        line-height: 1.5;
        font-size: 14px;
        display: block;
        color: #333;
    }

    .milestones__video-wide{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .milestones__video-wide__wrapper{
        padding-top: 56%;
        width: 100%;
        position: relative;
    }
    .milestones__video-wide__iframe{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }
    .milestones__video-wide__caption{
        text-align: center;
    }

    .fancybox-slide--iframe .fancybox-content{
        width: 90vw;
        max-width: 90vw;
        height: 50vw;
        max-height: 50vw;
    }

    .milestones-detail{
        position: relative;
        padding-left: 30px!important;
        margin-bottom: 315px;
    }
    .milestones__arrows{
        position: absolute;
        left: 0;
        bottom: -265px;
        width: calc(100%);

        display: flex;
        flex-flow: column-reverse;

        --arrow-side-padding: 72px;
    }
    .milestones__arrow{
        width: 100%;
    }
    .milestones__next{
        margin-bottom: 15px;
    }

    .milestones-detail.--one_arrow{
        margin-bottom: 200px;
    }

    .milestones-detail.--one_arrow .milestones__arrows{
        bottom: -165px;
    }
}


.col-right .milestones__constructed-image + p{
    margin-top: 10px;
}
/* End */


/* Start:/local/css/elements/gwd.button.green.css?1774867930613*/
button.btn.btn-green,
a.btn.btn-green{
    border: none!important;
    background-color:  var(--color-brand-primary);
    color: #ffffff!important;
    border-radius: 10px;
    font-size: 20px;
    text-align: center;
    padding: 14px 40px 14px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    white-space: normal;
    line-height: 1.2;
}
button.btn.btn-green:not(:disabled):hover,
a.btn.btn-green:not(:disabled):hover{
    background-color: var(--color-brand-primary-light);
}
button.btn.btn-green:not(:disabled):focus,
a.btn.btn-green:not(:disabled):focus{
    outline: none;
}
/* End */


/* Start:/local/css/elements/gwd.button.green2.css?1774867930636*/
button.btn.btn-green2,
a.btn.btn-green2{
    --button-color: white;
    --button-background: var(--color-brand-primary, #587640);
    /*--button-background: #2B6D3C;*/
    padding-left: 3.6rem;
    padding-right: 3.6rem;
    font-weight: 500;
}

.gwd-text-input button.btn.btn-green2 {
    background-color: var(--color-brand-primary, #2B6D3C);
}
button.btn.btn-green2:not(:disabled):hover,
a.btn.btn-green2:not(:disabled):hover{
    --button-background: var(--color-brand-primary-dark, #265F34#79a258);
    text-decoration: none;
}
button.btn.btn-green2:not(:disabled):focus,
a.btn.btn-green2:not(:disabled):focus{
    outline: none;
}
/* End */


/* Start:/local/js/vendor/slick/slick-dots-plus/1.3/slick-dots-plus.css?17748679301319*/
.slick-dots-plus{
    overflow: hidden;
    height: 30px;
    padding-top: 7px;
    position: absolute;
    bottom: 0;
    left: calc(50% - 100px);
}
.slick-dots-plus .slick-dots-plus-track{
    transition: transform 0.2s;
}
.slick-dots-plus .slick-dots-plus-button-box{
    height: 15px;
    width: 25px;
    float: left;
    opacity: 1;

    transition: opacity 0.2s;
}
.slick-dots-plus .slick-dots-plus-button{
    border: 2px solid white;
    background: transparent;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    margin-top: 0;
    margin-left: 0;
    padding: 0;
    display: block;
    cursor: pointer;
    transform-origin: 100% center;

    transition: margin 0.2s, width 0.2s, height 0.2s, background 0.2s;
}
.slick-dots-plus .slick-dots-plus-button-box.small.right .slick-dots-plus-button{
    transform-origin: 0 center;
}
.slick-dots-plus .slick-dots-plus-button-box.active .slick-dots-plus-button{
    background: white;
}
.slick-dots-plus .slick-dots-plus-button-box.small  .slick-dots-plus-button{
    transform: scale(0.66);
    border-width: 3px;
}
.slick-dots-plus .slick-dots-plus-button-box.mask{
    opacity: 0;
}
.slick-dots-plus .slick-dots-plus-button-box.mask .slick-dots-plus-button{
    cursor: default;
}
.slick-dots-plus .slick-dots-plus-button:focus{
    outline: none;
}
/* End */


/* Start:/local/bitrix/templates/main_page-bootstrap-v2/components/bitrix/news.list/faq_new/style.css?17748679297597*/
.faq-component .panel{
    border:none;
    margin-bottom: 10px!important;
    border-radius: 24px!important;

}
.faq-component .panel.active .panel-heading {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.faq-component .panel-heading{
    /*display: block;*/
    display: flex;
    justify-content: space-between;
    background-color: #eeeeee;
    /*padding: 22px 32px 22px 40px;*/
    padding: 32px;
    border:none;
    line-height: normal;
    border-radius: 16px;
    position: relative;
}

.faq-component .panel.active .panel-line {
    width: 90%;
    height: 1px;
    background-color: #aeafaf;
    position: relative;
    margin: 0 auto;

}
.faq-component .panel-heading-caret-wrapper {
    display: flex;
    align-items: center;
}

.faq-component .panel-heading-caret-text {
    color: #A2A9A4;
    font-size: 16px;
}

.faq-component .panel-heading-caret{
    content: '';
    /*position: absolute;*/
    top: calc(50% - 7px);
    /*right: 25px;*/

    width: 1.5rem;
    height: 1.5rem;
    margin-left: 10px;
    transform: rotate(90deg) scale(-1);
    transition: transform 0.2s;
    fill: #A2A9A4;
}

.faq-component .panel-heading.collapsed .panel-heading-caret{
    /*transform: rotate(90deg) scale(1);*/
    transform: rotate(0deg);
    margin-left: 10px;

}
.faq-component .panel-heading span{
    /*color: black;*/
    /*font-size: 20px;*/
    text-decoration: none;
    /*text-decoration-style: dashed;*/
    /*text-decoration-color: #a2c037;*/
}
.faq-component .panel-heading:hover span {
    border-bottom: none;
}
@media (hover: hover) {
    .faq-component .panel-heading:hover {
        background: #dedede;
    }
}
.faq-component .panel-body{
    background: #F8FAF9;
    /*background: red;*/
    padding: 18px 40px;
    border-top: none!important;
    line-height: normal;
    font-size: 18px;
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;
}

.faq-component .show-all{
    text-decoration: underline;
}
.faq-component .show-all .i{
    width: 1em;
    height: 1em;
    vertical-align: middle;
}
.faq-component .show-all:hover{
    text-decoration: none;
}
.faq-component .ask-question .inner{
    flex-direction: column;
}
.faq-component .ask-question button.primary-alt{
    width: auto;
    padding: 13px 40px;
    min-width: unset;
}
/*.ask-question .ask-question__header{*/
/*    font-size: 26px;*/
/*    text-align: center;*/
/*}*/

.faq-component .ask-question p{
    text-align: center;
    margin: 0;
    margin-bottom: 30px;
}

.faq-component .ask-question{
    margin-top: 65px;
    height: 322px;
    border-radius: 24px;
    background: url("https://www.gwd.ru/upload/medialibrary/f14/f14730834bd3aad4f8dfb3ddf6647f0f.png") no-repeat right #F8FAF9;
    background-size: 30% auto;
    display: flex;
    justify-content: center;

}

.faq-component .ask-question .ask-question-form .form-group{
    margin-bottom: 20px;
}
.faq-component .ask-question label{
    font-weight: 400;
}
.faq-component .tech-subtitle-h4.ask-form-success {
    font-weight: bold;
}
.ask-again.ask-form-success{
    color:#aaaaaa;
}
.faq-component .ask-question .gwd__checkbox-approve{
    margin-bottom: 25px;
    text-align: center;
}
.faq-component .refresh-form{
    text-align: center;
    display: block;
    padding: 20px 20px;
    border-radius: 20px;
    background: white;
    cursor: pointer;
    transition: background 0.2s;
}
.faq-component .refresh-form:hover{
    background: #f2f2f2;
}
.faq-component ul{
    list-style: none;
    padding-left: 0;
}
.faq-component .form-group{
    position: relative;
}
.faq-component input.error{
    border: 1px solid red;
}
.faq-component input{
    position: relative;
}
.faq-component span.error{
    display: none;
    color: red;
    position: absolute;
    bottom: 15px;
    left: 20px;
}
.faq-component input.error ~ span.error{
    display: block;
}
.faq-component .checkbox.user_agreement{
    justify-content: center;
    margin-bottom: 25px;
}
.faq-component .hidden-input{
    display: none;
}

.ask-question{
    position: relative;
    margin-bottom: 80px;
}
.ask-question__success{
    display: none;
    opacity: 0;

    position: absolute;
    width: 100%;
    height: 100%;

    top: 0;
    left: 0;

    background: white;

    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#ask-form {
    display: none;
    border-radius: 30px;
    padding: 40px;
    cursor: auto;
}

.ask-form-header h3 {
    margin-top: 0;
    margin-bottom: 0;
    color: #2B6D3C;
    font-size: 28px;
}

.ask-form-header p {
    margin-top: 8px;
    margin-bottom: 24px;
    width: 70%;
    font-size: 20px;
}

.ask-question-form .gwd__text-input {
    background-color: #F8F8F8!important;
}

@keyframes form__success{
    10%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
*.--animated-shown{
    display: flex!important;
    opacity: 0;
    animation-name: form__success;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.ask-question .ask-question__header {
    margin-top: 43px;
    margin-bottom: 30px;
}

.btn-green2 {
    border-radius: 12px!important;
    width: 250px;
    height: 56px;
    font-size: 18px!important;
}

@media (min-width: 768px) {
    .ask-question .ask-question__subheader {
        font-size: 24px;
    }
    .ask-question .ask-question__header{
        font-size: 26px;
        text-align: center;
    }

}

@media only screen and (max-width: 768px){
    .ask-question__subheader{
    }
    .ask-question{
        margin-bottom: 0px!important;
    }
    .btn-green2 {
        width: 100%;
    }
    .ask-question p{
        line-height: normal;
    }
    .ask-question__header{
        text-align: center;
    }
    .faq-hidden-mobile{
        display: none;
    }
    .ask-question .ask-question__header {
        font-size: 24px;
        margin-top: 24px;
        margin-bottom: 24px;
    }
    .faq-component {
        margin-left: 0!important;
        margin-right: 0!important;
    }

    .ask-question .ask-question__header {
        font-size: 24px;
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .ask-question__subheader {
        font-size: 18px;
    }

    .faq-component .ask-question{
        background: url("https://www.gwd.ru/upload/medialibrary/f14/f14730834bd3aad4f8dfb3ddf6647f0f.png") no-repeat center top 155px  #F8FAF9;
        background-size: 66% auto;
        height: 456px;
        display: block;
        padding-top: 1px;
    }
    .ask-question .ask-question-btn_wrapper {
        width: 100%;
        position: absolute;
        bottom: 24px;
    }

    #ask-form {
        height: 70%;
        position: relative;
        border: 1px solid #ccc;
    }

    #ask-form .fancybox-close-small {
        position: fixed!important;
        background: none!important;
        top: 15% !important;
        right: 10px!important;
        background: white;
        border: none;
        padding: 10px;
        font-size: 20px;
        z-index: 10;
        margin-left: auto;
        display: block;
        text-align: right;
    }
    .faq-component .panel-heading{
        padding: 1.5rem;
    }
    .faq-component .panel-body{
        padding: 2rem 1.5rem;
    }
    .ask-form-header h3 {
        font-size: 24px;
        text-align: center;
    }
    .ask-form-header p {
        font-size: 18px;
        width: 100%;
        text-align: center;
    }
    #ask-form .btn {
        width: 100%;
    }

    .ask-question-form, .ask-question-btn_wrapper {
        max-width: 312px;
    }
}
/* End */


/* Start:/local/bitrix/templates/main_page-bootstrap-v2/components/bitrix/news.detail/webinar.technology2/style.css?17748679298802*/
div.seminar{
    margin-top: 80px;
    background-color: #333;
    background-image: url(https://www.gwd.ru/upload/medialibrary/492/4928461413c449fb7cbbfdc3b447e244.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 50px;
    height: 610px;
    margin-bottom: 350px;
}

.seminar h3{
    margin-bottom: 15px;
}
.seminar h3, .seminar h4, .seminar p, .seminar ul, .seminar span{
    color: #E8E7E7;
}
.seminar h4{
    font-size: 26px;
    margin-bottom: 16px;
}

.technology-header-h4 {
    font-weight: 400;
}
#technology-section-seminar {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.technology-section_input-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.seminar ul{
    list-style-type: none;
    padding-left: 0;
}
.seminar p{
    margin-bottom: 16px;
}
.seminar ul li.listing-with-check-mark::before{
    color: white;
    line-height: 1.2;
    margin-bottom: 15px;
}
.seminar .container {
    margin-top: 82px;
}
a.seminar-link{
    border: 1px solid #ffffff;
    margin-top: 40px;
}

a.seminar-link:hover{
    color: #ffffff;
    background-color: #2B6D3C1A;
    /*border-bottom-color: transparent;*/
}
.seminar .listing-with-check-mark{
    font-weight: 400;
}
.seminar .address{
    width: 100%;
    display: inline-block;
}
.seminar .address select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    color: white;
    border:none;
    outline: none;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-style: dashed;
    text-decoration-color: #a2c037;
    border-radius: 5px;
    padding: 5px;

}
.seminar .address select:focus{
    outline: none;
}


.seminar .address select option{
    color:black;
    border:none;
    border-radius: 5px;
}

.seminar .address form{
    position: relative;
    cursor: pointer;
}

.seminar .city-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 60%;
}

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

.seminar .city-info .info-item{
    color: white;
    display: flex;
    font-size: 18px!important;
    padding-left: 5px;
    align-items: center;
    /*margin-top: 20px;*/
}
.seminar .city-info .info-item:first-child{
    margin-top: 4px;
}
.seminar .city-info .info-item p{
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 10px;
    max-width: 300px;
}
.seminar .seminar-form{
    background: #F8FAF9;
    margin-top: 50px;
    border-radius: 20px;
    overflow: hidden;
    /*padding: 35px 30px;*/
    position: relative;
    line-height: 1.35;
    /*width: 100%;*/
}

.seminar .seminar-form h4{
    color: black;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 25px;
}

.technology-section-form {
    width: 100%;
}

.seminar .seminar-form button.btn{
    width: 250px;
    font-size: 18px;
}
.seminar-form .form-group{
    margin-bottom: 0;
    width: 32%;
}
.form-control.gwd__text-input.gwd-text-input__input {
    background-color: #FFFFFF;
}
.seminar-form .form-group label:not(.gwd-text-input):first-child{
    margin-top: 0;
    /*margin-bottom: 10px;*/
    font-weight: 400;
}

.seminar-form .gwd__checkbox-approve{
    margin: 25px 0;
    width: max-content;
}
.seminar-form-success p{
    color: #333;
    text-align: center;
}
.seminar-form-success h4{
    margin: 33px 0 -8px;
}
.seminar-form .info-item{
    /*color: #333;*/
}
.technology-wrap .btn:focus{
    outline: none;
}
@keyframes seminar-success{
    10%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
.seminar-form-success{
    display: none;
    opacity: 0;

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    flex-flow: column;
    justify-content: center;

    background: white;
    padding: 50px 30px 45px;
    line-height: 1.35;

    transition: opacity .3s;
}
.seminar-form-success.--animated-shown{
    display: flex;
    opacity: 0;
    animation-fill-mode: forwards;
    animation-name: seminar-success;
    animation-duration: 300ms;
}

.seminar-form-success .info-item *{
    color: #333;
}
.seminar-form-success h4{
    margin-bottom: 25px;
    margin-top: 0;
}
.seminar-form-success h4 + p{
    text-align: center;
    margin-bottom: 47px;
    margin-top: 0;
}

.seminar-form-success .info-item strong{
    display: block;
}
.seminar-form-success .info-item strong + p{
    margin-top: 10px;
    margin-bottom: 0;
    text-align: left;
}
.seminar-form-success .info-item + .info-item{
    margin-top: 30px;
}
.seminar-form-success .flex-grow{
    flex-grow: 1;
}
.seminar-form-success .seminar-form-success__bottom{
    color: #333;
    text-align: center;
    opacity: 0.6;
    margin: 0;
}


.city-selector-wrapper{
    position: relative;
    height: 50px;
}
.city-selector{
    position: absolute;
    top: 0;
    left: 0;
    transition: background 0.2s;
    border-radius: 10px;
}
.city-selector,
.city-selector .panel-heading,
.city-selector .panel-body{
    border: none;
    box-shadow: none;
}
.city-selector .panel-heading{
    transition: padding 0.2s;
    padding: 15px 35px 15px 20px;
}
.city-selector .panel-heading a{
    color: #333;
    border-bottom: 1px dashed white;
    transition: color 0.2s, border-color 0.2s;
}
.city-selector .panel-heading a::after{
    content: ' ';
    display: inline-block;
    height: 5px;
    width: 5px;
    margin-left: 10px;
    margin-bottom: 3px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom: none;
    border-left: none;
    transform: rotate(-45deg);
    position: absolute;
    top: 24px;
    right: 15px;
}
.city-selector.collapsed{
    background: transparent;
}
.city-selector.collapsed .panel-heading{
    padding-left: 0;
}
.city-selector.collapsed .panel-heading a{
    border-bottom-color: #99cc33;
    color: white;
}
.city-selector.collapsed .panel-heading a::after{
    border-bottom: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    border-top: none;
    border-right: none;

    top: 23px;
    right: unset;
}
.city-selector .panel-body{
    padding: 0 0 10px 0;
}
.city-selector .panel-body *{
    color: #333!important;
}
.city-selector .panel-body ul{
    margin-bottom: 0;
    line-height: 31px;
    cursor: pointer;
}
.city-selector ul>li{
    padding: 0 40px 0 20px;
}

.city-selector:not(.collapsed) ul>li:hover{
    background: #f2f2f2;
}
.city-selector.collapsed .panel-body * {
    color: transparent !important;
}
.btn.btn-green {
    color: white;
    padding: 0!important;
    border-radius: 10px;
    min-width: unset;
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
    transition: all 0.2s;
    margin-top: 32px;
}
.btn.btn-green:hover{
    border-bottom-width: 3px;
    padding-top: 19px;
}
.btn.btn-green:active{
    box-shadow: none;
}

@media(min-width: 768px){
    .seminar .seminar-form{
        width: 100%;
        padding: 35px 30px;
    }

    .seminar .seminar-form h2 {
        margin-top: 0;
    }

    .seminar .seminar-form .gwd__checkbox-approve {
        margin-bottom: 0;
    }
    .technology-section-form {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

}
@media(max-width: 768px){
    div.seminar{
        background-image: url(https://www.gwd.ru/upload/medialibrary/492/4928461413c449fb7cbbfdc3b447e244.png);
    }
    .seminar .listing-with-check-mark{
        padding-left: 18px;
        position: relative;
    }
    .seminar .listing-with-check-mark:before{
        position: absolute;
        top: 2px;
        left: 0;
    }
    .seminar label.checkbox{
        align-items: unset;
    }
    .seminar .seminar-form button.btn{
        padding-left: 0;
        padding-right: 0;
    }

    .technology-header-h3 {
        font-size: 24px;
    }

    .seminar h4{
        font-size: 18px;
    }

    .seminar .city-info {
        display: block;
        /*border: 1px solid red;*/
        width: 100%;
    }

    .seminar .city-info .info-item:nth-child(2) {
        margin-top: 12px;
    }

    a.seminar-link {
        width: 100%;
    }

    .seminar-form {
        width: 100vw;
        margin-left: calc(-50vw + 50%);
        padding: 24px;
    }

    .seminar-form h2 {
        margin-top: 0;
    }

    .technology-section_input-wrapper {
        /*border: 1px solid red;*/
        flex-direction: column;
        align-items: flex-start;
        max-width: 342px;
    }

    .seminar-form .form-group {
        width: 100%;
    }

    .seminar .seminar-form button.btn {
        width: 100%;
    }

    .form-control.gwd__text-input.gwd-text-input__input {
        margin-bottom: 16px;
    }
}
/* End */
/* /local/js/vendor/slick/slick.css?17748679301776 */
/* /technology/styles.css?177486793025310 */
/* /local/include-areas/technology/building-technologies/style.css?17748679301739 */
/* /local/css/elements/v2024/btn.outline-brand.css?1774867930236 */
/* /local/bitrix/templates/main_page-bootstrap-v2/components/bitrix/news.list/milestones.preview.with_ajax.fancybox/style.css?17748679291471 */
/* /local/bitrix/templates/main_page-bootstrap-v2/components/bitrix/menu/milestones.2.fancybox/style.css?17748679296732 */
/* /local/bitrix/templates/main_page-bootstrap-v2/components/bitrix/news.detail/milestones.2.fancybox/style.css?177486792915278 */
/* /local/css/elements/gwd.button.green.css?1774867930613 */
/* /local/css/elements/gwd.button.green2.css?1774867930636 */
/* /local/js/vendor/slick/slick-dots-plus/1.3/slick-dots-plus.css?17748679301319 */
/* /local/bitrix/templates/main_page-bootstrap-v2/components/bitrix/news.list/faq_new/style.css?17748679297597 */
/* /local/bitrix/templates/main_page-bootstrap-v2/components/bitrix/news.detail/webinar.technology2/style.css?17748679298802 */