*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

.ig{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.maincont{
	position: relative;
	max-width: 1000px;
	min-width: 300px;
	width: 100%;
	margin: 0px auto;
}

.main{
	padding-bottom: 0px;
}

.par{
  	font-family: 'PTSans-Regular';
	font-size: 18px;
	color: #3c3c3c;
}

.sectionheader{
	position: relative;
	width: 100%;
	min-height: 35px;
	max-width: 800px;
	margin: 0px auto;
	font-family: 'Geometria';
	font-size: 20px;
	color: #3c3c3c;
	border-bottom: 6px #3c3c3c solid;
}

/*-----------topline------------*/
.topline{
	position: fixed;
	background-color: #3c3c3c;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 40px;
	z-index: 1000;
}

#gazeta{
	position: absolute;
	top:14px;
	left:20px;
}

.socials{
	position: absolute;
	top: 40px;
	right: 0px;
	font-size: 0px;
	width: 80px;
	background-color: #fed732;
	display: none;
}

.socbutt{
	cursor: pointer;
	display: inline-block;
	padding: 20px;
}
.bottomline{
	position: relative;
	background-color: #3c3c3c;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 40px;
	padding: 11px 20px;
}
.bInfo{
	position: absolute;
	right: 80px;
	cursor: pointer;
}
.bShare{
	position: absolute;
	right: 0px;
	cursor: pointer;
	padding: 0px 20px;
}

#ri{
	
}

.copyright{
	position: absolute;
	right: 20px;
	top: 10px;
	font-family: 'Geometria-Bold';
	font-size: 16px;
	color: #ffffff;	
}

/*----------------------------*/
#yearscont{
	display: block;
	position: relative;
	height: 100%;
	padding: 0px 40px;
	width: 60%;
}
#years{
	position: relative;
	width: 100%;
	top:0px;
	overflow: hidden;
	font-size: 0px;
	white-space: nowrap;
}
#yearsdragcont{
	position: relative;
	top: 0px;
	left: 0px;
	height: 40px;
}
.year{
	display: inline-block;
	vertical-align: top;
	/* width: 40px; */
	height: 40px;
	margin-right: 0px 5px;
	font-family: 'PTSans-Regular';
	font-size: 12px;
	color: #777468;
	cursor: pointer;
	text-align: center;
	padding: 12px 7px;

}
.y_active{
	color:#ffffff;
}
#bBack0{
	position: absolute;
	top:10px;
	left:0px;
	cursor: pointer;
}
#bFwd0{
	position: absolute;
	top:10px;
	right:5px;
	cursor: pointer;
}

/*------------------шапка----------------------*/

.cityline{
	position: relative;
	width: 100%;
	height: 170px;
	background-color: #ffffff;
	border-bottom: 6px #3c3c3c solid;
}

.headercont{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	min-width: 370px;
	top: -90px;
	margin-left: 30px;
}

.city{
	position: relative;
	top: 0px;
	margin-left: 0px;
	font-family: 'Geometria-Bold';
	font-size: 58px;
	color: #3c3c3c;
	white-space: nowrap;
}

.placedate{
	position: relative;
	height: 50px;
	top: 40px;
	margin-left: 0px;
	font-family: 'Geometria';
	font-size: 22px;
	color: #3c3c3c;	
	white-space: nowrap;	
}

.slashcont{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 380px;
	height: 170px;
	background-color: #ffffff;
	top: -90px;
	padding: 20px 40px;
	background-image: url('../img/slash.png');
	background-repeat: no-repeat;
	background-position: center;
	font-family: 'Geometria-Bold';
	font-size: 58px;
	color: #3c3c3c;
}

.slash{
	position: absolute;
	top: 0px;
	left: 0px;
}

.gamesnum{
	position: relative;
    width: 180px;
    height: 70px;
    line-height: 100%;
    text-align: center;
}
.gamesyear{
	position: relative;
	width: 100%;
	line-height: 100%;
	text-align: right;
}

.greycont{
	position: relative;
	width: 100%;
	background-color: #dfe0dc;
}




#bBack{
	position: absolute;
	right: -40px;
	top: 30px;
	cursor: pointer;
}

@media screen and (max-width: 1100px) {
	#bBack{
		right: 10px;
		top: 30px;
	}
}

.gallerydots{
	position: relative;
	width: 100%;
	height: 40px;
	background-color: #ffffff;
	text-align: center;
	top: -50px;
}

