.hide-text {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}

.input-block-level {
	display: block;
	width: 100%;
	min-height: 30px;
	box-sizing: border-box
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

audio:not([controls]) {
	display: none
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

a:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

a:hover,
a:active {
	outline: 0
}

sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

img {
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic
}

#map_canvas img,
.google-maps img {
	max-width: none
}

button,
input,
select,
textarea {
	margin: 0;
	font-size: 100%;
	vertical-align: middle
}

button,
input {
	*overflow: visible;
	line-height: normal
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
	cursor: pointer
}

input[type="search"] {
	box-sizing: content-box;
	-webkit-appearance: textfield
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none
}

textarea {
	overflow: auto;
	vertical-align: top
}

@media print {
	* {
		text-shadow: none !important;
		color: #000 !important;
		background: transparent !important;
		box-shadow: none !important
	}
	a,
	a:visited {
		text-decoration: underline
	}
	a[href]:after {
		content: " (" attr(href) ")"
	}
	abbr[title]:after {
		content: " (" attr(title) ")"
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: ""
	}
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid
	}
	thead {
		display: table-header-group
	}
	tr,
	img {
		page-break-inside: avoid
	}
	img {
		max-width: 100% !important
	}
	@page {
		margin: .5cm
	}
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3
	}
	h2,
	h3 {
		page-break-after: avoid
	}
}

@font-face {
	font-family: 'icomoon';
	src: url('../fonts//icons/icomoon.eot');
	src: url('../fonts//icons/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts//icons/icomoon.svg#icomoon') format('svg'), url('../fonts//icons/icomoon.woff?v3') format('woff'), url('../fonts//icons/icomoon.ttf') format('truetype');
	font-weight: normal;
	font-style: normal
}

[class*="-icon"],
[class*=" -icon"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	vertical-align: middle
}

.logo-icon:before {
	content: "\e600"
}

.pin-icon:before {
	content: "\e601"
}

.mail-icon:before {
	content: "\e602"
}

.phone-icon:before {
	content: "\e603"
}

.c-fb-icon:before {
	content: "\e600"
}

.c-inst-icon:before {
	content: "\e604"
}

.c-yb-icon:before {
	content: "\e605"
}

.c-in-icon:before {
	content: "\e606"
}

.c-rss-icon:before {
	content: "\e607"
}

.c-tw-icon:before {
	content: "\e608"
}

.c-vk-icon:before {
	content: "\e609"
}

.btn {
	display: inline-block;
	cursor: pointer;
	box-sizing: border-box;
	border: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none
}

.btn:active,
.btn:focus {
	outline: none
}

.btn-simple {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 52px;
	color: #fff;
	height: 52px;
	background: #294183;
	padding: 0 38px
}

.btn-simple:hover {
	background: #21366c
}

form {
	position: relative
}

input[type="text"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="email"],
input[type="tel"],
textarea {
	border: 0;
	box-sizing: border-box;
	outline: none
}

input[type="text"]::-ms-clear,
input[type="password"]::-ms-clear,
input[type="search"]::-ms-clear,
input[type="url"]::-ms-clear,
input[type="email"]::-ms-clear,
input[type="tel"]::-ms-clear,
textarea::-ms-clear {
	display: none;
	width: 0;
	height: 0
}

textarea {
	resize: none
}

.input-simple {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 42px;
	color: #000;
	height: 42px;
	width: 100%;
	border: 1px solid #bfbfbf !important;
	padding: 0 17px
}

.input-simple:focus {
	border-color: #7c7c7c !important;
	box-shadow: inset 0 0 0 1px #7c7c7c
}

.input-simple.error {
	border-color: #bf162b !important;
	box-shadow: none
}

textarea.input-simple {
	line-height: 22px;
	padding-top: 10px;
	padding-bottom: 10px
}

.wrapper {
	max-width: 990px;
	margin: 0 auto;
	position: relative
}

@media only screen and (max-width:1024px) {
	.wrapper {
		max-width: 960px
	}
}

.hide-scroll .ps-scrollbar-x-rail,
.hide-scroll .ps-scrollbar-y-rail {
	display: none !important
}

.row {
	*zoom: 1
}

.row:before,
.row:after {
	display: table;
	content: "";
	line-height: 0
}

.row:after {
	clear: both
}

.row .fl {
	float: left
}

.row .fl.pull-right {
	float: right
}

.row .fr {
	float: right
}

p {
	margin: 0
}

h1,
h2,
h3 {
	margin: 0
}

.page-title {
	font-size: 40px;
	line-height: 1;
	font-weight: 300;
	margin-bottom: 2.9155rem
}

.section-title {
	font-size: 28px;
	line-height: 32px;
	font-weight: 700;
	color: #374b72;
	margin-bottom: 2.6656rem;
	margin-top: 3.7485rem
}

ul.simple {
	margin: 0;
	padding: 0;
	list-style: none
}

ul.inline {
	*zoom: 1
}

ul.inline:before,
ul.inline:after {
	display: table;
	content: "";
	line-height: 0
}

ul.inline:after {
	clear: both
}

ul.inline li {
	float: left
}

a:focus {
	outline: none
}

.tab-pane {
	display: none
}

.tab-pane.active {
	display: block
}

.c-red {
	color: red
}

.hide {
	display: none
}

.fr {
	float: right
}

.fl {
	float: left
}

.clr {
	clear: both
}

.tac {
	text-align: center
}

.bb {
	box-sizing: border-box
}

.table {
	width: 100%;
	display: table;
	margin: 0 auto
}

.table-row {
	display: table-row
}

.table-cell,
.tc {
	display: table-cell;
	vertical-align: top
}

.table-cell.middle,
.tc.middle {
	vertical-align: middle
}

.table-cell.bottom,
.tc.bottom {
	vertical-align: bottom
}

.tdun {
	text-decoration: none
}

.oh {
	overflow: hidden
}

.ttu {
	text-transform: uppercase
}

.modal-open {
	overflow: hidden
}

.modal {
	display: none;
	overflow: auto;
	overflow-y: scroll;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	-webkit-overflow-scrolling: touch;
	outline: 0
}

.modal.debug {
	display: block
}

.modal.fade .modal-dialog {
	opacity: 0;
	-webkit-transform: translate(0, 20%);
	-ms-transform: translate(0, 20%);
	transform: translate(0, 20%);
	-webkit-transition: 0.5s;
	transition: .5s
}

.modal.in .modal-dialog {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.modal-dialog {
	background: #fff;
	box-sizing: border-box;
	box-shadow: 0 13px 120px rgba(0, 0, 0, 0.75);
	position: absolute;
	left: 50%;
	top: 50%
}

.modal-dialog .close {
	font-size: 17px;
	line-height: 43px;
	color: #fff;
	background: #c1414d;
	text-align: center;
	width: 48px;
	height: 43px;
	position: absolute;
	right: -48px;
	top: 0;
	cursor: pointer;
	-webkit-transition: background .2s;
	transition: background .2s
}

.modal-dialog .close:hover {
	background: #f24656
}

.modal-dialog .close:active {
	background: #ff6574
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background: rgba(0, 0, 0, 0.7)
}

.modal-backdrop.fade {
	background: rgba(0, 0, 0, 0);
	-webkit-transition: background 0.5s;
	transition: background .5s
}

.modal-backdrop.in {
	background: rgba(0, 0, 0, 0.7)
}

.modal-price .modal-dialog {
	width: 804px;
	height: 678px;
	margin: -339px 0 0 -402px;
	padding: 51px 62px 0 62px
}

.modal-price h3 {
	font-size: 38px;
	line-height: 1;
	text-align: center
}

.modal-price .spacer {
	margin: 50px auto
}

.modal-price .input-wrapper {
	margin-bottom: 32px;
	position: relative
}

.modal-price .input-wrapper.half {
	width: 319px
}

.modal-price .input-wrapper div.error {
	font-size: 13px;
	line-height: 22px;
	font-weight: 300;
	color: #b41322;
	position: absolute;
	top: 0;
	right: 0
}

.modal-price label {
	font-size: 15px;
	line-height: 22px;
	font-weight: 300;
	color: #0e0e0e;
	display: block
}

.modal-price label span {
	color: #8d8d8d
}

.modal-price textarea {
	height: 128px
}

.modal-price .submit {
	width: 254px;
	margin: 0 auto;
	display: block
}

.ps-container .ps-scrollbar-y-rail {
	position: absolute;
	right: 0;
	width: 4px;
	border-radius: 4px;
	-webkit-transition: background-color .2s;
	transition: background-color .2s
}

.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {
	background-color: #e0e0e0
}

.ps-container .ps-scrollbar-y-rail.in-scrolling {
	background-color: #e0e0e0
}

.ps-container .ps-scrollbar-y {
	position: absolute;
	right: 0;
	width: 4px;
	background-color: #294283;
	border-radius: 4px;
	-webkit-transition: background-color .2s linear;
	transition: background-color .2s linear
}

.ps-container.ie .ps-scrollbar-x,
.ps-container.ie .ps-scrollbar-y {
	visibility: hidden
}

.ps-container.ie:hover .ps-scrollbar-x,
.ps-container.ie:hover .ps-scrollbar-y,
.ps-container.ie.hover .ps-scrollbar-x,
.ps-container.ie.hover .ps-scrollbar-y {
	visibility: visible
}

.group {
	*zoom: 1
}

.group:before,
.group:after {
	display: table;
	content: "";
	line-height: 0
}

.group:after {
	clear: both
}

.lightGallery {
	overflow: hidden !important
}

#lightGallery-Gallery img {
	border: none !important
}

