/**handles:aafd-custom-4**/


/* Cookiebar styles */



/* --- POPUP --- */

.wx-overlay {

    position: fixed;

    bottom: 0;

    right: 0;

    transition: opacity 500ms;

    /*visibility: hidden;*/

    /*opacity: 0;*/

    z-index: 10000;

}



.wx-overlay:target {

    visibility: visible;

    opacity: 1;

}



.wx-popup {

    margin: 70px auto;

    padding: 25px 25px;

    background: white;

    border-radius: 5px;

    width: 80%;

    position: relative;

    transition: all 5s ease-in-out;

    z-index: 17;

    max-width: 700px;

    margin-top: 10vh;

    box-shadow: 0px 0px 5px 0px #a0a0a0;

}



.wx-popup p, .wx-popup a {color:black!important}

.wx-popup p{font-size:14px;line-height: 1.25em;}

.step2 .wx-popup p{padding-right: 80px!important}



.wx-popup h2 {margin-top: 0px;padding-right: 80px!important;font-size: 20px!important;color: black;line-height: 1.2em;margin-bottom: 8px}







.wx-popup .wx-content input {

    background: white!important;border: 1px solid #3d0f5e;

    float: left;

    padding: 5px 15px!important;

    font-size: 14px!important;

    margin-right: 20px;margin-top:10px;margin-bottom: 10px;

    color:black!important

}







.wx-popup input.detaily, .wx-popup input.zamintnout{ color:black!important;margin-bottom:0}



.wx-popup .wx-content input.wx-povolit { background: #3d0f5e!important; color:white!important;margin-bottom:0!important}



.space { display:none;}

input.wx-detaily-plain-link {

    clear: both;

    display: block!important;

    background: none!important;

    box-shadow: none!important;

    border: none;

    text-decoration: underline!important;

    font-weight: 300!important;

    text-align: left;

    padding-left: 0!important;font-size: 14px!important;color:#3d0f5e!important;

}



/* --- CHECKBOX --->>> VYPINAC --- */

.switch {    position: absolute;    display: inline-block;    width: 60px;    height: 34px;    right: 30px;    margin-top: -56px;}



.switch input { opacity: 0; width: 0; height: 0; }

.wx-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc;

    -webkit-transition: .4s; transition: .4s; }

.wx-slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px;

    background-color: white; -webkit-transition: .4s; transition: .4s; }

input:checked + .wx-slider { background-color: #3d0f5e; }

input:focus + .wx-slider { box-shadow: 0 0 1px #3d0f5e; }

input:checked + .wx-slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }

/* Rounded wx-sliders */

.wx-slider.round { border-radius: 34px; }

.wx-slider.round:before { border-radius: 50%; }











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

.wx-popup h2{ margin-top: 0px;padding-right: 80px!important;font-size:20px!important}

.wx-popup p {padding-right: 70px!important;font-size: 12px; }

.wx-popup { margin: 15px auto;padding: 25px 15px 25px 15px;width: 90%; margin-top: 5vh;}

.wx-overlay {  overflow-y: auto;}

    .wx-popup .wx-content input {background: white!important; border: 1px solid #3d0f5e; float: left;padding: 0px 10px!important;font-size: 14px!important; margin-right: 20px;margin-top: 10px;margin-bottom: 10px; color: #3d0f5e!important;}



    .switch {position: absolute;display: inline-block;width: 60px; height: 34px; right: 10px; margin-top: -56px;}







}