@font-face{
	font-family: 'Helios_N';
	src:url('fonts/Helios_N.eot');
	src:url('fonts/Helios_N.eot?#iefix') format('embedded-opentype'),
		url('fonts/Helios_N.woff') format('woff'),
		url('fonts/Helios_N.ttf') format('truetype'),
		url('fonts/Helios_N.svg#heliosthincregular') format('svg');
}
@font-face{
	font-family: 'Proxima';
	src:url('fonts/Proxima.eot');
	src:url('fonts/Proxima.eot?#iefix') format('embedded-opentype'),
		url('fonts/Proxima.ttf') format('truetype'),
		url('fonts/Proxima.woff') format('woff'),
		url('fonts/Proxima.svg#proxima_novaregular') format('svg');
}
@font-face{
	font-family: 'Helios_L';
	src:url('fonts/Helios_L.eot');
	src:url('fonts/Helios_L.eot?#iefix') format('embedded-opentype'),
		url('fonts/Helios_L.ttf') format('truetype'),
		url('fonts/Helios_L.svg#agopuscregular') format('svg');
}
@font-face {
  font-family: 'Proxima';
  src:  url('fonts/ProximaNova-Bold.woff2') format('woff2'),
        url('fonts/ProximaNova-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima';
  src:  url('fonts/ProximaNova-Semibold.woff2') format('woff2'),
        url('fonts/ProximaNova-Semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}


html, body{
	margin: 0;
	padding: 0;
	font-family: 'Proxima';
	font-size: 15px;
	height: 100%;
}
.main_container{
	position: relative;
	min-height: 100%;
}
.pull-left{float: left;}
.pull-right{float: right;}
.pull-overflow{overflow: hidden;}
.aut-form-company-name {float: left; width: 180px;}

table{width: 100%;border-collapse: collapse;}

.form-group{overflow: hidden;width: 100%;margin-bottom: 15px;}
.form-group .control-label {width: 25%;text-align: right;float: left;padding-right: 10px;font-size: 12px;padding-top: 6px;}
.form-group .data-control{width: 71%;float: left;}
.data-control input[type=text],
.data-control input[type=email]{width: 98%;border: 1px solid #8f9092;padding: 5px 0 6px 5px;color: #77787b;font-size: 14px;}

p{margin: 0 0 10px;}

.clearfix:after{
    content:'';
    display:table;
    clear:both;
	}
.clear {
    clear: both !important;
}
.layoutCenterWrapper{
    margin: 0 auto;
    width: 940px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
	}
.layoutCenterWrapper--footer {
	margin-bottom: 30px;
}

/* Прокрутка */
#scroller{
    position: fixed; 
    bottom: 220px;
    left:0;
    background:url("images/scroll.png") no-repeat 50% 20px;  
    text-align: center;
    width: 85px;
    height: 85px;
    cursor: pointer;
    border-radius: 0 5px 5px 0;
    border: 1px solid #00aeef;
    border-left: 0;
    color:#00aeef;
    font-size: 14px;
    display:none;
}
#scroller:before{
	content: '';
	display: block;
	height: 50px;
}
/* Шапка */
header{
	/*background: url("images/top.gif") #000000 repeat;*/

	width: 100%;
	color:#009036;
}

.header {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0;
}
#logo{
	display: block;
}
#logo img {
	height: 150px;
	display: block;
}

header .title {

}

.title-name {
	font-size: 44px;
	font-family: 'Helios_L';
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 5px;
}

.title-exhib {
	margin: 0;
	font-size: 16px;
}


