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

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: #393185;
	padding: 10px 10px 10px 20px;
	border-radius: 15px 0 15px 15px;
	overflow: visible;
}

.kadry360 p
{
	font: 400 18px/36px 'Rubik';
	color: #fff;
}

.kadry360 p br {display: none;}

.kadry360 a
{
	font: 400 18px/36px 'Rubik';
	color: #fff;
	background: #d71117;
	text-decoration: none;
	padding: 0 30px;
	border-radius: 10px;
	transition: .2s ease background-color;
}

.kadry360 a:hover {background: #df4145;}

.kadry360__close
{
	width: 24px;
	height: 24px;
	background: #fff;
	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: 400 17px/28px 'Rubik';
		margin: 0 0 10px;
		text-align: center;
	}

	.kadry360 p br {display: block;}

	.kadry360__close
	{
		right: -12px;
		top: -12px;
	}

}
/* End */
/* /local/templates/apbks/template_styles.css?1759677296113819 */