.achievs-gallery #lightGallery-Gallery .lightGallery-slide .object {
	border: 32px solid transparent !important;
	border-image: url('../img/frame.png') 32 stretch !important;
	box-sizing: border-box
}

#lightGallery-outer {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999 !important;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	opacity: 1;
	-webkit-transition: opacity .35s ease;
	transition: opacity .35s ease;
	background: rgba(0, 0, 0, 0.81)
}

#lightGallery-Gallery.opacity {
	opacity: 1;
	transition: opacity 1s ease 0s;
	-moz-transition: opacity 1s ease 0s;
	-webkit-transition: opacity 1s ease 0s;
	-o-transition: opacity 1s ease 0s;
	-ms-transition: opacity 1s ease 0s
}

#lightGallery-Gallery.opacity .thumb_cont {
	opacity: 1
}

#lightGallery-Gallery.fadeM {
	opacity: 0;
	transition: opacity .5s ease 0s;
	-moz-transition: opacity .5s ease 0s;
	-webkit-transition: opacity .5s ease 0s;
	-o-transition: opacity .5s ease 0s;
	-ms-transition: opacity .5s ease 0s
}

#lightGallery-Gallery {
	height: 100%;
	opacity: 0;
	width: 100%;
	position: relative;
	transition: opacity 1s ease 0s;
	-moz-transition: opacity 1s ease 0s;
	-webkit-transition: opacity 1s ease 0s;
	-o-transition: opacity 1s ease 0s;
	-ms-transition: opacity 1s ease 0s
}

#lightGallery-slider .lightGallery-slide {
	background: url(../img/loading.gif) no-repeat scroll center center transparent;
	display: inline-block;
	height: 100%;
	text-align: center;
	width: 100%;
	padding: 0 70px 80px 70px;
	box-sizing: border-box
}

.no-thumbnail #lightGallery-slider .lightGallery-slide {
	padding-top: 50px;
	padding-bottom: 50px
}

#lightGallery-slider .lightGallery-slide.complete {
	background-image: none
}

#lightGallery-Gallery.showAfterLoad .lightGallery-slide>* {
	opacity: 0
}

#lightGallery-Gallery.showAfterLoad .lightGallery-slide.complete>* {
	opacity: 1
}

#lightGallery-slider.slide .lightGallery-slide,
#lightGallery-slider.useLeft .lightGallery-slide {
	position: absolute;
	opacity: .4
}

#lightGallery-slider.fadeM .lightGallery-slide {
	position: absolute;
	left: 0;
	opacity: 0
}

#lightGallery-slider.animate .lightGallery-slide {
	position: absolute;
	left: 0
}

#lightGallery-slider .lightGallery-slide:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px
}

#lightGallery-slider.slide .lightGallery-slide {
	transform: translate3d(100%, 0, 0);
	-moz-transform: translate3d(100%, 0, 0);
	-ms-transform: translate3d(100%, 0, 0);
	-webkit-transform: translate3d(100%, 0, 0);
	-o-transform: translate3d(100%, 0, 0)
}

#lightGallery-slider.slide.on .lightGallery-slide {
	opacity: 0
}

#lightGallery-slider.slide .lightGallery-slide.current {
	opacity: 1 !important;
	transform: translate3d(0, 0, 0) !important;
	-moz-transform: translate3d(0, 0, 0) !important;
	-ms-transform: translate3d(0, 0, 0) !important;
	-webkit-transform: translate3d(0, 0, 0) !important;
	-o-transform: translate3d(0, 0, 0) !important
}

#lightGallery-slider.slide .lightGallery-slide.prevSlide {
	opacity: 0;
	transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	-ms-transform: translate3d(-100%, 0, 0);
	-webkit-transform: translate3d(-100%, 0, 0);
	-o-transform: translate3d(-100%, 0, 0)
}

#lightGallery-slider.slide .lightGallery-slide.nextSlide {
	opacity: 0;
	transform: translate3d(100%, 0, 0);
	-moz-transform: translate3d(100%, 0, 0);
	-ms-transform: translate3d(100%, 0, 0);
	-webkit-transform: translate3d(100%, 0, 0);
	-o-transform: translate3d(100%, 0, 0)
}

#lightGallery-slider.useLeft .lightGallery-slide {
	left: 100%
}

#lightGallery-slider.useLeft.on .lightGallery-slide {
	opacity: 0
}

#lightGallery-slider.useLeft .lightGallery-slide.current {
	opacity: 1 !important;
	left: 0 !important
}

#lightGallery-slider.useLeft .lightGallery-slide.prevSlide {
	opacity: 0;
	left: -100%
}

#lightGallery-slider.useLeft .lightGallery-slide.nextSlide {
	opacity: 0;
	left: 100%
}

#lightGallery-slider.slide.on .lightGallery-slide,
#lightGallery-slider.slide.on .current,
#lightGallery-slider.slide.on .prevSlide,
#lightGallery-slider.slide.on .nextSlide {
	-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s;
	transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s
}

#lightGallery-slider.speed .lightGallery-slide,
#lightGallery-slider.speed .current,
#lightGallery-slider.speed .prevSlide,
#lightGallery-slider.speed .nextSlide {
	transition-duration: inherit !important;
	-moz-transition-duration: inherit !important;
	-webkit-transition-duration: inherit !important;
	-o-transition-duration: inherit !important;
	-ms-transition-duration: inherit !important
}

#lightGallery-slider.timing .lightGallery-slide,
#lightGallery-slider.timing .current,
#lightGallery-slider.timing .prevSlide,
#lightGallery-slider.timing .nextSlide {
	transition-timing-function: inherit !important;
	-moz-transition-timing-function: inherit !important;
	-webkit-transition-timing-function: inherit !important;
	-o-transition-timing-function: inherit !important;
	-ms-transition-timing-function: inherit !important
}

#lightGallery-slider .lightGallery-slide img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	cursor: -moz-grabbing;
	cursor: grab;
	cursor: -webkit-grab;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	vertical-align: middle
}

#lightGallery-Gallery .thumb_cont .thumb_inner {
	-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s;
	transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s
}

@-webkit-keyframes rightEnd {
	0% {
		left: 0
	}
	50% {
		left: -30px
	}
	100% {
		left: 0
	}
}

@keyframes rightEnd {
	0% {
		left: 0
	}
	50% {
		left: -30px
	}
	100% {
		left: 0
	}
}

@-webkit-keyframes leftEnd {
	0% {
		left: 0
	}
	50% {
		left: 30px
	}
	100% {
		left: 0
	}
}

@keyframes leftEnd {
	0% {
		left: 0
	}
	50% {
		left: 30px
	}
	100% {
		left: 0
	}
}

.lightGallery-slide .object.rightEnd {
	-webkit-animation: rightEnd .3s;
	animation: rightEnd .3s;
	position: relative
}

.lightGallery-slide .object.leftEnd {
	-webkit-animation: leftEnd .3s;
	animation: leftEnd .3s;
	position: relative
}