#lang{
	font-size: 18px;

	/*margin-top: 35px;*/
	text-align: right;
}
#lang a{
	display: block;
	color: inherit;
	float: right;
	clear: right;
	text-decoration: none;
	background: none;
	width: auto;
}
#lang .act{
	font-weight: bold;
}
/* Верхнее меню */
nav.menu-top{
	margin: 0 auto;
	border-bottom: 1px solid #000000;
	width: 940px;
	height: 26px;
	text-align: justify;
	text-align-last:justify;
}
nav.menu-top a{
	color: #000000;
	display: inline-block;
	padding: 5px;
	text-decoration: none;
	font-size: 15px;
	text-transform: uppercase;
	text-align: left;
}
nav.menu-top a:first-child{
	padding-left: 0;
}
nav.menu-top a:last-child{
	padding-right: 0;
}
nav.menu-top a:hover{
	text-decoration: none;
}
nav.menu-top:after {
	content:"";
	display:inline-block;
	width:100%;
	height:0;
	overflow:hidden;
}
/* Область контента */
#content{
	margin-top: 33px;
	position: relative;
}
h1{
	font-size: 37px;
	font-weight: normal;
	font-family: 'Helios_N';
	margin: 0 0 20px;
	margin-right: -8px;
	max-height: 40px; /* ��� ����� �� ������ �������������*/
	text-align: justify;
	text-align-last:justify;
	letter-spacing: 5.98px;
}
h1:after {
	content:"";
	display:inline-block;
	width:100%;
	height:0;
	overflow:hidden;
}
#center{
	width: 640px;
	float: left;
}
a{
	color:#66c4f3;
}
/* Большая ширина для кабинета */
body.cabinet .layoutCenterWrapper, body.cabinet nav.menu-top{
	 width: 990px;
}
body.cabinet #center{
	width: 690px;
}

/* Колонка с новостями */
h2{
	color: #00AEEF;
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 10px;
}
article{
	color: #545454;
}
#news h2.news{
	color: #00AEEF;
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 20px;
	border-bottom: 1px solid #B2E7FA;
	padding-bottom: 3px;
	clear: both;
	float: none;
}

#news{margin-top: 30px;}

#news article{
	margin: 0 0 33px;
	overflow: hidden;
}
#news article:after{
    content:'';
    display:table;
    clear:both;
	}
#news article .news-img{
	float: right;
	margin-top: 5px;
	margin-right: 0;
	position: relative;
}
#news article a.more{
	color: #676767;
	display: block;
	position: relative;
	width: 120px;
}
#news article .news-text{
	float: left;
	width: 400px;
}
#news article a.more:hover{
	text-decoration: none;
}
h3{
	font-size: 20px;
	font-weight: bold;
	color:#000;
}
#news article h3{
	margin:0;
font-weight: normal;
}

/* Правая колонка */
#right{
	float: right;
	margin-bottom: 65px;
	margin-left: 20px;
	width: 280px;
}
/* Авторизация */
#form{
	background: url("images/form.gif") repeat;
	border: 1px solid #E7F7FF;
	position: relative;
	padding: 20px;
	margin-top: 5px;
}
#form .form_title{
	font-size: 15px;
	position: relative;
}
#form input{
	background-color: #fff;
	font-size: 18px;
	border: 1px solid #E7F7FF;
	width: 100%;
	margin-top: 12px;
	padding: 3px;
}
#form input:first-child{
	margin-top: 20px;
}
#form .error-mes{
	font-size: 17px;
	position: absolute;
	top:160px;
}
#form .error-mes p{
	margin: 0;
	padding: 0;
	text-align: center;
}
#form input.but{
	background: none;
	border:0px;
	cursor: pointer;
	font-size: 17px;
	text-transform: uppercase;
	margin: 50px 0 50px;
}
#form .forgot{
	color: #000000;
	display: block;
	font-size: 14px;
	text-decoration: none;
	}
#form .forgot:hover{
	text-decoration: underline;
}

