/* Start:/bitrix/templates/uspu_eng/assets/fancybox/jquery.fancybox.css?14848193454949*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-wrap * { transition: none }
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('/bitrix/templates/uspu_eng/assets/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('/bitrix/templates/uspu_eng/assets/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('/bitrix/templates/uspu_eng/assets/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('/bitrix/templates/uspu_eng/assets/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('/bitrix/templates/uspu_eng/assets/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('/bitrix/templates/uspu_eng/assets/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
/* End */


/* Start:/bitrix/templates/uspu_eng/template_styles.css?16224421139129*/
@font-face {
  font-family: "PT Sans";
  src:  url(/bitrix/templates/uspu_eng/fonts/PTSans/PTSansRegular/PTSansRegular.eot);
  src:  url(/bitrix/templates/uspu_eng/fonts/PTSans/PTSansRegular/PTSansRegular.eot?#iefix) format("embedded-opentype"), 
		url(/bitrix/templates/uspu_eng/fonts/PTSans/PTSansRegular/PTSansRegular.woff) format("woff"), 
		url(/bitrix/templates/uspu_eng/fonts/PTSans/PTSansRegular/PTSansRegular.ttf) format("truetype");
  font-style: normal;
  font-weight: 400
}

html { width: 100%; height: 100% }
body { width: 100%; height: 100%; padding: 0; margin: 0; background: #fff; font: 85% 'PT Sans', Arial, sans-serif; color: #111; }
body.faded:before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); z-index: 100 }
span, div { box-sizing: border-box }	
	