#lightGallery-action {
	display: none
}

#lightGallery_counter {
	bottom: 52px;
	text-align: center;
	width: 100%;
	position: absolute;
	z-index: 9;
	color: #fff
}

#lightGallery-Gallery .thumb_cont {
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	z-index: 9;
	max-height: 350px;
	opacity: 0
}

#lightGallery-Gallery .thumb_cont .thumb_inner {
	margin-left: -12px;
	padding: 0 12px;
	max-height: 290px;
	min-width: 100%;
	text-align: center;
	overflow-y: auto;
	box-sizing: content-box
}

#lightGallery-Gallery .thumb_cont .thumb_info {
	display: none
}

#lightGallery-Gallery .thumb_cont .thumb {
	display: inline-block !important;
	vertical-align: middle;
	text-align: center;
	*display: inline;
	*zoom: 1;
	margin-bottom: 4px;
	height: 50px;
	width: 50px;
	opacity: .6;
	filter: alpha(opacity=60);
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: border-color linear .2s, opacity linear .2s;
	transition: border-color linear .2s, opacity linear .2s
}

@media (min-width:800px) {
	#lightGallery-Gallery .thumb_cont .thumb {
		width: 94px;
		height: 70px
	}
}

#lightGallery-Gallery .thumb_cont .thumb {
	margin-top: 2px
}

#lightGallery-Gallery .thumb_cont .thumb>img {
	height: auto;
	max-width: 100%
}

#lightGallery-Gallery .thumb_cont .thumb.active,
#lightGallery-Gallery .thumb_cont .thumb:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	border-color: #fff
}

#lightGallery-Gallery .thumb_cont .thumb.active {
	box-shadow: 0 0 0 2px #055da2
}

#lightGallery-slider .video_cont {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	vertical-align: middle
}

#lightGallery-slider .video_cont {
	background: none;
	max-width: 1140px;
	max-height: 100%;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

#lightGallery-slider .video {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative
}

#lightGallery-slider .video iframe {
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	top: 0;
	left: 0
}

#lightGallery-close {
	width: 49px;
	height: 49px;
	border: 1px solid #fff;
	border-radius: 100%;
	display: block;
	text-decoration: none;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 1090;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	cursor: pointer
}

#lightGallery-close:before,
#lightGallery-close:after {
	content: '';
	background: #fff;
	top: 50%;
	left: 50%;
	position: absolute
}

#lightGallery-close:before {
	width: 19px;
	height: 1px;
	margin: 0 0 0 -9px
}

#lightGallery-close:after {
	width: 1px;
	height: 19px;
	margin: -9px 0 0 0
}

.external#lightGallery-outer {
	overflow-x: hidden;
	overflow-y: auto
}

.external #lightGallery-Gallery {
	margin: auto;
	width: 600px;
	height: auto;
	background-color: white
}

.external #lightGallery-slider.on .lightGallery-slide {
	overflow: hidden;
	background-color: white
}

.external #lightGallery-slider .lightGallery-slide {
	min-height: 200px !important;
	background-color: white;
	margin-top: 60px
}

.external #lightGallery-slider .ext {
	float: left
}

.external #lightGallery-slider.slide .lightGallery-slide.current {
	height: auto !important
}

.external #lightGallery-slider.slide .lightGallery-slide {
	opacity: 0
}

.customHtml {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
	color: #fff;
	font-family: Arial, sans-serif;
	height: 70px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9
}

.customHtml p {
	font-size: 14px
}

.customHtml>h4 {
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 15px
}

html {
	font-size: 12px;
	line-height: 20px
}

body {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 300;
	margin: 0;
	padding: 0;
	min-height: 600px;
	min-width: 980px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0
}

body.loading {
	overflow: hidden
}

body.loading:before {
	content: '';
	background-color: #fff;
	background-image: url('../img/loader.gif');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 2000
}

.main-nav-wrapper {
	width: 34.58616rem;
	height: 100%;
	background-color: #fff;
	background-image: url('../img/main_nav_bg.jpg');
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-size: 100% auto;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10
}

.main-logo {
	width: 208px;
	height: 90px;
	display: block;
	text-align: center;
	margin: 3.9151rem auto 7.7469rem auto
}

@media only screen and (max-height:700px) {
	.main-logo {
		margin-top: 3.0821rem;
		margin-bottom: 4.998rem
	}
}

.main-nav {
	width: 100%;
	text-align: center;
	overflow: hidden
}

.main-nav li {
	padding: 1.4994rem 0;
	position: relative
}

.main-nav li:before {
	content: '';
	width: 20px;
	height: 1px;
	background: #dfdfdf;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -10px
}

.main-nav li:last-child:before {
	display: none
}

.main-nav .item {
	font-size: 16px;
	line-height: 1;
	color: #353535;
	text-decoration: none
}

@media only screen and (max-width: 1070px) {
	.main-nav .item {
		font-size: 40px;
		line-height: 1.3;
	}
}

.main-nav .item.current,
.main-nav .item:hover {
	font-weight: 700
}

.main-nav .item.active {
	color: #334c8d
}

.main-nav .item:before {
	content: '';
	display: inline-block;
	border-right: 17px solid #dce1e7;
	border-bottom: 17px solid transparent;
	border-top: 17px solid transparent;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -17px;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	opacity: 0;
	-webkit-transition: 0.5s;
	transition: .5s
}

.main-nav .item.arrow:before {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}

@media only screen and (max-height:600px) {
	.main-nav li {
		padding-top: .833rem;
		padding-bottom: .833rem
	}
}

.sitename {
	font-size: 12px;
	line-height: 1;
	color: #747474;
	position: absolute;
	left: 29px;
	bottom: 24px
}

.main-submenu-wrapper {
	background: #dce1e7;
	position: absolute;
	top: 4.4149rem;
	left: 34.58616rem;
	bottom: 0;
	right: 0;
	z-index: 3;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%)
}

@media only screen and (max-width: 1070px) {
    .main-submenu-wrapper  {
         top: 10rem;
}
}


.main-submenu-wrapper.animate {
	-webkit-transition: -webkit-transform .8s;
	transition: transform .8s
}

.main-submenu-wrapper .scroll-wrapper {
	overflow: hidden;
	position: absolute;
	top: 0;
	padding-top: 3%;
	right: 3%;
	bottom: 1%;
	left: 0;
	padding-left: 5%
}

.main-submenu-wrapper .scroll-wrapper .ps-scrollbar-y-rail {
	margin-top: 3%
}

@media only screen and (max-width:1340px) {
	.main-submenu-wrapper .scroll-wrapper {
		padding-left: 3%
	}
}

.main-submenu-wrapper .submenu-title {
	margin-bottom: 46px
}

.submenu-tabs .item,
.services-tabs .item {
	font-size: 18px;
	line-height: 42px;
	font-weight: 300;
	color: #2e405d;
	text-decoration: none;
	padding: 0 20px;
	display: block
}

.submenu-tabs .active .item,
.services-tabs .active .item {
	font-weight: 500;
	color: #fff;
	background: #2855a0
}

.submenu-tabs {
	border: 2px solid #2855a0;
	margin-left: 48px !important
}

.submenu-tabs.v2,
.services-tabs.v2 {
	border-width: 0 0 4px 0;
	border-bottom-color: #c3c6cb;
	position: relative;
	margin-right: 10px
}

.submenu-tabs.v2 .hover-line,
.services-tabs.v2 .hover-line {
	height: 4px;
	background: #2855a0;
	position: absolute;
	bottom: -4px;
	-webkit-transition: width .4s, left .4s;
	transition: width .4s, left .4s;
	-webkit-backface-visibility: hidden
}

.submenu-tabs.v2 .active .item,
.services-tabs.v2 .active .item {
	color: #21366c;
	background: transparent
}

.submenu-tabs.v2 .active:nth-child(1)~.hover-line,
.services-tabs.v2 .active:nth-child(1)~.hover-line {
	width: 38%;
	left: 0
}

.submenu-tabs.v2 .active:nth-child(2)~.hover-line,
.services-tabs.v2 .active:nth-child(2)~.hover-line {
	width: 62%;
	left: 38%
}

