*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}img{max-width:100%;height:auto}a{text-decoration:none;cursor:pointer}li{list-style:none}h2{font-size:2rem;margin-bottom:20px;color:#333}h3{color:#333;margin-bottom:15px}p{font-size:100%;line-height:1.4;margin-bottom:15px;color:#555}.btn{display:inline-block;background:#3c3;color:#fff;font-weight:700;text-transform:uppercase;padding:15px 30px;margin:30px 0;border-radius:5px;border-bottom:3px solid #090}.btn:hover{background:#0c6;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}body{font-family:Roboto,sans-serif;content-visibility:auto}.main__screen{position:relative;background:#c4c4c4 url(../img/bg.jpg) center center no-repeat;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100vh}.header{background:#c4c4c4;width:100%;padding:8px 0;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.15);box-shadow:0 4px 4px rgba(0,0,0,.15)}.inner_header{position:fixed;top:0;z-index:99}.container{width:80%;margin:0 auto}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header__nav{display:-webkit-box;display:-ms-flexbox;display:flex}.nav__item{margin-left:24px}.nav__link{color:#fff;text-transform:uppercase}.main{width:100%}.main__info{text-align:center}.suptitle{color:#333;font-size:36px}.main__title{font-size:48px;color:#333;margin:25px 30px 40px;text-shadow:0 4px 4px rgba(0,0,0,.25)}.subtitle{display:block;color:#333;font-size:28px;margin-bottom:24px}.main__btn{padding:20px 40px;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.25);box-shadow:0 4px 4px rgba(0,0,0,.25)}.footer{width:100%;padding:30px 0}.footer__info{color:#fff;text-align:center}.footer__social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}.social__item{margin-left:24px}.social__item a{font-size:24px;color:#fff}.main__wrap{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin-top:54px}.sidebar{position:absolute;top:0;left:0}.sidebar__nav{position:fixed;background:#e5e5e5;width:320px;overflow-y:auto;height:100%;padding:60px;-webkit-box-shadow:4px 0 4px rgba(0,0,0,.25);box-shadow:4px 0 4px rgba(0,0,0,.25)}.toggle{position:absolute;right:40px;z-index:99}.sidebar__menu-item{padding:10px;margin-bottom:10px;border:1px solid #ccc}.sidebar__ink{color:#333}.content{width:100%;margin:0 18% 0 18%}.content__container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:80%;margin:0 auto;padding-bottom:40px}.sub__menu{position:absolute;top:30px;left:-80px}.sub__menu li{margin-bottom:20px}.hide__sidebar,.open__modal{background:0 0;font-size:24px;color:#ccc}.hide__sidebar:hover,.open__modal:hover{color:#999}.content__header{width:100%;text-align:center;padding:60px 0 45px}.content__title{font-size:36px;margin-bottom:30px;font-weight:500;color:#333}.subtitle{text-align:center;font-size:18px;font-weight:500;color:#333}.content__quiz{background:#e5e5e5;width:100%;margin:0 auto;margin-bottom:50px;padding:34px 0;text-align:center;font-size:18px;font-weight:500;color:#333}.answer-item{position:relative;background:#e5e5e5;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:30px 40px;margin-bottom:32px;overflow:hidden}.item__num{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:12%;z-index:9}.answer__num{margin-right:20px;padding:20px;background:#ccc;border-radius:50%}.answer__body{display:block;width:100%}.answer{font-size:18px;font-weight:500;color:#333}.answer__row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.user-answer{background-color:#fff;width:70%;padding:13px;font-size:18px;border:0;margin-right:20px;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.25);box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:5px;outline:0}button{cursor:pointer;border:none;outline:0}.correctly{margin-bottom:20px;font-size:18px;font-weight:500}summary{cursor:pointer;color:#777;outline:0}.footer__inner{position:relative;background:#000;padding:15px 0;z-index:99}.modal{display:none;background:#ccc;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:999}.modal__wrap{padding:15%}.close__modal{background:0 0;position:absolute;top:30px;right:30px;padding:15px;font-size:28px;color:#777;overflow-x:hidden}.close:hover{color:#555}.active{display:block;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.sidebar__mobile{left:-320px;-webkit-transition:2.5s;-o-transition:2.5s;transition:2.5s;z-index:9}.sidebar__close{display:none}@media (max-width:760px){.sidebar{z-index:9}.sidebar__close{display:block;text-align:right;margin-right:-30px}.close__sidebar{font-size:24px;color:#777}.sidebar__nav{width:320px;padding-top:20px}.sub__menu{display:-webkit-box;display:-ms-flexbox;display:flex;left:0}.sub__menu li{margin-right:20px}.content{margin:0 auto}.content__container{width:95%}.answer-item{padding:20px 20px}.answer__row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.answer__num{margin-bottom:20px}.user-answer{width:100%;margin-right:0}}