| 12 |
- @import url(https://fonts.googleapis.com/css?family=Cabin:400,700|Lato:400,700|Open+Sans:400,700);/*! normalize.css v1.0.1 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:courier new,monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:"";content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ol,nav ul{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html{font-size:10px}body *{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Lato,sans-serif;color:#727272;outline:none}body{background:-webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#f5f5f5));background:-webkit-linear-gradient(top,#e8e8e8,#f5f5f5);background:-o-linear-gradient(top,#e8e8e8,#f5f5f5);background:linear-gradient(180deg,#e8e8e8,#f5f5f5);margin:0;padding:0;font-family:sans-serif;min-height:100vh}body button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body input[type=text]{color:#828282;-webkit-box-shadow:inset 1px 1px 3px #e5e5e5!important;box-shadow:inset 1px 1px 3px #e5e5e5!important;background-color:linear-gradient(0deg,#e8e8e8,#fff)!important}body input[type=text]::-webkit-input-placeholder{color:#b4b4b4}body input[type=text]:-ms-input-placeholder,body input[type=text]::-ms-input-placeholder{color:#b4b4b4}body input[type=text]::placeholder{color:#b4b4b4}.clearfix:after{clear:both;display:block;width:100%;content:""}.container{max-width:1170px;margin:0 auto}.main-component nav{background-color:#f7f7f7}.main-component nav li{display:inline-block;list-style-type:none}.main-component nav li a{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;text-decoration:none;padding:20px 30px;background-color:#f7f7f7;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;color:#727272;font-family:Lato,sans-serif;font-size:1.2rem;text-transform:uppercase;outline:none}.main-component nav li a:hover{background-color:#f2f2f2}.nav-adaptive-btn{display:none;height:63px}.open-adaptive-menu{height:auto}.nav-adaptive-btn span{position:absolute;left:30px;top:18px;font-size:30px;color:#848484;cursor:pointer}.add-test-container{max-width:768px;margin:0 auto;background-color:#f7f7f7;margin-top:30px;border-radius:10px;padding:30px 20px 15px;-webkit-box-shadow:0 0 20px #cacaca;box-shadow:0 0 20px #cacaca;margin-bottom:30px}.add-test-component{padding-top:10px}.add-test-component span.title-text{display:block;font-size:1.4rem;color:#aaa;margin-bottom:10px;text-align:center;font-family:Lato,sans-serif;font-weight:700;letter-spacing:.037em;margin-top:15px}.add-test-component span.title-text:first-of-type{margin-top:5px}.add-test-component span.title-text:nth-of-type(2){margin-bottom:10px}.add-test-component .add-test-header{text-align:center}.add-test-component .title-input,.description-input{width:80%;height:34px}.add-test-component textarea.title-input{resize:vertical}.add-test-component .description-input{margin-bottom:40px;width:80%}.add-test-component button{font-weight:700;font-family:Lato,sans-serif;font-size:1.05rem;width:40%}.add-test-component button,.add-test-component input{width:60%;height:34px;border-radius:5px;color:#8e8e8e;border:1px solid #e8e8e8}.add-test-component .submit-form{padding-top:15px;display:-ms-flexbox;display:flex}.add-test-component .submit-inner-wrapper{width:60%;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.add-test-component .submit-inner-wrapper button,.add-test-component .submit-inner-wrapper input{margin:10px;margin-bottom:5px}.add-test-component .select-image{width:100%}.add-test-component .select-image input{display:block;margin-bottom:10px;width:75%;background-color:#e8e8e8;padding-left:8px;font-weight:400!important;font-family:Open Sans,sans-serif!important}.add-test-component img.preview{border:3px solid #ededed;margin-left:10px;margin-top:7px}.add-test-component .question-edit-buttons{width:100%}.add-test-component .submit-form button{width:35%}.add-test-component .send-input{text-align:right;width:40%}.add-test-component .submit-form input{margin-top:10px;margin-right:10px;font-weight:700;font-family:Lato,sans-serif;font-size:1.05rem;-webkit-box-shadow:inset 1px 1px 4px #dcdcdc!important;box-shadow:inset 1px 1px 4px #dcdcdc!important}.question-rating{display:inline-block;position:relative;right:31px;top:10.5px}.question-rating-number{display:inline-block;position:relative;bottom:10px;width:53%;padding:6.1px 0;padding-left:3px;border-left:1px solid hsla(0,0%,78%,.2);background:-webkit-gradient(linear,left bottom,left top,from(#f0f0f0),to(#f3f3f3));background:-webkit-linear-gradient(bottom,#f0f0f0,#f3f3f3);background:-o-linear-gradient(bottom,#f0f0f0,#f3f3f3);background:linear-gradient(0deg,#f0f0f0,#f3f3f3);-webkit-box-shadow:inset 0 0 2px #c8c8c8;box-shadow:inset 0 0 2px #c8c8c8;color:#828282}.question-rating-buttons{display:inline-block;width:47%;cursor:pointer}.question-rating-button{height:17px;padding-left:2px;padding-right:7px;-webkit-box-shadow:inset 0 0 1px #c8c8c8;box-shadow:inset 0 0 1px #c8c8c8;border:1px solid hsla(0,0%,78%,.6);background-color:#e3e3e3}.question-rating-button:first-of-type{border-top-right-radius:8px}.question-rating-button:nth-of-type(2){border-bottom-right-radius:8px}.question-rating-button span{font-size:13px;position:relative;bottom:3px}.add-test-item{position:relative;border-bottom:1px solid #e8e8e8;padding-top:13px}.add-test-item:nth-of-type(2){border-top:1px solid #e8e8e8}.add-test-item span.question-counter{position:relative;top:4px;font-size:1.9rem;font-weight:700;color:#c3c3c3}.add-test-item span.question-mark{position:relative;top:5px;text-align:right;color:#d2d2d2;font-size:37px}.add-test-item .answer-circle{position:relative;top:2px;font-size:24px;color:#cdcdcd}.add-test-item input,.description-input,.title-input{display:inline-block;width:70%;font-size:1rem;padding:0 10px;height:34px;border-radius:8px;border:1px solid #e8e8e8;background:-webkit-gradient(linear,left bottom,left top,from(#efefef),to(#f2f2f2));background:-webkit-linear-gradient(bottom,#efefef,#f2f2f2);background:-o-linear-gradient(bottom,#efefef,#f2f2f2);background:linear-gradient(0deg,#efefef,#f2f2f2);color:#4f4f4f;-webkit-box-shadow:inset 1px 1px 3px #e5e5e5;box-shadow:inset 1px 1px 3px #e5e5e5;font-family:Open Sans,sans-serif}.answer-input-wrapper{padding-left:80px}.add-test-item span.icon{position:relative;top:1px;right:22px;font-size:22px;height:30px;width:30px;color:#d2d2d2;cursor:pointer;-webkit-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease}.add-test-item span.icon:hover:before{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);color:#b9b9b9}.question-input-wrapper{margin-bottom:15px;padding-left:5px}.add-test-item .question-input{margin-left:20px;margin-right:5px}.add-test-item .question-input::-webkit-input-placeholder{color:#b4b4b4}.add-test-item .question-input:-ms-input-placeholder,.add-test-item .question-input::-ms-input-placeholder{color:#b4b4b4}.add-test-item .question-input::placeholder{color:#b4b4b4}.add-test-item .answer-input{display:inline-block;width:80%;margin-left:10px}.add-test-item .answer-input::-webkit-input-placeholder{color:#b4b4b4}.add-test-item .answer-input:-ms-input-placeholder,.add-test-item .answer-input::-ms-input-placeholder{color:#b4b4b4}.add-test-item .answer-input::placeholder{color:#b4b4b4}.add-test-item button{display:block;margin:25px auto;width:25%;height:34px;border-radius:5px;border:1px solid #e8e8e8}.main-page{padding-top:50px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.main-page-item{-webkit-box-shadow:0 0 20px #cacaca;box-shadow:0 0 20px #cacaca;margin-right:1%;margin-bottom:58.5px;width:30%;margin-right:5%;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.main-page-item:nth-child(3n){margin-right:0}.main-page-item a{text-decoration:none}.main-page-item img{width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.main-page-item img.cover-icon{position:absolute;width:20%;left:40%;top:40%;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.main-page-item .main-page-item-img{position:relative;overflow:hidden}.main-page-item .main-page-item-img:before{top:0;left:0;content:"";display:block;position:absolute;width:100%;height:100%;background-color:#333;z-index:1;opacity:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.main-page-item .main-page-item-description{height:95px;background-color:#fefefe;margin-top:-3px;padding:15px;-webkit-box-shadow:inset 0 -2px 4px #cacaca;box-shadow:inset 0 -2px 4px #cacaca}.main-page-item:hover img{-webkit-transform:scale(1.12);-ms-transform:scale(1.12);transform:scale(1.12)}.main-page-item:hover img.cover-icon{opacity:.3}.main-page-item:hover .main-page-item-img:before{opacity:.2}.main-page-item:hover{-webkit-transform:scale(1.04);-ms-transform:scale(1.04);transform:scale(1.04);-webkit-box-shadow:0 0 30px #cacaca;box-shadow:0 0 30px #cacaca}.main-page-item .main-page-item-description .main-page-item-title{font-size:1.4rem;margin-top:5px;font-weight:700}.main-page-item .main-page-item-description .main-page-item-info{margin-top:7px}.test-component{-webkit-perspective:950px;perspective:950px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.test-component-item{z-index:1;position:absolute;margin:auto;left:0;right:0;max-width:640px;margin:0 auto;background-color:#f7f7f7;margin-top:90px;border-radius:10px;padding:30px;-webkit-box-shadow:0 0 20px #cacaca;box-shadow:0 0 20px #cacaca;margin-bottom:30px;text-align:center}.test-component-animation{-webkit-animation:testComponentAnimation 2s;animation:testComponentAnimation 2s;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}@-webkit-keyframes testComponentAnimation{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{-webkit-transform:rotateX(1turn);transform:rotateX(1turn)}}@keyframes testComponentAnimation{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{-webkit-transform:rotateX(1turn);transform:rotateX(1turn)}}.item-component-item-header{border-bottom:1px solid #ededed;padding-bottom:20px;display:inline-block;margin-left:-60px}.test-component-item-number{font-size:1.7rem;font-weight:700;color:#a0a0a0;margin-left:30px}.test-component-question{font-size:1.6rem;font-weight:700;color:#a0a0a0}.test-component-item-answers{font-size:1.4rem;padding-left:80px;color:#a5a5a5;margin:20px 0 8px}.test-component-item-answers div{margin:5px 0;text-align:left;cursor:pointer}.test-component-item-answers .answer-circle{font-size:24px;color:#d2d2d2;margin-right:10px;position:relative;top:1px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}span.answer-circle-active{color:#42ab9e!important}.next-question button{display:block;margin:30px auto 5px;width:45%;height:34px;border-radius:5px;border:1px solid #e8e8e8;font-weight:700;font-family:Lato,sans-serif;font-size:1.05rem}.results-block{margin:auto;left:0;right:0;max-width:640px;margin:0 auto;background-color:#f7f7f7;margin-top:70px;border-radius:10px;padding:40px;padding-bottom:0;-webkit-box-shadow:0 0 20px #cacaca;box-shadow:0 0 20px #cacaca;margin-bottom:30px;text-align:center;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.result-text{font-size:1.5rem;text-align:center;font-family:Open Sans,sans-serif;margin-bottom:100px;color:#8c8c8c}.result-text span{font-weight:700;color:#969696}.result-number{position:relative;font-size:3.5rem;text-align:center;color:#aaa;margin-bottom:80px}.result-number span{position:absolute;left:0;right:0;width:190px;height:190px;margin:0 auto;top:-60px;font-size:190px;color:#c8c8c8;opacity:.37}.result-slider{display:inline-block;height:20px;width:40%;border-radius:10px;background-color:#e6e6e6;-webkit-box-shadow:inset 0 0 10px #cacaca;box-shadow:inset 0 0 10px #cacaca;margin-bottom:50px}.result-slider-line{background-color:#c3c3c3;height:100%;border-radius:10px}.read-more{opacity:0;max-height:0;-webkit-transition:opacity 1s,max-height 2s ease;-o-transition:opacity 1s,max-height 2s ease;transition:opacity 1s,max-height 2s ease;overflow:hidden}.read-more span:first-of-type{font-size:1.2rem;display:block}.read-more-text span.fa-angle-up,.read-more span:nth-of-type(2){font-size:60px;cursor:pointer;opacity:.5;-webkit-animation:arrowDownAnimation 1s infinite;animation:arrowDownAnimation 1s infinite}.read-more-text div{text-align:center}.read-more-text{display:block;padding:10px 0;text-align:left;font-size:1.2rem}@-webkit-keyframes arrowDownAnimation{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes arrowDownAnimation{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width:1170px){.main-page{padding-top:50px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}.main-page-item{width:400px;margin-right:0}.nav-adaptive-btn{display:block}.open-adaptive-menu{max-height:200px!important}.nav-links{position:absolute;z-index:2;width:100%;max-height:0;-webkit-transition:max-height .5s ease;-o-transition:max-height .5s ease;transition:max-height .5s ease;overflow:hidden}.main-component nav li{width:100%}.main-component nav li a{width:100%;padding:25px 0;text-align:center}}
- /*# sourceMappingURL=main.6ac1fe09.css.map*/
|