.submenu-title-row {
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.submenu-title-row .fbi {
	-webkit-flex-flow: column wrap;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap
}

.submenu-more-wrapper {
	width: 48px;
	height: 48px;
	position: absolute;
	top: 0;
	left: 1px;
	z-index: 6
}

.submenu-more-wrapper .submenu-more {
	background: #516599;
	border-color: #516599;
	-webkit-transition: background 0.3s;
	transition: background .3s
}

.submenu-more-wrapper .submenu-more.open {
	background: transparent
}

.submenu-title {
	font-size: 40px;
	line-height: 46px;
	font-weight: 300;
	position: relative;
	z-index: 5;
	-webkit-transition: color 0.4s;
	transition: color .4s
}

.submenu-title.pl {
	padding-left: 67px
}

.more-desc-open .submenu-title {
	color: #fff
}

.submenu-desc-wrapper .scroll-wrapper {
	top: 110px;
	right: 80px;
	bottom: 65px;
	left: 79px
}

@media only screen and (max-width: 1070px) {
.submenu-desc-wrapper .scroll-wrapper {
    top: 220px;
}
}



.submenu-desc-wrapper p {
	margin-bottom: 15px
}

.submenu-items {
	margin: 0 auto
}

.submenu-items .item {
	width: 35.4025rem;
	float: left;
	margin-bottom: 2.499rem
}

.submenu-items .item .name {
	max-width: 24.99rem;
	font-weight: 300 !important
}

.submenu-items .item .name strong {
	font-weight: 700
}

.submenu-items .item img {
	max-width: 100%
}

.submenu-items .item:hover .name:after,
.submenu-items .item.active .name:after {
	width: 128px
}

@media only screen and (max-height:1000px) {
	.submenu-items .item {
		width: 32.487rem;
		margin-bottom: 1.2495rem
	}
}

@media only screen and (max-width:1410px) {
	.submenu-items .item {
		width: 31.654rem
	}
}

@media only screen and (max-width:1300px) {
	.submenu-items .item {
		width: 29.155rem
	}
}

@media only screen and (max-width:1220px) {
	.submenu-items .item {
		width: 35.4025rem
	}
}

.top-nav {
	height: 4.4149rem;
	background: #21366c;
	position: absolute;
	left: 34.58616rem;
	top: 0;
	right: 0;
	z-index: 5
}

@media only screen and (max-width: 1070px) {
	.top-nav {
	height: 10rem;
}
}
	
.top-nav .item {
	font-size: 14px;
	line-height: 4.4149rem;
	color: #f5f7f8;
	text-decoration: none;
	padding: 0 2.9988rem;
	display: block;
	border-right: 1px solid #2c437e
}

@media only screen and (max-width: 1070px) {
	.top-nav .item {
	line-height: 10rem;
}
}


.top-nav .item:hover {
	background: #294283
}

.top-nav .item:active {
	background: #314e99
}

.top-nav .lang {
	width: 125px;
	position: absolute;
	right: 0
}

.top-nav .lang .item {
	color: #93a4d2;
	border-right: 0;
	border-left: 1px solid #2c437e;
	padding-left: 22px;
	padding-right: 0
}

.top-nav .lang .item img {
	margin-right: 11px
}

.top-nav .lang .item span {
	font-size: 1.1662rem;
	line-height: 1;
	-webkit-transform: rotate(90deg) scale(1, 1.8);
	-ms-transform: rotate(90deg) scale(1, 1.8);
	transform: rotate(90deg) scale(1, 1.8);
	display: inline-block;
	margin-left: .833rem
}

.top-nav .lang-list {
	display: none
}

.top-nav .lang-list li {
	background: #21366c;
	float: none;
	border-bottom: 1px solid #2c437e
}

.top-nav .lang-list li:last-child {
	border-bottom: 0
}

.top-nav .lang-list .lang-item {
	padding-left: 22px;
	padding-right: 0
}

.top-nav .lang.open>.item {
	background: #314e99
}

.top-nav .lang.open .lang-list {
	display: block
}

.top-nav .social {
	font-size: 0;
	position: absolute;
	right: 133px
}

.top-nav .social-item {
	display: inline-block;
	margin-right: .6664rem
}

.top-nav .social-item .icon {
	font-size: 2.499rem;
	color: rgba(255, 255, 255, 0.5);
	line-height: 4.4149rem;
	vertical-align: top;
	-webkit-transition: color .3s;
	transition: color .3s
}

.top-nav .social-item:hover .icon {
	color: #fff
}

@media only screen and (max-width:1070px) {
	.top-nav .item {
		padding-left: 2.1658rem;
		padding-right: 2.1658rem
	}
	.top-nav .lang {
		width: 97px
	}
	.top-nav .lang .item {
		padding-left: 1px
	}
	.top-nav .lang-list .lang-item {
		padding-left: 1px
	}
	.top-nav .social {
		right: 105px
	}
}

@media only screen and (max-width:1070px) {
	.top-nav .item {
		font-size: 21px;
		padding-left: 1.3328rem;
		padding-right: 1.3328rem
	}
}

@media only screen and (max-width:1070px) {
	.top-nav .social {
		display: none
	}
}

.content-wrapper {
	background-color: #dce1e7;
	overflow: hidden;
	position: absolute;
	top: 4.4149rem;
	left: 34.58616rem;
	bottom: 0;
	right: 0;
	z-index: 2
}

@media only screen and (max-width:1070px) {
	.content-wrapper {
		top: 10rem;
	}
}


.page-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform .8s;
	transition: transform .8s
}

.page-wrapper:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	background: rgba(0, 0, 0, 0);
	visibility: hidden;
	-webkit-transition: background .4s, visibility .4s;
	transition: background .4s, visibility .4s
}

.page-wrapper .init-frame {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 3;
	opacity: 1;
	-webkit-transition: opacity 0.4s;
	transition: opacity .4s
}

.page-wrapper.started .init-frame {
	opacity: 0
}

.p-base {
	font-size: 16px;
	line-height: 23px;
	color: #353535;
	font-weight: 400;
	overflow: hidden;
	margin: 3% 0 1% 0;
	padding: 0 5% 0 5%
}

.p-base .inner {
	position: relative
}

.p-base .ps-scrollbar-y-rail {
	right: 3% !important
}

.p-base ul:not(.simple) {
	margin: 0;
	padding: 0;
	list-style: none
}

.p-base ul:not(.simple) li {
	padding-left: 10px;
	position: relative
}

.p-base ul:not(.simple) li:before {
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background: #374b72;
	position: absolute;
	left: 0;
	top: 11px
}

.p-base ul:not(.simple) ul li:before {
	display: none
}

.submenu-open .main-submenu-wrapper.current {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.submenu-open .page-wrapper {
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%)
}

.submenu-open .page-wrapper:before {
	visibility: visible;
	background: rgba(0, 0, 0, 0.6)
}

.timeline {
	width: 95px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 4.4149rem;
	bottom: 0;
	z-index: 4
}

.timeline .inner {
	position: relative
}

.timeline .scroll-wrapper {
	overflow: hidden;
	background: #1a2749;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	left: 0
}

.timeline .year {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 47px;
	width: 100%;
	height: 47px;
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	position: relative;
	z-index: 2
}

.timeline .year:hover {
	background: #294283
}

.timeline .year.current {
	font-weight: bold
}

.timeline .selection {
	background: #294283;
	position: absolute;
	top: -47px;
	left: 0;
	z-index: 1;
	-webkit-transition: top 0.4s;
	transition: top .4s
}

.timeline.out {
	visibility: hidden
}

.timeline.out .scroll-wrapper {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%)
}

.timeline.out.animate .scroll-wrapper {
	-webkit-transition: 0.4s;
	transition: .4s
}

.timeline.out.open {
	visibility: visible
}

