@font-face {
    font-family: 'lobster';
    src: url(../fonts/Lobster.otf);
    box-sizing: border-box!important;

}

@font-face {
    font-family: 'gothic';
	src: url('../fonts/gothic.eot');
	src: local('gothic'), url('../fonts/gothic.woff') format('woff'), url('../fonts/gothic.ttf')  format('truetype');
    box-sizing: border-box!important;

}

html,body{
	margin:0;
	padding:0;
	background: #fff;
	height: 100%;
	width: 100%;
}
a {
	text-decoration:none!important;
}
.line-ball{
	height: 20px;
	width: 1px;
	background: #059099;
	position: absolute;
	margin-left: 230px;
	margin-top: -25px;
}
.line-ball2{
	
	position: absolute;
	    top: -22px;
    right: -12px;
	
}
.line-ball img{
	    margin-top: 20px;
    margin-left: -11px;
}
.containers{
	position: relative;
	width:1200px;
	margin: 61px auto;
	height: 1030px;
	padding-bottom: 130px;
	background: #e5fffe;
	padding-top: 25px;
    border: 1px #c1fefe solid;


}

header{
	height: 75px;
	width: 100%;
	background: url(../img/belka.png);
}
header h2 {
	color:#059099 ;
	font-family:  'lobster';
	font-size: 35px;
	margin-left: 130px;
}
header p {
	color:#059099;
	font-weight: 400;
	font-size: 22px;
	font-family: 'gothic';
	margin-left: 110px;
	margin-top: -13px;
}
aside{
	margin-top: 20px;
	width: 230px;
	position: relative;
	float:left;
	border-right: 1px solid #059099;
	height: 889px;
}
.main-content{
	width: 960px;
	float:left;
	background: url(../img/ball.png) no-repeat;
	height: 909px;
	background-position: center;
	background-size: 94%;
}

.text-box-left{
	text-align: center;
	width:480px;
	float:left;
	
}
.text-box-left{
	color:#1ba6a0; 
	margin-bottom: 50px;  
}
.text-box-left p, .text-box-right p{
	font-size: 20px;
	font-family: 'gothic';
	color:#093746;
	font-weight:400;
	padding: 11px;
	padding-top: 0;
	margin-top: 0;
}

.text-box-left h1, .text-box-right h1{
	font-size: 25px;
	font-family: 'gothic';
	color:#1ba6a0;
	font-weight:400;
	border-top:none;
	border-right:none;
	border-left:none;
	padding: 20px;
	margin-bottom: 0;
	padding-bottom: 0;
	
}
.text-box-right{
	text-align: center;
	width:480px;
	float:right;
}

.video{
	width: 960px;
	

}
.inner-video{
	
	width: 600px;
	margin:0 auto;
}

.inner-footer {
    position: absolute;
	width: 230px;
    top: 920px;
    left: 50%;

}
.inner-footer p{
	float: left;
	font-size: 18px;
	font-family: 'gothic';
	color:#b0b6b7;	

}
.inner-footer .left{
	float: left;
    margin-top: 1px;
}
.inner-footer .right{
	float: right;
	margin-top: -30px;
}
.navbar{
	margin-top:80px;
}
.navbar li {
	list-style: none;
	font-size: 30px;
	font-family: 'gothic';
	color:#093746;
	padding-bottom: 20px;
	padding-top: 20px;
	margin-left: 30px;
	position: relative;
}
.navbar img {
	margin-left: 25px;
}
.navbar li a {
	text-decoration: none;
	color:#093746;

}
.float-bottom{
	position: absolute;
	text-align: center;
	bottom: 5px;
	margin-left: 40px;
}
.float-bottom img {
	width: 20px;
	margin-bottom: -2px;
}
.float-bottom p {
	font-size: 18px;
	font-family: 'gothic';
	color:#a6a8aa;
}
.float-bottom .email{
	font-size: 18px;
	font-family: 'gothic';
	color:#093746;

}
.float-bottom .email a {
	color:#093746;
	text-decoration: none;
}
.lang {
	position: absolute;
	right: 3px;
	top: 20px;
	font-size: 18px;
	font-family: 'gothic';
	color:#b0b6b7;	

}
.lang span{
	font-size: 18px;
	font-family: 'gothic';
	color:#b0b6b7;

}
.lang span:hover{
	cursor: pointer;
}

.panorama {
	margin-top: 30px;
	width: 969px;
}
.text-box{
	text-align: center;

}
.text-box h1 {
	font-size: 30px;
	font-family: 'gothic';
	color:#1ba6a0;
	font-weight: 400;
	padding-bottom: 0;
	margin-bottom: 0;
}
.text-box p{
	font-size: 18px;
	font-family: 'gothic';
	color:#093746;
	margin-top: 0;
	padding-left: 11px;
	padding-right: 11px;
}

.left-side{
	margin-top: 50px;
	width: 480px;
	float: left;
	text-align: center;

}
.left-side a {
	font-size: 18px;
	font-family: 'gothic';
	color:#1ba6a0;
	text-decoration: none;
}

.img-box{
	width: 320px;
	float: left;
	text-align: center;
	margin-top: 10px;
    margin-bottom: 10px;

}
.img-box img {
	width: 90%;
	

}
.text-center{
	text-align: center;
	font-size: 18px;
	font-family: 'gothic';
	color:#abafb1;

}
.small-box{
	width: 320px;
	float:left;
	text-align: center;
	margin-bottom: 100px;
}

.small-box h5 {
	font-size: 18px;
	font-family: 'gothic';
	color:#1ba6a0;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 0;
}
.small-box p {
	margin-top: 0;
}
.small-box a {
	font-size: 18px;
	font-family: 'gothic';
	color:#000;
	text-decoration: none;
	margin-top: 0;
}

.long-box h1 {
	font-size: 16px;
	font-family: 'gothic';
	color:#1ba6a0;
	font-weight: 400;
	padding: 0 15px;
	margin: 0; 
    text-indent: 34px;

}
.long-box a{
	font-size: 16px;
	font-family: 'gothic';
	color:#1ba6a0;
	font-weight: 400;
	text-decoration: none;
}
.long-box p {
	font-size: 16px;
	font-family: 'gothic';
	color:#1ba6a0;
	font-weight: 400;
	padding: 0 15px;
	margin: 0
}
.small{
	position: absolute;
	top:50px;
	width: 140px;
	font-size: 20px;
	font-family: 'gothic';
	color:#b0b6b7;
	margin-left: -50px;

}