/* Start:/local/templates/swokna/assets/vendor/calc/main.css?168173879544339*/
/* line 23, ../sass/main.scss */
/* @font-face { */
/* font-family: 'DIN Pro'; */
/* src: url('/local/templates/swokna/assets/vendor/calc/fonts/DINPro.eot'); */
/* src: url('/local/templates/swokna/assets/vendor/calc/fonts/DINPro.eot?#iefix') format('embedded-opentype'), */
/* url('/local/templates/swokna/assets/vendor/calc/fonts/DINPro.woff') format('woff'), */
/* url('/local/templates/swokna/assets/vendor/calc/fonts/DINPro.ttf') format('truetype'); */
/* font-weight: normal; */
/* font-style: normal; */
/* } */

.calculator-wrapper {
    margin: 0;
    text-align: center;
    background: url("/local/templates/swokna/assets/vendor/calc/../../img/calc/bg.jpg") no-repeat center center;
    background-size: cover;
    font-size: 14px;
    padding-bottom: 40px;
}

.calculator-wrapper label {
    margin-bottom: 0;
}
.calc_type_line {
    margin-bottom: 10px;
}
/* line 36, ../sass/main.scss */
.page-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 1920px;
    background-size: cover;
    padding-bottom: 80px;
    padding-top: 30px;
}

/* line 48, ../sass/main.scss */
.calculator, .choose-variant {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 1025px) {
    /* line 53, ../sass/main.scss */
    .section-window .calc_type_line {
        display: flex;
        justify-content: center;
    }
}

@media (max-width: 1025px) {
    /* line 60, ../sass/main.scss */
    .section-window .calc_type_line a {
        width: 100%;
    }
}

/* line 66, ../sass/main.scss */
.choose-type, .choose-size, .choose-additional, .choose-variant {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* line 72, ../sass/main.scss */
.choose-additional {
    width: 20%;
}

@media (max-width: 1025px) {
    /* line 72, ../sass/main.scss */
    .choose-additional {
        width: 100%;
    }
}

/* line 77, ../sass/main.scss */
.choose-additional .section-header {
    width: 50%;
}

@media (max-width: 1025px) {
    /* line 77, ../sass/main.scss */
    .choose-additional .section-header {
        width: 100%;
    }
}

@media (max-width: 1025px) {
    /* line 83, ../sass/main.scss */
    .choose-additional .additional-wrapper {
        /* flex-direction: column; */
        align-items: flex-start;
        flex-wrap: wrap;
    }
}

@media (max-width: 1025px) {
    /* line 89, ../sass/main.scss */
    .choose-additional .additional-wrapper .section-caption.header.calc_option label {
        padding-left: 25px;
        margin-right: 15px;
    }
}
@media (max-width: 768px) {
    /* line 89, ../sass/main.scss */
    .choose-additional .additional-wrapper .section-caption.header.calc_option label {
        padding-left: 25px;
        margin-right: 15px;
    }
}


@media (max-width: 1025px) {
    /* line 94, ../sass/main.scss */
    .choose-additional .additional-wrapper .section-caption.header.calc_option select {
        /* font-size: 35px; */
        margin-left: 50px;
    }
}

/* line 107, ../sass/main.scss */
.choose-type {
    width: 20%;
}

@media (max-width: 1025px) {
    /* line 107, ../sass/main.scss */
    .choose-type {
        width: 100%;
    }
}

/* line 114, ../sass/main.scss */
.page-header {
    font-size: 30px;
}

.page-header.text-purple.text-upper {
    display: block;
    text-align: left;
    width: 100%;
    color: #153390;
    font-family: "DIN Pro", sans-serif;
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.58px;
}

@media (max-width: 768px) {
    .page-header.text-purple.text-upper {
        font-size: 32px;
    }
}

@media (max-width: 560px) {
    .page-header.text-purple.text-upper {
        font-size: 24px;
    }
}

@media (max-width: 480px) {
    .page-header.text-purple.text-upper {
        font-size: 18px;
    }
}

@media (max-width: 1025px) {
    /* line 114, ../sass/main.scss */
    .page-header {
        font-size: 60px;
    }
}

/* line 121, ../sass/main.scss */
.calculator {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
}

.calculator .section-header.text-purple.text-upper, .unique-header.text-purple.text-upper {
    color: #08338f;
    font-family: "DIN Pro", sans-serif;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.58px;
}

@media (max-width: 1025px) {
    .calculator .section-header.text-purple.text-upper, .unique-header.text-purple.text-upper {
        font-size: 16px;
        margin-bottom: 7px;
    }
}

.calculator .section-window {
    display: flex;
    align-items: center;
}

.calculator .section-window .section-caption.text-blue {
    padding-top: 0;
    margin-right: 40px;
    color: #08338f;
    width: 65px !important;
    font-family: "DIN Pro", sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.58px;
}

.calculator .manual-sizes-wrapper .calc-text-left.manual-sizes-caption {
    color: #b2b3b3;
    font-family: "DIN Pro", sans-serif;
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -1px;
}

#width_slider_wrapper {
    color: #08338f !important;
    font-family: "DIN Pro", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: -0.83px !important;
    margin-top: 30px;
}

#height_slider_wrapper {
    width: 0;
    left: 330px;
    top: 45px;
    margin-left: 40px;
    right: auto;
    color: #08338f !important;
    font-family: "DIN Pro", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: -0.83px !important;
}