.timeline.out.open .scroll-wrapper {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.submenu-items .item,
.services-submenu-items .item,
.border-items .item {
	text-align: center;
	text-decoration: none;
	display: block
}

@media only screen and (max-width: 1070px) {
.submenu-items .item,
.services-submenu-items .item,
.border-items .item {
    display: contents
}
}

.submenu-items .item .name,
.services-submenu-items .item .name,
.border-items .item .name {
	font-size: 1.4994rem;
	line-height: 1.9159rem;
	font-weight: 700;
	color: #3d3d3d;
	display: block;
	margin: 1.666rem auto 0 auto;
	padding-bottom: 11px;
	position: relative
}

@media only screen and (max-width: 1070px) {
.submenu-items .item .name,
.services-submenu-items .item .name,
.border-items .item .name {
    font-size: 2.5rem
}
.submenu-items .item .name {
    max-width: none
}
}


.submenu-items .item .name:before,
.services-submenu-items .item .name:before,
.border-items .item .name:before,
.submenu-items .item .name:after,
.services-submenu-items .item .name:after,
.border-items .item .name:after {
	content: '';
	width: 128px;
	height: 4px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -64px;
	-webkit-backface-visibility: hidden
}

.submenu-items .item .name:before,
.services-submenu-items .item .name:before,
.border-items .item .name:before {
	background: #c3c6cb
}

.submenu-items .item .name:after,
.services-submenu-items .item .name:after,
.border-items .item .name:after {
	width: 0;
	background: #2855a0;
	-webkit-transition: width 0.3s;
	transition: width .3s
}

.submenu-items .item:hover .name:after,
.services-submenu-items .item:hover .name:after,
.border-items .item:hover .name:after,
.submenu-items .item.active .name:after,
.services-submenu-items .item.active .name:after,
.border-items .item.active .name:after {
	width: 128px
}

.toggle-more {
	width: 100%;
	height: 100%;
	border: 2px solid #fff;
	border-radius: 100%;
	display: block;
	text-decoration: none;
	position: relative
}

.toggle-more:before,
.toggle-more:after {
	content: '';
	background: #fff;
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transition: 0.2s;
	transition: .2s
}

.toggle-more:before {
	width: 18px;
	height: 2px;
	margin: -1px 0 0 -9px
}

.toggle-more:after {
	width: 2px;
	height: 18px;
	margin: -9px 0 0 -1px
}

.toggle-more:hover {
	background: #294283
}

.toggle-more.open {
	border-color: #fff
}

.toggle-more.open:before,
.toggle-more.open:after {
	background: #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.toggle-more.open:hover {
	background: transparent
}

.toggle-more-desc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #fff;
	width: 740px;
	background: rgba(13, 13, 18, 0);
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 4;
	visibility: hidden;
	overflow: hidden;
	-webkit-transform: scale(.01);
	-ms-transform: scale(.01);
	transform: scale(.01);
	-webkit-transition: 0.4s;
	transition: .4s;
	-webkit-transform-origin: 75px 87px;
	-ms-transform-origin: 75px 87px;
	transform-origin: 75px 87px
}

.toggle-more-desc .scroll-wrapper {
	opacity: 0;
	overflow: hidden;
	padding-right: 40px;
	position: absolute;
	-webkit-transition: none;
	transition: none
}

.toggle-more-desc.open {
	background: rgba(13, 13, 18, 0.76);
	visibility: visible;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.toggle-more-desc.open .scroll-wrapper {
	opacity: 1;
	-webkit-transition: opacity 0.3s 0.3s;
	transition: opacity .3s .3s
}

.YTPOverlay.raster {
	background-image: url('../img/raster.png')
}

.YTPOverlay.raster.retina {
	background-image: url('../img/raster@2x.png')
}

.mp-animate-init .main-nav-wrapper {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%)
}

.mp-animate-init .main-submenu-wrapper {
	visibility: hidden
}

.mp-animate-init .top-nav {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%)
}

.mp-animate-init .content-wrapper {
	top: 0
}

.mp-animate-init .page-wrapper {
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: none;
	transition: none
}

.mp-animate-init .product-name,
.mp-animate-init .product-label {
	opacity: 0
}

.mp-animate-init .product-name {
	-webkit-transform: translateX(20%);
	-ms-transform: translateX(20%);
	transform: translateX(20%)
}

.mp-animate-init .product-label {
	-webkit-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%)
}

.mp-animate-start .main-nav-wrapper {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: 0.6s;
	transition: .6s
}

.mp-animate-start .top-nav {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: 0.4s 5.4s;
	transition: .4s 5.4s
}

.mp-animate-start .content-wrapper {
	top: 4.4149rem;
	-webkit-transition: 0.4s 5.4s;
	transition: .4s 5.4s
}

.mp-animate-start .page-wrapper {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: 0.8s 0.5s;
	transition: .8s .5s
}

.mp-animate-start .product-name,
.mp-animate-start .product-label {
	opacity: 1;
	-webkit-transition: 0.8s;
	transition: .8s
}

.mp-animate-start .product-name {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition-delay: 4s;
	transition-delay: 4s
}

.mp-animate-start .product-label {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 4.4s;
	transition-delay: 4.4s
}

.p-products {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%
}

.p-products-name-wrapper {
	line-height: 57px;
	color: #fff;
	position: absolute;
	top: 65px;
	left: 125px;
	z-index: 5
}

.p-products-name-wrapper .product-name {
	font-size: 70px;
	font-weight: 700;
	text-transform: uppercase
}

.p-products-name-wrapper .product-label {
	font-size: 26px;
	font-weight: 300
}

.p-products-name-wrapper .product-more-wrapper {
	width: 44px;
	height: 44px;
	position: absolute;
	top: 2px;
	left: -72px
}

.p-products-name-wrapper .product-more {
	-webkit-transition: background .3s, border-color .2s;
	transition: background .3s, border-color .2s
}

.p-products-name-wrapper .product-more:hover {
	border-color: #354e8b
}

.p-products-desc-wrapper .scroll-wrapper {
	top: 205px;
	right: 95px;
	bottom: 65px;
	left: 125px
}

.p-products-desc-wrapper .desc {
	padding-bottom: 24px;
	margin-bottom: 39px;
	position: relative
}

.p-products-desc-wrapper .desc:before {
	content: '';
	height: 3px;
	width: 100%;
	background: #425a98;
	position: absolute;
	bottom: 0;
	left: 0
}

.p-products-desc-wrapper .spec-wrapper {
	margin-bottom: 30px
}

.p-products-desc-wrapper .spec-row {
	border-bottom: 1px solid rgba(75, 76, 83, 0.8);
	padding-bottom: 7px;
	padding-top: 5px
}

.p-products-desc-wrapper .spec-row:last-child {
	border-bottom: 0
}

.p-products-desc-wrapper .spec-row .fl {
	width: 340px
}

.p-products-desc-wrapper .spec-row .fr {
	width: 135px
}

.p-products-desc-wrapper .sub-row {
	width: 440px;
	float: right
}

.p-products-desc-wrapper .sub-row .fl {
	width: 300px
}

@media only screen and (max-height:1010px) {
	.p-products-name-wrapper {
		top: 45px
	}
	.p-products-desc-wrapper .scroll-wrapper {
		top: 300px;
		bottom: 25px
	}
}

@media only screen and (max-height:940px) {
	.p-products-name-wrapper {
		top: 35px
	}
	.p-products-desc-wrapper .scroll-wrapper {
		top: 155px
	}
	.p-products-desc-wrapper .desc {
		padding-bottom: 14px;
		margin-bottom: 19px
	}
	.p-products-desc-wrapper .spec-wrapper {
		margin-bottom: 15px
	}
}

.p-products-desc-backdrop {
	background: transparent;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	visibility: hidden
}

body.more-desc-open .p-products-desc-backdrop {
	visibility: visible
}

.p-products-previews-wrapper {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 6.664rem;
	z-index: 2;
	font-size: 0
}

.p-products-previews-wrapper .product-preview {
	width: 134px;
	height: 101px;
	display: inline-block;
	text-decoration: none;
	margin-right: 1px;
	position: relative;
	overflow: hidden
}

.p-products-previews-wrapper .product-preview:before,
.p-products-previews-wrapper .product-preview:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.p-products-previews-wrapper .product-preview:before {
	background: rgba(27, 34, 53, 0);
	z-index: 2;
	-webkit-transition: background 0.3s;
	transition: background .3s
}

.p-products-previews-wrapper .product-preview:after {
	box-sizing: border-box;
	z-index: 3
}

.p-products-previews-wrapper .product-preview:hover:before {
	background: rgba(27, 34, 53, 0.25)
}

.p-products-previews-wrapper .product-preview:active:after,
.p-products-previews-wrapper .product-preview.active:after {
	border: 3px solid #fff
}

.p-products-previews-wrapper .product-preview .action {
	width: 45px;
	height: 45px;
	display: block;
	box-shadow: -2px 3px 21px rgba(0, 0, 0, 0.1);
	margin: -22.5px;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 4
}

