﻿/******Popups******/
.popup_conti { position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); right: 0; top: 0; z-index: 1000000; padding: 10px; box-sizing: border-box; overflow-y: auto; display: none; }
.popup { background-color: #fff; margin: 0 auto; padding: 50px; max-width: 600px; width: 100%; position: relative; box-sizing: border-box; top: 5%; border-radius: 30px; }
.close_popup { position: absolute; right: 20px; color: #000; top: 20px; font-weight: 400; font-size: 20px; }
/******End Popups******/

.product_added_popup { }
    .product_added_popup .popup { max-width: 768px; border-radius: 10px; box-shadow: 0px 5px 8px #00000075; padding: 30px 15px; box-sizing: border-box; }
    .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: 25px; }
        .product_added_popup .popup_title .check { text-align: center; width: 32px; height: 32px; line-height: 38px; border-radius: 50%; background-color: #89B32F; margin-left: 10px; }
        .product_added_popup .popup_title .title { color: #202020; font-weight: 700; font-size: 2.2em; }

    .product_added_popup .prod_conti { margin-bottom: 15px; padding: 3px; box-sizing: border-box; background-color: rgba(53, 53, 53, 0.05); }
        .product_added_popup .prod_conti .image { width: 85px; height: 85px; box-shadow: 0px 3px 6px #0000005C; background-color: #fff; }
        .product_added_popup .prod_conti .content { width: calc(100% - 90px); }
            .product_added_popup .prod_conti .content > h2 { font-size: 1.15em; display: block; margin-bottom: 10px; font-weight: 500; }
            .product_added_popup .prod_conti .content > p { font-size: 0.9em; line-height: 120%; }

    .product_added_popup .total_prices { font-size: 1.15em; display: block; margin-bottom: 32px; }
        .product_added_popup .total_prices > span { color: #1694C4; }
    .product_added_popup hr { display: block; background-color: #707070; margin-bottom: 30px; }

    .product_added_popup .product_slider .image2 { background-color: #fff !important; }
    .product_added_popup .product_slider .prod_content { }
        .product_added_popup .product_slider .prod_content > h2 { font-size: 0.8em; display: block; height: 26px; margin-bottom: 1px; font-weight: 400; overflow: hidden; }
        .product_added_popup .product_slider .prod_content .price { font-size: 0.7em; font-weight: 700; display: block; }

.popup_buttons { width: 100%; max-width: 500px; text-align: center; margin: 0 auto 32px auto; }


.newsletter_popup { padding-top: 50px; }
    .newsletter_popup .popup { max-width: 768px; border-radius: 10px; box-shadow: 0px 5px 8px #00000075; padding: 20px 0; box-sizing: border-box; }
    .newsletter_popup .close_popup { right: initial; left: -40px; top: -45px; color: #fff; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; border: 1px solid #fff; box-sizing: border-box; text-align: center; }
    .newsletter_popup .popup_title { margin-bottom: 25px; font-size: 2.2em; font-weight: 700; display: block; text-align: center; }
    .newsletter_popup .main_image { height: 0; padding-bottom: 35%; margin-bottom: 15px; }
    .newsletter_popup .popup_content { padding: 0 20px; box-sizing: border-box; width: 100%; max-width: 666px; margin: 0 auto; }
    .newsletter_popup .text { margin-bottom: 20px; }
        .newsletter_popup .text > h2 { font-size: 1.5em; font-weight: 700; display: block; margin-bottom: 15px; text-align: center; }
    .newsletter_popup .form {padding:0 20px;box-sizing:border-box;width:100%; }
        .newsletter_popup .form > ul { }
            .newsletter_popup .form > ul > li button {padding:10px; }

.service_popup { }
.service_popup .popup{ padding:50px 10px 30px 10px;}
    .service_popup .image { border-radius: 10px; width:100%; max-width: 320px; height: 0; padding-bottom: 50%; margin: 0 auto 10px auto; }
.service_popup_headline { color: #1B5B9B; font-size:1.2em; font-weight: 500; display: block; text-align: center; margin-bottom: 10px; }
.service_popup .popup .content article { }
.service_popup .popup .content article > * {font-size:1em;line-height:120%; }

.video_popup {display:none; }
.video_popup .popup { max-width: 1000px; padding: 50px 20px 10px 20px; }
.video_popup .video_conti { padding-bottom: 56.5%; }

@media only screen and (max-width : 768px) {
    .popup_buttons { font-size: 0.7em; }
    .newsletter_popup .popup_title {font-size:1.5em; }
}

@media only screen and (max-width : 600px) {
    .product_added_popup .popup_title .title { font-size: 1.5em; }
}
