/** Main elements **/
:root{
    --main-color-black: #171611;
    --main-color-dark: #264653;
    --main-font-size: 18px;
    --main-hover-color: #F5EDE2;
}
body{background: #FFF8EF;font-family: GillSansC;color:var(--main-color-black);font-size:var(--main-font-size)}

#app .main-page .services-title{padding: 0px 0px 0px;font-size:40px;line-height: 50px;font-weight: 700;color: #171611;text-decoration: none}
#app .main-page .services-text{padding-left:0px;max-width:100%;padding-top:20px}
#app .main-page .services-part .action-button{margin-left:0px}
#app .main-page .advantage-text{padding-right:20px}
#app .main-page .advantage-title{word-break: break-word}
#app .main-page .contact-us .action-button{border:none}
#app .offer-part .action-button{display:block}
#app .main-page .services-text a{text-decoration: underline;font-weight: bold;color: #171611}

img{max-width:100%}
/** States **/
input.error{border-color:red}
.hidden{display:none}
.text-right-desktop{text-align: right}
.btn.btn-dark{background:#264653}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt100{margin-top:100px}
.mb20{margin-bottom: 20px}
.mb10{margin-bottom: 10px}
.mb15{margin-bottom: 15px}
.mb30{margin-bottom: 30px}
.mb30-i{margin-bottom: 30px!important;}
.mb50{margin-bottom: 50px!important;}
.mw250{max-width:250px!important;}

i{font-style: normal}
i.small-text{font-style: italic}
.bold{font-weight: bold!important;}
.action-link{font-weight: bold;text-decoration: underline;cursor:pointer}
.form-title{font-weight: bold}
.competition-for-select.active{text-decoration: underline;    text-decoration-skip-ink: none;}
.text-underline{text-decoration: underline}
.text-left-desktop{text-align:left}
.white-block{border: 1px solid #DDD;padding: 20px;background: #FFF;box-shadow: 0px 4px 18px -5px rgb(0 0 0 / 25%);}
.input-field{border: 1px solid #012641;border-radius: 5px;font-weight: 300;font-size: 20px;padding: 12px 15px;margin-bottom: 20px;display: block;width: 100%;}
select.input-field{padding:15px 15px}
.font-bold{font-weight: bold!important;}
.inline-link{display:inline-block}
.action-link-small{font-size:16px}
.text-center .action-button{display:inline-block}
.desktop{display:block}
.mobile{display:none}
.pagination li{border:1px solid #000;padding:1px 8px;margin-right:3px}
.pagination li.active{text-decoration: underline}
.old-price{text-decoration: line-through;font-size: 30px!important;color: #171611;}
.profile-small-title .action-link{display:inline-block}
.link{display:inline-block;font-size:15px;text-decoration: underline;padding:5px;cursor:pointer}
h2.second-title{font-size:26px}
.competition-details .profile-small-title{margin-bottom:10px}
.action-link-small.how-get-promocode{text-decoration: underline;cursor:pointer}
.post-main .post-content p, .post-main .post-content span{color:#171611!important;}


/**
    Верхний баннер
 */
@media(max-width: 1210px){
    .top-banner-vk .profile-small-title{font-size:20px}
}
@media(max-width:768px){
    .top-banner-img{display:none}
}

@media(max-width:768px){
    .desktop{display:none}
    .mobile{display:block}
    .mt20-mobile{margin-top:20px!important;}
    .mt30-mobile{margin-top:30px!important;}
    .mt50-mobile{margin-top:50px!important;}
    .mb20-mobile{margin-bottom:20px}
    .text-right-desktop{text-align: none}
    .text-center-mobile{text-align: center!important;}
}

@media(min-width:769px){
    .mt30-desktop{margin-top:30px}
    .mb50-desktop{margin-bottom:50px}
    .mt50-desktop{margin-top:50px}
    .pl30-desktop{padding-left:30px}
    .mt20-desktop{margin-top:20px}
}

/** Helper testing **/
.test-helper-block{max-width:770px;margin:0 auto}
.test-question-answer-item span.opinion{float:right;font-size:18px;font-weight:bold;}
.test-helper-btn, .use-test-helper{color:#171611;font-size:17px}
.use-test-helper{font-size:20px;text-decoration:none}

/** Notification **/
.notification-popup{position:fixed;width:600px;padding:25px;border:1px solid #264653;top:50%;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);background:#FFF;border-radius:5px;z-index:10}
.notification-popup a{font-width: bold;text-decoration: underline}
.notification-popup .notification-close{position:absolute;top:10px;right:7px;font-size:50px;cursor:pointer;height:20px;line-height: 20px}
@media(max-width:650px){
    .notification-popup{max-width:90%}
}

/**
    Конкурсы
 */
.comp-preview-img{max-width:300px;}

/** Form **/
.form-group{margin-bottom: 15px}

/** Title **/
.small-title{font-size:20px;font-weight:bold}

/** Tests **/
.test__main-block{border:1px solid #DDD;margin:20px 0px;padding:20px;background:#FFF;box-shadow: 0px 4px 18px -5px rgb(0 0 0 / 25%);padding-top:15px}
.test__main-block-title{margin-bottom: 20px;font-size: 30px;color: #171611;position: relative;font-weight:bold!important;}
.test__main-block-title a{color:#171611}
.test-question-title{font-weight:bold;margin-bottom:10px}
.test-question{margin: 10px 0px}
.test-question-answer-item{border:1px solid #F5EDE2;padding:10px;cursor:pointer;position:relative;padding-left:31px}
.test-question-answer-item:hover{background:#F5EDE2}
.test-question-answer-item.right{background:url(/content/img/test-right.svg?v=2) 7px 12px no-repeat!important;}
.test-question-answer-item.error{background:url(/content/img/test-error.svg) 5px 13px no-repeat!important;}
.question-navi-item{display:inline-block;width:30px;height:30px;border:1px solid #171611;border-radius: 100%;text-align: center;line-height: 28px;cursor:pointer;margin-bottom:3px}
.question-navi-item.active{font-weight: bold;background:#ffa630}
.question-navi-item:hover{background:rgba(000,000,000,0.1)}
.question-navi-item.right{background:green;color:#FFF}
.question-navi-item.wrong{background:red;color:#FFF}
.loop-link{padding:10px;margin:10px 0px;border:1px solid #000;display:block;cursor: pointer;text-align: center}
.test-question-answer-item.checked{background:url(/content/img/test-select.svg) 7px 15px no-repeat}
.test__main{min-height: 222px}
.test__main-block-inner-start{display:none}
.test-desc{margin-top:40px}
.offer-part .test-title{font-weight: 900;font-size: 50px;color: #171611;margin-top: 40px}
.test-main-desc{margin-top:60px}
.test-desc.short-desc{max-height: 310px;overflow:hidden;position:relative;cursor: pointer}
.test-desc.short-desc:before{position:absolute;top:0%;left:0px;width:100%;height:100%;background: rgb(2,0,36);content:"";background: rgb(245,237,226);background: linear-gradient(0deg, rgba(245,237,226,1) 0%, rgba(255,255,255,0) 100%);}
.toggle-test-desc{cursor:pointer;text-align: left;margin-top:0px;text-decoration: underline;font-size:24px;position:relative;z-index:10}
.test-end-title{text-align: center;font-size:30px;margin-bottom:10px}
.test-auth-form{max-width:600px;margin:10px auto;margin-top:20px}
.question-navi-item.error{background:red!important;color:#FFF}
.question-navi-item.right{background:green!important;color:#FFF}
.test-end-title span{font-size:24px}
.test-question-answer-item{position:relative}
.test-question-answer-item:before{content:"";position:absolute;top:15px;left:7px;border:1px solid orange;width:17px;height:17px;border-radius:100%}
.test-question-answer-item.error:before, .test-question-answer-item.right:before,.test-question-answer-item.checked:before{display:none}
.test-loop{font-size:19px;margin-bottom: 15px;display:block;padding:10px;text-decoration:underline;border-radius: 5px}
.test-list-loop-main{max-height: 400px;overflow: auto}
.test-prem li{font-size:24px}
.test-loop:hover{background:var(--main-hover-color)}
.click-test{background: #F5EDE2;border: 1px solid #171611;border-radius: 5px;padding: 5px 10px;margin-bottom: 15px;font-weight: 400;font-size: 20px;text-align: center;display: block;}
.click-test:hover{background:#FFF}
.text-alert{font-weight:bold!important;margin:20px 0px;color:red}
.test-end-img{padding:0px 50px;margin-top:0px}
.get-attestat{font-weight: bold;font-size:26px}
.test__main-block-inner-questions{position:relative;overflow:hidden}
.test-favorite-top{    position: absolute;right: 0px;top: -15px;font-size: 40px;color: red;cursor:pointer}
.test__main-block-inner-questions-navi{padding-right:65px}
.set-test-favorite.test-top-action-item{background:url(/content/img/favorite.png) 0px 3px no-repeat;background-size:20px; padding-left:23px}
.test-top-action-item.pdf-load{background:url(/content/img/pdf.webp) 0px 3px no-repeat;background-size:18px; padding-left:23px}
.test-top-action-item{display:inline-block;margin-left:10px;text-decoration: underline;font-weight:bold;cursor:pointer;font-size:16px}
.question-navi-item.answered{background:#7FB7BE;color:#FFF;border:1px solid #7fb7be}
.test-question-answer-item.answered{background:url(/content/img/test-select.svg) 7px 15px no-repeat!important;}
.test-end-field{border-bottom:1px solid #DDD;padding-bottom:10px;margin-bottom: 20px}
.test-inner-search-response .row{margin-top:10px}
.test-inner-search{}
.test-inner-search input[type="text"]{width:calc(100% - 110px);display:inline-block}
.test-inner-search input[type="submit"]{width:80px;margin-left:10px;height:37px;position:relative;top:-3px}
.inline-block{display:inline-block}
.text-right{text-align:right}
.text-left{text-align: left}
.test__main-block-inner-actions .col-md-6:nth-child(2){padding-top:3px}
.test-inner-search-response .profile-small-title{margin-bottom:0px}
@media(max-width:768px){
    .test__main-block-inner-actions .col-md-6:nth-child(1){border-bottom: 1px solid #DDD;padding-bottom: 5px}
    .test-inner-search input[type="text"]{width:calc(100% - 85px);display:inline-block}
    .test-inner-search input[type="submit"]{width:70px;margin-left:10px;height:37px;position:relative;top:-3px;font-size:15px}
    .test__main-block-inner-actions .col-md-6:nth-child(2){padding-top:10px}
}

@media(min-width:991px){
    .test-top-action-item{font-size:18px}
}
.test__main-block-inner-actions{padding-bottom:10px;margin-bottom: 10px;border-bottom:1px solid #DDD;text-align: right}

@media(max-width:992px){
    .pdf-svg-top, .test-favorite-top{display:none}
    .test__main-block-inner-questions-navi{padding-right:0px}
}
@media(min-width:768px) {
    .col-test {
        flex: 0 0 18%
    }
}

/** Cathelper **/
.cat-helper{max-width:200px;transition: all 300ms linear;position:fixed;transform: translate(500px, 500px);right:5px;bottom:5px;z-index:10}
.cat-helper img{max-width:100%;width:120px}
.cat-helper.started{transform: translate(0px, 0px)}
.cat-helper .helpdesc{position:absolute;bottom:150px;background:#FFF;padding:15px;border:1px solid #DDD;display:none;width:300px;right:0px}
.cat-helper .helpdesc .helper-close{position:absolute;font-size:30px;cursor:pointer;top:-5px;right:5px}
.cat-helper img.start-helpdesc{cursor:pointer}
.cat-helper .helpdesc.active{display:block}

/** Auth **/
.service-login-form .small-title{margin-bottom:20px}
.service-login-form .auth-helper-text{font-size:18px;display:block;margin-bottom: 10px}
.auth-title{font-size:24px;font-weight: bold;margin-bottom: 20px}
.auth-page-form{border: 1px solid #DDD;padding: 20px;background: #FFF;box-shadow: 0px 4px 18px -5px rgb(0 0 0 / 25%);max-width:600px;margin:20px auto}

/** Main containers and elements **/
#app-header{padding:30px 0px;background:#F5EDE2}
#app .container{max-width:1240px}
#app-main{min-height: 70vh;position:relative}
.app-logo{text-decoration: none}
.app-logo img:nth-child(2){max-width:250px}
.btn-full{max-width:500px;display:block;text-align:center;width:100%}
.btn.btn-dark{font-size:18px;background:#FFA630;color:#000;border:none;text-decoration:none}
.btn.btn-lightblue{font-size:18px;background: rgba(1, 38, 65, 0.22);color:#000;border:none}
.btn.btn-lightblue:active{background:#7FB7BE;opacity:0.8}
@media(min-width:1200px){
    .col-md-5.header-licence{padding-left:70px}
}

/** Header **/
.user-auth-action span{float:left}
.user-auth-action a{float:right}
.user-auth-action{overflow:hidden;display: block}
.header-right-links a{font-style: normal;font-weight: 400;font-size: 24px;line-height: 34px;color: #000000;display:inline-block;text-decoration: none;margin-left:25px}
.header-right-links a svg{margin-right:10px;display:inline-block;vertical-align: middle;position:relative;top:-3px}
.profile-logout img{max-width:25px;position:relative;top:-3px}
.header-right-links a.header-profile-email{font-size:16px}
.header-logo-text{display:inline-block;max-width:calc(100% - 95px);margin-left:5px;vertical-align: middle}
.header-logo-text span{display: block}
.header-logo-text span:nth-child(1){font-weight: 400;font-size: 39px;line-height: 42px;text-transform: uppercase}
.header-logo-text span:nth-child(2){font-weight: 700;font-size: 11px;line-height: 17px;}
#app-header-container .header-profile-email{text-decoration: underline;line-height: 27px}
#app-header-container .profile-header{font-size:18px;line-height: 24px;color:#FFA630;font-weight: bold;text-decoration: underline;margin-left:0px}
#app-header-container{margin-bottom:30px;padding-bottom:10px}
#app-header-container .user-auth-action{margin-top: 3px}
#app-header-container .logout-header{cursor:pointer;font-weight: bold;text-decoration: underline}
.smi-header-link{display:inline-block;margin-bottom:3px}
.email-link{text-decoration: underline}
.header-menu-toggle{display:none;position:absolute;top:25px;right:10px;cursor:pointer}
.header-menu-toggle > div{width:40px;height:5px;background:#171611;margin:6px}
.header-mobile-menu{display:none;position:fixed;width:auto;max-width:500px;padding:20px;top: 0px;left: 0px;background: #FFF;height: 100%;z-index: 100;    box-shadow: 0px 10px 20px rgb(65 64 60 / 10%), 0px 2px 6px rgb(65 64 60 / 10%), 0px 0px 1px rgb(65 64 60 / 10%);}
.header-mobile-menu .app-logo{max-width:200px;margin:0 auto}
.header-mobile-menu .app-logo img{width:90px}
.header-mobile-menu .header-logo-text span:nth-child(1){font-size:24px;line-height: 30px}
.header-mobile-menu-close{font-size: 60px;position: absolute;top: -10px;right: 10px;cursor:pointer;color:#171611}
.header-mobile-menu-list ul li{list-style: none;padding-bottom: 3px;padding-top:3px}
.header-mobile-menu-list ul{padding-left:0px}
.header-mobile-menu-list ul ul{padding-left:20px}
.header-mobile-menu-list ul a{font-size:17px;font-weight: 500;}
.header-mobile-menu-list{margin:20px 0px}
.header-mobile-menu .header-licence{display:block;font-size:13px}
#app-menu > ul > li{padding-bottom: 5px}
#app-menu ul{margin-bottom: 0px}
#app-menu ul li ul.sub-menu li a:hover{background:#faf6f0}
#app #app-menu > ul > li:last-child ul{right:0%;left:initial}
.header-licence{font-size:16px}

/** Top banner in posts **/
.post-top-banner {background: #fff7eb;border-radius: 15px;padding: 15px 45px;position: relative;overflow: hidden;margin-bottom: 30px;}
.post-top-banner-header-license span{display:inline-block;font-style: normal;font-weight: 600;font-size: 9px;line-height: 11px;text-transform: uppercase;color: #000;}
.post-top-banner-header-license span:last-child{margin-left:15px}
.post-top-banner-content-title{max-width: 75%;font-size: 24px;font-style: normal;font-weight: 800;line-height: 120%;letter-spacing: -0.02em;margin-top:10px;margin-bottom:15px}
#app .btn{border-radius: 16px}
.post-top-banner-content-links .btn{margin-bottom: 5px}
@media(max-width:768px){
    .post-top-banner-content-title{font-size:20px}
    .post-top-banner{padding:15px}
}
@media(max-width:380px){
    .post-top-banner-header-license span:last-child{margin-left:0px}
}

/** Footer **/
#app-footer{background: #F5EDE2;padding:40px 0px;clear:both}
.footer-social-links a{text-decoration: none;display:inline-block;margin-left:5px}
.footer-col li{list-style: none}
.footer-col ul{margin:0;padding:0}
.footer-col a{color:var(--main-color-black)}
.footer-col a:hover{color:var(--main-color-black);text-decoration: underline}
.footer-smi-details{color:var(--main-color-black);margin-top:15px}
.footer-smi-details div{margin-bottom: 10px;color:var(--main-color-black);font-size:10px}
.footer-smi-details div.last{font-size:18px}
.footer-social-links svg{border-radius: 100%;}
@media(min-width:1200px){
    #app-footer{margin-top:-30px}
}

/** Menu **/
#app-menu ul{display:block;padding:0}
#app-menu ul li{display:inline-block;list-style: none;position:relative}
#app-menu ul li a{font-style: normal;font-weight: 400;font-size: 19.5px;line-height: 34px;color: #000000;display: inline-block;text-decoration: none;margin-right:15px;padding-top:15px}
#app-menu ul li:last-child a{margin-right:0px}
#app-menu ul li a svg{position:relative;top:-5px;margin-right:5px}
#app-menu ul li ul.sub-menu{display:none;position:absolute;top:100%;left:0px;background:#FFF;width:280px;box-shadow: 0px 10px 20px rgb(65 64 60 / 10%), 0px 2px 6px rgb(65 64 60 / 10%), 0px 0px 1px rgb(65 64 60 / 10%);}
#app-menu ul li ul.sub-menu li{display:block}
#app-menu ul li ul.sub-menu.double-sub-menu{width:560px}
#app-menu ul li ul.sub-menu.double-sub-menu li{display:inline-block;width:49%;font-size: 0px}
#app-menu ul li ul.sub-menu li a{padding:5px 10px;font-size:18px;border-bottom:1px solid rgb(125 21 56 / 40%);display:block;margin-right:0px}
#app-menu ul li ul.sub-menu li:last-child a{border-bottom:0px}
#app-menu ul li ul.sub-menu.double-sub-menu li:last-child a{border-bottom:1px solid rgb(125 21 56 / 40%);}
#app-menu ul li:hover ul.sub-menu{display:block;z-index:100}
#app-menu ul li a span{font-size:14px}

/** Home **/
.main-top-section__title{font-weight: 900;font-size: 65px;line-height: 75px;color: #264653;}
.main-top-section__small-title{font-size: 65px;line-height: 75px;color: #264653}
.main-top-section__content{padding-top:40px;max-width:800px}
.main-top-section{padding-bottom: 200px}
.services-spot{overflow: hidden;position:relative}
.service-content{width:calc(100% - 270px);float:left;padding:20px 40px}
.service-navi{width:270px;float:right}
.service-navi div span{transform:rotate(90deg);display:block;width:100%;top:10%;position:relative;font-family: 'GillSansC';font-style: normal;font-weight: 400;font-size: 40px;line-height: 58px;color: #000000;}
.service-navi div{float:right;width:90px;background:red;height:587px;border: 1px solid #000000;border-right:0px;cursor:pointer}
.service-navi div.service1{background: #E76F51;}
.service-navi div.service2{background: #E9C46A;}
.service-navi div.service3{background: #F4A261;}
#app-main .main-page .services-title{padding: 0px 0px 0px;font-size:40px;line-height: 50px;font-weight: 700;color: #171611;text-decoration: none}
#app-main .main-page .services-text{padding-left:0px;max-width:100%;padding-top:20px}
#app-main .main-page .services-part .action-button{margin-left:0px}
#app-main .main-page .advantage-text{padding-right:20px}
#app-main .main-page .advantage-title{word-break: break-word}
#app-main .main-page .contact-us .action-button{border:none}
#app-main .offer-part .action-button{display:block}
#app-main .main-page .services-text a{text-decoration: underline;font-weight: bold;color: #171611}
.smi-link{display:block;margin-top:10px;font-size:14px;text-decoration: underline}
.app-content{padding-bottom:30px}

/** Profile **/
.profile-main-content{padding:10px;background:rgba(255,255,255,0.4);}
.sidebar-inner{padding:15px 10px;background:rgba(255,255,255,0.4);}
#profile-sidebar a{color:var(--main-color-black);display:block}
#profile-sidebar .sidebar-inner{position: sticky;top: 0px;-webkit-backface-visibility: hidden;backface-visibility: hidden;position: -webkit-sticky}
#profile-sidebar .sidebar-inner-prepare{position: absolute;top: 0px;width: 215px;z-index: 99;top: 0;bottom: 30px;margin-top: 0px;}
.profile-title{font-size:28px;font-weight:500;margin-bottom:20px}
.profile-small-title{font-size:24px;font-weight:500;margin-bottom:20px}
#profile-sidebar{width:215px;float:left;margin-right:20px;padding:1px;position: relative}
.app-content.logged-in{float:left;width:calc(100% - 240px)}
.document-loop{display:inline-block;max-width:200px;margin-right:15px;margin-bottom: 15px;text-align: center}
.document-loop img{max-width: 100%;height:290px;}
.document-loop .document-loop-action{margin-top:10px}
.document-loop-action .document-loop-to-pay.active{background:#95033a;color:#FFF}
.document-loop-row .document-loop-action{max-width:300px;margin:0 auto}
.document-loop-row{border:1px solid #DDD;padding:5px;margin-bottom:10px}
.document-loop .diploma-preview{cursor:pointer}
.profile-diploma-pay{padding:0px 20px; padding-bottom:20px;font-size:24px;background:#FFF;border:1px solid #DDD;max-width:400px;margin-bottom: 30px;text-align: center}
.profile-diploma-count{padding:20px 0px}
.have-promo.action-link{font-size:16px;margin-top:-15px;margin-bottom: 10px}
.profile-diploma-pay .action-button{margin:0 auto}
.diploma-copyright{margin-top:40px;text-align:right}
.diploma-copyright a{text-decoration: underline}
.pdf-svg{width:30px;position:relative;top:-3px;left:-4px}
.pdf-svg-top{cursor:pointer;width:25px;position:absolute;top:1px;right:35px}
.profile-use-promocode{border:1px solid #DDD;background:#FFF;padding:10px;margin-bottom: 10px}
@media(min-width:768px){
    #profile-inner{min-height: 500px}
}
@media(max-width:768px){
    .document-loop{width:150px}
    .document-loop img{height:auto}
    .documents-loop{text-align: center}
}

/** Editor **/
.editor-form .editor-preview{position:relative;max-width:450px;margin:0 auto; margin-bottom: 40px}
.editor-form .editor-preview__field{width:100%;text-align:center;padding-bottom: 7px}
.editor-templates{height:618px;overflow: auto}
.editor-templates-loop{margin-bottom: 5px;cursor:pointer;display:inline-block}
.editor-templates-loop img{border:1px solid #264653;}
.editor-templates-loop-select.active{border:1px solid #FFA630}

.editor-templates-loop:last-child{margin-bottom: 0px}
.editor-templates-title{font-weight: bold;margin-bottom: 10px}
.editor-type-selecter .title{text-align:center;cursor:pointer;font-size: 30px;font-weight: 500;}
.editor-type-selecter .info{margin-top:20px}
.editor-type-selecter img{border:1px solid #FFA630}
.editor-preview-main{position:absolute;top:0px;left:0px;width:100%;height:100%;padding:0px 40px;padding-top: 130px}

/** Popup **/
.main-popup{position:fixed;width:1216px;bottom:10px;left:50%;transform:translatex(-50%);background:#FFF;padding:10px;box-shadow:0px 4px 18px 0px rgb(0 0 0 / 25%);z-index:100;border:1px solid #ccc}
.popup-close{position:absolute;top:-20px;right:10px;font-size:60px;cursor:pointer}
.main-popup .service-price{font-size:20px}
.main-popup .service-price span{font-size:30px;}
.main-popup .test-end-title span{display:block}
.main-popup .test-end-title{margin-bottom:0px}
@media(max-width:1260px){
    .main-popup{width:auto;max-width:100%;min-width: 991px;padding-bottom: 30px}
}
@media(max-width:992px){
    .test-end-img{display:none}
    .main-popup{min-width: 100%;padding-bottom: 10px;bottom:0px}
    .main-popup .test-end-title{margin-top:0px!important;font-size:20px}
    .main-popup .action-button{padding:10px;font-size:16px}
    .main-popup .service-price{display:none}
}
/** Post **/
.post-meta{padding:10px;background: rgba(255,255,255,0.4)}
.post-main{float:left;width:calc(100% - 270px)}
.post-sidebar{float:right;width:250px;margin-left:20px}
.post-work-file{padding-bottom: 30px}
.promo-title, .publish-page .top-title {font-weight: 900;font-size: 40px;color: #171611;margin-bottom: 20px;position: relative;z-index: 1;}
.promo-small-title{font-weight: 500;font-size: 28px;color: #000;margin-bottom: 20px;position: relative;z-index: 1;}
.publish-page .top-part{margin: 20px 0px 20px;}
.publish-top-content a{text-decoration: underline}
.publish-page .top-part.olymp-part img{margin-top:0px}
.post-content table{width:100% !important}
.post-content *{text-indent: 0px!important;font-family: GillSansC!important;}
.post-content *{padding-left:0px!important;}
.post-content p{margin-left:0px!important;}
.post-content ul, .post-content ol{padding-left:20px!important;}
.post-content span{font-size:16px!important;line-height: 100% !important}
.post-content table{margin-left:0px!important;}
.post-content pre{white-space: normal}
.post-meta-field.small-text{font-size:12px;font-style: italic}
.page-red-choice{color:#171611}
.review-loop .col-md-6{font-weight:bold}
@media(max-width:768px){
    .post-main{float:none;width:auto;margin-bottom:20px}
    .post-sidebar{float:none;width:auto;margin:0}
    .promo-title{font-size:24px}
    .promo-small-title{font-size:20px}
    .description-contest-text p{line-height: 24px!important;font-size:18px}
    .special-contest-page .small-title{font-size:24px!important;}

}

/** Top banner **/
.text-right-desktop{text-align: right}
.top-banner{padding:15px 10px;background:#FFF;box-shadow: 0px 4px 18px -5px rgb(0 0 0 / 25%);margin-top:-30px;margin-bottom: 30px;overflow:hidden;clear:both;border-top:1px solid #012641;border-bottom: 1px solid #012641}
.top-banner.mt20{margin-top:10px}
.top-banner .container{max-width:1240px!important;}
.top-banner-img{width:30px;float:left;margin-right:15px}
.top-banner .profile-small-title{margin-bottom: 0px}
@media(max-width:992px) {
    .top-banner .profile-small-title {
        font-size: 18px
    }
    .top-banner-diploma{margin-bottom:10px}
}
@media(max-width:768px){
    .top-banner{margin-top:-20px;margin-bottom: 20px;}
    .top-banner-diploma{margin-bottom:10px;margin-top:-5px}
}

/** Breadcrumbs **/
.breadcrumb {background-color: rgba(255,255,255,0.4);padding: 8px 15px;border-radius: 4px;font-size:16px}
.breadcrumb-item {display: inline-block;}
.breadcrumb-item:not(:last-child)::after {content: "›";margin: 0 8px;}
.breadcrumb-item a {color: #000;text-decoration: none;}
.breadcrumb-item.active {color: #6c757d;}
.breadcrumb-item+.breadcrumb-item::before{content:none}

/** Category **/
.category-loop{margin:20px 0px;border: 1px solid #012641;padding:15px 15px}
.category-loop .col-md-5{font-size:16px}
.categories-list .category-loop{background-color: rgba(255,255,255,0.4);padding: 15px 5px;border-radius: 4px;margin:20px 0px; border: 1px solid #171611;  border-radius: 5px;   margin-bottom: 0px;  font-weight: 400;  font-size: 20px;  text-align: center;  display: block;}
.categories-list .category-loop:hover{background: #F5EDE2}
.page-loop-title{font-size:20px;font-weight: bold;margin-bottom: 20px;display:block}
@media(min-width:1200px){
    .page-loop-title{height:90px;overflow: hidden}
}
.comp-loop-title{font-size:20px;font-weight: bold;margin-bottom: 10px;display:block}
.categort-loop-more .action-button{display:inline-block}

/** Competitions **/
.competition-details{background-color: rgba(255,255,255,0.7);padding: 8px 15px;margin-top:10px}
.competition-diploma-title{text-align:center;margin-bottom: 10px;font-weight: 600}
.competition-details .profile-small-title:last-child{margin-bottom:0px}
.competition-details .profile-small-title{font-size:20px}
.participate-img{height:250px;width:auto;display:block;margin:0 auto}
.contest-page .background-part{min-height:230px}
.competition-place-title{font-size:20px;margin-bottom:10px;border-bottom:1px solid #DDD;padding-bottom: 5px}
.competition-place{font-size:22px;font-weight:bold;display:inline-block}
.competition-event-title{font-size:20px;margin-bottom:10px}
.competition-template-loop-item{width:120px;display:inline-block;margin-right:10px;margin-bottom: 10px;text-align: center}
.competition-template-loop{height:200px;overflow:auto}
.competition-table{background:#FFF;margin:0px 7.5px;margin-bottom: 20px}
.competition-table td{padding:10px}
.comp-desc-section{margin-bottom: 5px}
.comp-desc-section span{display:inline-block;margin-right:1px}
.comp-rating-item{cursor:pointer;font-size:30px;color:orange}

/** Comments **/
.comment-section{padding-top:10px;margin-top:10px;clear:both}
.comment-list-loop{padding:5px 0px;margin-bottom: 10px;border-bottom: 1px solid #DDD}
.comment-list-loop:last-child{border-bottom:0px}
.comment-date{font-size:14px;font-style: italic}
.comment-name{font-size:16px;font-weight: bold;}
.comment-body{padding-top:10px;font-size:16px}
.comment-form{padding-top:15px}

/** Fast and forever **/
.test-page .type-part{cursor:pointer;}
.test-page .type-part.active{text-decoration: underline}
#app-main .contest-page .contest-title{padding-top:20px;font-size:24px;min-height: 117px}
#app-main .contest-page .contest-text{padding-right:20px}
.competition-for-select{cursor:pointer}
#app-main .action-button{border:none}
#app-main .action-button-middle.action-button{font-size:26px}
.go-design-tel, .go-design-other{margin-top:20px;color:var(--main-color-black);cursor:pointer;font-size:14px}
.tip-helper{padding:10px 0px}
#app .contest-page .contest-date{font-size:20px;padding-top:20px;padding-bottom: 20px}
.page-content{word-break: break-word;border: 1px solid #DDD;padding: 20px;background: #FFF;box-shadow: 0px 4px 18px -5px rgb(0 0 0 / 25%);font-size: 19px;overflow: hidden}
li p{display:inline}
.olymp-cat .action-button{display:block;max-width:300px;margin:10px auto;transform: none;font-size:24px}
.small.order-helper{margin-top:20px;font-size:16px}
.special-contest-page .title-text{
    font-size: 64px;
    font-weight: 700;
    color:#7C153A;
}
.special-contest-page img{
    max-width: 100%;
}
.special-contest-page .description-text{
    font-size: 40px;
    font-weight: 400;
}
.special-contest-page .small-title{
    font-size: 40px;
    font-weight: 700;
    padding-top: 0px;
}
.small-title .small-title{display:inline-block}
.special-contest-page .red-text{

    padding-top: 30px;
}
.special-contest-page .description-contest-text{
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
}
@media(max-width:768px){
    .special-contest-page .small-title, .special-contest-page .title-text{font-size: 36px}
    .special-contest-page .description-contest-text, .special-contest-page .description-text{font-size:24px}
}
@media(max-width:1145px){
    #app-menu ul li a{font-size:20px;margin-right:20px}
    .header-logo-text span:nth-child(1){font-size:30px;line-height: 32px}
    .header-logo-text span:nth-child(2){font-size:10px}
    .header-licence{width:auto;max-width:300px}
    .header-right-links{width:calc(100% - 35% - 300px);}
    .smi-header-link{font-size:16px}
}

@media(max-width:1100px){
    #app-main .test-page .type-part{font-size:20px;padding-bottom: 10px}
    #app-main .contest-page .appeal-title, #app-main .test-page .services-title1, #app-main .test-page .services-title2, #app-main .test-page .services-title3, #app-main .test-page .services-title4{font-size:30px;margin:10px 0px;line-height: 45px}
    .test-page .services-title1:before, .test-page .services-title2:before, .test-page .services-title3:before, .test-page .services-title4:before{display:none}
    #app-main .test-page .click-test{padding:10px;font-size:20px}
    #app-main .test-page .title-part:before, #app-main .test-page .top-text:before{display:none}
    #app-main .test-page .top-title{margin-bottom:30px}
}

@media(max-width:992px){
    #app-main .contest-page .top-title, #app-main .test-page .appeal-part .appeal-title, #app-main .test-page .top-title{font-size:40px;line-height: 45px}
    #app-main .contest-page .top-text, #app-main .test-page .top-text{padding-top:0px;font-size:24px}
    #app-main .action-button{padding:8px 10px;margin:10px 0px}
    #app-main .test-page .show-tests{border-left:0px;padding-top:40px}
    #app-main .test-page .show-filters{border-right:0px}
    #app-main .contest-page .who-title{padding:20px;font-size:30px}
    #app-menu{display:none}
    #app-header-container{padding-bottom:0px;margin-bottom: 20px}
    .header-licence{display:none}
    .header-right-links{width:420px;margin-left:auto;padding-right:80px}
    #app-header{padding-bottom: 20px;padding-top:20px;position:relative}
    .header-logo-col{width:350px}
    .header-menu-toggle{display:block}
    .text-center-mobile .user-auth-action a{float:none}
}

@media(max-width:768px){
    #app-main .contest-page .contest-title{min-height:0px}
    #app-main .contest-page .contest-date{padding:20px}
    #app-main .contest-page .contest-text{padding-bottom: 20px}
    .competition-dog{max-width:300px;display:block;margin: 20px auto 0;}
    .competition-bottom{margin-top:30px}
    #app-main .contest-page .appeal-part{margin-bottom: 0px}
    #app-main .contest-page .services-part{margin-bottom: 30px}
    #profile-sidebar{width:auto;float:none}
    #app-main .action-button, #app-main .offer-part .action-button{margin:20px auto}
    #profile-sidebar .sidebar-inner, #profile-sidebar .sidebar-inner-prepare{position:static}
    #profile-sidebar .sidebar-inner-prepare{width:100%}
    .app-content.logged-in{float:none;width:100%;margin-bottom: 20px}
    #profile-sidebar hr{display:none}
    #profile-sidebar a{display:inline-block;width:48%;padding:5px;font-size:15px}
    #profile-sidebar {text-align:center;margin-right:0px;margin-bottom:20px}
    .editor-templates{text-align: center;height:300px}
    .document-editor{margin-bottom:30px}
    .offer-part .test-title{font-size:28px;line-height: 36px;margin-top:20px}
    .test-main-desc, .test-desc.short-desc{margin-top:20px}
    .main-page .appeal-part .appeal-title{font-size:40px}
    .header-right-links{width:100%;text-align: left;max-width:400px;flex:none;padding-right:0px;margin:12px auto}
    #app-header-container .profile-header{text-align: left;margin-top:3px}
    .header-right-links .row{margin-left:0px;margin-right:0px}
    .header-right-links .col-4, .header-right-links .col-8{max-width:100%;flex:none;padding:0}
    .header-right-links .col-4{float:right;text-align: right}
    .header-right-links .col-8{float:left}
    #app-header-container .header-right-links{padding-left:15px;padding-right:15px}
    #app-header-container #app-header{padding-bottom: 0px}
    .publish-page .top-part.olymp-part img{display:block;max-width:200px;margin:0 auto}
    .publish-page .top-title{font-size:28px}
    .test-prem li{font-size:16px}
    .test-list-loop-main{max-height: 300px;}
    .input-field{padding:7px 10px;font-size:16px;margin-bottom:10px}
    .test-loop{padding:0px}
    .breadcrumb-item+.breadcrumb-item{padding-left:0px;font-size:14px;word-break: break-all;}
    .test__main-block-title{font-size:20px}
    .profile-small-title{font-size:18px}
    .test__main-block{padding:10px}
    #app-main .contest-page .top-title, #app-main .test-page .appeal-part .appeal-title, #app-main .test-page .top-title{font-size:30px;line-height: 35px}
    .main-page .appeal-part{text-align: center}
    .main-page .appeal-part .appeal-title{font-size:24px}
    #app .no-page .second-title, #app .no-page .top-title{font-size:30px}
    #app .no-page .main-title{font-size:100px}
    #app .no-page img{max-width:100px}
    #app .no-page .search{width:250px}
    #app .no-page .more-link{font-size:18px;margin:10px}
    #app-main .test-page .top-title{margin-bottom: 20px}
    #app-main .contest-page .top-text, #app-main .test-page .top-text{font-size:20px}
    .profile-title{font-size:22px}
    .test-end-title span, .test-end-title{font-size:20px}
    .test-end-response .col-md-6{text-align: center;margin-bottom:15px}
    #app-main .action-button{font-size:20px}
    .question-btn-navi .btn.btn-lightblue{height:38px;overflow:hidden}
    .question-navi-item{line-height: initial;padding-top:6px}
    .set-test-favorite.test-top-action-item{background:url(/content/img/favorite.png) 0px 0px no-repeat;background-size:20px; padding-left:23px}
    .test-top-action-item.pdf-load{background:url(/content/img/pdf.webp) 0px 0px no-repeat;background-size:18px; padding-left:23px}

}

@media(max-width:768px){
    .service-content, .service-navi{float:none;width:100%;text-align: center}
    .service-navi div{float:none;width:auto;height:auto;padding:10px;text-align: center}
    .service-navi div span{transform:none;position: static;font-size:24px;line-height: 28px}
    #app-main .main-page .services-part .action-button{margin:0 auto}
    #app-main .main-page .services-title{font-size:28px;line-height: 38px}
    #app-main .main-page .services-text{font-size:18px;margin-bottom: 28px}
    .notification-popup{width:90%}
    #app-main .contest-page .who-title{padding:10px;font-size:20px}
}

@media(max-width:500px){
    .header-logo-text span:nth-child(1){font-weight: 400;font-size: 25px;line-height: 30px;text-transform: uppercase}
    .header-logo-text span:nth-child(2){font-weight: 700;font-size: 11px;line-height: 17px;}
    .header-right-links a{font-size:24px}
}

@media(max-width:400px){
    .header-logo-text span:nth-child(2){display:none}
    .header-logo-text span:nth-child(1){font-size:22px}
    .header-logo-col img{width:50px}
    .header-logo-col{width:280px;}
    #app-header-container .profile-header, #app-header-container .header-right-links{font-size:16px}
    .header-menu-toggle{top:19px}
    #app .service-content-item img{padding:0px 50px}
}

*{
    box-sizing: border-box;
}
body{
    margin: 0;
    font-family: "GillSansC";
}
.main-page, .test-page{
    max-width: 1400px;
    margin: 0 auto;
}

img{
    max-width:100%;
    height:auto;
}
a{
    text-decoration: none;
    color: #000000;
}
a:hover{color:initial}
.action-button{
    background: #FFA630;
    text-align: center;
    max-width: 330px;
    padding: 8px 18px;
    font-weight: 300;
    font-size: 28px;
    cursor: pointer;
    display:inline-block;
    border-radius: 0.375rem;
}

.main-menu-text{
    font-weight: 400;
    font-size: 30px;
    display: inline-block;
}
.main-page .appeal-part .appeal-title{
    font-weight: 900;
    font-size: 45px;
    color: #171611;

}
.main-page .big-text{
    font-weight: 900;
}
.main-page .appeal-part, .main-page .our-advantages, .main-page .services-part, .main-page .reviews, .main-page .faq{
    margin-bottom: 40px;
}
@media(min-width: 768px) {
    .main-page .our-advantages .col-md-6:nth-child(5) .advantage-spot-left, .main-page .our-advantages .col-md-6:nth-child(6) .advantage-spot {
        margin-bottom: 0px
    }
}
.main-page .action-button{
    margin-bottom: 50px;
}
.main-page .appeal-part .small-text{
    font-weight: 400;
    font-size: 20px;
    color: #171611;
    position: relative;
}
.main-page .appeal-part .small-text:before{
    content: "";
    position: absolute;
    width: 412px;
    height: 10px;
    bottom: -20px;
    left: 190px;
    background: url(../img/top-line.svg);
    background-repeat: no-repeat;
    display: none;
}
.main-page .advantage-title{
    font-weight: 400;
    font-size: 50px;
    padding: 50px 80px 40px 40px;
}
.main-page .advantage-spot, .main-page .advantage-spot-left, .main-page .faq-spot, .main-page .faq-spot-left{
    border: 1px solid #012641;
    border-radius: 5px;
    margin-bottom: 50px;
    position:relative;
}
.main-page .advantage-spot, .main-page .advantage-spot-left{
    height: 420px;
}
.main-page .advantage-spot-left{
    margin-right: 40px;
}
.advantage-spot-left, .advantage-spot{}
.main-page .advantage-spot-left, .main-page .advantage-spot, .main-page .advantage-spot-left2, .main-page .advantage-spot2, .main-page .advantage-spot-left3, .main-page .advantage-spot3{
    position: relative;
}
.main-page .advantage-spot-left:before{
    content: "";
    width: 320px;
    height: 115px;
    position: absolute;
    top: 20px;
    left: 10px;
    background: url(../img/adv-1.svg);
    background-repeat: no-repeat;
    background-size:100% 100%
}
.main-page .advantage-spot-left2:before{
    content: "";
    position: absolute;
    top: 98px;
    left:360px;
    background: url(../img/adv-3.svg?v=2);
    background-repeat: no-repeat;
}
.main-page .advantage-spot2:before{
    content: "";
    width: 100px;
    height: 110px;
    position: absolute;
    top: 220px;
    right: 30px;
    background: url(../img/adv-4.svg?v=2);
    background-repeat: no-repeat;
}
.main-page .advantage-spot-left3:before{
    content: "";
    position: absolute;
    width: 310px;
    top: 178px;
    left: 25px;
    background: url(../img/adv-5.svg?v=2);
    background-repeat: no-repeat;
}
.main-page .advantage-spot3:before{
    content: "";
    width: 100px;
    height: 110px;
    position: absolute;
    top: 77px;
    right: 75px;
    background: url(../img/adv-6.svg);
    background-repeat: no-repeat;
    display: none;
}
.home-top-section img{max-height:400px;}
.main-page .appeal-part.home-top-section .appeal-title{margin-top:20px}
.main-page .advantage-spot3:after{
    content: "";
    width: 100px;
    height: 110px;
    position: absolute;
    top: 315px;
    right: -15px;
    background: url(../img/adv-7.svg);
    background-repeat: no-repeat;
    display:none
}
.main-page .advantage-text{
    font-weight: 300;
    font-size: 30px;
    padding-bottom: 62px;
    padding-left: 40px;
}
.main-page .blue_back{
    background: rgba(132, 0, 50, 0.37);
    transform: rotate(359deg);
    max-width: 320px;
    padding: 0px 5px;
}
.main-page .services-spot{
    border: 1px solid #BC2C1A;
    border-radius: 5px;
}
.main-page .services-title{
    font-weight: 400;
    font-size: 60px;
    padding: 10px 0px 10px 80px;
}
.main-page .services-text{
    font-weight: 300;
    font-size: 26px;
    padding-left: 80px;
    margin-bottom: 10px;
    max-width: 50%;
}

@media(min-width:1200px){
    .contact-us .extra-title{position:relative}
    .contact-us .extra-title:after{content:"";position: absolute;width:178px;height: 178px;top:82px;left:148px;background:url(../img/adv-footer.svg)}
}

.service-price{font-size:32px;margin-bottom: 20px}
.service-price span{font-size:40px;font-weight: bold;}
.service-price.service-page-price{font-size:20px;margin-bottom: 10px}

.main-page .services-part .action-button{
    margin-left: 80px;
    margin-bottom: 65px;
}
.main-page .extra-title{
    font-weight: 700;
    font-size: 60px;
    color: #171611;
}

.section-title{font-weight: 700;font-size: 50px;color: #171611;}

.faq-title{padding:10px 20px;font-size:22px;border:1px solid #012641;border-radius:10px;background:#FFF;position:relative;padding-right:30px;cursor:pointer}
.faq-title:after{position:absolute;top:27px;right:10px;content:"+";font-size:40px;line-height: 0px}
.faq-title.active:after{content:'-';font-size:75px;top:19px;right:10px}
.faq-content{display:none;margin:20px 0px;font-size:20px}
.faq-content.active{display:block}
.faq-item{margin-bottom:10px}
.journal-info{background:rgba(255,255,255,0.6);font-size:14px;padding:10px}

@media(max-width:768px){
    .section-title{font-size:30px;line-height: 40px}
    .faq-title{font-size:16px;}
    .faq-content{font-size:16px}
    .faq-title:after{top:22px}
    .faq-title.active:after{top:14px}
}

.main-page .big-red-text{
    color: #171611;
}
.main-page .offer-part .offer-title{
    font-size: 34px;
    line-height: 48px;
    text-transform: uppercase;
    font-weight:900
}
.main-page .offer-part{
    margin-bottom: 80px;
}
.main-page .offer-pic{
    margin-top: 100px;
}
.main-page .offer-extra-title{
    font-weight: 700;
    font-size: 40px;
    line-height: 60px;
}
.main-page .offer-part .orange-text{
    color: #FFA630;
}

.faq-spot-left{padding:20px;height:350px;cursor:pointer;overflow: hidden}

.main-page .faq-text{
    font-weight: 400;
    font-size: 30px;
    text-align: center;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width:90%;
    transition: all 300ms linear;
}

@media(min-width: 768px) {
    .main-page .faq-spot-left:hover .faq-text {
        opacity: 0
    }

    .main-page .faq-spot-left:hover .faq-answer {
        opacity: 1
    }

    .faq-answer {
        opacity: 0;
        transition: all 200ms linear;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        width: 90%;
        text-align: center;
    }
}

.main-page .contact-us .action-button{
    margin-top: 35px;
    margin-bottom: 130px;
}
.main-page .contact-us .extra-title{
    position: relative;
}
.main-page .contact-us .extra-title:before{
    content: "";
    width: 100px;
    height: 110px;
    position: absolute;
    top: 100px;
    left:286px;
    background: url(../img/contact-pic.svg);
    background-repeat: no-repeat;
    display:none
}
.main-page .type-name, .main-page .type-phone, .main-page .type-question{
    border: 1px solid #012641;
    border-radius: 5px;
    font-weight: 300;
    font-size: 24px;
    padding: 12px 20px;
    margin-bottom: 20px;
    display:block;
    width:100%
}
.main-page .type-question{
    padding-bottom: 123px;
}

.test-page .top-title{
    font-weight: 900;
    font-size: 70px;
    color: #171611;
    margin-bottom: 0px;
    position: relative;
    z-index: 1;
}
.test-page .top-title.top-title-vikt{
    margin-bottom:20px
}
.top-text.top-text-vikt:before{display: none}
.top-text.top-text-vikt{margin-bottom:40px;padding-top:0px}
.test-page .title-part{
    position: relative;
}

.test-page .title-part:before{
    content: "";
    width: 180px;
    height: 180px;
    position: absolute;
    top: 140px;
    left: -18px;
    background: url(../img/test-round.svg);
    background-repeat: no-repeat;
}

.master-right img{max-width:300px}

.test-page .top-text{
    font-weight: 400;
    font-size: 30px;
    color: #171611;
    padding-top: 50px;
    position: relative;
}

.top-page .top-text{
    font-weight: 400;
    font-size: 20px;
    padding-top: 20px;
    position: relative;
}

.test-page .top-text:before{
    content: "";
    width: 180px;
    height: 180px;
    position: absolute;
    top: 148px;
    right: 41px;
    right: 41px;
    background: url(../img/test-triangle.svg?v=2);
    background-repeat: no-repeat;
}
.test-page .show-filters{
    border-right: 5px solid #171611;
}
.test-page .show-tests{
    border-left: 5px solid #171611;
}
.test-page .services-title1, .test-page .services-title2, .test-page .services-title3, .test-page .services-title4{
    font-weight: 400;
    font-size: 40px;
    color: #171611;
    position: relative;
    margin: 20px 0px;
}
.test-page .services-title1:before{
    content: "";
    width: 245px;
    height: 80px;
    position: absolute;
    top: -11px;
    left: -38px;
    background: url(../img/test-red-line.svg);
    background-repeat: no-repeat;
}

.test-page .services-title2:before{
    content: "";
    width: 170px;
    height: 85px;
    position: absolute;
    top: -17px;
    left: -45px;
    background: url(../img/test-orange-line.svg);
    background-repeat: no-repeat;
}
.test-page .services-title3:before{
    content: "";
    width: 170px;
    height: 85px;
    position: absolute;
    top: -10px;
    left: -36px;
    background: url(../img/test-blue-line1.svg);
    background-repeat: no-repeat;
}
.test-page .services-title4:before{
    content: "";
    width: 170px;
    height: 85px;
    position: absolute;
    top: -14px;
    left: -17px;
    background: url(../img/test-blue-line2.svg);
    background-repeat: no-repeat;
}
.test-page .type-part{
    font-weight: 400;
    font-size: 28px;
    padding-bottom: 15px;
}
.test-page .services-part .action-button{
    margin: 20px 0px;
}
.test-page .appeal-part .appeal-title{
    font-weight: 900;
    font-size: 70px;
    color: #171611;
}
.test-page .click-test{
    background: #F5EDE2;
    border: 1px solid #171611;
    border-radius: 5px;
    padding: 10px 15px;
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 26px;
    text-align: center;
    display:block
}
.test-page .appeal-part{

}
.contest-page .top-title{
    font-weight: 900;
    font-size: 70px;
    line-height: 81px;
    color: #171611;
}

.comp-desc-i{font-size:18px;border-bottom: 1px solid #DDD;padding-bottom: 10px;margin-bottom: 10px}
@media(max-width:768px){
    #app-main .contest-page .top-text br{display:none}
}
@media(max-width:1280px){
    .contest-page .top-title{font-size:48px;line-height: 52px}
    .contest-page .top-text{font-size:24px;line-height: 40px}
}
.contest-page .top-text{
    font-weight: 400;
    font-size: 38px;
    color: #171611;
}
.contest-page .top-part{
    margin-bottom: 70px;
}
.contest-page .who-title{
    font-weight: 400;
    font-size: 40px;
    color: #171611;
    display: inline-block;
    padding: 20px 115px;
}
.contest-page .services-titles{
    text-align: center;
    margin-bottom: 40px;
}
.contest-page .contest-spot, .contest-page .contest-spot-right{
    border: 1px solid #012641;
    border-radius: 5px;
    margin-bottom: 40px;
    display: block;
}
.contest-page .contest-title, .contest-page .contest-text, .contest-page .contest-date{
    padding-left: 20px;
}

.contest-page .contest-title{
    font-weight: 400;
    font-size: 30px;
    padding-bottom: 10px;
}
.contest-page .contest-text{
    font-weight: 300;
    font-size: 20px;
    padding-bottom: 50px;
}
.contest-page .contest-date{
    font-weight: 300;
    font-size: 30px;
    border-radius: 5px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.contest-page .background-part{
    background: #7FB7BE;
}

.contest-page .appeal-title{
    font-weight: 700;
    font-size: 70px;
    line-height: 81px;
    color: #171611;
}
.contest-page .services-part, .contest-page .appeal-part{
    margin-bottom: 100px;
}
.contest-page .appeal-title{
    margin-bottom: 90px;
}
.no-page{
    text-align: center;
}
.no-page .top-title{
    font-weight: 600;
    font-size: 50px;
    color: #171611;
    margin-bottom: 0px;
}
.no-page .second-title{
    font-weight: 500;
    font-size: 50px;
    color: #171611;
    margin-top: 10px;
    margin-bottom: 20px;
}
.no-page .main-title{
    font-weight: 800;
    font-size: 200px;
    color: #E4CCAB;
    margin: 0px;
}
.no-page .search{
    width: 310px;
    height: 50px;
    border: 1px solid #171611;
    border-radius: 29px;
    padding: 10px 20px;
    margin-bottom: 20px;
}
.no-page .more-link{
    font-weight: 400;
    font-size: 30px;
    text-decoration: underline;
    display: inline-block;
    margin-left: 30px;
    margin-bottom: 20px;
}

/** Subscription **/
.subscription-form{position: fixed;width: 1191px;padding: 25px;border: 1px solid #264653;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);background: #FFF;border-radius: 5px;z-index: 10;max-height: 90vh;overflow: auto;z-index:100}
.subscription-form.page{position:relative;transform: none;max-height: none;z-index:10;left:0;top:0}
.subscription-form .sub-close{position: absolute;top: 10px;right: 7px;font-size: 50px;cursor: pointer;height: 20px;line-height: 20px;}
.subscription-form .title-text{font-size:24px;font-weight: 400;text-align: center;margin-bottom: 10px}
.subscription-form .title-text-second{font-size:24px;font-weight: 600;text-align: center;margin-bottom: 20px}
.subscription-form .contition-text{margin-bottom: 5px;font-style:italic;font-size:16px}
.subscription-form .tariff-title{text-align: center;margin-bottom: 10px;font-weight: 600;font-size:24px}
.subscription-form .tariff{padding: 10px 10px 20px}
.subscription-form .tariff-price{font-weight: 600;font-size:28px;margin-bottom: 15px}
.sub-condition-title{text-decoration: underline;cursor:pointer}
.subscription-form .col-md-4:nth-child(1), .subscription-form .col-md-4:nth-child(2){border-right:1px solid rgba(165, 165, 165, 1)}
.action-normal-button{background: #FFA630;text-align: center;max-width: 260px;padding: 8px 18px;font-weight: 300;font-size: 24px;cursor: pointer;display:inline-block;border-radius:10px}
.subscription-form .tariff ul li{font-size:17px}
@media(min-width:1200px){
    .subscription-form .tariff ul{min-height:306px}
    .subscription-form .col-lg-4:nth-child(2), .subscription-form .col-lg-4:nth-child(3){position:relative}
    .subscription-form .col-lg-4:nth-child(2):after{display:block;width:70px;height:70px;background:url(/content/img/sub2.png); background-size:100% 100%;top:-15px;right:-8px;position:absolute;content:"";}
    .subscription-form .col-lg-4:nth-child(3):after{display:block;width:70px;height:70px;background:url(/content/img/sub3.png); background-size:100% 100%;bottom:88px;right:5px;position:absolute;content:"";}
}
@media(max-width:1300px){
    .subscription-form{width:90vw;}
    .subscription-form .tariff{margin-bottom:20px}
    .subscription-form .title-text{font-size:20px}
}
@media(max-width:991px){
    .subscription-form .title-text{font-size:16px;margin-bottom: 0px}
    .subscription-form .title-text-second{font-size:20px;margin-bottom: 0px}
    .subscription-form .col-md-4:nth-child(1), .subscription-form .col-md-4:nth-child(2){border-right:none}
    .tariff ul{margin-bottom: 0px}
    .subscription-form .tariff-title{font-size:22px;text-decoration: underline}
    .subscription-form .tariff-price{font-size:24px}
    .action-normal-button{font-size:20px;padding:5px 15px}
    .subscription-form .tariff{margin-bottom: 10px}
}

/** Adv **/
.adv-container{position:relative}
.adv-container .inner-adv{position:absolute;width:200px;height:400px;left:-250px;top:-55px}
@media(max-width:1280px){
    .adv-container{display:none}
}

/** Topbar **/
.user-topbar{text-align:left;padding:4px 0px;font-size:16px;}
.user-topbar span{display:inline-block;padding-left:15px;}
.user-topbar span a{text-decoration: underline}
.notification-block .noti-toggle img{width:25px;height:25px}
.notification-block .noti-toggle{display:inline-block;position:relative;cursor:pointer;padding: 6px 8px 8px;}
.notification-block .noti-toggle:hover{background:#f0f0f0}
.notification-block .noti-toggle span{width:17px;height:17px;background:red;border-radius: 100%;color:#FFF;padding:2px;position:absolute;top:5px;right:2px;line-height: 14px;font-size:13px;text-align: center}
.notification-block{position:relative;display: inline-block;vertical-align: top}
.top-bar-menu{padding:9px 0px;padding-bottom: 7px;display:inline-block}
.noti-result{position:absolute;top:100%;left:0px;border: 1px solid #DDD;padding-top:10px;background: #FFF;box-shadow: 0px 4px 18px -5px rgb(0 0 0 / 25%);text-align: justify;width:400px;z-index:1000;max-height: 300px;overflow: auto}
.noti-loop-item{margin:0px 0px;border-bottom:1px solid #555;padding-bottom:3px;padding:5px 10px}
.noti-loop-item.read0{background:#f4f4f4}
.noti-link{text-decoration: underline;font-weight: bold}
.noti-loop-item:last-child{border-bottom:0px}
.noti-close, .noti-mobile-close{font-size:40px;line-height:20px}
.noti-title{font-weight:bold;float:left}
.noti-close, .noti-mobile-close{float:right;cursor:pointer}
.noti-top{overflow: hidden;padding:5px 10px}
.noti-result .profile-small-title{font-size:16px;padding:10px;padding-bottom: 0px}
.noti-mobile .profile-small-title{padding:5px 10px}

/** Cart **/
.cart-loop{padding:10px 0px;border-bottom:1px solid #DDD}
.cart-loop:last-child{border-bottom:0px}
.cart-loop:first-child{border-top:0px}
.cart-total{padding-top:10px;text-align: right;font-weight: bold}
.remove-cart-loop{display:inline-block;padding:0px 9px;font-weight: bold;color:red;border:1px solid transparent;cursor: pointer;font-size: 20px;border-radius: 100%}
.remove-cart-loop:hover{border:1px solid red;}
.cart-pay{padding-top:10px}
.cart-preview{display:inline-block;width:30px;marign-right:5px;position:relative;top:-5px}
.pay-bonus{margin-top:15px}
@media(max-width: 500px){
    .cart-loop{font-size:14px;line-height: 18px}
    .cart-loop .col-9{width:70%}
}

#app-main .main-page .services-title{padding: 0px 0px 0px;font-size:40px;line-height: 50px;font-weight: 700;color: #171611;text-decoration: none}
#app-main .main-page .services-text{padding-left:0px;max-width:100%;padding-top:20px}
#app-main .main-page .services-part .action-button{margin-left:0px}
#app-main .main-page .advantage-text{padding-right:20px}
#app-main .main-page .advantage-title{word-break: break-word}
#app-main .main-page .contact-us .action-button{border:none}
#app-main .offer-part .action-button{display:block}
#app-main .main-page .services-text a{text-decoration: underline;font-weight: bold;color: #171611}


/** Bottom menu **/
.bottom-menu{position:fixed;width:100%;height:auto;bottom:0px;left:0px;height:45px;background:#FFF;border-top:1px solid #DDD;z-index:999}
.bottom-menu-content{max-width:500px;margin:0 auto}
.bottom-menu-content span, .bottom-menu-content a{display:block;padding:7px 5px;text-align: center;position:relative}
.bottom-menu-content  img{display:block;height:30px;width:auto;margin:0 auto}
.noti-result-mobile{padding:15px;overflow:auto}
.noti-mobile{position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;background: #FFF;z-index: 1000;overflow: auto;}
.noti-mobile .noti-mobile-close{margin-right:-10px}
.noti-counter-mobile{width:17px;height:17px;background:red;border-radius: 100%;color:#FFF;padding:2px;position:absolute!important;top:2px;right:2px;line-height: 5px;font-size:13px;text-align: center}
span.mobile-call-noti{width:50px;margin:0 auto}

.post-content img{width:auto!important;height: auto!important;}
.main-page .services-spot{border:none}
.service-content{float:none;width:100%;padding:0px}
.service-content-item{border: 1px solid #012641;border-radius: 5px;padding:20px 40px;margin-bottom:40px}
.service-content-item:last-child{margin-bottom:0px}
.service-content-item img{padding:0px 30px}

body{background:#FFF}
#app-header{background:#FFF;border-bottom: 1px solid #DDD;border-top: 1px solid #DDD}
#profile-sidebar .btn, .btn.btn-dark, .action-button{background:#580C93;color:#FFF}
#app-footer{background:#FFF}
.main-page .extra-title, .main-page .appeal-part .appeal-title, .main-page .appeal-part .small-text, #app-main .main-page .services-title{color:#171611}
#app-main .main-page .services-text a{color:#580C93}
.app-logo img{display:inline-block;vertical-align: middle}

/** new design **/
.competition-item a.contest-spot{border:1px solid #ccdca0}
.contest-page  .competition-item .background-part{background:#FEFFE2}

@media(max-width:768px){
    .service-content-item{padding:10px}
    .service-price{font-size:24px}
    .service-price span{font-size:28px}
    .target3 .col-md-5{order:2;}
    .target3 .col-md-7{order:1;}
    .service-content-item img{margin-top:40px;padding:0px 90px;margin-bottom: 20px}
    #app-main .main-page .services-text{margin-bottom: 20px}
    .main-page .services-part{margin-bottom:50px}
    .main-page .extra-title{font-size:40px;text-align: center}
    .main-page .faq-text{font-size:24px}
    #app-main .main-page .services-title:first-child{margin-top:10px}
    #app-main .main-page .services-title:first-child{font-size:26px!important;line-height: 36px!important;}
    #app-main .main-page .services-text{font-size:18px!important;}
    #app-main .service-content-item{padding:10px!important;}
}

.offer-extra-title + a .action-button, h1.appeal-title + a .action-button{margin-top:30px}

@media(max-width:1300px){
    #app-menu ul li a{font-size:17px;margin-right:20px}
    #app-menu ul li a svg{width:17px;height:17px}
}

@media(max-width:1140px){
    .main-page .advantage-spot-left:before, .main-page .advantage-spot2:before, .main-page .advantage-spot-left3:before, .main-page .advantage-spot3:before, .main-page .advantage-spot3:after{display:none}
    .main-page .blue_back{background:transparent;transform:none;display:inline}
    .main-page .advantage-title{font-size:40px;padding:40px}
    .main-page .advantage-text{padding:0px 40px;font-size:25px}
}

@media(max-width:991px){
    .main-page .faq-text{position:static;transform: none}
    .faq-answer{opacity:1;position:static;margin-top:20px;transform:none}
    .faq-spot-left{height:auto}
    .main-page .offer-part{margin-bottom:20px}
}

@media(max-width:768px){
    .table-wrapper{overflow:auto}
    .table-wrapper table{width:700px}
    .offer-pic{display:none}
    .main-page .advantage-spot, .main-page .advantage-spot-left{height:auto;text-align:center}
    .main-page .advantage-spot, .main-page .advantage-spot-left{margin-right:0px;margin-bottom:20px}
    .main-page .advantage-title{padding:12px;font-size:25px;}
    .main-page .advantage-title br{display:none}
    .main-page .advantage-text{font-size:16px;padding:0px 15px; padding-bottom:20px}
    .appeal-img{display:none}
    .main-page .appeal-part .appeal-title{font-size:28px;text-align:center}
    .main-page .appeal-part .small-text:before, .cat-helper{display:none}
    .main-page .offer-extra-title, .main-page .offer-part .offer-title{font-size:25px;line-height: 40px}
    .main-page .faq{margin-bottom: 0px}
    .main-page .contact-us .extra-title{font-size:40px;text-align:center;margin-bottom:40px;margin-top:20px}
    .main-page .contact-us .extra-title br{display:none}
    .main-page .contact-us .extra-title:before{display:none}
    .main-page .appeal-part .small-text, .main-page .offer-part{text-align:center}
    .main-page .action-button{margin:30px auto}
    .main-page .our-advantages, .main-page .faq-spot-left, .main-page .appeal-part{margin-bottom:20px}
    .main-page .faq-text, .main-page .faq-answer{width:100%}
    #app-footer{text-align:center}
    .footer-col ul{margin:20px 0px}
    #app-footer .footer-social-links{text-align:center}
    #app-header{padding:20px 0px;text-align:center}
    .header-right-links a{display:block;text-align: center;margin-left:0px;margin-top:10px}
    .header-right-links a.header-profile-email{margin-top:0px}
    .header-right-links{margin-top:20px}
    .footer-social-links a{margin-left:0px;margin:0px 5px}
    .test-end-response .action-button{margin:0 auto!important;}
    .test-end-response .test-end-title{margin-top:10px!important;}
    .subscription-form{padding:25px 0px}
    .subscription-form .sub-close{top:11px}
    .test-end-img{margin-top:20px}
    .top-banner img{display:none}
    .top-banner .col-md-3.text-right-desktop.text-center-mobile{display:none}
    .top-banner .btn.btn-dark{display:none}
    .top-banner-diploma{margin-bottom:0px}
    .top-banner .profile-small-title{font-size:16px;display:block;clear:both}
    .top-banner{padding:10px}
    .test-question{font-size:16px}
    .page-content img{max-width: 100%!important;}
}