.p-products-previews-wrapper .product-preview .action span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 45px;
	text-align: center;
	color: #000;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background: #fff;
	display: block;
	position: relative;
	z-index: 2
}

.p-products-previews-wrapper .product-preview .action:before {
	content: '';
	width: 96px;
	height: 44px;
	background: rgba(0, 0, 0, 0.18);
	-webkit-transform: rotate(-37deg);
	-ms-transform: rotate(-37deg);
	transform: rotate(-37deg);
	position: absolute;
	left: -64px;
	top: 30px;
	z-index: 1
}

.p-products-previews-wrapper .product-preview .action .play {
	display: inline-block;
	border-left: 8px solid #2d4175;
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	margin-left: 3px
}

.p-products-previews-wrapper .product-preview img {
	max-width: 100%;
	position: relative;
	z-index: 1
}

.p-products-stack {
	display: none
}

.p-products-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	opacity: 1;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	-webkit-transition: 0.3s;
	transition: .3s
}

.p-products-bg.bg-out {
	opacity: 0;
	-webkit-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2)
}

.p-products-bg:before {
	content: '';
	width: 100%;
	height: 17.493rem;
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
	position: absolute;
	left: 0;
	top: 0
}

.p-products-bg .video-poster,
.p-products-bg video {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

.p-products-bg video {
	display: block;
	width: auto;
	height: auto;
	min-height: 100%;
	min-width: 100%
}

.services-tabs {
	margin-bottom: 30px !important
}

.fw-wrapper {
	background: #f1f3f6;
	margin: 0 -6%;
	padding-left: 6%;
	padding-right: 6%
}

.x2-col-row {
	padding: 2.9155rem 0;
	position: relative
}

.x2-col-row .stripe {
	width: 2px;
	background: #dce1e7;
	position: absolute;
	left: 50%;
	top: 2.9155rem;
	bottom: 2.9155rem;
	margin-left: -1px
}

.x2-col-row .col {
	width: 42%
}

.x2-col-row .title {
	font-size: 20px;
	line-height: 22px;
	color: #374b72;
	font-weight: 700;
	margin-bottom: 1.666rem
}

.tech-table {
	font-size: 15px;
	line-height: 22px;
	font-weight: 400;
	color: #161616;
	width: 100%
}

.tech-table td {
	width: 50%;
	vertical-align: top;
	border-top: 1px solid #cccfd3;
	padding: 8px 10px 8px 0
}

.tech-table td:last-child {
	border-left: 1px solid #cccfd3;
	padding-left: 25px
}

.tech-table tr:last-child td {
	padding-bottom: 24px
}

.article-mark {
	font-size: 20px;
	line-height: 22px;
	color: #191919;
	font-weight: 700;
	padding-top: 1.8326rem;
	margin-top: 5.5811rem;
	position: relative
}

.article-mark:before {
	content: '';
	width: 150px;
	height: 2px;
	background: #21366c;
	position: absolute;
	top: 0;
	left: 0
}

.no-flexbox .services-row {
	margin-left: -35px;
	margin-right: -35px
}

.no-flexbox .services-row .item {
	margin-left: 35px;
	margin-right: 35px
}

@media only screen and (max-width:1200px) {
	.no-flexbox .services-row {
		margin-left: -15px;
		margin-right: -15px
	}
	.no-flexbox .services-row .item {
		margin-left: 15px;
		margin-right: 15px
	}
}

.services-submenu-items .item-wrapper {
	width: 33%;
	margin-top: 28px;
	margin-bottom: 27px
}

.services-submenu-items .item {
	width: 240px;
	position: relative;
	text-align: left;
	margin: 0 auto
}

.services-submenu-items .preview {
	width: 165px;
	height: 165px;
	display: block;
	border: 3px solid #fff;
	box-sizing: border-box;
	background: #d0d1d5;
	border-radius: 100%;
	margin: 0 auto;
	position: relative;
	-webkit-transition: border-color 0.3s;
	transition: border-color .3s
}

.services-submenu-items .preview img {
	width: 159px;
	height: 159px;
	border-radius: 100%;
	position: absolute;
	top: 0
}

.services-submenu-items .preview .fg-img {
	opacity: 1;
	z-index: 2;
	-webkit-transition: opacity 0.3s;
	transition: opacity .3s
}

.services-submenu-items .preview .bg-img {
	z-index: 1
}

.services-submenu-items .name {
	text-align: center;
	width: 100%;
	padding: 22px 0 18px 0
}

.services-submenu-items .item:hover .preview,
.services-submenu-items .item.active .preview {
	border-color: #2855a0
}

.services-submenu-items .item:hover .preview .fg-img,
.services-submenu-items .item.active .preview .fg-img {
	opacity: 0
}

.services-submenu-items .item:hover .action,
.services-submenu-items .item.active .action {
	background: #fff
}

@media only screen and (max-height:1020px) {
	.services-submenu-items .item-wrapper {
		margin-top: 20px;
		margin-bottom: 20px
	}
}

@media only screen and (max-height:970px) {
	.services-submenu-items .item-wrapper {
		margin-bottom: 15px
	}
	.services-submenu-items .name {
		padding-top: 10px;
		padding-bottom: 15px
	}
}

@media only screen and (max-height:900px) {
	.services-submenu-items .item-wrapper {
		margin-top: 10px;
		margin-bottom: 5px
	}
}

@media only screen and (max-width:1100px) {
	.services-submenu-items .item-wrapper {
		width: 50%
	}
}

.p-about {
	background: #dce1e7;
	overflow: hidden;
	right: 95px
}

.p-about .intro-img {
	max-width: 100%;
	margin-bottom: 30px
}

.p-about .inner {
	position: relative
}

.about-timeline {
	top: 0 !important
}

.about-item {
	font-family: Arial, Helvetica, sans-serif;
	padding: 28px 60px 60px 89px;
	box-sizing: border-box;
	position: relative
}

.about-item:before {
	content: '';
	width: 1px;
	height: 100%;
	background: #b0b0b0;
	position: absolute;
	top: 0;
	left: 42px
}

.about-item .year {
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 22px;
	line-height: 1;
	font-weight: 300;
	color: #828282;
	position: absolute;
	top: -11px;
	left: 89px
}

.about-item .year:before,
.about-item .year:after {
	content: '';
	background: #b0b0b0;
	position: absolute
}

.about-item .year:before {
	width: 27px;
	height: 1px;
	top: 11px;
	left: -47px
}

.about-item .year:after {
	width: 5px;
	height: 5px;
	border-radius: 100%;
	top: 9px;
	left: -20px
}

.about-item h1 {
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 50px;
	line-height: 54px;
	font-weight: 700
}

.about-item .sub-title {
	font-size: 26px;
	line-height: 33px
}

.about-item p {
	font-size: 16px;
	line-height: 22px;
	color: #353535;
	margin-top: 17px
}

.about-item .img-left {
	float: left;
	margin: 0 15px 5px 0
}

.about-item .img-right {
	float: right;
	margin: 0 0 5px 15px
}

@media only screen and (max-width:1895px) {
	.about-item h1 {
		font-size: 38px;
		line-height: 42px
	}
	.about-item .sub-title {
		font-size: 20px;
		line-height: 27px
	}
}

.p-about-2 {
	background: #f0f0f1;
	overflow: hidden
}

.p-about-2 .inner {
	position: relative;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 3%
}

.p-about-2 p {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: .9163rem
}

.pa-title {
	font-size: 4.165rem;
	line-height: 4.4982rem;
	font-weight: 700;
	margin-bottom: .5831rem
}

.pa-subtitle {
	font-size: 2.3324rem;
	line-height: 4.2483rem;
	font-weight: normal;
	margin-bottom: .6664rem
}

.h-slider {
	margin-bottom: 3.0821rem;
	position: relative
}

.h-slider-list {
	width: 100%;
	height: 100%;
	position: relative
}

.h-slider-list li {
	width: 100%;
	height: 100%;
	background: red;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .6s, visibility .6s;
	transition: opacity .6s, visibility .6s
}

.h-slider-list li.active {
	opacity: 1;
	visibility: visible
}

.h-slider-list li:first-child {
	position: relative
}

.h-slider-list img {
	max-width: 100%
}

.h-slider-nav {
	*zoom: 1;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: -27px;
	left: 0
}

.h-slider-nav:before,
.h-slider-nav:after {
	display: table;
	content: "";
	line-height: 0
}

.h-slider-nav:after {
	clear: both
}

.h-slider-nav .fl {
	float: left
}

.h-slider-nav .fl.pull-right {
	float: right
}

.h-slider-nav .fr {
	float: right
}

.h-slider-nav li {
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #a2aecd;
	cursor: pointer;
	display: inline-block;
	margin-left: 6px;
	margin-right: 6px;
	position: relative;
	-webkit-transition: background .3s;
	transition: background .3s
}

.h-slider-nav li.active {
	background: #4962a3
}

.gallery-wrapper {
	right: 150px !important
}

.gallery-wrapper .submenu-title {
	margin-bottom: 2.1658rem
}

.album-wrapper {
	right: 0 !important;
	padding-right: 120px !important;
	padding-left: 5% !important
}

.album-wrapper .submenu-title {
	margin-bottom: 2.1658rem
}

.album-wrapper .ps-scrollbar-y-rail {
	right: 120px !important
}

.albums-list-wrapper {
	margin-top: -4%;
	margin-right: -120px !important;
	padding-top: 4%;
	margin-left: -5% !important;
	padding-left: 5% !important;
	padding-right: 120px !important;
	padding-bottom: 2.9988rem;
	box-sizing: border-box;
	position: relative
}

.albums-list-wrapper:before {
	content: '';
	background: #f0f0f1;
	width: 110%;
	height: 100%;
	position: absolute;
	left: -5%;
	top: 0;
	z-index: -1
}

.album-list li {
	width: 30%;
	display: block;
	position: relative;
	text-decoration: none;
	margin-bottom: 1.4994rem;
	margin-right: 3%;
	cursor: pointer;
	float: left
}

@media only screen and (max-width: 1070px) {
    .album-list li {
	     display: contents;
}
}


.album-list li:nth-child(3n) {
	margin-right: 0
}

.album-list .item {
	width: 100%;
	display: block;
	position: relative
}

.album-list .item:before {
	content: '';
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 0 solid #2855a0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-transition: border-width .3s;
	transition: border-width .3s
}

.album-list .action {
	width: 6.664rem;
	height: 6.664rem;
	border-radius: 100%;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: -2px 3px 21px rgba(0, 0, 0, 0.1);
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -3.332rem 0 0 -3.332rem;
	-webkit-transition: background 0.3s;
	transition: background .3s;
	z-index: 5
}

.album-list .action .play {
	display: inline-block;
	border-left: 1.4994rem solid #2d4175;
	border-bottom: 1.2495rem solid transparent;
	border-top: 1.2495rem solid transparent;
	margin-left: .2499rem;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -1.2495rem;
	margin-left: -0.4165rem
}

.album-list .thumb {
	width: 100%;
	display: block;
	z-index: 2
}

.album-list .name {
	font-size: 1.3328rem;
	font-weight: 500;
	line-height: 1;
	color: #fff;
	text-align: center;
	height: 4.6648rem;
	background-color: rgba(23, 72, 152, 0.85);
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 3;
	-webkit-transition: background .3s;
	transition: background .3s
}

@media only screen and (max-width: 1070px) {
    .album-list .name {
    font-size: 3rem;
	height: 10rem;
}
}


.album-list .name .table {
	width: 100%;
	height: 100%
}

.album-list .name .tc {
	vertical-align: middle
}

.album-list .item:hover:before {
	border-width: 4px
}

.album-list .item:hover .name {
	background-color: #174898
}

.album-show-more {
	padding-right: 2.499rem;
	box-sizing: border-box
}

.album-show-more .btn {
	font-size: 1.3328rem;
	line-height: 4.6648rem;
	width: 100%;
	height: 4.6648rem;
	border-radius: 4px
}

.album-show-more .btn .state-2 {
	display: none
}

.album-show-more .btn.open .state-1 {
	display: none
}

.album-show-more .btn.open .state-2 {
	display: block
}

.album-year-title {
	font-size: 1.9992rem;
	line-height: 1;
	font-weight: 300;
	color: #353535;
	margin-top: 2.8322rem;
	margin-bottom: .833rem
}

.album-content {
	margin-left: -1.4994rem !important;
	padding-right: 1.4994rem !important
}

.album-content+.album-year-title {
	margin-top: 1.9992rem
}

.album-content .item {
	width: 20%;
	display: block;
	float: left;
	padding-left: 1.4994rem;
	padding-right: 1.4994rem;
	margin-bottom: 1.4994rem;
	margin-top: 1.4994rem;
	cursor: pointer;
	position: relative;
	box-sizing: border-box
}

.album-content .thumb {
	width: 100%;
	height: 100%;
	display: block;
	z-index: 1;
	border: 3px solid #fff;
	box-sizing: border-box
}

.album-back {
	font-size: 24px;
	line-height: 1;
	font-weight: 300;
	color: #21486c;
	text-decoration: none;
	margin-top: -2.499rem;
	margin-bottom: .9996rem;
	display: block
}

.album-back:hover {
	text-decoration: underline
}

.p-contacts .map-wrapper {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1
}

.contacts-block {
	width: 539px;
	background: #dce1e7;
	box-shadow: 4px 0 20px rgba(0, 0, 0, 0.17);
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 2;
	-webkit-transition: 0.8s;
	transition: .8s
}

@media only screen and (max-width: 1070px) {
.contacts-block {
    max-width: 100% !important;
	width: 100%
}
}



.contacts-block .scroll-wrapper {
	overflow: hidden;
	box-sizing: border-box;
	padding-right: 30px;
	position: absolute;
	top: 52px;
	right: 50px;
	bottom: 30px;
	left: 55px
}

.contacts-block .submenu-title {
	margin-bottom: 65px;
	-webkit-transform: translateX(20%);
	-ms-transform: translateX(20%);
	transform: translateX(20%);
	opacity: 0;
	-webkit-transition: 0.6s;
	transition: .6s;
	-webkit-transition-delay: 0;
	transition-delay: 0
}

.contacts-item {
	cursor: pointer;
	margin-bottom: 70px
}

.contacts-item:nth-child(2),
.contacts-item:nth-child(3),
.contacts-item:nth-child(4) {
	-webkit-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%);
	opacity: 0;
	-webkit-transition: 0.6s;
	transition: .6s
}