.dot{
	display: inline-block;
	margin: 15px;
	width: 10px;
	height: 10px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	background-color: #3c3c3c;
	cursor: pointer;
}
.dotinactive{
	opacity: 0.2;
}

.gallerycont{
	position: relative;
	width: 100%;
	font-size: 0px;
	top: -50px;
}
.galleryimg{
	width: 100%;
	cursor: pointer;
}

.garr1{
	position: absolute;
	top: 50%;
	left: 0px;
	margin-top: -50px;
	cursor: pointer;
}
.garr2{
	position: absolute;
	top: 50%;
	right: 0px;
	margin-top: -50px;
	cursor: pointer;
}

/*----------------------content---------------------------*/

.content{
	position: relative;
	width: 100%;
	background-color: #ffffff;
	top: -50px;
}


.bookmarks{
	position: relative;
	width: 100%;
	max-width: 800px;
	font-size: 0px;
	top: 50px;
	margin: 0px auto;
	white-space: nowrap;
}

.book{
	position: relative;
	display: inline-block;
	vertical-align: top;
	border: 6px #dfe0dc solid;
	width: 175px;
	height: 45px;
	text-align: center;
	padding: 10px;
	font-family: 'Geometria';
	font-size: 16px;
	color: #3c3c3c;	
	line-height: 110%;
	border-bottom: none;
	z-index: 99;
	background-color: #ffffff;
	cursor: pointer;
}
.active{
	border-color: #3c3c3c;
	z-index: 101;
}
.book1{
	margin-left: -6px;
}

.bookline{
	position: relative;
	top:-6px;
	width: 100%;
	min-width: 254px;
	height: 6px;
	background-color: #3c3c3c;
	z-index: 100;
}


.info{
	position: relative;
	width: 90%;
	max-width: 600px;
	margin: 0px auto;
	padding-top: 100px;
	padding-bottom: 50px;
}

.section0{
	display: none;	
}
.section1{
	display: block;	
	min-height: 200px;
}

/*---------------------------------------section 0 - stats-----------------------------------------------*/



.bAll{
	position: absolute;
	right: 95px;
	height: 30px;
	font-family: 'Geometria';
	font-size: 14px;
	color: #3c3c3c;
	padding-top: 20px;
	width: 160px;
	cursor: pointer;
}


.bAll img{
	position: absolute;
	margin-left: 10px;
	margin-top: 2px;
}

.bBck{
	position: absolute;
	left: 135px;
	height: 30px;
	font-family: 'Geometria';
	font-size: 14px;
	color: #3c3c3c;
	padding-top: 20px;
	width: 120px;
	cursor: pointer;
	padding-left: 0px;
	display: none;
}


.bBck img{
	position: absolute;
	left: -40px;
	margin-right: 10px;
	margin-top: 2px;
}

.statframe{
	position: relative;
	width: 100%;
	max-width: 800px;
	margin: 0px auto;
	margin-top: 50px;
	/* overflow: hidden; */
	/* white-space: nowrap; */
}


.statcont0{
	display: inline-block;
	vertical-align: top;
	position: relative;
	/* height: 370px; */
	width: 100%;
	padding: 0px 85px;
	font-size: 0px;
	text-align: center;

}
/*------------------------------------------------graphs----------------------------------------------------------*/
.statcont1{
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: 730px;
	/* background-color: #ffee99; */
	margin-bottom: 50px;
	display: none;
}

.graph{
	position: relative;
}

.g_header{
	position: relative;
	font-family: 'PTSans-Regular';
	font-size: 14px;
	color: #3c3c3c;
}
.g_left{
	position: absolute;
	top: 35px;
	left: 0px;

}
.g_num{
	position: relative;
	font-family: 'Geometria';
	font-size: 12px;
	color: #9d9d9d;
	width: 50px;
	height: 22.5px;
	text-align: center;

}

.g_right0{
	position: relative;
	width: 100%;
	top: 23px;
	padding-left: 50px;
	
	height: 170px;
	margin-bottom: 40px;
}
.ggg{
	position: relative;
	width: 100%;
	overflow-x: hidden;
}

.g_num1{
	position: relative;
	font-family: 'Geometria';
	font-size: 12px;
	color: #9d9d9d;
	width: 50px;
	height: 27px;
	text-align: center;

}

