@font-face {
	font-family: 'Tahoma';
	src: url('../fonts/Tahoma.eot');
	src: local('Tahoma'),
		url('../fonts/Tahoma.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Tahoma.woff2') format('woff2'),
		url('../fonts/Tahoma.woff') format('woff'),
		url('../fonts/Tahoma.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Tahoma';
	src: url('../fonts/Tahoma-Bold.eot');
	src: local('Tahoma Bold'), local('Tahoma-Bold'),
		url('../fonts/Tahoma-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Tahoma-Bold.woff2') format('woff2'),
		url('../fonts/Tahoma-Bold.woff') format('woff'),
		url('../fonts/Tahoma-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
html {
	font-size: calc(100vw/90);
}
body {
	width:100%;
	margin: auto;
	background: #FFF;
}
a {
	color:#fff;
	text-decoration:none;
}
h1, h2, h3, h4, a, ul, li, p, figure {
	margin:0;
	padding:0;
}
ul {
	list-style-type: none;
}
h2 {
	padding-left: 8.44rem;
	padding-top: 0.5rem;
	padding-bottom: 1.88rem;
	color: #021562;
	font-family: Tahoma;
	font-size: 2.25rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
h2:before {
	content: " ";
	float: left;
	position: relative;
	background: url(../images/triangle.png);
	display: block;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	top: -0.65rem;
	width: 4.16256rem;
	height: 3.62056rem;
}
.nodesktop {
	display:none;
}
.header-row-contacts {
	justify-content: space-between;
	display: flex;
	flex-direction: row;
	align-content: center;
	flex-wrap: wrap;
	background: #B9B9B9;
	padding-left: 8.44rem;
	padding-right: 8.44rem;
	height: 6.625rem;
}
.header-logo img {
	width: 16.5rem;
}
.header-contacts {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-content: center;
	flex-wrap: wrap;
}
.header-contacts-social {
	margin-right: 1.5rem;
	display: flex;
	flex-direction: row;	
	align-content: center;
	flex-wrap: wrap;
}
.contact-social-btn img {
	width: 100%;
}
.contact-social-btn {
	width: 2.6875rem;
	min-height:2.6875rem;
	margin-right: 1.25rem;
	display: block;
}
.contact-social-btn:hover {
	filter: drop-shadow(0 4px 4px rgba(0,0,0,0.25));
}
.contact-social-btn:active {
	filter: invert(4%) sepia(9%) saturate(656%) hue-rotate(127deg) brightness(99%) contrast(86%) drop-shadow(0 0.25rem 0.25rem rgba(0,0,0,0.25));
}
.contact-phone-btn {
	text-align: right;
	font-family: Roboto;
	font-size: 1.75rem;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.header-contacts-phone {
	display: flex;
	align-content: center;
	flex-wrap: wrap;
}
.header-row-menu {
	height: 3.625rem;
	background: rgba(170, 12, 10, 0.90);
	display: flex;
	align-content: center;
	flex-wrap: wrap;
	justify-content: center;
	z-index: 1;
	position: relative;
}
.nav-main-menu {
	flex-direction: row;
	display: flex;
	justify-content: space-between;
	width: 37.1875rem;
	align-items: center;
}
.nav-main-menu li:last-child {
	margin-right: 0;
}
.nav-main-menu a {
	font-family: Roboto;
	font-size: 1.0625rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.nav-main-menu a:hover {
	text-decoration: underline;
}
.nav-main-menu a:active {
	color: #000;
	text-decoration:none;
}
.about-wrap {
	background: url(../images/car.png), linear-gradient(101deg, rgba(0, 38, 193, 0.63) 0%, rgba(0, 14, 72, 0.00) 100%), url(../images/bg1.png);
	background-size: 48.75rem, cover, cover;
	background-repeat: no-repeat;
	background-position: bottom right;
	margin-top: -3.625rem;
	padding-left: 8.44rem;
	padding-right: 8.44rem;
}
.about-title {
	color: #FFF;
	font-family: Tahoma;
	font-size: 3.875rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding-top: 7.56rem;
	padding-bottom: 3.84rem;
}
.about-text {
	color: #FFF;
	font-family: Roboto;
	font-size: 1.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.about-callback-wrap {
	padding-top: 6.94rem;
	padding-left: 10.12rem;
	padding-bottom: 7.56rem;
}
.callback-btn {
	text-align: center;
	font-family: Roboto;
	font-size: 1.375rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	display: inline-flex;
	padding: 0.88rem 2.5rem;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background: linear-gradient(94deg, #FF0B07 0%, #AA0C0A 100%);
}
.callback-btn:hover {
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.66);
}
.callback-btn:active {
	background: linear-gradient(94deg, #A40200 0%, #3D0100 100%);
	box-shadow: none;
}
.row-wrap {
	border-top: 1.00444rem solid #AA0C0A;
	padding-bottom: 7.5rem;
}
.row-text {
	margin-left: 12.44rem;
	margin-right:8.44rem;
	color: #000;
	font-family: Roboto;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.roadmap-wrap {
	background: url(../images/roadmap.png);
	background-repeat: no-repeat;
	background-position: center calc(50% + 3.5rem);
	background-size: contain;
}
.roadmap-steps {
	display: flex;
	margin-left: 8.44rem;
	margin-right: 8.44rem;
	flex-wrap: wrap;
	justify-content: space-between;
}
li.step-1 {
	width: 22.1875rem;
	margin-top: 11.88rem;
}
li.step-2 {
	width: 23.5625rem;
}
li.step-3 {
	width: 21.0625rem;
	margin-top: 10.25rem;
}
li.step-4 {
	width: 32.8775rem;
	margin-left: 7.56rem;
	display: grid;
	margin-top: -17.625rem;
	align-content: center;
}
li.step-5 {
	width: 26.0625rem;
	margin-right: 0;
	display: grid;
	margin-bottom: 7.5rem;
}
.roadmap-steps-title {
	color: #000;
	font-family: Tahoma;
	font-size: 1.625rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	order: 2;
}
.step-1 .roadmap-steps-title {
	width: 16.875rem;
}
hr.devider.line-step {
	height: 5px;
	margin: 20px 0;
	border: none;
}
hr.devider.line-step-1 {
	background: #E74C3C;
}
hr.devider.line-step-2 {
	background: #2B007C;
}
hr.devider.line-step-3 {
	background: #C44C00;
}
hr.devider.line-step-4 {
	background: #FFD000;
	order: 3;
	width: 21.625rem;
}
hr.devider.line-step-5 {
	background: #004A04;
	order: 3;
}
.roadmap-steps-text li {
	font-family: Roboto;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	list-style-type: disc;
	margin-left: 1.875rem;
}
.step-1 img {
	margin-left: 5.56rem;
	margin-top: 2.44rem;
	width: 5.375rem;
	height: 7.6875rem;
}
.step-2 img {
	margin-left: 4rem;
	margin-top: 3rem;
	width: 5.375rem;
	height: 7.6875rem;
}
.step-3 img {
	margin-left: 0.44rem;
	margin-top: 2.75rem;
	width: 5.375rem;
	height: 7.6875rem;
}
.step-4 img {
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 3rem;
	order: 1;
	width: 5.375rem;
	height: 7.6875rem;
}
.step-5 img {
	margin-left: auto;
	margin-right: 4.31rem;
	margin-top: 0;
	margin-bottom: 7.25rem;
	width: 5.375rem;
	height: 7.6875rem;
}
.step-4 ul.roadmap-steps-text {
	order: 4;
	width: 21.625rem;
}
.step-5 ul.roadmap-steps-text {
	order: 4;
	width: 26.0625rem;
}
.step-4 .roadmap-steps-title {
	width:16.875rem;
}
.advantages-list {
	margin-top: 3.75rem;
	margin-bottom: 1.88rem;
	margin-left: 12.81rem;
	margin-right: 12.81rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.advantage-point {
	display: flex;
	width: 18.75rem;
	height: 10.75rem;
	margin-bottom: 1.87rem;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
	text-align: center;
}
.advantage-point:hover {
	background: #DEEFFF;
}
.advantage-point:nth-child(1) img {
	width: 4.1875rem;
	height: 3.5rem;
	margin-bottom:0.75rem;
}
.advantage-point:nth-child(2) img {
	width: 5.125rem;
	height: 4.9375rem;
	margin-bottom:0.75rem;
}
.advantage-point:nth-child(3) img{
	width: 6rem;
	height: 2.9375rem;
	margin-bottom: 0.75rem;
}
.advantage-point:nth-child(4) img{
	width: 3.86719rem;
	height: 3.875rem;
	margin-bottom: 0.75rem;
}
.advantage-point:nth-child(5) img{
	width: 4.25rem;
	height: 3.875rem;
	margin-bottom: 0.75rem;
}
.advantage-point:nth-child(6) img{
	width: 3.6875rem;
	height: 3.6875rem;
	margin-bottom: 0.75rem;
}
.advantage-point-text {
	text-align: center;
	font-family: Roboto;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	width: 13.625rem;
}
.p2 {
	margin-left: 12.81rem;
}
.callback-wrap {
	margin-top: 3.75rem;
	text-align: center;
}
.courses-wrap {
	background: linear-gradient(180deg, rgba(2, 51, 248, 0.65) 0%, rgba(2, 21, 98, 0.00) 100%), url(../images/bg2.png);
	background-size: auto, cover;
	background-repeat: no-repeat;
	background-position: bottom right;
}
h2.white-title {
	color: #fff;
}
p.courses-text {
	color: #FFF;
	font-family: IBM Plex Sans;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-left: 27.19rem;
	margin-right: 8.44rem;
	margin-bottom: 3.75rem;
}
.courses-wrap ul {
	margin-left: 8.44rem;
	margin-right: 8.44rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.courses-point {
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.74);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.55);
	text-align: center; 
	display: flex;
	padding: 2.8125rem 1.25rem;
	flex-direction: column;
	align-items: center;
	gap: 1.25rem;
}
.courses-point:last-child {
	padding: 1.62rem 1.25rem;
}
.courses-point:hover {
	background: rgba(202, 222, 252, 0.74);
}
.courses-point h3 {
	color: #000;
	text-align: center;
	font-family: Raleway;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
hr.courses-point-line {
	background: #000;
	margin-top: 0;
	margin-bottom: 0;
	border: none;
	border-style: none;
	width: 10.4375rem;
	height: 1px;
}
.courses-point p {
	color: #000;
	text-align: center;
	font-family: Raleway;
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	width: 14rem;
}
.prices-wrap ul {
	margin-left: 20rem;
	margin-right: 20rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 3.75rem;
	margin-bottom: 0.63rem;
}
li.prices-point {
	width: 23.1rem;
	flex-shrink: 0;
	text-align: center;
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
	padding-top: 1.25rem;
	margin-bottom: 2.5rem;
}
li.prices-point:first-child{
	margin-right:2.7rem;
}
.prices-point h3 {
	color: #021562;
	text-align: center;
	font-family: Tahoma;
	font-size: 1.625rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 1.25rem;
}
.prices-point p {
	text-align: center;
	font-family: Roboto;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.prices-point p.prices-desc {
	text-align: center;
	font-family: Roboto;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom:0.5rem;
}
.prices-point p.prices-time {
	margin-bottom: 2.5rem;
}
table.prices-table {
	margin-left: 1.56rem;
	margin-right: 1.56rem;
	margin-bottom: 1.25rem;
	width: calc(100% - 3.12rem);
}
.prices-table tr {
	font-family: Roboto;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align:center;
}
.prices-table tr td:first-child p {
	text-align:left;
}
.prices-table tr td:last-child p {
	text-align:right;
}
.prices-table p {
	margin-bottom: 1.875rem;
}
.prices-table tr:last-child td p {
	margin-bottom: 0;
}
.prices-point p.p4 {
	margin-bottom: 1.69rem;
}
.prices-point p.p4.prices-desc {
	margin-bottom: 0;
}
.prices-point p.p5 {
	margin-bottom: 1.56rem;
}
.prices-point p.p6 {
	text-align: center;
	font-family: Roboto;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom:1.31rem;
	margin-left: 3.63rem;
	margin-right: 3.63rem;
}
.prices-table tr td:last-child p.p7 {
	text-align: center;
}
.p3 {
	margin-left: 5.69rem;
	margin-right: 5.69rem;
	text-align: center;
	font-size: 1.4375rem;
	font-weight: 500;
}
.prices-point-r2 li.prices-point {
	width: 29rem;
}
.prices-point-r2 li.prices-point:first-child {
	margin-right: 0;
}
.prices-wrap ul.prices-point-r2 {
	margin-left: 14.87rem;
	margin-right: 14.87rem;
	justify-content: space-between;
	margin-top: 3.12rem;
}
.prices-point-r2 strong {
	font-size:1rem;
}
.prices-point-r2 .prices-point p {
	margin-bottom: 2.5rem;
}
.prices-point-r2 .prices-point p.p7 {
	margin-bottom: 2.06rem;
	font-weight: 500;
}
.prices-point-r2 .prices-point .prices-table p {
	margin-bottom: 1.88rem;
}
.prices-note {
	margin-left: 14.87rem;
	margin-right: 14.87rem;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.prices-note p {
	color: #000;
	font-family: Roboto;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.prices-wrap {
	background: url(../images/bg5.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-size: auto 28rem;
}
.autopark-wrap {
	background: url(../images/bg3.png), lightgray -0.242px -2px / 100.034% 115.012% no-repeat;
	padding-bottom: 0;
	background-size: cover;
}
.autopark-wrap-grad-1 {
	background: linear-gradient(180deg, rgba(0, 11, 56, 0.38) 19.79%, rgba(0, 21, 106, 0.00) 100%);
}
.autopark-wrap-grad-2 {
	background: linear-gradient(180deg, rgba(0, 15, 74, 0.38) 0%, rgba(0, 21, 106, 0.00) 100%);
}
p.autopark-text {
	color: #FFF;
	font-family: Roboto;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-left: 27.19rem;
	margin-right: 8.44rem;
	margin-bottom: 3.75rem;
}
.row-wrap .container {
	margin-left: 12.88rem;
	margin-right: 12.88rem;
}
.slide1-block {
	width: 43.75rem;
	margin: auto;
}
.slide1-block-img {
	text-align: center;
}
.slide1-block-img img {
	width: 100%;
}
.students-wrap {
	padding-bottom: 0;
	background-size: cover;
}
.students-wrap .container {
	margin-top:4.36rem;
}
.quiz-window {
	width: 73.125rem;
	height: 43.75rem;
	margin: auto;
	margin-top: 3.75rem;
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
.faq-wrap {
	background: url(../images/bg4.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position-y: bottom;
}
.faq-details {
	margin-top: 4.36rem;
	margin-left: 15.12rem;
	margin-right: 15.12rem;
	margin-bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 1.44rem;
}
details {
	padding-top: 1.88rem;
	padding-bottom: 1.88rem;
	padding-left: 3.75rem;
	padding-right: 3.25rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	border-radius: 20px;
	background: #021562;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
details:hover {
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.72);
}
summary {
	color: #fff;
	font-family: Raleway;
	font-size: 1.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
summary p {
	width: 42.8125rem;
}
details > summary:first-of-type {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
/***********/
summary::-webkit-details-marker{display:none;}
summary::-moz-list-bullet{list-style-type:none;}
summary::marker{display:none;} 
summary:after {
	content: " ";
	margin-left: 0;
	margin-top: 0;
	display: inline-block;
	transition: transform .5s;
	background: url(../images/toclose.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size: auto;
	width: 3.34375rem;
}
summary:hover:after {
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.70));
}
details[open] > summary:after {
	background: url(../images/toopen.png);
	background-repeat: no-repeat;
	background-position: center;
}
details[open] > summary:hover:after {
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.70));
}
details[open] summary ~ *{ 
  animation: sweep .5s ease-in-out;
}
@keyframes sweep {
  0%    {opacity: 0;}
  100%  {opacity: 1;}
}
/***********/
.hr-faq {
	margin-top: 1.44rem;
	margin-bottom: 1.44rem;
	width: 41.6875rem;
	height: 1px;
	background-color: #fff;
	margin-left: 0;
	border: none;
}
details[open] > p {
	font-family: Roboto;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	color: #fff;
	width: 45.5rem;
}
.reviews-block {
	margin-top: 4.55rem;
	margin-left: 9.8rem;
	margin-right: 9.8rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	text-align:center;
}
.reviews-block li {
	width: 21.75rem;
}
.reviews-block strong {
	font-family: Roboto;
	font-size: 1.625rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 1.5rem;
}
.reviews-text {
	text-align: center;
	font-family: Roboto;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
footer {
	background: #555659;
}
.footer-row {
	margin-left: 8.44rem;
	margin-right: 8.44rem;
	padding-top: 1.38rem;
	padding-bottom: 1.38rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.footer-logo img {
	width: 16.5rem;
}
.footer-row-contacts {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	align-content: center;
	flex-wrap: wrap;
	margin-left: 13rem;
}
.footer-contacts-phone {
	display: flex;
	align-content: center;
	flex-wrap: wrap;
	text-align: right;
	font-family: Roboto;
	font-size: 1.5625rem;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.footer-contacts-social {
	margin-right: 0;
	display: flex;
	flex-direction: row;	
	align-content: center;
	flex-wrap: wrap;
}
/*****************/
.btn, .overlay { -webkit-transition: all 0.2s; transition: all 0.2s; }
.btn { 
	display: flex;
	width: 19.97806rem;
	padding: 0.625rem 1.25rem;
	justify-content: center;
	align-items: center;
	gap: 0.625rem;
	border-radius: 10px;
	background: linear-gradient(91deg, #F80A07 0.5%, #AF0C09 98.07%);
	color: #FFF;
	font-family: Inter;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin: auto;
	border: none;
}
.btn:hover { 
	filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.66));
}
.btn:active { 
	background: linear-gradient(91deg, #9A0200 0.5%, #460000 98.07%);
	filter:none;
}
.btn + .btn { margin-left: 24px; }
.btn-default { color: #058cd0; border: solid 2px #058cd0; opacity: 1; }
.btn-success { color: #5cb85c; border: solid 2px #5cb85c; opacity: 1; }
.btn-default:hover, .btn-success:hover { opacity: 0.77; }
.overlay { 
	opacity: 0; 
	visibility: hidden; 
	position:fixed; 
	left: 0; 
	right: 0; 
	top: 0; 
	bottom: 0; 
	z-index: 5; 
	background: rgba(0,0,0,0.35); 
}
.dlg-modal {
	width: 50rem;
	height: 30rem;
	opacity: 0;
	visibility: hidden;
	text-align: center;
	position: fixed;
	left: 50%;
	z-index: 999;
	padding: 1.56rem 1.56rem;
	background: #fff;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 10px 10px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
.dlg-modal-fade { top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.dlg-modal-slide { top: -20px; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); visibility: visible; opacity: 1; }

.closer { 
	width: 2.1875rem;
	height: 2.1875rem;
	display: block; 
	position: absolute; 
	right: 1.56rem; 
	top: 1.56rem; 
	background: url('../images/cross.png') no-repeat; 
	background-size: cover;
	cursor: pointer; 
}
.closer:hover { 
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.closer:active { 
	filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
}

.fadeIn, .fadeOut, .slideInDown, .slideOutUp { -webkit-animation-duration: 0.25s; animation-duration: 0.25s; -webkit-animation-timing-function: linear; animation-timing-function: linear; }

@keyframes fadeIn { 
	from { opacity: 0; visibility: hidden; }
	to { opacity:1; visibility: visible; }
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; opacity: 1; visibility: visible; }

@keyframes fadeOut { 
	from { opacity: 1; visibility: visible; }
	to { opacity:0; visibility: hidden; }
}
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; opacity: 0; visibility: hidden; }

@keyframes slideInDown { 
	from { top: -20px; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); }
	to { top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
}
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; top: 50%; transform: translate(-50%, -50%); }

@keyframes slideOutUp { 
	from { top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
	to { top: -20px; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); }
}
.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }
.dlg-modal h3,
.dlg-modal-m h3 {
	color: #000;
	font-family: Inter;
	font-size: 2.5rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-top: 2.1875rem;
	margin-bottom: 2.13rem;
}
p.bold.callback-text-1 {
	color: #000;
	text-align: center;
	font-family: Inter;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 2.87rem;
}
.callback-fields input {
	width: 19.97806rem;
	height: 3.0625rem;
	border-radius: 10px;
	background: #D9D9D9;
	padding: 0.81rem 0.94rem;
	border: none;
	margin-bottom: 1.37rem;
	color: rgba(0, 0, 0, 0.70);
	text-align: left;
	font-family: Inter;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-left: calc((100% - 19.97806rem)/2);
	margin-right: calc((100% - 19.97806rem)/2);
}
.fields {
	margin-bottom: 0.75rem;
}
form#form_callback {
	margin: 0;
}
.success-img {
	display:none;
}
.callback-fields{
	margin-top:0.44rem;
}
/*****************/
@media (max-width: 500px){
	html{
		font-size:calc(160vw/39);
	}
	.nomobile {
		display:none;
	}
	.nodesktop {
		display: inherit;
	}
	body {
		width: 100%;
		overflow-x: hidden;
	}
	.main-menu {
		width: 100%;
	}
	.header-row-contacts {
		justify-content: space-between;
		display: flex;
		flex-direction: column;
		align-content: center;
		flex-wrap: wrap;
		background: transparent;
		padding-left: 0;
		padding-right: 0;
		height: 11.25rem;
	}
	.header-row-1 {
		height: 4.75rem;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-content: center;
		flex-wrap: wrap;
		width: 100%;
		background-color: #fff;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
		z-index: 1;
	}
	.header-logo img {
		width: 14.5rem;
		margin-left:0.75rem;
	}
	span.top {
		display: block;
		background-color: #000;
		margin-bottom: 1rem;
		width: 3.5rem;
		height: 5px;
		margin-right:0.75rem;
	}
	span.bottom {
		width: 3.5rem;
		height: 5px;
		display: block;
		background-color: #000;
		margin-right:0.75rem;
	}
	.button_container {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.header-row-2 {
		display: flex;
		justify-content: flex-end;
	}
	.header-contacts {
		border-radius: 0px 0px 10px 10px;
		background: #AA0C0A;
		display: flex;
		margin-right: 0.75rem;
		width: 11.8125rem;
		height: 6.5rem;
		flex-direction: column;
		justify-content: center;
		align-items: flex-end;
		gap: 0.625rem;
		flex-shrink: 0;
	}
	.contact-phone-btn {
		font-size: 1.25rem;
	}
	.header-contacts-social, .footer-contacts-social {
		margin-right: 0;
		justify-content: flex-end;
	}
	.contact-social-btn {
		width: 2.25rem;
		height: 2.25rem;
		margin-right: 0.81rem;
	}
	.wa-btn {
		margin-right: 0;
	}
	.main {
		margin-top: -6.5rem;
	}
	.about-wrap {
		background: linear-gradient(101deg, rgba(0, 38, 193, 0.63) 0%, rgba(0, 14, 72, 0.00) 100%), url(../images/bg1.png);
		background-size: cover;
		background-position: center bottom;
		margin-top: 0;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.about-title {
		font-size: 2.9375rem;
		line-height: 110.203%;
		padding-top: 10.25rem;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 3.88rem;
	}
	.about-text {
		font-size: 1.5rem;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 0.75rem;
	}
	.about-callback-wrap {
		padding-top: 1.4rem;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 2.19rem;
		text-align: center;
	}
	.about-img {
		padding-bottom: 0.81rem;
	}
	.about-img img {
		width: 100%;
	}
	.row-wrap {
		padding-bottom: 3.13rem;
	}
	h2:before {
		width: 4.29538rem;
		height: 3.113rem;
		top: -1rem;
	}
	h2 {
		padding-left: 1.65rem;
		padding-top: 0.68rem;
		font-size: 1.625rem;
	}
	.row-text {
		margin-left: 1.65rem;
		margin-right: 1.65rem;
		font-size: 1rem;
	}
	.roadmap-wrap {
		background: url(../images/roadmap1.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: 100% auto;
	}
	.roadmap-steps {
		margin-left: 1.65rem;
		margin-right: 1.65rem;
	}
	li.step-1,
	li.step-2,
	li.step-3,
	li.step-4,
	li.step-5 {
		width: 100%;
		margin-right: 0;
		margin-bottom: 1.88rem
	}
	li.step-1 {
		margin-top: 9.22rem;
	}
	li.step-3 {
		margin-top: 0;
	}
	li.step-4 {
		margin-left: 0;
		display: inline;
		margin-top: 0;
	}
	li.step-5 {
		margin-bottom: 4.37rem;
	}
	.step-4 ul.roadmap-steps-text, .step-5 ul.roadmap-steps-text {
		width: 100%;
	}
	.roadmap-steps-title {
		font-size: 1.25rem;
	}
	.step-4 .roadmap-steps-title {
		width: 100%;
	}
	.roadmap-steps-text li {
		font-size: 1rem;
		margin-left: 1.6rem;
	}
	.step-1 img,
	.step-2 img,
	.step-3 img,
	.step-4 img,
	.step-5 img	{
		display: none;
	}
	.advantages-list {
		margin-top: 2.5rem;
		margin-bottom: 1.25rem;
		margin-left: 2.9rem;
		margin-right: 2.9rem;
	}
	.advantage-point {
		width: 100%;
		height: 10.75rem;
		margin-bottom: 1.25rem;
	}
	.callback-wrap {
		margin-top: 2.5rem;
		margin-bottom: 1.25rem;
	}
	p.courses-text {
		font-family: 'Roboto';
		font-size: 1rem;
		font-weight: 400;
		margin-left: 1.65rem;
		margin-right: 1.65rem;
		margin-bottom: 3.44rem;
	}
	.courses-wrap ul {
		margin-left: 4rem;
		margin-right: 4rem;
		flex-direction: column;
	}
	.courses-point {
		margin-bottom: 2.06rem;
		width: auto;
	}
	.courses-wrap {
		background-size: cover;
		background-position: center;
	}
	.prices-wrap ul,
	.prices-wrap ul.prices-point-r2 {
		margin-top: 2.5rem;
		margin-left: 0.44rem;
		margin-right: 0.44rem;
	}
	li.prices-point:first-child,
	.prices-point-r2 li.prices-point:first-child {
		margin-right: 0;
	}
	li.prices-point {
		margin-bottom: 1.25rem;
	}
	table.prices-table {
		width: calc(100% - 3.125rem);
	}
	.prices-point-r2 li.prices-point {
		width: 100%;
	}
	.prices-point-r2 .prices-table p {
		margin-bottom: 1.25rem;
		font-size: 1rem;
	}
	.prices-point-r2 strong {
		font-size: 0.75rem;
	}
	.prices-note {
		margin-left: 0.875rem;
		margin-right: 0.875rem;
	}
	.prices-note img {
		width: 1.25rem;
		height: 3.31rem;
	}
	.prices-note p {
		font-size: 1rem;
		width: 21.25rem;
	}
	p.autopark-text {
		font-size: 1rem;
		margin-left: 1.67rem;
		margin-right: 1.67rem;
		margin-bottom: 2.19rem;
	}
	.autopark-wrap {
		background-size: cover;
		background-position: center;
	}
	.row-wrap .container {
		margin-left: 1.67rem;
		margin-right: 1.67rem;
	}
	.itc-slider {
		padding-bottom: 0!important;
	}
	.itc-slider__item img {
		width: 16.375rem;
		height: 10.56rem;
	}
	.slide1-block {
		width: 16.375rem;
	}
	.itc-slider__btn_prev::before,
	.itc-slider__btn_next::before {
		width: 1.28rem!important;
		height: 5.06rem!important;
	}
	.itc-slider__btn {
		top: calc(50% - 2.53rem)!important;
		width: 1.28rem!important;
		height: 5.06rem!important;
	}
	.students-wrap .container {
		margin-top: 1.25rem;
	}
	.quiz-window {
		width: 22.75rem;
		height: 40rem;
	}
	.faq-details {
		margin-top: 1.25rem;
		margin-left: 0.875rem;
		margin-right: 0.875rem;
		margin-bottom: 0;
	}
	details {
		padding-top: 1.1875rem;
		padding-bottom: 1.1875rem;
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		gap: 0.875rem;
		margin-bottom: 1.25rem;
		border-radius: 10px;
	}
	details:last-child {
		margin-bottom: 0;
	}
	summary {
		font-size: 1.125rem;
	}
	summary p {
		width: 16.94rem;
	}
	summary:after {
		width: 1.64rem;
		height: 1rem;
	}
	details[open] > summary:hover:after {
		width: 1.94rem;
	}
	.hr-faq {
		width: 15.44rem;
		margin-top: 0.875rem;
		margin-bottom: 0.875rem;
	}
	details[open] > p {
		font-size: 1rem;
		width: 20.1875rem;
	}
	.reviews-block {
		margin-top: 1.25rem;
		margin-left: 0.75rem;
		margin-right: 0.75rem;
		flex-direction: column;
	}
	.reviews-block li {
		width: 22.81rem;
		margin-bottom: 1.875rem;
	}
	.reviews-text {
		font-size: 1rem;
	}
	.reviews-block strong {
		font-size: 1.25rem;
	}
	.footer-row {
		margin-left: 0.375rem;
		margin-right: 0.6875rem;
		padding-top: 0.6875rem;
		padding-bottom: 0.6875rem;
	}
	.footer-logo img {
		width: 10.125rem;
	}
	.footer-row-contacts {
		margin-left: 2.44rem;
	}
	.footer-contacts-phone {
		font-size: 0.6875rem;
		font-weight: 400;
	}
	.footer-contacts-social .contact-social-btn {
		width: 1.625rem;
		min-height: 1.625rem;
		margin-right: 0.625rem;
		align-items: center;
		flex-wrap: wrap;
		display: flex;
	}
	.dlg-modal{
		width: 21.44rem;
		height: 25.875rem;
		padding: 1.375rem 1.375rem 2.875rem 1.375rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.closer {
		width: 1.25rem;
		height: 1.25rem;
		right: 1.25rem;
		top: 1.25rem;
		background-size: cover;
	}
	.dlg-modal h3 {
		font-size: 1.5rem;
		margin-top: 2.94rem;
		margin-bottom: 1.625rem;
		font-family: 'Raleway';	
	}
	p.bold.callback-text-1 {
		font-family: 'Raleway';
		font-size: 1rem;
		margin-bottom: 1.875rem;
	}
	.callback-fields {
		margin-top: 0;
	}
	.callback-fields input {
		width: 18.75rem;
		height: 2.8125rem;
		margin-bottom: 0.875rem;
		font-family: 'Raleway';
		font-size: 0.875rem;
		margin-left: calc((100% - 18.75rem)/2);
		margin-right: calc((100% - 18.75rem)/2);
	}
	.fields {
		margin-bottom: 1.25rem;
	}
	.btn {
		width: 14.75rem;
		font-family: 'Raleway';
		font-size: 1rem;
	}
	.success-img img {
		width: 7.1875rem;
		height: 7.44rem;
		margin-top: 1.5rem;
	}
	.header-row-menu {
		opacity: 0;
	}
	.header-row-menu.fadeIn {
		opacity: 1;
	}
	section#modal_mobilemenu {
		margin: 0;
		width: 17.125rem;
		height: 22.875rem;
		position: absolute;
		top: 6.875rem;
		left: calc(50% - 8.56rem);
		padding: 0;
		padding-top: 2.5rem;
	}
	section#modal_mobilemenu nav {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	section#modal_mobilemenu .nav-main-menu {
		flex-direction: column;
		display: flex;
		width: 100%;
	}
	section#modal_mobilemenu .nav-main-menu li {
		margin: auto;
		margin-bottom: 1.25rem;
	}
	section#modal_mobilemenu .nav-main-menu a.closer {
		color: #000;
		font-family: Raleway;
		font-size: 1.25rem;
		font-weight: 500;
		width: auto;
		height: auto;
		display: inherit;
		position: initial;
		background: none;
	}
	section#modal_mobilemenu .header-logo img {
		width: 13.125rem;
		height: 3.125rem;
		margin-top: 1.125rem;
		margin-left: auto;
		margin-right: auto;
	}
	section#modal_mobilemenu .nav-main-menu a.closer:active {
		padding: 0.25rem 0.625rem;
		border-radius: 0.625rem;
		background: #8DA2F9;
	}
}
@media screen and (max-width: 500px) and (orientation: landscape){
	.dlg-modal {
		width: 16rem;
		height: 8rem;
		padding: 1rem;
	}
	.closer {
		width: 1rem;
		height: 1rem;
		right: 0.5rem;
		top: 0.5rem;
	}
	.dlg-modal h3 {
		font-size: 0.8rem;
		margin-top: 0;
		margin-bottom: 0.2rem;
		font-family: 'Raleway';
	}
	p.bold.callback-text-1 {
		font-size: 0.5rem;
		margin-bottom: 0.6rem;
	}
	.callback-fields input {
		width: 14rem;
		height: 1rem;
		padding: 0.8rem;
		margin-bottom: 0.5rem;
		font-family: 'Raleway';
		font-size: 0.5rem;
		margin-left: auto;
		margin-right: auto;
	}
	.fields {
		margin-bottom: 0;
	}
	.btn {
		width: 14rem;
		font-family: 'Raleway';
		font-size: 0.6rem;
		padding: 0.4rem;
		margin-bottom: 0.4rem;
	}
	section#modal_mobilemenu {
		top: calc(50% - 45vh);
		left: calc(50% - 9rem);
		align-content: baseline;
		justify-content: flex-end;
		width: 16rem;
		height: 8rem;
		padding: 1rem;
	}
	section#modal_mobilemenu nav {
		width: 100%;
	}
	section#modal_mobilemenu .nav-main-menu {
		display:block;
	}section#modal_mobilemenu .nav-main-menu li {
		margin: auto;
		margin-bottom: 0.2rem;
		width: 50%;
		float: left;
		display: block;
	}
	section#modal_mobilemenu .nav-main-menu a.closer {
		color: #000;
		display: inherit;
		position: initial;
		background: none;
		font-size: 0.8rem;
		margin-top: 0;
		width: 100%;
	}
	section#modal_mobilemenu .header-logo img {
		width: 8rem;
		height: auto;
		margin-top: 1rem;
		margin-left: auto;
		margin-right: auto;
	}
	section#modal_mobilemenu .nav-main-menu a.closer:active {
		padding: 0;
		background: #8DA2F9;
	}
}