.contacts-item:nth-child(4) {
	margin-bottom: 25px
}

.contacts-item .stripe {
	width: 100%;
	height: 4px;
	position: relative
}

.contacts-item .stripe:before,
.contacts-item .stripe:after {
	content: '';
	height: 4px;
	position: absolute;
	bottom: 0;
	left: 0
}

.contacts-item .stripe:before {
	background: #c3c6cb;
	width: 100%
}

.contacts-item .stripe:after {
	background: #2855a0;
	width: 0;
	-webkit-transition: width 0.4s;
	transition: width .4s
}

.contacts-item .name {
	font-size: 15px;
	line-height: 19px;
	font-weight: 300;
	margin-bottom: 15px;
	position: relative;
	-webkit-transition: color .3s;
	transition: color .3s
}

.contacts-item .name strong {
	font-weight: 500;
	display: block;
	margin-bottom: 6px
}

.contacts-item .info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 17px
}

.contacts-item .info a {
	color: #232323;
	text-decoration: none
}

.contacts-item .info a:hover {
	text-decoration: underline
}

.contacts-item .info i {
	color: #c3c6cb;
	width: 17px;
	text-align: center;
	margin-right: 9px;
	-webkit-transition: color 0.3s;
	transition: color .3s
}

.contacts-item .pin-icon {
	font-size: 20px
}

.contacts-item .phone-icon {
	font-size: 22px
}

.contacts-item .mail-icon {
	font-size: 13px
}

.contacts-item:hover .name {
	text-decoration: underline;
	color: #2855a0
}

.contacts-item.active .stripe:after {
	width: 100%
}

.contacts-item.active .info i {
	color: #2855a0
}