.checkbox {
    color: #08338f;
    font-family: "DIN Pro", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.58px;
}

.choose-type {
    width: 34%;
}

.choose-size {
    width: 64%;
}

.choose-size img {
    align-self: center;
    width: 55% !important;
}

.choose-additional.calc-text-left.text-blue {
    width: 100%;
    margin-top: 30px;
    border-top: 2px solid #153390;
    position: relative;
    padding-top: 20px;
}


    /* .section-caption.header.calc_option select,
    .section-caption.header.calc_option input {
      display: block;
    } */
    /* .section-caption.header.calc_option input {
      margin-left: 50px;
    }
    .choose-additional .additional-wrapper .section-caption.header.calc_option label {
      padding-left: 50px;
    } */
}


label {
    display: flex;
}

input {
    margin-left: 10px !important;
}

select {
    margin-left: 5px !important;
}

@media (max-width: 520px) {
    .choose-additional.calc-text-left.text-blue {
        top: -10px;
    }

    /* .section-caption.header.calc_option select,
    .section-caption.header.calc_option input {
      display: block;
    } */
    .section-caption.header.calc_option input {
        margin-left: 40px;
    }


    .page-header.text-purple.text-upper {
        font-size: 30px;
    }

    * {
        text-align: center !important;
    }

    .choose-variant {
        padding-top: 0 !important;
    }

    .wrapper1 * {
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
        align-items: center !important;
    }

    .variants-header.calc-text-center.text-purple.text-upper {
        color: #08338f;
        font-family: "DIN Pro", sans-serif;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: -0.58px;
    }

    .variant-header {
        color: #08338f;
        font-family: "DIN Pro", sans-serif;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: -0.58px;
    }

    .price-wrapper.text-purple {
        color: #08338f;
        font-family: "DIN Pro", sans-serif;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: -0.58px;
    }

    .price-wrapper.text-purple .tarif_price {
        font-size: 36px !important;
    }

    .order_button span {
        font-family: "DIN Pro", sans-serif;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: -0.58px;
    }

    .price-wrapper.text-purple .currency {
        font-size: 16px !important;
    }

    .text-purple.choose-type-title {
        font-size: 16px !important;
    }

    .choose-variant * {
        text-align: center !important;
    }
}

select {
    background-color: transparent;
    color: #08338f;
    font-family: "DIN Pro", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.58px;
    margin-left: 20px;
    border-color: #08338f;
}

.wrapper {
    align-items: center;
    text-align: left;
    position: relative;
    /* top: -245px; */
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.wrapper1 {
    /* top: -215px; */
}

.wrapper1 .discount-button {
    margin-left: 10px;
    margin-right: 10px;
}

.optimal-variant {
    position: relative;
}

.optimal-variant .variant-header {
    position: relative;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.variant-header {
    padding-top: 31px !important;
    padding-bottom: 31px !important;
}

.variant-spec {
    border-top: none;
}

.optimal-variant .variant-header img {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 50px;
}

.wrapper .discount-button {
    transition: 0.2s ease-in-out;
}

.wrapper .discount-button:hover, .discount-button.active {
    background-color: #ffffff !important;
    transition: 0.2s ease-in-out;
}

.wrapper .discount-button span {
    transition: 0.2s ease-in-out;
}

.wrapper .discount-button:hover span, .discount-button.active span {
    color: #000000 !important;
    transition: 0.2s ease-in-out;
}

.wrapper .discount-button {
    cursor: pointer;
    height: 55px;
    /* display: none!important; */
    position: relative;
    /* width: 20% !important; */
    background: #08338f;
    margin: 2px;
    border-left: 15px solid #2a274f;
    transform: skew(-10deg);
}

.wrapper .discount-button span {
    transform: skew(10deg);
}

.wrapper1 .discount-button {
    /* display: none!important; */
    position: relative;
    width: 20% !important;
    background: #378c36;
    border-left: 15px solid #2d652c;
    transform: skew(-10deg);
}

.wrapper1 .social {
    color: #08338f;
    font-family: "DIN Pro", sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.57px;
}

.wrapper1 .social span {
    color: #0db02b;
    letter-spacing: -0.57px;
}

.wrapper1 .social img {
    margin-left: 15px;
    margin-bottom: -5px;
}

.wrapper1 .part {
    color: #08338f;
    font-family: "DIN Pro", sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.57px;
}

.wrapper1 .part span {
    text-decoration: underline;
}

.wrapper1 .discount-button {
    width: 270px !important;
}

.wrapper .discount-button .discount-title {
    color: #ffffff;
    font-family: "DIN Pro", sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.57px;
}

.wrapper .discount-button .discount-amount {
    color: #ffffff;
    font-family: "DIN Pro", sans-serif;
    font-size: 45px;
    font-weight: 700;
    letter-spacing: -0.57px;
}

.text-purple.choose-type-title {
    width: 100%;
    border-top: 2px solid #153390;

    /* display: none; */
    position: relative;
    /* top: -275px; */
    color: #08338f;
    font-family: "DIN Pro", sans-serif;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.58px;
    text-align: left;
    padding-top: 30px;
}

.choose-type.calc-text-left {
    justify-content: flex-start;
    border-right: 2px solid #153390;
    height: 400px;
}

.calculator .choose-additional .unique-header.text-purple.text-upper {
    display: none;
}

.calculator .choose-additional .unique-techs {
    display: none;
}

.choose-size.calc-text-center {
    text-align: left;
    left: 50px;
}

.choose-size.calc-text-center img {
    align-self: auto !important;
}

.manual-sizes > div {
    width: 190px;
    flex-direction: row;
    display: flex;
    align-items: center !important;
}

.manual-sizes > div > div:nth-child(odd) {
    color: #08338f;
    font-family: "DIN Pro", sans-serif;
    font-size: 15px !important;
    font-weight: 400;
    letter-spacing: -0.8px;
}

.manual-sizes > div > div:nth-child(2n) {
    color: #08338f;
    font-family: "DIN Pro", sans-serif;
    font-size: 15px !important;
    font-weight: 400;
    letter-spacing: -0.8px;
}

#calc {
    max-width: 960px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
}

.choose-variant.choose-variant-choose {
    position: relative;
    /* top: -210px; */
}

@media screen and (max-width: 480px) {
    .calculator-wrapper * {
        text-align: left !important;
    }

    .calculator-wrapper .description__text {
        text-align: left !important;
    }

    .calculator-wrapper .description__text span {
        text-align: left !important;
    }

    #calc > .flex {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .page-header.text-purple.text-upper {
        text-align: center !important;
        margin-bottom: 15px;
    }
}

