/* Start:/local/templates/apbks/template_styles.css?1760538121121867*/
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700|Rubik:300,400,500,700&subset=cyrillic');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600,700&display=swap');

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}input,textarea{box-shadow:none;-webkit-appearance:none;border-radius:0}

/* ===GLOBAL=== */

body
{
	font: 400 16px/28px 'Roboto', sans-serif;
	background: #fff;
	color: #767676;
	-webkit-text-size-adjust:100%;
}

.container
{
	width: 1200px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 15px;
}

.holder {overflow: hidden;}
.clear {clear: both;}

.flex
{
	display: flex;
	flex-wrap: wrap;
}

a, a:visited
{
	color: #393185;
	text-decoration: underline;
	cursor: pointer;
}

a:hover {text-decoration: none;}

a.button,
div.button
{
	font: 500 16px/60px 'Rubik';
	width: 270px;
	height: 60px;
	color: #fff;
	position: relative;
	text-decoration: none;
	background-color: #d71117;
	display: inline-block;
	text-align: center;
	transition: .2s ease background-color;
	cursor: pointer;
	box-sizing: border-box;
}

a.button span,
div.button span
{
	display: inline-block;
	color: #fff;
	transition: .2s ease color;
}

a.button--unfilled,
div.button--unfilled
{
	background: none;
	border: 2px solid #d71117;
	color: #111;
	line-height: 58px;
	transition: .2s ease all;
}

