@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
.wrap{min-height: calc(100% - 389px); padding-top: 30px;}
.wrap > .container {
    padding: 0px 40px 20px;
    width: 1200px;
    background: #fff;
    border-top: 5px solid #0079B4;
    padding-top: 30px;
    position: relative;
}
/*header*/
col-city-user{display: flex; justify-content: space-between;}

.header1 .profile{
    display: inline-block;
    background: url(/images/ic-profile.png) no-repeat;
    background-position: 0 0px;
    padding: 0 0 0 31px;
    font-size: 14px;
    text-decoration: none !important;
    margin-right: 11px;
    line-height: 24px;
    color: #000;
}
.loginLogin a{
    display: inline-block;
    background: url(/images/icon-exit.png) no-repeat;
    background-position: 0 0px;
    background-size: 75%;
    padding: 0 0 0 0px;
    font-size: 14px;
    text-decoration: none !important;
    width: 40px;
    height: 40px;
}
.loginLogin, .loginMessage, .login{display: inline-block;}
.emailbox a{
    display: inline-block;
    background: url(/images/ic-email.png) no-repeat;
    background-position: 0 1px;
    padding: 0 0 0 29px;
    font-size: 14px;
    text-decoration: none !important;
    color: #000;
}
.topright{position: absolute; right: 0; top: 21px;}
.social-top{
    display: inline-block;
    margin: 30px 0 0 0;
    padding: 0;
    text-align: right;
}
a.sn {display:inline-block; width:24px; height:24px; border:0; padding:0; margin:0 5px 5px 0; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; transition:.3s;}
a.sn:hover {transform:scale(1.2);}
a.sn2 {display:inline-block; width:36px; height:36px; border:0; padding:0; margin:0 5px 5px 0; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
a.ok {background-image:url(/images/social/iconok.png);}
a.vk {background-image:url(/images/social/iconvk.png);}
a.fb {background-image:url(/images/social/iconfb.png);}
a.yt {background-image:url(/images/social/iconyt.png);}
a.ig {background-image:url(/images/social/iconig.png);}
a.tw {background-image:url(/images/social/icontw.png);}
a.gg {background-image:url(/images/social/icongg.png);}
a.tg {background-image:url(/images/social/icontg.png);}
a.vb {background-image:url(/images/social/iconvb.png);}
a.wa {background-image:url(/images/social/iconwa.png);}
a.ph {background-image:url(/images/social/iconph.png);}
.social-top a:last-child{margin-right: 0;}
/*header*/
/*nav*/
.header-menu{
    float: none;
    display: flex;
    justify-content: flex-start;
    width: 100%;
    align-items: stretch;
}
/*nav*/




.flex-column-404{display: flex; flex-direction: column;     justify-content: space-around; align-items: center;}
.page404-content{color: #00a650; font-size: 23px; text-align: center;}
.numbers-404{color: #00a650; font-size: 150px; font-weight: bold; text-align: center;}
.subtext-404{}
.bottom-text-404{margin: 40px 0 0 0;}
.bottom-text-404 a{background: #00a650; color: #fff; padding: 11px 21px; text-decoration: none;}
.bottom-text-404 a:hover{background: #038240;}

button.btn-success{float: none !important;
    margin: 30px auto 0 auto;
    text-align: center;
    padding: 10px 25px;
    font-size: 30px;
    border-radius: 11px;
    display: flex;

}

/*footer*/
footer{
    position: relative;
    width: 100%;
    padding: 0;
    margin: 10px 0 0 0;
    text-align: center;
    font-size:  14px;
}

/*login*/
.site-login, .site-signup, .site-request-password-reset{width: 320px; margin: 0 auto;}
#login-form{margin: 15px;}

/*content*/
.img-bg-container{background: #f1f1f1; border-radius: 10px; padding: 10px; text-align: center;}
.img-bg-container-none{text-align: center;}
.img-bg-container img, .img-bg-container-none img{max-width: 100%;}
.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.content-page .row{margin-bottom: 20px;}
.content-page h2{color: #2458ae; text-transform: uppercase; font-size: 1.5em; font-weight: bold;}
.content-page h1{font-weight: bold; font-size: 26px; text-align: center; margin-bottom: 25px;}
.someimages{display: flex; align-items: center; justify-content: space-around;}
.promo {margin: 0 auto; 
    width: 1500px;
    margin-left: calc(1170px / 2 - 1500px / 2 - 15px);

}
/*icons-pack*/
.icons-pack{list-style: none; display: flex; margin: 20px -15px; padding: 0;    width: 100%;    justify-content: space-between;}
.icons-pack li{display: flex; flex-direction: column; text-align: center; font-size: 9px; line-height: 1; padding: 0 5px;}
.icons-pack li a{color: #000;}
.icons-pack-1 i, .icons-pack-2 i, .icons-pack-3 i, .icons-pack-4 i, .icons-pack-5 i
{width: 22px; height: 30px; background: url(/images/icons-pack.png) no-repeat; display: inline-block; background-size: 66px; margin-bottom: 3px;}
.icons-pack li.active a{color: #02b300;}

.icons-pack-1 i{background-position: -24px -30px;}
.icons-pack-2 i{background-position: 0px -30px;}
.icons-pack-3 i{background-position: 0 0;}
.icons-pack-4 i{background-position: -46px 0;}
.icons-pack-5 i{background-position: -25px 0;}

li.active>.icons-pack-1 i{background-position: -24px -97px;}
li.active>.icons-pack-2 i{background-position: 0px -97px;}
li.active>.icons-pack-3 i{background-position: 0 -67px;}
li.active>.icons-pack-4 i{background-position: -46px -67px;}
li.active>.icons-pack-5 i{background-position: -25px -67px;}
/*icons-pack*/

.alert-success{text-align: center; font-size: 1.5em;}
.site-content{/*max-width: 1045px;*/ margin: 0 auto;}
.site-content h1{margin: 0 0 30px 0;}
.site-content a{color: #000;}
.site-content a:hover {color:#0079B4;}

.banners-partners{display: flex; justify-content: space-between; align-items: start;}
.banners-partners a{margin-right: 17px; 
    display: flex;
    align-items: center;
    overflow: auto;
}
.banners-partners a:last-child{margin: 0;}
.banners-partners img{max-width:100%; border: 1px solid #ccc;     border-radius: 10px; }
.banners-partners a:hover img{border-color: #000;}

a.banners-sub-text{display: inline-block; max-width: 247px;}
a.banners-sub-text p{padding: 10px;}

.form-info-container{text-align: center;}
.form-info-col-container{display: flex;     align-items: start; justify-content: center;}
.form-info-col-container .form-info-col{text-align: left; padding: 30px;}
.form-info-docs{font-size: 20px;}

.confirmed-page{font-size: 20px;}
.tabled1 p{display: flex; align-items: center; justify-content: space-between;}
.tabled1 p b{padding-right: 10px;}

.btn-blue{background: #2559ad; border: #2559ad;}
.btn-blue:hover{background: #1e4990; border: #1e4990;}

.col-male .btn.active {
    color: #fff;
    background-color: #286090;
    background-image: none;
    border-color: #204d74;
}
.qrpage{display: flex;}
.qrpage>div:first-child{padding-right: 15px;}
.qrpage>div:last-child{min-width: 290px;}
.qrpage h2{font-weight: bold; color: #0704e6;}

/**************eseur****************/
body {
    position: relative;
    min-width: 320px;
    width: 100%;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    background-color: #F3F3F3;
    overflow-x: hidden;
    font-size: 16px;
    line-height: 1;
}
h1, .title{
    margin: 0px;
    padding: 0px;
    border: 0;
    box-sizing: border-box;

    width: 100%;
    color: #0079B4;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 36px;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    overflow: hidden;
    margin: 0 0 20px 0;
    padding: 0;
}
.qrpage .title{color: #000;}
p{line-height: 1.4;}
div#top {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    z-index: 1000;
}
div#hat {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    background: #F3F3F3;
    text-align: center;
}
div#hat-page {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 1200px;
    height: 70px;
    padding: 0 15px;
    margin: 0 auto;
    text-align: left;
}
a#logo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    width: calc(100% - 110px);
    max-width: 900px;
    min-height: 50px;
    padding: 5px 0 0 60px;
    background-image: url(/images/logo.png);
    background-position: left 50%;
    background-repeat: no-repeat;
    background-size: contain;
    text-decoration: none;
    color: #000;
    height: 50px;
        margin-top: 8px;
}
a#logo h1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    line-height: 1;
    font-weight: bold;
    color: #004E74;
    text-transform: uppercase;
    width: 100%;
    max-height: 48px;
    overflow: hidden;
    margin: 0;
}
a#regions {
    position: absolute;
    right: 50px;
    top: 15px;
    width: 40px;
    height: 40px;
    background-image: url(/images/regionspoint.png?1);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 75%;
}
a#enter {
    position: absolute;
    right: 10px;
    top: 15px;
    width: 40px;
    height: 40px;
    background-image: url(/images/enter.png?1);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 75%;
}
#menu {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
    text-align: center;
}
div#menu-page {
    display: flex;
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-width: 1200px;
    padding: 0 0 0 0px;
    background-color: #004E74;
    text-align: left;
}
div#menucont {
    width: calc(100% - 60px);
    height: auto;
    text-align: left;
}
a#mobilemenu, a#mobilemenu:hover {
    width: 54px !important;
    display: inline-block;
    padding: 17px 12px 17px 30px;
    margin: 0;
    overflow: hidden;
    background-image: url(/images/menu-icon.png);
    background-position: 15px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    line-height: 1;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    vertical-align: top;
}
a#mobilemenu span {
    display: none;
}
#menu a {
    display: inline-flex;
    padding: 13px 12px;
    margin: 0;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 1.2;
    font-weight: bold;
    text-decoration: none;
    /*transition: .3s;*/
    text-align: left;
    /*height: 65px;*/
    height: 50px;
    width: 100%;
    min-width: 54px;
    white-space: nowrap;
}
#menu li a.textlines2{padding: 6px 12px;}
#menu a:visited, #menu a:active  {background-color: #004E74;}
#menu a:hover {background-color:#00B0FF;}
.navbar-nav > li{float:none; 
/*flex: 1;*/
}
span.close{display: none;}


span.topmenuclose {
    display: none;
    position: fixed;
    right: 2px;
    top: 2px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    margin: 0;
    padding: 5px 10px;
    font-weight: 400;
    color: #fff;
    border: 1px dashed #fff;
    border-radius: 5px;
    z-index: 11000;
    transition: .3s;
}
a.ok:link, a.ok:visited {display:inline-block; width:30px; height:30px; margin:10px; background-image:url(/images/social/ok.png); filter:opacity(.4); background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
a.ok:hover {filter:opacity(1);}
a.vkontakte:link, a.vkontakte:visited {display:inline-block; width:30px; height:30px; margin:10px; background-image:url(/images/social/vkontakte.png); filter:opacity(.4); background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
a.vkontakte:hover {filter:opacity(1);}
a.instagram:link, a.instagram:visited {display:inline-block; width:30px; height:30px; margin:10px; background-image:url(/images/social/instagram.png); filter:opacity(.4); background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
a.instagram:hover {filter:opacity(1);}
a.youtube:link, a.youtube:visited {display:inline-block; width:30px; height:30px; margin:10px; background-image:url(/images/social/youtube.png); filter:opacity(.4); background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
a.youtube:hover {filter:opacity(1);}
a.telegram:link, a.telegram:visited {display:inline-block; width:30px; height:30px; margin:10px; background-image:url(/images/social/telegram.png); filter:opacity(.4); background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
a.telegram:hover {filter:opacity(1);}


div#footer-page {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 1200px;
    padding: 20px;
    margin: 0;
    text-align: center;
    color: #999999;
}

.ismobilemenu #hat{display: none !important;}
.ismobilemenu div#menu-page{background: none; flex-direction: column;}
.ismobilemenu #menu a{display: inline-block;
width: 100%; height: auto;
font-size: 18px;
font-weight: 400;
padding: 10px 12px;
transition: none;}
.ismobilemenu #menu li a.textlines2{padding: 10px 12px;}
.ismobilemenu #menu a br{display: none;}
.ismobilemenu span.topmenuclose{display: inline-block;}
.ismobilemenu span.topmenuclose::after {
    content: "Закрыть";
}
.ismobilemenu a#mobilemenu{padding-left: 10px; background: none;}
.ismobilemenu a#mobilemenu span{font-size: 24px;
line-height: 24px;
margin: 20px 0 10px 0;
font-weight: 600;
color: #fff;
}
#top.ismobilemenu  {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100vh;
    padding: 20px;
    background: linear-gradient(to right, #0079B4, #00838F);
    overflow: hidden;
    text-align: center;
    z-index: 10001;
}
.ismobilemenu .header-menu {
    flex-direction: column;
    width: 100%;
    margin: 15px 0;
}
.ismobilemenu a#mobilemenu span{
    display: inline;
}
.ismobilemenu a#mobilemenu{
    width: 100% !important;
}

.testing, .testpage{padding-top: 20px;}
.testpage h1{margin-bottom: 20px; position: relative; z-index: 1000; background: #fff; display: inline;}
#test-form{}
.card-header{background: #3362ac; color: #fff; padding: 10px; text-transform: uppercase; line-height: 1.2em;}
.card-body{padding: 20px 25px;}
.card-body .radio{margin-bottom: 20px;}
#test-form button.btn-success{font-size: 16px; border-radius: 0; background: #ec5c5d; 
    border: none;
    outline: none;
}
#test-form button.btn-success:hover{background: #de393a;}
#test-form .btn-info{border-radius: 0; background: #68ba7a; font-size: 16px;
    border: none;
    outline: none;
}
#test-form .btn-info:hover{background: #429454;}
.test-pagination{margin-bottom: 20px;}
.test-navigation{}
.test-pagination, .test-navigation{padding-left: 25px; padding-right: 25px;}
#test-form .radio label{line-height: 1.5;}


/*** diktant-header ***/
.diktant-header{background: url(/images/diktant.jpg) no-repeat right 0 #3262ac; height: 270px; 
background-size: contain;
color: #fff;
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.testpage .diktant-header{    z-index: 2000;    margin-top: 10px;}
.diktant-header-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-left: 70px;
    padding-right: 245px;
    position: relative;
    z-index: 2;
}
.diktant-date{width: 200px; margin-bottom: 20px; margin-right: 20px;}
.diktant-header p{font-weight: bold; 
    font-size: 39px;
    line-height: 1;
}
.diktant-lines{background: url(/images/lines.svg) no-repeat; 
    width: 893px;
    height: 609px;
    position: absolute;
    top: -187px;
    left: -348px;
}

.card-header{
    background: url(/images/lines.svg) no-repeat #3362ac -251px -381px; 
    background-size: 800px;
}
.testpage{
    position: relative;
    min-height: 570px;
}
.test-container{overflow: hidden;}
.diktant-container{overflow: hidden;}
.breadcrumb{position: relative; z-index: 10;}
/*  compass */
.decor1{
    background: url(/images/compas/compas2025-1.svg) no-repeat;
    width: 89%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: -1%;
    background-size: contain;
    z-index: 2;
}
.decor2{
    
}
    

.decor3{
    background: url(/images/compas/compas2025-2.svg) no-repeat;
    width: 100%;
    height: 18%;
    position: absolute;
    bottom: 0;
    right: 0;
    background-size: contain;
    background-position: right;
    z-index: 1;
}
/*  compass */

.decor1{
    background: url(/images/blue-green-element.svg) no-repeat;
    width: 180px;
    height: 457px;
    position: absolute;
    top: 400px;
    left: 0;
    background-size: contain;
    z-index: 30;
}
.decor2{
	background: url(/images/lines3.svg);
	width: 3202px;
    height: 209px;
    position: absolute;
    top: -400px;
    left: -500px;
    transform: rotate(126deg);
    z-index: 0;
}

.decor3{
    background: url(/images/red-element.svg) no-repeat;
    width: 312px;
    height: 313px;
    position: absolute;
    /*top: 50%;*/
    bottom: 0;
    right: 0;
    background-size: contain;
    z-index: 10;
}
/*
.decor4{
    background: url(/images/red-element2.svg) no-repeat;
    width: 180px;
    height: 180px;
    position: absolute;
    background-size: contain;
    z-index: 5;
}
.decor5{
    background: url(/images/green-element.svg) no-repeat;
    width: 180px;
    height: 180px;
    position: absolute;
    background-size: contain;
    z-index: 5;
}
.decor6{
    background: url(/images/blue-element.svg) no-repeat;
    width: 50px;
    height: 180px;
    position: absolute;
    background-size: contain;
    z-index: 5;
}
    */
#test-form {
    position: relative;
    z-index: 100;
    max-width: 600px;
    margin: 0 auto;
    /*background: rgba(255,255,255,0.75);*/
    background: rgba(255,255,255,1);
    padding-bottom: 30px;
    margin-top: 10px;
}

.site-signup h1, .site-login h1{
    margin: 0 -100px 37px -100px;
    width: calc(100% + 200px);
    text-align: center;
}

.thumbs, .thumbs-4{display: flex; align-items: flex-start; margin-bottom: 50px; flex-wrap: wrap;}
.thumb {display: block; text-align: center;     flex-basis: 33.33%;}
.thumb img{max-height: 450px; max-width: 100%;}
.thumb:last-child img{margin-right: 0;}
.thumb p{margin: 15px 0; font-size: 20px; font-weight: bold;}

.thumbs-4{justify-content: space-between; flex-wrap: wrap;}
.thumbs-4 .thumb{flex-basis: calc(25% - 15px);}

ul.yur-video{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
ul.yur-video li{flex-basis: calc(50% - 50px/2); margin-bottom: 50px;}
ul.yur-video li:nth-child(2n+1){margin-right: 50px;}
.video{
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}
.video iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


label{font-size: 15px;}
.form-horizontal .control-label{
    text-align: left;
    font-size: 15px;
    padding-bottom: 6px;
}
.header-phone{
    font-size: 12px;
    padding-right: 47px;
    white-space: nowrap;
    padding-top: 9px;
}
.header-phone p{margin: 0;}
.header-phone a{color: #000; font-weight: bold;    font-size: 15px;
    line-height: 1;     margin-left: 3px;}


a.phone{
    display: inline-block;
    background: url(/images/ic-phone.png) no-repeat;
    background-position: 0;
    padding: 0 0 0 22px;
    color: #000;
    background-size: 17px;
}
a.email{
    display: inline-block;
    background: url(/images/ic-email.png) no-repeat;
    background-position: 0 1px;
    padding: 0 0 0 22px;
    color: #000;
    background-size: 19px;
}
.contact_social_container{display: flex;       flex-wrap: wrap; margin-bottom:  20px;}
.contact_social_container>div{
        padding: 20px 30px;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-right: 22px;
     margin-bottom: 20px;
}
.contact_social_container a, .contacts_smi a{
    display: block;
    text-decoration: underline;
    padding: 0 0 15px 0;
}
.contact_social_container a:hover, .contacts_smi a:hover{
        text-decoration: none;   
}
#first_block{
    max-width: 600px;
    margin: 0 auto;
}
.first_block_buttons{
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 55px auto 80px auto;
}

/* CSS */
#first_block .btn {
  background-image: linear-gradient(92.88deg, #004e74 9.16%, #10628b 43.89%, #10628b 64.72%);
  border-radius: 8px;
  border-style: none;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  flex-shrink: 0;
  font-size: 36px;
  font-weight: bold;
  
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.25) 0 3px 8px;
  transition: all .5s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;

    width: 250px;
    height:100px;
    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 30px;

}

#first_block .btn:hover {
  box-shadow: rgba(80, 63, 205, 0.5) 0 1px 30px;
  transition-duration: 0.1s;
  background-image: linear-gradient(92.88deg, #004e74 9.16%, #004e74 63.89%, #004e74 84.72%);
  
}

.countdown-container{
    display: inline-block;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
}
.coundoun-subs{
    display: flex;
    width: 214px;
    font-size: 12px;
    font-weight: normal;
    justify-content: space-between;
    padding: 0 0px 0 6px;
    margin: 5px auto 0 auto;
}
.coundoun-subs>div:first-child{padding-right: 8px;}

.ostalos{display: flex;}
.ostalos>div:first-child{
    margin-right: 10px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 17px;
}

#w0  input[type="checkbox"], #card-number-form .checkbox input[type="checkbox"]{margin-top: 0; margin-bottom: 0;} /*override bootstrap*/

#card-number-form .col-sm-offset-3{margin-left: 0;}
#card-number-form .col-sm-6{width: 100%;}
#card-number-form .login-btns{text-align: center;}
#card-number-form.form-horizontal .form-group{margin-left: 0px; margin-right: 0px;}
.introtext{padding: 10px;}
.diktant-header .modal{z-index: 20001;}
.diktant-header .modal-content{max-height: calc(100vh - 100px); overflow: auto;
}
.diktant-header .modal-content p{
color: #000;
font-size: inherit;
font-weight: normal;
}
#show_modal_diktant{
    display: block;
    z-index: 1000;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.diktant-header-first{display: flex; margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 16px;
}
.diktant-header-first p{line-height: 1.3;     text-align: center;}
p.diktant-header-text2{font-size: 55px;}
p.diktant-header-text2 span{font-size: 65px; white-space: nowrap;}

#menu a.forlogged{display: none;}
.logged #menu a.forlogged{display: inline-flex;}

.diktant-btn{
	color: #3262ac;
    display: inline-block;
    padding: 10px 40px 10px 15px;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 15px !important;
    text-decoration: underline;
    background: url(/images/circle_arrow_right.svg) no-repeat #fff right 10px center;
    background-size: 24px;
    white-space: nowrap;
}
.ushinsky{text-decoration: none; text-align: center; color: #000; text-transform: uppercase; font-size:   25px; display: block; margin-bottom:  25px; }
.ushinsky:hover{color: #000; }
.ushinsky img{max-width: 400px; width: 100%;}
.ushinsky p{margin-bottom:  5px;}
.ushinsky__2{font-weight: 600;}

.talk-wrapper a.blue-btn, .talk-wrapper a.green-btn{margin-top: 7px;}
.green-btn{
    display: inline-block;
    border-radius: 5px;
    background-color: #279312;
    font-weight: bold;
    padding: 10px 15px;
    cursor: pointer;
    color: #fff !important;
    text-decoration: none !important;
}
.green-btn:hover{
    background-color: #1a7309;
}

a.underline{text-decoration: underline;}
a.underline:hover{text-decoration: none;}


/*QR*/
    #loadingMessage {
        text-align: center;
        padding: 40px;
        background-color: #eee;
    }
    #canvas {
        width: 100%;
        max-width: 360px;
        height: 360px;
    }
    #output {
        margin-top: 0px;
        padding: 0px;
        padding-bottom: 0;
    }
    #output div {
        padding-bottom: 10px;
        word-wrap: break-word;
    }
    #noQRFound {
        text-align: center;
    }

    .qr-row{display: none;}
    .qr-wrapper{display: none;}
    