/* .variants-header.calc-text-center.text-purple.text-upper {
    text-align: left;
} */

.descripton {
    position: relative;
    top: -120px;
}

@media screen and (max-width: 1024px) {
    .descripton {
        position: relative;
        top: -200px;
    }
}

.description__caption {
    width: 250px;
    text-align: left;
    color: #717170;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.36px;
}

.descripton .flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.descripton .decription__items {
    width: 50%;
}

.descripton .decription__items .decription__item {
    display: flex;
    flex-direction: row;
    color: #08338f;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 400;
    /* Text style for "профильная" */
    letter-spacing: -0.24px;
    text-align: left;
    margin: 10px;
}

.descripton .decription__items .decription__item img {
    margin-right: 20px;
    width: 50px;
    height: 50px;
}

.descripton .decription__items .decription__item span {
    text-transform: uppercase;
    display: block;
    text-align: left;
}

.descripton .decription__items .decription__item .description__text {
    width: calc(100% - 70px) !important;
}

.choose-variant.choose-variant-choose {
    position: relative;
    width: 100%;
}

.calculator .decoration0 {
    position: absolute;
    top: 1000px;
    right: 0;
    z-index: -1;
    background: url("/local/templates/swokna/assets/vendor/calc/../../img/calc/decoration0.png") no-repeat center center;
    background-size: cover;
    height: 230px;
    width: 350px;
    background-color: transparent;
    border: none;
}

.calculator .decoration1 {
    position: absolute;
    top: 1400px;
    left: 0;
    z-index: -1;
    background: url("/local/templates/swokna/assets/vendor/calc/../../img/calc/decoration1.png") no-repeat center center;
    background-size: cover;
    height: 130px;
    width: 90px;
    background-color: transparent;
    border: none;
}

.calculator .decoration2 {
    position: absolute;
    top: 1850px;
    right: 0;
    z-index: -1;
    background: url("/local/templates/swokna/assets/vendor/calc/../../img/calc/decoration2.png") no-repeat center center;
    background-size: cover;
    height: 190px;
    width: 198px;
    background-color: transparent;
    border: none;
}

@media (max-width: 1025px) {
    .calculator .decoration0 {
        display: none;
    }

    .calculator .decoration1 {
        display: none;
    }

    .calculator .decoration2 {
        display: none;
    }
}

.order_button {
    transition: 0.2s ease-in-out;
}

.order_button:hover {
    background-color: #ffffff;
    color: #000000;
    transition: 0.2s ease-in-out;
}


.ui-slider-handle.ui-state-default.ui-corner-all {
    color: #08338f;
    font-family: "DIN Pro", sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.83px;
}

@media (max-width: 1025px) {
    /* line 121, ../sass/main.scss */
    .calculator {
        /* flex-direction: column; */
        width: 100%;
    }
}

@media (max-width: 720px) {
    .calculator {
        /* flex-direction: column; */
        width: 100%;
    }

    .choose-type.calc-text-left {
        border: none;
        width: 44%;
    }

    .choose-size.calc-text-center {
        left: 0;
        width: 54%;
    }

    .choose-additional.calc-text-left.text-blue {
        border: none;
    }
}

@media (max-width: 640px) {
    .calculator {
        /* flex-direction: column; */
        width: 100%;
    }

    .choose-type.calc-text-left {
        border: none;
        width: 54%;
    }

    .choose-size.calc-text-center {
        left: 0;
        width: 44%;
    }
}

