#surveyform .form-group.messquizinput input {position: relative; z-index: 500;}
#surveyform .form-group.messquizinput {position: relative; z-index: 500;}
#surveyform .form-group .zima_vetka_quiz {position: absolute; z-index: 400;background: url(/images/y_vetka2.webp) no-repeat; width: 220px; height: 150px; left: 10px; top: 0; background-size: cover; opacity: 1;}
#surveyform .form-buttons {position: relative; z-index: 500;}
#surveyform .error-message {position: relative; z-index: 500;}
#surveyform .error-message{background-color: #ffffff;}
#surveyform .final_offer_dop span::before {content:''; width: 17px; height: 17px; margin-right: 5px; display: inline-block; background: url(/images/ico_garant2.svg) no-repeat; background-size: cover; margin-bottom: -3px;}
#surveyform .dop_offer .title {font-weight: bold; margin-top: 10px; margin-bottom: -10px;}
#surveyform .dop_offer li {list-style: none; margin-left: 20px;}
#surveyform .dop_offer li span::before {content:''; width: 17px; height: 17px; margin-right: 5px; display: inline-block; background: url(/images/ico_check.svg) no-repeat; background-size: cover; margin-bottom: -3px;}



/* ticket list and order ticket */
.fancybox-slide--html .fancybox-close-small:hover {animation:animation_rotate 1s ease-in-out;}
#marquiz .marquiz_close:hover {animation:animation_rotate 1s ease-in-out; margin-top: 0;}
.close .animation_rotate:hover {animation:animation_rotate 1s ease-in-out; margin-top: 0;}
@keyframes animation_rotate{to{transform: rotate(360deg);}}

.animation_vertical {animation:animation_vertical 6s ease-in-out infinite;}
.animation_mask {animation:animation_mask 4s ease-in-out infinite; }
@keyframes animation_vertical {
    0% {transform: translate3d(0, 0, 0);}
    45% {transform: translate3d(0, -14%, 0);}
    55% {transform: translate3d(0, -14%, 0);}
    100% {transform: translate3d(0, 0, 0);}}
@keyframes animation_mask{
    0%{transform: scale3d(80%,80%,80%);}
    50%{transform: scale3d(90%,90%,90%);}
    100%{transform: scale3d(100%,100%,100%);}
    to{transform: scale3d(80%,80%,80%);}}
@keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-o-keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-moz-keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-webkit-keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}
.animate-flicker:before{content:'';-webkit-animation:flickerAnimation 1.3s infinite;-moz-animation:flickerAnimation 1.3s infinite;-o-animation:flickerAnimation 1.3s infinite; animation:flickerAnimation 1.3s infinite;width:8px;height:8px; border-radius:50%; background-color:#25d266;vertical-align:middle; margin-right:4px}
.animate-flicker{display:flex;justify-content:end; position: relative; top: -30px;}

/* marquiz loader */
.marquiz_load {position: fixed;  z-index: 5000; bottom: 10px; right: 80px; max-width: 325px; padding: 20px 10px 20px 20px; background: #ffffff; box-shadow: 0 10px 20px rgba(0,0,0,.14); border-radius: 8px; cursor: pointer; display: none; background: url(/images/bg_mr_load.jpg); background-size: cover;}
.marquiz_load .left {padding-right: 5px; font-weight: bold;}
.marquiz_load .right {min-width: 60px;}
.marquiz_load .right .face {position: absolute; top: -10px;}
.marquiz_load .right .face img {width: 60px; height: 60px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; border: 3px solid #ffffff; box-shadow: 0 10px 20px rgba(0,0,0,.04); background-color: #d6f3fb;}
.marquiz_disabled {display: none;}

/* marquiz body */
#marquiz {position: fixed;  z-index: 5000; bottom: 10px; right: 80px; padding: 0; box-shadow: 0 10px 20px rgba(0,0,0,.14); border-radius: 5px; overflow: visible; padding-top: 10px; padding-bottom: 10px; background: #ffffff; background: url(/images/bg_wood.png) 50% 50% / auto #fff;}
#marquiz .quiz .right {width: 100%;}
#marquiz #surveyform .progressbar {display: none;}
.marquiz_face_block .rght {padding-left: 3px;}
.marquiz_face_block .rght .face img {width: 60px; height: 60px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; border: 3px solid #ffffff; box-shadow: 0 10px 20px rgba(0,0,0,.04); background-color: #cff3fd}
.marquiz_face_block .rght .animate-flicker {top: -55px;}
.marquiz_gift {padding: 20px 0 0 0; font-size: 16px;}
.marquiz_gift b {font-weight: normal;}
#marquiz .final_offer_dop b {font-weight: normal;}
.marquiz_gift .animation_wrap img {animation:animation_icon_skidka 2s ease-in-out infinite; width: 25px; margin-top: -5px;}
body .zakaz_callback .marquiz_gift .animation_wrap {display: inline-block;}
#marquiz .quiz .right .title_h3 .animation_wrap {display: inline-block;}
#marquiz .final_offer {margin-bottom: 5px; line-height: 24px; font-size: 22px;;}
#marquiz .final_offer_dop {margin-bottom: 10px; opacity: .4; font-size: 16px;}
#marquiz .final_step {margin-bottom: 0; opacity: .4; margin-top: 10px;}
#marquiz #surveyform .survey__panel__question.final_offer_mess {margin-bottom: 10px; font-size: 20px;;}
#marquiz #surveyform .form-group.messquiz {margin-bottom: 10px;}

#marquiz .marquiz_close {width: 35px; height: 35px; position: absolute; top: -7px; right: -5px;; background: url(../img/close-black.svg) 50% 50% no-repeat; margin: 0 auto; background-color: #ffffff; border-radius: 50%; box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.07); background-position: center; background-size: 15px; cursor: pointer; z-index: 5001;}

body .zakaz_callback.landing_marquiz::after {display: none;}
#marquiz .zakaz_callback_wrap {position: relative; width: 100%; height: 100% ;overflow: hidden; padding: 20px 20px 10px 25px; overflow-y: scroll; scrollbar-width: thin; max-width: 350px; max-height: 480px; border-radius: 5px; }
/* #marquiz .zakaz_callback_wrap::after {content:'';position: absolute; width: 400px; height: 525px; background: url(/images/proekt_bg.webp) 50% 50% no-repeat; z-index: 50; bottom: 0; right: -200px; opacity: 0.3; transform: rotate(-35deg);opacity: 0.1;}
*/

.zakaz_callback #calculator_wrap .info .title_h3 img {/* width: 25px; margin-right: 0px;;*/}
#calculator_wrap #surveyform .button {margin: 0 10px 0 0;}
#calculator_wrap #surveyform .form-buttons {margin: 0;}
#calculator_wrap #surveyform .survey__panel {padding: 0 0 20px 0;}
#calculator_wrap #surveyform label {font-size: 20px;}
#calculator_wrap #surveyform .survey__panel__question {margin: 0 0 20px 0;}
.marquiz_face_block {margin-bottom: 20px; flex-direction: row-reverse; font-size: 16px;}
.marquiz_face_block .rght {padding-left: 0; padding-right: 6px;}



body .zakaz_callback.landingld .animation_wrap {margin-right: 10px; display: flex; align-items: center; display: inline-block;}
body .zakaz_callback.landingld .info.skidka .title_h3 {width: 100%;}
body .zakaz_callback.landingld .info.skidka .title_h3 .animation_wrap img {animation:animation_icon_skidka 2s ease-in-out infinite;}
body .zakaz_callback.landingld .info .title_h3 .animation_wrap img {animation:animation_icon 2s ease-in-out infinite; margin-top: 0;}



body #calculator.landing_quiz .animation_wrap {display: inline-block; margin-right: 0;}
body #calculator.landing_quiz_event .animation_wrap {display: inline-block; margin-right: 0;}
body #calculator.landing_quiz .animation_wrap img {position: relative; margin-top: -5px; width: 30px;}
body #calculator.landing_quiz_event .animation_wrap img {position: relative; margin-top: -5px; width: 30px;}
body #calculator.landing_quiz .final_zagolovok {margin-bottom: 2rem;}
.final_offer {margin-top: 0; margin-bottom: 20px;}
.title_h3.final_offer img {width: 40px; margin-top: -5px;animation:animation_icon 2s ease-in-out infinite;;}
.final_offer_dop {opacity: .4;}
.final_offer_dop img {width: 30px; height: 30px; border-radius: 0; margin-bottom: -5px; margin-top: -5px;}
.none_title {display: none;}
#surveyform .progressbar.none_title {display: none;}


body .zakaz_callback .animation_wrap {display: flex; align-items: center;}
body .zakaz_callback .info.skidka .title_h3 .animation_wrap img {animation:animation_icon_skidka 2s ease-in-out infinite;}
body .quiz .left .time.animation_wrap img {animation:animation_icon 2s ease-in-out infinite; margin-top: 0;}
.skidka.animation_icon .title_h3 span {color: #ffffff; margin-left: 10px;}
.animation_icon .title_h3 {display: flex; align-items: center;}
.animation_icon .title_h3 span {margin-left: 30px;}
.animation_wrap img {width: 40px;}
@keyframes animation_icon_skidka{
    0%{transform: scale3d(90%,90%,90%);}
    50%{transform: scale3d(115%,115%,115%);}
    100%{transform: scale3d(130%,130%,130%);}
    to{transform: scale3d(90%,90%,90%);}}
@keyframes animation_icon{
    0%{transform: scale3d(80%,80%,80%);}
    50%{transform: scale3d(100%,100%,100%);}
    100%{transform: scale3d(110%,110%,110%);}
    to{transform: scale3d(80%,80%,80%);}}


/* popup callback */
body .zakaz_callback {max-width: 450px; color:#000000; border-radius: 10px;background: #ffffff; padding: 30px 30px 20px; overflow: hidden; border-radius: 5px;}
.zakaz_callback .info .text img {width: 22px;}
.zakaz_callback .info {margin-bottom: 15px; position: relative; z-index: 400;}
.zakaz_callback form {position: relative; z-index: 500;}
.zakaz_callback .info .title_h3 img {width: 40px; margin-right: -5px; margin-top: -5px;}
.zakaz_callback .info.skidka .title_h3 {background: #f50808; padding: 5px 15px; color: #ffffff; border-radius: 5px;}
.zakaz_callback .info.skidka .title_h3 img {width: 25px; margin-right: 0;}
.zakaz_callback .block {margin: 10px 0;}
.zakaz_callback .block select {font-family: 'FiraSans-Light'; font-size: 18px; padding-left: 10px; width: 100%; height: 50px; border-radius: 4px; cursor: pointer; outline: none; background-image: url(/images/select.png); background-position: right center; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; -ms-appearance: none; appearance: none!important; background-position: 95% 50%; border: 1px solid #000000; color: #33cc00;}
.zakaz_callback .block input {width: 100%; height: 50px; font-size: 20px; border-radius: 4px; outline: none; padding-left: 10px;border: 1px solid #000000;font-family: 'FiraSans-Light'; width: 100%;}
.zakaz_callback .block .text_label_input.error {border: 3px solid #f58993;}
.zakaz_callback .block textarea {width: 100%; height: 100px; font-size: 20px; border-radius: 4px; outline: none; padding-left: 10px;  padding-top: 5px;border: 1px solid #000000;font-family: 'FiraSans-Light'; }
.zakaz_callback .check_privacy input {width: 15px; height: 15px;}
.zakaz_callback .check_privacy {font-size: 14px; margin-top: 15px; color: #000000; opacity: .4;}
.zakaz_callback .check_privacy a {color: #cccccc;}
.zakaz_callback .title_hidden {display: none;}
.order_callback .title_hidden {display: none;}
.zakaz_callback .block.radio {margin: 0; margin-top: 5px; margin-bottom: 15px;}
.zakaz_callback .block.radio fieldset {display: flex; flex-wrap: wrap;align-items: center; }
.zakaz_callback .block.radio fieldset div {padding: 0 15px 5px 0; font-size: 18px;}
.zakaz_callback .block.radio input {width: auto; height: auto; margin-left: 0; margin-right: 2px;}
.zakaz_callback .block.radio label {margin-right: 10px; cursor: pointer;}
.zakaz_callback .block.radio label:last-child {margin-right: 0px;}
.zakaz_callback .block.title {margin: 10px 0 10px 0; font-weight: bold;}
.zakaz_callback .block.files {margin: 0 0 15px;cursor: pointer;}
.zakaz_callback .block.files input {margin-left: 0; font-size: 16px; cursor: pointer; padding: 5px; border: 1px solid #ddd; height: auto; background: #ffffff; padding: 10px 10px;}
.zakaz_callback .block.box_label_input.files input {margin-left: 0; font-size: 14px; cursor: auto; padding: 5px; border: 1px solid #ddd; height: 40px;}
.zakaz_callback .block.box_label_input.files {margin: 5px 0 15px;}
body .zakaz_callback::after {content:'';position: absolute; width: 450px; height: 370px; background: url(/images/proekt_bg.webp) 50% 50% no-repeat; z-index: 50; bottom: 0; right: -200px; opacity: 0.1; /* transform: rotate(-35deg); */}
body .zakaz_callback.landingld .check_privacy {;}
body .zakaz_callback.landingld {padding: 0; max-width: 800px; width: 100%;}

#smetaproekt .feedback_block .gray {/* opacity: .2; */}
#smetaproekt .feedback_block .animation_wrap {display: inline-block; margin-right: 0;}
#smetaproekt .feedback_block .animation_wrap img {position: relative; margin-top: -5px;}


#surveyform .container{min-height:100vh;display:grid;grid-gap:40px;align-content:center}
#surveyform .main{display:block;align-self:start}
#surveyform button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
#surveyform button,input{overflow:visible}
#surveyform button,select{text-transform:none}
#surveyform button,[type="button"],[type="submit"]{-webkit-appearance:button}
#surveyform button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
#surveyform button:-moz-focusring,[type="button"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
#surveyform [type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
#surveyform [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
#surveyform .illustration{width:100%;border-style:none}
#surveyform label{cursor:pointer; font-size: 20px;}
@media (min-width:700px){.container{grid-template-columns:1fr 1fr;max-width:1400px;margin:0 auto;align-items:center}
#surveyform .header,.main{grid-row:1}
#surveyform }
#surveyform .progressbar{margin:0rem 1rem 2rem; /* display:flex; */ flex-direction:row;justify-content:space-between;counter-reset:list;height:30px; display: none; }
#surveyform .progressbar__step{position:relative;width:20%;line-height:1.4}
#surveyform .progressbar__step.active:before{background-color:var(--lightGreen)}
#surveyform .progressbar__step:nth-child(2)::after,.progressbar__step:nth-child(3)::after,.progressbar__step:nth-child(4)::after,.progressbar__step:nth-child(5)::after,.progressbar__step:nth-child(6)::after,.progressbar__step:nth-child(7)::after{content:"";position:absolute;left:-100%;top:12px;z-index:-1;width:100%;height:2px;background-color:var(--lightBlue)}
#surveyform .progressbar__step.active:nth-child(2)::after,.progressbar__step.active:nth-child(3)::after,.progressbar__step.active:nth-child(4)::after,.progressbar__step.active:nth-child(5)::after,.progressbar__step.active:nth-child(6)::after,.progressbar__step.active:nth-child(7)::after{background-color:var(--lightGreen)}
#surveyform .progressbar__step:before{counter-increment:list;content:counter(list);position:absolute;display:block;width:25px;height:25px;font-size:0.85rem;background-color:var(--whiteClr);text-align:center;border:3px solid var(--lightBlue);border-radius:100%}
#surveyform .survey{display:flex;flex-direction:column}
#surveyform .survey__panel{display:none; visibility: hidden; position: absolute; padding: 0 0 20px 0;}
#surveyform .survey__panel--current{display:none; visibility: visible; position: relative;}
#surveyform .survey__panel__question{margin: 0 0 15px; font-size: 22px; line-height: 22px;}
#surveyform .survey__panel strong{--darkGrey:#4b4b4b;display:block;margin-bottom:0.3rem;font-weight:normal;font-size:0.95rem;color:var(--darkGrey)}
#surveyform .error-message{margin-bottom:0;margin-top:5px;color:#f13546; font-weight: bold;}
#surveyform [role="alert"]{display:block}
#surveyform .survey__panel__period{/* display:grid;grid-gap:13px;grid-template-columns:repeat(2,150px)*/ display: flex; flex-wrap: wrap;}
#surveyform .survey__panel__period .form-group.messquizinput {border: 0;}
#surveyform .survey__panel__period .form-group.messquizinput input {border: 2px solid var(--lightBlue); min-height: 65px; margin-bottom: 0;}
#surveyform .survey__panel__period .form-group {width: 47%; margin-right: 10px; margin-bottom: 10px; border: 2px solid var(--lightBlue); border-radius: 5px; border-radius: 5px;}
#surveyform .survey__panel__period .form-group:nth-child(even) {margin-right: 0;}

#surveyform .survey__panel__period .form-group img {width: 90px; margin-right: 5px; border-radius: 5px; }
#surveyform .survey__panel__period label {display: flex; align-items: center; padding: 4px 4px;}
#surveyform .survey__panel__period label span {text-align: left;}

#surveyform .survey__panel__period [type="radio"]{opacity:0;display:block;width:5px;height:5px;position:absolute;z-index:1;cursor:pointer}
.survey__panel__period label{display:inline-block;position:relative; width: 100%;min-height: 65px;padding:0;text-align:center;border-radius:3px}
#surveyform .survey__panel__period label:hover,.survey__panel__period [type="radio"]:checked + label{border-color:var(--intenseBlue);background: #b7d9fe}
#surveyform .survey__panel__period label:hover {background: #b7d9fe;}
#surveyform .review__period [type="radio"]:checked + label{border:var(--intenseBlue)}
#surveyform .radiobox,.radiobox:checked,.radiobox:not(:checked),.checkbox,.checkbox:not(:checked){opacity:0}
#surveyform .radiobox:checked + label,.radiobox:not(:checked) + label,.checkbox:checked + label,.checkbox:not(:checked) + label{position:relative;padding-left:30px}
#surveyform .radiobox:checked + label:before,.radiobox:not(:checked) + label:before,.checkbox:checked + label:before,.checkbox:not(:checked) + label:before{content:"";position:absolute;left:0;top:0;width:23px;height:23px;border:1px solid #b8b7b7;border-radius:100%;background-color:var(--whiteClr)}
#surveyform .radiobox:checked + label:after,.radiobox:not(:checked) + label:after{content:"";width:9px;height:9px;background-color:var(--intenseBlue);position:absolute;left:7px;top:7px;border-radius:100%;transition:transform 0.2s cubic-bezier(0.785,0.135,0.15,0.86),opacity 0.2s cubic-bezier(0.785,0.135,0.15,0.86)}
#surveyform .radiobox:not(:checked) + label:after,.checkbox:not(:checked) + label:after{opacity:0;transform:scale(0)}
#surveyform .radiobox:checked + label:after,.checkbox:checked + label:after{opacity:1;transform:scale(1)}
#surveyform .form-group {margin-bottom: 17px;}
#surveyform .form-group-textarea{margin-top:1rem}
#surveyform .form-group-textarea label{display:block;font-size:0.95rem}
#surveyform .form-group-textarea textarea{padding:10px;overflow:auto;font-size:0.9rem;display:block;border:2px solid var(--lightBlue);font-family:inherit;width:100%;resize:vertical;min-height:100px;max-width:300px;color:var(--darkBlue);-webkit-appearance:none}
#surveyform .survey__panel .radiobox{margin-left:0;display: none;}
#surveyform .checkbox:checked + label:before,.checkbox:not(:checked) + label:before{border-radius:0}
#surveyform .checkbox:checked + label:before{background-color:var(--intenseBlue)}
#surveyform .checkbox:checked + label:after,.checkbox:not(:checked) + label:after{content:"";position:absolute;left:4px;top:7px;width:2px;height:2px;background-color:var(--whiteClr);box-shadow:2px 0 0 var(--whiteClr),4px 0 0 var(--whiteClr),4px -2px 0 var(--whiteClr),4px -4px 0 var(--whiteClr),4px -6px 0 var(--whiteClr),4px -8px 0 var(--whiteClr);transform:rotate(45deg);transition:transform 0.2s cubic-bezier(0.785,0.135,0.15,0.86),opacity 0.2s cubic-bezier(0.785,0.135,0.15,0.86),background-color 0.2s cubic-bezier(0.785,0.135,0.15,0.86)}
#surveyform .survey__panel__personaldetails .form-group{margin:1rem 0}
#surveyform .survey__panel__personaldetails .name,.survey__panel__personaldetails .email,.survey__panel__personaldetails .age{display:block;font-size:0.95rem}
#surveyform .survey__panel__personaldetails [name="name"],.survey__panel__personaldetails [name="email"],.survey__panel__personaldetails [name="country"]{width:100%;padding:0.6rem 0.75rem;border:2px solid var(--lightBlue);max-width:300px;-webkit-appearance:none}
#surveyform .survey__panel__personaldetails [name="age"]{padding:0.6rem 0.75rem;border:2px solid var(--lightBlue);-webkit-appearance:none}
#surveyform .form-buttons{display:flex;max-width:400px;margin-top:auto}
#surveyform .button{--btnClr:#5f6caf;display:inline-block;padding:10px 20px;background-color:var(--btnClr);color:var(--whiteClr);border:2px solid var(--btnClr);border-radius:3px;font-family:inherit;cursor:pointer; margin-right: 10px;}
#surveyform .button:nth-child(3) {margin-right: 0;}
#surveyform button[disabled]{display:none}
#surveyform .button:hover{--btnHoverClr:#444e83;background-color:var(--btnHoverClr);border-color:var(--btnHoverClr)}
#surveyform .visuallyhidden{position:relative; margin-right: 10px; color: #000; opacity: .3;;}
#quiz_mr #surveyform .visuallyhidden{color: #6fb9e5; opacity: 1;;}

#surveyform .form-group.messquiz input {width: 0; height: 0;}
#surveyform .form-group.messquiz {margin-bottom: 20px; display: flex; flex-wrap: wrap;}
#surveyform .form-group.messquiz .block {margin: 0 10px 10px 0;}
#surveyform .form-group.messquizinput input {width: 100%; height: 50px; font-size: 20px; border-radius: 4px; outline: none; padding-left: 10px;border: 1px solid #000000;font-family: 'FiraSans-Light';margin-bottom: 5px;max-width: 400px;}
#surveyform .gift {width: 30px; margin-right: 0; margin-top: -10px;}