.fade {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	transition: opacity .15s linear
}
.fade.in {
	opacity: 1
}
@font-face {
	font-family: 'Avenir Next';
	src: url('/fonts/avenir/AvenirNextCyr-UltraLight.eot');
	src: url('/fonts/avenir/AvenirNextCyr-UltraLight.woff') format('woff'), url('/fonts/avenir/AvenirNextCyr-UltraLight.ttf') format('truetype'), url('/fonts/avenir/AvenirNextCyr-UltraLight.svg') format('svg');
	font-weight: 100;
	font-style: normal
}
@font-face {
	font-family: 'Avenir Next';
	src: url('/fonts/avenir/AvenirNextCyr-UltraLightIt.eot');
	src: url('/fonts/avenir/AvenirNextCyr-UltraLightIt.woff') format('woff'), url('/fonts/avenir/AvenirNextCyr-UltraLightIt.ttf') format('truetype'), url('/fonts/avenir/AvenirNextCyr-UltraLightIt.svg') format('svg');
	font-weight: 100;
	font-style: italic
}
@font-face {
	font-family: 'Avenir Next';
	src: url('/fonts/avenir/AvenirNextCyr-Light.eot');
	src: url('/fonts/avenir/AvenirNextCyr-Light.woff') format('woff'), url('/fonts/avenir/AvenirNextCyr-Light.ttf') format('truetype'), url('/fonts/avenir/AvenirNextCyr-Light.svg') format('svg');
	font-weight: 200;
	font-style: normal
}
@font-face {
	font-family: 'Avenir Next';
	src: url('/fonts/avenir/AvenirNextCyr-LightItalic.eot');
	src: url('/fonts/avenir/AvenirNextCyr-LightItalic.woff') format('woff'), url('/fonts/avenir/AvenirNextCyr-LightItalic.ttf') format('truetype'), url('/fonts/avenir/AvenirNextCyr-LightItalic.svg') format('svg');
	font-weight: 200;
	font-style: italic
}
@font-face {
	font-family: 'Avenir Next';
	src: url('/fonts/avenir/AvenirNextCyr-Regular.eot');
	src: url('/fonts/avenir/AvenirNextCyr-Regular.woff') format('woff'), url('/fonts/avenir/AvenirNextCyr-Regular.ttf') format('truetype'), url('/fonts/avenir/AvenirNextCyr-Regular.svg') format('svg');
	font-weight: 300;
	font-style: normal
}
@font-face {
	font-family: 'Avenir Next';
	src: url('/fonts/avenir/AvenirNextCyr-Medium.eot');
	src: url('/fonts/avenir/AvenirNextCyr-Medium.woff') format('woff'), url('/fonts/avenir/AvenirNextCyr-Medium.ttf') format('truetype'), url('/fonts/avenir/AvenirNextCyr-Medium.svg') format('svg');
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: 'Avenir Next';
	src: url('/fonts/avenir/AvenirNextCyr-MediumItalic.eot');
	src: url('/fonts/avenir/AvenirNextCyr-MediumItalic.woff') format('woff'), url('/fonts/avenir/AvenirNextCyr-MediumItalic.ttf') format('truetype'), url('/fonts/avenir/AvenirNextCyr-MediumItalic.svg') format('svg');
	font-weight: 400;
	font-style: italic
}
@font-face {
	font-family: 'Avenir Next';
	src: url('/fonts/avenir/AvenirNextCyr-Bold.eot');
	src: url('/fonts/avenir/AvenirNextCyr-Bold.woff') format('woff'), url('/fonts/avenir/AvenirNextCyr-Bold.ttf') format('truetype'), url('/fonts/avenir/AvenirNextCyr-Bold.svg') format('svg');
	font-weight: 600;
	font-style: normal
}
@font-face {
	font-family: 'Avenir Next';
	src: url('/fonts/avenir/AvenirNextCyr-BoldItalic.eot');
	src: url('/fonts/avenir/AvenirNextCyr-BoldItalic.woff') format('woff'), url('/fonts/avenir/AvenirNextCyr-BoldItalic.ttf') format('truetype'), url('/fonts/avenir/AvenirNextCyr-BoldItalic.svg') format('svg');
	font-weight: 600;
	font-style: italic
}
ul {
	padding: 0
}
ul li {
	list-style-type: none
}
q, q:lang(ru) {
	quotes: "\00AB" "\00BB" "\201E" "\201C"
}
q:lang(en) {
	quotes: "\201C" "\201D" "\2018" "\2019"
}
q:lang(it) {
	quotes: "\00AB" "\00BB" "\201C" "\201D"
}
.basic-text {
	color: #000;
	letter-spacing: normal;
	text-transform: none;
	font-variant: normal;
	background-color: transparent
}
.transition {
	-webkit-transition: .3s all ease;
	-moz-transition: .3s all ease;
	-ms-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease
}
body, html {
	width: 100%;
	height: 100%;
	min-height: 100%
}
.no-paddings, .no-paddings .row>div {
	padding: 0
}
body, h1, h2, h3, h4, h5, h6 {
	font-family: 'Avenir Next', sans-serif;
	font-weight: 200
}
header {
	background-color: #fff
}
header.main-header {
	padding: 5px;
	position: static;
	width: 100%;
	left: 0;
	transition: all .3s ease;
	text-align: right;
	height: 70px;
	z-index: 2
}
header.main-header a.open-menu, header.main-header a.close-menu {
	position: absolute;
	left: 24px;
	top: 20px
}
header.main-header .login-logout a {
	display: block;
	position: absolute;
	width: 42px;
	height: 32px;
	top: 20px;
	right: 24px;
	text-indent: 9999px;
	overflow: hidden;
	background: url('/images/login-block.svg') no-repeat top;
	background-size: 42px 64px
}
header.main-header .login-logout a:hover {
	background-position: bottom
}
header.main-header .logo-box {
	text-align: center
}
header.main-header .logo-box h1 {
	text-align: center;
	width: 110px;
	height: 110px;
	display: inline-block;
	margin: 0;
	position: relative;
	top: 10px;
	border-radius: 110px;
	border: 12px solid #fff;
	text-indent: 9999px;
	overflow: hidden;
	background: url('/images/u-logo.svg') no-repeat center #488cfb;
	background-size: 32px 42px;
	z-index: 3;
}
.page-wrap {
	transition: width .3s ease
}
.main-nav {
	position: fixed;
	top: 0;
	width: 0;
	height: 100%;
	background: #000;
	overflow-y: auto;
	transition: width .3s ease;
	padding-top: 80px;
	z-index: 2
}
.main-nav a {
	display: block;
	color: #fff;
	padding: 15px 30px
}
.main-nav a:hover, .main-nav a:focus {
	background-color: #1a1a1a;
	text-decoration: none;
}
.main-nav:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 30px
}
main {
	padding-top: 0;
	z-index: 1
}
.close-menu {
	display: none
}
#main-nav:target {
	width: 15%
}
#main-nav:target+.page-wrap {
	width: 85%
}
#main-nav:target+.page-wrap .open-menu {
	display: none
}
#main-nav:target+.page-wrap .close-menu {
	display: block
}
#main-nav:target+.page-wrap .main-header {
	left: 15%
}
@media (max-width: 768px) {
#main-nav: target {
	width: 50%
}
#main-nav:target+.page-wrap {
	width: 50%
}
#main-nav:target+.page-wrap .main-header {
	left: 50%
}
}
@media (min-width: 768px) {
#main-nav: target {
	width: 25%
}
#main-nav:target+.page-wrap {
	width: 75%
}
#main-nav:target+.page-wrap .main-header {
	left: 25%
}
}
@media (min-width: 992px) {
#main-nav: target {
	width: 15%
}
#main-nav:target+.page-wrap {
	width: 85%
}
#main-nav:target+.page-wrap .main-header {
	left: 15%
}
}
#choice a.button {
	width: 29%;
	min-width: 200px;
	max-width: 275px;
	height: 60px;
	text-align: center;
	padding: 16px;
	border-radius: 18px;
	background-color: blue;
	display: inline-block;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	margin-bottom: 30px;
	-webkit-transition: .3s all ease;
	-moz-transition: .3s all ease;
	-ms-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease
}
#choice a.button:hover {
	text-decoration: none
}
#choice .row {
	min-height: 77vh
}
#left-bg,
#right-bg {
	text-align: center;
	display: table;
	min-height: 77vh
}
#left-bg .wrap,
#right-bg .wrap {
	display: table-cell;
	vertical-align: middle
}
#left-bg h2,
#right-bg h2 {
	font-size: 95px;
	color: #fff;
	margin-bottom: 0;
	font-weight: 300;
	padding: 4% 0 0
}
#left-bg p,
#right-bg p {
	font-weight: 100;
	color: #fff;
	font-size: 48px;
	line-height: 1.2em;
	padding: 0 0 4%
}
#bottom-bg {
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}
#bottom-bg .box {
	width: 375px;
	text-align: center;
	height: 375px;
	display: inline-block;
	top: -187px;
	border-radius: 375px;
	background: url('/images/pic03.jpg') no-repeat center;
	background-size: 100%;
	border: 12px solid #fff;
	padding: 60px 30px;
	position: absolute;
	margin-left: -187px;
	margin-top: 35px;
	left: 50%;
}
#bottom-bg a.button {
	width: 185px;
	max-width: 185px;
	min-width: 0;
	height: 44px;
	text-align: center;
	padding: 10px;
	border-radius: 12px;
	background: #3979c4;
	font-size: 16px
}
#bottom-bg a.button:hover {
	background: #4c86cb
}
#bottom-bg a.button:hover {
	text-decoration: none
}
#bottom-bg h2 {
	color: #fff;
	font-size: 65px;
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 5px
}
#bottom-bg p {
	font-weight: 100;
	color: #fff;
	font-size: 30px;
	margin-bottom: 30px;
	line-height: 1.3em
}
#left-bg {
	background: url('/images/pic01.jpg') no-repeat center;
	background-size: cover
}
#left-bg a.button {
	background: #a53943
}
#left-bg a.button:hover {
	background: #b8404b
}
#left-bg h2 {
	letter-spacing: .08em
}
#right-bg {
	background-repeat: no-repeat;
	background-image: url('/images/pic02.jpg');
	background-position: left center;
	background-size: initial
}
#right-bg a.button {
	background: #39a58e
}
#right-bg a.button:hover {
	background: #40b89e
}
#right-bg h2 {
	letter-spacing: -.04em
}
#right-bg h2:first-letter {
	color: #488cfb
}
#expierence {
	margin: 150px 0;
	margin-bottom: 0;
	padding: 110px 14% 110px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #979797
}
#expierence p {
	text-align: center;
	font-size: 34px;
	font-style: italic;
	font-weight: 100
}
@media (max-width: 992px) {
#left-bg,
#right-bg {
	min-height: 500px;
	text-align: center
}
#bottom-bg {
	padding: 0;
	width: 100%
}
#bottom-bg .box {
	width: 375px;
	height: 375px;
	top: 0;
	border-radius: 375px;
	border: 0;
	position: static;
	margin-left: 0;
	padding: 60px 20px;
	margin-top: 50px;
	text-align: center;
	display: inline-block
}
#expierence {
	padding: 50px;
	margin-top: 0;
	margin-top: 50px
}
}
@media (max-width: 768px) {
#left-bg,
#right-bg {
	min-height: 370px
}
#left-bg p,
#right-bg p {
	font-size: 32px
}
}
@media (max-width: 768px) {
#expierence {
	padding: 75px 5% 75px
}
#expierence p {
	font-size: 20px
}
#choice .row>.col p {
	font-size: 30px
}
}
@media (min-width: 768px) {
#expierence {
	padding: 75px 5% 75px
}
#expierence p {
	font-size: 20px
}
#choice .row>.col p {
	font-size: 35px;
	padding-top: 0
}
}
@media (min-width: 992px) {
#expierence {
	padding: 110px 10% 100px
}
#expierence p {
	font-size: 25px
}
#choice .row>.col p {
	font-size: 40px;
	padding-top: 0
}
}
@media (min-width: 1250px) {
#expierence {
	padding: 110px 10%
}
#expierence p {
	font-size: 34px
}
#choice .row>.col p {
	font-size: 48px;
	padding-top: 0
}
}
@media (min-width: 1600px) {
#expierence {
	padding: 110px 19%
}
#expierence p {
	font-size: 34px
}
#choice .row>.col p {
	font-size: 48px;
	padding-top: 0
}
}