a.button--unfilled span,
div.button--unfilled span {color: #111;}

a.button:hover,
div.button:hover {background-color: #df4145;}

a.button--unfilled:hover,
div.button--unfilled:hover
{
	background: none;
	color: #d71117;
}

a.button--unfilled:hover span,
div.button--unfilled:hover span {color: #d71117;}

.menu {display: none;}

input[type="text"],
input[type="tel"],
input[type="email"]
{
	font: 300 16px 'Rubik';
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	padding: 0 20px;
	border: 1px solid #ddd;
	transition: .2s all ease;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus
{
	border-color: #393185;
	outline: none;
}

input.error
{
	border-color: #d71117;
	box-shadow: inset 0 0 3px #d71117;
}

input.field--subject {display: none !important;}

input[type="submit"]
{
	font: 500 16px/60px 'Rubik';
	width: 100%;
	height: 60px;
	color: #fff;
	position: relative;
	background-color: #d71117;
	display: inline-block;
	text-align: center;
	transition: .2s ease background-color;
	cursor: pointer;
	box-sizing: border-box;
	border: 0;
}

input[type="submit"]:hover {background-color: #df4145;}

@media (max-width: 1219px) {

	a:hover {text-decoration: underline;}
	
	a.button:hover,
	div.button:hover {background-color: #d71117;}
	
	a.button--unfilled:hover,
	div.button--unfilled:hover
	{
		background: none;
		text-decoration: none;
		color: #111;
	}

	a.button--unfilled:hover span,
	div.button--unfilled:hover span {color: #111;}
	
	input[type="submit"]:hover {background-color: #d71117;}

}

select
{
	appearance: none;
	font: 400 14px 'Roboto';
	display: block;
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	border: 1px solid #cbcbcb;
	padding: 0 20px;
	background: #fff url(/images/icon-down.svg) top 21px right 15px no-repeat;
	background-size: 14px 9px;
	cursor: pointer;
}

strong, b {font-weight: 700;}

.zoom::before
{
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0; left: 0;
	box-sizing: border-box;
	border: 5px solid #393185;
	opacity: .5;
	transition: .2s ease all;
}

.zoom::after
{
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0; left: 0;
	background: url(/images/icon-zoom.svg) center no-repeat;
	background-size: 26px 26px;
	opacity: 0;
	transition: .2s ease all;
}

.zoom:hover::before {background: #393185;}
.zoom:hover::after {opacity: 1;}

@media (max-width: 1219px) {

	.zoom:hover::before {background: transparent;}
	.zoom:hover::after {opacity: 0;}

}

.phone {white-space: nowrap;}

.text-header
{
	font: 500 36px/42px 'Rubik';
	color: #111;
}

.text-subheader
{
	font: 500 26px/35px 'Rubik';
	color: #111;
}

.text p
{
	font: 400 16px/28px 'Roboto';
	margin: 20px 0 0;
}

.text h2
{
	font: 400 22px/28px 'Rubik';
	margin: 20px 0 0;
	color: #111;
}

.text h3
{
	font: 400 20px/26px 'Rubik';
	margin: 20px 0 0;
	color: #111;
}

.text p:first-child, .text h2:first-child
{
	margin: 0;
}

.text ul, .text ol
{
	margin: 20px 0;
	counter-reset: section;
}

.text ul:last-child, .text ol:last-child
{
	margin: 20px 0 0;
}

.text ul li
{
	font: 400 16px/23px 'Roboto', sans-serif;
	position: relative;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
}

.text ul li::before
{
	content: "";
	position: absolute;
	left: 0; top: 8px;
	width: 8px;
	height: 8px;
	background: #d71117;
	border-radius: 50%;
}

.text ol li
{
	font: 400 16px/23px 'Roboto', sans-serif;
	position: relative;
	padding: 0 0 0 30px;
	margin: 0 0 5px 0;
}

.text ol li::before
{
	counter-increment: section;
	content: counters(section,".") ".";
	color: #111;
	position: absolute;
	left: 0; top: 0;
	width: 20px;
	text-align: right;
}

.service-content table
{
	width: 100%;
	margin: 30px 0;
	color: #111;
}

.service-content table th
{
	font: 500 16px/20px 'Rubik';
	background: #393185;
	box-sizing: border-box;
	vertical-align: middle;
	padding: 0 40px;
	height: 60px;
	color: #fff;
	border-right: 2px solid #9590bc;
}

.service-content table td
{
	font: 400 16px/20px 'Rubik';
	box-sizing: border-box;
	vertical-align: middle;
	padding: 20px 40px;
	border-right: 2px solid #f9f9f9;
}

.service-content table tr:nth-child(2n+1) {background: #f3f3f3;}
.service-content table tr:nth-child(2n+1) td {border-color: #f3f3f3;}

.service-content table th:last-child,
.service-content table td:last-child {border: none;}

@media (max-width: 1219px) {

	.text-header {font: 500 26px/35px 'Rubik';}
	.service-content table {margin: 20px 0;}

}

@media (max-width: 767px) {

	.container
	{
		width: 100%;
		min-width: 320px;
		max-width: 375px;
	}
	
	a.button {width: 100%;}
	
	.text p
	{
		font: 400 14px/25px 'Roboto';
		margin: 10px 0 0;
	}
	
	.text ul {margin: 10px 0;}
	.text ul li {font: 400 14px/23px 'Roboto';}

	.text h2
	{
		font: 400 20px/25px 'Rubik';
		margin: 10px 0 0;
	}

}

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

	.container {width: 720px;}
	.service-content table th {font: 500 14px/20px 'Rubik';}
	.service-content table td {font: 400 14px/20px 'Rubik';}

}

/* ===HEADER=== */

.header
{
	height: 90px;
	background: #393185;
	position: fixed;
	top: 0;	left: 0;
	right: 0;
	z-index: 10;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.header-spacer
{
	width: 100%;
	height: 90px;
}

.header__logo
{
	width: 300px;
	height: 60px;
	float: left;
	margin: 15px 0;
}

.header__logo img
{
	width: 300px;
	height: 60px;
}

.header__phone
{
	width: 250px;
	height: 50px;
	float: left;
	margin: 20px 0 20px 200px;
	color: #fff;
}

.header__phone--freephone {margin: 20px 0 20px 50px;}
.header__phone-number {font: 500 20px/28px 'Rubik';}
.header__phone-addit {font: 400 14px/22px 'Rubik';}

a.header__callback
{
	font: 400 14px/22px 'Rubik';
	display: inline-block;
	background: url(/images/icon-callback.svg) left no-repeat;
	background-size: 18px 18px;
	padding: 0 0 0 26px;
	color: #fff;
	cursor: pointer;
}

.header__accessibility
{
	font: 400 14px/22px 'Rubik';
	display: inline-block;
	background: url(/images/icon-accessibility.svg) left no-repeat;
	background-size: 22px 10px;
	padding: 0 0 0 28px;
	text-decoration: underline;
	cursor: pointer;
}

.header__accessibility.active
{
	background-image: url(/images/icon-accessibility-abort.svg);
	background-size: 22px 16px;
}

.header__accessibility:hover {text-decoration: none;}

.header__phone-number a
{
	color: #fff;
	text-decoration: none;
}

.header__menu-box
{
	width: 48px;
	height: 48px;
	float: right;
	margin: 21px 0;
}

.header__menu-button
{
	width: 48px;
	height: 48px;
	display: block;
	box-sizing: border-box;
	background: url(/images/icon-menu.svg) center no-repeat;
	background-size: 20px 17px;
	border: 2px solid #fff;
	border-radius: 50%;
	cursor: pointer;
	transition: .2s ease all;
}

.header__menu-button:hover {opacity: .7;}

@media (max-width: 1219px) {
	
	.header	{height: 80px;}

	.header-spacer
	{
		width: 100%;
		height: 80px;
	}

	.header__menu-box {margin: 16px 0;}
	.header__menu-button {border: 0;}
	
	.header__menu-button:hover {opacity: 1;}

}

@media (max-width: 767px) {

	.header__logo
	{
		width: 220px;
		height: 44px;
		margin: 18px 0;
	}

	.header__logo img
	{
		width: 220px;
		height: 44px;
	}
	
	.header__phone
	{
		display: none;
	}

}

@media (min-width:768px) and (max-width: 1219px) {
	
	.header__logo
	{
		width: 240px;
		height: 48px;
		margin: 16px 0;
	}

	.header__logo img
	{
		width: 240px;
		height: 48px;
	}
	
	.header__phone
	{
		margin: 18px 0 18px 120px;
		height: 44px;
	}
	
	.header__phone-number {font: 500 18px/24px 'Rubik';}
	.header__phone-addit {font: 400 14px/20px 'Rubik';}
	
	.header__phone--freephone {display: none;}
	
}

/* ===BREADCRUMBS=== */

.breadcrumbs
{
	font: 300 14px/20px 'Rubik';
	overflow: hidden;
	position: relative;
	margin: 30px 0 0;
	height: 20px;
	z-index: 1;
}

.breadcrumbs ul {overflow: hidden;}

.breadcrumbs li
{
	float: left;
	position: relative;
	padding: 0 23px 0 0;
	margin: 0 10px 0 0;
}

.breadcrumbs li:last-child
{
	padding: 0;
	margin: 0;
	float: none;
	position: static;
}

.breadcrumbs li::after
{
	content: "→";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}

.breadcrumbs li:last-child::after {display: none;}
.breadcrumbs a {color: #111;}

.breadcrumbs li:last-child a
{
	text-decoration: none;
	color: #999;
}

.breadcrumbs--white,
.breadcrumbs--white li a,
.breadcrumbs--white li:last-child a {color: #fff;}

@media (max-width: 767px) {

	.breadcrumbs li {margin: 0;}
	.breadcrumbs li, .breadcrumbs li::after {display: none;}

	.breadcrumbs li:nth-last-child(2)
	{
		display: block;
		padding: 0 0 0 22px;
	}
	
	.breadcrumbs li:nth-last-child(2)::before
	{
		content: "←";
		display: block;
		position: absolute;
		left: 0;
		top: 0;
	}

}

/* ===SERVICES=== */

.services
{
	width: 100%;
	padding: 0 0 60px;
	position: relative;
}

.services .container {z-index: 1;}

.particles-js-canvas-el
{
	position: absolute;
	top: 0; left: 0;
}

.services__box
{
	overflow: hidden;
	margin: 40px 0 0;
}

.services__item
{
	width: 370px;
	height: 370px;
	float: left;
	margin: 0 30px 30px 0;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}

.services__background
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0; left: 0;
}

.services__item:nth-child(3n+3) {margin-right: 0;}
.services__item:nth-last-child(-n+3) {margin-bottom: 0;}

.services__item-layout
{
	width: 100%;
	height: 100%;
	background-color: rgba(55,50,130,0.8);
	padding: 35px;
	box-sizing: border-box;
	border-radius: 10px;
	transition: .2s ease background-color;
	position: relative;
	z-index: 1;
}

.services__item:hover .services__item-layout {background-color: rgba(55,50,130,0.85);}

.services__item-header
{
	font: 500 24px/28px 'Rubik';
	color: #fff;
	margin: 10px 0 0;
}

.services__item-header::before
{
	content: "";
	display: block;
	width: 40px;
	height: 5px;
	background: #d71117;
	margin: 0 0 20px;
}

.services__item-links li
{
	font: 400 16px/20px 'Roboto';
	margin: 20px 0 0;
}

.services__item-links a {color: #fff;}

.services__buttons
{
	margin: 40px 0 0;
	overflow: hidden;
}

.services__buttons a
{
	width: 370px;
	display: block;
	float: left;
	margin: 0 30px 0 0;
}

.services__buttons a:last-child {margin: 0;}

.button--request span
{
	background: url(/images/icon-mail.svg) left no-repeat;
	background-size: 36px 22px;
	padding: 0 0 0 50px;
}

.button--company span
{
	background: url(/images/icon-company.svg) left no-repeat;
	background-size: 22px 22px;
	padding: 0 0 0 37px;
}

.button--presentation span
{
	background: url(/images/icon-pdf.svg) left no-repeat;
	background-size: 16px 22px;
	padding: 0 0 0 30px;
}

.button--contact span
{
	background: url(/images/icon-contact.svg) left no-repeat;
	background-size: 28px 28px;
	padding: 0 0 0 44px;
}

.button--calculator span
{
	background: url(/images/icon-calculation.svg) left no-repeat;
	background-size: 30px 22px;
	padding: 0 0 0 44px;
}

@media (max-width: 1219px) {	

	.services__item:hover .services__item-layout {background-color: rgba(55,50,130,0.8);}
	.services__item-header br {display: none;}
	.services__item-links li {font: 400 14px/20px 'Roboto';}
	.services__buttons a.button--company {display: none;}

}

@media (max-width: 767px) {

	.services {padding: 0 0 30px;}
	.services__box {margin: 30px 0 0;}

	.services__item
	{
		width: 100%;
		height: auto;
		margin: 0 0 20px;
	}

	.services__item:nth-child(3n+3),
	.services__item:nth-last-child(-n+3)
	{
		margin: 0 0 20px;
	}

	.services__item:last-child {margin: 0;}

	.services__item-layout {padding: 30px 20px;}
	.services__item-header {font: 700 18px/26px 'Rubik';}
	.services__item-links li {margin: 15px 0 0;}
	.services__buttons {margin: 30px 0 0;}

	.services__buttons a
	{
		float: none;
		margin: 0 0 20px;
		width: 100%;
	}

}

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

	.services {padding: 0 0 40px;}

	.services__item
	{
		width: 330px;
		height: 330px;
		margin: 0 30px 30px 0;
		background-size: 330px 330px;
	}

	.services__item:nth-child(3n+3),
	.services__item:nth-last-child(-n+3) {margin: 0 30px 30px 0;}
	
	.services__item:nth-child(2n+2) {margin-right: 0;}
	.services__item:nth-last-child(-n+2) {margin-bottom: 0;}
	
	.services__item-layout {padding: 30px 35px;}
	.services__item-header {font: 700 20px/26px 'Rubik';}
	.services__item-header br {display: none;}
	.services__item-links li {margin: 20px 0 0;}

	.services__buttons a
	{
		width: 330px;
		float: left;
		margin: 0 30px 0 0;
	}
	
}

/* ===SERVICE HEADER=== */

.service-header
{
	width: 100%;
	height: auto;
	position: relative;
	margin: -50px 0 0;
}

.service-header--monocolor {background: #393185;}

.service-header__background
{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0; left: 0;
}

.service-header__image
{
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.service-header__background::after
{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0; top: 0;
	background: rgba(57,49,133,0.6);
}

.service-header h1
{
	font: 700 36px/48px 'Rubik';
	color: #fff;
	text-align: center;
	margin: 100px 0 40px;
}

.service-header__block
{
	margin: 30px auto 0;
	width: 570px;
	overflow: hidden;
	background: rgba(255,255,255,0.8);
	box-sizing: border-box;
	padding: 20px 35px;
	border-radius: 10px;
	color: #111;
}

.service-header__block--course
{
	width: max-content;
	margin: 30px auto 60px;
}

.service-header__column
{
	width: 200px;
	height: 60px;
	overflow: hidden;
	float: left;
	margin: 0 30px 0 0;
}

.service-header__price
{
	font: 500 26px/30px 'Rubik';
	margin: 0 0 5px;
}

.service-header__price--solo
{
	line-height: 60px;
	margin: 0;
}

a.service-header__cost-calculation
{
	display: inline-block;
	background: url(/images/icon-calculator.svg) left no-repeat;
	background-size: 14px 20px;
	font: 400 16px/20px 'Rubik';
	padding: 0 0 0 25px;
	cursor: pointer;
}

a.service-header__download
{
	display: block;
	float: right;
}

a.service-header__download span
{
	background: url(/images/icon-pdf.svg) left no-repeat;
	background-size: 16px 22px;
	padding: 0 0 0 30px;
}

.service-header__block-header
{
	font: 500 20px/25px 'Rubik';
	margin: 0 0 5px 0;
}

.service-header__edu-form
{
	overflow: hidden;
	display: flex;
}

.service-header__edu-form li
{
	font: 400 18px/30px 'Rubik';
	box-sizing: border-box;
	width: 100%;
	float: left;
	background: url(/images/icon-check.svg) left no-repeat;
	background-size: 18px 14px;
	padding: 0 0 0 35px;
	margin: 0 50px 0 0;
}

.service-header__edu-form li:last-child {margin: 0;}

.service-header__item
{
	width: 180px;
	box-sizing: border-box;
	padding: 0 0 0 60px;
	float: left;
}

.service-header__item--price
{
	width: 210px;
	background: url(/images/icon-ruble.svg) left no-repeat;
	background-size: 40px 40px;
}

.service-header__item--time
{
	background: url(/images/icon-clock.svg) left no-repeat;
	background-size: 40px 40px;
}

.service-header__item--expiration
{
	background: url(/images/icon-expiration.svg) left no-repeat;
	background-size: 40px 40px;
}

.service-header__item+.service-header__item {margin: 0 0 0 25px;}

.service-header__label
{
	font: 400 14px/20px 'Rubik';
}

.service-header__field
{
	font: 500 22px/25px 'Rubik';
	margin: 5px 0 0;
}

a.service-header__test
{
	font: 400 18px/25px 'Rubik';
	display: block;
	padding: 5px 0 5px 70px;
	background: url(/images/icon-test.svg) left no-repeat;
	background-size: 45px 60px;
	text-decoration: none;
	position: relative;
	color: #111;
}

.service-header__test::after
{
	content: '';
	width: 60px;
	height: 60px;
	position: absolute;
	right: 0; top: 0;
	border-radius: 50%;
	background: #393185 url(/images/icon-arrow.svg) center no-repeat;
	background-size: 22px 16px;
	transition: all .2s ease;
}

a.service-header__test:hover::after {background-size: 27px 20px;}

.service-header__consultation
{
	width: 100%;
	margin: 60px 0 0;
	background: #fff;
	box-sizing: border-box;
	padding: 40px 60px 20px;
	border-radius: 10px 10px 0 0;
	position: relative;
}

.service-header__consultation::after
{
	content: '';
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	height: 100%;
	background: rgba(57,49,133,.4) url(/images/preloader.gif) center no-repeat;
	background-size: 64px 64px;
	border-radius: 20px 20px 0 0;
	display: none;
}

.service-header__consultation.is-loading::after {display: block;}
.service-header__consultation-header {margin: 0 0 20px;}
.service-header__consulation-form {overflow: hidden;}

.service-header__consulation-holder
{
	overflow: hidden;
	margin: 0 0 17px;
}

.service-header__consulation-field
{
	width: 240px;
	float: left;
	margin: 0 30px 0 0;
}

.service-header__consulation-field:last-child
{
	margin: 0;
}

.service-header__consulation-disclaimer
{
	float: right;
}

.service-header__consulation-form .submit
{
	height: 50px;
	line-height: 50px;
	background: #393185;
}

.service-header__consulation-form .submit:hover
{
	background: #4c4591;
}

.service-header__consulation-disclaimer-text
{
	font: 400 14px/18px 'Roboto';
	background: url(/images/icon-checkbox.svg) 0 0 no-repeat;
	background-size: 18px 18px;
	padding: 0 0 0 35px;
	color: #9f9f9f;
}

.service-header__consulation-disclaimer-text a
{
	color: #9f9f9f;
}

.service-header__consulation-result {display: none;}
.service-header__consultation-text {margin: -10px 0 0;}

@media (max-width: 1219px) {

	.service-header__price--solo
	{
		line-height: 30px;
	}
	
	.service-header__block {border-radius: 10px;}

}

@media (max-width: 767px) {
	
	.service-header {margin: 0;}

	.service-header h1
	{
		font: 500 26px/35px 'Rubik';
		margin: 25px 0;
	}
	
	.service-header__block
	{
		margin: 25px auto;
		width: 100%;
	}

	.service-header__column
	{
		width: 100%;
		height: 60px;
		text-align: center;
		float: none;
		margin: 0;
	}

	a.service-header__download {display: none;}
	.service-header__block-header {margin: 0 0 10px;}
	.service-header__edu-form {display: block;}
	.service-header__edu-form li
	{
		float: none;
		margin: 0 0 5px;
	}
	
	.service-header__item
	{
		width: 100%;
		float: none;
	}

	.service-header__item+.service-header__item {margin: 20px 0 0;}
	
	.service-header__consultation {display: none;}

}

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

	.service-header h1
	{
		font: 700 30px/40px 'Rubik';
		margin: 70px 0 30px;
	}

	.service-header__consultation
	{
		padding: 30px 30px 15px;
		border-radius: 10px 10px 0 0;
		margin: 30px 0 0;
	}

	.service-header__consulation-field
	{
		width: 300px;
		margin: 0 30px 15px 0;
	}
	
	.service-header__consulation-field:nth-child(2n+2) {margin: 0 0 15px;}
	.service-header__consulation-field:nth-last-child(-n+2) {margin-bottom: 0;}

}

/* ===SERVICE CONTENT=== */

.service-content
{
	width: 100%;
	height: auto;
	margin: 60px 0;
}

.service-content__mobile {display: none;}
.service-content__holder {overflow: hidden;}

.service-content__text
{
	width: auto;
	overflow: hidden;
}

.service-content__docs
{
	width: 270px;
	margin: 0 0 0 30px;
	float: right;
}

.service-content__text h2,
.service-content__price h2
{
	font: 500 26px/35px 'Rubik';
	color: #111;
}

.service-content__docs-course
{
	padding: 10px 0 0;
	overflow: hidden;
}

.service-content__docs-box
{
	display: block;
	width: 270px;
	height: auto;
	position: relative;
	overflow: hidden;
	margin: 20px 0 0;
}

.service-content__docs-course .service-content__docs-box
{
	margin: 20px 30px 0 0;
	float: left;
}

.service-content__docs-course .service-content__docs-box:nth-child(4n+4) {margin-right: 0;}

.service-content__docs-box img
{
	display: block;
	width: 270px;
	height: auto;
}

.service-content__docs-text {margin: 30px 0 0;}

.service-content__price,
.service-content__addit {margin: 60px 0 0;}

.service-content__price table {text-align: center;}

.service-content__price table th:first-child,
.service-content__price table td:first-child {text-align: left;}

.service-content__price table.course__table th:first-child,
.service-content__price table.course__table td:first-child {text-align: center;}

.service-content__price table.course__table th:nth-child(2),
.service-content__price table.course__table td:nth-child(2) {text-align: left;}

.service-content__price table.course__table tr.doublet td:first-child {text-align: left;}
.service-content__price table.course__table tr.doublet td:last-child {text-align: center;}

.service-content__price table .table__pp,
.service-content__price table .table__time {width: 10%;}
.service-content__price table .table__name {width: 60%;}
.service-content__price table .table__course {width: 70%;}
.service-content__price table .table__duration {width: 20%;}
.service-content__price table .table__price {width: 20%;}

.service-content__price table.service-content__price-table--fourcol .table__name {width: 40%;}
.service-content__price table.service-content__price-table--fourcol .table__code {width: 20%;}

.service-content__table-button span,
.service-content__addit-button span
{
	background: url(/images/icon-more.svg) left no-repeat;
	background-size: 16px 9px;
	padding: 0 0 0 30px;
}

.service-content__button {margin: 30px 0 60px;}
.service-content__button--centered {text-align: center;}
.service-content__addit-button {margin: 30px 0 0;}

.service-content__discount
{
	overflow: hidden;
	margin: 30px 0 0;
}

.service-content__discount-block
{
	font: 400 16px/60px 'Rubik';
	width: calc(50% - 15px);
	background: #565097;
	text-align: center;
	color: #fff;
	float: left;
	border-radius: 10px;
}

.service-content__discount-block+.service-content__discount-block {margin: 0 0 0 30px;}

.service-content__teacher
{
	overflow: hidden;
	margin: 30px 0 0;
}

.service-content__teacher-photo
{
	width: 120px;
	height: 120px;
	float: left;
	border-radius: 50%;
	overflow: hidden;
}

.service-content__teacher-photo img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.service-content__teacher-info
{
	width: calc(100% - 150px);
	height: 120px;
	display: table;
	float: left;
	margin: 0 0 0 30px;
}

.service-content__teacher-box
{
	display: table-cell;
	vertical-align: middle;
}

.service-content__teacher-name
{
	font: 500 22px/30px 'Rubik';
	margin: 0 0 5px;
	color: #111;
}

.service-content__teacher-text
{
	font: 400 14px/25px;
	color: #393185;
}

.service-content__teacher-text span
{
	font-weight: 500;
	color: #d71117;
}

.service-content__demo
{
	width: 100%;
	padding: 100px 0;
	position: relative;
	background: #393185;
	margin: 60px 0;
	overflow: hidden;
}

.service-content__demo-video
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0; top: 0;
}

.service-content__demo-video video
{
    position: absolute;
	left: 0; top: 0;
    width: 100%;
    height: 100%;
	object-fit: cover;
}

.service-content__demo-video::after
{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0; top: 0;
	background: rgba(57,49,133,0.6);
}

.service-content__demo-header
{
	font: 700 40px/50px 'Rubik';
	color: #fff;
}

.service-content__demo-header span {color: #ff6a6e;}

.service-content__demo-text
{
	font: 400 20px/30px 'Rubik';
	color: #fff;
	margin: 30px 0 0;
}

.service-content__demo-button {margin: 40px 0 0;}
.service-content__demo-button a.button--demo {width: 370px;}

.service-content__demo-button a.button--demo span
{
	background: url(/images/icon-mail.svg) left no-repeat;
	background-size: 36px 22px;
	padding: 0 0 0 50px;
}

.service-content__faq {margin: 30px 0 0;}

.service-content__faq-item+.service-content__faq-item {margin: 30px 0 0;}

.service-content__faq-question
{
	padding: 20px 55px 20px 35px;
	background: #565097;
	color: #fff;
	border-radius: 10px;
	position: relative;
	cursor: pointer;
	transition: all .2s ease;
}

.service-content__faq-question:hover {background: #393185;}

.service-content__faq-question::after
{
	content: '';
	width: 15px;
	height: 10px;
	background: url(/images/icon-down-white.svg) center no-repeat;
	background-size: 15px 10px;
	position: absolute;
	top: calc(50% - 5px);
	right: 20px;
	transition: all .2s ease;
}

.service-content__faq-question.opened::after {transform: rotate(180deg);}

.service-content__faq-answer
{
	margin: 10px 0 0;
	display: none;
}

.course-spot
{
	width: 100%;
	height: 50px;
}

.course-menu
{
	width: 100%;
	height: 50px;
	background: #d71117;
	text-align: center;
}

.course-menu.is-fixed
{
	position: fixed;
	top: 90px; left: 0;
	z-index: 9;
}

.course-menu ul
{
	display: inline-block;
	overflow: hidden;
}

.course-menu ul li
{
	font: 400 18px/50px 'Roboto';
	float: left;
}

.course-menu ul li a
{
	display: block;
	color: #fff;
	padding: 0 20px;
	text-decoration: none;
	transition: all .2s ease;
}

.course-menu ul li a:hover {background: #df4145;}

@media (max-width: 1219px) {

	.service-content {margin: 40px 0;}
	
	.service-content__docs
	{
		width: 100%;
		float: none;
		overflow: hidden;
	}

}

@media (max-width: 767px) {

	.service-content {margin: 40px 0;}
	.service-content__mobile {display: block;}
	.service-content__docs {margin: 30px 0;}
	.service-content__docs-box,
	.service-content__docs-box img {width: 100%;}
	.service-content__price,
	.service-content__addit {margin: 30px 0;}
	.service-content__text h2,
	.service-content__price h2 {font: 500 20px/25px 'Rubik';}
	.service-content__button {margin: 20px 0;}
	.service-content__addit-button {margin: 20px 0 0;}
	.service-content__price table tr:first-child {display: none !important;}

	.service-content__price table tr
	{
		overflow: hidden;
		display: block;
		background: #f3f3f3;
		padding: 20px;
		margin: 10px 0 0;
	}

	.service-content__price table td
	{
		display: block;
		float: left;
		border: 0;
		padding: 0;
		text-align: left;
	}

	.service-content__price table td:nth-child(1)
	{
		width: 100%;
		margin: 0 0 10px;
	}

	.service-content__price table td:nth-child(2),
	.service-content__price table td:nth-child(3) {width: 50%;}

	.service-content__price table td::before
	{
		font: 500 16px/30px 'Rubik';
		display: block;
		color: #393185;
	}

	.service-content__price table.course__table td
	{
		width: 100%;
		margin: 0 0 10px;
		text-align: center !important;
	}

	.service-content__price table td:nth-child(1)::before {content: 'Наименование';}
	.service-content__price table td:nth-child(2)::before {content: 'Кол-во часов';}
	.service-content__price table td:nth-child(3)::before {content: 'Стоимость';}
	.service-content__price table.service-content__price-table--fourcol td:nth-child(1)::before {content: 'Наименование';}
	.service-content__price table.service-content__price-table--fourcol td:nth-child(2)::before {content: 'Шифр';}
	.service-content__price table.service-content__price-table--fourcol td:nth-child(3)::before {content: 'Кол-во часов';}
	.service-content__price table.service-content__price-table--fourcol td:nth-child(4)::before {content: 'Стоимость';}
	.service-content__price table.course__table td:nth-child(1)::before {content: '№';}
	.service-content__price table.course__table td:nth-child(2)::before {content: 'Наименование';}
	.service-content__price table.course__table td:nth-child(3)::before {content: 'Часы';}
	.service-content__price table.course__table tr.doublet td::before {content: '';}
	
	.service-content__discount-block
	{
		width: 100%;
		float: none;
	}

	.service-content__discount-block+.service-content__discount-block {margin: 20px 0 0;}
	.course-spot {display: none;}
	.service-content__demo-header {font: 700 36px/45px 'Rubik';}
	.service-content__demo-button a.button--demo {width: 100%;}

}

@media (min-width:768px) and (max-width: 1219px) {
	
	.service-content__docs {margin: 0 0 40px;}
	
	.service-content__docs-box
	{
		width: 210px;
		float: left;
		margin: 20px 30px 0 0;
	}

	.service-content__docs-box:nth-child(3n+3) {margin: 20px 0 0;}
	.service-content__docs-box img {width: 210px;}
	.service-content__text {width: 100%;}
	.service-content__price,
	.service-content__addit {margin: 40px 0 0;}
	.service-content__button {margin: 20px 0 40px;}
	.service-content__addit-button {margin: 20px 0 0;}
	.service-content__price table .table__name {width: 55%;}
	.service-content__price table .table__duration {width: 20%;}
	.service-content__price table .table__price {width: 25%;}
	.course-menu.is-fixed {top: 80px;}
	.course-menu ul li {font: 400 15px/50px 'Roboto';}
	.course-menu ul li:last-child {display: none;}
	.course-menu ul li a {padding: 0 15px;}

}

/* ===SERVICE CHILDREN=== */

.service-content__chlidren {margin: 60px 0 0;}

.service-content__chlidren h2
{
	font: 500 26px/35px 'Rubik';
	color: #111;
}

.service-content__children-box
{
	overflow: hidden;
	margin: 30px 0 0;
}

.service-content__children-item
{
	width: 270px;
	height: 270px;
	float: left;
	margin: 0 30px 30px 0;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	color: #fff;
}

.service-content__children-item:nth-child(4n+4) {margin: 0 0 30px;}

.service-content__children-background
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0; left: 0;
}

.service-content__children-layout
{
	width: 100%;
	height: 100%;
	background-color: rgba(55,50,130,0.8);
	box-sizing: border-box;
	border-radius: 10px;
	transition: .2s ease background-color;
	position: relative;
	z-index: 1;
}

.service-content__children-layout--monocolor {background-color: #393185;}

.service-content__children-header
{
	font: 500 20px/25px 'Rubik';
	color: #fff;
	position: absolute;
	left: 0; bottom: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 0 25px 25px;
	height: auto;
}

.service-content__children-item:hover .service-content__children-layout {background-color: rgba(55,50,130,0.85);}
.service-content__children-item:hover .service-content__children-layout--monocolor {background-color: #4c4591;}

@media (max-width: 767px) {
	
	.service-content__chlidren {margin: 30px 0 0;}
	.service-content__chlidren h2 {font: 500 20px/25px 'Rubik';}
	
	.service-content__children-item,
	.service-content__children-item:nth-child(4n+4)
	{
		width: 100%;
		height: auto;
		margin: 0 0 20px;
	}
	
	.service-content__children-item:last-child {margin: 0;}
	
	.service-content__children-header
	{
		position: relative;
		padding: 20px;
	}
	
}

@media (min-width:768px) and (max-width: 1219px) {
	
	.service-content__chlidren {margin: 40px 0 0;}
	
	.service-content__children-item,
	.service-content__children-item:nth-child(4n+4)
	{
		width: 210px;
		height: 210px;
		margin: 0 30px 30px 0;
	}
	
	.service-content__children-item:nth-child(3n+3) {margin: 0 0 30px;}
	
}

/* ===LANDING=== */

.landing
{
	width: 100%;
	position: relative;
	margin: 40px 0 100px;
	color: #111;
}

.adaptive {display: none;}

.landing .button
{
	font: 300 19px/60px 'Rubik';
	border-radius: 30px;
}

.landing__info {align-items: center;}

.landing__hero .landing__info {width: calc(100% - 500px);}
.landing__about .landing__info {width: calc(100% - 620px);}

.landing__forms {margin: 0 0 25px;}

.landing__forms li
{
	font: 300 17px/30px 'Rubik';
	padding: 0 0 0 30px;
	background: url(/images/icon-check.svg) left no-repeat;
	background-size: 18px 14px;
}

.landing__forms li+li {margin: 0 0 0 30px;}

.landing h1, .landing__h1 {font: 400 38px/48px 'Rubik';}
.landing h1.landing__sm {width: 620px;}

.landing__offer {margin: 20px 0 0;}

.landing__price
{
	font: 400 38px/48px 'Rubik';
}

.landing__ppl
{
	font: 300 38px/48px 'Rubik';
	margin: 0 0 0 10px;
	color: #999;
}

.landing__annot
{
	font: 300 20px/33px 'Rubik';
	margin: 30px 0 0;
}

.landing__order {margin: 50px 0 0;}

.landing__order .button {width: 300px;}

.landing__link
{
	font: 300 17px/60px 'Rubik';
	position: relative;
	margin: 0 0 0 30px;
	color: #444;
}

.landing__link span
{
	font: 300 17px/20px 'Rubik';
	display: inline-block;
	border-bottom: 1px dotted #444;
	background: url(/images/icon-arr.svg) right no-repeat;
	background-size: 12px 12px;
	padding: 0 18px 0 0;
	cursor: pointer;
}

.landing__image
{
	width: 470px;
	height: 600px;
	position: relative;
}

.landing__image::after,
.landing__pic::after
{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0; left: 0;
	background: linear-gradient(145deg, rgba(57,49,133,.8) 0%, rgba(57,49,133,.4) 100%);
}

.landing__hero .landing__image {margin: 0 0 0 30px;}
.landing__about .landing__image {margin: 0 150px 0 0;}

.landing__image img,
.program__image img,
.landing__pic img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .4s all ease-out;
}

.landing__subhero {margin: 80px 0 0;}

.landing__subhero .container {justify-content: space-between;}

.landing__subblock {width: 470px;}

.landing__subheader {font: 400 19px/28px 'Rubik';}

.landing__subheader::before
{
	content: "";
	display: block;
	width: 70px;
	height: 3px;
	background: #d71117;
	margin: 0 0 30px;
}

.landing__subinfo
{
	font: 300 17px/28px 'Rubik';
	margin: 10px 0 0;
}

.landing__screen {margin: 90px 0 0;}

.landing__screen--grey
{
	margin: 80px auto 0;
	max-width: 1600px;
	background: #f7f7fa;
	padding: 60px 0;
	border-radius: 20px;
}

.landing h2, .landing__h2
{
	font: 300 38px/48px 'Rubik';
	text-align: center;
}

.landing__list
{
	font: 300 17px/28px 'Rubik';
	margin: 40px 100px 0;
}

.landing__list li
{
	width: 450px;
	box-sizing: border-box;
	padding: 0 0 0 30px;
	background: url(/images/icon-check.svg) 0 7px no-repeat;
	background-size: 18px 14px;
}

.landing__list li:nth-child(2n) {margin-left: 70px;}
.landing__list li:nth-child(n+3) {margin-top: 30px;}

.landing__penalty
{
	font: 300 17px/28px 'Rubik';
	margin: 40px 100px 0;
	padding: 30px 0 0 30px;
	border-top: 1px solid #e3e2ee;
	background: url(/images/icon-alert.svg) 0 36px no-repeat;
	background-size: 18px 16px;
}

.landing__penalty b {font-weight: 400;}

.landing__programs
{
	margin: 50px 0 0;
	justify-content: center;
}

.program
{
	width: 370px;
	margin: 40px 30px 0 0;
}

.program:nth-child(3n) {margin-right: 0;}
.program:nth-child(-n+3) {margin-top: 0;}
.program:last-child {margin-right: 0;}

.program__image
{
	width: 100%;
	height: 200px;
	overflow: hidden;
	position: relative;
	border-radius: 10px;
}

.program__hover
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0; left: 0;
	background: rgba(57,49,133,.8);
	box-sizing: border-box;
	padding: 40px 0;
	opacity: 0;
	transition: .4s all ease;
	border-radius: 15px;
	overflow: hidden;
}

.program__hover--one {padding: 75px 0;}
.program:hover .program__hover {opacity: 1;}

.program__hover .button
{
	font: 300 17px/50px 'Rubik';
	width: 250px;
	height: 50px;
	display: none;
}

.program:hover .button {display: block; margin: 0 auto;}

.program__hover .button+.button {margin-top: 20px;}

.program__hover .button--request span
{
	background-size: 32px 20px;
	padding: 0 0 0 44px;
}

.program__hover a.button--white
{
	font: 300 17px/48px 'Rubik';
	background: transparent;
	box-sizing: border-box;
	border: 1px solid #fff;
	text-decoration: none;
}

.program__hover .button--white:hover {background: #4c4591;}

.program__info
{
	font: 300 16px/18px 'Rubik';
	margin: 16px 0 0;
	color: #999;
}

.program__info li+li {margin: 0 0 0 20px;}

.program__name
{
	font: 300 17px/28px 'Rubik';
	cursor: default;
	margin: 8px 0 0;
	overflow: hidden;
	max-height: 224px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
}

.program__name a
{
	display: block;
	color: #111;
	text-decoration: none;
	cursor: default;
}

.program--link .program__name a {cursor: pointer;}
.program--link .program__name a:hover {color: #393185;}
.program--link .program__image:hover img {transform: scale(1.075);}

.landing__addit
{
	font: 300 20px/30px 'Rubik';
	margin: 20px 0 0;
	text-align: center;
}

.landing__button
{
	text-align: center;
	margin: 35px 0 0;
}

a.button--consultation {width: 340px;}

a.button--consultation span
{
	background: url(/images/icon-chat.svg) left no-repeat;
	background-size: 32px 28px;
	padding: 0 0 0 45px;
}

.landing__document
{
	max-width: 900px;
	max-height: 640px;
	margin: 30px auto 0;
	text-align: center;
}

.landing__document img
{
	max-width: 100%;
	max-height: 640px;
	object-fit: cover;
}

.landing__about {margin: 120px 0;}
	
.landing__about .landing__h1 span {font: 400 30px/48px 'Rubik'}

.landing__rating,
.landing__zakupki
{
	width: 180px;
	height: 70px;
	position: absolute;
	bottom: 100px;
	right: -80px;
	background: #f6f6f6;
	box-sizing: border-box;
	padding: 10px 15px;
	z-index: 1;
	border-radius: 15px;
	box-shadow: 0 5px 10px 0 rgba(57,49,133,.2);
}

.landing__zakupki
{
	bottom: 200px;
	padding: 0;
}

.landing__zakupki a
{
	display: block;
	padding: 10px 15px;
}

.landing__zakupki img
{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.landing__advantages {margin: 40px 0 0;}

.advantage+.advantage {margin: 30px 0 0;}

.advantage__name
{
	font: 400 19px/28px 'Rubik';
	padding: 0 0 0 33px;
}

.advantage__name--license
{
	background: url(/images/icon-license.svg) 0 3px no-repeat;
	background-size: 22px 22px;
}

.advantage__name--years
{
	background: url(/images/icon-star.svg) 0 3px no-repeat;
	background-size: 22px 21px;
}

.advantage__name--russia
{
	background: url(/images/icon-flag.svg) 0 5px no-repeat;
	background-size: 22px 18px;
}

.advantage__name--programs
{
	background: url(/images/icon-edu.svg) 0 5px no-repeat;
	background-size: 22px 18px;
}

.advantage__text
{
	font: 300 17px/28px 'Rubik';
	margin: 10px 0 0;
}

.advantage__text a
{
	text-decoration: none;
	border-bottom: 1px dotted #393185; 
}

.landing__about .landing__link span
{
	padding: 0 0 0 18px;
	background: url(/images/icon-dwn.svg) left no-repeat;
	background-size: 12px 12px;
}

.landing__reviews {margin: 40px 0 0;}

.landing__reviews li
{
	width: 234px;
	height: 130px;
	position: relative;
}

.landing__reviews li::before,
.landing__reviews li::after
{
	content: '';
	background: #bfc0ca;
	position: absolute;
	display: none;
	z-index: 1;
}

.landing__reviews li::before
{
	width: 2px;
	height: 30px;
	bottom: -15px;
	right: -1px;
}

.landing__reviews li::after
{
	width: 30px;
	height: 2px;
	bottom: -1px;
	right: -15px;
}

.landing__reviews li:nth-child(-n+4)::before,
.landing__reviews li:nth-child(-n+4)::after {display: block;}


.landing__reviews li a
{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}

.landing__reviews li img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .4s all ease;
}

.landing__reviews li a:hover img {transform: scale(1.1);}

.landing__information {margin: 100px 0 0;}

.landing__text
{
	font: 300 17px/26px 'Rubik';
	margin: 50px 0 0;
	text-align: justify;
	position: relative;
	max-height: 440px;
	overflow: hidden;
	transition: 2s all ease;
}

.landing__text.is-opened {max-height: 5000px;}

.landing__text p {margin: 25px 0 0;}

.landing__text ul {margin: 20px 0;}

.landing__text ul li
{
	font: 300 17px/30px 'Rubik';
	position: relative;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
}

.landing__text ul li::before
{
	content: "";
	position: absolute;
	left: 0; top: 11px;
	width: 8px;
	height: 8px;
	background: #d71117;
	border-radius: 50%;
}

.landing__pic
{
	width: 370px;
	height: 440px;
	position: relative;
}

.landing__pic--right
{
	margin: 25px 0 25px 30px;
	float: right;
}

.landing__pic--left
{
	margin: 25px 30px 25px 0;
	float: left;
}

.landing__text p:first-of-type,
.landing__pic:first-of-type {margin-top: 0;}

.landing__information .landing__order {justify-content: center;}

.landing__information .landing__link span
{
	background: url(/images/icon-dwn.svg) right no-repeat;
	background-size: 12px 12px;
}

/* ===adaptive=== */

@media (max-width: 1219px) {

	.adaptive {display: block;}
	.landing__hero .landing__info, .landing h1.landing__sm,
	.landing__about .landing__info {width: 100%;}
	.landing__image {display: none;}
	.program__hover .button--white:hover {background: transparent;}
	.program--link .program__name a:hover {color: #111;}
	.program--link .program__image:hover img {transform: scale(1);}
	.advantage__name span {display: none;}
	.landing__reviews li a:hover img {transform: none;}
	.landing__pic {display: none;}

}

/* ===mobile=== */

@media (max-width: 767px) {

	.landing {margin: 30px 0 100px;}

	.landing__forms li:last-child {margin: 5px 0 0;}

	.landing h1, .landing__h1 {font: 400 30px/40px 'Rubik';}
	.landing h1 span {display: none;}

	.landing__price {font: 400 30px/40px 'Rubik';}

	.landing__ppl {font: 300 30px/40px 'Rubik';}

	.landing__annot
	{
		font: 300 18.5px/32px 'Rubik';
		margin: 20px 0 0;
	}

	.landing__order {margin: 40px 0 0;}

	.landing__link
	{
		width: 300px;
		margin: 10px 0 0;
		text-align: center;
	}

	.landing__subhero {margin: 40px 0 0;}

	.landing__subblock {width: 100%;}
	
	.landing__subblock+.landing__subblock {margin: 50px 0 0;}

	.landing__subinfo
	{
		font: 300 17px/28px 'Rubik';
		margin: 10px 0 0;
	}

	.landing__screen {margin: 50px 0 0;}

	.landing__screen--grey
	{
		margin: 60px auto 0;
		padding: 40px 0;
	}

	.landing h2, .landing__h2
	{
		font: 300 26px/36px 'Rubik';
		text-align: left;
	}

	.landing__list
	{
		font: 300 17px/28px 'Rubik';
		margin: 30px 0 0;
	}

	.landing__list li {width: 100%;}

	.landing__list li+li,
	.landing__list li:nth-child(n+3) {margin-top: 20px;}
	.landing__list li:nth-child(2n) {margin-left: 0;}

	.landing__penalty {margin: 30px 0 0;}

	.landing__programs {margin: 40px 0 0;}

	.program
	{
		width: 100%;
		margin: 0;
	}
	
	.program+.program {margin-top: 40px;}

	.landing__addit
	{
		font: 300 18.5px/30px 'Rubik';
		text-align: left;
	}

	a.button--consultation {width: 100%;}

	.landing__document {margin: 20px auto 0;}

	.landing__about {margin: 60px 0 0;}

	.landing__advantages {margin: 40px 0 0;}
	
	.landing__about .landing__h1 {font: 300 28px/38px 'Rubik';}
	
	.landing__about .landing__h1 span {font: 300 20px/38px 'Rubik';}

	.landing__about .landing__link span
	{
		padding: 0 0 0 18px;
		background: url(/images/icon-dwn.svg) left no-repeat;
		background-size: 12px 12px;
	}

	.landing__reviews {margin: 40px 0 0;}

	.landing__reviews li
	{
		width: 50%;
		height: 100px;
		position: relative;
	}

	.landing__reviews li::before,
	.landing__reviews li::after {display: block;}

	.landing__reviews li:nth-child(2n)::before,
	.landing__reviews li:nth-child(2n)::after,
	.landing__reviews li:nth-last-child(-n+2)::before,
	.landing__reviews li:nth-last-child(-n+2)::after {display: none;}
	
	.landing__information {margin: 50px 0 0;}
	
	.landing__text
	{
		max-height: 338px;
		margin: 30px 0 0;
	}

}

/* ===tablet=== */

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

	.landing {margin: 60px 0 100px;}

	.landing__subhero {margin: 60px 0 0;}

	.landing__subblock {width: 330px;}

	.landing__subheader {font: 400 19px/28px 'Rubik';}

	.landing__subheader::before
	{
		content: "";
		display: block;
		width: 70px;
		height: 3px;
		background: #d71117;
		margin: 0 0 30px;
	}

	.landing__subinfo
	{
		font: 300 17px/28px 'Rubik';
		margin: 10px 0 0;
	}
	
	.landing__subheader span,
	.landing__subinfo span {display: none;}

	.landing__screen {margin: 70px 0 0;}

	.landing h2, .landing__h2 {font: 300 32px/42px 'Rubik';}

	.landing__list {margin: 40px 0 0;}

	.landing__list li {width: 330px;}
	.landing__list li:nth-child(2n) {margin-left: 30px;}
	.landing__list li span {display: none;}

	.landing__penalty {margin: 40px 0 0;}

	.landing__programs {margin: 40px 0 0;}

	.program {width: 330px;}

	.program:nth-child(3n) {margin-right: 30px;}
	.program:nth-child(-n+3) {margin-top: 40px;}
	.program:nth-child(2n) {margin-right: 0;}
	.program:nth-child(-n+2) {margin-top: 0;}

	.landing__addit {font: 300 18.5px/30px 'Rubik';}

	.landing__about {margin: 70px 0 100px;}
	
	.landing__about .landing__h1
	{
		font: 300 32px/42px 'Rubik';
		text-align: center;
	}

	.landing__about .landing__h1 span {display: none;}

	.advantage,
	.advantage+.advantage
	{
		width: 330px;
		margin: 30px 30px 0 0;
	}
	
	.advantage:nth-child(2n) {margin-right: 0;}
	.advantage:nth-child(-n+2) {margin-top: 0;}

	.advantage__name span {display: none;}
	
	.landing__about .landing__order {justify-content: center;}

	.landing__reviews {margin: 40px 0 0;}

	.landing__reviews li {width: 230px;}
	.landing__reviews li:nth-child(n+10) {display: none;}

	.landing__reviews li::before,
	.landing__reviews li::after {display: block;}

	.landing__reviews li:nth-child(3n)::before,
	.landing__reviews li:nth-child(3n)::after,
	.landing__reviews li:nth-last-child(-n+4)::before,
	.landing__reviews li:nth-last-child(-n+4)::after {display: none;}
	
	.landing__information {margin: 70px 0 0;}
	
	.landing__text
	{
		max-height: 182px;
		margin: 40px 0 0;
	}

}

@media (max-width: 1600px) {

	.landing__screen--grey {border-radius: 0;}

}

/* ===SUB MENU=== */

.sub-menu
{
	background: #f3f3f3;
}

.sub-menu ul
{
	overflow: hidden;
}

.sub-menu ul li
{
	font: 500 16px/60px 'Rubik';
	float: left;
}

.sub-menu ul li a
{
	display: block;
	color: #111;
	text-decoration: none;
	padding: 0 40px;
	transition: .2s all ease;
}

.sub-menu ul li a:hover
{
	background: #cbcbcb;
}

.sub-menu ul li a.selected,
.sub-menu ul li a.selected:hover
{
	color: #fff;
	background: #d71117;
}

@media (max-width: 767px) {

	.sub-menu {display: none;}

}

/* ----------- Side Menu Styles ------------ */

.side-menu-box
{
	width: 370px;
	height: auto;
	box-sizing: border-box;
	border-radius: 20px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 3px 10px rgba(0,0,0,0.15);
}

.side-menu-box li
{
	font: 400 16px/25px 'Roboto', sans-serif;
}

.side-menu-box li a
{
	border-bottom: 1px solid #e0e0e0;
	display: block;
	padding: 10px 35px;
	color: #111;
	text-decoration: none;
}

.side-menu-box li a:hover
{
	color: #393185;
}

.side-menu-box li a.selected,
.side-menu-box li a.selected:hover
{
	background: #393185;
	border-color: #393185;
	color: #fff;
}

@media (max-width: 767px) {

	.side-menu {display: none;}

}

@media (min-width:768px) and (max-width: 1219px) {
	
	.side-menu-box {width: 270px;}	
	.side-menu-box li a {padding: 10px 20px;}
	
}

/* ===NUMBERS=== */

.numbers
{
	width: 100%;
	position: relative;
	margin: 80px auto 0;
}

.numbers .container
{
	width: 970px;
	padding: 0;
	justify-content: space-between;
}

.numbers__item:nth-child(1) {width: 260px;}
.numbers__item:nth-child(2),
.numbers__item:nth-child(3) {width: 300px;}

.numbers__num
{
	font: 400 100px/120px 'Rubik';
	letter-spacing: -2px;
	color: #393185;
}

.numbers__num span
{
	display: inline-block;
	margin: 0 0 0 -5px;
	transform: scale(.7);
}

.numbers__description {font: 300 17px/28px 'Rubik';}


@media (max-width: 1219px) {

	.numbers__num {font: 400 75px/95px 'Rubik';}
	.numbers__description {font: 300 16px/26px 'Rubik';}

}

@media (max-width: 767px) {

	.numbers {margin: 60px auto 0;}

	.numbers .container
	{
		width: 100%;
		padding: 0 10px;
	}

	.numbers__item:nth-child(1),
	.numbers__item:nth-child(2),
	.numbers__item:nth-child(3) {width: 230px;}

	.numbers__item {margin: 0 auto;}
	.numbers__item+.numbers__item {margin-top: 30px;}

}

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

	.numbers .container
	{
		width: 720px;
		padding: 0 15px;
	}
	
	.numbers__item:nth-child(1) {width: 140px;}
	.numbers__item:nth-child(2),
	.numbers__item:nth-child(3) {width: 230px;}

}

/* ===STATIC=== */

.static
{
	width: 100%;
	box-sizing: border-box;
	padding: 40px 0 20px;
}

.static strong,
.static b {font-weight: 500;}

.static h1
{
	font: 400 30px/40px 'Rubik';
	margin: 0 0 20px;
	color: #111;
}

.static__date
{
	font: 300 16px/25px 'Rubik';
	margin: -10px 0 15px;
	color: #999;
}

.static__text,
.static__text p
{
	font: 300 17px/26px 'Rubik';
	color: #111;
}

@media (max-width: 767px) {

	.static h1 {font: 400 25px/30px 'Rubik';}

}

/* ===VOTE=== */

.vote
{
	font: 300 17px/26px 'Rubik';
	padding: 30px 50px;
	margin: 30px 0;
	background: #f7f7fa;
	border-radius: 10px;
	color: #111;
}

.vote:last-child {margin: 30px 0 0;}

.vote li {display: flex;}
.vote li+li {margin: 15px 0 0;}

.vote input[type="radio"]
{
	display: block;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #cbcbcb;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
	margin: 3px 10px 0 0;
	flex-shrink: 0;
}

.vote input[type="radio"]:checked::after
{
	content: '';
	width: 10px;
	height: 10px;
	background: #d71117;
	border-radius: 50%;
	position: absolute;
	left: 4px; top: 4px;
}

.vote input[type="radio"]:disabled
{
	background: #f1f1f1;
	cursor: default;
}

.vote label
{
	display: block;
	width: auto;
	cursor: pointer;
}

.vote input[type="radio"]:checked+label {color: #d71117;}

.vote input[type="text"]
{
	width: auto;
	min-width: 60%;
	border-left: 0;
	border-top: 0;
	border-right: 0;
	padding: 0 5px;
	height: 26px;
	margin: 0 0 0 10px;
	background: transparent;
}

.vote__button {margin: 30px 0 0;}

.vote__button .button
{
	width: 300px;
	font: 300 19px/60px 'Rubik';
	border-radius: 30px;
}

.vote__header {font: 300 30px/40px 'Rubik';}
.vote__text {margin: 10px 0 0;}
.vote__subscribe {margin: 20px 0 0;}

.vote__subscribe input[type="email"]
{
	width: calc(100% - 250px);
	border-radius: 25px 0 0 25px;
}

.vote__subscribe input[type="submit"]
{
	width: 250px;
	font: 300 19px 'Rubik';
	height: 50px;
	border-radius: 0 25px 25px 0;
}

@media (max-width: 767px) {

	.vote {padding: 20px 30px;}
	.vote .vote__own {flex-flow: row wrap;}
	.vote input[type="text"] {width: 100%; margin: 5px 0 0;}
	.vote__header {font: 300 26px/36px 'Rubik';}

	.vote__subscribe input[type="email"]
	{
		width: 100%;
		border-radius: 25px;
	}

	.vote__subscribe input[type="submit"]
	{
		width: 100%;
		border-radius: 25px;
		margin: 10px 0 0;
	}

}

/* ===STATIC-PAGE=== */

.static-page {margin: 0 0 60px;}

.static-page h1
{
	font: 500 36px/42px 'Rubik';
	color: #111;
	margin: 40px 0 20px;
}

.static-page.news-page h1
{
	font: 400 38px/48px 'Rubik';
}

.static-page ul.documents {margin: 0;}

.static-page embed
{
	width: 770px;
	height: 560px;
}

.static-page__columns {margin: 40px 0 0;}

.static-page__menu-column
{
	float: left;
	width: 370px;
	margin: 0 30px 0 0;
}

.static-page__text-column
{
	float: left;
	width: 770px;
}

@media (max-width: 1219px) {

	.static-page {margin: 0 0 40px;}
	.static-page h1 {font: 500 26px/35px 'Rubik';}
	.static-page__columns {margin: 25px 0 0;}

}

@media (max-width: 767px) {

	.static-page h1 {margin: 20px 0 10px;}
	.static-page.news-page h1 {font: 400 30px/40px 'Rubik';}
	
	.static-page embed
	{
		width: 100%;
		height: 470px;
	}
	
	.static-page__menu-column {display: none;}
	.static-page__text-column {width: 100%;}
	
	.static-page__date {margin: 20px 0 -10px;}
	.static-page__share {margin: 20px 0 0;}
}
	
}

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

	.static-page h1 {margin: 30px 0 20px;}
	
	.static-page embed
	{
		width: 390px;
		height: 635px;
	}

	.static-page__menu-column
	{
		float: left;
		width: 270px;
		margin: 0 30px 0 0;
	}

	.static-page__text-column
	{
		float: left;
		width: 390px;
	}

}

/* ===FORM-PAGE=== */

.formpage
{
	width: 100%;
	height: auto;
	min-height: calc(100vh - 320px);
	box-sizing: border-box;
	padding: 40px 0;
	position: relative;
}

.formpage__form
{
	width: 100%;
	max-width: 690px;
	background: #fff;
	position: relative;
	box-sizing: border-box;
	border: 1px solid #ddd;
	text-align: center;
	margin: 0 auto;
	padding: 44px;
	z-index: 1;
}

/* ===ARTICLE=== */

.article
{
	width: 100%;
	box-sizing: border-box;
	padding: 40px 0 20px;
}

.article__content
{
	color: #111;
	width: 770px;
	flex: 0 0 auto;
	position: relative;
	padding: 0 30px 0 0;
}

.article__date
{
	font: 300 16px/25px 'Rubik';
	margin: 0 0 15px;
	color: #999;
}

.article .article__content h1
{
	font: 400 30px/40px 'Rubik';
	margin: 0 0 10px;
}

.article .article__content h2 {margin: 30px 0 0;}
.article .article__content p {font: 300 17px/26px 'Rubik';}
.article .article__content li {font: 300 17px/30px 'Rubik';}
.article .article__content li::before {top: 11px;}
.article .article__content strong,
.article .article__content b {font-weight: 400;}

.article .article__content blockquote
{
	font: 300 15px/25px 'Rubik';
	margin: 20px 0 0;
	text-align: justify;
	border: 5px solid #f7f7fa;
	padding: 20px 20px 20px 45px;
	border-radius: 10px;
	position: relative;
}

.article .article__content blockquote::before
{
	content: '”';
	font: 300 50px/50px 'Georgia';
	position: absolute;
	top: 22px; left: 15px;
}

.article__photo
{
	width: 770px;
	height: 500px;
	overflow: hidden;
	margin: 30px 0;
}

.article__photo img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.article__share
{
	font: 400 17px/26px 'Rubik';
	margin: 30px 0 0;
}

.article__like {margin: 0 15px 0 0;}

.article__column
{
	width: 370px;
	flex: 0 0 auto;
	position: relative;
	margin-top: -120px;
}

.article__sticky
{
	padding: 120px 0 0;
	overflow: hidden;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

.article__subheader
{
	font: 300 26px/40px 'Rubik';
	margin: 0 0 -10px;
	color: #999;
}

.article__sublist .news__item:nth-child(-n+3) {margin: 40px 0 0;}

.article__service
{
	padding: 25px 50px 30px;
	margin: 30px 0;
	background: #f7f7fa;
	border-radius: 10px;
}

ul.article__forms {margin: 0 0 10px;}

ul.article__forms li
{
	font: 300 15px/30px 'Rubik' !important;
	padding: 0 0 0 26px;
	background: url(/images/icon-check.svg) left no-repeat;
	background-size: 16px 12px;
	margin: 0;
}

ul.article__forms li::before {display: none;}
ul.article__forms li+li {margin: 0 0 0 30px;}
.article__servheader {font: 300 30px/40px 'Rubik';}
.article__offer {margin: 20px 0 0;}

.article__price {font: 300 28px/38px 'Rubik';}

.article__ppl
{
	font: 300 28px/38px 'Rubik';
	margin: 0 0 0 10px;
	color: #999;
}

.article__order {margin: 25px 0 0;}

.article__order .button
{
	width: 300px;
	font: 300 19px/60px 'Rubik';
	border-radius: 30px;
}

.article__link
{
	font: 300 17px/60px 'Rubik';
	position: relative;
	margin: 0 0 0 30px;
	display: block;
	text-decoration: none;
}

.article__link span
{
	font: 300 17px/20px 'Rubik';
	display: inline-block;
	border-bottom: 1px dotted #444;
	background: url(/images/icon-arr.svg) right no-repeat;
	background-size: 12px 12px;
	padding: 0 18px 0 0;
	color: #444;
}

.article__pdf
{
	font: 300 17px/26px 'Rubik';
	margin: 20px 0;
}

.article__pdf a
{
	display: inline-block;
	position: relative;
	padding: 0 0 0 36px;
	text-decoration: underline dotted;
}

.article__pdf a::before
{
	content: '';
	position: absolute;
	left: 0; top: 0;
	width: 22px;
	height: 26px;
	background: url(/images/icon-doc.svg) left no-repeat;
	background-size: 22px 26px;
}

.article__body table
{
	font: 300 17px/30px 'Rubik';
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 20px 0;
}

.article__body table td
{
	background: #fff;
	border: 1px solid #e3e2ee;
	padding: 15px 20px;
	vertical-align: middle;
}

@media (max-width: 767px) {

	.article__content
	{
		width: 100%;
		padding: 0;
	}

	.article .article__content h1 {font: 400 25px/30px 'Rubik';}

	.article__photo
	{
		width: 300px;
		height: 200px;
	}
	
	.article__like {display: none;}
	
	.article__column
	{
		width: 100%;
		position: relative;
		margin-top: 40px;
	}

	.article__sticky
	{
		padding: 0;
		position: relative;
	}

	.article__subheader {font: 400 20px/25px 'Rubik';}
	
	.article__service {padding: 20px 30px 10px;}
	.article__servheader {font: 300 26px/36px 'Rubik';}	
	ul.article__forms li:last-child {margin: 5px 0 0;}
	
	.article__link
	{
		width: 300px;
		margin: 10px 0 0;
		text-align: center;
	}

	.article .article__content blockquote
	{
		text-align: left;
		padding: 20px;
	}

	.article .article__content blockquote::before {display: none;}

}

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

	.article__content
	{
		width: 100%;
		padding: 0;
	}

	.article__photo
	{
		width: 720px;
		height: 480px;
	}

	.article__column
	{
		width: 100%;
		flex: 0 0 auto;
		position: relative;
		margin-top: 40px;
	}

	.article__sticky
	{
		padding: 0;
		position: relative;
	}

	.article__sublist .news__item:first-child {margin-right: 30px;}

}

/* ===PROFILES=== */

.profiles__item
{
	border-top: 1px solid #e0e0e0;
	padding: 30px 0;
	color: #111;
}

.profiles__item:first-child
{
	border: 0;
	padding: 0 0 30px;
}

.profiles__post {font: 500 18px/26px 'Rubik';}
.profiles__person {font: 400 16px/25px 'Rubik';}

.profiles__phone
{
	margin: 10px 0 0;
	padding: 0 0 0 30px;
	background: url(/images/icon-phone.svg) left no-repeat;
	background-size: 18px 18px;
}

.profiles__email
{
	padding: 0 0 0 32px;
	background: url(/images/icon-email.svg) left no-repeat;
	background-size: 20px 20px;
}

@media (max-width: 767px) {

	.profiles__item {padding: 20px 0;}
	.profiles__item:first-child {padding: 10px 0 20px;}
	.profiles__item:last-child {padding: 20px 0 0;}

}

/* ===ADVANTAGES=== */

.advantages
{
	background: #393185;
	width: 100%;
	box-sizing: border-box;
	padding: 60px 0;
}

.advantages__item
{
	width: 270px;
	float: left;
	margin: 0 30px 0 0;
	text-align: center;
	color: #fff;
}

.advantages__item:last-child {margin: 0;}

.advantages__item-icon
{
	width: 100px;
	height: 100px;
	margin: 0 auto;
	box-sizing: border-box;
	border: 2px solid #fff;
	border-radius: 50%;
}

.advantages__item-header
{
	font: 700 18px/29px 'Rubik';
	margin: 20px 0 5px;
}

.advantages__item-text
{
	font: 400 14px/22px 'Roboto';
}

.icon--wallet
{
	background: url(/images/icon-wallet.svg) center no-repeat;
	background-size: 42px 38px;
}

.icon--handshake
{
	background: url(/images/icon-handshake.svg) center no-repeat;
	background-size: 48px 34px;
}

.icon--laptop
{
	background: url(/images/icon-laptop.svg) center no-repeat;
	background-size: 48px 32px;
}

.icon--person
{
	background: url(/images/icon-person.svg) center no-repeat;
	background-size: 43px 48px;
}

@media (max-width: 1219px) {

	.advantages {padding: 40px 0;}
	.advantages__item-header {font: 700 16px/25px 'Rubik';}
	.advantages__item-text {font: 400 14px/20px 'Roboto';}

}

@media (max-width: 767px) {

	.advantages__item
	{
		width: 100%;
		float: none;
		margin: 0 0 25px;
		overflow: hidden;
		text-align: left;
	}
	
	.advantages__item-icon
	{
		width: 65px;
		height: 65px;
		margin: 0 10px 0 0;
		float: left;
	}

	.advantages__item-header
	{
		margin: 0 0 5px;
		width: auto;
		overflow: hidden;
	}

	.advantages__item-text
	{
		width: auto;
		overflow: hidden;
	}
	
	.advantages__item-text br {display: none;}
	.advantages__item-text br.br {display: block;}
	
	.icon--wallet {background-size: 26px 24px;}
	.icon--handshake {background-size: 32px 22px;}
	.icon--laptop {background-size: 32px 22px;}
	.icon--person {background-size: 28px 32px;}

}

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

	.advantages__item
	{
		width: 330px;
		margin: 0 30px 40px 0;
	}

	.advantages__item:nth-child(2n+2) {margin-right: 0;}
	.advantages__item:nth-last-child(-n+2) {margin-bottom: 0;}

}

/* ===NEWS=== */

.news
{
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	padding: 60px 0 0;
	margin: 0 0 60px;
}

.container--news-page {overflow: visible;}

.news__box {margin: 40px 0 0;}

.news__item
{
	width: 370px;
	margin: 40px 30px 0 0;
}

.news__item:nth-child(3n) {margin-right: 0;}
.news__item:nth-child(-n+3) {margin-top: 0;}

.news__item-image
{
	width: 100%;
	height: 200px;
	overflow: hidden;
	position: relative;
	border-radius: 10px;
}

.news__item-image img
{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .4s all ease-out;
}

.news__item-image:hover img {transform: scale(1.075);}

.news__item-date
{
	font: 300 16px/18px 'Rubik';
	margin: 16px 0 0;
	color: #999;
}

.news__item-header
{
	font: 300 17px/28px 'Rubik';
	margin: 8px 0 0;
	overflow: hidden;
	max-height: 56px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.news__item-header a
{
	display: block;
	color: #111;
	text-decoration: none;
}

.news__item-header a:hover {color: #393185;}

.news__button
{
	margin: 40px 0 0;
	text-align: center;
}

@media (max-width: 1219px) {

	.news__item-image:hover img {transform: none;}
	.news__item-header a:hover {color: #111;}

	.news
	{
		padding: 40px 0 0;
		margin: 0 0 40px;
	}
	
	.news__box {margin: 25px 0 0;}

}

@media (max-width: 767px) {

	.news__item
	{
		width: 100%;
		margin: 0;
	}
	
	.news__item+.news__item {margin-top: 40px;}
		
	.news__box--preview .news__item {display: none;}
	.news__box--preview .news__item:first-child {display: block;}
	
	.news__button {margin: 30px 40px 0;}

}

@media (min-width:768px) and (max-width: 1219px) {
	
	.news__box {margin: 25px 0 0;}

	.news__item {width: 330px;}

	.news__item:nth-child(3n) {margin-right: 30px;}
	.news__item:nth-child(-n+3) {margin-top: 60px;}
	.news__item:nth-child(2n) {margin-right: 0;}
	.news__item:nth-child(-n+2) {margin-top: 0;}

	.news__box--preview .news__item:last-child {display: none;}

}

/* ===PAGINATION=== */

.pagination
{
	margin: 40px 0 0;
	overflow: hidden;
	text-align: center;
	padding: 10px 0 0;
}

.pagination__box
{
	display: inline-block;
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

a.pagination__nav
{
	display: block;
	float: left;
	font: 400 18px/48px 'Roboto';
	width: 48px;
	height: 48px;
	color: #111;
	text-decoration: none;
	box-sizing: border-box;
	background-color: #fff;
	border-right: 1px solid #e0e0e0;
}

a.pagination__nav:last-child
{
	border: 0;
}

a.pagination__nav:hover
{
	color: #393185;
}

a.pagination__nav--active, a.pagination__nav--active:hover
{
	background-color: #393185;
	color: #fff;
	border: 0;
}

.pagination__nav--prev
{
	background: url(/images/icon-prev.svg) center no-repeat;
	background-size: 16px 16px;
}

.pagination__nav--next
{
	background: url(/images/icon-next.svg) center no-repeat;
	background-size: 16px 16px;
}

@media (max-width: 1219px) {

	.pagination {margin: 30px 0 0;}
	
}

/* ===LICENSE=== */

.license
{
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	margin: 90px 0;
}

.license h1
{
	font: 500 36px/40px 'Rubik';
	color: #111;
	width: 870px;
	float: left;
	margin: 0 30px 30px 0;
}

.license__text
{
	width: 870px;
	margin: 0 30px 0 0;
	float: left;
}

.license__text p {margin: 30px 0 0;}

.license__box
{
	display: block;
	width: 270px;
	height: 385px;
	position: relative;
	overflow: hidden;
}

.license .license__box {float: right;}

.license-container {overflow: hidden;}

.license-container .license__box
{
	float: left;
	margin: 30px 30px 0 0;
}

.license-container .license__box:nth-child(4n+4) {margin: 30px 0 0;}

.license__image img
{
	display: block;
	width: 270px;
	height: 385px;
}

.license__hidden {display: none;}

@media (max-width: 1219px) {

	.license {margin: 40px 0;}

	.license h1
	{
		font: 500 26px/32px 'Rubik';
		width: 100%;
		float: none;
		margin: 0 0 20px;
	}

	.license__text p
	{
		font: 400 14px/24px 'Roboto';
		margin: 10px 0 0;
	}

}

@media (max-width: 767px) {
	
	.license h1 {margin: 0 0 20px;}
	.license__text {width: 100%;}
	.license__text p {margin: 20px 0 0;}
	.license .license__box {display: none;}
	
	.license-container .license__box,
	.license__box img
	{
		width: 100%;
		height: auto;
	}
	
	.license-container .license__box,
	.license-container .license__box:nth-child(4n+4)
	{
		float: none;
		margin: 20px 0 0;
	}
	
	.license-container .license__box:first-child {margin: 0;}
	
}

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

	.license__text {width: 450px;}

	.license__box,
	.license__box img
	{
		width: 210px;
		height: 300px;
	}
	
	.license-container {margin: -20px 0 0;}
	.license-container .license__box:nth-child(3n+3) {margin: 30px 0 0;}
	.license-container .license__box:nth-child(4n+4) {margin: 30px 30px 0 0;}

}

/* ===REVIEWS=== */

.reviews
{
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	margin: 60px 0;
}

.reviews.reviews--page
{
	margin: 0;
}

.reviews__box
{
	margin: 40px 0 0;
	width: 100%;
	height: 300px;
	overflow: hidden;
}

.reviews__item
{
	width: 570px;
	height: 300px;
	float: left;
	margin: 0 30px 0 0;
}

.reviews.reviews--page .reviews__item
{
	margin: 30px 30px 0 0;
}

.reviews__item:nth-child(2n+2) {margin: 0;}
.reviews.reviews--page .reviews__item:nth-child(2n+2) {margin: 30px 0 0;}

.reviews__item-header
{
	overflow: hidden;
	height: 105px;
	padding: 0 0 27px;
}

.reviews__item-preview
{
	width: 70px;
	height: 100px;
	position: relative;
	display: block;
	float: left;
	margin: 0 30px 0 0;
}

.reviews__item-preview img
{
	width: 70px;
	height: 100px;
}

.reviews__item-preview::before {border-width: 3px;}

.reviews__item-company
{
	width: 440px;
	float: left;
}

.reviews__item-logo
{
	height: 30px;
	overflow: hidden;
	margin: 0 0 25px;
}

.reviews__item-logo img
{
	width: auto;
	height: 30px;
}

.reviews__item-person
{
	font: 500 18px/25px 'Rubik';
	color: #111;
}

.reviews__item-post
{
	font: 400 16px/25px 'Rubik';
	color: #111;
}

.reviews__item-text
{
	height: 168px;
	overflow: hidden;
}

.reviews__pagination
{
	text-align: center;
	line-height: 12px;
	width: 100%;
	height: 12px;
	margin: 38px 0 0;
}

.reviews__pagination a
{
	display: inline-block;
	width: 12px;
	height: 12px;
	box-sizing: border-box;
	border: 1px solid #393185;
	border-radius: 50%;
	transition: .2s ease all;
	margin: 0 5px;
}

.reviews__pagination a.selected
{
	background: #d71117;
	border-color: #d71117;
}

.reviews__pagination span {display: none;}

@media (max-width: 1219px) {

	.reviews {margin: 40px 0;}
	.reviews__item {margin: 0;}
	.reviews__item-header {padding: 0 0 25px;}
	.reviews__pagination {margin: 33px 0 0;}
	.reviews.reviews--page .reviews__item {margin: 30px 0 0;}
	.reviews.reviews--page .reviews__item:first-child {margin: 10px 0 0;}

}

@media (max-width: 767px) {

	.reviews__box {margin: 30px 0;}

	.reviews__item
	{
		width: 290px;
		height: 400px;
	}
	
	.reviews__item-header {height: 100px;}
	.reviews__item-logo {margin: 0 0 20px;}
	.reviews__item-preview {display: none;}
	
	.reviews__item-company
	{
		width: 290px;
		float: none;
	}

	.reviews__item-text
	{
		font: 400 14px/25px 'Roboto';
		height: 275px;
	}
	
}

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

	.reviews__box
	{
		margin: 40px 0 0;
		width: 100%;
		height: 270px;
		overflow: hidden;
	}

	.reviews__item
	{
		width: 690px;
		height: 270px;
		margin: 0;
	}
	
	.reviews__item-company {width: 590px;}
	.reviews__item-text {height: 140px;}

}

/* ===CLIENTS=== */

.clients
{
	width: 100%;
	height: 180px;
	margin: 60px 0;
}

.clients__layout
{
	width: 1000px;
	height: 100%;
	margin: 30px auto 0;
	overflow: hidden;
}

.clients__box
{
	width: 100%;
	height: 100px;
	overflow: hidden;
}

.clients__box li
{
	width: 200px;
	height: 100px;
	display: block;
	float: left;
}

.clients__nav
{
	position: absolute;
	top: 104px;
	width: 48px;
	height: 48px;
	box-sizing: border-box;
	border: 2px solid #111;
	border-radius: 50%;
	cursor: pointer;
	opacity: .2;
	transition: .2s ease all;
}

.clients__nav--prev
{
	left: 15px;
	background: url(/images/icon-prev.svg) center no-repeat;
	background-size: 16px 16px;
}

.clients__nav--next
{
	right: 15px;
	background: url(/images/icon-next.svg) center no-repeat;
	background-size: 16px 16px;
}

.clients__nav:hover {opacity: .6;}

@media (max-width: 1219px) {

	.clients {margin: 40px 0;}

	.clients__box li
	{
		padding: 5px 0;
	}

	.clients__box li,
	.clients__box li img
	{
		width: 180px;
		height: 90px;
	}

	.clients__nav:hover {opacity: .2;}

}

@media (max-width: 767px) {

	.clients
	{
		height: 150px;
	}
	
	.clients__layout
	{
		width: 180px;
		margin: 10px auto 0;
	}
	
	.clients__nav
	{
		top: 69px;
	}

}

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

	.clients
	{
		height: 150px;
	}
	
	.clients__layout
	{
		width: 540px;
		margin: 15px auto 0;
	}
	
	.clients__nav
	{
		top: 74px;
	}

}

/* ===LINKS=== */

.links {margin: 60px 0;}

.links__box
{
	overflow: hidden;
	margin: 10px 0 0;
}

.links__box li
{
	font: 500 16px/56px 'Rubik';
	float: left;
	display: block;
	margin: 20px 20px 0 0;
}

.links__box li a
{
	display: block;
	text-decoration: none;
	box-sizing: border-box;
	height: 60px;
	padding: 0 40px;
	border: 2px solid #cbcbcb;
	color: #111;
	transition: .2s ease all;
}

.links__box li a:hover {border-color: #111;}

@media (max-width: 1219px) {

	.links {margin: 40px 0;}
	
}

@media (max-width: 767px) {

	.links__box li
	{
		font: 500 16px/20px 'Rubik';
		float: none;
		text-align: center;
		margin: 10px 0 0 0;
	}
	
	.links__box li a
	{
		height: auto;
		padding: 18px 60px;
	}

}

/* ===VACANSY=== */

.vacancy__contacts
{
	overflow: hidden;
}

.vacancy__contacts
{
	overflow: hidden;
	line-height: 26px;
}

.vacancy__info
{
	font: 500 18px/26px 'Rubik';
	color: #111;
	float: left;
}

.vacancy__phone
{
	float: left;
	color: #111;
	margin: 0 0 0 30px;
	padding: 0 0 0 30px;
	background: url(/images/icon-phone.svg) left no-repeat;
	background-size: 22px 22px;
}

.vacancy__email
{
	float: left;
	margin: 0 0 0 30px;
	padding: 0 0 0 38px;
	background: url(/images/icon-email.svg) left no-repeat;
	background-size: 24px 24px;
}

.vacancy__item
{
	margin: 30px 0 0;
}

.vacancy__item h2
{
	width: 100%;
	background: #393185;
	color: #fff;
	padding: 15px 35px;
	box-sizing: border-box;
}

.vacancy__body
{
	overflow: hidden;
}

.vacancy__block
{
	float: left;
	width: 570px;
	margin: 20px 30px 0 0;
}

.vacancy__block:nth-child(2n+2) {margin: 20px 0 0;}

.vacancy__header
{
	font: 500 18px/26px 'Rubik';
	color: #111;
}

@media (max-width: 1219px) {

	.vacancy__block
	{
		float: none;
		width: 100%;
	}

	.vacancy__block br {display: none;}

}

@media (max-width: 767px) {

	.vacancy__info,
	.vacancy__phone,
	.vacancy__email
	{
		float: none;
		margin: 5px 0 0;
	}

}

/* ===TESTING=== */

.testing {padding: 0 0 40px;}

.testing__rub
{
	margin: 30px 0 0;
	overflow: hidden;
}

.testing__pos,
.testing__pos:visited
{
	display: block;
	float: left;
	margin: 0 0 20px;
	width: 460px;
	height: 160px;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	color: #fff;
	text-decoration: none;
}

.testing__pos:nth-child(2n+2) {margin-left: 20px;}

.testing__bg
{
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.testing__bg img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .3s all ease;
}

.testing__pos:hover .testing__bg img {transform: scale(1.1);}

.testing__title
{
	position: absolute;
	left: 0; bottom: 0;
	z-index: 2;
	width: 100%;
	font-family: "OpenSansSemiBold";
	font-size: 16px;
	line-height: 20px;
	box-sizing: border-box;
	padding: 10px 20px;
	background: rgba(83,28,107,.8);
}

.testing__slide {display: none;}

.testing__image
{
	width: 940px;
	height: 330px;
	overflow: hidden;
	border-radius: 10px;
	margin: 0 0 20px;
}

.testing__intro img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.testing__error
{
	border: 2px solid #d71117;
	padding: 10px 20px;
	margin: 0 0 20px;
	display: none;
	color: #111;
}

.testing__num
{
	font: 500 26px/35px 'Rubik';
	color: #111;
}

.testing__question {margin: 15px 0 0;}
.testing ul {margin: 20px 0 0;}

.testing ul li
{
	line-height: 20px;
	margin: 0;
	background: 0;
	padding: 0;
	overflow: hidden;
}

.testing ul li+li {margin: 10px 0 0;}
.testing ul li.testing__correct {background: #b4d6c1;}

.testing input[type="radio"]
{
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	border: 1px solid #cbcbcb;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
	margin: 0 10px 0 0;
	float: left;
}

.testing ul li.testing__correct input[type="radio"]::after,
.testing input[type="radio"]:checked::after
{
	content: '';
	width: 10px;
	height: 10px;
	background: #393185;
	border-radius: 50%;
	position: absolute;
	left: 4px; top: 4px;
}

.testing input[type="radio"]:disabled
{
	background: #f1f1f1;
	cursor: default;
}

.testing label
{
	width: calc(100% - 30px);
	cursor: pointer;
	float: left;
}

.testing__controls
{
	overflow: hidden;
	margin: 30px 0 0;
	text-align: center;
}

div.testing__button--next
{
	float: right;
	background: #393185;
}

div.testing__button--next:hover {background: #4c4591;}

div.testing__button--prev
{
	float: left;
	border-color: #393185;
}

div.testing__button--prev:hover {color: #393185;}

.testing__header
{
	font: 500 26px/35px 'Rubik';
	color: #111;
	margin: 0 0 10px;
}

.testing__slide--end {text-align: center;}
.testing__appeal {display: none;}
.testing__result {margin: 30px 0 0;}
.testing__result .testing__header {margin: 0;}

.testing__block
{
	text-align: left;
	margin: 30px 0 0;
}

.testing__form form {overflow: hidden;}

.testing__form-holder
{
	overflow: hidden;
	margin: 17px 0;
}

.testing__form-field
{
	width: 270px;
	float: left;
	margin: 0 30px 0 0;
}

.testing__form-field:last-child {margin: 0;}

.testing__form .submit
{
	height: 50px;
	line-height: 50px;
	background: #393185;
}

.testing__form-disclaimer {float: right;}

.testing__form-disclaimer-text
{
	font: 400 14px/18px 'Roboto';
	background: url(/images/icon-checkbox.svg) 0 0 no-repeat;
	background-size: 18px 18px;
	padding: 0 0 0 35px;
	color: #9f9f9f;
}

.testing__form-result {display: none;}

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

	div.testing__button--next {float: none;}

	div.testing__button--prev
	{
		float: none;
		margin: 15px 0 0;
	}

	.testing__form-field
	{
		width: 100%;
		margin: 0 0 15px;
	}
	
	.testing__form-disclaimer
	{
		float: none;
		width: 260px;
		margin: 0 auto;
	}

}

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

	.testing__form-field
	{
		width: 330px;
		margin: 0 30px 15px 0;
	}

	.testing__form-field:nth-child(2n+2) {margin: 0 0 15px;}

}

/* ===MAP=== */

.map
{
	width: 100%;
	min-width: 1200px;
	height: 540px;
	background: #393185;
	overflow: hidden;
	position: relative;
}

.map__info
{
	width: 370px;
	height: 320px;
	position: absolute;
	top: 50%; left: 50%;
	margin: -160px 0 0 -580px;
	font: 400 16px/30px 'Roboto';
	background: #fff;
	box-sizing: border-box;
	padding: 60px 35px;
	border-radius: 10px;
	z-index: 1;
}

.map__info-header
{
	font: 500 20px/26px 'Rubik';
	color: #111;
}

.map__info-metro
{
	font: 500 18px/26px 'Rubik';
	padding: 0 0 0 40px;
	background: url(/images/icon-metro.svg) left no-repeat;
	background-size: 30px 20px;
	margin: 20px 0 10px;
	color: #111;
}

.map__info-phone a
{
	font: 700 18px/26px 'Roboto';
	text-decoration: none;
	color: #111;
}

.map__box
{
	width: 100%;
	height: 540px;
	position: absolute;
	top: 0; left: 0;
}

@media (max-width: 767px) {

	.map
	{
		width: 100%;
		min-width: auto;
		height: auto;
		background: none;
	}

	.map__info
	{
		width: 100%;
		min-width: 320px;
		max-width: 375px;
		height: auto;
		position: relative;
		top: 0; left: 0;
		margin: 0 auto;
		background: none;
		padding: 0 15px;
		border-radius: 0;
		z-index: 1;
	}

	.map__info-header {font: 500 26px/35px 'Rubik';}
	.map__info-metro {margin: 25px 0 10px;}

	.map__box
	{
		position: relative;
		top: 0; left: 0;
		margin: 30px 0 0;
		height: 320px;
	}

}

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

	.map
	{
		min-width: 720px;
		height: 420px;
	}

	.map__info
	{
		width: 330px;
		height: 260px;
		position: absolute;
		top: 50%; left: 50%;
		margin: -130px 0 0 -345px;
		padding: 30px;
	}

	.map__box {height: 420px;}

}

/* ===FOOTER=== */

.footer
{
	width: 100%;
	height: 230px;
	overflow: hidden;
	background: #393185;
	box-sizing: border-box;
	padding: 50px 0;
	font: 400 14px/30px 'Roboto';
	color: #fff;
}

.footer__logo
{
	width: 270px;
	height: 110px;
	padding: 10px 0 5px;
	overflow: hidden;
	margin: 0 230px 0 0;
	float: left;
}

.footer__logo img
{
	width: 225px;
	height: 45px;
	display: block;
	margin: 0 0 10px;
}

.footer__privacy {font: 300 12px/30px 'Roboto';}
.footer__privacy a {color: #c3c1da;}

.footer__menu
{
	width: 370px;
	height: 120px;
	padding: 5px 0;
	overflow: hidden;
	margin: 0 30px 0 0;
	float: left;
}

.footer__menu li
{
	width: 170px;
	margin: 0 30px 0 0;
	float: left;
}

.footer__menu li:nth-child(2n) {margin: 0;}

.footer__menu li a
{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

.footer__menu li a:hover {text-decoration: underline;}

.footer__contacts
{
	width: 270px;
	height: 120px;
	padding: 5px 0;
	overflow: hidden;
	float: left;
}

.footer__phone {font: 500 16px/30px 'Rubik';}

.footer__phone a
{
	color: #fff;
	text-decoration: none;
}

.footer__email a {color: #fff;}

@media (max-width: 1219px) {

	.footer {padding: 30px 0;}

	.footer__logo img
	{
		width: 210px;
		height: 42px;
	}

	.footer__contacts {display: none;}

}

@media (max-width: 767px) {

	.footer {height: 320px;}

	.footer__logo
	{
		width: 100%;
		height: 42px;
		margin: 0 0 18px;
		padding: 0;
	}
	
	.footer__copy
	{
		position: absolute;
		bottom: 30px; left: 15px;
	}
	
	.footer__privacy
	{
		position: absolute;
		bottom: 0; left: 15px;
	}
	
	.footer__menu
	{
		width: 100%;
		margin: 0;
		padding: 0 0 80px;
	}

	.footer__menu li
	{
		width: 50%;
		margin: 0;
	}

}

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

	.footer {height: 190px;}
	.footer__logo {margin: 0 90px 0 0;}
	.footer__copy {font: 400 12px/30px 'Roboto';}
	
	.footer__menu
	{
		width: 330px;
		margin: 0;
	}

	.footer__menu li
	{
		width: 150px;
		margin: 0 30px 0 0;
	}

}

/* ===ERROR=== */

.error-page
{
	margin: 60px 0;
	text-align: center;
}

.error-page h1
{
	text-transform: uppercase;
	font: 500 44px/46px 'Rubik';
	color: #111;
}

.error-page__num
{
	font: 500 280px/260px 'Rubik';
	color: #111;
}

.error-page__text
{
	font: 400 20px/26px 'Rubik';
	color: #111;
	margin: 20px 0 0;
}

.error-page__button {margin: 40px 0 0;}

@media (max-width: 767px) {

	.error-page {margin: 40px 0;}
	.error-page h1 {font: 500 25px/30px 'Rubik';}
	.error-page__num {font: 500 162px/162px 'Rubik';}

	.error-page__text
	{
		font: 400 18px/26px 'Rubik';
		margin: 10px 0 0;
	}
	
	.error-page__button {margin: 30px 0 0;}

}

/* ===POPUP=== */

.popup
{
	width: 370px;
	display: none;
}

.popup::after
{
	content: '';
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	height: 100%;
	background: rgba(57,49,133,.4) url(/images/preloader.gif) center no-repeat;
	background-size: 64px 64px;
	display: none;
}

.popup.is-loading::after {display: block;}

.popup__header
{
	font: 400 22px/28px 'Rubik';
	margin: 0 0 25px;
	color: #111;
}

.popup__field {margin: 0 0 20px;}

.popup__disclaimer
{
	margin: 20px 0 0;
	font: 300 15px/20px 'Rubik';
	color: #9f9f9f;
	text-align: center;
}

.popup__disclaimer a {color: #999;}

.popup__disclaimer-text
{
	font: 400 14px/18px 'Roboto';
	background: url(/images/icon-checkbox.svg) 0 0 no-repeat;
	background-size: 18px 18px;
	padding: 0 0 0 35px;
	text-align: left;
}

.popup__disclaimer-text a {color: #9f9f9f;}

.calculator-form {position: relative;}
.calculator-form fieldset {position: relative;}
.calculator-form fieldset:not(:first-of-type) {display: none;}

.popup__fs-header
{
	font: 400 20px/25px 'Rubik';
	color: #111;
	margin: -10px 0 20px;
	text-align: center;
}

.popup input[type="submit"]
{
	font: 300 19px 'Rubik';
	border-radius: 30px;
	margin: 10px 0 0;
}

.popup input[type="radio"] {display: none;}

.popup input[type="radio"]+label
{
	font: 500 16px/56px 'Rubik';
	display: block;
	width: 100%;
	height: 60px;
	color: #111;
	box-sizing: border-box;
	border: 2px solid #cbcbcb;
	margin: 0 0 20px;
	transition: .2s ease all;
	cursor: pointer;
	text-align: center;
}

.popup input[type="radio"]+label:hover {border-color: #111;}
.popup input[type="radio"]:checked+label {border-color: #d71117;}
a.popup__fs-next {width: 100%;}

.popup__fs-prev
{
	font: 400 16px/30px 'Rubik';
	display: inline-block;
	cursor: pointer;
	text-align: center;
	margin: 10px 0 0;
}

.popup__result {display: none;}

.popup__text
{
	font: 300 17px/28px 'Rubik';
	margin: -10px 0 0;
}

a.popup__continue
{
	font: 300 19px/60px 'Rubik';
	border-radius: 30px;
	margin: 20px 0 0;
}

/* ===TOP&CALLBACK=== */

.top-button
{
	width: 48px;
	height: 48px;
	z-index: 10;
	box-sizing: border-box;
	border: 2px solid #111111;
	border-radius: 50%;
	position: fixed;
	bottom: 78px;
	right: -48px;
	background: url(/images/icon-top.svg) center no-repeat;
	background-size: 22px 12px;
	cursor: pointer;
	opacity: .2;
	transition: .2s ease all;
}

.top-button:hover {opacity: .6;}
.top-button.is-visible {right: 15px;}

.callback-button
{
	width: 48px;
	height: 48px;
	z-index: 10;
	box-sizing: border-box;
	border-radius: 50%;
	position: fixed;
	bottom: 15px;
	right: 15px;
	background: #d71117 url(/images/icon-callback.svg) center no-repeat;
	background-size: 22px 22px;
	cursor: pointer;
	transition: .2s ease all;
	animation: ring 2s 1s ease-in-out infinite;
}

.callback-button:hover {background-color: #df4145;}

@keyframes ring {
  0%,
  40% {
    transform: rotate(0deg);
  }
  5%,
  15%,
  25% {
    transform: rotate(10deg);
  }
  10%,
  20%,
  30% {
    transform: rotate(-10deg);
  }
}

@media (max-width: 1219px) {

	.top-button:hover {opacity: .2;}
	.callback-button:hover {background-color: #d71117;}

}

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

	.top-button {bottom: -48px !important;}

}

/* ===MENU=== */

html.hc-nav-yscroll {
    overflow-y: scroll
}

body.hc-nav-open {
    overflow: visible;
    position: fixed;
    width: 100%;
    min-height: 100%
}

.hc-offcanvas-nav {
    visibility: hidden;
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 9999
}

.hc-offcanvas-nav.is-ios * {
    cursor: pointer !important
}

.hc-offcanvas-nav .nav-container {
    position: fixed;
    z-index: 9998;
    top: 0;
    width: 280px;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    transition: transform .4s ease
}

.hc-offcanvas-nav .nav-wrapper {
    width: 100%;
    height: 100%;
    max-height: 100vh;
    overscroll-behavior: none;
    box-sizing: border-box
}

.hc-offcanvas-nav .nav-content {
	font: 400 16px/20px 'Roboto';
    height: 100%;
    max-height: 100vh
}

.hc-offcanvas-nav .nav-wrapper-0>.nav-content {
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto;
    box-sizing: border-box
}

.hc-offcanvas-nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.hc-offcanvas-nav li {
    position: relative;
    display: block
}

.hc-offcanvas-nav li.level-open>.nav-wrapper {
    visibility: visible
}

.hc-offcanvas-nav input[type="checkbox"] {
    display: none
}

.hc-offcanvas-nav label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    cursor: pointer
}

.hc-offcanvas-nav a {
    position: relative;
    display: block;
    box-sizing: border-box;
    cursor: pointer
}

.hc-offcanvas-nav a,
.hc-offcanvas-nav a:hover {
    text-decoration: none
}

.hc-offcanvas-nav .nav-item {
    position: relative;
    display: block;
    box-sizing: border-box
}

.hc-offcanvas-nav.disable-body::after,
.hc-offcanvas-nav .nav-wrapper::after {
    content: '';
    position: fixed;
    z-index: 9990;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overscroll-behavior: none;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s ease .4s, opacity .4s ease
}

.hc-offcanvas-nav.disable-body.nav-open::after,
.hc-offcanvas-nav .sub-level-open::after {
    visibility: visible;
    opacity: 1;
    transition-delay: .05s
}

.hc-offcanvas-nav:not(.nav-open)::after {
    pointer-events: none
}

.hc-offcanvas-nav.nav-levels-expand .nav-content {
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto;
    box-sizing: border-box
}

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after {
    display: none
}

.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper {
    min-width: 0;
    max-height: 0;
    overflow: hidden;
    transition: height 0s ease .4s
}

.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper {
    max-height: none
}

.hc-offcanvas-nav.nav-levels-overlap .nav-content {
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto;
    box-sizing: border-box
}

.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {
    position: absolute;
    z-index: 9999;
    top: 0;
    height: 100%;
    visibility: hidden;
    transition: visibility 0s ease .4s, transform .4s ease
}

.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent {
    position: static
}

.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper {
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition: transform .4s ease
}

.hc-offcanvas-nav.nav-position-left {
    left: 0
}

.hc-offcanvas-nav.nav-position-left .nav-container {
    left: 0;
    transform: translate3d(-280px, 0, 0)
}

.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper {
    left: 0;
    transform: translate3d(-100%, 0, 0)
}

.hc-offcanvas-nav.nav-position-right {
    right: 0
}

.hc-offcanvas-nav.nav-position-right .nav-container {
    right: 0;
    transform: translate3d(280px, 0, 0)
}

.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper {
    right: 0;
    transform: translate3d(100%, 0, 0)
}

.hc-offcanvas-nav.nav-position-top {
    top: 0
}

.hc-offcanvas-nav.nav-position-top .nav-container {
    top: 0;
    width: 100%;
    height: auto;
    transform: translate3d(0, -100%, 0)
}

.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper {
    left: 0;
    transform: translate3d(0, -100%, 0)
}

.hc-offcanvas-nav.nav-position-bottom {
    top: auto;
    bottom: 0
}

.hc-offcanvas-nav.nav-position-bottom .nav-container {
    top: auto;
    bottom: 0;
    width: 100%;
    height: auto;
    transform: translate3d(0, 100%, 0)
}

.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper {
    left: 0;
    transform: translate3d(0, 100%, 0)
}

.hc-offcanvas-nav.nav-open[class*='hc-nav-'] div.nav-container {
    transform: translate3d(0, 0, 0)
}

.hc-offcanvas-nav::after,
.hc-offcanvas-nav .nav-wrapper::after {
    background: rgba(57, 49, 133, 0.6)
}

.hc-offcanvas-nav .nav-container,
.hc-offcanvas-nav .nav-wrapper,
.hc-offcanvas-nav ul {
    background: #393185
}

.hc-offcanvas-nav h2 {
    font-size: 19px;
    font-weight: normal;
    text-align: left;
    padding: 20px 17px;
    color: #1b3958
}

.hc-offcanvas-nav a,
.hc-offcanvas-nav .nav-item {
    padding: 14px 17px;
    font-size: 15px;
    color: #fff;
    z-index: 1;
    background: rgba(0, 0, 0, 0);
    border-bottom: 1px solid #302a73;
	transition: .2s ease background-color;
}

.hc-offcanvas-nav:not(.touch-device) a:hover, .hc-offcanvas-nav:not(.touch-device) span.nav-item:hover {
    background: #4c4591
}

.hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a {
    border-top: 1px solid #302a73;
    margin-top: -1px
}

.hc-offcanvas-nav li {
    text-align: left
}

.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav li.nav-back a {
    background: #d71117;
	border: none;
}

.hc-offcanvas-nav li.nav-close a:hover,
.hc-offcanvas-nav li.nav-back a:hover {
    background: #df4145
}

.hc-offcanvas-nav li.nav-close:not(:first-child) a,
.hc-offcanvas-nav li.nav-back:not(:first-child) a {
    margin-top: -1px
}

.hc-offcanvas-nav li.nav-parent .nav-item {
    padding-right: 58px
}

.hc-offcanvas-nav li.nav-close span,
.hc-offcanvas-nav li.nav-parent span.nav-next,
.hc-offcanvas-nav li.nav-back span {
    width: 45px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    cursor: pointer;
    transition: background .2s ease
}

.hc-offcanvas-nav li.nav-close span::before,
.hc-offcanvas-nav li.nav-close span::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff
}

.hc-offcanvas-nav li.nav-close span::before {
    margin-left: -9px;
    transform: rotate(135deg)
}

.hc-offcanvas-nav li.nav-close span::after {
    transform: rotate(-45deg)
}

.hc-offcanvas-nav a[href]:not([href="#"])>span.nav-next {
    border-left: 1px solid #2c5d8f
}

.hc-offcanvas-nav span.nav-next::before,
.hc-offcanvas-nav li.nav-back span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin-left: -2px;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform-origin: center
}

.hc-offcanvas-nav span.nav-next::before {
    transform: translate(-50%, -50%) rotate(135deg)
}

.hc-offcanvas-nav li.nav-back span::before {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.hc-offcanvas-nav.nav-position-left.nav-open .nav-wrapper {
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2)
}

.hc-offcanvas-nav.nav-position-right.nav-open .nav-wrapper {
    box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2)
}

.hc-offcanvas-nav.nav-position-right span.nav-next::before {
    margin-left: 0;
    margin-right: -2px;
    transform: translate(-50%, -50%) rotate(-45deg)
}

.hc-offcanvas-nav.nav-position-right li.nav-back span::before {
    margin-left: 0;
    margin-right: -2px;
    transform: translate(-50%, -50%) rotate(135deg)
}

.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}

.hc-offcanvas-nav.nav-position-top span.nav-next::before {
    margin-left: 0;
    margin-right: -2px;
    transform: translate(-50%, -50%) rotate(-135deg)
}

.hc-offcanvas-nav.nav-position-top li.nav-back span::before {
    margin-left: 0;
    margin-right: -2px;
    transform: translate(-50%, -50%) rotate(45deg)
}

.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper {
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2)
}

.hc-offcanvas-nav.nav-position-bottom span.nav-next::before {
    margin-left: 0;
    margin-right: -2px;
    transform: translate(-50%, -50%) rotate(45deg)
}

.hc-offcanvas-nav.nav-position-bottom li.nav-back span::before {
    margin-left: 0;
    margin-right: -2px;
    transform: translate(-50%, -50%) rotate(-135deg)
}

.hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper,
.hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper {
    box-shadow: none;
    background: transparent
}

.hc-offcanvas-nav.nav-levels-expand .nav-container ul h2,
.hc-offcanvas-nav.nav-levels-none .nav-container ul h2 {
    display: none
}

.hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item,
.hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item {
    font-size: 14px
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li,
.hc-offcanvas-nav.nav-levels-none .nav-container li {
    transition: background .3s ease
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open {
    background: #2e6296
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a {
    border-bottom: 1px solid #295887
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover {
    background: #2f649a
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item .nav-next::before,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item .nav-next::before {
    margin-top: 2px;
    transform: translate(-50%, -50%) rotate(45deg)
}

.hc-offcanvas-nav.nav-levels-expand .nav-container span.nav-next::before,
.hc-offcanvas-nav.nav-levels-none .nav-container span.nav-next::before {
    margin-top: -2px;
    transform: translate(-50%, -50%) rotate(-135deg)
}

/* ===FANCYBOX=== */

body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: #393185;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .6;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 45px;
    position: relative;
	text-align: center;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */

.fancybox-button {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
	color: #ccc;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: #111;
    stroke-width: 0;
}

.fancybox-toolbar svg path,
.fancybox-navigation svg path {
    fill: #fff;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}
/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
    background: linear-gradient(
    to top,
    rgba(0, 0, 0, .85) 0%,
    rgba(0, 0, 0, .3) 50%,
    rgba(0, 0, 0, .15) 65%,
    rgba(0, 0, 0, .075) 75.5%,
    rgba(0, 0, 0, .037) 82.85%,
    rgba(0, 0, 0, .019) 88%,
    rgba(0, 0, 0, 0) 100%
    );
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}

/* Share */

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}

/* Thumbs */

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }
    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}

/* ===ANNOUNCEMENT=== */

.announcement
{
	font: 400 15px/22px 'Roboto';
	width: 100%;
	padding: 9px 0;
	position: fixed;
	left: 0; bottom: 0;
	color: #fff;
	background: #393185;
	background: rgba(57,49,133,.85);
	z-index: 10;
	text-align: center;
	display: none;
}

.announcement__text
{
	display: inline-block;
	background: url(/images/icon-check.svg) 0 4px no-repeat;
	background-size: 18px 14px;
	padding: 0 0 0 30px;
}

.announcement__text a {color: #fff;}

.announcement__close
{
	position: absolute;
	right: 0; top: 0;
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	padding: 8px;
	background: #393185;
	color: #fff;
	cursor: pointer;
}

.announcement__close svg
{
	width: 24px;
	height: 24px;
	transition: .2s all ease;
}

.announcement__close:hover svg {opacity: .7;}

.announcement__close svg path
{
	fill: currentColor;
	stroke-width: 0;
}

@media (max-width: 1219px) {

	.announcement {text-align: left;}
	.announcement__text {padding-right: 40px;}
	
}

/* ===BBOX=== */

.bbox {transform-origin: 0 0;}

@media (min-width:1280px) and (max-width: 1399px) {

	.bbox.active
	{
		transform: scale(1.05);
		width: 95.2%;
	}
	
}

@media (min-width: 1400px) and (max-width: 1519px) {

	.bbox.active
	{
		transform: scale(1.15);
		width: 86.1%;
	}
	
}

@media (min-width: 1520px) and (max-width: 1679px) {

	.bbox.active
	{
		transform: scale(1.25);
		width: 80%;
	}
	
}

@media (min-width: 1680px) {

	.bbox.active
	{
		transform: scale(1.35);
		width: 74%;
	}
	
}

/* ===MISC=== */

.hide {display: none;}
.hidden {display: none !important;}

@media (max-width: 1219px) {

	.desktop {display: none !important;}
	
}

/* ===KADRY360=== */

.kadry360
{
	display: none;
	width: 100%;
	z-index: 10;
	position: fixed;
	bottom: 15px;
	left: 0;
}

.kadry360 .container
{
	justify-content: space-between;
	background: #4C645E;
	padding: 10px 10px 10px 20px;
	border-radius: 15px 0 15px 15px;
	overflow: visible;
}

.kadry360 p
{
	font: 700 18px/32px 'Montserrat';
	padding-top: 4px;
	color: #FFFFFF;
}

.kadry360 p br {display: none;}

.kadry360 strong
{
	display: inline-block;
	font-size: 0;
	width: 130px;
	height: 27px;
	position: relative;
	top: -7px;
	margin-left: 7px;
	background-image: url("data:image/svg+xml,%3Csvg width='154' height='32' viewBox='0 0 154 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_81_3)'%3E%3Cpath d='M29.6657 7.24738C28.7188 7.24738 27.8033 7.37647 26.9164 7.6333C26.0296 7.89012 25.3163 8.18403 24.7779 8.51502C24.2395 8.846 23.7298 9.21819 23.2502 9.63433C22.7706 10.0505 22.4618 10.3403 22.3238 10.5064C22.1857 10.6712 22.0778 10.8072 21.9985 10.913L24.6208 13.5471L25.1523 12.8536C25.468 12.4168 26.0433 11.9856 26.8768 11.5557C27.7117 11.1258 28.6409 10.9116 29.6657 10.9116C30.8491 10.9116 31.8179 11.2618 32.5736 11.9609C33.3292 12.6613 33.7064 13.5251 33.7064 14.5566L26.6295 15.7857C24.8818 16.0755 23.5044 16.7622 22.5 17.8458C21.4943 18.9294 20.9915 20.2699 20.9915 21.8685C20.9915 23.3476 21.6419 24.662 22.9428 25.8115C24.2436 26.961 25.8793 27.5351 27.8511 27.5351C28.522 27.5351 29.1847 27.4486 29.842 27.2769C30.4993 27.1052 31.0445 26.9102 31.479 26.6918C31.9122 26.4748 32.3167 26.2304 32.6911 25.9598C33.0655 25.6893 33.3156 25.4942 33.4399 25.3748C33.5643 25.2553 33.6544 25.1701 33.7064 25.1166V27.1368H37.747V14.5552C37.747 12.4951 36.9913 10.7605 35.48 9.35416C33.9687 7.9478 32.0311 7.24463 29.6644 7.24463L29.6657 7.24738ZM33.7064 18.2029C33.7064 20.0254 33.2431 21.429 32.3167 22.4137C31.3902 23.3984 30.1057 23.8901 28.4633 23.8901C27.4124 23.8901 26.5734 23.6457 25.9503 23.1567C25.3259 22.6678 25.0143 22.1006 25.0143 21.4524C25.0143 20.7519 25.237 20.171 25.6839 19.7095C26.1307 19.2481 26.7156 18.95 27.4384 18.8182L33.7064 17.8074V18.2029Z' fill='white'/%3E%3Cpath d='M58.524 7.66357H44.3907V13.3494C44.3907 14.6431 44.2759 15.8792 44.0463 17.0548C43.8154 18.2304 43.5599 19.1781 43.277 19.8977C42.9942 20.6174 42.6662 21.2876 42.2918 21.9084C41.9174 22.5292 41.655 22.9288 41.5034 23.1074C41.3531 23.2859 41.2369 23.4136 41.159 23.4933H39.7598V32.0124H43.8004V27.1383H57.3229V32.0124H61.3444V23.4933H58.5254V7.66357H58.524ZM54.4834 23.4933H45.1983L45.5331 23.0771C45.7435 22.8395 46.01 22.444 46.3311 21.8892C46.6536 21.3343 46.9747 20.6778 47.2972 19.9183C47.6196 19.1589 47.8888 18.1975 48.1061 17.0356C48.3234 15.8723 48.4313 14.6445 48.4313 13.3508V11.3099H54.4834V23.4946V23.4933Z' fill='white'/%3E%3Cpath d='M96.2506 13.7463H92.0132V7.66357H87.9712V27.1383H96.2506C98.4328 27.1383 100.19 26.5106 101.524 25.2553C102.857 24.0001 103.524 22.3987 103.524 20.4512C103.524 18.5037 102.857 16.8983 101.524 15.6361C100.19 14.3753 98.4328 13.7449 96.2506 13.7449V13.7463ZM98.5572 22.7613C97.9395 23.382 97.1702 23.6924 96.2506 23.6924H92.0118V17.1935H96.2506C97.1702 17.1935 97.9395 17.5039 98.5572 18.1247C99.1748 18.7455 99.4836 19.5173 99.4836 20.443C99.4836 21.3686 99.1748 22.1405 98.5572 22.7613Z' fill='white'/%3E%3Cpath d='M75.1239 7.24735C72.6342 7.24735 70.3632 8.17164 68.6155 9.68923V7.66348H64.5735V32.0123H68.6155V24.8364C70.3618 26.354 72.6329 27.2782 75.1239 27.2782C80.628 27.2782 85.0895 22.7941 85.0895 17.2621C85.0895 11.7301 80.628 7.24597 75.1239 7.24597V7.24735ZM75.1239 23.6662C71.6053 23.6662 68.7521 20.7986 68.7521 17.2621C68.7521 13.7256 71.6053 10.858 75.1239 10.858C78.6426 10.858 81.2088 13.7256 81.2088 17.2621C81.2088 20.7986 78.6426 23.6662 75.1239 23.6662Z' fill='white'/%3E%3Cpath d='M105.66 27.1396H109.701V20.9635V18.4227V13.1324V7.66357H105.66V27.1396Z' fill='white'/%3E%3Cpath d='M1.20654 27.1396H5.24716V20.9635V18.4227V13.1324V7.66357H1.20654V27.1396Z' fill='white'/%3E%3Cpath d='M125.981 7.93957C125.766 7.7006 125.518 7.4891 125.235 7.30644C124.952 7.1224 124.755 7.00704 124.643 6.95897C124.531 6.9109 124.442 6.87382 124.378 6.84772L124.571 6.75021C124.718 6.68566 124.886 6.57854 125.076 6.42609C125.266 6.27502 125.455 6.08961 125.643 5.86987C125.833 5.65013 125.996 5.36446 126.134 5.01287C126.272 4.66129 126.342 4.28223 126.342 3.87708C126.342 2.78111 125.918 1.86369 125.071 1.12481C124.224 0.385922 123.104 0.0164795 121.712 0.0164795C121.109 0.0164795 120.531 0.0920151 119.979 0.243088C119.427 0.395534 118.985 0.558968 118.651 0.736136C118.318 0.913303 118.005 1.12481 117.712 1.37064C117.42 1.61511 117.235 1.78541 117.159 1.8788C117.082 1.97219 117.025 2.04498 116.985 2.09717L118.756 3.87708L119.054 3.55708C119.247 3.35107 119.563 3.1382 120.003 2.91845C120.441 2.69871 120.913 2.59021 121.413 2.59021C121.996 2.59021 122.455 2.73854 122.789 3.03519C123.122 3.33184 123.289 3.71227 123.289 4.17648C123.289 4.68051 123.121 5.08566 122.783 5.39605C122.446 5.70506 121.989 5.86026 121.411 5.86026H120.035V8.33648H121.518C122.223 8.33648 122.776 8.50403 123.178 8.83914C123.58 9.17425 123.781 9.6 123.781 10.1164C123.781 10.6328 123.577 11.0585 123.17 11.3936C122.763 11.7288 122.177 11.8963 121.414 11.8963C121.036 11.8963 120.668 11.8441 120.313 11.7425C119.956 11.6395 119.665 11.5214 119.437 11.3895C119.209 11.2577 118.993 11.1066 118.788 10.9349C118.583 10.7633 118.45 10.6451 118.393 10.5765C118.335 10.5078 118.295 10.4556 118.269 10.4172L116.488 12.2932L116.69 12.5157C116.819 12.6778 117.029 12.8618 117.322 13.0719C117.614 13.2807 117.952 13.4922 118.337 13.7051C118.722 13.9179 119.217 14.1006 119.824 14.2517C120.43 14.4027 121.06 14.4783 121.715 14.4783C123.255 14.4783 124.495 14.069 125.436 13.2491C126.376 12.4306 126.846 11.4527 126.846 10.3183C126.846 9.81425 126.756 9.35279 126.577 8.92978C126.398 8.50678 126.199 8.17717 125.985 7.9382L125.981 7.93957Z' fill='white'/%3E%3Cpath d='M133.341 4.76702C133.115 4.76702 132.917 4.7986 132.743 4.86453L135.707 0.307617H132.646L128.807 6.25714L128.509 6.69251C128.309 6.96993 128.112 7.38882 127.917 7.95054C127.722 8.51088 127.623 9.06985 127.623 9.6247C127.623 10.9857 128.115 12.1353 129.1 13.0733C130.086 14.0113 131.333 14.481 132.845 14.481C134.356 14.481 135.603 14.0113 136.589 13.0733C137.574 12.1339 138.066 10.9844 138.066 9.6247C138.066 8.34195 137.588 7.21165 136.632 6.2338C135.677 5.25732 134.579 4.76839 133.341 4.76839V4.76702ZM134.539 11.2439C134.092 11.6793 133.528 11.8963 132.845 11.8963C132.161 11.8963 131.597 11.6779 131.15 11.2439C130.703 10.8086 130.481 10.2688 130.481 9.62333C130.481 8.97783 130.703 8.43672 131.15 7.99861C131.596 7.56049 132.16 7.34075 132.845 7.34075C133.529 7.34075 134.092 7.55912 134.539 7.99861C134.984 8.43672 135.207 8.97921 135.207 9.62333C135.207 10.2674 134.984 10.8086 134.539 11.2439Z' fill='white'/%3E%3Cpath d='M145.946 0.189575C142.15 0.189575 139.073 3.28245 139.073 7.0991C139.073 10.9158 142.15 14.0086 145.946 14.0086C149.742 14.0086 152.821 10.9158 152.821 7.0991C152.821 3.28245 149.743 0.189575 145.946 0.189575ZM145.946 11.5159C143.519 11.5159 141.55 9.53824 141.55 7.09773C141.55 4.65721 143.518 2.67953 145.946 2.67953C148.374 2.67953 150.342 4.65721 150.342 7.09773C150.342 9.53824 148.374 11.5159 145.946 11.5159Z' fill='white'/%3E%3Cpath d='M13.5621 17.6234C16.4344 15.7968 18.592 12.2342 18.592 8.48483C18.592 8.20741 18.5702 7.93685 18.551 7.66492H14.4626C14.4926 7.9341 14.5118 8.20741 14.5118 8.48483C14.5118 12.502 11.2719 15.7583 7.27636 15.7583C7.24083 15.7583 7.20667 15.7528 7.17114 15.7528V19.8922C7.37611 19.8744 7.58245 19.8606 7.79152 19.8606C11.7884 19.8606 15.0269 23.1169 15.0269 27.1341C15.0269 27.1369 15.0269 27.1396 15.0269 27.141H19.1085C19.1085 27.141 19.1085 27.1355 19.1085 27.1341C19.1085 23.1554 16.5328 19.303 13.5634 17.6247L13.5621 17.6234Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_81_3'%3E%3Crect width='154' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-size: 130px 27px;
}

.kadry360 a
{
	font: 600 16px/36px 'Montserrat';
	color: #4C645D;
	background: #FFFFFF;
	text-decoration: none;
	padding: 0 30px;
	border-radius: 10px;
	transition: .2s ease background-color;
}

.kadry360 a:hover {background: #ECEFE6;}

.kadry360__close
{
	width: 24px;
	height: 24px;
	background: #FFFFFF;
	border-radius: 50%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 12l5-5-1-1-5 5-5-5-1 1 5 5-5 5 1 1 5-5 5 5 1-1z'%3E%3C/path%3E%3C/svg%3E");
	position: absolute;
	right: -16px;
	top: -16px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	cursor: pointer;
}

@media (max-width: 767px) {

	.kadry360 .container
	{
		width: calc(100% - 30px);
		justify-content: center;
		margin: 0 auto;
	}

	.kadry360 p
	{
		width: 100%;
		font: 700 17px/32px 'Montserrat';
		margin: 0 0 10px;
		text-align: center;
	}

	.kadry360 strong
	{
		margin-left: 4px;
		width: 130px;
		height: 27px;
	}

	.kadry360 p br {display: block;}
	.kadry360 a {margin-bottom: 5px;}

	.kadry360__close
	{
		right: -12px;
		top: -12px;
	}

}

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

	.kadry360 p {font: 700 16px/32px 'Montserrat';}

	.kadry360 strong
	{
		margin-left: 4px;
		width: 130px;
		height: 27px;
	}

}
/* End */
/* /local/templates/apbks/template_styles.css?1760538121121867 */