@media (max-width: 520px) {
    .calculator {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .choose-type.calc-text-left {
        width: 100%;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .choose-size.calc-text-center {
        width: 100%;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .choose-additional.calc-text-left.text-blue {
        width: 100%;
    }

    .section-header.text-purple.text-upper.big-title {
        display: none;
    }

    #selected-window {
        display: none
    }

    .manual-sizes-wrapper {
        margin-top: 0 !important;
    }

    .manual-sizes {
        align-items: center !important;
    }

    .section-header.text-purple.text-upper {
        text-align: center !important;
    }

    .additional-wrapper {
        margin-left: 25px;
    }

    .text-purple.choose-type-title {
        text-align: center !important;
    }
}

/* line 129, ../sass/main.scss */
.section-header {
    font-size: 1.1em;
    margin-bottom: 20px;
}

@media (max-width: 1025px) {
    /* line 129, ../sass/main.scss */
    .section-header {
        font-size: 40px;
    }
}

@media (max-width: 768px) {
    /* line 129, ../sass/main.scss */
    .section-header {
        font-size: 30px;
    }
}

/* line 140, ../sass/main.scss */
.section-caption {
    font-size: 1em;
}

/* line 145, ../sass/main.scss */
.choose-type .section-caption {
    padding-top: 20px;
}

@media (max-width: 1025px) {
    /* line 145, ../sass/main.scss */
    .choose-type .section-caption {
        /* font-size: 35px; */
        text-align: center;
        margin-bottom: 10px;
    }
}

/* line 154, ../sass/main.scss */
.choose-size input {
    width: 50px;
}

/* line 158, ../sass/main.scss */
.choose-size img {
    align-self: center;
    width: 90%;
    height: 330px;
}

.calc_option .body{
    position: absolute;
    margin-top: 30px;
}

/* line 163, ../sass/main.scss */
.additional-wrapper {
    display: flex;
    /* flex-direction: column; */
    justify-content: space-between;
    margin-bottom: auto;
    padding-top: 20px;
}

/* line 171, ../sass/main.scss */
.additional-wrapper .section-caption {
    margin-bottom: 20px;
    position: relative;
    display: flex;
}
@media(max-width:768px){
    .additional-wrapper .section-caption{
        width: 100%;
    }
}
/* line 176, ../sass/main.scss */
.additional-wrapper .section-caption label {
    display: flex;
    position: static;
    padding-left: 2px;
    flex-direction: column-reverse;
    /* width: 130px; */
    margin-right: 5px;
}

.additional-wrapper .section-caption .checkbox_wrapper {
    margin-left: 25px;
}

.additional-wrapper .section-caption .checkbox_wrapper select {
    margin-left: 10px !important;
}

@media screen and (max-width: 1025px) {
    .additional-wrapper .section-caption {
        margin-bottom: 27px;
    }

    .additional-wrapper .section-caption .checkbox_wrapper {
        margin-left: 5px;
    }
    .section-caption .body{
        margin-left:0;
    }
}

@media (max-width: 768px){
    .section-caption .body{
        margin-left:0;
    }
}


/* line 181, ../sass/main.scss */
.additional-wrapper .section-caption label span::before,
.additional-wrapper .section-caption label span::after {
    left: 0 !important;
}

/* line 186, ../sass/main.scss */
.unique-header {
    width: 120%;
    margin-bottom: 30px;
    margin-top: 30px;
    font-size: 1.1em;
}

@media (max-width: 1025px) {
    /* line 186, ../sass/main.scss */
    .unique-header {
        font-size: 32px;
        width: 100%;
    }
}

@media (max-width: 768px) {
    /* line 186, ../sass/main.scss */
    .unique-header {
        font-size: 30px;
    }
}

/* line 200, ../sass/main.scss */
.unique-techs {
    width: 130%;
}

@media (max-width: 1025px) {
    /* line 200, ../sass/main.scss */
    .unique-techs {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
}

/* line 209, ../sass/main.scss */
.unique-techs-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;
    position: relative;
}

/* line 217, ../sass/main.scss */
.unique-techs-row img {
    width: 50px !important;
    margin-left: 10px;
    margin-right: 8px;
}

@media (max-width: 1025px) {
    /* line 217, ../sass/main.scss */
    .unique-techs-row img {
        width: 90px !important;
        margin-left: 30px;
        margin-right: 20px;
    }
}

@media (max-width: 1025px) {
    /* line 230, ../sass/main.scss */
    .unique-techs-row {
        margin-right: 35px;
    }

    /* line 233, ../sass/main.scss */
    .unique-techs-row .section-caption {
        font-size: 18px;
    }

    /* line 236, ../sass/main.scss */
    .unique-techs-row .unique-tech-description {
        font-size: 18px;
    }
}

/* line 240, ../sass/main.scss */
.unique-techs-row .header span.checkbox::before, .unique-techs-row .unique-techs-row .header span.checkbox::after {
    left: 0 !important;
    top: 4px !important;
}

/* line 246, ../sass/main.scss */
.unique-techs-row .header label {
    position: static !important;
}

/* line 250, ../sass/main.scss */
.unique-tech-description {
    color: #949597;
    font-size: 12px;
}

/* line 255, ../sass/main.scss */
.manual-sizes-wrapper {
    margin-top: 60px;
    margin-bottom: 21px;
}

/* line 260, ../sass/main.scss */
.manual-sizes-caption {
    color: #a2a4a3;
    font-size: 1.2em;
    margin-top: auto;
    margin-bottom: 10px;
}

@media (max-width: 1025px) {
    /* line 260, ../sass/main.scss */
    .manual-sizes-caption {
        font-size: 24px;
    }
}

/* line 270, ../sass/main.scss */
.manual-sizes {
    display: flex;
    align-items: center;
    color: #a2a4a3;
    font-size: 1em;
}

@media (max-width: 1025px) {
    /* line 270, ../sass/main.scss */
    .manual-sizes {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    /* line 270, ../sass/main.scss */
    .manual-sizes {
        /* flex-wrap: wrap; */
        flex-direction: column;
        align-items: flex-start;
    }

    .manual-sizes > div {
        /* flex-wrap: wrap; */
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }

    /* line 280, ../sass/main.scss */
    .manual-sizes .height-vv {
        padding-left: 0 !important;
    }

    /* line 283, ../sass/main.scss */
    .manual-sizes input[name="calc_input_height"] {
        margin-top: 10px;
    }
}

/* line 289, ../sass/main.scss */
.manual-sizes input {
    width: 70px;
    border-radius: 0 !important;
    border: 1px solid #a7dbe7;
    padding: 8px;
    background-color: #ffffff;
    text-align: center;
}

@media (max-width: 1025px) {
    /* line 289, ../sass/main.scss */
    /* .manual-sizes input {
      font-size: 35px;
      width: 90px;
    } */
}

/* line 302, ../sass/main.scss */
.choose-variant {
    padding-top: 50px;
}

/* line 306, ../sass/main.scss */
.grey-divider {
    width: 100%;
    border: 2px solid #f2f5f3;
}

/* line 311, ../sass/main.scss */
.variants-header {
    font-size: 30px;
    margin-top: 35px;
    margin-bottom: 30px;
}

/* line 317, ../sass/main.scss */
.variants {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

@media (max-width: 1025px) {
    /* line 317, ../sass/main.scss */
    .variants {
        flex-direction: column;
    }
}

/* line 326, ../sass/main.scss */
.variant-header {
    padding: 20px 5px;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 0.9em;
    white-space: nowrap;
}

/* line 334, ../sass/main.scss */
.variant {
    display: flex;
    flex-direction: column;
    width: 33%;
}

@media (max-width: 1025px) {
    /* line 334, ../sass/main.scss */
    .variant {
        width: 100%;
    }
}

/* line 343, ../sass/main.scss */
.best-variant .variant-header {
    background-color: #9ec9e3;
    color: #153390;
}

.best-variant a {
    display: block;
    background-color: #9ec9e3;
    color: #153390;
    cursor: pointer;
    height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer !important;
    position: relative;
    width: 60% !important;
    background: #9ec9e3;
    border-left: 15px solid #7ea1b7;
    transform: skew(-10deg);
}

/* line 347, ../sass/main.scss */
.optimal-variant .variant-header {
    background-color: #e30000;
}

.variant-spec .specs {
    width: 60% !important;
}

.optimal-variant a {
    display: block;
    background-color: #e30000;
    cursor: pointer;
    height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer !important;
    /* display: none!important; */
    position: relative;
    width: 60% !important;
    border-left: 15px solid #a60000;
    transform: skew(-10deg);
}

/* line 351, ../sass/main.scss */
.market-variant .variant-header {
    background-color: #0f338f;
}

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

.market-variant a {
    display: block;
    background-color: #0f338f;
    cursor: pointer;
    height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer !important;
    /* display: none!important; */
    position: relative;
    width: 60% !important;
    border-left: 15px solid #2a274f;
    transform: skew(-10deg);
}

.page-wrapper .call_button {
    width: 270px !important;
    cursor: pointer;
    height: 55px;
    /* display: none!important; */
    position: relative;
    background: #0db02b;
    border-left: 15px solid #327f33;
    transform: skew(-10deg);
    color: #ffffff !important;
    text-decoration: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-family: "DIN Pro", sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.page-wrapper .call_button span {
    transform: skew(10deg);
}

@media screen and (max-width: 560px) {
    .page-wrapper .call_button {
        border-left: 5px solid #327f33;
        transform: skew(-10deg);
        font-size: 14px;
        width: 210px !important;
    }
}

.variant-spec {
    border: none !important;
}

.variant-spec * {
    text-align: center !important;
}

.variant.optimal-variant {
    box-sizing: border-box;
    border: 4px solid #e30000;
}

/* line 355, ../sass/main.scss */
.variant-spec {
    align-items: center;
    height: 100%;
    display: flex;
    padding: 25px 25px 25px 15px;
    justify-content: flex-start;
    border: 1px solid #ecf2f2;
    border-top: 0;
    flex-direction: column;
}

@media (max-width: 1025px) {
    /* line 363, ../sass/main.scss */
    .variant-spec > div {
        display: block !important;
    }
}

@media (max-width: 1025px) {
    /* line 368, ../sass/main.scss */
    /* .variant-spec > div img {
      width: 50%;
      float: left;
    } */
}

@media (max-width: 768px) {
    /* line 368, ../sass/main.scss */
    .variant-spec > div img {
        width: auto !important;
    }
}

@media (max-width: 1025px) {
    /* line 378, ../sass/main.scss */
    .variant-spec > div .specs {
        /* float: right;
          padding-left: 0; */
        width: auto !important;
        padding-top: 15px;
        text-align: center;
        padding-left: 0;
    }
}

@media (max-width: 640px) {
    .descripton .decription__items {
        width: 100%;
    }
}

.tarif_information {
    width: 240px;
}

@media (max-width: 768px) {
    /* line 378, ../sass/main.scss */
    .variant-spec > div .specs {
        width: 100%;
    }
}

@media (max-width: 1025px) {
    /* line 387, ../sass/main.scss */
    .variant-spec > div .specs img {
        /* width: 80px; */
        float: none !important;
    }
}

/* line 398, ../sass/main.scss */
.empty {
    border-left: 1px solid #ecf2f2;
    border-right: 1px solid #ecf2f2;
    padding-top: 10px;
}

.variant-spec p, .variant-spec span {
    color: #08338f;
}

/* line 404, ../sass/main.scss */
.variant-spec .specs {
    width: 50%;
    text-align: left;
}

/* line 410, ../sass/main.scss */
.variant-spec .specs img {
    display: inline-block;
    width: 40px;
    margin: 3px 1px;
}

/* line 415, ../sass/main.scss */
.price-wrapper {
    display: block;
    margin-bottom: 30px;
}

.variant-spec img {
    height: 40px;
}

/* line 420, ../sass/main.scss */
.tarif_price {
    font-size: 36px;
}

/* line 424, ../sass/main.scss */
.currency {
    font-size: 1em;
}

/* line 428, ../sass/main.scss */
.order_button {
    font-size: 0.8em;
    background-color: #0098d9;
    padding: 8px 20px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 20px;
    width: 100% !important;
    box-sizing: content-box;
}

.order_button span {
    transform: skew(10deg);
    color: #ffffff !important;
}

@media (max-width: 1025px) {
    /* line 428, ../sass/main.scss */
    /* .order_button {
      font-size: 38px;
      padding: 13px 30px;
    } */
}

@media (max-width: 768px) {
}

/* line 446, ../sass/main.scss */

/* line 450, ../sass/main.scss */
.text-purple {
    color: #004892;
    font-family: "DIN Pro", sans-serif;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.58px;
}

@media (max-width: 1025px) {
    /* line 454, ../sass/main.scss */
    .choose-type-title {
        font-size: 40px;
    }
}

@media (max-width: 1025px) {
    /* line 460, ../sass/main.scss */
    /* .big-title {
      font-size: 60px;
      margin-top: 45px;
    } */
}

/* line 467, ../sass/main.scss */
.text-blue {
    color: #0098D8;
}

/* line 471, ../sass/main.scss */
.text-upper {
    text-transform: uppercase;
}

/* line 475, ../sass/main.scss */
.discount-button {
    position: relative;
    width: 120%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 5px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c7d32a+0,adb92c+100 */
    background: #c7d32a;
    background: -moz-linear-gradient(top, #c7d32a 0%, #adb92c 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #c7d32a 0%, #adb92c 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c7d32a 0%, #adb92c 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

@media (max-width: 1025px) {
    /* line 475, ../sass/main.scss */
    .discount-button {
        width: 370px;
        padding: 10px 5px;
    }

    .wrapper .discount-button .discount-amount {
        padding-left: 15px;
    }
}

@media (max-width: 960px) {
    .wrapper .discount-button .discount-amount {
        padding-left: 5px;
    }
}

@media (max-width: 840px) {
    .wrapper .discount-button .discount-title {
        margin-right: 0;
    }

}

@media (max-width: 640px) {
    .wrapper {
        flex-wrap: wrap;
    }

    .wrapper .discount-button {
        margin: 5px;
        padding: 5px;
        border-left-width: 5px;
        margin-left: auto;
        margin-right: auto;
        width: 70% !important;
    }
}

/* line 496, ../sass/main.scss */
.discount-button label {
    position: static;
}

.checkbox {
    margin-top: -10px;
    /* margin-left: 5px; */
}

@media (max-width: 1025px) {
    .checkbox {
        margin-top: -10px;
        margin-left: 0;
        line-height: 1.5;
    }
}

input[type="checkbox"] {
    width: 15px !important;
    height: 15px !important;
    padding: 0 !important;
}

/* line 500, ../sass/main.scss */
.discount-button .checkbox::before, .discount-button .checkbox::after {
    left: 0 !important;
    top: 50% !important;
}

/* line 506, ../sass/main.scss */
.discount-amount {
    padding-left: 25px;
    font-size: 1.5em;
}

@media (max-width: 1025px) {
    /* line 506, ../sass/main.scss */
    .discount-amount {
        font-size: 40px;
    }
}

/* line 514, ../sass/main.scss */
.discount-title {
    font-size: 0.8em;
}

@media (max-width: 1025px) {
    /* line 514, ../sass/main.scss */
    .discount-title {
        font-size: 30px;
    }
}

@media (max-width: 768px) {
    /* line 514, ../sass/main.scss */
    .discount-title {
        margin-right: 26px;
    }
}

/*Windows links*/
/* line 525, ../sass/main.scss */
.calc_type_select img {
    border: 2px solid transparent;
}

/* line 529, ../sass/main.scss */
.calc_type_select.active img, .calc_type_select img:hover {
    border-color: #34a4db;
}

/*END Windows links*/
/*Checkbox*/
/* line 535, ../sass/main.scss */
.header label {
    position: relative;
    left: 23px;
}

.ui-dialog-content.ui-widget-content {
    padding: 0.5em 2em;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

/* line 539, ../sass/main.scss */
.header span::before,
.header span::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

/* line 548, ../sass/main.scss */
.header span.checkbox::before {
    width: 20px;
    height: 20px;
    background-color: #fff;
    left: -27px;
    box-sizing: border-box;
    border: 1px solid #9ccddd;
    transition: border-color .2s;
}

@media (max-width: 1025px) {
    /* line 548, ../sass/main.scss */
    .header span.checkbox::before {
        width: 35px;
        height: 35px;
    }
}

/* line 561, ../sass/main.scss */
.header span.checkbox:hover::before {
    border: 3px solid #f45f00;
}

/* line 564, ../sass/main.scss */
.header span.checkbox::after {
    width: 20px;
    height: 20px;
    left: -27px;
    top: 2px;
    color: transparent;
    transition: color .2s;
}

@media (max-width: 1025px) {
    /* line 564, ../sass/main.scss */
    .header span.checkbox::after {
        width: 35px;
        background-position: center;
    }
}

/* line 576, ../sass/main.scss */
.header input[type="checkbox"] {
    opacity: 0;
}

/* line 579, ../sass/main.scss */
input[type="checkbox"]:checked + label span.checkbox::after {
    background-image: url("/local/templates/swokna/assets/vendor/calc/../../img/calc/check.png");
    background-repeat: no-repeat;
}

/*END Checkbox*/
/*Sliders*/
/* line 586, ../sass/main.scss */
#height_slider_wrapper {
    font-family: Arial, sans-serif;
    position: absolute;
    right: -30px;
    color: #808080;
    font-size: 12px;
    text-align: center;
}

@media (max-width: 1025px) {
    /* line 586, ../sass/main.scss */
    #height_slider_wrapper {
        display: none;
    }
}

/* line 598, ../sass/main.scss */
#width_slider_wrapper {
    font-family: Arial, sans-serif;
    color: #808080;
    font-size: 12px;
}

@media (max-width: 1025px) {
    /* line 598, ../sass/main.scss */
    #width_slider_wrapper {
        display: none;
    }
}

/* line 607, ../sass/main.scss */
.ui-slider {
    position: relative;
    text-align: left;
}

/* line 611, ../sass/main.scss */
.ui-slider-vertical {
    margin: 5px 8px;
    width: 3px;
    height: 320px;
    background: #d8d8d8;
}

@media (max-width: 1025px) {
    /* line 611, ../sass/main.scss */
    .ui-slider-vertical {
        width: 13px;
        height: 650px;
    }
}

/* line 621, ../sass/main.scss */
.ui-slider-horizontal {
    margin: 0 5px;
    display: inline-block;
    height: 3px;
    width: 270px;
    background: #d8d8d8;
}

/* line 628, ../sass/main.scss */
.ui-slider .ui-slider-handle {
    display: block;
    position: absolute;
    z-index: 2;
    width: 12px;
    height: 12px;
    background: url("/local/templates/swokna/assets/vendor/calc/../../img/calc/slider_pointer.png") center center no-repeat;
    cursor: default;
    color: #808080;
    border: 0;
}

/* line 639, ../sass/main.scss */
.ui-slider-vertical .ui-slider-handle {
    left: -4px;
    margin-bottom: -6px;
    outline: none;
}

/* line 644, ../sass/main.scss */
.ui-slider-vertical .ui-slider-handle span {
    position: absolute;
    right: -45px;
    top: -3px;
}

/* line 649, ../sass/main.scss */
.ui-slider-vertical .ui-slider-handle .line {
    position: absolute;
    width: 8px;
    height: 1px;
    background: #b5b5b5;
    right: -13px;
    top: 5px;
}

/* line 657, ../sass/main.scss */
.ui-slider-horizontal .ui-slider-handle {
    top: -5px;
    margin-left: -6px;
    outline: none;
}

/* line 662, ../sass/main.scss */
.ui-slider-horizontal .ui-slider-handle span {
    position: absolute;
    bottom: -31px;
    left: -19px;
    width: 50px;
    text-align: center;
}

/* line 669, ../sass/main.scss */
.ui-slider-horizontal .ui-slider-handle .line {
    position: absolute;
    width: 1px;
    height: 8px;
    background: #b5b5b5;
    bottom: -13px;
    left: 5px;
}

/* line 677, ../sass/main.scss */
.ui-slider-range {
    background: #d8d8d8 !important;
}

/*END Sliders*/
/* line 683, ../sass/main.scss */
.call_button {
    text-decoration: underline;
}

/* line 687, ../sass/main.scss */
.call_button, .call_button:active {
    color: #004892 !important;
}

/* line 691, ../sass/main.scss */
.calc-text-center {
    text-align: center;
}

/* line 695, ../sass/main.scss */
.calc-text-left {
    text-align: left !important;
}

/* line 699, ../sass/main.scss */
.text-right {
    text-align: right !important;
}

@media (max-width: 1025px) {
    /* line 702, ../sass/main.scss */
    .ui-dialog {
        max-width: 100%;
    }
}

/* line 707, ../sass/main.scss */
#dialog-form {
    text-align: left;
}

@media (max-width: 1025px) {
    /* line 710, ../sass/main.scss */
    #dialog-form .header {
        margin-top: 30px;
    }

    /* line 712, ../sass/main.scss */
    #dialog-form .header .checkbox {
        padding-left: 15px;
        font-size: 15px;
    }
}

/* line 720, ../sass/main.scss */
#dialog-form label.newlinelabel,
#dialog-form input[type=text],
#dialog-form input[type=tel] {
    display: block;
}

