/*mobile vesion*/
@media screen and (max-width:1080px) {
* {
    margin: 0;
    padding: 0;
    list-style: none;
}

a{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
label{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
li{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.body-container{background-color:white;}
/*header*/
.header-top-line-full{!height:17vw;}
.header-top-line-fix{width:96%;margin:auto;!height:15vw;margin-top:1vw;}
.header-top-line-fix{display:flex;}
.header-top-line-fix li{display:inline-block;vertical-align:top;margin-top:36px;}
.header-top-line-first{width:30%;}
.header-top-line-first li{margin-left:40px;}
.header-top-line-first li:first-child{margin-left:0px;}
.header-top-line-first a{text-decoration:none;font-family:Neucha-Regular;font-size:24px;color:black;}
.header-top-line-first a:hover{color:#9DC588;transition:0.4s;}
.header-top-line-second{width:52%;!height:15vw;!display:flex;!margin:auto;}
.header-top-line-second a{display:block;width:100%;}
.header-top-line-second img{display:block;width:100%;margin-top:6%;}
.question-container{width:100%;margin-top:10vw;}
.header-top-line-third{width:30%;display:flex;}
.header-top-line-third a{text-decoration:none;font-family: 'Roboto', sans-serif;font-size:1.2vw;color:black;font-weight:300;}
.header-top-line-third a:hover{color:#007FA8;transition:0.4s;}
.header-top-line-third li{margin-left:4vw;}
.header-top-line-third img{display:block;width:5vw;margin-top:5.5vw;}
.header-top-line-third-one{margin-left:5vw;}
.header-top-line-third-one:first-child{margin-left:1vw;}
.header-top-line-four{display:none;}
.header-top-line-four-text{display:none;}
.hamburger-menu{position:absolute;right:0;}
.title-question-text{font-family: "Open Sans", serif;}
.title-question-text span{color:#7251A1;font-weight:600;}
.question-container-title{display:flex;}
.title-question-namber{color:#7251A1;font-weight:600;font-family: "Open Sans", serif;}
/*body*/
.quiz-form-p-one{margin:auto;font-family:'Overpass',sans-serif;font-weight:200;font-size:3.2vw;width:90%;margin-bottom:5vw;margin-top:3vw;}
.body-container{width:98%;margin:auto;padding-bottom:10vw;}
.body-title{color:#784996;font-weight:600;font-size:4.8vw;text-align:center;font-family:"Open Sans", serif;}
.body-title:first-child{margin-top:10vw;}
.body-title-sub{color:#ABA9B0;font-family: "Open Sans", serif;font-weight:600;font-size:4.8vw;text-align:center;margin-top:3vw;}
.body-form{width:96%;margin:auto;margin-top:15vw;}
.quiz-form-blocks-input{font-family:'Overpass',sans-serif;font-weight:400;font-size:4.5vw;outline-color:#7251A1; border:1px solid transparent;border-color:rgba(99, 99, 99, 0.23);opacity:0.6 !important;box-sizing:border-box;padding:4vw 4vw;width:100%;margin-top:3vw;}
.quiz-form-blocks-input-alt{display:block;border:none;border-bottom:1px solid #7E7A85;color:#7E7A85;font-family:'Overpass',sans-serif;font-weight:200;font-size:5vw;padding-left:0.5vw;margin-bottom:6vw;outline:none;padding-bottom:0.2vw;}
.quiz-form-blocks-input-alt{display:block;margin:auto;opacity: 0.6;border:none;border-bottom:1px solid #7E7A85;color:#7E7A85;font-family:'Overpass',sans-serif;font-weight:200;font-size:5vw;margin-bottom:6vw;outline:none;}
.quiz-form-blocks-input:first-child{margin-top:5vw;}
.quiz-form-question-title{margin:auto;padding-top:8vw;color:#7E7A85;font-family:'Overpass',sans-serif;font-weight:200;font-size:5vw;padding-left:0.5vw;width:90%;opacity:0.6;margin-bottom:3vw;}
.quiz-form-question-notation{margin:auto;font-family:'Overpass',sans-serif;font-weight:200;font-size:3.5vw;margin-bottom:4vw;margin-top:2vw;}
.quiz-form-chepter-title{margin:auto;padding-top:8vw;color:black;font-family:'Overpass',sans-serif;font-weight:300;font-size:5vw;padding-left:0.5vw;width:90%;opacity:0.6;margin-bottom:3vw;}
.quiz-form-block{margin:auto;width:90%;display:flex;justify-content:flex-start;margin-bottom:6vw;gap:20vw;}
.standart{width:25%;}
.standart input{padding:4vw 4vw;width:5%;}
.qzbalt input{width:5%;}
.quiz-form-question-text-alt{color:#7E7A85;font-weight:400;font-family: "Open Sans", serif;font-size:4.5vw;padding-left:4vw;opacity:0.6;display:inline-block;position:absolute;}
.quiz-form-blocks{margin-top:2vw;display:flex;border:1px solid rgba(99, 99, 99, 0.23);width:100%;box-sizing:border-box;padding:4vw;}
.quiz-form-round:checked{border: 6px solid black;}
#baseimg-upload{margin:auto;width:90%;}
.file-up-button{width:17vw;height:7vw;}
.quiz-information-block{margin:auto;width:90%;margin-bottom:20vw;margin-top:20vw;}
.quiz-information-block-text{color:#7E7A85;font-family:'Overpass',sans-serif;font-weight:200;font-size:4vw;text-align:justify;margin-bottom:5vw;}
.button-send{font-weight:600;font-family: "Open Sans", serif;font-size:5vw;display:block;width:50%;margin:auto;padding:3vw;border:none;margin-bottom:6vw;background-color:#5C2F80;color:white;cursor:pointer;}
.quiz-alt-002{width:100%;border-bottom:1px solid gray;}
.quiz-alt-001{width:100%;border:none;border-radius:2vw;padding:4vw;margin-top:5vw;font-size:4.5vw;box-sizing:border-box;}
.phone-notes{margin: auto;font-family: 'Overpass',sans-serif;font-weight: 200;font-size: 3.5vw;margin-bottom: 4vw;margin-top: 2vw;}
/*footer*/
#full-div-footer{width:96%;margin:auto;margin-top:5vw;}
.container-footer-block-one-title{font-family:'Poppins', sans-serif;font-size:5vw;padding-top:1vw;color:#5C2F80;text-align:center;}
.container-footer-block-one{height:40vw;}
.container-footer-block-one-img-block img{display:block;width:20%;margin:auto;}
.container-footer-block-one-social{display:flex;justify-content:space-between;width:60%;margin:auto;margin-top:5vw;}
.container-footer-block-one-social-instagram{width:50%;}
.container-footer-block-one-social-instagram img{display:block;width:20%;margin:auto;}
.container-footer-block-one-social-facebook{width:50%;}
.container-footer-block-one-social-facebook img{display:block;width:20%;margin:auto;}
.container-footer-block-three ul{margin-top:9vw;}
.container-footer-block-three li{margin-top:5vw;}
.container-footer-block-three li a{font-family:'Roboto',sans-serif;font-weight:300;font-size:20px;text-decoration:none;color:#7E7A85;text-align:center;display:block;}
.container-footer-block-three li a:hover{color:#E01269;transition:0.4s;}
.development{width:200px;margin:auto;margin-top:5vw;}
.development a{text-align:center;font-family:sans-serif;font-size:15px;color:#f4f6f6;text-decoration:none;display:block;}
.development a:hover{color:#007FA8;transition:0.2s;}
.development p{text-align:center;font-family: 'Roboto',sans-serif;font-size:20px;color:black;margin-top:20px;padding-bottom:2vw;}
/*Hamburger menu*/
#menu__toggle{opacity:0;}
#menu__toggle:checked ~ .menu__btn > span {transform:rotate(45deg);}
#menu__toggle:checked ~ .menu__btn > span::before {top:0;transform:rotate(0);}
#menu__toggle:checked ~ .menu__btn > span::after {top:0;transform:rotate(90deg);}
#menu__toggle:checked ~ .menu__box {visibility:visible;left:0;}
.menu__btn{display:flex;align-items:center;position:fixed;top:5.2vw;left:88%;width:26px;height:26px;cursor:pointer;z-index:170;}
.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after{display:block;position:absolute;width:100%;height:2px;background-color:#5C2F80;transition-duration: .25s;}
.menu__btn > span::before {content: '';top: -8px;}
.menu__btn > span::after {content: '';top:8px;}
.menu__box{display:block;position:fixed;visibility:hidden;top:0;left: -100%;width:100%;height:100%;margin:0;padding:80px 0;list-style:none;background-color:#5C2F80;opacity:0.8; box-shadow:1px 0px 6px rgba(0, 0, 0, .2);transition-duration: .25s;z-index:160;}
.menu__box li{width:100%;}
.menu__box li p{display:inline-block;width:50px;}
.menu__item{display:block;width:100%;padding:12px 24px;color:white;font-family:'Roboto', sans-serif;font-size:20px;font-weight:300;text-decoration:none;transition-duration: .25s;}
.menu__item:hover{background-color:#5C2F80;opacity:0.7;}
.nav-ul-menu{display:none;}
.nav-ul-menu li{display:none;}
.accordion {
    border: none;
    background-color:transparent;
  color: white;
  cursor: pointer;
  padding:12px 24px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-family:'Roboto', sans-serif;font-size:20px;font-weight:300;
  transition: 0.4s;
}
.accordion:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  margin-left: 5px;
}
.active:after {
  content: "\2212";
}
.panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.panel li{margin-top:3vw;}
.panel a{color:#FFDEAD;font-family:'Roboto', sans-serif;font-size:20px;font-weight:300;text-decoration:none;padding:12px 35px;}
/*Thanks page*/
.thanks-page-title{color:#784996;font-family:'Overpass',sans-serif;font-weight:600;font-size:6vw;text-align:center;margin-top:70vw;}
.thanks-button{font-family:'Overpass',sans-serif;font-weight:600;font-size:4vw;display:block;width:10%;margin:auto;padding:1.2vw;border:none;border-radius:1vw;margin-bottom:3vw;background-color:#5C2F80;color:white;cursor:pointer;text-decoration:none;text-align:center;display:block;margin-top:10vw;}

input[type='radio'] {padding:0;
  -webkit-appearance: none; /* В Safari и Chrome отключены стандартные стили */
  -moz-appearance: none; /* Firefox поддержит это решение */
  appearance: none; /* Для других браузеров */
  width: 5vw; /* Устанавливаем нужную ширину */
  height: 5vw; /* Устанавливаем нужную высоту */
  border-radius: 50%; /* Делаем элемент круглым */
  margin-top:0.5vw;border:1px solid #7251A1;
  }

input[type='checkbox'] {
    padding: 0;
  -webkit-appearance: none; /* В Safari и Chrome отключены стандартные стили */
  -moz-appearance: none; /* Firefox поддержит это решение */
  appearance: none; /* Для других браузеров */
  width: 5vw; /* Устанавливаем нужную ширину */
  height: 5vw; /* Устанавливаем нужную высоту */
  border-radius: 50%; /* Делаем элемент круглым */
  margin-top: 1vw;
  border: 1px solid #7251A1;
}

.quiz-form-blocks label{display:block;width:100%;}
.quiz-form-blocks label:focus{outline: none;}

input[type="radio"]:checked {
  background-color: #7251A1;
  border: 1px solid #7251A1;
}

input[type="checkbox"]:checked {
  background-color: #7251A1;
  border: 1px solid #7251A1;
}

input[type=date]::-webkit-calendar-picker-indicator{
	display:none;
}

input[type=date]{
	background:url("../images/icon_calendar.svg") #f7f9fc no-repeat;
    background-size: 7%;
    background-position: 95%;
    opacity: 0.6 !important;
    background-color:white;
    color: #696969;
    transition: 0.5s;
}
.toggle_block {
overflow: hidden;
position:relative;
}
.toggle_block:before {
  content:"";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 35px;
  background: linear-gradient(to top, #fff, transparent); 
}
.info_name{display:block;font-family: "Open Sans", serif;font-weight:400;margin-top:2vw;text-align:right;color:#5C2F80;}
















.noclick{pointer-events:none}
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    !display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: 999;
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
    overflow: auto;
}
/* модальный блок */
.popup-lang-container{display:flex;justify-content:space-between;margin:auto;margin-bottom:15vw;margin-top:15vw;width:60%;}
.popup-lang-block{width:20%;}
.popup-lang-block a{font-size:6vw;text-decoration:none;text-align:center;display:block;}
.focus{color:#5C2F80;}
.nofocus{color:#696969;}
.popup {
    top: 25%;
    left: 0;
    right: 0;       
    font-size: 14px;
    margin: auto;
    width: 85%;
    position: absolute;
    padding: 15px 20px;
    border: 1px solid #383838;
    background: #fefefe;
    z-index: 1000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font-family:"Open Sans", serif;
    font-weight:400;
    color: #696969;
    -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
}
/* заголовки в модальном блоке */
.popup h2, .popup h3 {
    margin: 0 0 1rem 0;
    line-height: 1.3;
    color:#5C2F80;
    text-shadow: 1px 2px 4px #ddd;
    font-family:"Open Sans", serif;
    font-weight:600;
}

/* кнопка закрытия */
.close {
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    position: absolute;
    border: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    !background-color: rgba(0, 131, 119, 0.9);
    background-color: rgba(92, 47, 128, 0.9);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    cursor: pointer;
    outline: none;

}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
/* кнопка закрытия при наведении */
.close:hover {
    background-color: rgba(252, 20, 0, 0.8);
}
/* изображения в модальном окне */
!.popup img {
    width: 100%;
    height: auto;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
/* миниатюры изображений */
!.pl-left,
!.pl-right {
    width: 25%;
    height: auto;
}
/* миниатюры справа */
!.pl-right {
    float: right;
    margin: 5px 0 5px 15px;
}
/* миниатюры слева */
!.pl-left {
    float: left;
    margin: 5px 18px 5px 0;
}
/* анимация при появлении блоков с содержанием */
@-moz-keyframes fade {
    from { opacity: 0; }
    to { opacity: 1 }
}
@-webkit-keyframes fade {
    from { opacity: 0; }
    to { opacity: 1 } 
}
@keyframes fade {
    from { opacity: 0; }
    to { opacity: 1 }
}













}


/*desktop version*/
@media screen and (min-width:1081px) {
    * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.body-container{background-color:white;}
/*header*/
.question-container{width:90%;margin:auto;margin-top:4vw;}
.title-question-text{font-family: "Open Sans", serif;font-size:1.4vw;}
.title-question-text span{color:#7251A1;font-weight:600;}
.question-container-title{display:flex;}
.title-question-namber{color:#7251A1;font-weight:600;font-family: "Open Sans", serif;font-size:1.4vw;}
.quiz-form-blocks label{display:block;width:100%;}
.quiz-form-blocks label:focus{outline: none;}
.phone-notes{font-family:"Open Sans", serif;font-weight:400;font-size:1.1vw;margin-bottom:1vw;margin-top:1vw;}
.quiz-form-p-one{font-family:'Overpass',sans-serif;font-weight:200;font-size:1.1vw;width:90%;padding: 2vw 3vw;}
.header-top-line-full{!height:6vw;width:80%;margin:auto;}
.header-top-line-fix{width:57%;!margin:auto;!height:6vw;}
!.header-top-line-fix{display:flex;}
.header-top-line-fix li{display:inline-block;vertical-align:top;margin-top:36px;}
.header-top-line-first{width:30%;}
.header-top-line-first li{margin-left:40px;}
.header-top-line-first li:first-child{margin-left:0px;}
.header-top-line-first a{text-decoration:none;font-family:Neucha-Regular;font-size:24px;color:black;}
.header-top-line-first a:hover{color:#9DC588;transition:0.4s;}
.header-top-line-second{width:50%;!height:6vw;!display:flex; !border: 1px solid black;}
.header-top-line-second a{display:block;width:100%;}
.header-top-line-second img{display:block;width:100%;margin-top:6%;}
!.header-top-line-second-title{font-family: 'Poppins', sans-serif;color: #5C2F80;font-size:2.2vw;padding-top:1.4vw;padding-left:1vw;}
.header-top-line-third{width:53%;display:flex;}
.header-top-line-third a{text-decoration:none;font-family: 'Roboto', sans-serif;font-size:1.2vw;color:black;font-weight:300;}
.header-top-line-third a:hover{color:#007FA8;transition:0.4s;}
.header-top-line-third li{margin-left:4vw;}
.header-top-line-third img{display:block;width:2vw;margin-top:2vw;}
.header-top-line-third-one{margin-left:3vw;}
.header-top-line-third-one:first-child{margin-left:15vw;}
.block-search{min-width:5%;}
.header-top-line-four{width:5%;}
.header-top-line-four-text{font-family: 'Roboto', sans-serif;font-size:1.2vw;text-align:center;font-weight:100;text-decoration:none;display:block;margin-top:2.2vw;}
.header-top-line-four-button-cart{display:block;width:50%;margin:auto;margin-top:1.7vw;}
.header-top-line-four img{display:block;margin:auto;width:100%;}
.header-top-line-four span{position:absolute;border-radius:50%;padding:0.1vw 0.4vw;font-family: 'Roboto', sans-serif;font-size:1.2vw;font-size:0.9vw;background-color:#E01269;color:white;margin-top:-1vw;margin-left:1.5vw;}
.hamburger-menu{display:none;}
#menu__toggle{display:none;}
.menu__btn{display:none;}
.menu__box{display:none;}
.menu__item{display:none;}
/*body*/
!.quiz-form-blocks{display:flex;margin-bottom:2vw;}
.quiz-form-blocks{margin-top:2vw;display:flex;border:1px solid rgba(99, 99, 99, 0.23);width:100%;box-sizing:border-box;padding:2vw;}
!.quiz-form-block-alt{margin:auto;width:90%;margin-bottom:6vw;margin-top:3vw;}
.body-container{!width:60%;width:80%;margin:auto;padding-bottom:7vw;}
.body-title{color:#784996;font-family:'Overpass',sans-serif;font-weight:600;font-size:2.7vw;text-align:center;}
.body-title:first-child{margin-top:5vw;}
.body-title-sub{color:#ABA9B0;font-family:'Overpass',sans-serif;font-weight:300;font-size:3vw;text-align:center;margin-top:3vw;}
.body-form{border:1px solid #7E7A85;!border-radius:1vw;margin-top:4vw;}
!.quiz-form-blocks-input{display:block;width:100%;border:none;border-bottom:1px solid #7E7A85;color:#7E7A85;font-family: "Open Sans", serif;font-weight:400;font-size:1.5vw;padding-left:0.5vw;outline:none;padding-bottom:0.2vw;box-sizing:border-box;margin-top:1vw;}
.quiz-form-blocks-input:first-child{margin-top:3vw;}

.quiz-form-blocks-input{font-family:'Overpass',sans-serif;font-weight:400;font-size:1.5vw;outline-color:#7251A1; border:1px solid transparent;border-color:rgba(99, 99, 99, 0.23);opacity:0.6 !important;box-sizing:border-box;padding:2vw;width:100%;margin-top:3vw;}

.place-custom::-webkit-input-placeholder {color:#DCDCDC;}
.place-custom::-moz-placeholder {color:#DCDCDC;}
.place-custom:-moz-placeholder {color:#DCDCDC;}
.place-custom:-ms-input-placeholder {color:#DCDCDC;}
.quiz-form-question-title{margin:auto;padding-top:1vw;color:#7E7A85;font-family:'Overpass',sans-serif;font-weight:200;font-size:1.5vw;padding-left:0.5vw;width:90%;opacity:0.6;margin-bottom:2vw;}
.quiz-form-question-notation{font-family: "Open Sans", serif;font-weight:400;font-size:1.1vw;margin-bottom:1vw;margin-top:1vw;}
.quiz-form-block{margin:auto;width:90%;display:flex;justify-content:flex-start;margin-bottom:4vw;gap:4vw;}
.quiz-form-question-text{color:#7E7A85;font-family:'Overpass',sans-serif;font-weight:200;font-size:1.5vw;padding-left:0.3vw;opacity:0.6;float:left;}
!.quiz-form-question-text-alt{color:#7E7A85;font-family:'Overpass',sans-serif;font-weight:200;font-size:1.5vw;padding-left:0.3vw;opacity:0.6;width:45%;}

.quiz-form-question-text-alt{color:#7E7A85;font-weight:400;font-family: "Open Sans", serif;font-size:1.5vw;padding-left:0.3vw;opacity:0.6;display:inline-block;position:absolute;}

.quiz-form-question-text-alt-one{color:#7E7A85;font-family:'Overpass',sans-serif;font-weight:200;font-size:1.5vw;padding-left:0.3vw;opacity:0.6;width:85%;}
.quiz-form-round{width:3vw;height:1.7vw;margin-top: .2vw;}
.quiz-form-round:checked{border: 6px solid black;}
.quiz-form-question-text img{display:block;width:2.5vw;margin-top:-0.5vw;}
#baseimg-upload{margin:auto;width:90%;}
.file-up-button{width:5vw;height:3vw;}
.quiz-information-block{margin:auto;width:90%;margin-bottom:4vw;margin-top:3vw;}
.quiz-form-blocks-input-alt{width:100%;margin-top:2vw;border:none;border-bottom:1px solid #7E7A85;color:#7E7A85;font-family:'Overpass',sans-serif;font-weight:200;font-size:1.5vw;padding-left:0.5vw;margin-bottom:3vw;outline:none;padding-bottom:0.2vw;}
!.quiz-information-block-text{font-family: 'Overpass',sans-serif;font-weight: 200;font-size: 1.2vw;}
!.quiz-alt-001{width:88%;margin:auto;border-bottom:none;border-radius:0.5vw;padding-top:0.5vw;margin-top: -4vw;margin-bottom:5vw;}

.quiz-alt-001{width:100%;border:none;border-radius:0.5vw;padding:2vw;!margin-top:5vw;font-size:1.5vw;box-sizing:border-box;opacity: 0.7;}

.quiz-alt-002{margin:auto;width:88%;border-bottom:1px solid gray;padding: .5vw;margin-top: -4vw;margin-bottom:5vw;}
.button-send{font-family: "Open Sans", serif;font-weight:400;font-size:1.7vw;display:block;width:30%;margin:auto;padding:1.2vw;border:none;margin-bottom:3vw;background-color:#5C2F80;color:white;cursor:pointer;}
.quiz-form-chepter-title{margin:auto;padding-top:8vw;color:black;font-family:'Overpass',sans-serif;font-weight:300;font-size:2.5vw;padding-left:0.5vw;width:90%;opacity:0.6;margin-bottom:3vw;}
.thanks-button{font-family:'Overpass',sans-serif;font-weight:600;font-size:2vw;display:block;width:10%;margin:auto;padding:1.2vw;border:none;border-radius:1vw;margin-bottom:3vw;background-color:#5C2F80;color:white;cursor:pointer;text-decoration:none;text-align:center;display:block;margin-top:5vw;}

.toggle_block {
overflow: hidden;
position:relative;
}
.toggle_block:before {
  content:"";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 35px;
  background: linear-gradient(to top, #fff, transparent); 
}
.info_name{display:block;font-family: "Open Sans", serif;font-weight:400;margin-top:2vw;text-align:right;color:#5C2F80;font-size:1.4vw;}
.quiz-information-block-text{color:#7E7A85;font-family:'Overpass',sans-serif;font-weight:200;font-size:1.2vw;text-align:justify;margin-bottom:5vw;}
/*footer*/
#full-div-footer{width:60%;margin:auto;margin-top:5vw;}
.container-footer{display:flex;}
.container-footer-block-one-title{font-family: 'Poppins', sans-serif;font-size:2.2vw;padding-top:1vw;padding-left:6.7vw;color:#5C2F80;}
.container-footer-block-one{width:50%;}
.container-footer-block-three{width:50%;}
.container-footer-block-one-img-block img{display:block;width:18.5%;margin:auto;float:left;}
.container-footer-block-one-social{display:flex;margin-top:1.5vw;width:60%;margin-left:5vw;}
.container-footer-block-one-social-instagram{width:50%;}
.container-footer-block-one-social-instagram img{display:block;width:20%;margin:auto;}
.container-footer-block-one-social-facebook{width:50%;}
.container-footer-block-one-social-facebook img{display:block;width:20%;margin:auto;}
.container-footer-block-two-title{font-family: 'Roboto',sans-serif;font-weight:300;font-size:2vw;padding-left:4vw;}
.container-footer-block-two ul{margin-top:1.5vw;}
.container-footer-block-two li{margin-top:0.7vw;}
.container-footer-block-two li a{font-family: 'Roboto',sans-serif;font-weight:300;font-size:1.5vw;padding-left:4vw;text-decoration:none;color:#7E7A85;}
.container-footer-block-two li a:hover{color:#E01269;transition:0.4s;}
.container-footer-block-three ul{margin-top:1.5vw;}
.container-footer-block-three li{margin-top:2.1vw;}
.container-footer-block-three li a{font-family:'Roboto',sans-serif;font-weight:300;font-size:1.5vw;text-decoration:none;color:#7E7A85;text-align:center;display:block;}
.container-footer-block-three li a:hover{color:#E01269;transition:0.4s;}
.development{width:200px;margin:auto;margin-top:5vw;}
.development a{text-align:center;font-family:sans-serif;font-size:15px;color:#f4f6f6;text-decoration:none;display:block;}
.development a:hover{color:#007FA8;transition:0.2s;}
.development p{text-align:center;font-family: 'Roboto',sans-serif;font-size:20px;color:black;margin-top:20px;padding-bottom:2vw;}
.thanks-page-title{color:#784996;font-family:'Overpass',sans-serif;font-weight:600;font-size:6vw;text-align:center;margin-top:7vw;}
/*modal window*/
.noclick{pointer-events:none}
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: 999;
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
    overflow: auto;
}
/* модальный блок */
.popup-lang-container{display:flex;justify-content:space-between;margin:auto;margin-bottom:5vw;margin-top:5vw;width:60%;}
.popup-lang-block{width:20%;}
.popup-lang-block a{font-size:3vw;text-decoration:none;text-align:center;display:block;}
.focus{color:#5C2F80;}
.nofocus{color:#696969;}
.popup {
    top: 25%;
    left: 0;
    right: 0;       
    !font-size: 14px;
    margin: auto;
    width: 50%;
    position: absolute;
    padding: 15px 20px;
    border: 1px solid #383838;
    background: #fefefe;
    z-index: 1000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font-family:"Open Sans", serif;
    font-weight:400;
    color: #696969;
    -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
}
/* заголовки в модальном блоке */
.popup h2, .popup h3 {
    margin: 0 0 1rem 0;
    line-height: 1.3;
    color:#5C2F80;
    text-shadow: 1px 2px 4px #ddd;
    font-family:"Open Sans", serif;
    font-weight:600;
}

/* кнопка закрытия */
.close {
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    position: absolute;
    border: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(92, 47, 128, 0.9);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    cursor: pointer;
    outline: none;

}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
/* кнопка закрытия при наведении */
.close:hover {
    background-color: rgba(252, 20, 0, 0.8);
}


}