/*QR*/
.mb-2{margin-bottom: 0.5rem !important;}
.mb-3{margin-bottom: 1rem !important;}
.mb-4{margin-bottom: 1.5rem !important;}

/*rrrrrrrrrr*/
@media (min-width: 768px) {
  .button-36 {
    padding: 0 2.6rem;
  }
}
@media(max-width:1500px) {
    .promo{padding-bottom: 22%; width: auto; margin: 0;}
    .promo img {
        width: 100%;
        margin: 0;
        position: absolute;
        left: 0;
    }
}
@media(max-width:1200px) {
    .wrap > .container{width: 100%;}
    .header1 .brand p {font-size: 19px;}
    .banners-partners{    flex-wrap: wrap; text-align: center; justify-content: space-around;}
    .banners-partners a{margin: 0 17px 15px 0 !important; display: inline-block;}
    .topright{right: 15px;}

    .diktant-header p{font-size: 33px;}
}
@media only screen and (max-width: 1200px), only screen and (max-device-width: 1200px){
    a#logo {
        left: 15px;
    }
}
@media(max-width:1023px) {
    #menu a{display: none;}
    a#mobilemenu, a#mobilemenu:hover {
        display: inline-block;
        width: 100% !important;
        padding-left: 45px;
        height: 50px;
        line-height: 1.5;
    }
    a#mobilemenu span {
        display: inline;
    }
    a#mobilemenu:hover{line-height: 1;}

    p.diktant-header-text2 span {font-size: 40px;}
    .diktant-header p{font-size: 26px;}
}
@media(max-width:991px) {
    .col-city-user{flex-direction: column; align-items: flex-end;}
    .citybox {margin-right: 0;}
    .col-user{margin-top: 11px;}
    .phonebox{margin-right: 0;}
    .thumbs{flex-direction: column;    justify-content: center;    align-items: center; margin-bottom: 0;}
    .thumb {
         margin-bottom: 100px;
    }
    ul.yur-video{flex-direction: column;}
    ul.yur-video li{width: 100%;}
    ul.yur-video li:nth-child(2n+1){margin-right: 0;}

}

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px){
    a#logo span {
        display: none;
    }
}
/*******************/
@media(max-width:767px) {
    .header1 {padding: 15px 0 15px 0; min-height: 115px;}
    .header1 h1{font-size: 18px;}
    .header1 .brand img{width: 75px; height: auto;}
    .header1 .container{
        display: inline-block;
        position: relative;
    }
    .header1 .brand p{display: none;}
    .emailbox{display: none;}
    .col-user{display: none;}
    .citybox{position: absolute;
        left: 110px;
        top: 7px;
        margin: 0;
    }
    .col-phone{position: absolute;
        left: 110px;
        top: 0;
        margin-top: 23px;
    }
    
    .phonebox, .phonebox p {margin-bottom: 0;    white-space: nowrap;}
    .phonebox p{margin-top: -4px;}
    

    .ham{position: absolute; top: 0; right: 0; width: 47px; padding: 0;}
    .nav-container .navbar-toggle{border: none;}
    .nav-container .navbar-toggle:hover, .nav-container .navbar-toggle:focus{background: none;}
    .header-menu{flex-direction: column; width: 100%; margin: 15px 0;}
    .nav-container .navbar-collapse, .nav-container .navbar-form{border: none; padding: 0px;}
    .nav-container{min-height: inherit; position: inherit;}
    .nav-container .navbar-header{margin: 0;}

    h2{font-size: 20px;}
    button.btn-success {font-size: 21px;}

    .someimages{flex-direction: column;}
 
 	.banners-partners{text-align: center;}

	.form-info-container h1{text-align: left;}
	.form-info-col-container{display: inline-block; width: 100%;}
	
	.form-info-col-container{flex-wrap: wrap;}
	.form-info-docs {font-size: 14px;}
	
	.form-info-col-container .form-info-col	{padding: 0 15px;}
	.form-info-col-container{padding-bottom: 30px;}

	.tabled1 p{display:block;}
	.tabled1 p b{padding-right: 0px;}

    .qrpage{flex-direction: column-reverse;}
    .qrpage>div:first-child{padding-right: 0px;}
    .qrpage h2{font-size: 30px;}

    a#logo h1 {
        font-size: 21px;
        line-height: 1;
        max-height: 42px;
    }
    h1{font-size: 30px;}
    .wrap > .container {  padding-left: 15px; padding-right: 15px;}
    
    .diktant-header-content {
        padding: 15px 15px 5px 23px;
    }
    .diktant-date {
        width: 118px;
        margin-bottom: 9px;
    }

    .diktant-header {
            height: 155px;
        }
    .diktant-header p {
        font-size: 15px;
        text-align: left;
    }
    .diktant-header-content{
        max-width: 182px;
    }
    .diktant-lines{width: 703px;}
    .testpage{
        background-size: 249px;
    }
    .decor2{margin-left: -300px;}

    .site-signup h1, .site-login h1{
        margin: 0 0px 37px 0px;
        width: 100%;
        text-align: center;
    }

    .thumbs img{width: 100%; margin: 0 auto;}
    .contact_social_container>div{width: 100%; margin-right: 0;}
    
    .first_block_buttons{
        flex-direction: column;
    }
    #first_block .btn{font-size: 30px; height: 80px;}

    .countdown-container{width: 211px; font-size: 25px;}
    .coundoun-subs {
        width: 191px;
        font-size: 11px;     padding: 0 18px;    margin-left: 6px; 
        padding: 0 8px;
        margin-left: 3px;
    }
    .coundoun-subs>div:first-child{padding-right: 8px;}

    .diktant-header-first{
        flex-direction: column;
    }
    .diktant-header{height: auto;}
    .ostalos>div:first-child{font-size: 13px;}

    
    .thumbs-4 .thumb {display: block; text-align: center;     flex-basis: calc(50% - 15px);}

    .compas-logos{flex-wrap: wrap; justify-content:center; padding-bottom: 10px;}
    .compas2025-logo{margin-right: 0;}
    .qr-row{display: block;}
    .ostalos{margin-top: 155px;}
}
@media(max-width:468px) {
        .ostalos{margin-top: 110px;}
        .diktant-header-text2-1 span{display: block;}
        .diktant-header-content {
            max-width: 160px;
        }
        .banners-partners a{margin: 0 0px 15px 0 !important;}
        a#logo h1 {
            font-size: 16px;
            line-height: 16px;
            max-height: 48px;
        }

        div#hat-page{flex-direction: column; height: auto;}
        .header-phone{padding: 6px 0 6px 0;
            text-align: right;
        }
        .header-phone a{margin-right: 10px;}

        .diktant-btn{
        	font-size: 12px !important;
        	margin-top: 86px;
        }
}