:root{--qvizpam-font-family:'Montserrat',sans-serif;--qvizpam-text-color:#000;--qvizpam-primary-color:#05ad58;--qvizpam-secondary-color:#d6ffe6;--qvizpam-text-size:16px;--qvizpam-text-weight:400;--qvizpam-border-radius:10px;--qvizpam-box-shadow:0 0 10px rgba(0,0,0,0.1)}

/* knopka vyzova */

button.qvizpam-boxmodal-open-pp01
{
    background: #05ad58;
    font-family: Montserrat, OpenSans-Regular, Calibri, "Courier New", Courier, monospace;
    font-size: 24px;
    border-radius: 5px;
    border: 2px solid #05ad58;
    margin: 30px 30px 0px 0px;
    padding: 10px 40px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    line-height: 140%;
    width: auto;
    float: left;
    cursor: pointer;
    box-sizing: border-box;
}

/* Стиль ползунка */

.qvizpam ::-webkit-scrollbar-button { 
background-image:url(''); 
background-repeat:no-repeat; 
width:3px; 
height:0px 
} 

.qvizpam ::-webkit-scrollbar-track { 
background-color:#fefcea00; 
} 

.qvizpam ::-webkit-scrollbar-thumb { 
-webkit-border-radius: 5px; 
border-radius: 5px; 
background-color:#1d1f26; 

background-position:center; 
background-repeat:no-repeat; 
} 

.qvizpam ::-webkit-resizer{ 
background-image:url(''); 
background-repeat:no-repeat; 
width:3px; 
height:0px 
} 

.qvizpam ::-webkit-scrollbar{ 
width: 3px; 
}




.qvizpam
{
     font-family:var(--qvizpam-font-family)!important;
	 position:relative;
	 background-color:#fff;
	 height:640px;
	 margin:0 auto;
}

.qvizpam img
{
     width: 100%; 
}

.qvizpam *
{
     box-sizing:border-box;
	 outline:none;
	 text-decoration:none;
	 font-family:var(--qvizpam-font-family);
	 color:var(--qvizpam-text-color);
	 line-height:1.25;
	 margin:0;
	 border:0;
}

.qvizpam-boxmodal
{
     width:800px;
	 box-shadow:0 0 10px 0 rgba(0,0,0,.35);
	 border-radius:15px;
	 overflow:hidden;
	 z-index:52;
	 position:absolute;
	 left:50%;
	 top:50%;
	 transform:translate(-50%,-50%);
}

.qvizpam-boxmodal-close
{
     width:30px;
	 height:30px;
	 position:absolute;
	 top:5px;
	 right:5px;
	 cursor:pointer;
	 z-index:1;
}

.qvizpam-boxmodal-close span
{
     position:absolute;
	 width:20px;
	 height:20px;
	 top:50%;
	 left:50%;
	 display:block;
	 text-indent:-9999999px;
	 overflow:hidden;
	 transform:translate(-50%,-50%);
}

.qvizpam-boxmodal-close span:after,.qvizpam-boxmodal-close span:before
{
     content: "";
	 position:absolute;
	 width:20px;
	 height:2px;
	 top:50%;
	 margin-top:-1px;
	 left:50%;
	 margin-left:-10px;
	 background:#000;
}

.qvizpam-boxmodal-close span:before
{
     transform:rotate(-45deg)
}

.qvizpam-boxmodal-close span:after
{
     transform:rotate(45deg);
}

.qvizpam-boxmodal-close:hover span:after,.qvizpam-boxmodal-close:hover span:before
{
     background:red;
	 box-shadow:0 0 1px #f44336;
}

.qvizpam-slider
{
     display:block;
}

.qvizpam-item
{
     width:100%;
	 padding:0px 0px 0;
	 margin: 30px 0 0 0;
	 display:none;
	 position:absolute;
}

.qvizpam-item:first-child
{
     display:block;
}

.qvizpam-item-h2
{
     font-size:28px;
	 font-weight:500;
	 margin:0 0 10px;
}

.qvizpam-item-head
{    
     display:flex;
     justify-content:space-between;
	 align-items:center;
	 margin:0 0 10px;
}

.qvizpam-nodiscount .qvizpam-item-head
{
     display:none;
}

.qvizpam-nodiscount .qvizpam-item-h2
{
     padding:10px 0 7px;
}

.qvizpam-item-text-p
{
     margin:0 0 10px;
	 text-transform:lowercase;
	 font-size:12px;
}

.qvizpam-item-head:not(.qvizpam-item-head-finish) .qvizpam-item-text-p:last-child
{
     text-align:right;
}

.qvizpam-item-text-span
{
     font-size:26px;
	 font-weight:500;
	 display:block;
	 margin:3px 0 0;
	 float: none;
}

.qvizpam-item-head-finish
{
     justify-content:center;
}

.qvizpam-item-head-finish + .qvizpam-item-h2
{
     margin:0 0 30px;
	 text-align:center;
}

.qvizpam-item-head-finish .qvizpam-item-text-p
{
     text-align:center;
	 font-size:14px;
}

.qvizpam-item-head-finish .qvizpam-item-text-span
{
     font-size:36px;
}

.qvizpam-item-body
{
     display:flex;
	 justify-content:space-between;
	 align-items:stretch;
	 margin:0 -7.5px;
	 flex-wrap:wrap;
	 overflow-y:auto;
	 max-height:375px;
	 margin:0 -7.5px;
}

.qvizpam-nodiscount .qvizpam-item-body
{
     max-height:420px;
	 margin:20px -7.5px 0;
}

.qvizpam-item-label
{
     border:1px solid #dbdbdb;
	 border-radius:var(--qvizpam-border-radius);
	 padding:10px;
	 text-align:center;
	 margin:0 7.5px 15px;
	 cursor:pointer;
}

.qvizpam-item-label:has(input:checked)
{
     border:1px solid var(--qvizpam-primary-color);
}

.qvizpam-item-label-textsize
{
     padding:10px 20px 20px;
	 flex:0 0 calc(100% - 15px)!important;
	 text-align:left;
}

.qvizpam-item-input
{
    border: 1px solid #dbdbdb;
    display: block;
    width: 100%;
    padding: 15px 20px !important;
    margin-bottom: 0px !important;
    height: 45px !important;
    border-radius: 5px;
    font-size: 18px !important;
}

.qvizpam-item-body input[type="checkbox"] {
    margin: 0px 10px 0 0;
    line-height: normal;
    display: inline-block;
}

.qvizpam-item-submit input {
    display: inline-block;
}

.qvizpam-item-input-hidden
{
     position:absolute;
	 visibility:hidden;
	 z-index:-1;
}

.qvizpam-item-body-row50 .qvizpam-item-label
{
     flex:0 0 calc(50% - 15px);
}

.qvizpam-item-body-row33 .qvizpam-item-label
{
     flex:0 0 calc(33.333333% - 15px);
}

.qvizpam-item-body-row25 .qvizpam-item-label
{
     flex:0 0 calc(25% - 15px);
}


.qvizpam-item-label.nenuzhno
{
    width: 100% !important;
    flex: 0 0 calc(100% - 15px) !important;
    font-size: 24px !important;
}

.qvizpam-item-label.nenuzhno .qvizpam-item-text
{
    padding: 10px 0;
}


.qvizpam-item-area:not(.qvizpam-item-area-checkbox)
{
     flex:0 0 75%;
	 margin:0 auto 25px;
}

.qvizpam-item-area-checkbox
{
     padding:2px 0 0;
	 text-align:center;
	 font-size:14px;
	 flex:0 0 75%;
	 margin:0 auto 20px;
}

.qvizpam-item-area-checkbox a
{
     text-decoration:underline;
}

.qvizpam-item-checkbox
{
     margin:0 7px 0 0;
}

.qvizpam-item-img
{
     overflow:hidden;
	 width:100%;
	 margin:0 0 10px;
}

.qvizpam-item-img img
{
     margin:0 auto;
	 display:block;
	 width: 100%;
}

.qvizpam-item-text
{
     padding:30px 0;
}

.qvizpam-item-img + .qvizpam-item-text
{
     padding:0;
}

.qvizpam-item-label-textsize .qvizpam-item-text
{
     padding:10px 0;
}

.qvizpam-item-submit
{
     text-align:center;
	 flex:0 0 65%;
	 margin:0 auto;
}

.qvizpam-item-submit-btn
{
     background-color:var(--qvizpam-primary-color);
	 color:#fff;
	 padding:0 20px;
	 font-size:20px;
	 height:50px;
	 line-height:50px;
	 border-radius:5px;
	 margin:0;
	 opacity:.55;
}

.qvizpam-controls button
{
     background-color:var(--qvizpam-primary-color);
	 color:#fff;
	 padding:0 20px;
	 height:30px;
	 line-height:30px;
	 border-radius:5px;
	 margin:0 30px;
	 opacity:.55;
}

.qvizpam-controls button:not(:disabled),.qvizpam-item-submit-btn:not(:disabled)
{
     cursor:pointer;
	 opacity:1;
}

.qvizpam-controls .qvizpam-controls-prev
{
     background-color:#ccc9ca;
	 color:#000;
}

.qvizpam-controls
{
     text-align:center;
	 position:absolute;
	 width:100%;
	 bottom:80px;
}

.qvizpam-liveregion
{
     margin:0;
	 text-align:center;
	 position:absolute;
	 width:100%;
	 bottom:50px;
	 font-size:16px;
}

.qvizpam-progressbar
{
     margin:0 30px;
	 padding:10px 0 30px;
	 position:absolute;
	 bottom:0;
	 width:calc(100% - 60px);
}

.qvizpam-progressbar-line
{
     background-color:var(--qvizpam-secondary-color);
	 height:12px;
	 width:100%;
	 position:relative;
	 border-radius:5px;
	 overflow:hidden;
}

.qvizpam-progressbar-line-div
{
     display:block;
	 position:absolute;
	 top:0;
	 left:0;
	 width:0;
	 height:12px;
	 background-color:var(--qvizpam-primary-color);
}

.qvizpam-item-body-col2
{
     display:flex;
	 justify-content:space-between;
	 align-items:stretch;
	 flex-direction:column;
}

.qvizpam-item-body-block
{
     display:block;
	 width:37%;
}

.qvizpam-item-body-col70p .qvizpam-item-area
{
     margin:0 0 25px;
	 display:block;
}

.qvizpam-item-body-gift-p
{
     text-align:center;
	 margin:0;
	 font-size:18px;
	 font-weight:500;
}

.qvizpam-item-body-gift-p:first-child
{
     color:red;
}

.qvizpam-item-body-gift-img
{
     margin:20px auto;
	 display:block;
}

.qvizpam-center
{
     text-align:center;
}

.qvizpam-item-h2.qvizpam-center
{
     margin:20px auto 40px;
}

.qvizpam-item-body-thx
{
     width:100%;
	 overflow:visible;
	 justify-content:center;
}

.qvizpam-item-body-thx div
{
     padding:200px 0 0;
	 text-align:center;
	 font-size:30px;
}

.qvizpam-nodiscount .qvizpam-item-last
{
     padding:80px 30px 0px;
}

.qvizpam-item-input-info
{
     position:absolute;
	 z-index:-99;
	 visibility:hidden;
}

.qvizpam-item-body-col2 .qvizpam-item-area
{
     margin:0 20px 25px;
}

#overlay
{
     background:transparent;
	 width:100%;
	 height:100%;
	 position:fixed;
	 z-index:51;
	 left:0;
	 top:0;
}

#overlay
{
     z-index:51;
}




/* adaptivnost */

@media screen and (max-height: 810px) {

.qvizpam-boxmodal {
    width: 98%;
    top: 1%;
    transform: translate(-50%, -0%);
}

.qvizpam-item-body-row25 .qvizpam-item-label {
    flex: 0 0 calc(33% - 15px);
}

.qvizpam-item-h2 {
    font-size: 18px;
}

}

@media screen and (max-height: 700px) {

.qvizpam-item-body-row33 .qvizpam-item-label {
    flex: 0 0 calc(50% - 15px);
}

.qvizpam-item-body-row25 .qvizpam-item-label {
    flex: 0 0 calc(50% - 15px);
}

p.qvizpam-item-text {
    font-size: 14px;
}

.qvizpam-item-area:not(.qvizpam-item-area-checkbox) {
    flex: 0 0 95%;
    margin: 0 auto 25px;
}

.qvizpam-item-area-checkbox {
    flex: 0 0 95%;
}

}

@media screen and (max-height: 480px) {

.qvizpam-item-body-row50 .qvizpam-item-label {
    flex: 0 0 calc(100% - 15px);
}

.qvizpam-item-body-row33 .qvizpam-item-label {
    flex: 0 0 calc(100% - 15px);
}

.qvizpam-item-body-row25 .qvizpam-item-label {
    flex: 0 0 calc(100% - 15px);
}

p.qvizpam-item-text {
    font-size: 19px;
}

}