﻿/******Popups******/
.popup_conti { position: fixed; width: 100%; height: 100%; background-color: #00564ce5; right: 0; top: 0; z-index: 1000000; padding: 30px 10px 10px 10px; box-sizing: border-box; overflow-y: auto; display: none; }
.popup { background-color: #fff; color: #000; margin: 0 auto; padding: 40px 10px; max-width: 1111px; width: 100%; position: relative; box-sizing: border-box; box-shadow: 0px 13px 26px rgba(0, 0, 0, 0.16); }
.close_popup { position: absolute; left: 10px; top: 10px; color: #353535; box-sizing: border-box; text-align: center; width: 24px; }
    .close_popup > img { display: block; vertical-align: middle; width: 100%; }
.popup .content { }
.popup .popup_title1 > * { font-size: 2.2em; font-weight: 500; display: block; margin-bottom: 10px; color: #212121; }
.popup .popup_title2 > * { display: block; font-size: 2.05em; font-weight: 400; margin-bottom: 50px; color: #212121; }
.popup .text1 { font-size: 1.2em; font-weight: 400; display: block; text-align: center; color: #212121; }
/******End Popups******/


.popup_buttons { width: 100%; max-width: 700px; text-align: center; margin: 0 auto 32px auto; }




.promotion_popup { display: block; }
    .promotion_popup .popup { max-width: 1067px; box-shadow: 0px 13px 16px #00000042; background-color: rgba(255, 255, 255, 0.97); padding: 63px 50px; }
        .promotion_popup .popup .note { font-size: 1.15em; position: absolute; bottom: 20px; right: 50px; }
    .promotion_popup .sides_conti { align-items: center; }
        .promotion_popup .sides_conti .side_one { width: calc(100% - 200px); padding-left: 40px; border-left: 2px dashed #5BC0D4; padding: 20px 0 50px 0; }
        .promotion_popup .sides_conti .side_two { width: 100%; max-width: 200px; padding-right: 40px; }
            .promotion_popup .sides_conti .side_two > img { width: 100%; max-width: 160px; }
    .promotion_popup form { max-width: 600px; }
        .promotion_popup form > ul { }
            .promotion_popup form > ul > li { margin-bottom: 10px; }
                .promotion_popup form > ul > li > input { border: 3px solid #D5BD99 !important; }
    .promotion_popup .buttons { padding-top: 38px; }
        .promotion_popup .buttons > ul { display: flex; align-items: flex-end; }
            .promotion_popup .buttons > ul > li { margin-left: 10px; }
                .promotion_popup .buttons > ul > li > * { padding-left: 15px; padding-right: 15px; }
                .promotion_popup .buttons > ul > li:last-child { margin-left: 0; }


.general_lead_popup { padding-top:159px;display:none;}
    .general_lead_popup .popup {padding-bottom:100px; }
        .general_lead_popup .popup .popup_title1 {text-align:center; }
        .general_lead_popup .popup .text1 {margin-bottom:30px; }
        .general_lead_popup .popup::after { content: ""; position: absolute;  left:0; margin: 0 auto; background-image: url('/Resources/General/GeneralFormBgItems/1.png'); width: 176px; height: 132px; z-index: 3; background-repeat: no-repeat; background-size: contain; top: -98px; background-position: center center; padding-left: 160px;pointer-events:none;}
        .general_lead_popup .popup::before { content: ""; position: absolute; left: 80px; margin: 0 auto; background-image: url('/Resources/General/GeneralFormBgItems/2.svg'); width: 30px; height: 30px; z-index: 1; background-repeat: no-repeat; background-size: contain; top: -24px; background-position: left bottom; padding-right: 0; pointer-events: none; }
        .general_lead_popup .popup .popup_content { max-width: 635px; width: 100%; margin: 0 auto; }
        .general_lead_popup .popup .form { }
            .general_lead_popup .popup .form form { }
                .general_lead_popup .popup .form form > ul { display:flex;justify-content:space-between;align-items:flex-end;}
    .general_lead_popup .popup .form form > ul > li { width:32%;}
                    .general_lead_popup .popup .form form > ul > li input {border:1px solid #00564ce5; }
                    .general_lead_popup .popup .form form > ul > li button {padding:14px 10px; }


.cookies { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(0, 86, 76, 0.8); color: #fff; font-size: 1.1em; text-align: center; padding: 17px 5px; box-sizing: border-box; z-index: 100000000000; display: none; }
    .cookies > * { display: flex; align-items: center; justify-content: center; }
        .cookies > * > span { margin: 0 5px; }
            .cookies > * > span > a:not(.button):hover { text-decoration: underline; }
    .cookies .button { position: relative; border-radius: 20px; display: inline-block; vertical-align: middle; padding: 2px; box-sizing: border-box; background-color: #fff; }
        .cookies .button > span { display: block; background-color: #fff; color: #00539B; border: 1px solid #38a4e2; border-radius: 25px; padding: 7px; }

@media only screen and (max-width : 1020px) {

    .popup .popup_title1 > * { font-size: 1.7em; text-align: center; }
    .popup .popup_title2 > * { font-size: 1.4em; margin-bottom: 30px; text-align: center; }

    .promotion_popup .popup { padding: 20px 10px 70px 10px; }
    .promotion_popup .sides_conti .side_two > img { max-width: 60px; }
    .promotion_popup .sides_conti .side_one { width: 100%; order: 2; padding: 0; border: none; }
    .promotion_popup .sides_conti .side_two { width: 100%; max-width: 100%; order: 1; text-align: center; padding: 0; margin-bottom: 20px; }
    .promotion_popup .popup .note { right: 10px; }
    .promotion_popup form { max-width: 400px; margin: 0 auto; }
    .promotion_popup .buttons > ul { justify-content: space-between; }
        .promotion_popup .buttons > ul > li { margin: 0; width: 49%; }
            .promotion_popup .buttons > ul > li > * { padding-left: 5px; padding-right: 5px; }

   
}

@media only screen and (max-width : 768px) {
}

@media only screen and (max-width : 640px) {
    .general_lead_popup .popup .form form > ul {flex-wrap:wrap; }
    .general_lead_popup .popup .form form > ul > li {width:100%;margin-bottom:15px; }
}
