@charset "utf-8";
/* CSS Document */
input.resp-nav, label.resp-nav { display:none; cursor:pointer; font-weight:400; }

#wrapper { min-width:320px; }
/* menu */
@media screen and (max-width: 1080px), screen and (max-device-width: 1080px), screen and (max-width: 1080px) {
	#menu ul.menu > li { padding-left:30px; }
	#menu ul.menu > li a, #menu ul.menu > li span { font-size:14px !important; }
	#menu ul.menu > li:first-child, #menu ul.menu > li.first { padding-left:0px; }
	ul.menu > li:not(.filtermenu)::before { left: 11px; }
}
@media screen and (max-width: 900px), screen and (max-device-width: 900px), screen and (max-width: 900px) {
	label.resp-nav { display:inline-block; background:#803795; padding:0px 10px; z-index:99999; color:#fff; line-height:30px; border-radius:5px; }
	#menu { position:fixed !important; right:10px !important; top:10px !important; background:none !important; width:auto !important; height:30px !important; }
	#menu ul.menu > li { padding-left:0px !important; display:block; }
	#menu::before, #menu ul.account, #menu #top, #menu li.mini-logo { display:none !important; }
	#menu ul.menu > li::before { display:none; }
	#menu ul.menu > li > a { line-height:30px; }
	#menu ul.menu, #header div.social input.resp-nav ~ ul { visibility:hidden; position:absolute; opacity:0; background:#fff; top:30px; padding:10px 20px !important; width:auto !important; right:0px; box-shadow:0px 5px 15px rgba(0,0,0,.25);}
	#menu ul.menu li a { display:block; white-space:nowrap; }
	#menu input.resp-nav:checked ~ ul { visibility:visible; opacity:1; transition:all .3s; }
	#header div.social input.resp-nav:checked ~ ul { visibility:visible !important; opacity:1 !important; transition:all .3s; }
	
	#menu ul.menu li ul, #menu ul.menu li+li.filtermenu { display:none; }
	#header ul.headmenu { display:none; }
	#header div.hblock.menupart { min-height:0; }
	#header div.hblock.social {
		z-index: 80;
		position: fixed;
		top:10px;
		left:0px;
		width:0;
	}
	#header div.social * {
		line-height: 30px;
	}
	#header div.social input.resp-nav ~ ul {
		right:auto;
		left:10px;
	}
	#header div.social div.c {
		overflow: visible;
		padding:0px 10px;
	}
	#header #logo {
		margin-top: 50px;
	}
	#header div.social li::before {
		display: none;
	}
	#header div.social li {
	    display: block;
	    padding-left: 0px;
	}
	#header div.social li:first-child {
		white-space: nowrap;
	}
	/**/
	#content { margin-bottom:25px; }
	#footer { position:relative; }
	/**/
	#content div.intro > h2 span { font-size:20px; }
	#video-prev div.head > div { font-size:12px; line-height:16px; }
	#video-prev div.videos div.vid.first { width:100%; }
	#video-prev div.videos div.more { width:100%; margin:1px 0px 0px 0px; border:none; }
	#video-prev div.videos div.more div.vid { width:33.333333%; margin:0px; border-left:1px solid transparent; }
	#video-prev div.videos div.more div.vid:first-child { border:none; }
	/**/
	div.partners div.status { margin-top:-15px; }
	div.partners div.status img { width:30px; margin-left:5px;  }

	#main div.p-submenu {
		display: block;
	}
	#main div.p-submenu + ul.list.events {
		display: none;
	}
}
/* logo, header */
@media screen and (max-width: 800px), screen and (max-device-width: 800px), screen and (max-width: 800px) {
	#header div.line { display:none; }
	#header div.slogen { display:none; }
	#header #logo { text-align:center; }
}
/* content */
@media screen and (max-width: 800px), screen and (max-device-width: 800px), screen and (max-width: 800px) {
	#side > * { display:none; }
	#side > div.submenu { display:block !important; }
	#side div.box-title span::after { width:900px; right:-910px; }
	#side div.box { padding-right:25px; }
	#side div.box-content { overflow:hidden; }

	#content #side { float:none; width:100%; }
	#content #main { padding-right:0px; }
	#content > div.c::before { display:none; }
	#footer > div.block.contact > div.c img { display:none; }
	#footer > div.block.contact > div.c { text-align:center; }
	#footer div.block.contact ul { float:none; }
	#footer div.block.contact ul li { text-align:center; }
	#footer > div.block.szep > div.c { text-align:center; }
	/**/
	/**/
	#banner { min-height:0px; }
	#banner div.active { width:100%; }
	#banner div.thumbs { display:none; }
	#banner div.pl { display:none !important; }
	#banner div.active::before, div.bottom.thumbs > div::after, #banner div.active::after, #banner div.right.thumbs > div::after,
	#banner div.bg { display:none; }
	/**/
	/*#video-prev div.head > div { font-size:14px; line-height:18px; }*/
	div.partners div.status { margin-top:-30px; }
	div.partners div.status img { width:60px; margin-left:10px;  }
}
/* partners */
@media screen and (max-width: 600px), screen and (max-device-width: 600px), screen and (max-width: 600px) {
	div.partners div.status { position:relative; height:auto; margin-top:10px; padding-left:25px; float:left; }
	div.partners a.more { display:none; }
	div.partners div.status img { width:30px; margin-left:0px; margin-right:5px; }
}
/* videos */
@media screen and (max-width: 500px), screen and (max-device-width: 500px), screen and (max-width: 500px) {
	#content div.intro { padding:10px 25px; width:100%; }
	#content div.intro p, #content div.intro h2 { padding:0px !important; }
	#content div.intro img, #content div.intro a.more { margin-left:0px; }
	#main div.vid { width:100%; }
	a.logo img { width:300px; }
	/**/
	#footer_menu { padding-top:20px; }
	#footer_menu, #footer div.siteby { display:block; width:100%; float:none; text-align:center; }
	#footer_menu a::before { display:none; }
	#footer_menu a { display:block; text-align:center; padding:0; line-height:normal !important; }
	/**/
	#video-prev div.head { display:none; }
	#video-prev div.body { background:none; padding:0px 25px; }
	#video-prev div.body > div:first-child { margin:0px; padding:0px; border:none;}
	#video-prev div.body > div {display:block !important; background:none;  margin-top:10px; padding-top:10px; border-top:1px solid #deb69f; }
}
/* form */
@media screen and (max-width: 600px), screen and (max-device-width: 600px), screen and (max-width: 600px) {
	form > div { width:100%; }	
}

@media screen and (max-width: 500px), screen and (max-device-width: 500px), screen and (max-width: 500px) {
	div.nl-col {
		display: block !important;
	}
	div.nl-col > div + div {
		margin-top: 10px;
	}
	div.nl-col.num2 > div, div.nl-col.num3 > div {
		width:100%;
	}
}