/******Popups******/
.popup_conti { position: fixed; width: 100%; height: 100%; background-color: #212121e9; 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 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 .content .title1 { font-size: 2.05em; font-weight: 400; display: block; text-align: center; padding-bottom: 15px; border-bottom: 1px solid rgba(23, 23, 23, 0.2); margin-bottom: 10px; }
    .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: 927px; 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; }


.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: #212121; 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; }

@media only screen and (max-width : 1400px) {
    .pension_popup .contact_options { margin: 0 auto; }
}

@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; }
}

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

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


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