/* line 726, ../sass/main.scss */
#dialog-form input.text {
    margin-bottom: 5px;
    width: 95%;
    padding: .4em;
}

/* line 732, ../sass/main.scss */
.body select, .body input {
    position: relative; 
    margin-left:0!important;
}

/* line 736, ../sass/main.scss */
.body input {
    left: 0;
}

/* line 740, ../sass/main.scss */
#sill_height,
#ebb_height {
    left: 70px;
}

@media (max-width: 1025px) {
    /* line 744, ../sass/main.scss */
    .section-windows {
        display: flex;
    }
}

@media (max-width: 768px) {
    /* line 744, ../sass/main.scss */
    .section-windows {
        flex-direction: column;
    }
}

@media (max-width: 1025px) {
    /* line 752, ../sass/main.scss */
    .section-window {
        width: 33%;
    }
}

@media (max-width: 768px) {
    /* line 752, ../sass/main.scss */
    .section-window {
        width: 100%;
    }
}

@media (max-width: 1025px) {
    /* line 760, ../sass/main.scss */
    .section-window a {
        text-align: center;
    }
}

@media (max-width: 1025px) {
    /* line 765, ../sass/main.scss */
    .section-window img {
        min-width: 80%;
    }
}

@media (max-width: 1025px) {
    /* line 771, ../sass/main.scss */
    .choose-variant-choose {
        width: 100%;
    }
}