.contacts-block.show-block {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.contacts-block.show-block .submenu-title {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-webkit-transition-delay: .6s;
	transition-delay: .6s
}

.contacts-block.show-block .contacts-item:nth-child(2),
.contacts-block.show-block .contacts-item:nth-child(3),
.contacts-block.show-block .contacts-item:nth-child(4) {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}

.contacts-block.show-block .contacts-item:nth-child(2) {
	-webkit-transition-delay: .7s;
	transition-delay: .7s
}

.contacts-block.show-block .contacts-item:nth-child(3) {
	-webkit-transition-delay: .9s;
	transition-delay: .9s
}

.contacts-block.show-block .contacts-item:nth-child(4) {
	-webkit-transition-delay: 1.1s;
	transition-delay: 1.1s
}

.contacts-block.scale-block {
	opacity: .8;
	-webkit-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8)
}

@media only screen and (max-height:965px) {
	.contacts-block .scroll-wrapper {
		top: 22px;
		bottom: 12px
	}
	.contacts-block .submenu-title {
		margin-bottom: 35px
	}
}

@media only screen and (max-height:880px) {
	.contacts-block .submenu-title {
		margin-bottom: 20px
	}
	.contacts-item {
		margin-bottom: 35px
	}
}

.p-news .inner {
	min-height: 100%
}

.news-row {
	padding-top: 40px;
	position: absolute;
	left: 0;
	right: 0;
	top: 2.9155rem;
	bottom: 0
}

.news-col .news-item {
	border-bottom: 1px solid #c3c6cb
}

.news-col .news-item:last-child {
	border: 0;
	margin: 0;
	padding: 0
}

.news-col .title {
	font-weight: 700;
	color: #000;
	text-decoration: none;
	display: block
}

.news-col p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px
}

@media only screen and (max-width:1440px) {
	.news-col p {
		font-size: 14px;
		line-height: 19px
	}
}

.news-col.left-col {
	width: 46%
}

.news-col.left-col .news-item {
	padding-bottom: 3.7485rem;
	margin-bottom: 3.7485rem
}

.news-col.left-col .intro-img {
	width: 100%;
	margin-bottom: 2.499rem
}

.news-col.left-col .title {
	font-size: 2.3324rem;
	line-height: 2.499rem;
	margin-bottom: 2.2491rem
}

.news-col.right-col {
	width: 50%;
	overflow: hidden;
	padding-right: 30px;
	position: absolute;
	right: -30px;
	bottom: 9%;
	top: 40px
}

.news-col.right-col .ps-scrollbar-y-rail {
	right: 0 !important
}

.news-col.right-col .news-item {
	padding-bottom: 1.9992rem;
	margin-bottom: 2.1658rem
}

.news-col.right-col .news-item .fl {
	width: 29%
}

.news-col.right-col .news-item .fr {
	width: 66%
}

.news-col.right-col .title {
	font-size: 1.7493rem;
	line-height: 1.9992rem;
	margin-bottom: 1.666rem
}

@media only screen and (max-width:1440px) {
	.news-col.right-col .title {
		margin-bottom: .833rem
	}
}

.news-pagination {
	width: 50%;
	text-align: center;
	position: absolute;
	right: 0;
	bottom: 5%
}

.news-pagination li {
	display: inline-block;
	margin: 0 3%
}

.news-pagination li,
.news-pagination a {
	font-size: 18px;
	line-height: 1;
	color: #444;
	text-decoration: none
}

.news-pagination li.active,
.news-pagination a.active {
	color: #21366c;
	font-weight: 700
}

.news-photo-col {
	width: 41%
}

.news-photo-col .main-img {
	width: 100%
}

.news-photo-col .thumb-img {
	width: 20%;
	margin: .833rem .9996rem .833rem 0
}

.news-desc-col {
	width: 56%;
	box-sizing: border-box;
	padding-right: 6%;
	position: absolute;
	right: -3%;
	top: 40px;
	bottom: 0;
	overflow: hidden
}

.news-desc-col .title {
	font-size: 2.499rem;
	line-height: 1;
	margin-bottom: 2.6656rem;
	font-weight: 700
}

.news-desc-col p {
	line-height: 22px;
	margin-bottom: 20px
}

@media only screen and (max-width:1300px) {
	.news-desc-col p {
		font-size: 15px;
		line-height: 20px
	}
}

.title-tabs-row .page-title {
	margin-right: 45px
}

.toggle-link {
	width: 100%;
	max-width: 860px;
	height: 45px;
	margin-left: -15px;
	overflow: hidden;
	-webkit-backface-visibility: hidden
}

.toggle-link .title {
	font-size: 18px;
	line-height: 45px;
	color: #21366c;
	font-weight: 500;
	width: 100%;
	height: 45px;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 0 15px;
	cursor: pointer;
	position: relative;
	-webkit-transition: background 0.2s;
	transition: background .2s
}

.toggle-link .title span {
	border-bottom: 1px dashed #606060
}

.toggle-link .title:before {
	content: '';
	display: inline-block;
	border-top: 7px solid #294283;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	position: absolute;
	top: 19px;
	right: 15px;
	opacity: 0;
	-webkit-transition: -webkit-transform .2s, opacity .2s;
	transition: transform .2s, opacity .2s;
	-webkit-backface-visibility: hidden
}

.toggle-link .title:hover {
	background: #e9ecf0
}

.toggle-link .title:hover:before {
	opacity: 1
}

.toggle-link .content {
	width: 100%;
	border-radius: 0 0 4px 4px;
	background: rgba(241, 243, 246, 0.4);
	padding: 19px 14px;
	margin-top: -2px;
	opacity: 0;
	-webkit-transition: opacity 0.2s;
	transition: opacity .2s
}

.toggle-link .content p {
	font-size: 16px;
	line-height: 24px;
	color: #171717;
	font-weight: 400;
	margin-bottom: 12px
}

.toggle-link .content p b {
	font-weight: 700
}

.toggle-link.opened {
	height: auto
}

.toggle-link.opened .title {
	background: #f1f3f5
}

.toggle-link.opened .title:before {
	opacity: 1;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.toggle-link.opened .content {
	opacity: 1
}

.partners-grid {
	width: 100%;
	text-align: center;
	margin-left: -2.499rem
}

.partners-grid .item {
	width: 206px;
	height: 185px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 0 2.499rem 5.831rem 2.499rem
}

.partners-grid .item .img-wrapper {
	height: 127px;
	display: block;
	position: relative
}

.partners-grid .item .img-wrapper img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

@media only screen and (max-width:1280px) {
	.partners-grid {
		margin-left: -0.3332rem
	}
	.partners-grid .item {
		margin-left: .3332rem;
		margin-right: .3332rem
	}
}

.intro-title {
	font-size: 2.499rem;
	line-height: 2.6656rem;
	color: #2f2f2f;
	font-weight: 700;
	margin-bottom: 3.332rem
}

.achievs-intro>.fl {
	width: 46%
}

.achievs-intro>.fr {
	width: 49%
}

.achievs-intro .medal {
	margin-right: 1.666rem
}

@media only screen and (max-width:1510px) {
	.achievs-intro {
		font-size: 15px;
		line-height: 20px
	}
}

.achievs-grid {
	margin-left: -2.499rem !important;
	margin-right: -2.499rem !important
}

.achievs-grid .item {
	float: left;
	margin: 4.165rem 2.499rem 0 2.499rem;
	cursor: pointer
}

.achievs-grid img {
	width: 232px;
	height: 306px
}

.achievs-grid .frame-img {
	width: 169px;
	height: 244px;
	border: 32px solid transparent;
	border-image: url('../img/frame.png') 32 stretch
}

@media only screen and (max-width:1700px) {
	.achievs-grid {
		margin-left: -2.9155rem !important;
		margin-right: -2.9155rem !important
	}
	.achievs-grid .item {
		margin-left: 2.9155rem !important;
		margin-right: 2.9155rem !important
	}
}

@media only screen and (max-width:1500px) {
	.achievs-grid {
		margin-left: -1.2495rem !important;
		margin-right: -1.2495rem !important
	}
	.achievs-grid .item {
		margin-left: 1.2495rem !important;
		margin-right: 1.2495rem !important
	}
}

@media only screen and (max-width:1370px) {
	.achievs-grid {
		margin-left: -4.5815rem !important;
		margin-right: -4.5815rem !important
	}
	.achievs-grid .item {
		margin-left: 4.5815rem !important;
		margin-right: 4.5815rem !important
	}
}


/*# sourceMappingURL=tmpl.css.map */