/*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);}
li{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/*index*/
.index-header-logo{width:70%;margin:auto;}
.index-header-logo img{display:block;width:100%;}
.index-header-title h1{text-align:center;color:#603085;font-family:'Overpass',sans-serif;font-weight:600;font-size:6vw;margin-top:5vw;margin-bottom:6vw;}
.index-container-buttons{width:70%;margin:auto;!display:flex;!justify-content:space-evenly;}
.index-block-child{border:3px solid #ABA9B0;border-radius:2vw;}
.index-block-child a{font-family:'Overpass',sans-serif;font-weight:600;font-size:9vw;text-align:center;padding:10vw;text-decoration:none;display:block;border-radius:2vw;color:#603085;}
.index-block-child a:active{background-color:#603085;border-color:#603085;color:white;}
.index-block-adult{border:3px solid #ABA9B0;border-radius:2vw;margin-top:10vw;}
.index-block-adult a{font-family:'Overpass',sans-serif;font-weight:600;font-size:9vw;text-align:center;padding:10vw;text-decoration:none;display:block;border-radius:2vw;color:#603085;}
.index-block-adult a:active{background-color:#603085;border-color:#603085;color:white;}
/*header*/
.header-top-line-full{height:40vw; !border: 1px solid black;}
.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:60%;height:15vw;display:flex; !border: 1px solid black;}
.header-top-line-second a{display:block;width:100%;}
.header-top-line-second img{display:block;width:85%;margin-top:6%;}
!.header-top-line-second-title{font-family: 'Poppins', sans-serif;color: #5C2F80;font-size:5vw;padding-top:4vw;}
.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;}
/*body*/
.body-container{width:96%;margin:auto;padding-bottom:10vw;}
.body-title{color:#784996;font-family:'Overpass',sans-serif;font-weight:600;font-size:6vw;text-align:center;}
.body-title:first-child{margin-top:6vw;}
.body-title-sub{color:#ABA9B0;font-family:'Overpass',sans-serif;font-weight:600;font-size:5vw;text-align:center;margin-top:3vw;}
.body-form{border:2px solid #7E7A85;border-radius:3vw;margin-top:6vw;}
.quiz-form-blocks-input{display:block;width:90%;margin:auto;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: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-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%;margin-bottom:4vw;}
.quiz-form-block-alt{margin:auto;width:90%;margin-bottom:4vw;}
.quiz-form-block-alt div{margin-top:10vw;}
.quiz-form-blocks-input-alt{display:block;width:100%;margin:auto;margin-top:10vw;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-alt-002{margin:auto;width:88%;border-bottom:none;border-radius:0.5vw;padding-top:0.5vw;margin-bottom:2vw;}

.quiz-alt-001{border-bottom:none;border-radius:1.5vw;padding:1.5vw 0.1vw 1vw 2vw;}
.quiz-form-question-text{color:#7E7A85;font-family:'Overpass',sans-serif;font-weight:200;font-size:5vw;padding-left:0.3vw;opacity:0.6;float:left;width:70vw;}
.quiz-form-round{width:7vw;height:6vw;}
.quiz-form-blocks{margin-top:2vw;}
.quiz-form-blockss{display:flex;}
.quiz-form-question-textt{color:#7E7A85;font-family:'Overpass',sans-serif;font-weight:200;font-size:5vw;padding-left:0.3vw;opacity:0.6;width:70vw;}
.quiz-information-block-text{color:#7E7A85;font-family:'Overpass',sans-serif;font-weight:200;font-size:5vw;}
.qzbalt{height:13vw;}
.quiz-form-round:checked{border: 6px solid black;}
.quiz-form-question-text img{display:block;width:7vw;}
#baseimg-upload{margin:auto;width:90%;}
.file-up-button{width:17vw;height:7vw;}
.quiz-information-block{margin:auto;width:90%;margin-bottom:6vw;margin-top:3vw;}
.quiz-information-block-text{color:#7E7A85;font-family:'Overpass',sans-serif;font-weight:200;font-size:3.5vw;}
.button-send{font-family:'Overpass',sans-serif;font-weight:600;font-size:4vw;display:block;width:40%;margin:auto;padding:2.2vw;border:none;border-radius:1vw;margin-bottom:6vw;background-color:#5C2F80;color:white;cursor:pointer;}
/*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{color:#ABA9B0;opacity:0.2;text-decoration:none;text-align:center;display:block;margin-top:5vw;font-family:'Overpass',sans-serif;font-weight:200;font-size:3.5vw;}

/*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;}



}


/*desktop version*/
@media screen and (min-width:1081px) {
    * {
    margin: 0;
    padding: 0;
    list-style: none;
}

/*index-page*/
.index-header-logo{width:20%;margin:auto;}
.index-header-logo img{display:block;width:100%;}
.index-header-title h1{text-align:center;color:#603085;font-family:'Overpass',sans-serif;font-weight:600;font-size:3vw;margin-top:3vw;margin-bottom:4vw;}
.index-container-buttons{width:70%;margin:auto;display:flex;justify-content:space-evenly;}
.index-block-child{width:30%;border:1px solid #ABA9B0;border-radius:2vw;}
.index-block-child a{font-family:'Overpass',sans-serif;font-weight:600;font-size:3vw;text-align:center;padding:4vw;text-decoration:none;display:block;border-radius:2vw;color:#603085;}
.index-block-child a:hover{background-color:#603085;color:white;transition:0.4s;border-radius:2vw;}
.index-block-adult{width:30%;border:1px solid #ABA9B0;border-radius:2vw;}
.index-block-adult a{font-family:'Overpass',sans-serif;font-weight:600;font-size:3vw;text-align:center;padding:4vw;text-decoration:none;display:block;border-radius:2vw;color:#603085;}
.index-block-adult a:hover{background-color:#603085;color:white;transition:0.6s;border-radius:2vw;}
/*header*/
.header-top-line-full{!height:6vw; !border: 1px solid black;}
.header-top-line-fix{width:60%;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:30%;!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*/
.body-container{width:60%;margin:auto;padding-bottom:4vw;}
.body-title{color:#784996;font-family:'Overpass',sans-serif;font-weight:600;font-size:3vw;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:2px solid #7E7A85;border-radius:1vw;margin-top:4vw;}
.quiz-form-blocks-input{display:block;width:90%;margin:auto;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-form-blocks-input:first-child{margin-top:3vw;}
.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-block{margin:auto;width:90%;display:flex;justify-content:space-between;margin-bottom:4vw;}
.quiz-form-block-alt{margin:auto;width:90%;margin-bottom:4vw;}
.quiz-form-block-alt div{margin-top:1vw;}
.quiz-form-block-alt div p{width:45vw;}
.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-alt-001{width:88%;border-bottom:none;border-radius:0.5vw;padding-top:0.5vw;}
.quiz-alt-002{margin:auto;width:88%;border-bottom:none;border-radius:0.5vw;padding-top:0.5vw;margin-bottom:2vw;}
.quiz-alt-003{margin-bottom:2vw;}
.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-round{width:3vw;height:1.7vw;}
.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:3vw;margin-top:3vw;}
.quiz-form-blockss{display:flex;}
.quiz-form-question-textt{color:#7E7A85;font-family:'Overpass',sans-serif;font-weight:200;font-size:1.5vw;padding-left:0.3vw;opacity:0.6;}
.quiz-information-block-text{color:#7E7A85;font-family:'Overpass',sans-serif;font-weight:200;font-size:1.2vw;}
.button-send{font-family:'Overpass',sans-serif;font-weight:600;font-size:2vw;display:block;width:30%;margin:auto;padding:1.2vw;border:none;border-radius:1vw;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;}
/*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{color:#ABA9B0;opacity:0.2;text-decoration:none;text-align:center;display:block;margin-top:5vw;font-family:'Overpass',sans-serif;font-weight:200;font-size:1.2vw;}


}