.g_right1{
	position: relative;
	width: 100%;
	top: 23px;
	padding-left: 50px;
	overflow-x: hidden;
	height: 170px;
	margin-bottom: 40px;
}

.g_num2{
	position: relative;
	font-family: 'Geometria';
	font-size: 12px;
	color: #9d9d9d;
	width: 50px;
	height: 17px;
	text-align: center;

}

.g_right2{
	position: relative;
	width: 100%;
	top: 23px;
	padding-left: 50px;
	overflow-x: hidden;
	height: 190px;
	margin-bottom: 50px;
}

.g_svg0,.g_svg1,.g_svg2{
	position: relative;
}


.scrollcont{
	position: relative;
	width: 100%;
	height: 10px;
	background-color: #dfe0dc;
	font-size: 0px;
}

.runner{
	position: relative;
	width: 100px;
	height: 10px;
	background-color: #3c3c3c;
	cursor: pointer;
}
	
/*-------------statitem------------*/
.statitem{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 280px;
	min-height: 110px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 70px;
	text-align: left;
}

.si_cont{
	display: inline-block;
	position: relative;
}
.si_num{
	font-family: 'Geometria-Bold';
	font-size: 60px;
	color: #3c3c3c;
	line-height: 110%;
}
.si_object{
	font-family: 'PTSans-Regular';
	font-size: 14px;
	color: #3c3c3c;	
	line-height: 100%;
}
.si_bar{
	position: relative;
	width: 100%;
	height: 10px;
	top: 20px;
	background-color: #dfe0dc;
}
.si_barval{
	position: relative;
	width: 0%;
	height: 10px;
	background-color: #fed732;
	-webkit-transition: all 0.3s ease-in-out;
	 -moz-transition: all 0.3s ease-in-out;
	 -o-transition: all 0.3s ease-in-out;
	 transition: all 0.3s ease-in-out;
}

.si_icon{
	margin-right: 30px;
}



/*---------------------------------------stats-----------------------------------------------*/


.placeframe{
	position: relative;
	width: 100%;
	max-width: 800px;
	margin: 0px auto;
	margin-top: 50px;
	padding-bottom: 50px;

}

.placecont0{
	position: relative;
	display: block;
	width: 100%;
	padding: 0px 0px;
	font-size: 0px;
	text-align: center;

}

.placeitem{
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 0px;
}
.p_left{
	position: relative;
	display: none;
	vertical-align: top;
	width: 80px;
}
.p_first{
	display: inline-block;
}



.p_right{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 170px;
}
.p_line1{
	position: relative;
	width: 100%;
	height: 80px;
	margin-bottom: 40px;
}
.p_line2{
	position: relative;
	width: 100%;
	height: 50px;
	margin-bottom: 40px;
}
.p_line3{
	position: relative;
	width: 100%;
	height: 30px;
	background-color: #e9e9e7;
	border-bottom: 1px solid #ffffff;
	font-family: 'PTSans-Regular';
	font-size: 14px;
	color: #3c3c3c;
	padding: 5px 10px;
	text-align: left;
}

.p_itogo{
	position: absolute;
	bottom: 0px;
	font-family: 'PTSans-Regular';
	font-size: 14px;
	color: #3c3c3c;
	line-height: 100%;
}


.p_right .p_line3{
	text-align: center;
}

.p_place{
	position: absolute;
	width: 100%;
	text-align: center;
	font-family: 'Geometria-Bold';
	font-size: 88px;
	color: #fdd646;
	line-height: 100%;
}
.p_country{
	position: relative;
	width: 100%;
	text-align: center;
	font-family: 'Geometria-Bold';
	font-size: 22px;
	color: #3c3c3c;
	padding-top: 15px;
}
.p_place2{
	position: relative;
	width: 100%;
	text-align: center;
	font-family: 'Geometria';
	font-size: 22px;
	color: #3c3c3c;
}

.p_right .p_line2{
	position: relative;
	width: 100%;
	text-align: center;
	font-family: 'Geometria-Bold';
	font-size: 60px;
	color: #3c3c3c;
	text-align: center;
	line-height: 100%;
}




/*--------------------------таблица с местами------------------------------*/

.placecont1{
	position: relative;
	display: none;
	width: 100%;
	padding: 0px 0px;
}

.t_left{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 130px;

}


