.wh {position: fixed; top: 1px; left: 1px; z-index: 9999; background: #fff; padding: 1px; font-size: 11px}

@media screen and (max-width:1390px){
	.owl-nav {display: none;}
}

@media screen and (max-width:1256px){
	.banner-concurs__content {
		padding-left: 0;
	}
	.wh {background: black; color: #fff}

	.site-header .menu li a {font-size: 21px}

	.step-1 li .entry {padding-left: 0; width: 440px}
	
	.step-3-item {width: 32%; margin-left: 2%}

	.step-8-item {width: 49%}

	.step-8 li {margin-right: 2%}

	.step-9 li {margin-right: 2%}

	.step-11b .content .title br {display: none}
	.step-11b .content .text {padding-top: 15px}

	.site-footer .side {padding-left: 0}
	.site-footer .avanta {padding-left: 0}
	.slider-nav { display: none; }
}
@media screen and (max-width:1116px){
	.step-2 .basic .img img {  max-width: 67%; }
	.as-list { margin-top: 40px; }
	.as-header__logo {
		width: 45%;
		background-size: contain;
	}
	.as-header__content {
		padding-left: 45%;
		font-size: 1.65vw;
	}
	.as-list__item {
		font-size: 1.7vw;
	}
	.as-list__item p {
		/*font-size: 1.2em;*/
		font-size: 18px;
	}
	.ma-wrapp { position: static; }
	.feedback-form { font-size: 1.5vw; }
	.wh {background: red; color: #fff}

	.site-header .menu li a {font-size: 19px}

	.step-2 .question .title {font-size: 30px}

	.step-3b .title {padding-left: 20px}
	.step-3b .form {margin-left: 20px; margin-right: 20px}

	.step-11b .content {right: 35%}
	.step-11b .alert .text {font-size: 26px}

	.step-12 li {width: 48%; margin-right: 4%}
	.step-12 li:nth-child(2n+2) {margin-right: 0}
	.step-12 li .img {height: auto}
	.step-12 li .entry {background: none; margin: 0; padding: 20px 0 0}
	.step-12 li .text {padding-top: 15px}
}
@media screen and (max-width:1016px){
	.step-3b .form button {right: 0; top: 22px;}
	.as-list__item:before {
		background-size: contain;
		height: 12vw;
	}
	.wh {background: red; color: blue}

	.site-header .menu li a {font-size: 17px}

	.step-2 .basic .text {font-size: 24px}

	.step-3-item .tbl {height: 268px}

	.step-3a .logo img {width: 204px}
	.step-3a .title {font-size: 26px}
	.step-3a .title sup {top: -8px; font-size: 18px}

	.step-3b .inner {height: 268px}
	.step-3b .title {padding-top: 15px; font-size: 24px}
	.step-3b .title sup {font-size: 16px}
	.step-3b .form {margin-top: 15px; padding-right: 44px}
	
	.step-3b .foot {height: 36px}
	.step-3b .foot:before {background: url(../i/step3/sc-m.png) no-repeat; width: 54px; height: 40px; right: 33px}

	.step-3c .img img {width: 175px}
	.step-3c .title {font-size: 26px}
	.step-3c .title span {padding-top: 5px}
	.step-3c .title sup {top: -8px; font-size: 18px}

	.step-7b .tab a {font-size: 20px}
	.step-7b .tab a span {height: 56px}

	.step-8-item .entry {padding-right: 15px}
	.step-8-item .title {font-size: 24px}

	.step-11b .content {top: 0}
	.step-11b .alert .text {font-size: 24px}

	.site-footer .menu .col {width: 49%; margin-right: 2%}
}
@media screen and (max-width:916px){	
	.soci { padding: 15px 0 0 15px!important; }
	.soci a {
		width: 30px;
		height: 30px;
	}
	.wh {background: blue; color: #fff}

	.site-header:not(.active) .where {float: none; margin: 0; position: absolute; right: 0px; top: 100%; padding-top: 15px}
	.site-header .menu li a {padding-left: 16px; font-size: 16px}
	.site-header .menu li a:after {width: 10px; height: 10px; margin-top: -5px}

	.step-1 .inner {height: 440px}
	.step-1 li .entry {width: 380px; height: 440px}
	.step-1 li .title {font-size: 40px}
	.step-1 li .text br {display: none}
	.step-1 li .img {height: 440px}

	
	
	.step-2 .question .title {font-size: 24px}
	/*
	.step-2 .basic .text br {display: none}
	.step-2 .question .title br {display: none}
*/
	.step-4 .title br {display: none}

	.step-6 .tab {height: 56px}
	.step-6 .tab a {height: 56px; line-height: 56px; font-size: 20px}

	.step-7b {margin-top: 45px}
	.step-7b .tab {position: static; margin-bottom: 0; text-align: center}
	.step-7b .tab a {width: 24%; border-radius: 10px; margin: 5px 0 0 1.333%; padding: 0 5px; box-sizing: border-box; font-size: 18px}
	.step-7b .tab a span {width: 999px}
	.step-7b .box {padding: 20px 20px 25px; margin-top: 20px}

	.step-10b ul {width: 49%; margin-left: 2%}

	.step-11b .alert .text {font-size: 22px}

	.step-13 li .title {font-size: 26px}
	.step-13 li .text {padding-top: 15px}
	.step-13 li .detail {padding-top: 15px}
	
	.step-14a li {width: 50%}
	.step-14a li > * {height: 140px}
}
@media screen and (max-width:816px){
	.step-3b .form button {right: 0; top: 12px;}
	.step-2 .basic .entry {
		padding-right: 53px;
	}
	.mobile-search-bt {
		position: relative;
		display: block;
		width: 30px;
		height: 30px;
		float: right;
		margin: 15px 15px 0 0;		
		background: #d3e6f5 url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAMAAAAc9R5vAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABPlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AAAC03lweAAAAaHRSTlMAKnWlu7yneDEzwMg8cvz53tz4/oEBfb9KBwVEtJH6Y1b2XAbgWUn96wykkm+xKBfE59jGAraiFLUR6cOzJBZfoY1u4VP77E/3XU7yYoS3QgOtHHr019Y4zUcaNNDMuIU5D8nTFfAQN/WiQfgAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAABBklEQVQoz52R11rCQBBGx14AlVhAsGKJvWHB3mvE3ruAet7/CVw2hiSaK+dm/vnPtzM7uyI6ysorKquqa2rFH3X1/EQo7PUjDcpqbIoaKjW3tJb8NlXH4u0iiWSHkp2OH4eubqfo6YWULfv6YcBtO2gyNKxVCka8A0dhTItxmPCCSZMpLaaZ8d89jTFbzDDnB/OwYIPMH7BYzEu/Wy1j6LwCq15/zSSmxTpseMEmbNkLbsOO6yd32bMXlH04OHT8IwuOnSKrXu7kNCFyFj5X0rooHb80VX11fWPZfxJ1yW3I+ai7+7QiD+7Mx2zm6fnl9U3kPQf5ggTEf0kuCEghz0cgkM/I1zdEAEPWC+V5awAAAABJRU5ErkJggg==') 50% 50% no-repeat;
		border-radius: 5px;		
	}
	.search-form { 
		display: none;
		position: fixed;
		margin-top: 24vh;
		padding: 20px 0;
		border-radius: 8px;
		box-shadow: 0 0 7px 0px rgba(0,0,0,.5);
		text-align: center;
		background-color: #fff;
		z-index: 99999;
	}
	.search-form input[type="text"] {
		border-radius: 0;
		width: 80%;
	}
	.search-form [type="submit"] {
		position: static;
		display: block;
		margin: 0 auto;
		border-radius: 8px;
		width: 80%;
		background: #fa4c06;
	}
	.search-form [type="submit"]:before {
		content: 'Найти';
	}
	.search-form .search-form-close {
		display: inline-block;
		position: absolute;
		top: -3px;
		right: 7px;
		line-height: 1em;
		font-size: 2em;
		color: #fa4c06;
	}
	.wh {background: orange; color: #fff}

	/* .viewport-wrapper {padding-top: 57px} */

	H1 {font-size: 40px}
	H1 sup {top: -12px; font-size: 26px}
	.article-body H2 {font-size: 28px}
	H3 {font-size: 28px}

	.mobile-menu-bt {display: block}

	.site-header {height: 54px !important; border-bottom: 3px solid #ff0000}
	.site-header .top {height: 54px !important}
	.site-header .contacts {display: none}
	.site-header .logo {top: 8px !important}
	.site-header .logo img {width: 82px !important}
	.site-header .where {display: none}
	.site-header .r {float: left}
	.site-header .lang {float: none; margin: 0 !important; line-height: 54px}
	.site-header .msg {display: none}
	.site-header .menu {display: none}

	.site-body {padding-top: 30px; padding-bottom: 30px;}

	.step-2b {margin-top: 36px}

	.step-3 {padding-top: 36px}

	.step-3-item {width: 48%; margin: 0 0 30px 4%}

	.step-3c {float: none; clear: both; margin: 0 auto}

	.step-4 {margin-top: 36px}

	.step-5 .intro {padding-top: 15px; font-size: 20px}
	.step-5 ul {padding-top: 40px}
	.step-5 li {padding-top: 30px}
	.step-5 li .title {font-size: 24px}
	.step-5 li .text {padding-top: 10px}
	.step-5 li .detail {padding-top: 10px}

	.step-6 .tab {padding: 30px 0 0; margin: 0; height: auto; text-align: center}
	.step-6 .tab:before {display: none}
	.step-6 .tab a {float: none; display: inline-block; vertical-align: top; border-radius: 10px; padding: 0 15px; margin: 10px 5px 0 !important; font-size: 18px}
	.step-6 .img {margin-top: 30px}
	.step-6 .print {margin-top: 25px}

	.step-8-item .tbl {padding: 20px 0 30px}
	.step-8-item .img {height: auto}
	.step-8-item .entry {height: auto}

	.step-8 .subtitle {font-size: 30px}
	.step-8 .subtitle sup {font-size: 18px}
	.step-8 ul {padding-top: 20px}
	.step-8 li {float: none; width: auto; margin-right: 0}

	.step-9 .intro {padding-top: 15px; font-size: 20px}
	.step-9 ul {padding-top: 10px}
	.step-9 li {float: none; width: auto; margin-right: 0}

	.step-10a {padding-top: 30px}
	.step-10a .img {display: block; width: auto}
	.step-10a .entry {display: block; padding-top: 25px}
	.step-10a .text {/*padding-top: 15px*/}

	.step-10b {padding-top: 35px}

	.step-10c {padding-top: 35px}

	.step-10d {padding-top: 40px}
	.step-10d .intro .img {width: 240px}
	.step-10d .list {padding-top: 30px}

	.step-11a {margin-top: 30px}
	.step-11a .content .tbl {padding: 20px 0 20px 30px}
	.step-11a .content .title {font-size: 26px}
	.step-11a .content .text {padding-top: 15px}

	.step-11b {margin-top: 36px}
	.step-11b .block {width: auto; float: none}
	.step-11b .content {position: static; padding: 20px 0 0; text-align: left}
	.step-11b .content:before {display: none}
	.step-11b .content .tbl {display: block}
	.step-11b .content .title {font-size: 26px}
	.step-11b .content .text {padding-top: 10px}
	.step-11b .img {max-width: 400px; text-align: left}
	.step-11b .alert {width: auto; float: none; padding: 0; margin-top: 20px}
	.step-11b .alert:before {top: 0}
	.step-11b .alert .text {padding-top: 0; display: table-cell; width: 999px; height: 360px; vertical-align: middle; text-align: center; font-size: 26px}

	.step-11c {margin-top: 36px}

	.step-12 {margin-top: 0}
	.step-12 li .title {font-size: 26px}

	.step-13 .intro {padding-top: 15px; font-size: 20px}
	.step-13 ul {margin-top: 30px}
	.step-13 li {margin-top: 36px}

	.site-footer {background: #d3e6f5; margin-top: 45px}
	.site-footer .body {padding: 20px 0}
	.site-footer .side {float: none; width: auto}
	.site-footer .menu {float: none; width: auto; padding-top: 30px}
}

@media screen and (max-width:768px){

	/*main slider*/
	.slide-item .wrapper{
		flex-direction: column-reverse;
		max-height: 465px;
		padding: 15px 0;
		
	}
	
	.slide-item .wrapper.only-image{
		height: 100%;
		justify-content: center;
	}
	
	
	.slide-item{
		/*max-height: 440px;*/
		/*height: 410px;*/
		height: 510px;
	}
	
	.sl-block-1, .sl-block-2{
		height: auto;
		display: block;

	}
	
	.sl-block-1{
		padding-left: 15px;
		padding-right: 15px;
		width: auto;
	}
	
	.sl-block-2{
		text-align: center;
		margin-bottom: 15px;
	}
	
	.sl-block-1 .text{
		font-size: 14px;
		height: 60px;
	}
	
	.sl-block-2 .img{
		text-align: center;
	}
	
	.sl-block-2 img{
		width: auto !important;
		max-height: 280px;
		display: inline-block !important;
	}
	
	.sl-block-2.only-image img{
		max-height: 320px;
	}
	
	.sl-block-1 .title{
		font-size: 30px;
		text-align: center;
	}
	
	.sl-block-1 .text{
		text-align: center;
	}
	
	.sl-block-1 .detail{
		text-align: center;
	}
	/*end of main slider*/
		
	.art-img{
		max-width: none;
		width: 100%;
	}

}

@media screen and (max-width:716px){
	.banner-concurs {
		height: auto;
		background-size: 452px;
		background-position: 100% top;
	}
	
	.banner-concurs__content {
		padding: 180px 0 0 0;
		font-size: 3.8vw;
	}
	.banner-concurs__content p {
		padding-top: 2vw;
	}
	.banner-concurs__buttons { text-align: center; }
	.banner-concurs__buttons .button:first-child {
		margin: 0 0 10px 0;
	}
	.banner-concurs__content br { display: none; }
	.as-header__content {
		padding-left: 0;
	}
	.as-header__row1 {
		position: relative;
		padding-left: 50%;
		text-align: left;
		font-size: 6vw;
		padding-bottom: 13vw;
	}
	.as-header__row1 a {
		display: block;
		width: 100%;
		position: absolute;
		bottom: -11px;
		left: 0;
		text-align: center;
		font-size: 11vw;
	}
	.as-header__row2 {
		/*font-size: 4.5vw;*/
		font-size: 18px;
	}
	.as-list {
		border-bottom: none;
		border-top: 2px solid #133595;
		padding-top: 6vw;
		padding-bottom: 0;
	}
	.as-list__item {
		position: relative;
		float: none;
		width: 100%;
		padding: 0;
		font-size: 4vw;
		border-bottom: 2px solid #133595;
		padding-bottom: 6vw;
		margin-bottom: 6vw;
	}
	.as-list__item:before {
		position: absolute;
		top: 0;
		width: 17vw;
		height: 17vw;
	}
	.as-list__item:after { display: none; }
	.as-list__title {
		padding-left: 17vw;
	}
	.as-list__item--1:before {
		left: 12vw;
	}
	.as-list__item--2:before {
		left: 17vw;
	}
	.as-list__item--3:before {
		left: 17vw;
	}
	.as-list__item--4:before {
		left: 12vw;
	}
	.as-list__item p {
		padding-top: 4vw;
	}
	.as-title {
		/*font-size: 5.5vw;*/
		font-size: 30px;
		padding-top: 0;
	}
	.as-content {
		/*font-size: 5vw;*/
		padding-top: 5vw;
		font-size: 18px;
	}
	.as-warning {
		/*font-size: 6vw;*/
		font-size: 18px;
	}
	.as-button a {
		font-size: 9vw;
		padding: 6vw 0;
		width: 100%;
	}
	.slider .wrapper { min-height: 347px; }
	.school_slide, .cream_everyday { height: 347px; }
	.aseries-video  {
		max-width: 100%;
	}
	.wh {background: green; color: #fff}

	.step-1 {padding-top: 15px}
	.step-1 .slider {padding-bottom: 50px}
	.step-1 .inner {position: relative; height: auto}
	.step-1 li .tbl {display: block; width: auto}
	.step-1 li .entry {display: block; width: auto; height: auto; padding-top: 180px}
	.step-1 li .title {padding-top: 20px; font-size: 30px}
	.step-1 li .text {padding-top: 10px}
	.step-1 li .detail {padding-top: 15px; text-align: center}
	.step-1 li .detail br { display: none; }
	.step-1 li .img {display: block; height: 180px; position: absolute; left: 0; right: 0; top: 0px}

	.step-2 {margin-top: 30px}
	.step-2 .table {display: block; width: auto}
	.step-2 .basic {position: relative; max-width: 610px; margin: auto; display: block; width: auto; padding-bottom: 36px}
	.step-2 .basic .entry {position: static; width: auto; padding: 0; background: none; margin: 10px 0 0}
	.step-2 .basic .inner {display: block; width: auto; height: auto;}
	.step-2 .basic .detail {margin-top: 10px; text-align: center}
	.step-2 .basic .img {text-align: center}
	/*
	.step-2 .question {width: 999px; height: 294px; padding: 0}
	*/
	.step-2 .question {
		display: block;
		width: 100%;
		padding: 0;
		height: auto;
	}
	.step-2 .question .title {font-size: 30px}
	/*
	.step-2 .question .title br {display: none}
*/
	.step-4 .content {position: static; margin: 0; padding: 10px 0 0 !important; background: none}
	.step-4 .tbl {display: block; width: auto !important; height: auto; text-align: left !important}
	.step-4 .detail {padding-top: 10px; text-align: center !important}

	.step-7a {display: block; width: auto}
	.step-7a .img {position: relative; display: block; width: auto; max-width: 360px; margin: auto; text-align: center}
	.step-7a .entry {display: block; width: auto; text-align: center}
	.step-7a .text {padding-top: 20px; max-width: none}
	.step-7a .bt {padding-top: 5px}
	.step-7a .bt a {float: none}

	.step-7b .tab a {font-size: 16px}

	.step-10b ul {width: auto; float: none; margin-left: 0}
	.step-10b li {margin-top: 20px}

	.step-11a .content {position: static}
	.step-11a .content:before {display: none}
	.step-11a .content .tbl {display: block; background: none; padding: 20px 0 0}

	.step-13 li .content {position: static; padding: 20px 0 0}
	.step-13 li .content:before {display: none}
	.step-13 li .tbl {display: block; background: none; padding: 0 !important}
	.step-13 li .detail {padding-top: 10px}
	.step-13 li:nth-child(2n+2) .img {text-align: left}
	.step-13 li:nth-child(2n+2) .tbl {text-align: left}

	.step-14b .choice {font-size: 24px}
	.step-14b .choice .sel {display: block; margin: 10px 0 0}
	.step-14b .block {margin-top: 0}
	.step-14b .sizer {width: 0}
	.step-14b .item {width: 100%}
	.step-14b .item .title {font-size: 24px}

	.site-footer .foot {height: auto; padding-bottom: 28px}
	.site-footer .contacts {float: none; line-height: normal}
	.site-footer .r {float: none; padding-top: 25px}
	.site-footer .avanta {padding: 0}
	.site-footer .copy {line-height: 44px}
}
@media screen and (max-width:616px){
	.step-3b .form button {right: 0; top: 8px;}
	.school_slide { 
		background-image: url(../files/schoole-slide-min.jpg); 
		//background-size: cover;
		height: 441px;
	}
	.school_slide1 { 
		background-image: url(../files/AtopicApp-mob.jpg); 
		//background-size: cover;
		height: 441px;
	}
	.cream_everyday {
		background-image: url(../files/atopic-200-mob.png); 
		background-size: cover;
		height: 441px;
	}
	.slider .wrapper { min-height: 441px; }
	.left-col, .feedback-form{ 
		float: none;
		width: 100%;
		font-size: 1em;
	}
	.feedback-form { margin-top: 2em; }
	.wh {background: yellow; color: #000}

	H1 {font-size: 36px}
	H1 sup {top: -11px; font-size: 18px}

	.step-3b .title {padding-left: 15px; padding-right: 5px}
	.step-3b .form {margin-left: 15px; margin-right: 15px}

	.step-4 .title {font-size: 24px}
	.step-4 .title sup {top: -6px; font-size: 16px}

	.step-10d .intro .img {display: block; width: auto; text-align: left}
	.step-10d .intro .entry {display: block; padding-top: 25px}
	.step-10d .list ul {width: auto; float: none; margin: 20px 0 0}
	.step-10d .list ul:first-child {margin-top: 0}
	.step-10d .list li {margin-top: 20px}

	.step-14a .intro {padding-top: 10px; font-size: 20px}

	.site-footer .menu .col {float: none; width: auto; margin-right: 0; padding-top: 7px}
	.site-footer .menu .col:first-child {padding-top: 0}
}
@media screen and (max-width:516px){
	.ma-wrapp ul {
		display: flex;
		flex-direction: column;
		align-items: center;
	}	
	.map-intro {
		margin: 20px 0 10px 0!important;
		font-size: 7vw;
	}
	#map { height: 40vh; }
	#apt-list li {
		width: 100%;
	}
	.wh {background: silver; color: #000}

	.step-3-item {float: none; width: auto; margin: 30px 0 0}
	.step-3-item:first-child {margin-top: 0}

	.step-6 .tab a {padding: 0 10px; height: 44px; line-height: 44px; font-size: 16px}

	.step-7b .tab a {width: 49%; margin-left: 0; margin-right: 2%}
	.step-7b .tab a:nth-child(2n+2) {margin-right: 0}

	.step-8-item .tbl {display: block; width: auto}
	.step-8-item .img {display: block; width: auto}
	.step-8-item .entry {display: block; width: auto; padding: 15px 10px 0; text-align: center}
	.step-8-item .text {padding-top: 15px}
	.step-8-item .detail {padding-top: 15px}

	.step-12 li {float: none !important; width: auto; margin-right: 0}

	.step-14a li > * {height: 110px}
	.nav-buttons a {
		float: none;
		display: block;
		margin: 0;
		text-align: center;
	}
	.nav-buttons .nav-buttons__left {
		margin-left: 16px;
		margin-bottom: 24px;
	}
	.nav-buttons .nav-buttons__right {
		margin-right: 16px;
	}
	
	.slide-item{
		/*height: 460px;*/
		height: 510px;
	}
	
	.sl-block-2.empty-block{
		min-height: 180px;
	}
	
	.slide-item .wrapper{
		height: 100%;
		justify-content: space-evenly;
	}
	
}

/*@media screen and (max-width:499px){
	.section-reviews::before, .section-reviews::after{
		height: 120rem;
	}	
}*/

@media screen and (max-width:416px){
	.wh {background: silver; color: blue}
	.sl-block-1 .text{height: 85px;}
	.slide-item{
		height: 530px;
	}
}

@media screen and (max-width:395px){
	.site-body.prod-sect-index {padding-top: 45px;}
}

@media screen and (max-width:365px){
	.site-body.prod-sect-index {padding-top: 24px;}
}

@media screen and (max-width:375px){
	.soci { padding: 15px 0 0 0 !important; }
	.soci .soci__ins {margin-left: 3px;}
	.soci .soci__ok {margin-left: 3px;}
}

@media screen and (max-width:366px){
	.wh {background: silver; color: #fff}
}