figure{
	border:0px;
	margin: 0;
}
figure img{
	border:0px;
}
figure#banner{
	margin-top: 15px;
	margin-bottom: 15px;
}
figure#merop{
	margin-top: 5px;
}
figure#merop span{
	border-bottom: 1px solid #B2E7FA;
	color: #00AEEF;
	display: block;
	font-size: 14px;
	line-height: 20px;
}
figure#merop p{
	border-bottom: 1px solid #B2E7FA;
	color: #545454;
	line-height: 18px;
	margin: 5px 0 2px;
	padding-bottom: 5px;
	padding-top: 4px;
}
figure#merop a{
	color: #00AEEF;
	font-size: 14px;
	left: 163px;
	position: relative;
	text-decoration: none;
	top: 2px;
}
figure#merop a:hover{
	text-decoration: underline;
}
figure#ltm{
	margin-top: 20px;
	position: relative;
}
figure#ltm span{
	color: #00AEEF;
	font-size: 20px;
}
figure#ltm p{
	margin: 5px 0 9px;
}
figure#ltm p.remark {
	font-size: 12px;
}
figure#ltm a{
	margin-left: 3px;
	color: #00AEEF;
	font-size: 14px;
}
figure#ltm a:hover{
	text-decoration: none;
}
figure#ltm a.app-store{
	background: url("images/ltm1.jpg") no-repeat;
	display: block;
	float: left;
	width: 135px;
	height: 40px;
}
figure#ltm a.google-play{
	background: url("images/ltm2.jpg") no-repeat;
	display: block;
	float: right;
	width: 118px;
	height: 40px;
}
/* Подвал */
.footer_space{
	height: 217px;
	position: relative;
	clear: both;
}
footer{
	/*background: url("images/footer.gif") #9b9b9b repeat;*/
	/*border-top: 1px solid #c7c7c7;*/
	/*height: 217px;*/
	position: absolute;
	width: 100%;
	bottom: 0;
}
.org{
	float:left;
	width:110px;
	text-align: center;
	
}
.org img{
	width: 100%;
	margin-top: 15px;
}
nav#bottom{
	float:left;
	width:260px;
	padding-top: 15px;
}
nav#bottom:before{
	content:'';
    display:block;
    clear:both;
    width:103px;
    height: 1px;
    background-color: #fff;
}
nav#bottom a{
	color: #000;
	display: block;
	font-size: 13px;
	margin: 11px 0 0;
	text-transform: uppercase;
	text-decoration: none;
}
nav#bottom a:hover{
	text-decoration: underline;
	}
#help{

	color: #000;
	font-size: 13px;
	text-align: right;
	}
#help span{
	display: block;
	text-transform: uppercase;
	/*font-size: 13px;*/
	padding-bottom: 10px;
}
#adress{
	width: 240px;
	background: url("images/adress.png") left center no-repeat;
	color: #000;
	font-size: 14px;
	float: right;
	clear:right;
	margin-top: 30px;
	border-top: 1px solid #fff;
	padding: 15px 0 15px 40px;
}
.en #adress{
	right: 0;
}
#copyright{
	color: #FFFFFF;
	font-size: 12px;
	clear: both;
	margin: 0;
	padding: 0;
}
#develop{
	color: #000;
	font-size: 12px;
	text-align: center;
	clear: both;
}
#design a, #develop a{
	color: inherit;
}
#design a:hover, #develop a:hover{
	text-decoration: none;
}
.member-title{
	display: block;
	position: relative;
	clear: both;
}

.footer__partner {
	width: 40%;
	text-align: center;
}
.footer__partner-desc {
	margin-bottom: 20px;
}
.footer__partner-img {
	max-width: 100%;
}

video {
	margin-bottom: 30px;
}

/*Модальное окно на главной*/

.mdl-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    overflow: auto;
    -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
	visibility: hidden;
	z-index: 2;
}

.main-modal {
	visibility: hidden;
	opacity: 0;
	transition: all 1s;
	max-width: 950px;
	padding: 50px 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	border: 25px solid;
	border-image: linear-gradient(to bottom right, #00aeef, #c239b8);
	border-image-slice: 1;

	background-color: white;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 16px;
	font-family: "Proxima", Tahoma, sans-serif;
	z-index: 5;
	
}
.main-modal__img {
	max-width: 25.8%;
	width: 100%;
}
.main-modal__photo {
	width: 100%;
}
.main-modal__container {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.main-modal__title {
	text-align: center;
	font-size: 37px;
	font-family: "Helios_L";
	margin: 0;
}
.main-modal__textblock {
	max-width: 61.67%;

}
.modal-show {
	/*display: block;*/
	opacity: 1;
	visibility: visible;
}


.main-modal__close {
	width: 30px;
	height: 30px;
	position: absolute;
	top: -60px;
	right: -60px;
	background: url(images/cross.svg) no-repeat;

	background-size: 30px auto;
	opacity: 0.5;
	cursor: pointer;
	transition: 1s transform;
}
.main-modal__close:hover {
	transform: rotate(270deg);
	transition: 1s transform;
	opacity: 1;
}

.appstores {
	margin: 45px auto 0;
	max-width: 370px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;

}
.storelogo {
	max-width: 160px;
}

@media (max-height: 790px) {
	.main-modal {
		height: auto;
		width: 35%;
	}
}

@media (max-width: 1400px) {
	.main-modal {
		width: 50%;
	}
}

.fees-list p{
	font-size: 14px;
}

.exh-fee__price, .exh-fee__status {
	font-weight: bold;
}

.program__date {
	color: #009036;
}