/* Start:/bitrix/templates/.default/components/bitrix/news.detail/new_banner/style.css?17822853695255*/
/*
#main {
		max-width: 100%;
	}
	#content {
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
	}
	.custom-container {
		max-width: 1000px;
		margin: 0 auto;
		padding-left: 10px;
		padding-right: 10px;
	}

*/
/*баннер*/

html {
  scroll-padding-top: 160px; 
  scroll-behavior: smooth; 
}

.gate-banner,
.gate-banner * {
    box-sizing: border-box;
}
.gate-banner {
    min-height: 570px;
    /*background-position: center;
    background-size: cover;
    background-repeat: no-repeat;*/
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    position: relative;
}
.gate-banner-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.gate-banner-bg:after {
    content: '';
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.1));
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    display: block;
}
.gate-banner-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.gate-banner-wrap {
    width: 100%;
    max-width: 1030px;
    padding-left: 15px;
    padding-right: 15px;
    margin: auto;
    z-index: 1;
}
.gate-banner-info {
    border-radius: 16px;
    padding: 16px 24px;
    background: rgba(0, 0, 0, 0.25);
    max-width: 630px;
    width: 100%;
    backdrop-filter: blur(3px);
}
.gate-banner-title {
    font-family: impact, sans-serif;
    text-transform: none;
    color: #fff;
    font-size: 48px;
    line-height: 1.25;
    font-weight: 400;
    margin-bottom: 8px;
}
.gate-banner-subtitle {
    color: #fff;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 400;
    font-family: tahoma, sans-serif;
    margin-bottom: 22px;
}
.gate-banner-promise {
    display: flex;
    border-radius: 8px;
    padding: 6px 10px;
    font-family: tahoma, sans-serif;
    background: #fff;
    width: fit-content;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 26px;
}
.gate-banner-promise-item {
    font-size: 16px;
    line-height: 1.25;
    text-transform: uppercase;
    color: #262626;
    padding-left: 24px;
    position: relative;
}
.gate-banner-promise-item:before {
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMyAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjYiIGZpbGw9IiNGRjkwMDAiLz4KPHBhdGggZD0iTTIuNDAwMzkgNi4zOTk5TDUuNDY3MDYgOC43OTk5TDExLjYwMDQgMi4zOTk5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=");
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
}
.gate-banner-free {
    font-size: 18px;
    line-height: 1.25;
    color: #fff;
    font-weight: 700;
    margin-bottom: 15px;
}
.gate-banner-list {
    font-family: tahoma, sans-serif;
    margin-bottom: 24px;
}
.gate-banner-list-item {
    color: #fff;
    font-size: 18px;
    line-height: 1.25;
    position: relative;
    padding-left: 27px;
    font-weight: 400;
    margin-bottom: 9px;
}
.gate-banner-list-item:before {
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNiAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNy41IiBjeT0iNy41IiByPSI3LjUiIGZpbGw9IiM0RkQwODEiLz4KPHBhdGggZD0iTTMgOEw2LjgzMzMzIDExTDE0LjUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==");
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
}
.gate-banner-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 25px;
}
.gate-banner-btns-item {
    font-size: 16px!important;
    line-height: 1!important;
    font-weight: 400!important;
    text-transform: uppercase;
    font-family: tahoma, sans-serif!important;
    color: #fff!important;
    padding: 10px 32px!important;
    text-align: center;
    border-radius: 10px;
    text-decoration: none!important;
}
.gate-banner-btns-item--orange {
    background: #FF9000;
}
.gate-banner-btns-item--blue {
    background: #2A9FED;
}


@media screen and (max-width: 991px) {
    /*.gate-banner {
        background-position: 82% center;
    }*/
    .gate-banner-bg img {
        object-position: 81% center;
    }
}

@media screen and (max-width: 575px) {
    html {
      scroll-padding-top: 80px; 
    }
    .gate-banner-wrap {
        padding-left: 0;
        padding-right: 0;
    }
    .gate-banner-title {
        font-size: 42px;
        line-height: 1.2;
        margin-bottom: 6px;
    }
    .gate-banner-info {
        padding: 16px;
    }
    .gate-banner-subtitle {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .gate-banner-promise {
        margin-bottom: 18px;
    }
    .gate-banner-bg img {
        object-position: center;
    }
    .gate-banner-btns-item {
        width: 100%;
    }
}

/*баннер конец*/
/* End */


/* Start:/local/components/vedita/gate.calculator/templates/.default/style.css?178461477019071*/
#main {
		max-width: 100%;
	}
	#content {
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
	}
	.custom-container {
		max-width: 1000px;
		margin: 50px auto;
		padding-left: 10px;
		padding-right: 10px;
	} 
