/******Popups******/
.popup_conti { position: fixed; width: 100%; height: 100%; background-color: #001C43cf; left: 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; right: 10px; top: 10px; color: #353535; box-sizing: border-box; text-align: center; width: 24px; z-index: 5; }
    .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-right: 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 { z-index: 1000001; }
    .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-right: 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-left: 1px solid #707070; padding-left: 20px; margin-left: 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 { display: none; }
    .promotion_popup .popup { position: relative; }
    .promotion_popup .popup_image { text-align: center; width: 100%; padding-bottom:100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
        .promotion_popup .popup_image > img { max-width: 100%; max-height: 100%; }
    .promotion_popup .popup .content { }
    .promotion_popup .popup .popup_title { display: flex; align-items: center; font-size: 2.5em; font-weight: 400; justify-content: center;  position: relative; z-index: 2; background-color: #ffffff8c; width: 100%; padding: 0 5px 20px 5px; box-sizing: border-box; }
    .promotion_popup .popup .product_page { margin: 0 auto; width: 100%; max-width: 600px; }
    .promotion_popup .popup .popup_buttons { margin-bottom: 0; }

    .promotion_popup .popup .promotion_popup_sides {display:flex; flex-wrap:wrap;justify-content:space-between;}
        .promotion_popup .popup .promotion_popup_sides > .side_one { order:2;width:49%;}
        .promotion_popup .popup .promotion_popup_sides > .side_two { order: 1; width: 49%; }

    .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-right: 2%; padding-bottom: 50px; }
                .promotion_popup .promotion_products > ul > li:nth-child(3n) { margin-right: 0; }
                .promotion_popup .promotion_products > ul > li .button { position: absolute; bottom: 20px; max-width: 180px; margin: 0 auto; left: 0; right: 0; }
    .promotion_popup .popup_buttons > ul { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; max-width: 430px; margin: 0 auto; }
        .promotion_popup .popup_buttons > ul > li { width: 100%;margin-bottom:15px; }

.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-right: 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-left: 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, .media_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, .media_popup .popup .close_popup { top: -27px; }
        .testimonials_popup .popup .popup_content, .media_popup .popup_content { width: 100%; max-width: 622px; 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 { padding-bottom: 100%; }
    .testimonials_popup .video_text { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; padding: 10px; box-sizing: border-box; background-color: #003c88c7; color: #fff; }
    .testimonials_popup .popup .ba-slider { margin-bottom: 20px; }

.products_popup { }
    .products_popup .popup { max-width: 1046px; }
        .products_popup .popup .popup_title { font-size: 2.1em; display: block; margin-bottom: 35px; }
        .products_popup .popup .content { }
            .products_popup .popup .content .popup_title { }
            .products_popup .popup .content .product_list { width: 100%; margin: 0 auto; max-width: 1000px; font-size: 0.8em; }
                .products_popup .popup .content .product_list > ul { display: flex; flex-wrap: wrap; }
                    .products_popup .popup .content .product_list > ul > li { width: 24%; margin-right: 1.33%; }
                        .products_popup .popup .content .product_list > ul > li:nth-child(4n) { margin-right: 0; }


.change_status_popup { }
    .change_status_popup .form { }
        .change_status_popup .form form { max-width: 300px; width: 100%; margin: 0 auto; }
            .change_status_popup .form form > ul > li { width: 100%; margin-bottom: 20px; }

.ahead_order_popup { }
    .ahead_order_popup .popup { max-width: 500px; text-align: center; }

.component_popup { }
    .component_popup .popup { background-color: #f6f6f6; width: 100%; max-width: 800px; }
    .component_popup .popup_content { text-align: center; width: 100%; max-width: 600px; margin: 0 auto; }
        .component_popup .popup_content > .image_popup { height: auto; }
        .component_popup .popup_content > .image > .video_conti { position: relative; padding-bottom: 40%; margin-bottom: 20px; }
        .component_popup .popup_content .title { display: block; font-size: 1.3em; margin-bottom: 20px; font-weight: 600; }
        .component_popup .popup_content .button { display: none; }

@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 { right: 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; }
    .pension_popup .popup { padding: 30px 10px; }
        .pension_popup .popup .content .popup_title { font-size: 2em; }
    .promotion_popup .promotion_products > ul { justify-content: space-between; }
        .promotion_popup .promotion_products > ul > li { width: 100%; margin: 0 0 15px 0; }

    .products_popup .popup .content .product_list > ul { justify-content: space-between; }
        .products_popup .popup .content .product_list > ul > li { width: 49%; margin-right: 0; margin-bottom: 2%; }
            /*.products_popup .popup .content .product_list > ul > li:last-child {width:100%;}*/
            .products_popup .popup .content .product_list > ul > li .product_item .content .button { min-height: 52px; display: flex; align-items: center; justify-content: center; padding: 12px 5px; }
}

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

    .product_added_popup .popup_buttons, .explanation_popup .popup_buttons { font-size: 0.6em; }
    .products_popup { font-size: 0.9em; }
        .products_popup .popup { padding: 30px 10px 20px 10px; }

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

    .promotion_popup .popup .promotion_popup_sides > .side_one { order: 1; width: 100%;margin-bottom:20px;}
    .promotion_popup .popup .promotion_popup_sides > .side_two {order:2;width:100%; }
    .promotion_popup .popup .popup_title {position:absolute;left:0;top:0;padding-top:20px; }
    .promotion_popup .popup { padding-top: 340px; padding-top: 0; }
    .promotion_popup .popup_image { top:0;left:0; }
    .promotion_popup .popup { padding-left: 10px; padding-right: 10px; }
    .promotion_popup .popup_buttons {font-size:0.8em; }
        /*.promotion_popup .popup_buttons > ul > li {width:49%; }*/
        .promotion_popup .popup_buttons > ul > li .button {padding:15px 5px; }
}