.t_right{
	position: relative;
	width: 100%;
	top: 0px;
	padding-left: 130px;	
	height: 440px;
	margin-bottom: 40px;
}
.ttt{
	position: relative;
	width: 100%;
	overflow-x: hidden;
}

.t_graph{
	position: relative;

}

.t_strany{
	position: relative;
	font-family: 'PTSans-Regular';
	font-size: 12px;
	color: #9d9d9d;
	width: 130px;
	height: 35px;
	padding-top: 10px;
}
.t_country{
	position: relative;
	font-family: 'PTSans-Regular';
	font-size: 12px;
	color: #3d3d3d;
	width: 130px;
	height: 30px;
	text-transform: uppercase;
	border-right: 1px #ffffff solid;
	border-bottom: 1px #ffffff solid;
	padding-top: 5px;

}

.trow{
	position: relative;
	white-space: nowrap;
	font-size: 0px;
}

.tcell{
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-family: 'Geometria';
	font-size: 15px;
	color: #3d3d3d;
	width: 42px;
	height: 30px;
	text-align: center;
	border-right: 1px #ffffff solid;
	border-bottom: 1px #ffffff solid;
	padding-top: 6px;
	background-color: #efefed;
}
.t1{
	background-color: #fed732;
}
.t2{
	background-color: #adaca4;
}

.t3{
	background-color: #c9a313;
}


.theadcell{
	font-size: 12px;
	color: #9d9d9d;
	padding-top: 10px;
	background-color: #ffffff;
	height: 35px;
}


.scrollcont1{
	position: relative;
	width: 100%;
	height: 10px;
	background-color: #dfe0dc;
	font-size: 0px;
}

.runner1{
	position: relative;
	width: 100px;
	height: 10px;
	background-color: #3c3c3c;
	cursor: pointer;

}

.ramka{
	position: absolute;
	width: 43px;
	border: 1px solid #3c3c3c;
	pointer-events: none;
	top: 35px;
	left: 0px;
	height: 359px;
}

.ugol{
	position: absolute;
	top: 0px;
	right: 0px;
}

.tlabel{
	position: absolute;
	color: #dfe0dc;
	background-color: #3c3c3c;
	font-family: 'PTSans-Regular';
	font-size: 12px;
	display: none;
	padding: 2px 5px;
}

/*-------------------------------------------------section 1 - facts-------------------------------------------------------*/

.factscont{
	position: relative;
	width: 100%;
	max-width: 650px;
	margin: 0px auto;
	margin-top: 90px;
	padding-bottom: 50px;
	font-size: 0px;
}
.factitem{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 180px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 40px;
	text-align: left;
}
.f_head{
	position: relative;
	width: 100%;
	height: 120px;
	text-align: center;
}
.f_num{
	position: relative;
	font-family: 'Geometria-Bold';
	font-size: 60px;
	color: #3c3c3c;
	line-height: 100%;
	padding-bottom: 5px;
	padding-top: 10px;
	text-align: left;
}

.f_object{
	position: relative;
	font-family: 'PTSans-Regular';
	font-size: 14px;
	color: #3c3c3c;
	text-align: left;
	text-transform: uppercase;
}

.f_text{
	position: relative;
	font-family: 'PTSans-Regular';
	font-size: 18px;
	color: #3c3c3c;
}

.f_icon{
	margin: 0px auto;
}


.medalcont{
	position: relative;
	width: 100%;
	max-width: 640px;
	margin: 0px auto;
	margin-top: 40px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 0px;
}

.m_img{
	margin-bottom: 20px;
}
.m_side{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	min-width: 320px;
	padding: 0px 20px;
}

.m_avers{
	position: relative;
	font-family: 'PTSans-Regular';
	font-size: 14px;
	color: #8a8a8a;
	margin-bottom: 40px;
}
.m_desc{
	position: relative;	
	font-family: 'PTSans-Regular';
	font-size: 18px;
	color: #3c3c3c;
	margin-bottom: 40px;
	text-align: left;
}

.m_copy{
	position: relative;
	width: 100%;
	max-width: 588px;
	margin: 0px auto;
	border-top: 1px #3c3c3c solid;
	font-family: 'PTSans-Regular';
	font-size: 14px;
	color: #8a8a8a;
	padding-top: 10px;
	padding-bottom: 50px;

}
.m_dis{
	color: #3c3c3c;
}