/*Êàëüêóëÿòîð*/

.calculator,
.calculator * {
    box-sizing: border-box;
}
.calculator-head {
    background: #2A9FED;
    padding: 16px 32px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.3;
    color: #fff;
}
.calculator-body {
    border: 1px solid #EEEEEE;
    border-top: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.selectric-custom-select .selectric {
    border: 1px solid #2A9FED;
    padding: 0 13px;
    border-radius: 8px;
    background: #fff;
    font-family: Arial, sans-serif;
}
.selectric-custom-select .selectric .label {
    height: auto;
    margin: 0;
    font-size: 13px;
    color: #262626;
}
.selectric-custom-select .selectric svg {
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
}
.selectric-custom-select.selectric-hover .selectric,
.selectric-custom-select.selectric-open .selectric,
.selectric-custom-select.selectric-focus .selectric {
    border-color: #2A9FED;
}
.selectric-custom-select .selectric-items {
    border: 1px solid #2A9FED;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 3px;
}
.selectric-custom-select .selectric-items .selectric-scroll {
    max-height: 164px;
    scrollbar-width: thin;
}
.selectric-custom-select .selectric-items li {
    font-size: 13px;
    line-height: 15px;
    color: #000;
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.selectric-custom-select .selectric-items li.selected {
    color: #2A9FED;
    background: #fff;
}
.selectric-custom-select .selectric-items li:hover {
    background: #F1F1F1;
}

.calculator-block {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)  minmax(0, 1fr);
    min-width: 0;
/*    grid-template-columns: repeat(3, 29.333%);*/
    gap: 6%;
}
.calculator-field {
    margin-bottom: 12px;
}
.calculator-field input {
    border: 1px solid #2A9FED;
    border-radius: 8px;
    outline: none;
    padding: 11px 13px 12px;
    font-size: 13px;
    line-height: 15px;
    background: #fff;
    color: #262626;
    width: 100%;
}
.calculator-field-title {
    font-size: 16px;
    line-height: 1.3;
    color: #262626;
    margin-bottom: 8px;
}
.calculator-field-block {
    position: relative;
}
.calculator-field-btns {
    display: flex;
    align-items: center;
    gap: 8px;
    position: absolute;
    right: 13px;
    top: 13px;
}
.calculator-field-btns svg {
    width: 16px;
    height: 17px;
    fill: #262626;
}

.calculator-orange-title {
    font-size: 17px;
    line-height: 28px;
    font-weight: 700;
    color: #FF9000;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 10px;
}

.calculator-field-group {
    margin-bottom: 16px;
}
.calculator-field-group:last-child {
    margin-bottom: 0;
}
.calculator-field:last-child {
    margin-bottom: 0;
}

.calculator-btn {
    font-size: 16px !important;
    text-transform: uppercase;
    color: #fff !important;
    border-radius: 10px;
    width: 100%;
    text-align: center;
    display: block;
    text-decoration: none !important;
    padding: 11px 10px!important;
    transition: all .3s;
    outline: none;
    border: none;
    cursor: pointer;
}
.calculator-btn--blue {
    background: #2A9FED;
}
.calculator-btn--green {
    background: #4FD081;
}
.calculator-btn:hover {
    background: #ff9000;
}
.calculator-btn + .calculator-btn {
    margin-top: 10px;
}


.calculator-result {
    border: 1px solid #BCE0FD;
    background: #EEF7FF;
    border-radius: 8px;
    padding: 24px;
    display: none;
}
.calculator-result-title {
    font-size: 17px;
    line-height: 28px;
    text-transform: uppercase;
    color: #262626;
    text-align: center;
    margin-bottom: 10px;
}
.calculator-result-title span {
    font-weight: 700;
}
.calculator-result-title-num {
    color: #FF9000;
}
.calculator-result-subtitle {
    font-size: 16px;
    line-height: 1.3;
    text-align: center;
    color: #262626;
    margin-bottom: 24px;
}

.calculator-result-info-head {
    /*display: grid;
    grid-template-columns: 4fr 1fr 1fr 1fr 1fr;*/
    padding-bottom: 16px;
    display: flex;
}
.calculator-result-info-head-cell {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
    color: #262626;
    text-align: center;
}
.calculator-result-info-head-cell:first-child {
    text-align: left;
    flex-grow: 1;
}
.calculator-result-info-row {
    /*display: grid;
    grid-template-columns: 4fr 1fr 1fr 1fr 1fr;*/
    display: flex;
    align-items: flex-start;
    margin-bottom: 14px;
}
.calculator-result-info-row:last-child {
    margin-bottom: 0;
}
.calculator-result-info-cell {
    text-align: center;
    color: #262626;
    font-size: 16px;
    line-height: 1.3;
    position: relative;
}
.calculator-result-info-cell span {
    padding: 4px 16px;
    background: #fff;
    display: block;
    text-align: right;
    width: 105px;
}
.calculator-result-info-cell:first-child {
    text-align: left;
    flex-grow: 1;
}
.calculator-result-info-cell:not(:first-child) {
    flex-shrink: 0;
}

.calculator-result-info-cell--price {
/*    margin-left: 20px;*/
    display: flex;
    align-items: center;
}
.calculator-result-info-cell--price:before {
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMTc0MiA1LjAzMzAxTDUuNDQ5NDcgNi42ODg2N0w4Ljc2MDggMTAuMTM4MUw1LjMxMTMzIDEzLjQ0OTVMNi45NjY5OSAxNS4xNzQyTDEwLjQxNjUgMTEuODYyOUwxMy43Mjc4IDE1LjMxMjNMMTUuNDUyNSAxMy42NTY3TDEyLjE0MTIgMTAuMjA3MkwxNS41OTA3IDYuODk1ODhMMTMuOTM1IDUuMTcxMTVMMTAuNDg1NSA4LjQ4MjQ4TDcuMTc0MiA1LjAzMzAxWiIgZmlsbD0iI0ZGOTAwMCIvPgo8L3N2Zz4K");
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    margin: 0 5px;
}
.calculator-result-info-cell--summ {
/*    margin-left: 20px;*/
    display: flex;
    align-items: center;
}
.calculator-result-info-cell--summ:before {
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuMzMzMzcgNlY4LjY2NjY3SDE2LjY2NjdWNkgzLjMzMzM3WiIgZmlsbD0iI0ZGOTAwMCIvPgo8cGF0aCBkPSJNMy4zMzMzNyAxMS4zMzM1VjE0LjAwMDJIMTYuNjY2N1YxMS4zMzM1SDMuMzMzMzdaIiBmaWxsPSIjRkY5MDAwIi8+Cjwvc3ZnPgo=");
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    margin: 0 5px;
}

/*.calculator-result-info-head .calculator-result-info-price:before,
.calculator-result-info-head .calculator-result-info-summ:before {
    background: none;
}*/
.calculator-result-info-cell--summ,
.calculator-result-info-cell--price {
    width: 135px;
}
.calculator-result-info-head-cell--summ,
.calculator-result-info-head-cell--price {
    width: 135px;
    padding-left: 30px;
}
.calculator-result-info-cell--measurement {
    width: 65px;
    line-height: 28px;
}
.calculator-result-info-head-cell--measurement {
    width: 65px;
}
.calculator-result-info-cell--amount {
    width: 105px;
}
.calculator-result-info-head-cell--amount {
    width: 105px;
}
.calculator-result-info-cell--name {
    padding-right: 15px;
}
.calculator-result-info-head-cell--name {
    padding-right: 15px;
}
.calculator-result-info-block {
    padding-top: 16px;
    padding-bottom: 16px;
    border-top: 1px solid #BCE0FD;
}
.calculator-result-info-block-title {
    color: #2A9FED;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 16px;
}

.calculator-result-info-cell--total {
    color: #FF9000;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 28px;
}
.calculator-result-info-cell--total-price {
    width: 440px;
}
.calculator-result-info-cell--total-price span {
    width: 100%;
}

.calculator-result-info-cell--total-price-general {
    font-weight: 700;
}

.calculator-result-info-btns {
    display: flex;
    padding-top: 20px;
    border-top: 1px solid #BCE0FD;
    gap: 16px;
    flex-wrap: wrap;
}
.calculator-result-info-btn {
    font-size: 14px!important;
    line-height: 1!important;
    font-weight: 700!important;
    font-family: Arial, sans-serif!important;
    padding: 8px 16px!important;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff!important;
    text-decoration: none!important;
    outline: none;
    border-radius: 10px;
    white-space: nowrap;
    height: 36px;
    text-align: center;
    justify-content: center;
}
.calculator-result-info-btn--orange {
    background: #FF9000;
}
.calculator-result-info-btn--blue {
    background: #2A9FED;
}


.calculator-result-info-block--total .calculator-result-info-row {
    flex-wrap: nowrap;
    gap: 10px;
}



.calculator-title {
    font-size: 42px;
    line-height: 50px;
    margin-bottom: 24px;
    font-family: impact, Charcoal, 'Russo One', sans-serif;
    color: #2a9fed;
}



.popup {
    padding: 48px;
    border-radius: 10px;
    position: relative;
    text-align: left;
    display: none;
    width: 600px;
    max-width: 100%;
    background: #fff;
}
.popup,
.popup * {
    box-sizing: border-box;
}
.popup-title {
    color: #262626;
    font-size: 32px;
    line-height: 1.3;
    margin-bottom: 20px;
}
.popup-email-wrap {
    display: flex;
    align-items: flex-end;
    gap: 20px;
}
.popup-email-wrap .calculator-field {
    margin-bottom: 0;
    flex-grow: 1;
}
.popup .calculator-btn {
    font-weight: 700;
    text-transform: none;
    font-size: 14px !important;
    height: 40px;
}
.popup-email-wrap .calculator-btn {
    max-width: 188px;
}

.popup-close {
    position: absolute;
    cursor: pointer;
    top: 20px;
    right: 20px;
}

.calculator-popup  .fancybox-skin {
    border-radius: 10px;
}

.popup-installation {
    width: 520px;
}
.or {
    font-size: 16px;
    line-height: 1.3;
    margin: 12px 0;
}

.calculator-checkbox {
    margin-top: 15px;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 1.3;
}
.calculator-checkbox label {
    display: flex;
    gap: 8px;
    cursor: pointer;
}
.calculator-checkbox input {
    display: none;
}
.custom-checkbox {
    width: 16px;
    height: 16px;
    border: 1px solid #2A9FED;
    border-radius: 4px;
    flex-shrink: 0;
}
.calculator-checkbox input:checked ~ .custom-checkbox {
    background-color: #FF9000;
    border-color: #FF9000;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgNyA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy4zNjEwMSA0LjU3MzExQzIuOTE0NTcgNS4wMTk2MiAyLjE5MDY2IDUuMDE5NiAxLjc0NDI0IDQuNTczMDdMMC4xOTUyMyAzLjAyMzdDLTAuMDY1MDY2MiAyLjc2MzM0IC0wLjA2NTA0MTcgMi4zNDEyOCAwLjE5NTI4NSAyLjA4MDk1QzAuNDU1NjAxIDEuODIwNjQgMC44Nzc2NDUgMS44MjA2IDEuMTM4MDEgMi4wODA4N0wyLjM4MTE0IDMuMzIzNTZDMi40NzU4NCAzLjQxODIzIDIuNjI5MzUgMy40MTgyMSAyLjcyNDAzIDMuMzIzNTFMNS44NTE2MSAwLjE5NTM3OUM2LjExMjA5IC0wLjA2NTE1MjEgNi41MzQ0NyAtMC4wNjUxNzE0IDYuNzk0OTggMC4xOTUzMzdDNy4wNTU0NSAwLjQ1NTgxNiA3LjA1NTQ3IDAuODc4MTMxIDYuNzk1MDEgMS4xMzg2M0wzLjM2MTAxIDQuNTczMTFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
    background-position: center;
    background-size: 7px;
    background-repeat: no-repeat;
}



.calculator-result-info-block-mobile-title-icon {
    width: 30px;
    height: 30px;
    background: #FF9000;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.calculator-result-info-block-mobile-title-left {
    display: flex;
    align-items: center;
    gap: 10px;
}
.calculator-result-info-block-mobile-title-right {
    white-space: nowrap;
}

.calculator-result-info-block-mobile-title {
    display: none;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding-bottom: 15px;
    color: #262626;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
}
.calculator-result-info-section.open-block .calculator-result-info-block-mobile-title-icon svg {
    transform: rotate(180deg);
}
.calculator-result-info-section.open-block .calculator-result-info-block {
    display: block!important;
}


.fake-select {
    display: flex;
    border: 1px solid #2A9FED;
    padding: 0 13px;
    padding-right: 36px;
    border-radius: 8px;
    background: #fff;
    font-family: Arial, sans-serif;
    cursor: pointer;
    position: relative;
}
.fake-select-text {
    font-size: 13px;
    line-height: 38px;
    color: #262626;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.fake-select-icon {
    position: absolute;
    width: 16px;
    height: 16px;
    right: 13px;
    top: 12px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTk5ODMgMTAuNjY2TDEyLjAwNjUgNi41ODY0NkwxMS4wNjQ1IDUuNjI1OThMNy45OTk4MyA4Ljc0ODRMNC45MzU4MyA1LjYyNTk4TDMuOTkzMTYgNi41ODU3OEw3Ljk5OTgzIDEwLjY2NloiIGZpbGw9IiMyNjI2MjYiLz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-position: center;    
}


.fake-select-popup {
    border: 1px solid #BCE0FD!important;
    overflow: hidden!important;
    border-radius: 8px;
    box-shadow: 0px 0px 20px 0px rgba(42, 159, 237, 0.2);
}
.popup-select {
    width: 616px;
    padding: 37px 27px;
}
.popup-select .popup-close {
    top: 15px;
    right: 13px;
}
.popup-select-list {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 15px 30px;
}
.popup-select-list-item {
    position: relative;
    opacity: 0.7;
    transition: all .3s;
    cursor: pointer;
}
.popup-select-list-item.selected {
    opacity: 1;
}
.popup-select-list-item-img {
    width: 100%;
    padding-top: 40%;
    position: relative;
    margin-bottom: 10px;
}
.popup-select-list-item-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
    object-position: center;
    margin-bottom: 10px;
}
.popup-select-list-item-text {
    text-align: center;
    color: #262626;
    font-size: 16px;
    line-height: 1.3;
}
.popup-select-list-item.selected:before {
    content: 'Âûáðàíî';
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    background: #4FD081;
    padding: 4px 8px;
    border-radius: 6px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 10;
}
.popup-select-list-item:hover {
    opacity: 1;
}
.fancybox-opened {
    z-index: 9999999999!important;
}


