html, body
{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}



@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;800&display=swap');


body, div, input, select, textarea
{
	xfont-family: roboto-medium;
	font-family: 'Open Sans', sans-serif;
}

strong, b
{
	xfont-family: roboto-medium;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
}

header,
footer,
section
{
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.wrapper
{
	max-width: 1200px;
	margin: auto;
}


a
{
	text-decoration: none;
	color: #06a;
}


.table
{
	display: table;
}
.table .tr
{
	display: table-row;
}
.table .tr .td
{
	display: table-cell;
	vertical-align: top;
}





input, select, textarea
{
	border: solid 1px #eee;
	background: #eee;
	padding: 3px 10px;
	font-size: 16px;
	xfont-family: roboto-thin;
	xfont-family: 'Open Sans', sans-serif;
}




#fmenu
{
	display: inline-table;
	width: 100%;
	float: left;
}

#fmenu .td
{
	display: table-cell;
	padding: 15px 10px 5px 0px;
	position: relative;
}

#fmenu .td a
{
	display: block;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	xfont-family: roboto-thin;
	padding: 5px 0px 0px 0px;
}

#fmenu .td a.s2
{
	display: block;
	color: #fff;
	text-decoration: none;
	text-transform: none;
	font-size: 12px;
	xfont-family: roboto-thin;
}

#fmenu .td a.s2:hover
{
	color: #fff;
	text-decoration: underline;
}










#mmenu
{
	display: inline-table;
	width: 60%;
	float: left;
}

#mmenu .td
{
	display: table-cell;
	padding: 85px 10px 5px 0px;
	position: relative;
}

#mmenu .td a
{
	display: block;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	xfont-family: roboto-thin;
}



#mmenu .td div
{
	xdisplay: none;
	position: absolute;
	left: 0px;
	opacity: 0;
	top: -500px;
	padding: 10px 10px 0px 10px;
	background: rgba(255, 255, 255, .9);	
	z-index: 1000;
	min-width: 250px;
	transition: opacity ease 0.7s;
}

#mmenu .td div a
{
	margin-bottom: 10px;
	color: #06a;
	text-transform: none;
	xfont-family: roboto-medium;
}


#mmenu .td div a:hover
{
	color: #000;
}


#mmenu .td:hover div
{
	xdisplay: block;
	left: 0px;
	top: 125px;
	opacity: 1;
}





div.news,
div.news div,
div#printArea
{
	xfont-family: roboto-thin;
	xfont-weight: bold;
	xline-height: 20pt;
}






.slider
{
	height: 500px;
	width: 100%;
	overflow: hidden;
	position: relative;
	margin: auto;
}

.slider table
{
	position: absolute;
	left: 0px;
	top: 0px;
}

.slider img
{
	width: 1200px;
	height: 500px;
}


.slider #slider_btns
{
	height: 30px;
	xmax-width: 500px;
	margin: auto;
	position: absolute;
	bottom: 10px;
	xleft: 25%;
	xright: 25%;
	left: 0px;
	text-align: center;
	width: 100%;
}

.slider #slider_btns a,
.slider #slider_btns a.active
{
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff;
	border: solid 2px #fff;
	margin: 0px 10px;
	text-decoration: none;
}

.slider #slider_btns a:hover
{
	background: none;
	border: solid 2px #fff;
}

.slider #slider_btns a.active
{
	background: none;
	border: solid 2px #fff;
}


.slider img#slider_left,
.slider img#slider_right
{
	display: block;
	vertical-align: middle;
	position: absolute;
	width: 50px;
	height: 50px;
	cursor: pointer;
	left: 0px;
	top: 225px;
}

.slider img#slider_right
{
	left: auto;
	right: 0px;
}





.slide
{
	display: block;
	width: 1200px;
	height: 500px;
	padding: 0px;
	background-size: cover;
	background-position: center center;
	position: relative;
	overflow: hidden;
}

.slide img
{
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: left center;
}

.slide div
{
	position: absolute;
	left: 500px;
	bottom: 60px;
	width: 500px;

	color: #fff;

	font-size: 16px;
	font-weight: normal;
	text-decoration: none;

	vertical-align: bottom;
	xfont-family: roboto-thin;
}

.slide div b
{
	display: block;
	font-size: 40px;
	line-height: 40px;
	font-weight: bold;
	margin-bottom: 20px;
}

.slide div i
{
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	font-style: normal;
}

.slide a,
a.more
{
	display: block;
	font-size: 20px;
	line-height: 40px;

	color: #fff;
	border: solid 2px #fff;
	xborder-radius: 10px;
	text-decoration: none;
	text-transform: uppercase;
	margin: 20px 0px 0px 0px;
	width: 200px;
	font-weight: bold;
	text-align: center;
}

.slide a:hover,
.slide a:active,
a.more:hover,
a.more:active
{
	color: #fff;
	background: rgba(255, 255, 255, .3);
	text-decoration: none;
}















.news1,
.news2
{
	display: block;
	width: 227px;
	height: 260px;
	background: #06a;
	color: #fff;
	padding: 15px 25px;
	margin-right: 10px;
	text-decoration: none;
}


.news2
{
	background: #0ae;
}

.news1 img,
.news2 img
{
	display: block;
	width: 146px;
	height: 146px;
	border-radius: 50%;
	margin: 0px auto 5px auto;
}

.news1 .title,
.news2 .title
{
	display: block;
	font-size: 18px;
	xfont-style: italic;
	font-weight: 800;
	margin-bottom: 5px;
}

.news1 .date,
.news2 .date
{
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}


.news1 .intro,
.news2 .intro
{
	display: block;
	font-size: 14px;
	font-weight: normal;
}



.col1
{
	padding-top: 0px;
	padding-right: 15px;
}

.col2
{
	width: 225px;
	padding: 0px 15px 15px 15px;
	xborder-left: solid 1px #06a;
	margin-left: 15px;
}


hr
{
	color: #06a;
	border: none;
	border-bottom: solid #06a 1px;
}

.news3
{
	display: block;
	color: #06a;
	width: 100%;
	margin-bottom: 20px;
	text-decoration: none;
}

.news3 img
{
	display: block;
	width: 100%;
	margin: 0px auto 5px auto;
}

.news3 .title
{
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}

.news3 .date
{
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}


.news3 .intro
{
	display: block;
	font-size: 14px;
	font-weight: normal;
}


h1
{
	color: #06a;
	font-size: 20px;
	font-size: thick;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	xfont-family: "roboto-thin";
}


div.slider1
{
	overflow: hidden;
	position: relative;
}

div.slider1 table
{
	position: absolute;
	left: 0px;
	top: 0px;
	transition: left ease .7s;
}


div.slider1 img.l,
div.slider1 img.r
{
	display: block;
	position: absolute;
	left: 10px;
	top: 100px;
	width: 50px;
	height: 50px;
	cursor: pointer;
}

div.slider1 img.r
{
	right: 20px;
	left: auto;
}



div#news1
{	width: 861px;
	height: 290px;
}

div#logos
{	width: 1082px;
	height: 111px;
	margin: auto;
}
div#logos ximg.l,
div#logos ximg.r
{
	top: 30px;
	left: -20px;
	border: solid 1px #06a;
}
div#logos ximg.r
{
	top: 30px;
	left: auto;
	right: -20px;
}
div#logos td
{
	padding: 0px 20px;
}


div#magaz
{
	xwidth: 365px;
	width: 340px;
	height: 520px;
	border: solid 1px #069;
}
div#magaz img.l,
div#magaz img.r
{
	top: 200px;
}

#magaz td div
{
	position: relative;
	width: 340px;
	height: 520px;
}

#magaz td div img
{
	position: absolute;
	width: 340px;
	top: 0px;
	left: 0px;
}
#magaz td div a.more
{
	position: absolute;
	bottom: 40px;
	left: 70px;

	xmargin: 20px auto 0px auto;

	color: #06a;
	border-color: #06a;
}



.ban1
{
	display: block;
	width: 356px;
	height: 258px;
	padding: 15px 25px;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

.ban1 div
{
	position: absolute;
	left: 25px;
	bottom: 15px;

	color: #fff;

	font-size: 14px;
	font-weight: normal;
	text-decoration: none;

	vertical-align: bottom;
}

.ban1 div b
{
	display: block;
	font-size: 20px;
	xfont-weight: bold;
	margin-bottom: 0px;
}

.ban1 div i
{
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0px;
	font-style: normal;
}

	

.digit
{
	display: block;
	width: 356px;
	height: 258px;
	padding: 15px 25px;
	background-size: cover;
	position: relative;
	overflow: hidden;
	text-align: center;

	color: #06a;
	border: solid 1px #06a;

	font-size: 18px;
	font-weight: normal;
}

.digit big
{
	display: block;
	font-size: 100px;
	line-height: 80px;
	xfont-style: italic;
	font-weight: 800;
	margin: auto;
	xfont-family: roboto-black;
}

.digit b
{
	display: block;
	font-size: 40px;
	line-height: 40px;
	font-weight: normal;
	margin-bottom: 10px;
	font-style: italic;
	xfont-family: roboto-medium;
}


.digit a,
a.btn
{
	display: block;
	font-size: 20px;
	line-height: 40px;

	color: #06a;
	border: solid 2px #06a;
	xborder-radius: 10px;
	text-decoration: none;
	text-transform: uppercase;
	margin: 10px auto 0px auto;
	width: 200px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;

	position: absolute;
	left: 100px;
	bottom: 15px;
}

.digit a:hover,
.digit a:active,
a.btn:hover,
a.btn:active
{
	color: #fff;
	background: #06a;
	text-decoration: none;
}


.p50
{
	width: 48%;
	display: inline-block;
	float: left;
}


#subscribe_email,
#q
{
	background: #fff;
	color: #000;
	padding: 3px 5px;
	font-size: 20px;
	border: none;
	xborder-radius: 5px;
	outline: none;
	xmargin: 20px 0px 20px 20px; 
}

#q:placeholder
{ 
	xcolor: deeppink;
 	font-size: 16px;
	text-transform: none;
	xfont-family: roboto-thin;
}

::placeholder
{ 
	xcolor: deeppink;
 	font-size: 16px;
	text-transform: none;
	xfont-family: roboto-thin;
}

::-moz-placeholder
{ 
	xcolor: deeppink;
 	font-size: 16px;
	text-transform: none;
	xfont-family: roboto-thin;
}

::-webkit-input-placeholder 
{ 
	xcolor: deeppink;
 	font-size: 16px;
	text-transform: none;
	xfont-family: roboto-thin;
}


.h10
{
	height: 10px;
	clear: both;
}

.h20
{
	height: 20px;
	clear: both;
}

.w50
{
	width: 50%;
}
.w40
{
	width: 40%;
}
.w30
{
	width: 30%;
}

	.w356
	{
		width: 100%;
	}



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

@media (max-width:1100px){

	.table
	{
		margin: auto;
	}

	.table .tr div.td.col1,
	.table .tr div.td.col2
	{
		display: block;
	}

	.col2
	{
		width: auto;
		border: none;
	}

	.news3
	{
		display: inline-block;
		color: #06a;
		width: 225px;
		margin-bottom: 20px;
		margin-right: 45px;
	}

	.slider
	{
		height: 358px;
	}

	.slider img
	{
		width: 860px;
		height: 358px;
	}


	.slide
	{
		width: 860px;
		height: 358px;
	}

        .slide div
        {
        	left: 380px;
        	bottom: 60px;
        	width: 450px;
	
		font-size: 12px;
	}
	
	.slide div b
        {
		font-size: 24px;
		margin-bottom: 15px;
	}
	
	.slide div i
        {
		font-size: 14px;
		margin-bottom: 15px;
	}
	
        .slide a
	{
		font-size: 22px;
		line-height: 36px;
		margin: 20px 0px 0px 0px;
		width: 210px;
	}





	.w1100,
	#mmenu
	{
		display: none;
	}

	.wrapper
	{
		max-width: 860px;
		xpadding: 0px 10px;
	}

	div#logos td
	{
		padding: 0px 10px;
	}

	div#logos
	{
		width: 741px;
        }
}





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

@media (max-width:700px){

	.slider
	{
		height: 250px;
	}

	.slider img
	{
		width: 600px;
		height: 250px;
	}


	.slide
	{
		width: 600px;
		height: 250px;
	}

        .slide div
        {
        	left: 280px;
        	bottom: 60px;
        	width: 300px;
	
		font-size: 12px;
	}
	
	.slide div b
        {
		font-size: 20px;
		margin-bottom: 15px;
	}
	
	.slide div i
        {
		font-size: 12px;
		margin-bottom: 15px;
	}
	
        .slide a
	{
		font-size: 20px;
		line-height: 36px;
		margin: 20px 0px 0px 0px;
		width: 180px;
	}


	.wrapper
	{
		max-width: 600px;
		xpadding: 0px 10px;
	}


	div#logos
	{
		width: 494px;
        }


	div#news1
	{
		width: 574px;
	}


	.table,
	.table .tr,
	.table .tr .td
	{
		display: block;
	}


	.desktop,
	.table .tr .td.desktop
	{
		display: none;
	}

	.w356
	{
		width: 356px;
		margin: auto;
	}


	.slide span
	{
		display: none;
	}


	.news_body img,
	#printArea img
	{
		max-width: 100%;
	}

}




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

@media (max-width:420px){

	.slider
	{
		width: 100vw;
		height: 180vw;
	}

	.slider img
	{
		xwidth: 340px;
		xheight: 141px;
	}


	.slider #slider_btns
	{
		bottom: 0px;
	}

	.slider #slider_btns a,
	.slider #slider_btns a.active
	{
		display: inline-block;
		width: 20px;
		height: 20px;
	}

	.slide
	{
		width: 100vw;
		height: 180vw;
		background: #2b79ae;
	}

        .slide img 
        {
		width: 100%;
		height: 80vw;
		position: relative;
	}

        .slide div
        {
		position: relative;
        	left: auto;
        	bottom: auto;
        	width: auto;
	
		padding: 20px 30px;
		font-size: 14px;
	}
	
	.slide div b
        {
		font-size: 28px;
		line-height: 32px;
		margin-bottom: 10px;
		font-weight: normal;
	}
	
	.slide div i
        {
		font-size: 14px;
		margin-bottom: 5px;
	}
	
        .slide a
	{
		xfont-size: 12px;
		xline-height: 14px;
		xmargin: 10px 0px 0px 0px;
		xwidth: 100px;
	}

	.slide span
	{
		display: block;
	}

	.slider #slider_btns
	{
		display: none;
	}

	.wrapper
	{
		max-width: 340px;
		padding: 0px;
	}


	div#logos
	{
		width: 231px;
        }

                         
	div#news1       
	{              
		width: 287px;
		margin: auto;
	}


	.news3
	{              
		width: auto;
		margin: auto;
	}



	.ban1,
	.digit
	{
		width: 300px;
		height: 200px;
		padding: 10px 15px;
	}


	.digit
	{
		font-size: 14px;
	}

	.digit big
	{
		font-size: 60px;
		line-height: 60px;
	}

	.digit b
	{
		font-size: 30px;
		line-height: 30px;
	}


	.digit a,
	a.btn
	{
		font-size: 14px;
		line-height: 30px;

		margin: 20px auto 0px auto;
		width: 150px;
	}


	.ban1
	{
		margin-bottom: 20px;
	}



	#magaz a img
	{
		width: 340px;
	}

	div#logos td
	{
		padding: 0px 2px;
	}

	div#magaz
	{
		width: 340px;
	}

	.w356
	{
		width: 340px;
	}

	.w50
	{	
		width: auto;
	}

	.w40
	{	
		width: auto;
	}

	.w30
	{	
		width: auto;
	}

	.news_body img,
	#printArea img
	{
		max-width: 100%;
	}

}





#menu2
{
	position: absolute;
	background: #383838;
	color: #fff;
	padding: 20px;
	width: 320px;

	xtop: 0px;
	xright: -360px;
	xtransition: right ease .7s;

	top: -1000px;
	right: 0px;
	transition: top ease .7s;
}

#menu2 a
{
	display: block;
	padding: 5px 40px 5px 50px;
	text-decoration: none;
	color: #fff;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	
}

#menu2 a:hover,
#menu2 a:active
{
	text-decoration: none;
	color: #6df;
	
}

#menu2 hr
{
	border: none;
	border-bottom: solid 1px #6df;
	margin: 20px 40px 20px 50px;
}



a.lmenu, a.lmenu_on
{
	color: #06a;
	xfont-size: 8pt;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	display: block;
	padding: 5px 20px 5px 5px;
	margin: 0px 0px 1px 0px;
}

a.lmenu:hover, a.lmenu:focus, a.lmenu_on, a.lmenu_on:hover, a.lmenu_on:focus
{
	color: #ffffff;
	xbackground: #0b629b;
	background: #2b79ae;
	text-decoration: none;
	border-bottom: none;
}



img.magaz
{
	width: 340px;
}


a.blue
{
	color: #06a;
	text-decoration: none;
}

a.blue:hover
{
	color: #06a;
	text-decoration: underline;
}










.mind
{
	display: block;
	width: 340px;
	height: 520px;
	xpadding: 15px 25px;
	xbackground-size: cover;
	position: relative;
	overflow: hidden;
	color: #fff;
	text-decoration: none;
}

.mind img
{
	position: absolute;
	left: 0px;
	top: 0px;
}

.mind div
{
	position: absolute;
	left: 25px;
	bottom: 30px;
	width: 70%;

	vertical-align: bottom;
}

.mind div i
{
	color: #fff;

	font-style: italic;
	font-size: 28px;
	line-height: 28px;
	font-weight: normal;
	text-decoration: none;

}

.mind div span
{
	display: block;
	padding: 10px;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	font-style: normal;
	color: #000;
	margin-bottom: 10px;
	xfont-family: roboto-thin;
}

.mind div span b
{
	display: block;
	font-style: italic;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #000;
	xfont-family: roboto-medium;
}

#printArea img
{
	max-width: 100%;
}
	


div#defaultFormBody,
div#defaultFormBody div
{
	font-size: 12pt;
	color: #666;	
	xfont-family: roboto-thin;
	font-weight: bold;
}


div.langs
{
	font-family: 'Open Sans',Arial,sans-serif;
	display: inline-block;
	padding-bottom: 10px;
	color: #fff;
}

a.lang
{
	color: #fff;
	xfont-family: roboto-thin;
	xpadding-right: 20px;
}

.stat
{
	display: none;
}




div.major,
#printArea div.major
{
	padding: 20px;
	color: #fff;
	background: #069;
}