@media (max-width: 1025px) {
    /* line 775, ../sass/main.scss */
    .choose-variant-choose .variants-header {
        font-size: 35px;
    }
}

@media (max-width: 768px) {
    /* line 775, ../sass/main.scss */
    .choose-variant-choose .variants-header {
        font-size: 22px;
    }
}

@media (max-width: 1025px) {
    /* line 783, ../sass/main.scss */
    .choose-variant-choose .variant-header {
        font-size: 32px;
    }
}

@media (max-width: 768px) {
    /* line 783, ../sass/main.scss */
    .choose-variant-choose .variant-header {
        font-size: 14px;
        /* text-align: center!important; */
    }
}

@media (max-width: 1025px) {
    /* line 792, ../sass/main.scss */
    .choose-variant-choose .price-wrapper .tarif_price {
        font-size: 50px;
    }
}

@media (max-width: 1025px) {
    /* line 797, ../sass/main.scss */
    .choose-variant-choose .price-wrapper .currency {
        font-size: 40px;
    }
}

/* line 802, ../sass/main.scss */
.choose-variant-choose .price-wrapper .order_button {
    font-size: 35px;
    padding: 13px 30px;
}

@media (max-width: 768px) {
    /* line 802, ../sass/main.scss */
    .choose-variant-choose .price-wrapper .order_button {
        font-size: 18px;
    }
}

