﻿/******Popups******/
.popup_conti { position: fixed; width: 100%; height: 100%; background-color: #001C43cf; 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; 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-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 { 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-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 {display:none;}
.promotion_popup .popup {position:relative;padding-top:640px; }
    .promotion_popup .popup_image { text-align: center;width:100%;height:600px;position:absolute;right:0;top:0; 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; margin-bottom: 20px; position: relative; z-index: 2; background-color: #ffffff8c; width: 100%;padding : 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 .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; }
    .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: 48%; }

.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, .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; right: 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-left: 1.33%; }
                    .products_popup .popup .content .product_list > ul > li:nth-child(4n) { margin-left: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 { 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; }
    .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-left: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, .promotion_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 { padding-top:340px;}
    .promotion_popup .popup_image { height: 300px; }

}
