/* Start:/bitrix/templates/vtire_new/components/bitrix/menu/top-menu/style.css?178756288410437*/
@media only screen and (min-width: 1240px) {
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{ font-size: 20px; color: #05103C; padding: 0 16px; font-weight: 400; text-decoration: none; }
ul.dl-menu > li > a:hover { color: #05103C; }
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: 1239px) {
	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{ font-size: 18px; color: #05103C; padding: 0 16px; font-weight: 400; text-decoration: none; }
ul.dl-menu > li > a:hover { color: #05103C; }
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: 320px) and (max-width: 999px) {

/* Common styles of menus */

.dl-menuwrapper {
	width: 100%;
	max-width: 300px;
	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: 0px 15px 0 25px;
	text-align: right;
}

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


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

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

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 75%;
	height: 4px;
	background: #000;
	top: 10px;
	left: 16%;
	box-shadow: 
		0 10px 0 #000, 
		0 20px 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: #000;
	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;
	right: 0px;
	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: #F9F7F3;
}

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

}






/* End */


/* Start:/bitrix/templates/vtire_new/components/bitrix/breadcrumb/courses/style.css?1787562884774*/


ul.breadcrumb-navigation li{ display:inline; color: #7a7a7a; padding: 0 0 5px 0; }

ul.breadcrumb-navigation a{	color: #05103C; text-decoration: none; }
ul.breadcrumb-navigation a:hover{ text-decoration: underline; }
ul.breadcrumb-navigation span{	color: #05103C; }

@media only screen and (min-width: 1240px) {
 ul.breadcrumb-navigation{ padding:0; margin:0; padding-top:4px; list-style:none; font-size: 16px; }
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
ul.breadcrumb-navigation{ padding:0; margin:0; padding-top:4px; list-style:none; font-size: 16px; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
ul.breadcrumb-navigation{ padding:0; margin:0; padding-top:4px; list-style:none; font-size: 16px; }	
}

/* End */


/* Start:/bitrix/templates/vtire_new/components/bitrix/menu/bottom-menu/style.css?1787562884773*/


@media only screen and (min-width: 768px) {
 div.bottom-menu-container{ display: flex; justify-content: center; width: 600px; }
 div.bottom-menu-container .item{ line-height: 1; padding: 0 12px; font-weight: 400; font-size: 18px; }
 div.bottom-menu-container .item a{ color: #000; text-decoration: none; }
 div.bottom-menu-container .item a:hover{ color: #000; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.bottom-menu-container{ display: flex; flex-wrap: wrap; }
 div.bottom-menu-container .item{ width: 100%; line-height: 1; text-align: center; font-weight: 400; font-size: 18px; padding: 0 0 25px 0; }
 div.bottom-menu-container .item a{ color: #000; text-decoration: none; }
 div.bottom-menu-container .item a:hover{ color: #000; }
}




/* End */


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

@media only screen and (min-width: 1240px) {

}
@media only screen and (min-width: 768px) and (max-width: 1239px) {

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

/*Заголовок H1 для главной страницы*/
@media only screen and (min-width: 1240px) {
 h1.main{ font-size: 40px; font-weight: 500; color: #05103C; line-height: 108%; padding: 0 0 15px 0; margin: 0px; }
 h1.main span.v-320{ display: none; }
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
 h1.main{ font-size: 40px; font-weight: 500; color: #05103C; line-height: 108%; padding: 0 0 15px 0; margin: 0px; }
 h1.main span.v-320{ display: none; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 h1.main{ font-size: 28px; font-weight: 500; color: #05103C; line-height: 104%; padding: 0 0 15px 0; margin: 0px; text-align: center; }
 h1.main span.v-1240{ display: none; }	
}

/*CAP*/
@media only screen and (min-width: 1240px) {
 div.cap{ width: 100%; height: 123px; background: #F9F7F3; }
 div.cap-container{ width: 1216px; margin: 0 auto; height: 121px; display: flex; align-items: center; border-bottom: 2px solid #fff; }
 div.logo{ width: 243px; }
 div.logo-container{ width: 243px; }
 div.logo div.img{}
 div.logo div.text{ font-size: 9px; font-weight: 400; text-transform: uppercase; line-height: 130%; letter-spacing: 8%; color: #05103C; padding: 5px 0 0 0; display: flex; justify-content: flex-end; }
 div.top-menu{ flex-grow: 1; display: flex; justify-content: flex-end; }
 div.top-soc-seti{}
 div.tpc-container{ display: flex; justify-content: flex-end; }
 div.tpc-container .icon-vk{ padding: 0 0 0 30px; }
 div.tpc-container .icon-telegram{ padding: 0 0 0 30px; }
 div.tpc-container .icon-max{ padding: 0 0 0 30px; }
}
@media only screen and (min-width: 1000px) and (max-width: 1239px) {
 div.cap{ width: 100%; height: 99px; background: #F9F7F3; }
 div.cap-container{ width: 100%; height: 97px; display: flex; align-items: center; border-bottom: 2px solid #fff; }
 div.logo{ width: 220px; display: flex; justify-content: flex-end; }
 div.logo-container{ width: 200px; }
 div.logo img{ width: 200px; }
 div.logo div.text{ font-size: 7.4px; font-weight: 400; text-transform: uppercase; line-height: 130%; letter-spacing: 8%; color: #05103C; padding: 4px 0 0 0; display: flex; justify-content: flex-end; }
 div.top-menu{ display: flex; justify-content: flex-end; flex-grow: 1; }
 div.top-soc-seti{ display: none; }
}
@media only screen and (min-width: 320px) and (max-width: 999px) {
 div.cap{ width: 100%; height: 82px; background: #F9F7F3; }
 div.cap-container{ width: 100%; height: 80px; display: flex; align-items: center; border-bottom: 2px solid #fff; }
 div.logo{ width: 180px; display: flex; justify-content: flex-end; }
 div.logo-container{ width:  160px; }
 div.logo img{ width: 160px; }
 div.logo div.text{ font-size: 5.7px; font-weight: 400; text-transform: uppercase; line-height: 130%; letter-spacing: 8%; color: #05103C; padding: 4px 0 0 0; display: flex; justify-content: flex-end; }
 div.top-menu{ display: flex; justify-content: flex-end; flex-grow: 1; }
 div.top-soc-seti{ display: none; }
}




/*BLOCK TOP*/
@media only screen and (min-width: 1240px) {
 div.block-top{ width: 100%; background: #F9F7F3; }
 div.block-top-container{ width: 1216px; margin: 0 auto; display: flex; flex-wrap: wrap; padding: 60px 0 0 0; }
 div.win-real{ width: 50%; height: 575px; }
 div.win-real-container{ height: 575px; background: url('/bitrix/templates/vtire_new/images/block-top-deti-bg.png') no-repeat bottom right; }
 div.win-real-title{ font-size: 40px; font-weight: 700; color: #05103C; line-height: 108%; padding: 0 0 15px 0; }
 div.win-real-title span{ color: #F06423; }
 div.win-real-text{ color: #05103C; font-size: 20px; font-weight: 400; line-height: 130%; padding: 0 0 15px 0; }
 div.top-form{ width: 50%; height: 575px; background: #fff; }
 
 div.top-form div.top-form-title-dop-mob{ display: none; }
 
 div.block-top-text{ width: 100%; height: 80px; background: #F3EDE4; }
 div.block-top-text-container{ height: 80px; color: #05103C; font-size: 20px; font-weight: 400; line-height: 130%; text-align: center; display: flex; align-items: center; padding: 0 40px; }
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
 div.block-top{ width: 100%; background: #F9F7F3; }
 div.block-top-container{ width: 100%; display: flex; flex-wrap: wrap; padding: 50px 0 0 0; }
 div.win-real{ order: 1; width: 100%; }
 div.win-real-container{ background: url('/bitrix/templates/vtire_new/images/block-top-deti-bg-2.png') no-repeat bottom right; }
 div.win-real-title{ font-size: 40px; font-weight: 700; color: #05103C; line-height: 108%; padding: 0 0 15px 25px; }
 div.win-real-title span{ color: #F06423; }
 div.win-real-text{ color: #05103C; width: 400px; font-size: 20px; font-weight: 400; line-height: 130%; padding: 0 0 15px 25px; }
 div.win-real-button{ padding: 0 0 50px 25px; }
 div.top-form{ order: 3; width: 100%; }
 
 div.top-form div.top-form-title-dop-mob{ width: 100%; background: #F9F7F3; text-align: center; padding: 40px 0; }
 div.top-form div.top-form-title-dop-mob a{ color: #FF8800; font-size: 40px; font-weight: 500; line-height: 108%; text-decoration: none; background: url('/bitrix/templates/vtire_new/images/arrow-width-title-form.png') right center no-repeat; padding: 0 45px; }

 #top-form-container{ display: none; }
 #top-form-container:target{ display: block; }
 
 div.block-top-text{ order: 2; width: 100%;background: #F3EDE4; }
 div.block-top-text-container{ color: #05103C; font-size: 20px; font-weight: 400; line-height: 130%; text-align: center; display: flex; align-items: center; padding: 20px 40px; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.block-top{ width: 100%; background: #F9F7F3; }
 div.block-top-container{ width: 100%; display: flex; flex-wrap: wrap; padding: 35px 0 0 0; }
 div.win-real{ order: 1; width: 100%; }
 div.win-real-container{}
 div.win-real-title{ font-size: 28px; font-weight: 700; color: #05103C; line-height: 108%; padding: 0 25px 15px 25px; text-align: center; }
 div.win-real-title span{ color: #F06423; }
 div.win-real-text{ color: #05103C; font-size: 18px; font-weight: 400; line-height: 130%; padding: 0 25px 15px 25px; text-align: center; }
 div.win-real-button{ padding: 0 25px 35px 25px; text-align: center; }
 div.top-form{ order: 3; width: 100%; }
 
 div.top-form div.top-form-title-dop-mob{ width: 100%; background: #F9F7F3; text-align: center; padding: 30px 0; }
 div.top-form div.top-form-title-dop-mob a{ color: #FF8800; font-size: 20px; font-weight: 500; line-height: 108%; text-decoration: none; padding: 0 45px; }

 #top-form-container{ display: none; }
 #top-form-container:target{ display: block; }
 
 div.block-top-text{ order: 2; width: 100%; background: #F3EDE4; }
 div.block-top-text-container{ color: #05103C; font-size: 16px; font-weight: 400; line-height: 130%; text-align: center; display: flex; align-items: center; padding: 20px 40px; }
}


/*PROGRAM SELECTION*/
@media only screen and (min-width: 1240px) {
 div.program-selection{ width: 100%; height: 385px; display: flex; align-items: center; }
 div.program-selection-container{ width: 1216px; margin: 0 auto; }
 div.program-selection-title{ font-size: 40px; font-weight: 500; color: #05103C; line-height: 108%; padding: 0 0 30px 0; }
 div.program-selection-block{ width: 1216px; height: 163px; display: flex; }
 div.program-selection-class{ height: 163px; }
 div.psc-width-1, div.psc-width-2, div.psc-width-3{ width: 307px; }
 div.psc-width-4{ width: 295px; }
 div.psc-container{ width: 295px; height: 163px; border-radius: 30px; display: flex; justify-content: center; align-items: center; cursor: pointer; }
 div.psc-bg-1{ background: #FFEBB3; }
 div.psc-bg-2{ background: #FFDD80; }
 div.psc-bg-3{ background: #FFC480; }
 div.psc-bg-4{ background: #FFAC4D; }
 div.psc-text-block{ width: 250px; }
 div.psc-text-block p.title{ padding: 0 0 10px 0; margin: 0px; line-height: 100%; font-size: 32px; font-weight: 500; color: #05103C; }
 div.psc-text-block p.text{ padding: 0px; margin: 0px; line-height: 120%; font-size: 16px; font-weight: 400; color: #05103C; letter-spacing: 2%; }
}
@media only screen and (min-width: 600px) and (max-width: 1239px) {
 div.program-selection{ width: 100%; display: flex; align-items: center; }
 div.program-selection-container{ width: 100%; padding: 60px 25px 50px 25px; }
 div.program-selection-title{ font-size: 40px; font-weight: 500; color: #05103C; line-height: 108%; padding: 0 0 30px 0; text-align: center; }
 div.program-selection-block{ display: flex; flex-wrap: wrap; }
 div.program-selection-class{ height: 154px; width: 50%; }

 div.psc-indent-1, div.psc-indent-3{ padding: 0 7px 0 0; }
 div.psc-indent-2, div.psc-indent-4{ padding: 0 0 0 7px; }

 div.psc-container{ height: 144px; border-radius: 30px; display: flex; justify-content: center; align-items: center; padding: 0 25px; cursor: pointer; }
 div.psc-bg-1{ background: #FFEBB3; }
 div.psc-bg-2{ background: #FFDD80; }
 div.psc-bg-3{ background: #FFC480; }
 div.psc-bg-4{ background: #FFAC4D; }
 div.psc-text-block{}
 div.psc-text-block p.title{ padding: 0 0 10px 0; margin: 0px; line-height: 100%; font-size: 32px; font-weight: 500; color: #05103C; }
 div.psc-text-block p.text{ padding: 0px; margin: 0px; line-height: 120%; font-size: 16px; font-weight: 400; color: #05103C; letter-spacing: 2%; }
}
@media only screen and (min-width: 320px) and (max-width: 599px) {
 div.program-selection{ width: 100%; display: flex; align-items: center; }
 div.program-selection-container{ width: 100%; padding: 40px 25px 30px 25px; }
 div.program-selection-title{ font-size: 28px; font-weight: 500; color: #05103C; line-height: 108%; padding: 0 0 25px 0; text-align: center; }
 div.program-selection-block{ display: flex; flex-wrap: wrap; }
 div.program-selection-class{ height: 154px; width: 100%; }

 div.psc-container{ height: 144px; border-radius: 30px; display: flex; justify-content: center; align-items: center; padding: 0 25px; cursor: pointer; }
 div.psc-bg-1{ background: #FFEBB3; }
 div.psc-bg-2{ background: #FFDD80; }
 div.psc-bg-3{ background: #FFC480; }
 div.psc-bg-4{ background: #FFAC4D; }
 div.psc-text-block{}
 div.psc-text-block p.title{ padding: 0 0 10px 0; margin: 0px; line-height: 100%; font-size: 24px; font-weight: 500; color: #05103C; }
 div.psc-text-block p.text{ padding: 0px; margin: 0px; line-height: 120%; font-size: 18px; font-weight: 400; color: #05103C; letter-spacing: 2%; }
}


/*DASH COURSES*/
@media only screen and (min-width: 1240px) {
 div.dash-courses{ width: 100%; }
 div.dash-courses-container{ width: 1216px; height: 325px; margin: 0 auto; background: #F9F7F3; }
 div.dash-courses-title{ font-size: 40px; font-weight: 500; color: #05103C; line-height: 108%; padding: 40px 0 30px 25px; }
 div.dash-courses-block{ display: flex; padding: 0 25px; }
 div.dash-courses-list{ width: 33.3%; } 
 div.dash-courses-list .name{ font-size: 24px; color: #F06423; line-height: 116%; font-weight: 500; background: url('/bitrix/templates/vtire_new/images/dash-courses-list.png') 5px 5px no-repeat; padding: 0 0 0 33px; }
 div.dash-courses-list .result{ font-size: 20px; color: #05103C; font-weight: 400; line-height: 130%; padding: 10px 0 0 33px; }
 div.dash-courses-list .result span{ color: #F06423; }
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
 div.dash-courses{ width: 100%; }
 div.dash-courses-container{ width: 100%; background: #F9F7F3; padding: 40px 0 25px 0; }
 div.dash-courses-title{ font-size: 40px; font-weight: 500; color: #05103C; line-height: 108%; padding: 0px 0 30px 25px; text-align: center; }
 div.dash-courses-block{ display: flex; padding: 0 25px; flex-wrap: wrap; }
 div.dash-courses-list{ width: 100%; padding: 0 0 15px 0; } 
 div.dash-courses-list .name{ font-size: 24px; color: #F06423; line-height: 116%; font-weight: 500; background: url('/bitrix/templates/vtire_new/images/dash-courses-list.png') 5px 5px no-repeat; padding: 0 0 0 33px; }
 div.dash-courses-list .result{ font-size: 20px; color: #05103C; font-weight: 400; line-height: 130%; padding: 10px 0 0 33px; }
 div.dash-courses-list .result span{ color: #F06423; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.dash-courses{ width: 100%; }
 div.dash-courses-container{ width: 100%; background: #F9F7F3; padding: 40px 0 25px 0; }
 div.dash-courses-title{ font-size: 28px; font-weight: 500; color: #05103C; line-height: 104%; padding: 0px 0 30px 25px; }
 div.dash-courses-block{ display: flex; padding: 0 25px; flex-wrap: wrap; }
 div.dash-courses-list{ width: 100%; padding: 0 0 15px 0; } 
 div.dash-courses-list .name{ font-size: 20px; color: #F06423; line-height: 116%; font-weight: 500; background: url('/bitrix/templates/vtire_new/images/dash-courses-list.png') 5px 5px no-repeat; padding: 0 0 0 33px; }
 div.dash-courses-list .result{ display: none; }
}


/*DASH VAUES*/
@media only screen and (min-width: 1240px) {
 div.dash-values{ width: 100%; }
 div.dash-values-container{ width: 1216px; margin: 0 auto; padding: 80px 0; }
 div.dash-values-title{ font-size: 40px; font-weight: 500; color: #05103C; line-height: 108%; padding: 0 0 30px 0; }
 div.dash-values-doptitle{ font-size: 24px; font-weight: 500; color: #05103C; line-height: 116%; padding: 0 0 25px 0; }
 div.dash-values-items{ display: flex; flex-wrap: wrap; width: 100%; }
 div.dash-values-items .item-1, div.dash-values-items .item-2, div.dash-values-items .item-3, div.dash-values-items .item-5, div.dash-values-items .item-6, div.dash-values-items .item-7{ width: 307px; }
 div.dash-values-items .item-4, div.dash-values-items .item-8{ width: 295px; }
 div.dash-values-items .line-1{ height: 140px; }
 div.dash-values-item-container{ background: #F9F7F3; width: 295px; height: 128px; display: flex; align-items: center; }
 div.dash-values-item .icon{ padding: 0 15px 0 25px; }
 div.dash-values-item .text{ font-size: 24px; color: #F06423; font-weight: 500; }
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
 div.dash-values{ width: 100%; }
 div.dash-values-container{ width: 100%; padding: 60px 0; }
 div.dash-values-title{ font-size: 40px; font-weight: 500; color: #05103C; line-height: 108%; padding: 0 0 30px 0; text-align: center; }
 div.dash-values-doptitle{ display: none; }
 div.dash-values-items{ display: flex; flex-wrap: wrap; padding: 0 25px; }
 div.dash-values-item{ width: 50%; }
 
 div.dvi-indent-1, div.dvi-indent-3, div.dvi-indent-5, div.dvi-indent-7{ padding: 0 5px 0 0; }
 div.dvi-indent-2, div.dvi-indent-4, div.dvi-indent-6, div.dvi-indent-8{ padding: 0 0 0 5px; }
 
 div.dash-values-items .line-1{ height: 102px; }
 div.dash-values-items .line-2{ height: 102px; }
 div.dash-values-item-container{ background: #F9F7F3; height: 92px; display: flex; align-items: center; }
 div.dash-values-item .icon{ padding: 0 15px 0 25px; }
 div.dash-values-item .text{ font-size: 24px; color: #F06423; font-weight: 500; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.dash-values{ width: 100%; }
 div.dash-values-container{ width: 100%; padding: 40px 0; }
 div.dash-values-title{ font-size: 28px; font-weight: 500; color: #05103C; line-height: 104%; padding: 0 0 30px 25px; }
 div.dash-values-doptitle{ display: none; }
 div.dash-values-items{padding: 0 25px; }
 div.dash-values-item{ width: 100%; padding: 0 0 15px 0; }

 div.dash-values-item-container{ display: flex; align-items: center; }
 div.dash-values-item .icon{ padding: 0 15px 0 0px; }
 div.dash-values-item .text{ font-size: 24px; color: #F06423; font-weight: 500; }
}
 

/*PHOTOGALLERY MAIN*/
@media only screen and (min-width: 1240px) {
 div.photogallery-main{ width: 100%; background: #F9F7F3; }
 div.photogallery-main-container{ width: 1216px; margin: 0 auto; padding: 60px 0; }
 div.photogallery-main-title{ font-size: 40px; font-weight: 500; color: #05103C; line-height: 108%; padding: 0 0 30px 0; }
 div.photogallery-main-title span{ color: #F06423; }
 div.photogallery-main-text{ font-size: 20px; color: #05103C; font-weight: 400; line-height: 130%; }
 div.photogallery-main-text p{ margin: 0px; padding: 0px; }
 div.photogallery-main-text p.paragraph-1{ padding: 0 0 15px 0; }
 div.photogallery-main-text span{ color: #F06423; font-weight: 700; }
 div.photogallery-main-block{ display: flex; padding: 30px 0 0 0; }
 div.photogallery-main-block img{ margin: 0px; padding: 0px; }
 div.photogallery-main-blockleft{ width: 50%; display: flex; flex-wrap: wrap; }
 div.photogallery-main-blockright{ width: 50%; display: flex; flex-wrap: wrap; justify-content: flex-end; }

 div.pmb-img-1{ padding: 0 0 10px 0; }
 div.pmb-img-2{ padding: 0 15px 0 0; }
 div.pmb-img-5{ padding: 0 0 0 15px; }
 div.pmb-img-6{ padding: 10px 0 0 0; }
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
 div.photogallery-main{ width: 100%; background: #F9F7F3; }
 div.photogallery-main-container{ padding: 60px 0; }
 div.photogallery-main-title{ font-size: 40px; font-weight: 500; color: #05103C; line-height: 108%; padding: 0 30px 30px 30px; text-align: center; }
 div.photogallery-main-title span{ color: #F06423; }
 div.photogallery-main-text{ font-size: 20px; color: #05103C; font-weight: 400; line-height: 130%; padding: 0 25px; }
 div.photogallery-main-text p{ margin: 0px; padding: 0px; }
 div.photogallery-main-text p.paragraph-1{ padding: 0 0 15px 0; }
 div.photogallery-main-text span{ color: #F06423; font-weight: 700; }
 div.photogallery-main-block{ display: none; }
 div.photogallery-main-block img{ min-width: 174px; width: 100%; }
 div.photogallery-main-blockleft{ width: 50%; display: flex; flex-wrap: wrap; }
 div.photogallery-main-blockright{ width: 50%; display: flex; flex-wrap: wrap; justify-content: flex-end; }

 div.pmb-img-1{ padding: 0 0 10px 0; }
 div.pmb-img-2{ padding: 0 15px 0 0; }
 div.pmb-img-5{ padding: 0 0 0 15px; }
 div.pmb-img-6{ padding: 10px 0 0 0; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.photogallery-main{ width: 100%; background: #F9F7F3; }
 div.photogallery-main-container{ padding: 60px 0; }
 div.photogallery-main-title{ font-size: 28px; font-weight: 500; color: #05103C; line-height: 104%; padding: 0 30px 30px 30px; }
 div.photogallery-main-title span{ color: #F06423; }
 div.photogallery-main-text{ font-size: 20px; color: #05103C; font-weight: 400; line-height: 130%; padding: 0 25px; }
 div.photogallery-main-text p{ margin: 0px; padding: 0px; }
 div.photogallery-main-text p.paragraph-1{ padding: 0 0 15px 0; }
 div.photogallery-main-text span{ color: #F06423; font-weight: 700; }
 div.photogallery-main-block{ display: none; }
}

/*FIRST STEP*/

@media only screen and (min-width: 1240px) {
 div.first-step{ width: 100%; }
 div.first-step-container{ width: 1216px; margin: 0 auto; display: flex; padding: 80px 0; }
 div.first-step-leftblock{ width: 45%; }
 div.first-step-title{ font-size: 40px; font-weight: 500; color: #05103C; line-height: 108%; padding: 0 0 0px 0; }

 div.first-step-rightblock{ width: 55%; }
 div.first-step-items{ display: flex; flex-wrap: wrap; }
 div.first-step-item{ padding: 0 15px 15px 0; }
 div.first-step-item a{ text-decoration: none; }
 div.first-step-item-container{ padding: 15px 20px; text-align: center; border-radius: 25px; font-size: 20px; font-weight: 700; line-height: 130%; }
 div.fsi-color-1{ background: #FF8800; color: #fff; }
 div.fsi-color-2{ background: #F3EDE4; color: #05103C; }
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
 div.first-step{ width: 100%; }
 div.first-step-container{ width: 100%; padding: 60px 0; }
 div.first-step-leftblock{ width: 100%; }
 div.first-step-title{ font-size: 40px; font-weight: 500; color: #05103C; line-height: 108%; padding: 0 0 0px 0; text-align: center; }

 div.first-step-rightblock{ padding: 40px 0 0 0; display: flex; justify-content: center; }
 div.first-step-items{ display: flex; flex-wrap: wrap; width: 650px; }
 div.first-step-item{ padding: 0 15px 15px 0; }
 div.first-step-item a{ text-decoration: none; }
 div.first-step-item-container{ padding: 15px 20px; text-align: center; border-radius: 25px; font-size: 20px; font-weight: 700; line-height: 130%; }
 div.fsi-color-1{ background: #FF8800; color: #fff; }
 div.fsi-color-2{ background: #F3EDE4; color: #05103C; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.first-step{ display: none; }
}

/*REVIEWS MAIN*/
@media only screen and (min-width: 1240px) {
 div.reviews-main{ width: 100%; }
 div.reviews-main-container{ width: 1216px; margin: 0 auto; border: 3px solid #F3EDE4; border-radius: 25px; }
 div.reviews-main-block{ padding: 60px; }
 div.reviews-main-title{ color: #05103C; font-size: 40px; font-weight: 500; line-height: 108%; padding: 0 0 30px 0; }
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
 div.reviews-main{ padding: 0 25px; }
 div.reviews-main-container{ border: 3px solid #F3EDE4; border-radius: 25px; }
 div.reviews-main-block{ padding: 60px; }
 div.reviews-main-title{ color: #05103C; font-size: 40px; font-weight: 500; line-height: 108%; padding: 0 0 30px 0; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.reviews-main{ padding: 40px 25px 0 25px; }
 div.reviews-main-container{ border: 3px solid #F3EDE4; border-radius: 25px; }
 div.reviews-main-block{ padding: 35px 25px 35px 25px; }
 div.reviews-main-title{ color: #05103C; font-size: 28px; font-weight: 500; line-height: 104%; padding: 0 0 25px 0; }	
}

/*TEACHERS LINE*/
@media only screen and (min-width: 1240px) {
 div.teachers-line{ width: 100%; }
 div.teachers-line-block{ width: 1216px; margin: 0 auto; padding: 80px 0; }
 div.teachers-line-title{ color: #05103C; font-size: 40px; font-weight: 500; line-height: 108%; padding: 0 0 30px 0; }
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
 div.teachers-line{ width: 100%; }
 div.teachers-line-block{ padding: 60px 25px; }
 div.teachers-line-title{ color: #05103C; font-size: 40px; font-weight: 500; line-height: 108%; padding: 0 0 30px 0; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.teachers-line{ width: 100%; }
 div.teachers-line-block{ padding: 40px 25px; }
 div.teachers-line-title{ color: #05103C; font-size: 28px; font-weight: 500; line-height: 104%; padding: 0 0 25px 0; text-align: center; }	
}


/*FIND STRENGTH*/
@media only screen and (min-width: 1240px) {
 div.find-strength{ width: 100%; background: #F9F7F3; }
 div.find-strength-container{ width: 1216px; margin: 0 auto; padding: 60px 0; }
 div.find-strength-block{ display: flex; }
 div.fs-leftblock{ padding: 0 35px 0 0; }
 div.fs-leftblock img{ border-radius: 25px; }
 div.fs-rightblock{}
 div.fs-rightblock-title{ font-size: 40px; font-weight: 500; color: #05103C; line-height: 108%; padding: 0 0 30px 0; }
 div.fs-rightblock-title span{ color: #F06423; }
 div.fs-rightblock-doptitle{ font-size: 24px; font-weight: 500; color: #F06423; line-height: 116%; padding: 0 0 15px 0; }
 div.fs-rightblock-text{ font-size: 20px; color: #05103C; font-weight: 400; line-height: 130%; }

 div.find-strength-doptitle{ font-size: 32px; font-weight: 500; color: #05103C; line-height: 100%; padding: 40px 0 30px 0; text-align: center; }

 div.find-strength-block-2{ display: flex; }
 div.find-strength-list{ width: 33.3%; } 
 div.find-strength-list .name{ font-size: 24px; color: #F06423; line-height: 116%; font-weight: 500; background: url('/bitrix/templates/vtire_new/images/dash-courses-list.png') 5px 5px no-repeat; padding: 0 0 0 33px; }
 div.find-strength-list .result{ font-size: 20px; color: #05103C; font-weight: 400; line-height: 130%; padding: 10px 10px 0 10px; }

 div.find-strength-button{ display: flex; justify-content: center; padding: 40px 0 0 0; }
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
 div.find-strength{ width: 100%; background: #F9F7F3; }
 div.find-strength-container{ padding: 60px 25px; }
 div.find-strength-block{ display: flex; }
 div.fs-leftblock{ padding: 0 35px 0 0; }
 div.fs-leftblock img{ border-radius: 25px; min-width: 355px; width: 100%; }
 div.fs-rightblock{}
 div.fs-rightblock-title{ font-size: 40px; font-weight: 500; color: #05103C; line-height: 108%; padding: 0 0 30px 0; }
 div.fs-rightblock-title span{ color: #F06423; }
 div.fs-rightblock-doptitle{ display: none; }
 div.fs-rightblock-text{ display: none }

 div.find-strength-doptitle{ font-size: 32px; font-weight: 500; color: #05103C; line-height: 100%; padding: 40px 0 30px 0; text-align: center; }

 div.find-strength-block-2{ display: flex; flex-wrap: wrap; }
 div.find-strength-list{ width: 100%; padding: 0 0 15px 0; } 
 div.find-strength-list .name{ font-size: 24px; color: #F06423; line-height: 116%; font-weight: 500; background: url('/bitrix/templates/vtire_new/images/dash-courses-list.png') 5px 5px no-repeat; padding: 0 0 0 33px; }
 div.find-strength-list .result{ font-size: 20px; color: #05103C; font-weight: 400; line-height: 130%; padding: 10px 0 0 0; }

 div.find-strength-button{ display: flex; justify-content: center; padding: 40px 0 0 0; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.find-strength{ width: 100%; background: #F9F7F3; }
 div.find-strength-container{ padding: 40px 20px; }
 div.find-strength-block{ display: flex; flex-wrap: wrap; }
 div.fs-leftblock{ padding: 0; order: 2; }
 div.fs-leftblock img{ border-radius: 25px; min-width: 280px; width: 100%; }
 div.fs-rightblock{ order: 1; }
 div.fs-rightblock-title{ font-size: 28px; font-weight: 500; color: #05103C; line-height: 108%; padding: 0 0 25px 0; }
 div.fs-rightblock-title span{ color: #F06423; }
 div.fs-rightblock-doptitle{ display: none; }
 div.fs-rightblock-text{ display: none; }

 div.find-strength-doptitle{ font-size: 32px; font-weight: 500; color: #05103C; line-height: 100%; padding: 25px 0 25px 0; text-align: center; }

 div.find-strength-block-2{ display: flex; flex-wrap: wrap; }
 div.find-strength-list{ width: 100%; padding: 0 0 15px 0; } 
 div.find-strength-list .name{ font-size: 24px; color: #F06423; line-height: 116%; font-weight: 500; background: url('/bitrix/templates/vtire_new/images/dash-courses-list.png') 5px 5px no-repeat; padding: 0 0 0 33px; }
 div.find-strength-list .result{ display: none; }

 div.find-strength-button{ display: flex; justify-content: center; padding: 25px 0 0 0; }	
}

/*CENTER PATH*/
@media only screen and (min-width: 1240px) {
 div.center-path{ width: 100%; } 
 div.center-path-container{ width: 1216px; margin: 0 auto; padding: 80px 0; }
 div.center-path div.contant{}
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
 div.center-path{ width: 100%; } 
 div.center-path-container{ padding: 60px 25px; }
 div.center-path div.contant{}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.center-path{ width: 100%; } 
 div.center-path-container{ padding: 40px 25px 0px 25px; }
 div.center-path div.contant{}
}

/*CENTER PATH VN*/
@media only screen and (min-width: 1240px) {
 div.center-path-vn{ width: 100%; background: #F9F7F3; } 
 div.center-path-container-vn{ width: 1216px; margin: 0 auto; padding: 35px 0; }
 /* CENTER PATH VN COURSES ELEMENT */
 div.center-path-container-element{ width: 1216px; margin: 0 auto; padding: 35px 0; }
 /*END*/
 div.center-path-vn div.contant{}
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
 div.center-path-vn{ width: 100%; } 
 div.center-path-container-vn{ padding: 60px 25px; }
 /* CENTER PATH VN COURSES ELEMENT */
 div.center-path-container-element{ background: #F9F7F3; }
 /*END*/
 div.center-path-vn div.contant{}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.center-path-vn{ width: 100%; } 
 div.center-path-container-vn{ padding: 40px 25px 0px 25px; }
 /* CENTER PATH VN COURSES ELEMENT */
 div.center-path-container-element{ background: #F9F7F3; }
 /*END*/
 div.center-path-vn div.contant{}
}

@media only screen and (min-width: 1240px) {
 div.breadcrumb{}
 div.breadcrumb-container{ line-height: 1; padding: 0 0 30px 0; }
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
 div.breadcrumb{}
 div.breadcrumb-container{ line-height: 1; padding: 30px 40px; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.breadcrumb{}
 div.breadcrumb-container{ line-height: 1; padding: 20px 40px; }
}


/*LIBRARY TIRE MAIN*/
@media only screen and (min-width: 1240px) {
 div.library-tire-main{ width: 100%; }
 div.library-tire-main-container{ width: 1216px; margin: 0 auto; padding: 60px 0; }
 div.library-tire-main-title{ font-size: 40px; font-weight: 500; color: #05103C; line-height: 108%; padding: 0 0 30px 0; }
 div.library-tire-block{ width: 100%; height: 202px; display: flex; }
 div.library-tire-item{ height: 202px; }
 div.lti-width-1, div.lti-width-2, div.lti-width-3{ width: 307px; }
 div.lti-width-4{ width: 295px; }
 div.lti-container{ width: 295px; height: 202px; border-radius: 30px; display: flex; justify-content: center; background: #F9F7F3; }

 div.lti-text-block{ width: 250px; }
 div.lti-text-block p.title{ padding: 15px 0 10px 0; margin: 0px; font-size: 20px; color: #05103C; font-weight: 400; line-height: 130%; }
 div.lti-text-block p.text{ padding: 0 0px 0 0; margin: 0px; font-size: 20px; color: #05103C; font-weight: 700; line-height: 130%; }
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
 div.library-tire-main{ width: 100%; }
 div.library-tire-main-container{ padding: 60px 25px; }
 div.library-tire-main-title{ font-size: 40px; font-weight: 500; color: #05103C; line-height: 108%; padding: 0 0 30px 0; }
 div.library-tire-block{ width: 100%; display: flex; flex-wrap: wrap; }
 div.library-tire-item{ width: 50%; height: 148px; }
 
 div.lti-indent-1, div.lti-indent-3{ padding: 0 7px 0 0; }
 div.lti-indent-2, div.lti-indent-4{ padding: 0 0 0 7px; }
 
 div.lti-container{ width: 100%; height: 134px; border-radius: 30px; display: flex; justify-content: center; background: #F9F7F3; }

 div.lti-text-block{ width: 100%; }
 div.lti-text-block p.title{ padding: 25px 0 10px 25px; margin: 0px; font-size: 20px; color: #05103C; font-weight: 400; line-height: 130%; }
 div.lti-text-block p.text{ padding: 0 0px 0 25px; margin: 0px; font-size: 20px; color: #05103C; font-weight: 700; line-height: 130%; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.library-tire-main{ width: 100%; }
 div.library-tire-main-container{ padding: 40px 25px; }
 div.library-tire-main-title{ font-size: 28px; font-weight: 500; color: #05103C; line-height: 104%; padding: 0 0 25px 0; text-align: center; }
 div.library-tire-block{ width: 100%; display: flex; flex-wrap: wrap; }
 div.library-tire-item{ width: 100%; height: 148px; }

 
 div.lti-container{ width: 100%; height: 134px; border-radius: 30px; display: flex; justify-content: center; background: #F9F7F3; }

 div.lti-text-block{ width: 100%; }
 div.lti-text-block p.title{ padding: 25px 25px 10px 25px; margin: 0px; font-size: 18px; color: #05103C; font-weight: 400; line-height: 130%; text-align: center; }
 div.lti-text-block p.text{ padding: 0 25px 0 25px; margin: 0px; font-size: 18px; color: #05103C; font-weight: 700; line-height: 130%; text-align: center; }	
}

/*FAQ MAIN*/
/*COMPONENT NEWS LINE - FAQ*/
@media only screen and (min-width: 1240px) {
 div.faq-main{ width: 100%; }
 div.faq-main-container{ width: 1216px; margin: 0 auto; padding: 0 0 50px 0; }
 div.faq-main-title{ font-size: 40px; font-weight: 500; color: #05103C; line-height: 108%; padding: 0 0 30px 0; }
 div.faq-main-items{ width: 100%; }
 div.faq-main-item{ padding: 0 0 10px 0; }
 div.faq-main-item-container{ border-radius: 20px; background: #F3EDE4; padding: 20px 40px; }
 div.faq-main-question{ font-size: 24px; font-weight: 500; color: #05103C; line-height: 116%; background: url('/bitrix/templates/vtire_new/images/arrow-faq.png') center right no-repeat; }
 div.faq-main-otvet{ padding: 20px 0 0 0; }
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
 div.faq-main{ width: 100%; }
 div.faq-main-container{ padding: 0 25px 40px 25px; }
 div.faq-main-title{ font-size: 40px; font-weight: 500; color: #05103C; line-height: 108%; padding: 0 0 30px 0; }
 div.faq-main-items{ width: 100%; }
 div.faq-main-item{ padding: 0 0 10px 0; }
 div.faq-main-item-container{ border-radius: 20px; background: #F3EDE4; padding: 20px 40px; }
 div.faq-main-question{ font-size: 24px; font-weight: 500; color: #05103C; line-height: 116%; background: url('/bitrix/templates/vtire_new/images/arrow-faq.png') center right no-repeat; }
 div.faq-main-otvet{ padding: 20px 0 0 0; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.faq-main{ width: 100%; }
 div.faq-main-container{ padding: 0 25px 30px 25px; }
 div.faq-main-title{ font-size: 28px; font-weight: 500; color: #05103C; line-height: 104%; padding: 0 0 25px 0; text-align: center; }
 div.faq-main-items{ width: 100%; }
 div.faq-main-item{ padding: 0 0 10px 0; }
 div.faq-main-item-container{ border-radius: 20px; background: #F3EDE4; padding: 20px 20px; }
 div.faq-main-question{ font-size: 20px; font-weight: 500; color: #05103C; line-height: 116%; background: url('/bitrix/templates/vtire_new/images/arrow-faq.png') center right no-repeat; padding: 0 40px 0 0; }	
 div.faq-main-otvet{ padding: 20px 0 0 0; }
}



/*BOTTOM*/
@media only screen and (min-width: 1240px) {
 div.bottom{ width: 100%; background: #F3EDE4; }
 div.bottom-container{ width: 1216px; margin: 0 auto; padding: 60px 0; }
 div.bottom-cap{ display: flex; }
 div.bottom-soc-seti{ width: 280px; }
 div.bottm-soc-seti-container{ display: flex; }
 div.icon-soc-seti{ padding: 0 25px 0 0; }

 div.bottom-menu{ width: 100%; }

 div.bottom-logo{ min-width: 280px; display: flex; justify-content: flex-end; }
 div.bottom-logo-container{ width: 185px; }
 div.bottom-logo div.img img{ width: 185px; }
 div.bottom-logo div.text{ font-size: 9px; }

 div.bottom-center{ display: flex; justify-content: center; padding: 25px 0; }
 div.bottom-center-container{ font-size: 16px; font-weight: 400; color: #000; line-height: 120%; letter-spacing: 2%; }

 div.under-bottom{ display: flex; justify-content: center; }
 div.under-bottom a{ color: #000; }
 div.under-bottom-left{ padding: 0 50px 0 0; }
 div.under-bottom-left p{ padding: 0px; margin: 0px; text-align: center; font-size: 16px; line-height: 120%; font-weight: 400; }
 div.under-bottom-right{ padding: 0 0 0 50px; }
 div.under-bottom-right p{ padding: 0px; margin: 0px; text-align: center; font-size: 16px; line-height: 120%; font-weight: 400; }
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
 div.bottom{ width: 100%; background: #F3EDE4; }
 div.bottom-container{ width: 100%; padding: 60px 0; }
 div.bottom-cap{ width: 100%; }
 div.bottom-soc-seti{ width: 100%; display: flex; justify-content: center; }
 div.bottm-soc-seti-container{ display: flex; }
 div.icon-soc-seti{ padding: 0 20px; }

 div.bottom-menu{ width: 100%; display: flex; justify-content: center; padding: 30px 0; }

 div.bottom-logo{ min-width: 100%; display: flex; justify-content: center;  }
 div.bottom-logo-container{ width: 185px; }
 div.bottom-logo div.img img{ width: 185px; }
 div.bottom-logo div.text{ font-size: 9px; }

 div.bottom-center{ display: flex; justify-content: center; padding: 25px 0; }
 div.bottom-center-container{ font-size: 16px; font-weight: 400; color: #000; line-height: 120%; letter-spacing: 2%; }

 div.under-bottom{ width: 100%; }
 div.under-bottom a{ color: #000; }
 div.under-bottom-left{ width: 100%; display: flex; justify-content: center; padding: 0 0 20px 0; }
 div.under-bottom-left p{ padding: 0px; margin: 0px; text-align: center; font-size: 16px; line-height: 120%; font-weight: 400; }
 div.under-bottom-right{ width: 100%; display: flex; justify-content: center; }
 div.under-bottom-right p{ padding: 0px; margin: 0px; text-align: center; font-size: 16px; line-height: 120%; font-weight: 400; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.bottom{ width: 100%; background: #F3EDE4; }
 div.bottom-container{ width: 100%; padding: 60px 0; }
 div.bottom-cap{ width: 100%; }
 div.bottom-soc-seti{ width: 100%; display: flex; justify-content: center; }
 div.bottm-soc-seti-container{ display: flex; }
 div.icon-soc-seti{ padding: 0 20px; }

 div.bottom-menu{ width: 100%; display: flex; justify-content: center; padding: 30px 0; }

 div.bottom-logo{ min-width: 100%; display: flex; justify-content: center;  }
 div.bottom-logo-container{ width: 185px; }
 div.bottom-logo div.img img{ width: 185px; }
 div.bottom-logo div.text{ font-size: 9px; }

 div.bottom-center{ display: flex; justify-content: center; padding: 25px; }
 div.bottom-center-container{ font-size: 16px; font-weight: 400; color: #000; line-height: 120%; letter-spacing: 2%; }

 div.under-bottom{ width: 100%; }
 div.under-bottom a{ color: #000; }
 div.under-bottom-left{ width: 100%; display: flex; justify-content: center; padding: 0 0 20px 0; }
 div.under-bottom-left p{ padding: 0px; margin: 0px; text-align: center; font-size: 16px; line-height: 120%; font-weight: 400; }
 div.under-bottom-right{ width: 100%; display: flex; justify-content: center; }
 div.under-bottom-right p{ padding: 0px; margin: 0px; text-align: center; font-size: 16px; line-height: 120%; font-weight: 400; }	
}

/* End */
/* /bitrix/templates/vtire_new/components/bitrix/menu/top-menu/style.css?178756288410437 */
/* /bitrix/templates/vtire_new/components/bitrix/breadcrumb/courses/style.css?1787562884774 */
/* /bitrix/templates/vtire_new/components/bitrix/menu/bottom-menu/style.css?1787562884773 */
/* /bitrix/templates/vtire_new/template_styles.css?178756288437184 */