.symbolcont{
	position: relative;
	width: 100%;
	max-width: 588px;
	margin: 0px auto;
	margin-top: 40px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 0px;
}
.s_imgcont{
	position: relative;
	width: 100%;
	overflow-x: hidden;
	height: 290px;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 10px;
	margin-bottom: 50px;
}
.s_img{
	margin-top: 10px;
	margin-bottom: 50px;

}

.s_desc{
	text-align: left;
	margin-bottom: 40px;
}
.s_dis{
	color: #3c3c3c;
}

.maskotcont{
	position: relative;
	width: 100%;
	max-width: 588px;
	margin: 0px auto;
	margin-top: 40px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 0px;
}
.ms_imgcont{
	position: relative;
	width: 100%;
	overflow-x: hidden;
	height: 290px;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 10px;
	margin-bottom: 50px;
}
.ms_img{
	margin-top: 10px;
	margin-bottom: 50px;
}

.ms_desc{
	text-align: left;
	margin-bottom: 40px;
}
.ms_dis{
	color: #3c3c3c;
}

.ms_name{
	font-family: 'PTSans-Bold';
	padding-bottom: 20px;
}

.bMenu{
	display: none;
}

.mmenu{
	display: none;
}


/*-------------------------------infostudio---------------------------------------------*/

.infostudio{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 40px;
	left: 0px;
	z-index: 9999;
	display: none;

}
.fader{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.2;
}
.infoplate{
	position: relative;
	top: 100px;
	left: 50%;
	width: 800px;
	height: 520px;
	margin-left: -400px;
	background-color: #ffffff;
	border: 1px #3c3c3c solid;
	padding: 60px 100px;
}

.bCrest{
	position: absolute;
	top: 20px;
	right: 20px;
}



.i_header{
	position: relative;
	font-family: 'Geometria-Bold';
	font-size: 20px;
	color: #3c3c3c;
	padding-bottom: 20px;
	width: 80%;
}

.i_worked{
	position: relative;
	font-family: 'PTSans-Regular';
	font-size: 14px;
	color: #3c3c3c;
	padding-bottom: 20px;
}


.icont{
	position: relative;
	width: 100%;
	font-size: 0px;


}
.i_worker{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	height: 75px;
	min-width: 280px;

}

.i_post{
	position: relative;
	font-family: 'PTSans-Regular';
	font-size: 18px;
	color: #adaca4;
	padding-bottom: 5px;

}

.i_name{
	position: relative;
	font-family: 'PTSans-Regular';
	font-size: 18px;
	color: #3c3c3c;

}

.i_link{
	position: relative;
	font-family: 'PTSans-Regular';
	font-size: 18px;
	color: #3c3c3c;
	margin-left: 80px;
}
.i_photo{
	position: absolute;
	top: -15px;
}
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/


@media screen and (max-width: 980px) {

		.bAll {
	   		right: 65px;
		}
		.bBck {
		    left: 115px;
		}
}
@media screen and (max-width: 840px) {
		.bAll {
	   		right: 15px;
		}
		.bBck {
		    left: 65px;
		}
		.p_left{
			display: inline-block;
		}
		.placeitem{
			display: block;
			padding-bottom: 50px;
			margin-left: -50px;
		}

		.p_left .p_line3{
			background-color: #ffffff;
		}
		.p_itogo{
			padding-left: 10px;
		}
		.p_right{
			width: 100px;
		}
		.content{
			padding: 20px;

		}
		.placeframe{
			padding-bottom: 0px;

		}



}

/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/

