/******Popups******/
.popup_conti { position: fixed; width: 100%; height: 100%; background-color: rgba(14, 114, 135, 0.9); 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: 1092px; width: 100%; position: relative; box-sizing: border-box; box-shadow: 0px 13px 16px rgba(0, 0, 0, 0.26); }
.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 .content .title1 { font-size: 2.3em; font-weight: 700; display: block; text-align: center; }
    .popup .content .title2 { display: block; font-size: 2.5em; font-weight: 500; text-align: center; }
        .popup .content .title2 > img { display: inline-block; margin-left: 10px; }
    .popup .content .text1 { font-size: 1.2em; font-weight: 400; display: block; text-align: center; color: #4D4D4D; }
/******End Popups******/

.register_popup { }
    .register_popup .popup { padding-top: 87px; }
    .register_popup .button1 { width: 273px; }

.product_added_popup { }
    .product_added_popup .popup { max-width: 768px; border-radius: 10px; box-shadow: 0px 3px 6px #00000029; padding: 30px 24px; box-sizing: border-box; border-radius: 0; }
    /*.product_added_popup .close_popup { right: initial; left: 10px; top: 25px; color: #353535; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; border: 1px solid #353535; box-sizing: border-box; text-align: center; }*/
    .product_added_popup .popup_title { margin-bottom: 15px; }
        .product_added_popup .popup_title .check { text-align: center; width: 32px; height: 32px; margin-left: 10px; }
        .product_added_popup .popup_title .title { color: #4D4D4D; font-weight: 400; font-size: 1.2em; }

    .product_added_popup .prod_conti { margin: 15px 0; padding: 10px 3px; box-sizing: border-box; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; }
        .product_added_popup .prod_conti .img { width: 123px; height: 123px; background-color: #fff; }
        .product_added_popup .prod_conti .content { width: calc(100% - 143px); border-right: 1px solid #707070; padding-right: 20px; margin-right: 10px; }
            .product_added_popup .prod_conti .content > h2 { font-size: 2.05em; display: block; margin-bottom: 10px; font-weight: 700; }
            .product_added_popup .prod_conti .content > p { font-size: 0.9em; line-height: 120%; }

.popup_buttons { width: 100%; max-width: 700px; text-align: center; margin: 0 auto 32px auto; }

.explanation_popup { }
    .explanation_popup .popup, .my_car_popup .popup, .promotion_popup .popup { box-shadow: 0px 23px 36px rgba(0, 0, 0, 0.9); max-width: 792px; padding: 30px; }
    .explanation_popup .content { }
    .explanation_popup .explanation_items { margin-bottom: 50px; }
        .explanation_popup .explanation_items > ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
            .explanation_popup .explanation_items > ul > li { width: 48%; }
                .explanation_popup .explanation_items > ul > li > span { font-size: 1.3em; font-weight: 400; color: #4D4D4D; display: block; text-align: center; margin-bottom: 20px; }
                .explanation_popup .explanation_items > ul > li > .image { padding-bottom: 55%; box-shadow: 0px 3px 6px #00000042; }
    .explanation_popup .popup_buttons > ul { justify-content: center; }
        .explanation_popup .popup_buttons > ul > li { width: 100%; max-width: 266px; }

.promotion_popup { }
    .promotion_popup .popup_title {display:block;text-align:center;font-size:2.2em;margin-bottom:10px; }
    .promotion_popup .popup_title > * {font-weight:400; }
    .promotion_popup .promotion_products { }
        .promotion_popup .promotion_products > ul { display: flex; flex-wrap: wrap; align-items: center; }
            .promotion_popup .promotion_products > ul > li { position: relative; width: 32%; margin-left: 2%; padding-bottom: 50px; }
                .promotion_popup .promotion_products > ul > li:nth-child(3n) { margin-left: 0; }
                .promotion_popup .promotion_products > ul > li .button { position: absolute; bottom: 20px; max-width: 180px; margin: 0 auto; right: 0; left: 0; border-radius: 50px; background-color: #F17555; border-color: #F17555 ;}
                    .promotion_popup .promotion_products > ul > li .button:hover, .promotion_popup .promotion_products > ul > li .button:focus { background-color: #a92300; }

.search_popup {  }
    .search_popup .popup { }
        .search_popup .popup .content { width: 100%; max-width: 584px; margin: 0 auto; }
            .search_popup .popup .content .popup_title { display: flex; align-items: center; font-size: 2.5em; font-weight: 400; justify-content: center; margin-bottom: 20px; }
                .search_popup .popup .content .title > img { margin-left: 10px; }
                .search_popup .popup .content .title > span { }
            .search_popup .popup .content form { }
                .search_popup .popup .content form .step { max-height: 0; overflow: hidden; transition: max-height 0.5s ease-in-out; }
                    .search_popup .popup .content form .step.active { max-height: 1300px; }
                    .search_popup .popup .content form .step .general_article { margin-bottom: 40px; }
                    .search_popup .popup .content form .step .animal_type { }
                        .search_popup .popup .content form .step .animal_type > ul { display: flex; align-items: center; justify-content: center; }
                            .search_popup .popup .content form .step .animal_type > ul > li { width: 49%; padding: 0 30px; box-sizing: border-box; position: relative; }
                                .search_popup .popup .content form .step .animal_type > ul > li:nth-child(2) { border-right: 1px solid #DEDEDE; }
                                .search_popup .popup .content form .step .animal_type > ul > li > input[type="radio"] { position: absolute; width: 100%; height: 100%; appearance: none; cursor: pointer; z-index: 2; }
                                .search_popup .popup .content form .step .animal_type > ul > li > div { }
                                    .search_popup .popup .content form .step .animal_type > ul > li > div .icon { width: 141px; height: 112px; margin: 0 auto 40px auto; }
                                        .search_popup .popup .content form .step .animal_type > ul > li > div .icon > img { max-width: 100%; max-height: 100%; }
                                    .search_popup .popup .content form .step .animal_type > ul > li > div .button { max-width: 180px; margin: 0 auto; display: block; font-size: 1.2em; padding: 12px 5px; pointer-events: none; }

                    .search_popup .popup .content form .step .options { width: 100%; max-width: 180px; margin: 0 auto; }
                        .search_popup .popup .content form .step .options > ul { }
                            .search_popup .popup .content form .step .options > ul > li { position: relative; width: 100%; margin-bottom: 20px; }
                                .search_popup .popup .content form .step .options > ul > li input[type="radio"] { position: absolute; width: 100%; height: 100%; appearance: none; cursor: pointer; z-index: 2; }
                                .search_popup .popup .content form .step .options > ul > li .button { max-width: 180px; margin: 0 auto; display: block; font-size: 1.2em; padding: 12px 5px; pointer-events: none; }
                                .search_popup .popup .content form .step .options > ul > li input[type="radio"]:checked ~ .button, .search_popup .popup .content form .step .animal_type > ul > li > input[type="radio"]:checked ~ div .button { background-color: #A7A7A7; color: #fff; }


.testimonials_popup { display: block; }
    .testimonials_popup .popup, .video_popup .popup { max-width: 915px; box-shadow: 0px 13px 16px #00000075; }
        .testimonials_popup .popup .close_popup, .video_popup .popup .close_popup { top: -27px; }
        .testimonials_popup .popup .popup_content { width: 100%; max-width: 750px; margin: 0 auto; }
        .testimonials_popup .popup .video_conti, .testimonials_popup .popup .image, .video_popup .popup .video_conti { margin-bottom: 30px; padding-bottom: 66%; }
        .testimonials_popup .popup .image { width: 270px; height: 270px; border-radius: 50%; margin: 0 auto 30px auto; padding: 0; }
    .testimonials_popup .video_text { position: absolute; bottom: 0; right: 0; width: 100%; text-align: center; padding: 10px; box-sizing: border-box; background-color: #003c88c7; color: #fff; }


.errors_popup { }
.errors_popup .popup {max-width:450px;border-radius:5px;text-align:center;font-size:1.3em;padding-bottom:10px; }
    .errors_popup .popup .errors_items { margin-bottom:30px;}
    .errors_popup .popup .popup_buttons { }
        .errors_popup .popup .popup_buttons > ul { display:flex;justify-content:center;}
    .errors_popup .popup .popup_buttons > ul > li { max-width:120px;width:100%; font-size:0.7em;}


.search_results { box-sizing: border-box; position:absolute;right:0;top:100%;width:100%;background-color:#fff;z-index:5;box-shadow:0 3px 6px rgba(0, 0, 0, 0.16);}
    .search_results > ul { overflow-y: auto; max-height: 250px; }
        .search_results > ul > li { border-bottom: 1px solid #000; }
            .search_results > ul > li > a { display: flex; align-items: center; transition: all 0.5s ease-in-out; padding: 5px; box-sizing: border-box; font-size: 1.15em; }
                .search_results > ul > li > a:hover, .search_results > ul > li > a:focus { background-color: rgba(83, 184, 228, 0.94); color: #fff; }
                .search_results > ul > li > a .image { width: 40px; height: 40px; }
                .search_results > ul > li > a .title { padding-right: 5px; box-sizing: border-box; }

        .search_results > ul::-webkit-scrollbar { width: 5px; height: 5px; }

        /* Track */
        .search_results > ul::-webkit-scrollbar-track { background: #f1f1f1; }

        /* Handle */
        .search_results > ul::-webkit-scrollbar-thumb { background: #888; }

            /* Handle on hover */
            .search_results > ul::-webkit-scrollbar-thumb:hover { background: #555; }

.opportunity_popup { }
    .opportunity_popup .popup { max-width: 1368px;padding:40px 10px;box-sizing:border-box; }
        .opportunity_popup .popup .form {width:100%;max-width:600px;margin:0 auto; }
            .opportunity_popup .popup .form form { }
                .opportunity_popup .popup .form form > ul { display:flex;flex-wrap:wrap;}
                    .opportunity_popup .popup .form form > ul.first { justify-content:space-between;}
                .opportunity_popup .popup .form form > ul.last { }
.opportunity_popup .popup .form form > ul.first > li {width:32%; margin-bottom:20px;}
                    .opportunity_popup .popup .form form > ul.last > li {width:100%;margin-bottom:25px; }
                    .opportunity_popup .popup .form form > ul.last > li .button {max-width:207px;margin:35px auto 0 auto; }

.more_specializations_popup { }
    .more_specializations_popup .search_doctor { border-radius:100px;}
    .more_specializations_popup .specializations_list {margin-top:30px; }
    .more_specializations_popup .specializations_list > ul { display:flex;flex-wrap:wrap;}
    .more_specializations_popup .specializations_list > ul > li {margin-left:20px;margin-bottom:20px; }
        .more_specializations_popup .specializations_list > ul > li:last-child {margin-left:0; }



.general_popup_conti { position: fixed; width: 100%; height: 100%; background-color:rgba(14, 114, 135, 0.9); right: 0; left: 0; top: 0; z-index: 1000000; padding: 45px 10px 10px 10px; box-sizing: border-box; overflow-y: auto; box-shadow: 0px 13px 16px rgba(0, 0, 0, 0.26); display: none; }
    .general_popup_conti .popup { background-color: #fff; color: #212121; margin: 0 auto; padding: 40px 10px 50px 10px; max-width: 790px; width: 100%; position: relative; box-sizing: border-box; }
        .general_popup_conti .popup::after { content: ""; position: absolute; width: 282px; height: 185px; top: 100%; left: -18px; background-image: url('/Resources/General/popupBottomBg.svg'); background-repeat: no-repeat; background-size: cover; }
    .general_popup_conti .close_popup { position: absolute; right: 10px; top: 10px; box-sizing: border-box; text-align: center; width: 36px; padding: 5px; box-sizing: border-box; z-index: 2; }
        .general_popup_conti .close_popup > img { display: block; vertical-align: middle; width: 100%; }
    .general_popup_conti .popup_title { margin-bottom: 20px; font-size: 2.2em; text-align: center; }
        .general_popup_conti .popup_title > * { font-weight: 600; color: #212121; }
    .general_popup_conti .popup_image { display: block; padding-bottom: 56%; margin-bottom: 15px; background-repeat: no-repeat; background-size: cover; }
    .general_popup_conti .general_article { margin-bottom: 20px; }
    .general_popup_conti .popup_buttons { }
        .general_popup_conti .popup_buttons > ul { display: flex; justify-content: center; }
            .general_popup_conti .popup_buttons > ul > li { width: 100%; max-width: 200px; margin-left: 20px; }
                .general_popup_conti .popup_buttons > ul > li:last-child { margin-left: 0; }
                .general_popup_conti .popup_buttons > ul > li > * { }


.message_popup { }
    .message_popup .popup .title { color: #1A405A; font-size: 3em; font-weight: 800; display: block; text-align: center; margin-bottom: 32px; }
    .message_popup .popup .content { font-size: 1.2em; }

    .message_popup .popup { padding: 0 !important; }
        .message_popup .popup .close_popup { width: 30px; height: 30px; box-sizing: border-box; background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 2; }
    .message_popup .image { padding-bottom: 34%; }
    .message_popup a.image { display: block; transition: all 0.5s ease-in-out; }
        .message_popup a.image:hover, .message_popup a.image:focus { opacity: 0.8; }

    .message_popup .slide_gallery { display: block; width: 100%; height: 0; padding-bottom: 34%; position: relative; }
        .message_popup .slide_gallery > ul { }
            .message_popup .slide_gallery > ul > li { position: absolute; right: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.25s ease-in-out; }
                .message_popup .slide_gallery > ul > li.active { opacity: 1; pointer-events: all; }


.art_popup { }
    .art_popup .popup {max-width:800px; }
        .art_popup .popup .art_popup_content { width: 100%; padding: 0 10px; box-sizing: border-box; }
            .art_popup .popup .art_popup_content .image {  background-size: contain; max-width: 500px;height:500px; margin: 0 auto 20px auto; }
            .art_popup .popup .art_popup_content .artist_and_name { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; flex-wrap: wrap; }

            .art_popup .popup .art_popup_content .artist { display:flex;margin-bottom:5px;}
                .art_popup .popup .art_popup_content .artist > span { }
                    .art_popup .popup .art_popup_content .artist > span:last-child { color: rgba(14, 114, 135, 0.9); font-weight: 700; margin-right:5px;}
            .art_popup .popup .art_popup_content .art_name { display: flex; margin-bottom: 5px; }
                .art_popup .popup .art_popup_content .art_name > span { }
                    .art_popup .popup .art_popup_content .art_name > span:last-child { color: rgba(14, 114, 135, 0.9); font-weight: 700; margin-right: 5px; }

        .art_popup .popup .art_lead_form { box-shadow:none;border-top:1px solid rgba(0, 0, 0, 0.26);}
        .art_popup .popup .art_lead_form .title {font-size:1.5em;text-align:center;margin-bottom:10px; }
            .art_popup .popup .art_lead_form form { }
                .art_popup .popup .art_lead_form form > ul { display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;}
                    .art_popup .popup .art_lead_form form > ul > li { width:49%;margin-bottom:15px;}
        .art_popup .popup .art_lead_form form > ul > li:last-child { }

@media only screen and (max-width : 1020px) {
}

@media only screen and (max-width : 768px) {
    .popup { padding: 30px 20px 20px 20px; }
        .popup .content .title1 { font-size: 1.5em; }

    .banner_popup { left: 0 !important; padding: 30px 10px !important; }
        .banner_popup .sides_conti .side_one { width: 100% !important; margin-bottom: 10px; }
        .banner_popup .sides_conti .side_two { width: 100% !important; }
        .banner_popup .sides_conti .side_one .button { justify-content: center; }
    .promotion_popup .promotion_products > ul { justify-content: space-between; }
        .promotion_popup .promotion_products > ul > li { width: 100%; margin: 0 0 15px 0; }

    .main_totals_popup .popup_buttons { font-size: 1em; }

    .art_popup .popup .art_lead_form .title {font-size:1.3em;line-height:120%; }
}

@media only screen and (max-width : 640px) {

    .testimonials_popup .popup { padding: 20px 0 10px 0; }
        .testimonials_popup .popup .image { margin-bottom: 20px;width:230px;height:230px; }
        .testimonials_popup .popup .general_article { padding: 0 10px; box-sizing: border-box; }


    .product_added_popup .popup_buttons, .explanation_popup .popup_buttons { font-size: 0.6em; }

    .opportunity_popup .popup .form form > ul.first > li {width:100%; }

    .more_specializations_popup .specializations_list > ul > li {width:100%;margin-left:0; }
    .promotion_popup .popup_buttons {font-size:0.8em ; }

    .art_popup .popup .art_lead_form form > ul > li { width:100%;}

    .art_popup .popup .art_popup_content .image {height:0;padding-bottom:100%; }
    .art_popup .popup .art_popup_content  {padding:0; }
}