@media screen and (max-width: 1023px) {
    .calculator-result-info-block-mobile-title {
        display: flex;
    }
    .calculator-result-info-section .calculator-result-info-block:not(.calculator-result-info-block--total) {
        display: none;
    }
    .calculator-head {
        padding: 16px 24px;
    }
    .calculator-body {
        padding: 32px 24px;
    }
    .calculator-block {
        gap: 20px;
    }




    .calculator-result-info-head {
        display: none;
    }
    .calculator-result-info-row {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .calculator-result-info-cell--name {
        padding-right: 0;
        width: 100%;
        margin-bottom: 15px;
    }
    .calculator-result-info-cell span {
        width: 145px;
    }
    .calculator-result-info-cell--summ, 
    .calculator-result-info-cell--price {
        width: auto;
        flex-grow: 1;
    }
    .calculator-result-info-cell--amount {
        width: fit-content;
    }
    .calculator-result-info-cell--measurement {
        margin-right: auto;
    }
    .calculator-result-info-cell--price:before,
    .calculator-result-info-cell--summ:before {
        margin: 0 auto;
    }


    .calculator-result-info-cell--total-price {
        width: fit-content;
        margin-left: auto;
    }
    .calculator-result-info-btns {
        gap: 20px;
    }

    .calculator-result-info-cell--measurement {
        width: fit-content;
        padding-left: 20px;
    }
}

@media screen and (max-width: 767px) {
    .calculator-title {
        margin-bottom: 15px;
    }


    .calculator-head {
        padding: 8px;
    }
    .calculator-body {
        padding: 16px 8px 24px;
    }
    .calculator-block {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }


    .calculator-result {
        padding: 16px 8px;
    }

    .calculator-result-info-cell span {
        width: 85px;
        flex-grow: 1;
        max-width: 120px;
        padding: 4px;
    }
    .calculator-result-info-cell--amount span {
        width: 50px;
    }
    .calculator-result-info-cell--measurement {
        padding-left: 5px;
    }


    .calculator-result-info-btns {
        gap: 15px;
        flex-direction: column;
    }


    .popup {
        padding: 36px 16px 24px;
    }
    .popup-title {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .popup-close {
        top: 16px;
        right: 16px;
    }
    .popup-close svg {
        width: 24px;
        height: 24px;
    }
    .popup-email-wrap {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }
    .popup-email-wrap .calculator-field {
        width: 100%;
    }
    .popup-email-wrap .calculator-btn {
        max-width: 100%;
    }


    .popup-select {
        padding: 48px 16px 24px;
    }
    .popup-select-list {
        gap: 16px;
    }
    .popup-select-list-item-text {
        font-size: 12px;
    }
    .popup-select-list-item-img {
        padding-top: 47%;
        margin-bottom: 3px;
    }
    .popup-select-list-item.selected:before {
        font-size: 9px;
        padding: 3px 5px;
    }


}


@media screen and (max-width: 450px) {
    .calculator-result-info-cell span {
        flex-grow: 0;
    }
    .calculator-result-info-cell--amount span {
        width: 30px;
    }
}

/*Êàëüêóëÿòîð êîíåö*/
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/catalog/uslugi/bitrix/catalog.section/otkatnye-vorota/style.css?17828951742567*/
.custom__pagination--block {margin: 30px 0px;}
.item__catalog--properties li {display: none}
.item__catalog--properties li:nth-child(1), .item__catalog--properties li:nth-child(2), .item__catalog--properties li:nth-child(3) {display: block}
.c-card__title {display: flex; align-items: center; justify-content: center; min-height: 42px;}

.view3d-wrapper {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}

.view3d-item {
	width: calc(50% - 40px);
	margin: 20px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	box-shadow: 0 0 30px 4px rgba(51, 51, 51, 0.2);
	background-color: white;
}

.view3d-wrapper-3 .view3d-item {
	width: calc(33.33% - 40px);
}

.view3d-wrapper-adventages .view3d-item {
	box-shadow: none;
	background-color: transparent;
}

.col-xs-12 {
	max-width: 100%;
}

.view3d-item .c-btn {
	margin-top: 20px;
}

.view3d-item span {
	text-align: center;
}

.view3d-item img {
	width: 300px;
	max-width: 100%;
	height: 300px;
	margin-bottom: 20px;
	object-fit: contain;
}

.view3d-titile {
	font-weight: bold;
}

.adventages-img {
	width: 100px !important;
	height: 100px !important;
}

@media (max-width: 850px) {
	.view3d-item, .view3d-wrapper-3 .view3d-item {
		width: calc(100% - 40px);
	}
}
.gallery-block.slider-block {
	height: 182px;
}
.gallery-block.slider-block .slick-prev::before {
  color: #2a9fee;
  content: '\276E';
  font-size: 40px;
}

.gallery-block.slider-block .slick-next::before {
  color: #2a9fee;
  content: '\276F';
  font-size: 40px;
}

.gallery-block.slider-block img {
	height: 182px!important;
	max-width: 321px!important;
}
.gallery-block .slick-dots {
	display: none!important;
}

@media (max-width: 960px) {
	.gallery-block.slider-block img {	
		max-width: 480px!important;
	}
}

@media (max-width: 640px) {
	.gallery-block.slider-block img {
		max-width: 640px!important;
		height: auto!important;
	}
	.gallery-block.slider-block a {
		width: 640px!important;
		height: auto!important;
	}
}

.faq-block h3 {
	cursor: pointer;
	position: relative;
	padding: 0.75rem 1.25rem;
	margin-bottom: 1px;
	background-color: rgb(255, 255, 255);
	border: 1px solid rgba(0, 0, 0, 0.125);
}
.faq-block p {
	position: relative;
	padding: 0.75rem 1.25rem;
	margin-bottom: 1px;
	background-color: rgb(255, 255, 255);
	border: 1px solid rgba(0, 0, 0, 0.125);
}
.faq-block p.spoiler-text {
	display:none ;
}
/* End */
/* /bitrix/templates/.default/components/bitrix/news.detail/new_banner/style.css?17822853695255 */
/* /local/components/vedita/gate.calculator/templates/.default/style.css?178461477019071 */
/* /bitrix/templates/.default/components/bitrix/catalog/uslugi/bitrix/catalog.section/otkatnye-vorota/style.css?17828951742567 */