@media (max-width: 1025px) {
    /* line 812, ../sass/main.scss */
    .text-bottom-r {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    /* line 817, ../sass/main.scss */
    #calc {
        overflow: hidden;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 1024px) {
    .section-windows {
        display: flex;
        flex-direction: column;
    }
}

body {
    padding: 0;
    font-family: "DIN Pro", sans-serif;
}

h3 {
    margin: 0 !important;
    margin-right: auto !important;
}

.variant.best-variant .order_button.order_button0 span {
    color: #08338f !important;
}

.order_button:hover span {
    text-decoration: none;
    color: #000000 !important;
}

.call_button {
    transition: 0.2s ease-in-out;
}

.call_button span {
    color: #ffffff;
    transition: 0.2s ease-in-out;
}

.call_button:hover {
    background-color: #ffffff;
    transition: 0.2s ease-in-out;
}

.call_button:hover span {
    color: #000;
    transition: 0.2s ease-in-out;
}





.discount-button label input[type="checkbox"] {
    transform: skew(10deg);
    margin-right: 10px !important;
    margin-left: -2px !important;
}

@media (max-width: 840px) {
    .wrapper .discount-button .discount-title {
        font-size: 14px;
    }

    .wrapper .discount-button .discount-amount {
        font-size: 34px;
        margin-left: 0;
    }
}

.discount-button label {
    margin-top: 0 !important;
}

.body select, input {
    margin-left: 0 ;
}



.body {
    position: relative;
}

.discount-checkbox-sale {
    display: none;
}

.discount-button label {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

label[for="agreement"] .checkbox {
    margin-top: 0 !important;
}

.price-text-purple{
    margin-top: 20px;
    color: #153390;
}


.button_call{
    text-decoration: underline;
}
.button_call, .button_call:active{
    color: #004892 !important;
}

.variant.market-variant {
    display: none!important;
}

.form-order-popup input{
    margin-left: auto!important;
}

@media (max-width: 944px) {
    .additional-wrapper .section-caption {
        display: block;
        clear: both;
    }

    .choose-additional .additional-wrapper .section-caption.header.calc_option label {
        padding-left: 45px;
        float: left;
        margin-right: 15px;
        margin-top: 9px;
    }

    .section-caption.header input[type="checkbox"] {
        position: absolute;
        top: 9px;
        left: 0;
    }

    .calc_option .body {
        clear: left;
        padding-top: 20px;
        position: relative;
        margin-top:0;
        text-align: left!important;
    }

    .section-caption.header span.checkbox::before {
        margin-top: -8px;
        top: auto;
        bottom: auto;
    }
    .section-caption.header span.checkbox::after {
        top: auto;
        bottom: auto;
        top: -1px;
    }

    .additional-wrapper .section-caption {
        width: 100%;
    }
}
/* End */
/* /local/templates/swokna/assets/vendor/calc/main.css?168173879544339 */