a { color: #4f2683; outline: none }	
a:hover { color: #db241c; }
	
img, form, p, ul, ol, li, table, tr, td, div { padding: 0; margin: 0; border: 0; }
	
p { padding-bottom: 1.5em; }
	
ul { padding: 0 0 1.5em 0; clear: left }	
ul > li { list-style: none; list-style-type: none; padding: 0 0 .5em 30px; position: relative }
ul > li:before { content: ''; width: 12px; height: 1px; position: absolute; top: .7em; left: 0; background: #000; }
ul ul > li:before { content: ''; width: 4px; height: 4px; position: absolute; top: 1em; left: 0; background: #a1a1a1; border-radius: 50% }
ul ol > li { list-style: auto; }	

ol { padding: 0 0 1.5em 20px; clear: left  }	
ol > li { padding: 0 0 .5em 10px; }	

ol ul, ul ul, ul ol, ol ol { padding: 1em 0 0 0; } 

.table-wrapper {
	overflow-x: auto;
}
table {
	margin: 10px 0 20px;
	width: 100%;
	font-size: 14px;
	line-height: 1.4em;
	border-collapse: collapse;
}
table td, table th {
	padding: 10px;
	border: 1px solid #d8d8d8;
}
table th {
	background: #eeeff0;
}
table tr:nth-child(2n+1) td {
	background: #fbfbfb;
}








h1 { font-size: 36px; font-weight: 700; margin: 0; padding: 0 0 1em 0; color: #4b5eac; line-height: 1.25; }	
h2 { font-size: 32px; font-weight: 700; margin: 0; padding: .5em 0 .7em 0; color: #4b5eac; line-height: 1.25; }	
h3 { font-size: 28px; font-weight: 700; margin: 0; padding: .5em 0 .7em 0; color: #4b5eac; line-height: normal; }	
h4 { font-size: 24px; font-weight: normal; margin: 0; padding: .5em 0 .7em 0; color: #4b5eac; line-height: normal; }	
h5 { font-size: 21px; font-weight: normal; margin: 0; padding: .5em 0 .7em 0; color: #4b5eac; line-height: normal; }	
h6 { font-size: 19px; font-weight: 700; margin: 0; padding: .5em 0 .5em 0; color: #4b5eac; line-height: normal; }

h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { padding-top: 0; }
	
input, select, textarea { font-family: inherit; padding: 0 0 .1em 4px; font-size: 100%; outline: none; box-sizing: border-box; }

button { -webkit-appearance: none;}
	
a img { border: none; }
	
.img-lft { float: left; margin: 0 20px 20px 0; }	
.img-rgh { float: right; margin: 0 0 20px 20px; }
	
cite { font-style: italic; }

.mainpage-wrapper { display: flex; min-height: 100%; width: 94%; max-width: 1230px; margin: 0 auto;}
.mainpage-logo { background: #fff; text-align: center; height: 300px; padding-top: 40px }
.mainpage-logo img { width: 237px; max-width: 90% }

.mainpage-left { width: 30%; background: #4b5eac; overflow: hidden }
.footer { width: 94%; max-width: 1230px;  margin: 0 auto; background: #4b5eac; overflow: hidden; height:100px; padding-top:20px; padding-left:372px;}
.footer a { color: #fff; text-decoration: none; display: block; padding: 10px 50px 10px 25px; position: relative }
.footer a:hover, .footer.selected a {  color: #ffffff}

.mainpage-right { width: 70%; }
.mainpage-menu { padding-top: 30px; transition: all .3s ease 0s; overflow: hidden }
.mainpage-menu.fixed { position: fixed; top: 0; left: 0; width: 100%; overflow: visible }
.mainpage-menu.fixed .fixed-width { position: relative; width: 94%; max-width: 1230px; margin: 0 auto; }
.mainpage-menu.fixed .fixed-abs { position: absolute; top: 0; left: 0; width: 30% }

.mainpage-menu-item { color: #fff; font-size: 16px; font-weight: 700 }
.mainpage-menu-item a { color: #fff; text-decoration: none; display: block; padding: 10px 50px 10px 25px; position: relative }
.mainpage-menu-item a:hover, .mainpage-menu-item.selected a { background: #fff; color: #4b5eac }
.mainpage-menu-item a:after { content: ''; width: 10px; height: 16px; position: absolute; top: 50%; margin-top: -8px; right: 40px; background: url(/bitrix/templates/uspu_eng/img/icons.png) no-repeat -119px -67px; }
.mainpage-menu-item a:hover:after, .mainpage-menu-item.selected a:after { background-position: -198px -100px } 

.mainpage-menu-sub { background: #eff2fe; padding: 10px 0 10px 0; }
.mainpage-menu-sub .mainpage-menu-item a { color: #4b5eac; padding-left: 35px }
.mainpage-menu-sub .mainpage-menu-item a:hover { background: none }
.mainpage-menu-sub .mainpage-menu-item.selected a { background: none; border-left: 2px solid #4b5eac }

.mainpage-сontent { padding: 40px; font-size: 17px }

.page-illustration { display: none }
.page-illustration-block { height: 500px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; margin-bottom: 40px; position: relative }
.page-illustration-block:after { content: ''; position: absolute; height: 30px; width: 100%; top: 0; left: 0; background: linear-gradient(to top, transparent, #fff); }


.uspu-spoiler { padding-top: 20px; max-width: 600px }
.uspu-spoiler-title { border-bottom: 2px solid #4b5eac; position: relative; padding-bottom: 9px; cursor: pointer }
.uspu-spoiler-title i { width: 14px; height: 2px; background: #4b5eac; position: absolute; top: 10px; right: 12px; font-size: 0; transition: all .3s ease 0s }
.uspu-spoiler-title i:before { content: ''; width: 100%; height: 2px; background: #4b5eac; position: absolute; top: 0; right: 0; font-size: 0; transform: rotate(-90deg) }
.uspu-spoiler-title.active i { transform: rotate(-45deg) }
.uspu-spoiler-body { padding-top: 10px; padding-left: 10px; display: none }

.gallery-list { font-size: 0 }
.gallery-list a { display: inline-block; }
.gallery-list a img { vertical-align: top; margin: 0 8px 8px 0 }

.langversion-head { border-bottom: 1px solid #294099; height: 70px; position: relative; width: 94%; max-width: 1230px; margin: 0 auto; background: #fff; z-index: 10 }

.langversion-popup-toggle { position: absolute; color: #fff; top: 0; left: 30px; cursor: pointer; z-index: 1; height: 100%; padding-top: 23px; text-decoration: none; box-sizing: border-box }
.langversion-popup-toggle span { padding: 2px 10px; border-radius: 4px; background: #872b44;  }
.langversion-popup-toggle:hover { color: #fff }

.searchblock-input {
    padding-left: 40px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    border-color: transparent !important;
}	

button {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font: 700 14px 'PT Sans',sans-serif;
	line-height: normal;
	width: auto;
	height: 40px;
	line-height: 38px;
	margin: 0;
	padding: 0 15px;
	background: #872b44;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: #fff !important;
	text-shadow: none;
	text-transform: none;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	outline: 0;
	white-space: nowrap;
	text-decoration: none;
}

.searchblock-button { z-index: 10; background: 0 0 !important; width: 30px; height: 30px; line-height: 30px; padding: 0; position: absolute; top: 0; left: 0; }

.searchblock-form { position: relative; overflow: hidden }

.ico { background: url(/bitrix/templates/uspu_eng/img/icons.png) no-repeat; display: inline-block; vertical-align: middle }
.ico_loupe { width: 21px; height: 21px; background-position: -97px -12px }
.searchblock:hover .ico_loupe { background-position: -97px -35px }

.langversion-head .searchblock-form { position: absolute; top: 17px; left: 32.5% }

.mobile-lang-menu { position: absolute; width: 28px; height: 22px; top: 20px; right: 50px; display: none }
.mobile-lang-menu i { position: absolute; top: 50%; left: 0; height: 4px; width: 100%; background: #4b5eac; margin-top: -2px }
.mobile-lang-menu:before { content: ''; position: absolute; top: 0; left: 0; height: 4px; width: 100%; background: #4b5eac }
.mobile-lang-menu:after { content: ''; position: absolute; bottom: 0; left: 0; height: 4px; width: 100%; background: #4b5eac }

@media(max-width:1200px) {
	.mainpage-сontent { padding: 40px 20px; }
	.mainpage-сontent img { max-width: 100%; height: auto !important }	
}

@media(max-width:700px) {
	.mainpage-wrapper { width: 100%; padding-top: 60px }	
	.mainpage-wrapper { display: block }
	.mainpage-left { width: 100%; }
	.mainpage-right { width: auto; }
	.mainpage-сontent { padding-bottom: 100px }	
	
	.langversion-head { position: fixed; top: 0; left: 3%; }
	
	.mainpage-menu { width: 300px; position: fixed; top: 0; right: -300px; background: #4b5eac; padding-bottom: 30px; z-index: 101 }	
	
	.mainpage-menu.fixed { width: 300px; left: auto; right: -300px; }
	.mainpage-menu.fixed .fixed-width { width: 100%; margin: 0; }
	.mainpage-menu.fixed .fixed-abs { width: 100%; position: relative }	
	
	.mainpage-menu.active { right: 0; }
	
	.mobile-lang-menu { display: block; }	
	
}

@media(max-width:500px) { 	
	.mainpage-logo img { height: 100px; width: auto }
	.mainpage-logo { height: 150px; padding-top: 20px }
	.mainpage-сontent { padding: 20px 10px 100px 10px; }	
	.page-illustration-block { margin-bottom: 20px }
	
	.mobile-lang-menu { top: 12px; right: 20px }		
}
iframe {
	max-width: 100%;
}










































/* End */
/* /bitrix/templates/uspu_eng/assets/fancybox/jquery.fancybox.css?14848193454949 */
/* /bitrix/templates/uspu_eng/template_styles.css?16224421139129 */