/* Start:/bitrix/templates/vtire/components/bitrix/menu/top-menu/style.css?178756288410142*/
@media only screen and (min-width: 1621px) {
	
div.dl-menuwrapper button{ display: none; }
ul.dl-menu {
  list-style: none; /*убираем маркеры списка*/
  margin: 0; /*убираем отступы*/
  display: flex; justify-content: center;
}
ul.dl-menu > li{ line-height: 1; padding: 12px 3px; }
ul.dl-menu > li > a{ background: #ffd600; font-size: 14px; color: #000; text-transform: uppercase; padding: 12px 16px; font-weight: 700; text-decoration: none; }
ul.dl-menu > li > a:hover { background: #ff9800; }
li{ position:relative; /*задаем позицию для позиционирования*/ }
/*Стили для скрытого выпадающего меню*/
li > ul.dl-submenu{ position:absolute; top: 40px; left: -37px; display: none; }
/*Делаем скрытую часть видимой*/
li:hover > ul.dl-submenu{ display:block; width:150px; list-style: none; }
li:hover > ul.dl-submenu > li.dl-back{ display: none; }
li:hover > ul.dl-submenu > li{ padding: 3px 0px; line-height: 1; display: flex; align-items:  }
li:hover > ul.dl-submenu > li > a{ background: #ffd600; font-size: 14px; color: #000; text-transform: uppercase; padding: 12px 16px; font-weight: 700; text-decoration: none; width: 150px; display: block; }
li:hover > ul.dl-submenu > li > a:hover{ background: #ff9800; }

ul.dl-animate-in-1{ display: none; }
}
@media only screen and (min-width: 1000px) and (max-width: 1620px) {
	
div.dl-menuwrapper button{ display: none; }

ul.dl-menu {
  list-style: none; /*убираем маркеры списка*/
  margin: 0; /*убираем отступы*/
  display: flex; justify-content: center;
}
ul.dl-menu > li{ line-height: 1; padding: 5px 3px; }
ul.dl-menu > li > a{ background: #ffd600; font-size: 13px; color: #000; text-transform: uppercase; padding: 5px 7px; font-weight: 700; text-decoration: none; white-space: pre-line; display: block; text-align: center; min-height: 29px; display: flex; align-items: center; }
ul.dl-menu > li > a:hover { background: #ff9800; }
li{ position:relative; /*задаем позицию для позиционирования*/ }
/*Стили для скрытого выпадающего меню*/
li > ul.dl-submenu{ position:absolute; top: 45px; left: -37px; display: none; }
/*Делаем скрытую часть видимой*/
li:hover > ul.dl-submenu{ display:block; width:150px; list-style: none; }
li:hover > ul.dl-submenu > li.dl-back{ display: none; }
li:hover > ul.dl-submenu > li{ padding: 3px 0px; line-height: 1; }
li:hover > ul.dl-submenu > li > a{ background: #ffd600; font-size: 14px; color: #000; text-transform: uppercase; padding: 12px 16px; font-weight: 700; text-decoration: none; width: 150px; display: block; }
li:hover > ul.dl-submenu > li > a:hover{ background: #ff9800; }

ul.dl-animate-in-1{ display: none; }

}
@media only screen and (min-width: 320px) and (max-width: 999px) {

/* Common styles of menus */

.dl-menuwrapper {
	width: 100%;
	max-width: 300px;
	float: left;
	position: relative;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	-moz-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
	padding: 24px 0 0 25px;
}

.dl-menuwrapper:first-child {
	/*margin-right: 100px;*/
}


.dl-menuwrapper button {
	background: #ccc;
	border: none;
	width: 44px;
	height: 40px;
	text-indent: -900em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
	background: #aaa;
}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 68%;
	height: 4px;
	background: #000;
	top: 10px;
	left: 16%;
	box-shadow: 
		0 9px 0 #000, 
		0 18px 0 #000;
}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(212,204,198,0.3);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
	margin: 5px 0 0 0;
	position: absolute;
	width: 250px;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 250px;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
	width: 250px;
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
	width: 250px;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	-moz-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

@-webkit-keyframes MenuAnimOut1 {
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut1 {
	50% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-moz-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	50% {
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	-moz-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}


@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}


@-moz-keyframes MenuAnimIn1 {
	0% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-moz-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}


.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	-moz-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}


@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}


@-moz-keyframes SubMenuAnimIn1 {
	0% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}


.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	-moz-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}


@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}


@-moz-keyframes SubMenuAnimOut1 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
}


@keyframes SubMenuAnimOut1 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(50%);
		opacity: 0;
	}
}


/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}

/* Colors for demos */

.dl-menuwrapper button {
	background: #ffd600;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
	background: #ff8a00;
}

}






/* End */