@media screen and (max-width: 700px) {
	#yearscont{
		display: none;
	}
	#bBack{
		display: none;
	}

	.cityline{
		background-color: #fed732;
	}
	.slashcont{
		margin: 0px auto;
		display: block;

		position: relative;
		width: 70%;
		max-width: 200px;
		height: 120px;
		top: -60px;
		padding: 20px 30px;
		background-image: url('../img/slash2.png');
		font-size: 33px;
		padding: 20px;
	}
	.gamesnum{
		height: 50px;
		width: 80px;
	}
	.cityline {
	    height: 130px;
	}

	.headercont {
	    width: 100%;
	    padding: 0px;
	    display: block;
	    margin-left: 0px;
	    height: 130px;
	    min-width: 300px;
	}

	.city {
	    top: 60px;
	    width: 100%;
	    font-size: 34px;
	    text-align: center;
	    max-width: none;
	    padding-bottom: 30px;
	}
	.placedate{
		width: 100%;
	    font-size: 16px;
	    text-align: center;
	    max-width: none;
	}

	#gazeta {
	    position: absolute;
	    margin-left: -55px;
	    left: 50%;
	}

	.maincont{
		padding: 0px 10px;
	}
	.content{
		padding: 20px;

	}
	.par {
		font-size: 16px;
	}

	.statcont0{
		padding: 0px;
		text-align: left;
	}

	.statitem{
		margin-bottom: 40px;
		width: 90%;
		max-width: 400px;
	}


	.info{
		width: 100%;
	}

	.placeframe{
		padding-bottom: 0px;
	}

	.placecont0{
		text-align: left;
	}

	.placeitem{
		margin-left: 0px;
	}

	.greycont{
		padding-bottom: 10px;
	}

	.m_side{
		padding: 0px;
		width: 100%;
		min-width: 280px;
	}


	.book {
		width: 160px;
	}
	.book1 {
	    
	    width: 100px;
	}

	.bMenu{
		display: block;
		position: absolute;
		cursor: pointer;
	}

	.mmenu{
		display: block;
		position: fixed;
		top: 40px;
		left: 0px;
		width: 100%;
		min-height: 300px;
		background-color: #fed732;
		padding: 20px;
		font-size: 0px;
		display: none;
		opacity: 0;
		z-index: 999;
	}
	.mmyear{
		position: relative;
		display: inline-block;
		vertical-align: top;
		width: 70px;
		height: 60px;
		padding: 15px 0px;
		cursor: pointer;
	}

	.mmcircle{
		position: absolute;
		width: 30px;
		height: 30px;
		background-color: #ffffff;
		border-radius: 15px 15px 15px 15px;
		-moz-border-radius: 15px 15px 15px 15px;
		-webkit-border-radius: 15px 15px 15px 15px;
		left: 20px;
		display: none;
	}
	.mmlabel{
		position: relative;
		width: 100%;
		font-family: 'Geometria';
		font-size: 24px;
		color: #3c3c3c;	
		text-align: center;
	}

	.mmactive{
		font-family: 'Geometria-Bold';
	}

	.factitem{
		margin-left: 0px;
    	margin-right: 0px;
    	width: 100%;
	}

	.m_side img{
		margin-left: -20px;
	}


	.socials{
		position: absolute;
		top: 40px;
		right: 0px;
		font-size: 0px;
		width: 40px;
		background-color: #fed732;
		display: none;
	}

	.socbutt{
		cursor: pointer;
		display: inline-block;
		padding: 0px;
	}

	.bInfo{
		position: absolute;
		right: 40px;
		cursor: pointer;
	}
	.bShare{
		position: absolute;
		right: 0px;
		cursor: pointer;
		padding: 0px 0px;
	}


}




@media screen and (max-width: 800px) {

			/*-------------------------------infostudio---------------------------------------------*/

			.infostudio{
				position: absolute;
				width: 100%;
				top: 0px;
				left: 0px;
				z-index: 9999;
				 display: none;

			}
			.fader{
				display: none;
			}
			.infoplate{
				position: relative;
				top: 0px;
				left: 0px;
				width: 100%;
				height: auto;
				margin-left: 0px;
				padding: 20px;
			}

			
			.i_worker{

				width: 80%;
				height: 75px;
				min-width: 280px;

			}

			
}

.greycont{
	/* overflow-x:hidden; */
}

.uho{
	pointer-events: none;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	opacity: 1;
}

.uho0{
	position: absolute;
	left: -300px;
	top: 200px;
}

.uho1{
	position: absolute;
	right: -300px;
	top: 100px;
}

.uho2{
	position: absolute;
	left: -300px;
	top: -70px;
}

.uho_cont{
	position: relative;
}



.uho3{
	position: absolute;
	right: -300px;
	top: 100px;
}
.uho4{
	position: absolute;
	left: -300px;
	top: 300px;
}
.uho5{
	position: absolute;
	right: -300px;
	top: 600px;
}
.uho6{
	position: absolute;
	left: -480px;
	top: 100px;
}
.uho7{
	position: absolute;
	right: -506px;
	top: -20px;
}
.uho8{
	position: absolute;
	left: -506px;
	top: 20px;
}

@media screen and (max-width: 1000px) {
	.uho{
		opacity: 0;
	}
}