/* Start:/bitrix/templates/vtire/components/bitrix/menu/bottom-menu/style.css?1787562884777*/
@media only screen and (min-width: 700px) {
 div.bottom-menu-container{ display: flex; justify-content: center; width: 600px; }
 div.bottom-menu-container .item{ line-height: 1; padding: 0 12px; font-weight: 700; font-size: 16px; }
 div.bottom-menu-container .item a{ color: #fff; text-decoration: none; }
 div.bottom-menu-container .item a:hover{ color: #fffc00; }
}
@media only screen and (min-width: 320px) and (max-width: 699px) {
 div.bottom-menu-container{ display: flex; flex-wrap: wrap; }
 div.bottom-menu-container .item{ width: 100%; line-height: 1; text-align: center; font-weight: 700; font-size: 20px; padding: 0 0 25px 0; }
 div.bottom-menu-container .item a{ color: #fff; text-decoration: none; }
 div.bottom-menu-container .item a:hover{ color: #fffc00; }
}




/* End */


/* Start:/bitrix/templates/vtire/components/bitrix/form.result.new/course/style.css?17875628848696*/
@media only screen and (min-width: 1621px) {
 div.form-course{ display: flex; flex-wrap: wrap; width: 620px; padding: 40px 0 0 0; }
 div.form-course div.title{ line-height: 1; font-family: Merriweather, sans-serif; font-size: 36px; color: #000; font-weight: 700; padding: 0 0 55px 0; width: 100%; }
 div.form-course div.title span{ text-transform: uppercase; }
 div.form-course div.item{ width: 50%; }
 div.form-course div.item div.item-container{ padding: 0 37px 30px 0; } 
 div.form-course div.item div.item-container div.name{ padding: 0 0 9px 0;line-height: 1; }
 div.form-course div.submit{ width: 100%; position: relative; display: flex; justify-content: flex-end; padding: 0 37px 0 0; }
 div.form-course div.submit .politics{ position: absolute; left: 0px; top: 0px; font-size: 14px; color: #000; width: 420px; }
 div.form-course div.submit .politics a{ color: #000; }
 div.form-course div.submit input{ border-radius: 0px; -webkit-appearance: none; -webkit-border-radius: 0; cursor: pointer; background: #ffd600; border: 1px solid #ffd600; padding: 10px 40px; margin: 0px; font-size: 16px; color: #000; text-transform: uppercase; font-weight: 700; }
 div.form-course div.submit input:hover{ background: #ff8a00; border: 1px solid #ff8a00; padding: 10px 40px; }
 
 div.form-course div.item-captcha{ width: 100%; }
 div.form-course div.item-captcha .item-container{ padding: 0 37px 30px 0; }
 div.form-course div.item-captcha .item-container .name{ padding: 0 0 9px 0;line-height: 1; }
 div.form-course div.item-captcha .item-container .punkt{ display: flex; }
 div.form-course div.item-captcha .item-container .punkt .container{ padding: 0 10px; }
}


@media only screen and (min-width: 1200px) and (max-width: 1620px) {
 div.form-course{ display: flex; flex-wrap: wrap; width: 620px; }
 div.form-course div.title{ line-height: 1; font-family: Merriweather, sans-serif; font-size: 30px; color: #000; font-weight: 700; padding: 0 0 35px 0; width: 100%; }
 div.form-course div.title span{ text-transform: uppercase; }
 div.form-course div.item{ width: 50%; }
 div.form-course div.item div.item-container{ padding: 0 37px 10px 0; } 
 div.form-course div.item div.item-container div.name{ padding: 0 0 9px 0;line-height: 1; }
 div.form-course div.submit{ width: 100%; position: relative; display: flex; justify-content: flex-end; padding: 0 37px 0 0; }
 div.form-course div.submit .politics{ position: absolute; left: 0px; top: 0px; font-size: 14px; color: #000; width: 420px; }
 div.form-course div.submit .politics a{ color: #000; }
 div.form-course div.submit input{ border-radius: 0px; -webkit-appearance: none; -webkit-border-radius: 0; cursor: pointer; background: #ffd600; border: 1px solid #ffd600; padding: 10px 40px; margin: 0px; font-size: 16px; color: #000; text-transform: uppercase; font-weight: 700; }
 div.form-course div.submit input:hover{ background: #ff8a00; border: 1px solid #ff8a00; padding: 10px 40px; }
 
 div.form-course div.item-captcha{ width: 100%; }
 div.form-course div.item-captcha .item-container{ padding: 0 37px 30px 0; }
 div.form-course div.item-captcha .item-container .name{ padding: 0 0 9px 0;line-height: 1; }
 div.form-course div.item-captcha .item-container .punkt{ display: flex; }
 div.form-course div.item-captcha .item-container .punkt .container{ padding: 0 10px; }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
 div.form-course{ display: flex; flex-wrap: wrap; width: 100%; }
 div.form-course div.title{ line-height: 1; font-family: Merriweather, sans-serif; font-size: 24px; color: #000; font-weight: 700; padding: 0 0 45px 0; width: 100%; }
 div.form-course div.title span{ text-transform: uppercase; }
 div.form-course div.item{ width: 100%; }
 div.form-course div.item div.item-container{ padding: 0 10px 20px 10px; } 
 div.form-course div.item div.item-container div.name{ padding: 0 0 9px 0;line-height: 1; }
 div.form-course div.submit{ width: 100%; display: flex; flex-wrap: wrap; }
 div.form-course div.submit .politics{ font-size: 12px; color: #000; order: 1; padding: 0 0px 20px 0; }
 div.form-course div.submit .politics a{ color: #000; }
 div.form-course div.submit input{ border-radius: 0px; -webkit-appearance: none; -webkit-border-radius: 0; order: 2; cursor: pointer; background: #ffd600; border: 1px solid #ffd600; padding: 10px 40px; margin: 0px; font-size: 16px; color: #000; text-transform: uppercase; font-weight: 700; }
 div.form-course div.submit input:hover{ background: #ff8a00; border: 1px solid #ff8a00; padding: 10px 40px; }
}
@media only screen and (min-width: 500px) and (max-width: 767px) {
 div.form-course{ display: flex; flex-wrap: wrap; width: 330px; }
 div.form-course div.title{ line-height: 1; font-family: Merriweather, sans-serif; font-size: 24px; color: #000; font-weight: 700; padding: 0 0 45px 0; width: 100%; }
 div.form-course div.title span{ text-transform: uppercase; }
 div.form-course div.item{ width: 100%; }
 div.form-course div.item div.item-container{ padding: 0 37px 20px 0; } 
 div.form-course div.item div.item-container div.name{ padding: 0 0 9px 0;line-height: 1; }
 div.form-course div.submit{ width: 100%; display: flex; flex-wrap: wrap; }
 div.form-course div.submit .politics{ font-size: 12px; color: #000; order: 1; padding: 0 37px 20px 0; }
 div.form-course div.submit .politics a{ color: #000; }
 div.form-course div.submit input{ border-radius: 0px; -webkit-appearance: none; -webkit-border-radius: 0; order: 2; cursor: pointer; background: #ffd600; border: 1px solid #ffd600; padding: 10px 40px; margin: 0px; font-size: 16px; color: #000; text-transform: uppercase; font-weight: 700; }
 div.form-course div.submit input:hover{ background: #ff8a00; border: 1px solid #ff8a00; padding: 10px 40px; }
}
@media only screen and (min-width: 320px) and (max-width: 499px) {
 div.form-course{ display: flex; flex-wrap: wrap; width: 100%; }
 div.form-course div.title{ line-height: 1; font-family: Merriweather, sans-serif; font-size: 12px; color: #000; font-weight: 700; padding: 0 0 45px 0; }
 div.form-course div.title span{ text-transform: uppercase; }
 div.form-course div.item{ width: 100%; }
 div.form-course div.item div.item-container{ padding: 0 10px 10px 10px; } 
 div.form-course div.item div.item-container div.name{ padding: 0 0 9px 0;line-height: 1; }
 div.form-course div.submit{ width: 100%; display: flex; flex-wrap: wrap; }
 div.form-course div.submit .politics{ font-size: 12px; color: #000; order: 1; padding: 0 0px 20px 0; }
 div.form-course div.submit .politics a{ color: #000; }
 div.form-course div.submit input{ border-radius: 0px; -webkit-appearance: none; -webkit-border-radius: 0; order: 2; cursor: pointer; background: #ffd600; border: 1px solid #ffd600; padding: 10px 40px; margin: 0px; font-size: 16px; color: #000; text-transform: uppercase; font-weight: 700; }
 div.form-course div.submit input:hover{ background: #ff8a00; border: 1px solid #ff8a00; padding: 10px 40px; }
}



div.form-course div.item input{ 
display: block; 
font-size: 16px; 
font-family: sans-serif; 
color: #000; 
line-height: 1.3; 
padding: .5em 1.4em .4em .8em; width: 100%; 
max-width: 100%; 
box-sizing: border-box; 
margin: 0; 
border: 1px solid #f09a1c;
box-shadow: 0 1px 0 1px rgba(0,0,0,.04); 
}

div.form-course div.item select { 
display: block; 
font-size: 16px; 
font-family: sans-serif; 
color: #000; 
line-height: 1.3; 
padding: .5em 1.4em .4em .8em; width: 100%; 
max-width: 100%; 
box-sizing: border-box; 
margin: 0; 
border: 1px solid #f09a1c;
box-shadow: 0 1px 0 1px rgba(0,0,0,.04); 
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
background-color: #fff; 
background-image: url('/bitrix/templates/vtire/components/bitrix/form.result.new/course/images/arrow.png'), linear-gradient(to bottom, #ffffff 0%,#f5f4ee 100%); 
background-repeat: no-repeat, repeat;
background-position: right .7em top 50%, 0 0;
} 
 select::-ms-expand { display: none; } 
 select:hover { border-color: #888; } 
 select:focus { border-color: #aaa; 
 box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
 box-shadow: 0 0 0 3px -moz-mac-focusring; 
color: #222;
 outline: none; 
} 
 select option { font-weight:normal; } 
 *[dir="rtl"] select, :root:lang(ar) select, :root:lang(iw) select { 
background-position: left .7em top 50%, 0 0; 
padding: .6em .8em .5em 1.4em; 
}
div.form-course input.inputtext{ 
display: block; 
font-size: 16px; 
font-family: sans-serif; 
color: #000; 
line-height: 1.3; 
padding: .5em 1.4em .4em .8em; width: 100%; 
max-width: 100%; 
box-sizing: border-box; 
margin: 0; 
border: 1px solid #f09a1c;
box-shadow: 0 1px 0 1px rgba(0,0,0,.04); 
}


/* End */


/* Start:/bitrix/templates/vtire/components/bitrix/main.userconsent.request/main-form/user_consent.min.css?17875628843718*/
.main-user-consent-request a{cursor:pointer}.main-user-consent-request-popup{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.5);overflow:hidden;z-index:9000}.main-user-consent-request-popup-cont{min-height:290px;position:absolute;top:50%;left:50%;margin:0 auto;padding:20px;min-width:320px;width:100%;max-width:600px;background:#fff;text-align:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-border-radius:5px;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:auto}.main-user-consent-request-popup-header{margin:0 0 10px 0;font:normal 18px "Helvetica Neue",Arial,Helvetica,sans-serif;color:#000;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:260px}.main-user-consent-request-popup-textarea-block{margin:0 0 20px 0}.main-user-consent-request-popup-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-user-consent-request-popup-button{display:inline-block;height:39px;margin:0 10px 5px 0;padding:0 18px;border:0;border-radius:2px;font:normal 12px/39px "Helvetica Neue",Helvetica,Arial,sans-serif;color:#535c69;outline:0;vertical-align:middle;text-decoration:none;text-transform:uppercase;text-shadow:none;white-space:nowrap;-webkit-font-smoothing:antialiased;-webkit-transition:background-color .2s linear,color .2s linear;transition:background-color .2s linear,color .2s linear;cursor:pointer}.main-user-consent-request-popup-button-acc{background:#bbed21}.main-user-consent-request-popup-button-acc:hover{background:#d2f95f}.main-user-consent-request-popup-button-rej{-webkit-box-shadow:inset 0 0 0 1px #a1a6ac;box-shadow:inset 0 0 0 1px #a1a6ac;background:0}.main-user-consent-request-popup-button-rej:hover{background:#cfd4d8}.main-user-consent-request-popup-text{border:1px solid #999;overflow:auto;padding:8px;text-align:left;color:#545454}.main-user-consent-request-popup-link{height:130px;display:flex;justify-content:center;align-items:center;flex-direction:column}.main-user-consent-request-popup-link a{display:block;margin:20px 0 0 0;text-overflow:ellipsis;overflow:hidden;max-width:260px}.main-user-consent-request-loader{position:relative;height:100px;width:100px;margin:0 auto;-webkit-transform:translate(0,50%);transform:translate(0,50%)}.main-user-consent-request-path{stroke:#80868e;stroke-dasharray:100,200}.main-user-consent-request-loader:before{content:'';display:block;padding-top:100%}.main-user-consent-request-circular{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:inherit;width:inherit;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;-webkit-transform-origin:center center;transform-origin:center center}.main-user-consent-request-path{stroke:#ccc;stroke-dasharray:60,200;stroke-dashoffset:0;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}.main-user-consent-request-announce{color:#333;font-size:13px;line-height:15px}.main-user-consent-request-announce-link{cursor:pointer}@keyframes rotate{100%{transform:rotate(360deg)}}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg)}}@media(min-width:1000px){.main-user-consent-request-popup-cont{min-height:400px;min-width:640px}.main-user-consent-request-popup-header{max-width:590px}.main-user-consent-request-popup-text,.main-user-consent-request-popup-link{height:240px}.main-user-consent-request-popup-link a{max-width:200px}}@media(max-width:768px){.main-user-consent-request-popup-cont{height:100%}}
/* End */


/* Start:/bitrix/templates/vtire/styles.css?17875628843642*/

@media only screen and (min-width: 1621px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1620px) {
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
}




.modalbackground {
margin: 0; /* убираем отступы */
padding: 0; /* убираем отступы */
position: fixed; /* фиксируем положение */
top:0; /* растягиваем блок по всему экрану */
bottom:0;
left:0;
right:0;
background: rgba(0,0,0,0.5); /* полупрозрачный цвет фона */
z-index:100; /* выводим фон поверх всех слоев на странице браузера */
opacity:0; /* Делаем невидимым */
pointer-events: none; /* элемент невидим для событий мыши */
}

/* при отображении модального окно - именно здесь начинается магия */
.modalbackground:target {
    opacity: 1; /* делаем окно видимым */ 
    pointer-events: auto; /* элемент видим для событий мыши */
}

/* ширина диалогового окна и его отступы от экрана */
.modalwindow{ position: relative; }
.modal-form-main{  
    width: 100%;
    max-width: 400px;
    margin: 10% auto;
    padding: 2%;
    background: #f8f2e3;
    border-radius: 10px;
}
.modal-course{

    width: 100%;
    max-width: 600px;
	height: 400px;
    margin: 10% auto;
    padding: 2%;
    background: #f8f2e3;
    border-radius: 10px;
	
}

/* настройка заголовка */
.modalwindow div.h3 {
padding: 0;
margin: 0;
line-height: 1; 
font-family: Merriweather, sans-serif; 
font-size: 30px; 
color: #000; 
font-weight: 700;
text-align: center;
 letter-spacing: 1.5px;
}
.modalwindow div.h3-course {
padding: 20px 0 10px 0;
margin: 0;
line-height: 1; 
font-family: Merriweather, sans-serif; 
font-size: 30px; 
color: #000; 
font-weight: 700;
text-align: center;
 letter-spacing: 1.5px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
.modal-course{

    width: 500px;
	height: 250px;
    /*max-width: 320px;*/
    margin: 10% auto;
    padding: 2%;
    background: #f8f2e3;
    border-radius: 10px;
	overflow-x: scroll;
}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.modal-course{

    width: 320px;
    margin: 10% auto;
    padding: 2%;
    background: #f8f2e3;
    border-radius: 10px;
	overflow: auto;
}

.modalwindow div.h3-course {
padding: 30px 0 10px 0;
margin: 0;
line-height: 1; 
font-family: Merriweather, sans-serif; 
font-size: 20px; 
color: #000; 
font-weight: 700;
text-align: center;
 letter-spacing: 1.5px;
}
}



/* оформление сообщение */
.modalwindow p {
padding: 0;
margin: 6% 50px 6% 50px;
 text-align: center;
 font-size: 16px;
 line-height: 1.3;
}

/* вид кнопки ЗАКРЫТЬ */
.modalwindow a {
display: block;
padding: 15px 0;
color: #000;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
background: #ffd600;
width: 40%;
margin: 0 auto;
text-align: center;
text-decoration: none;
}

/* вид кнопки ЗАКРЫТЬ при наведении на нее мыши */
.modalwindow a:hover {
background: #ff8a00;
color: #fff;
}

.modalwindow .close{ position: absolute; top: 0px; right: 50px; }
.modalwindow .close a{ background: none; color: #000; font-size: 14px; }







/* End */


/* Start:/bitrix/templates/vtire/template_styles.css?178756288444689*/
body{ padding: 0px; margin: 0px; font-family: Ubuntu, sans-serif; }

h1{ padding: 0px; margin: 0px;  }
img{ display: block; }

/*основной тег для главной страницы*/
div.main{ width: 100%; }
/*основной тег для внутренних страниц*/
div.main-vn{ width: 100%; background: url('/bitrix/templates/vtire/images/bg-courses.jpg') center top no-repeat; }

@media only screen and (min-width: 1621px) {
 div.cap-slider{ width: 100%; position: relative; background: #f8f2e3; }
 div.cap-block-vn{ width: 100%; height: 120px; position: relative; background: #f8f2e3; }
}
@media only screen and (min-width: 1200px) and (max-width: 1620px) {
 div.cap-slider{ width: 100%; /*height: 800px;*/ position: relative; background: #f8f2e3; }
 div.cap-block-vn{ width: 100%; height: 120px; position: relative; background: #f8f2e3; }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
 div.cap-slider{ width: 100%; /*height: 800px;*/ position: relative; background: #f8f2e3; }
 div.cap-block-vn{ width: 100%; height: 90px; position: relative; background: #f8f2e3; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.cap-slider{ width: 100%; /*height: 800px;*/ position: relative; background: #f8f2e3; }
  div.cap-block-vn{ width: 100%; height: 90px; position: relative; background: #f8f2e3; }
}


/*CAP*/
@media only screen and (min-width: 1621px) {
 div.cap{ position: absolute; z-index: 5; width: 100%; height: 120px; background: url('/bitrix/templates/vtire/images/cap-bg.png') repeat-x; }
 div.cap-container{ width: 1600px; margin: 0 auto; height: 90px; display: flex; }
 div.logo{ width: 325px; height: 90px; }
 div.logo img{ padding: 33px 0 0 42px; }
 div.top-menu{ width: 840px; height: 90px; padding: 32px 0 0 0; }

 div.top-soc-seti{ width: 170px; height: 90px; display: flex; justify-content: center; padding: 41px 0 0 0; }
 div.top-soc-seti .container{ height: 40px; display: flex; }
 div.top-soc-seti .container div.vk{ padding: 5px 10px 0 10px; }
 div.top-soc-seti .container div.facebook{ padding: 0 10px; }
 div.top-soc-seti .container div.instagram{ padding: 0 10px; }
 div.top-phone{ width: 265px; height: 90px; }
 div.top-phone-container{ padding: 41px 32px 0 0; display: flex; }
 div.icon-phone{ padding: 0 10px 0 0; }
 div.top-phone-container div.top-number{ font-weight: 700; font-size: 20px; line-height: 1; }
 div.top-phone-container div.top-number a{ text-decoration: none; color: #000; }
}
@media only screen and (min-width: 1200px) and (max-width: 1620px) {
 div.cap{ position: absolute; z-index: 5; width: 100%; height: 120px; background: url('/bitrix/templates/vtire/images/cap-bg.png') repeat-x; }
 div.cap-container{ width: 100%; height: 90px; display: flex; }
 div.logo{ flex-grow: 0; height: 90px; }
 div.logo img{ padding: 33px 0 0 42px; }
 div.top-menu{ flex-grow: 0; height: 90px; padding: 28px 0 0 0; }

 div.top-soc-seti{ flex-grow: 1; height: 90px; display: flex; justify-content: center; padding: 41px 0 0 0; }
 div.top-soc-seti .container{ height: 40px; display: flex; }
 div.top-soc-seti .container div.vk{ padding: 5px 10px 0 10px; }
 div.top-soc-seti .container div.facebook{ padding: 0 10px; }
 div.top-soc-seti .container div.instagram{ padding: 0 10px; }
 div.top-phone{ flex-grow: 0; height: 90px; }
 div.top-phone-container{ padding: 41px 32px 0 0; display: flex; }
 div.icon-phone{ padding: 0 10px 0 0; }
 div.top-phone-container div.top-number{ font-weight: 700; font-size: 20px; line-height: 1; white-space: nowrap; }
 div.top-phone-container div.top-number a{ text-decoration: none; color: #000; }
}
/*Скрываем соц сети в промежутке от 1200 до 1300 пикселей*/
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
 div.top-soc-seti{ display: none; }
 div.top-phone{ flex-grow: 0; height: 90px; padding: 0 0 0 30px; }
}

@media only screen and (min-width: 1000px) and (max-width: 1199px) {
 div.cap{ position: absolute; z-index: 5; width: 100%; height: 120px; background: url('/bitrix/templates/vtire/images/cap-bg.png') repeat-x; }
 div.cap-container{ width: 100%; height: 90px; display: flex; }
 div.logo{ flex-grow: 0; order: 1; height: 90px; }
 div.logo img{ padding: 24px 0 0 38px; }
 div.top-menu{ flex-grow: 0; order: 2; height: 90px; padding: 23px 0 0 0; }

 div.top-soc-seti{ display: none; }
 div.top-phone{ flex-grow: 1; order: 3; height: 90px; display: flex; justify-content: flex-end; }
 div.top-phone-container{ padding: 28px 32px 0 32px; }
 div.icon-phone{ background: #ffd600; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; }
 div.top-phone-container div.top-number{ display: none; }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
 div.cap{ position: absolute; z-index: 5; width: 100%; height: 120px; background: url('/bitrix/templates/vtire/images/cap-bg.png') repeat-x; }
 div.cap-container{ width: 100%; height: 90px; display: flex; }
 div.logo{ flex-grow: 0; order: 2; height: 90px; }
 div.logo img{ padding: 24px 0 0 38px; }
 div.top-menu{ flex-grow: 0; order: 1; height: 90px; }

 div.top-soc-seti{ flex-grow: 1; order: 3; height: 90px; display: flex; justify-content: center; padding: 41px 0 0 0; }
 div.top-soc-seti .container{ height: 40px; display: flex; }
 div.top-soc-seti .container div.vk{ padding: 5px 10px 0 10px; }
 div.top-soc-seti .container div.facebook{ padding: 0 10px; }
 div.top-soc-seti .container div.instagram{ padding: 0 10px; }
 div.top-phone{ flex-grow: 0; order: 4; height: 90px; }
 div.top-phone-container{ padding: 41px 32px 0 0; display: flex; }
 div.icon-phone{ padding: 0 10px 0 0; }
 div.top-phone-container div.top-number{ font-weight: 700; font-size: 20px; line-height: 1; white-space: nowrap; }
 div.top-phone-container div.top-number a{ text-decoration: none; color: #000; } 
}

@media only screen and (min-width: 401px) and (max-width: 767px) {
 div.cap{ position: absolute; z-index: 5; width: 100%; height: 150px; background: url('/bitrix/templates/vtire/images/cap-bg.png') bottom center repeat-x; }
 div.cap-container{ width: 100%; height: 90px; display: flex; flex-wrap: wrap; }
 div.logo{ flex-grow: 1; order: 2; height: 90px; display: flex; justify-content: center; }
 div.logo img{ padding: 24px 0 0 0px; width: 180px; }
 div.top-menu{ flex-grow: 0; order: 1; height: 90px; }

 div.top-soc-seti{ order: 4; width: 100%; height: 40px; }
 div.top-soc-seti .container{ height: 40px; display: flex; justify-content: center; }
 div.top-soc-seti .container div.vk{ padding: 5px 10px 0 10px; }
 div.top-soc-seti .container div.facebook{ padding: 0 10px; }
 div.top-soc-seti .container div.instagram{ padding: 0 10px; }
 div.top-phone{ flex-grow: 0; order: 2; height: 90px; }
 div.top-phone-container{ padding: 24px 32px 0 0; display: flex; }
 div.icon-phone{ background: #ffd600; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; }
 div.top-phone-container div.top-number{ display: none; }
}
@media only screen and (min-width: 320px) and (max-width: 400px) {
 div.cap{ position: absolute; z-index: 5; width: 100%; height: 150px; background: url('/bitrix/templates/vtire/images/cap-bg.png') bottom center repeat-x; }
 div.cap-container{ width: 100%; height: 150px; display: flex; flex-wrap: wrap; }
 div.logo{ flex-grow: 1; order: 2; height: 60px; display: flex; justify-content: center; }
 div.logo img{ padding: 24px 0 0 0px; width: 180px; }
 div.top-menu{ flex-grow: 0; order: 1; height: 60px; }

 div.top-soc-seti{ order: 4; width: 100%; height: 40px; }
 div.top-soc-seti .container{ height: 40px; display: flex; justify-content: center; }
 div.top-soc-seti .container div.vk{ padding: 5px 10px 0 10px; }
 div.top-soc-seti .container div.facebook{ padding: 0 10px; }
 div.top-soc-seti .container div.instagram{ padding: 0 10px; }
 div.top-phone{ flex-grow: 0; order: 2; height: 60px; }
 div.top-phone-container{ padding: 24px 32px 0 0; display: flex; }
 div.icon-phone{ background: #ffd600; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; }
 div.top-phone-container div.top-number{ display: none; }
}
/* Для логотипа */ 
@media only screen and (min-width: 401px) {
 div.logo img.logo-mob{ display: none; }
 div.fraza-logo{ display: none; }
}
@media only screen and (min-width: 320px) and (max-width: 400px) {
 div.logo img{ padding: 27px 0 0 0px; width: 160px; }
 div.logo img.logo-pc{ display: none; }
 div.fraza-logo{ order: 3; width: 100%; display: flex; justify-content: center; text-transform: uppercase; font-size: 10px; color: #000; line-height: 1; letter-spacing: 1.5px; }
}
/*END CAP*/

/*Липкое меню*/
@media only screen and (min-width: 1621px) {
 div.cap-fix{ position: fixed; z-index: 100; width: 100%; height: 120px; background: #f8f2e3; transition: all .5s linear; top: 0; }
 div.cap-fix > div.cap-container{ width: 1600px; margin: 0 auto; height: 90px; display: flex; }
}
@media only screen and (min-width: 1200px) and (max-width: 1620px) {
 div.cap-fix{ position: fixed; z-index: 100; width: 100%; height: 120px; background: #f8f2e3; transition: all .5s linear; top: 0; }
 div.cap-fix > div.cap-container{ width: 100%; height: 90px; display: flex; }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
 div.cap-fix{ position: fixed; z-index: 100; width: 100%; height: 120px; background: #f8f2e3; transition: all .5s linear; top: 0; }
 div.cap-fix > div.cap-container{ width: 100%; height: 90px; display: flex; }
}
@media only screen and (min-width: 401px) and (max-width: 767px) {
 div.cap-fix{ position: fixed; z-index: 100; width: 100%; height: 100px; background: #f8f2e3; transition: all .5s linear; top: 0; }
 div.cap-fix > div.cap-container{ width: 100%; height: 100px; display: flex; flex-wrap: wrap; }
 div.cap-fix > div.cap-container > div.top-soc-seti{ display: none; } 
}
@media only screen and (min-width: 320px) and (max-width: 400px) {
 div.cap-fix{ position: fixed; z-index: 100; width: 100%; height: 100px; background: #f8f2e3; transition: all .5s linear; top: 0; }
 div.cap-fix > div.cap-container{ width: 100%; height: 100px; display: flex; flex-wrap: wrap; }
 div.cap-fix > div.cap-container > div.top-soc-seti{ display: none; }
}
/*END липкое меню*/

/*WHAT CLASSES GIVE*/
@media only screen and (min-width: 1621px) {
 div.what-classes-give{ width: 100%; height: 758px; background: url('/bitrix/templates/vtire/images/what-classes-give-bg.jpg') top center no-repeat; }
 div.what-class-give-container{ width: 1600px; margin: 0 auto; height: 758px; position: relative; }
 div.what-class-give-container .title{ line-height: 1; font-family: Merriweather, sans-serif; font-size: 36px; color: #000; font-weight: 700; text-align: center; padding: 105px 0 0 0; }
 div.block-three-punkts__give{ position: absolute; right: 0; top: 310px; width: 770px; }
 div.block-three-punkts__give div.punkt{ background: url('/bitrix/templates/vtire/images/icon-plus.png') 0px 5px no-repeat; color: #000; font-size: 20px; padding: 0 0 47px 82px; line-height: 1.3; }
 div.block-three-punkts__give div.punkt span{ font-weight: 700; text-transform: uppercase; }
}
@media only screen and (min-width: 1200px) and (max-width: 1620px) {
 div.what-classes-give{ width: 100%; height: 606px; background: url('/bitrix/templates/vtire/images/what-classes-give-bg-1200.jpg') top center no-repeat; }
 div.what-class-give-container{ width: 100%; height: 606px; position: relative; }
 div.what-class-give-container .title{ line-height: 1; font-family: Merriweather, sans-serif; font-size: 30px; color: #000; font-weight: 700; text-align: center; padding: 93px 0 0 0; }
 div.block-three-punkts__give{ position: absolute; right: 0; top: 210px; width: 570px; }
 div.block-three-punkts__give div.punkt{ background: url('/bitrix/templates/vtire/images/icon-plus.png') 0px 5px no-repeat; color: #000; font-size: 20px; padding: 0 0 47px 82px; line-height: 1.3; }
 div.block-three-punkts__give div.punkt span{ font-weight: 700; text-transform: uppercase; }
}
@media only screen and (min-width: 981px) and (max-width: 1199px) {
 div.what-classes-give{ width: 100%; height: 580px; background: url('/bitrix/templates/vtire/images/what-classes-give-bg-768.jpg') top center no-repeat; }
 div.what-class-give-container{ width: 100%; height: 580px; position: relative; }
 div.what-class-give-container .title{ line-height: 1; font-family: Merriweather, sans-serif; font-size: 30px; color: #000; font-weight: 700; text-align: center; padding: 93px 0 0 0; }
 div.block-three-punkts__give{ position: absolute; right: 100px; top: 210px; width: 370px; }
 div.block-three-punkts__give div.punkt{ background: url('/bitrix/templates/vtire/images/icon-plus.png') 0px 5px no-repeat; color: #000; font-size: 18px; padding: 0 0 47px 82px; line-height: 1.3; }
 div.block-three-punkts__give div.punkt span{ font-weight: 700; text-transform: uppercase; }
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
 div.what-classes-give{ width: 100%; height: 580px; background: url('/bitrix/templates/vtire/images/what-classes-give-bg-768.jpg') top center no-repeat; }
 div.what-class-give-container{ width: 100%; height: 580px; position: relative; }
 div.what-class-give-container .title{ line-height: 1; font-family: Merriweather, sans-serif; font-size: 30px; color: #000; font-weight: 700; text-align: center; padding: 93px 0 0 0; }
 div.block-three-punkts__give{ position: absolute; right: 0; top: 210px; width: 370px; }
 div.block-three-punkts__give div.punkt{ background: url('/bitrix/templates/vtire/images/icon-plus.png') 0px 5px no-repeat; color: #000; font-size: 18px; padding: 0 0 47px 82px; line-height: 1.3; }
 div.block-three-punkts__give div.punkt span{ font-weight: 700; text-transform: uppercase; }
}
@media only screen and (min-width: 500px) and (max-width: 767px) {
 div.what-classes-give{ width: 100%; height: 580px; background: url('/bitrix/templates/vtire/images/what-classes-give-bg-320.jpg') top center no-repeat; }
 div.what-class-give-container{ width: 100%; position: relative; }
 div.what-class-give-container .title{ line-height: 1; font-family: Merriweather, sans-serif; font-size: 24px; color: #000; font-weight: 700; text-align: center; padding: 93px 75px 0 75px; }
 div.block-three-punkts__give{ width: 370px; margin: 0 auto; padding: 70px 0 0 0; }
 div.block-three-punkts__give div.punkt{ width: 100%; background: url('/bitrix/templates/vtire/images/icon-plus-320.png') 0px 5px no-repeat; color: #000; font-size: 18px; padding: 0 0 47px 46px; line-height: 1.3; }
 div.block-three-punkts__give div.punkt span{ font-weight: 700; text-transform: uppercase; }
}
@media only screen and (min-width: 320px) and (max-width: 499px) {
 div.what-classes-give{ width: 100%; height: 580px; background: url('/bitrix/templates/vtire/images/what-classes-give-bg-320.jpg') top center no-repeat; }
 div.what-class-give-container{ width: 100%; position: relative; }
 div.what-class-give-container .title{ line-height: 1; font-family: Merriweather, sans-serif; font-size: 24px; color: #000; font-weight: 700; text-align: center; padding: 65px 15px 0 15px; }
 div.block-three-punkts__give{ position: absolute; left: 15px; top: 150px; width: 290px; }
 div.block-three-punkts__give div.punkt{ background: url('/bitrix/templates/vtire/images/icon-plus-320.png') 0px 5px no-repeat; color: #000; font-size: 18px; padding: 0 0 25px 46px; line-height: 1.3; }
 div.block-three-punkts__give div.punkt span{ font-weight: 700; text-transform: uppercase; }
}
/*END WHAT CLASSES GIVE*/

/*REVIEWS MAIN*/
@media only screen and (min-width: 1621px) {
 div.reviews-main{ width: 100%; height: 791px; background: #f8f2e3; }
 div.reviews-main-container{ width: 1600px; margin: 0 auto; padding: 113px 0 0 0; }
 div.reviews-main-container .title{ line-height: 1; background: url('/bitrix/templates/vtire/images/bg-next-title.jpg') no-repeat; font-family: Merriweather, sans-serif; font-size: 36px; color: #000; font-weight: 700; padding: 4px 0 115px 149px; }
 div.reviews-main-container .title span{ text-transform: uppercase; }
}
@media only screen and (min-width: 1000px) and (max-width: 1620px) {
 div.reviews-main{ width: 100%; height: 635px; background: #f8f2e3; }
 div.reviews-main-container{ width: 100%; padding: 90px 0 0 0; }
 div.reviews-main-container .title{ line-height: 1; background: url('/bitrix/templates/vtire/images/bg-next-title.jpg') no-repeat; font-family: Merriweather, sans-serif; font-size: 30px; color: #000; font-weight: 700; padding: 4px 0 70px 149px; }
 div.reviews-main-container .title span{ text-transform: uppercase; }
}
@media only screen and (min-width: 1000px) and (max-width: 1200px) {
 div.reviews-main-container .title{ line-height: 1; background: url('/bitrix/templates/vtire/images/bg-next-title-768.jpg') no-repeat; font-family: Merriweather, sans-serif; font-size: 30px; color: #000; font-weight: 700; padding: 4px 0 70px 109px; }
 div.reviews-main-container .title span{ text-transform: uppercase; }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
 div.reviews-main{ width: 100%; height: 455px; background: #f8f2e3; }
 div.reviews-main-container{ width: 100%; padding: 75px 0 0 0; }
 div.reviews-main-container .title{ line-height: 1; background: url('/bitrix/templates/vtire/images/bg-next-title-768.jpg') no-repeat; font-family: Merriweather, sans-serif; font-size: 30px; color: #000; font-weight: 700; padding: 4px 0 70px 109px; }
 div.reviews-main-container .title span{ text-transform: uppercase; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.reviews-main{ width: 100%; background: #f8f2e3; padding: 0 0 40px 0; }
 div.reviews-main-container{ width: 100%; padding: 50px 0 0 0; }
 div.reviews-main-container .title{ line-height: 1; background: url('/bitrix/templates/vtire/images/bg-next-title-320.jpg') no-repeat; font-family: Merriweather, sans-serif; font-size: 24px; color: #000; font-weight: 700; padding: 0px 15px 40px 70px; }
 div.reviews-main-container .title span{ text-transform: uppercase; }
}



/*NEWS MAIN*/
@media only screen and (min-width: 1621px) {
 div.news-main{ width: 1600px; margin: 0 auto; height: 750px; padding: 113px 0 0 0; }
 div.news-main h1{ background: url('/bitrix/templates/vtire/images/bg-next-title.jpg') no-repeat; line-height: 1; font-family: Merriweather, sans-serif; font-size: 36px; color: #000; font-weight: 700; padding: 4px 0 70px 149px; }
 div.news-main h1 span{ text-transform: uppercase; }
 div.center-container{ width: 100%; display: flex; }
}
@media only screen and (min-width: 1200px) and (max-width: 1620px) {
 div.news-main{ width: 100%; height: 645px; padding: 65px 0 0 0; }
 div.news-main h1{ background: url('/bitrix/templates/vtire/images/bg-next-title.jpg') no-repeat; line-height: 1; font-family: Merriweather, sans-serif; font-size: 30px; color: #000; font-weight: 700; padding: 4px 0 43px 149px; }
 div.news-main h1 span{ text-transform: uppercase; }
 div.center-container{ width: 100%; display: flex; }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
 div.news-main{ width: 100%; padding: 65px 0 0 0; }
 div.news-main h1{ background: url('/bitrix/templates/vtire/images/bg-next-title-768.jpg') no-repeat; line-height: 1; font-family: Merriweather, sans-serif; font-size: 30px; color: #000; font-weight: 700; padding: 4px 0 43px 109px; }
 div.news-main h1 span{ text-transform: uppercase; }
 div.center-container{ width: 100%; display: flex; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.news-main{ width: 100%; padding: 55px 0 15px 0; }
 div.news-main h1{ background: url('/bitrix/templates/vtire/images/bg-next-title-320.jpg') no-repeat; line-height: 1; font-family: Merriweather, sans-serif; font-size: 24px; color: #000; font-weight: 700; padding: 0px 0 21px 70px; }
 div.news-main h1 span{ text-transform: uppercase; }
 div.center-container{ width: 100%; display: flex; }
}

@media only screen and (min-width: 1621px) {
 div.center-path{ width: 100%; padding: 113px 0 0 0; background: url('/bitrix/templates/vtire/images/bg-zagolovok.png') center 85px no-repeat; position: relative; }
 div.center-path div.zagolovok{ width: 1600px; margin: 0 auto; }
 div.center-path h1{ line-height: 1; font-family: Merriweather, sans-serif; font-size: 36px; color: #000; font-weight: 700; padding: 4px 0 85px 209px; }
 div.center-path h1 span{ text-transform: uppercase; }
 div.center-container{ width: 1600px; margin: 0 auto; display: flex; }
}
@media only screen and (min-width: 1200px) and (max-width: 1620px) {
 div.center-path{ width: 100%; padding: 65px 0 0 0; background: url('/bitrix/templates/vtire/images/bg-zagolovok-1200.png') left 35px no-repeat; position: relative; }
 div.center-path h1{ line-height: 1; font-family: Merriweather, sans-serif; font-size: 30px; color: #000; font-weight: 700; padding: 4px 0 58px 209px; }
 div.center-path h1 span{ text-transform: uppercase; }
 div.center-container{ width: 100%; display: flex; }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
 div.center-path{ width: 100%; padding: 65px 0 0 0; background: url('/bitrix/templates/vtire/images/bg-zagolovok-768.png') left 35px no-repeat; position: relative; }
 div.center-path h1{ line-height: 1; font-family: Merriweather, sans-serif; font-size: 30px; color: #000; font-weight: 700; padding: 4px 0 58px 149px; }
 div.center-path h1 span{ text-transform: uppercase; }
 div.center-container{ width: 100%; display: flex; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.center-path{ width: 100%; padding: 95px 0 0 0; background: url('/bitrix/templates/vtire/images/bg-zagolovok-320.png') left 75px no-repeat; position: relative; }
 div.center-path h1{ line-height: 1; font-family: Merriweather, sans-serif; font-size: 24px; color: #000; font-weight: 700; padding: 4px 0 98px 49px; }
 div.center-path h1 span{ text-transform: uppercase; }
 div.center-container{ width: 100%; display: flex; }
}
/*END NEWS MAIN*/

/*BREADCRUMB*/
@media only screen and (min-width: 1621px) {
 div.breadcrumb{ position: absolute; width: 100%; }
 div.breadcrumb .container{ position: relative; width: 1600px; margin: 0 auto; } 
 div.breadcrumb .container ul{ position: absolute; top: -45px; left: 210px; }
}
@media only screen and (min-width: 1200px) and (max-width: 1620px) {
 div.breadcrumb{ position: absolute; width: 100%; }
 div.breadcrumb .container{ position: relative; width: 100%; } 
 div.breadcrumb .container ul{ position: absolute; top: -45px; left: 210px; }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
 div.breadcrumb{ position: absolute; width: 100%; }
 div.breadcrumb .container{ position: relative; width: 100%; } 
 div.breadcrumb .container ul{ position: absolute; top: -30px; left: 150px; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.breadcrumb{ position: absolute; width: 100%; }
 div.breadcrumb .container{ position: relative; width: 100%; } 
 div.breadcrumb .container ul{ position: absolute; top: -30px; left: 50px; }
}


/*LEFT RIGHT*/
@media only screen and (min-width: 1621px) {
 div.left{ flex-grow: 0; min-width: 400px; }
 div.filter-courses{ padding: 0 65px 0 100px; }
 div.right-column{ flex-grow: 1; max-width: 1600px; }
 div.contant{ padding: 0px 0 50px 0; }
}
@media only screen and (min-width: 1200px) and (max-width: 1620px) {
 div.left{ flex-grow: 0; min-width: 280px; }
 div.filter-courses{ padding: 0 0px 0 25px; }
 div.right-column{ flex-grow: 1; width: 100%; }
 div.contant{ padding: 0 30px 50px 30px; }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
 div.left{ flex-grow: 0; min-width: 280px; }
 div.filter-courses{ padding: 0 0px 0 25px; }
 div.right-column{ flex-grow: 1; width: 100%; }
 div.contant{ padding: 0 30px 50px 30px; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.left{ flex-grow: 0; }
 div.filter-courses{ position: relative; }
 div.right-column{ flex-grow: 1; width: 100%; }
 div.contant{ padding: 0 10px 30px 10px; }
}




/*BUILDING SYSTEM*/
@media only screen and (min-width: 1621px) {
 div.building-system{ width: 100%; height: 791px; background: #f8f2e3 url('/bitrix/templates/vtire/images/fon-building-system.png') no-repeat; }
 div.building-system-container{ width: 1600px; margin: 0 auto; }
 div.block-three-punkts__system{ padding: 150px 100px 0 100px; display: flex; flex-wrap: wrap; }
 div.block-three-punkts__system .under-title{ line-height: 1; font-weight: 700; text-transform: uppercase; font-size: 30px; color: #000; padding: 0 0 49px 0; width: 100%; }
 div.block-three-punkts__system div.punkt{ width: 380px; background: url('/bitrix/templates/vtire/images/icon-plus.png') 0px 5px no-repeat; color: #000; font-size: 20px; padding: 0 0 47px 62px; line-height: 1.3; }
 div.block-three-punkts__system div.punkt span{ font-weight: 700; text-transform: uppercase; }
}
@media only screen and (min-width: 1001px) and (max-width: 1620px) {
 div.building-system{ width: 100%; background: #f8f2e3 url('/bitrix/templates/vtire/images/fon-building-system-1200.png') no-repeat; }
 div.building-system-container{ width: 100%; background: url('/bitrix/templates/vtire/images/fon-building-system-1200-2.png') right bottom no-repeat; }
 div.block-three-punkts__system{ padding: 85px 0 0 200px; display: flex; flex-wrap: wrap; }
 div.block-three-punkts__system .under-title{ width: 100%; line-height: 1; font-weight: 700; text-transform: uppercase; font-size: 30px; color: #000; padding: 0 0 49px 0; }
 div.block-three-punkts__system div.punkt{ width: 40%; background: url('/bitrix/templates/vtire/images/icon-plus.png') 0px 5px no-repeat; color: #000; font-size: 20px; padding: 0 0 47px 62px; line-height: 1.3; }
 div.block-three-punkts__system div.punkt span{ font-weight: 700; text-transform: uppercase; }
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
 div.building-system{ width: 100%; background: #f8f2e3 url('/bitrix/templates/vtire/images/fon-building-system-768.png') right top no-repeat; }
 div.building-system-container{ width: 100%; padding: 30px 0 0 0; }
 div.block-three-punkts__system{ padding: 25px 0 0 50px; display: flex; flex-wrap: wrap; }
 div.block-three-punkts__system .under-title{ width: 100%; line-height: 1; font-weight: 700; text-transform: uppercase; font-size: 26px; color: #000; padding: 0 0 49px 0; }
 div.block-three-punkts__system div.punkt{ width: 100%; background: url('/bitrix/templates/vtire/images/icon-plus.png') 0px 5px no-repeat; color: #000; font-size: 20px; padding: 0 0 47px 62px; line-height: 1.3; }
 div.block-three-punkts__system div.punkt span{ font-weight: 700; text-transform: uppercase; }
}
@media only screen and (min-width: 500px) and (max-width: 767px) {
 div.building-system{ width: 100%; background: #f8f2e3 url('/bitrix/templates/vtire/images/bg-books-320.png') center 50px no-repeat; }
 div.building-system-container{ width: 100%; }
 div.block-three-punkts__system{ padding: 75px 0 0 120px; }
 div.block-three-punkts__system .under-title{ line-height: 1; font-weight: 700; text-transform: uppercase; font-size: 20px; color: #000; padding: 0 0 49px 0; }
 div.block-three-punkts__system div.punkt{ background: url('/bitrix/templates/vtire/images/icon-plus-320.png') 0px 5px no-repeat; color: #000; font-size: 18px; padding: 0 0 35px 46px; line-height: 1.3; }
 div.block-three-punkts__system div.punkt span{ font-weight: 700; text-transform: uppercase; }
}
@media only screen and (min-width: 320px) and (max-width: 499px) {
 div.building-system{ width: 100%; background: #f8f2e3 url('/bitrix/templates/vtire/images/bg-books-320.png') center 50px no-repeat; }
 div.building-system-container{ width: 100%; }
 div.block-three-punkts__system{ padding: 55px 0 0 15px; }
 div.block-three-punkts__system .under-title{ line-height: 1; font-weight: 700; text-transform: uppercase; font-size: 20px; color: #000; padding: 0 0 30px 0; }
 div.block-three-punkts__system div.punkt{ background: url('/bitrix/templates/vtire/images/icon-plus-320.png') 0px 5px no-repeat; color: #000; font-size: 18px; padding: 0 0 35px 46px; line-height: 1.3; }
 div.block-three-punkts__system div.punkt span{ font-weight: 700; text-transform: uppercase; }
}


/*TEACHERS LINE*/
@media only screen and (min-width: 1621px) {
 div.teachers-line{ width: 1600px; height: 820px; margin: 0 auto; background: url('/bitrix/templates/vtire/images/teachers-line-bg.png') center 237px no-repeat; padding: 100px 0 0 0; }
 div.teachers-line .title{ line-height: 1; background: url('/bitrix/templates/vtire/images/bg-next-title.jpg') no-repeat; font-family: Merriweather, sans-serif; font-size: 36px; color: #000; font-weight: 700; padding: 4px 0 85px 149px; text-transform: uppercase; }
}
@media only screen and (min-width: 1200px) and (max-width: 1620px) {
 div.teachers-line{ width: 100%; height: 680px; background: url('/bitrix/templates/vtire/images/teachers-line-bg-1200.gif') center 195px no-repeat; padding: 78px 0 0 0; }
 div.teachers-line .title{ line-height: 1; background: url('/bitrix/templates/vtire/images/bg-next-title.jpg') no-repeat; font-family: Merriweather, sans-serif; font-size: 30px; color: #000; font-weight: 700; padding: 4px 0 55px 149px; text-transform: uppercase; }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
 div.teachers-line{ width: 100%; height: 430px; background: url('/bitrix/templates/vtire/images/teachers-line-bg-768.png') center top no-repeat; padding: 78px 0 0 0; }
 div.teachers-line .title{ line-height: 1; background: url('/bitrix/templates/vtire/images/bg-next-title-768.jpg') no-repeat; font-family: Merriweather, sans-serif; font-size: 30px; color: #000; font-weight: 700; padding: 4px 0 60px 109px; text-transform: uppercase; }
}
@media only screen and (min-width: 420px) and (max-width: 767px) {
 div.teachers-line{ width: 100%; height: 650px; background: url('/bitrix/templates/vtire/images/teachers-line-bg-768.png') center top no-repeat; padding: 48px 0 0 0; }
 div.teachers-line .title{ line-height: 1; background: url('/bitrix/templates/vtire/images/bg-next-title-320.jpg') no-repeat; font-family: Merriweather, sans-serif; font-size: 24px; color: #000; font-weight: 700; padding: 0px 0 45px 70px; text-transform: uppercase; }
}
@media only screen and (min-width: 320px) and (max-width: 419px) {
 div.teachers-line{ width: 100%; height: 700px; background: url('/bitrix/templates/vtire/images/teachers-line-bg-768.png') center top no-repeat; padding: 48px 0 0 0; }
 div.teachers-line .title{ line-height: 1; background: url('/bitrix/templates/vtire/images/bg-next-title-320.jpg') no-repeat; font-family: Merriweather, sans-serif; font-size: 24px; color: #000; font-weight: 700; padding: 0px 0 45px 70px; text-transform: uppercase; }
}

/*PARTNERS*/
@media only screen and (min-width: 1621px) {
 div.partners{ width: 100%; /*height: 791px;*/ background: #f8f2e3; }
 div.partners-container{ width: 1600px; margin: 0 auto; padding: 100px 0 50px 0; }
 div.partners-container .title{ line-height: 1; background: url('/bitrix/templates/vtire/images/bg-next-title.jpg') no-repeat; font-family: Merriweather, sans-serif; font-size: 36px; color: #000; font-weight: 700; padding: 4px 0 85px 149px; }
 div.partners-container .title span{ text-transform: uppercase; }
}
@media only screen and (min-width: 1200px) and (max-width: 1620px) {
 div.partners{ width: 100%; /*height: 608px;*/ background: #f8f2e3; }
 div.partners-container{ width: 100%; padding: 55px 0 30px 0; }
 div.partners-container .title{ line-height: 1; background: url('/bitrix/templates/vtire/images/bg-next-title.jpg') no-repeat; font-family: Merriweather, sans-serif; font-size: 30px; color: #000; font-weight: 700; padding: 4px 0 55px 149px; }
 div.partners-container .title span{ text-transform: uppercase; }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
 div.partners{ width: 100%; background: #f8f2e3; }
 div.partners-container{ width: 100%; padding: 55px 0 0 0; }
 div.partners-container .title{ line-height: 1; background: url('/bitrix/templates/vtire/images/bg-next-title-768.jpg') no-repeat; font-family: Merriweather, sans-serif; font-size: 30px; color: #000; font-weight: 700; padding: 4px 0 55px 109px; }
 div.partners-container .title span{ text-transform: uppercase; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.partners{ width: 100%; background: #f8f2e3; }
 div.partners-container{ width: 100%; padding: 55px 0 0 0; }
 div.partners-container .title{ line-height: 1; background: url('/bitrix/templates/vtire/images/bg-next-title-320.jpg') no-repeat; font-family: Merriweather, sans-serif; font-size: 24px; color: #000; font-weight: 700; padding: 0px 0 55px 70px; }
 div.partners-container .title span{ text-transform: uppercase; }
}

/*SIGN UP*/
@media only screen and (min-width: 1621px) {
div.sign-up{ width: 100%; height: 720px; background: url('/bitrix/templates/vtire/images/sign-up-bg.jpg') center top no-repeat; }
div.sign-up-container{ width: 1600px; margin: 0 auto; position: relative;  }
}
@media only screen and (min-width: 1200px) and (max-width: 1620px) {
div.sign-up{ width: 100%; height: 576px; background: url('/bitrix/templates/vtire/images/sign-up-bg-1200.jpg') center top no-repeat; }
div.sign-up-container{ width: 100%; position: relative;  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
div.sign-up{ width: 100%; height: 905px; background: url('/bitrix/templates/vtire/images/bg-viz.jpg') right bottom no-repeat; }
div.sign-up-container{ width: 100%; position: relative;  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
div.sign-up{ width: 100%; height: 1005px; background: url('/bitrix/templates/vtire/images/sign-up-bg-320.jpg') center bottom no-repeat; }
div.sign-up-container{ width: 100%; position: relative;  }
}


/*BOTTOM*/
@media only screen and (min-width: 1621px) {
 div.bottom{ width: 100%; height: 181px; border-top: 2px solid #f8f2e3; background: #ff5a00; }
 div.bottom-container{ width: 1600px; margin: 0 auto; height: 179px; display: flex; } 
 div.logo-bottom{ width: 380px; height: 179px; display: flex; align-items: center; }
 div.logo-bottom img{ padding: 0 0 0 113px; }
 div.bottom-menu{ width: 600px; padding: 72px 0 0 0; }
 
 div.bottom-phone{ width: 175px; height: 179px; }
 div.bottom-phone-container{ padding: 72px 0 0 0; font-size: 18px; }
 div.bottom-phone-container a{ color: #fff; text-decoration: none; }
 div.bottom-email{ width: 205px; height: 179px; }
 div.bottom-email-container{ padding: 72px 0 0 0; font-size: 18px; width: 205px; display: flex; justify-content: center; }
 div.bottom-email-container a{ color: #fff; text-decoration: none; }
 div.bottom-soc-seti{ width: 240px; height: 179px; }
 div.bottom-soc-seti-container{ height: 179px; align-items: center; display: flex; }
 div.bottom-soc-seti-container .vk-white{ padding: 0 0 10px 19px; }
 div.bottom-soc-seti-container .instagram-white{ padding: 0 0 12px 23px; }
}
@media only screen and (min-width: 1200px) and (max-width: 1620px) {
 div.bottom{ width: 100%; height: 146px; border-top: 1px solid #f8f2e3; background: #ff5a00; }
 div.bottom-container{ width: 100%; height: 145px; display: flex; } 
 div.logo-bottom{ flex-grow: 0; height: 145px; display: flex; align-items: center; }
 div.logo-bottom img{ padding: 0 0 0 30px; height: 46px; }
 div.bottom-menu{ flex-grow: 1; padding: 60px 0 0 0; display: flex; justify-content: center; }
 
 div.bottom-phone{ flex-grow: 0; height: 145px; }
 div.bottom-phone-container{ padding: 60px 0 0 0; font-size: 18px; }
 div.bottom-phone-container a{ color: #fff; text-decoration: none; }
 div.bottom-email{ flex-grow: 0; height: 145px; }
 div.bottom-email-container{ padding: 60px 0 0 0; font-size: 18px; width: 205px; display: flex; justify-content: center; }
 div.bottom-email-container a{ color: #fff; text-decoration: none; }
 div.bottom-soc-seti{ flex-grow: 0; height: 145px; }
 div.bottom-soc-seti-container{ height: 145px; align-items: center; display: flex; padding: 0 30px 0 0; }
 div.bottom-soc-seti-container .vk-white{ padding: 0 0 0px 15px; }
 div.bottom-soc-seti-container .vk-white img{ width: 30px; }
 div.bottom-soc-seti-container .instagram-white{ padding: 0 0 0px 15px; }
 div.bottom-soc-seti-container .instagram-white img{ width: 25px; }
}
@media only screen and (min-width: 1200px) and (max-width: 1299px) {
 div.bottom-email{ display: none; }
 div.bottom-phone{ padding: 0 20px 0 0; }
}
@media only screen and (min-width: 700px) and (max-width: 1199px) {
 div.bottom{ width: 100%; border-top: 1px solid #f8f2e3; background: #ff5a00; padding: 0 0 43px 0; }
 div.bottom-container{ width: 100%; display: flex; flex-wrap: wrap; } 
 div.logo-bottom{ flex-grow: 1; order: 1; height: 150px; display: flex; align-items: center; }
 div.logo-bottom img{ padding: 0 0 0 25px; height: 46px; }
 
 div.bottom-phone{ flex-grow: 1; order: 2; height: 150px; display: flex; align-items: center; }
 div.bottom-phone-container{ padding: 0px 0 0 0; font-size: 18px; }
 div.bottom-phone-container a{ color: #fff; text-decoration: none; }
 div.bottom-email{ flex-grow: 1; order: 3; height: 150px; display: flex; align-items: center; }
 div.bottom-email-container{ padding: 0 25px 0 0; font-size: 18px; width: 205px; display: flex; justify-content: center; }
 div.bottom-email-container a{ color: #fff; text-decoration: none; }
 div.bottom-menu{ width: 100%; order: 4; display: flex; justify-content: center; padding: 0 0 51px 0; }
 div.bottom-soc-seti{ width: 100%; order: 5; display: flex; justify-content: center; }
 div.bottom-soc-seti-container{ align-items: center; display: flex; }
 div.bottom-soc-seti-container .vk-white{ padding: 0 17px 0 0px; }
 div.bottom-soc-seti-container .instagram-white{ padding: 0 0 0px 17px; }
}
@media only screen and (min-width: 320px) and (max-width: 699px) {
 div.bottom{ width: 100%; border-top: 1px solid #f8f2e3; background: #ff5a00; }
 div.bottom-container{ width: 100%; display: flex; flex-wrap: wrap; padding: 53px 0; } 
 div.logo-bottom{ width: 100%; display: flex; justify-content: center; padding: 0 0 48px 0; }

 
 div.bottom-menu{ width: 100%; display: flex; justify-content: center; }
 
 div.bottom-phone{ width: 100%; display: flex; justify-content: center; }
 div.bottom-phone-container{ padding: 17px 0 42px 0; font-size: 18px; line-height: 1; }
 div.bottom-phone-container a{ color: #fff; text-decoration: none; }
 div.bottom-email{ width: 100%; display: flex; justify-content: center; }
 div.bottom-email-container{ font-size: 18px; line-height: 1; }
 div.bottom-email-container a{ color: #fff; text-decoration: none; }
 
 div.bottom-soc-seti{ width: 100%; display: flex; justify-content: center; padding: 42px 0 0 0; }
 div.bottom-soc-seti-container{ align-items: center; display: flex; }
 div.bottom-soc-seti-container .vk-white{ padding: 0 17px 0 0px; }
 div.bottom-soc-seti-container .instagram-white{ padding: 0 0 0px 17px; }
}


/*UNDER BOTTOM*/
@media only screen and (min-width: 1621px) {
 div.under-bottom{ width: 100%; height: 110px; background: #f8f2e3; }
 div.under-bottom-container{ width: 1600px; margin: 0 auto; height: 110px; display: flex; }
 div.copyright{ width: 454px; height: 110px; }
 div.copyright-container{ width: 454px; font-size: 14px; color: #000; padding: 25px 0 0 113px; }
 div.copyright-container a{ color: #000; }
 div.under-bottom-inn{ width: 333px; height: 110px; }
 div.under-bottom-inn .container{ padding: 25px 0 0 0; color: #000; font-size: 14px; width: 333px; }
 div.under-bottom-payment{ width: 369px; height: 110px; }
 div.under-bottom-payment .container{ width: 369px; height: 110px; display: flex; justify-content: flex-start; align-items: center; }
 div.under-bottom-payment .container .img{ padding: 0 20px 0 0; }
 div.aivamedia{ width: 444px; height: 110px; display: flex; align-items: center; justify-content: flex-end; }
 div.aivamedia .container{ padding: 0 113px 0 0; }
 div.aivamedia .container img{ height: 25px; }
}

@media only screen and (min-width: 1000px) and (max-width: 1620px) {
 div.under-bottom{ width: 100%; height: 79px; background: #f8f2e3; }
 div.under-bottom-container{ width: 100%; height: 79px; display: flex; }
 div.copyright{ flex-grow: 0; height: 79px; }
 div.copyright-container{ font-size: 14px; color: #000; padding: 25px 50px 0 30px; }
 div.copyright-container a{ color: #000; }
 div.under-bottom-inn{ flex-grow: 0; height: 79px; }
 div.under-bottom-inn .container{ padding: 25px 50px 0 0; color: #000; font-size: 14px; }
 div.under-bottom-payment{ flex-grow: 0; height: 79px; }
 div.under-bottom-payment .container{ height: 79px; display: flex; justify-content: flex-start; align-items: center; padding: 0 30px 0 0; }
 div.under-bottom-payment .container .img{ padding: 0 20px 0 0; }
 div.aivamedia{ flex-grow: 1; height: 79px; display: flex; align-items: center; justify-content: flex-end; }
 div.aivamedia .container{ padding: 0 30px 0 0; }
 div.aivamedia .container img{ height: 25px; }
}
@media only screen and (min-width: 701px) and (max-width: 999px) {
 div.under-bottom{ width: 100%; background: #f8f2e3; }
 div.under-bottom-container{ width: 100%; display: flex; flex-wrap: wrap; }
 div.copyright{ width: 50%; }
 div.copyright-container{ font-size: 14px; color: #000; padding: 25px 30px 0 30px; }
 div.copyright-container a{ color: #000; }
 div.under-bottom-inn{ width: 50%; }
 div.under-bottom-inn .container{ padding: 25px 30px 0 30px; color: #000; font-size: 14px; }
 div.under-bottom-payment{ width: 100%; display: flex; justify-content: center; padding: 37px 0 28px 0; }
 div.under-bottom-payment .container{ display: flex; align-items: center; }
 div.under-bottom-payment .container .img{ padding: 0 10px; }
 div.aivamedia{ width: 100%; padding: 0 0 50px 0; display: flex; justify-content: center; }
 div.aivamedia .container{ }
 div.aivamedia .container img{ height: 25px; }
}
@media only screen and (min-width: 320px) and (max-width: 700px) {
 div.under-bottom{ width: 100%; background: #f8f2e3; }
 div.under-bottom-container{ width: 100%; display: flex; flex-wrap: wrap; }
 div.copyright{ width: 100%; text-align: center; }
 div.copyright-container{ font-size: 14px; color: #000; padding: 50px 30px 0 30px; }
 div.copyright-container a{ color: #000; }
 div.under-bottom-inn{ width: 100%; text-align: center; }
 div.under-bottom-inn .container{ padding: 30px 30px 0 30px; color: #000; font-size: 14px; }
 div.under-bottom-payment{ width: 100%; display: flex; justify-content: center; padding: 37px 0 28px 0; }
 div.under-bottom-payment .container{ display: flex; align-items: center; }
 div.under-bottom-payment .container .img{ padding: 0 10px; }
 div.aivamedia{ width: 100%; padding: 0 0 50px 0; display: flex; justify-content: center; }
 div.aivamedia .container{ }
 div.aivamedia .container img{ height: 25px; }
}

/*BLOCK RIGHT STICKY*/
@media only screen and (min-width: 1621px) {
 div.block-right-fixed{ position: fixed; right: 0px; top: 550px; z-index: 100; width: 50px; height: 280px; }
 div.block-right-fixed .container{ transform: rotate(-90deg); white-space: nowrap; line-height: 1; font-size: 16px; font-weight: 700; }
 div.block-right-fixed .container span{ text-transform: uppercase; }  
 div.block-right-fixed .container a{ background: #ffd600; padding: 15px 30px; text-decoration: none; color: #000; }
 div.block-right-fixed .container a:hover{ background: #ff8a00; padding: 15px 30px; text-decoration: none; color: #fff; }  
}
@media only screen and (min-width: 1024px) and (max-width: 1620px) {
 div.block-right-fixed{ position: fixed; right: 0px; top: 550px; z-index: 100; width: 50px; height: 280px; }
 div.block-right-fixed .container{ transform: rotate(-90deg); white-space: nowrap; line-height: 1; font-size: 16px; font-weight: 700; }
 div.block-right-fixed .container span{ text-transform: uppercase; }  
 div.block-right-fixed .container a{ background: #ffd600; padding: 15px 30px; text-decoration: none; color: #000; }
 div.block-right-fixed .container a:hover{ background: #ff8a00; padding: 15px 30px; text-decoration: none; color: #fff; } 
}
@media only screen and (min-width: 641px) and (max-width: 1023px) {
 div.block-right-fixed{ position: fixed; right: 0px; top: 325px; z-index: 100; width: 50px; height: 280px; }
 div.block-right-fixed .container{ transform: rotate(-90deg); white-space: nowrap; line-height: 1; font-size: 16px; font-weight: 700; }
 div.block-right-fixed .container span{ text-transform: uppercase; }  
 div.block-right-fixed .container a{ background: #ffd600; padding: 15px 30px; text-decoration: none; color: #000; }
 div.block-right-fixed .container a:hover{ background: #ff8a00; padding: 15px 30px; text-decoration: none; color: #fff; } 
}
@media only screen and (min-width: 320px) and (max-width: 640px) {
 div.block-right-fixed{ position: fixed; right: 0px; top: 550px; z-index: 100; width: 50px; height: 280px; }
 div.block-right-fixed .container{ transform: rotate(-90deg); white-space: nowrap; line-height: 1; font-size: 16px; font-weight: 700; }
 div.block-right-fixed .container span{ text-transform: uppercase; }  
 div.block-right-fixed .container a{ background: #ffd600; padding: 15px 30px; text-decoration: none; color: #000; }
 div.block-right-fixed .container a:hover{ background: #ff8a00; padding: 15px 30px; text-decoration: none; color: #fff; } 
}

/*STR*/
@media only screen and (min-width: 1621px) {
 div.block-maps-str-contacts{ width: 1300px; margin: 0 auto; }
}
@media only screen and (min-width: 1200px) and (max-width: 1620px) {
 div.block-maps-str-contacts{ width: 1020px; margin: 0 auto; }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
 div.block-maps-str-contacts{ width: 100%; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.block-maps-str-contacts{ width: 100%; }
}


/*Для карусели*/
.carousel-item {
  border: 1px solid black;
  background: #EEEEEE;
  font-size: 23px;
  padding: 100px 20px;
  text-align: center;
  box-sizing: border-box;
  cursor: grab;
  position: relative;
  height: 230px;
  overflow-wrap: break-word;
}
/*END*/
/* End */
/* /bitrix/templates/vtire/components/bitrix/menu/top-menu/style.css?178756288410142 */
/* /bitrix/templates/vtire/components/bitrix/menu/bottom-menu/style.css?1787562884777 */
/* /bitrix/templates/vtire/components/bitrix/form.result.new/course/style.css?17875628848696 */
/* /bitrix/templates/vtire/components/bitrix/main.userconsent.request/main-form/user_consent.min.css?17875628843718 */
/* /bitrix/templates/vtire/styles.css?17875628843642 */
/* /bitrix/templates/vtire/template_styles.css?178756288444689 */