@font-face {font-family:Vectra; src:url("/fonts/Vectra.otf");}

html {background-color:#fff;}
body, html {
	margin:0; padding:0;
}
#body, html, div, p, blockquote, td, th, li {
	font-family: "Raleway", sans-serif;
	font-size:14pt;
	color:rgba(112,40,135,1);
	line-height:22pt;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family:"Cinzel", sans-serif;
	color:rgba(112,40,135,0.75);
}
h1, .h1 {font-size:36pt;}
h2, .h2 {font-size:32pt;}
h3, .h3 {font-size:28pt;}
h4, .h4 {font-size:24pt;}
h5, .h5 {font-size:18pt;}
h6, .h6 {font-size:16pt;}

a, .highlight {color:#b11f63; text-decoration:none;}
a:hover {text-decoration:underline;}

table {width:100%;}
td {padding:5px;vertical-align:top;}

.handwriting {font-family: "Vectra", cursive;}
.small {font-size:10pt;}

.fullscreen-bg {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: 0;
	background-image:url("/images/website/background.jpg");
	background-size:100%;
}
.fullscreen-bg-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity:0.5;
	mix-blend-mode:multiply;
}
#paramonovs {
	position:fixed;
	right:-20px;
	top:-20px;
	height:120vh;
	z-index:10;
	pointer-events: none;
}

#top, #main, #footer {
	position:relative;
	display:block;
	margin:0 0 0 60px;
}
#top {
	height:390px;
	color:#fff;
	width:100%;
	margin:0;
	overflow:hidden;
}
#logo-dateplace-container {
	position:relative;
	top:35px; left:60px;
	z-index:7;
	width:550px;
	text-align:center;
}

#logo {
	width:550px; height:auto;
	margin-top:20px;
}
#date-place {
	padding-top:20px;
}
#date-place div {
	display:block;
	text-align:center;
	font-family:"Cinzel", san-serif;
	font-size:20pt;
	color:rgba(112, 40, 135, 1);
	line-height:40px;
}

#main {
	min-height:600px;
	z-index:6;
	background-color:rgba(255,255,255,0.4);
	border:1px solid rgba(255,255,255,0.6);
	box-shadow:inset 0 0 60px rgba(255,255,255,0.5), 0 0 30px rgba(112,40,135,0.1);
	backdrop-filter: blur(5px);
}

#content {
	text-align:left;
	margin:30px 40vh 60px 45px;
}
#content div, #content p, #content blockquote, #content td, #content th, #content li {
	color:rgba(77,88,116,1);
	text-shadow:0 0 10px rgba(255,255,255,1);
}

#content #headline, #content .headline {
	font-family: "Vectra", Arial, sans-serif;
	font-weight:400;
	font-size:48pt;
	color:rgba(112,40,135,1) !important;
}
#content #headline {
	text-align:right;
	margin:60px 0 30px 0;
	text-shadow:1px 1px 3px rgba(112,40,135,0.6) !important;
	position:relative;
	margin-top:-70px;
	margin-bottom:50px;
	line-height:0.8em;
}

#footer {
	text-align:left;
	z-index:11;
	padding-right:300px;
	padding-bottom:30px;
	min-height:30px;
}
#footer img {
	height:65px;
	margin:30px 15px 15px 15px;
	vertical-align:middle;
	opacity: 0.8;
	filter: invert(70%) sepia(100%) hue-rotate(180deg) saturate(1.5);
	/*filter: alpha(opacity=70);*/
}
#footer img#tour {
	filter:none;
	background-color:rgba(255,255,255,0.5);
	border:1px solid #fff;
	padding:2.5px;
	border-radius:2px;
	margin-left:0;
}
#footer img#facebook, #footer img#instagram, #footer img#dct, #footer img#fordney {height:50px;}
#footer img#dss {height:65px;}
#footer img#dvc {height:80px; position:relative; top:-10px;}

.glass, .button, #navbar, #contact_form .inputbutton, .entryforms li a {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(216,225,231,0.9) 50%, rgba(197,212,224,0.9) 51%, rgba(224,239,249,0.9) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 0%,rgba(216,225,231,0.9) 50%,rgba(197,212,224,0.9) 51%,rgba(224,239,249,0.9) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%,rgba(216,225,231,0.9) 50%,rgba(197,212,224,0.9) 51%,rgba(224,239,249,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0eff9',GradientType=0 );
}
.gradient {
	background: rgb(197,212,224);
	background: -moz-linear-gradient(top, rgba(197,212,224,0.9) 0%, rgba(224,239,249,0.9) 100%);
	background: -webkit-linear-gradient(top, rgba(197,212,224,0.9) 0%,rgba(224,239,249,0.9) 100%);
	background: linear-gradient(to bottom, rgba(197,212,224,0.9) 0%,rgba(224,239,249,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5d4e0', endColorstr='#e0eff9',GradientType=0 );
}
#navbar-buffer {
	display:block;
	position:relative;
	top:0;
	height:60px;
	filter: blur(10px);
}
#navbar {
	display:block;
	position:fixed;
	top:0;
	width:100%; height:60px;
	margin:0 auto;
	z-index:9;
	white-space:nowrap;

	box-shadow: 0 0 20px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.2);
	-o-box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
#navbar ul {
	text-align:center;
	margin:0 auto; padding-left:30px;
	list-style-type:none;
	z-index:98;
}
#navbar ul li:hover {background-color:rgba(255,255,255,0.9);}
#navbar li.single, #navbar li.parent {
	display:inline-block;
	overflow:visible;
	position:relative;
	font-family:"Cinzel", sans-serif;
	font-size:16pt;
	height:60px; line-height:60px;
	border-left:1px solid rgba(255,255,255,0);
	border-right:1px solid rgba(255,255,255,0);
	z-index:99;
}
#navbar ul li a {
	display:inline-block;
	padding:0 18px;
	height:60px;
	color:rgba(112,40,135,0.7);
	text-decoration:none;
	z-index:99;
}
#navbar ul li a:hover {
	color:rgba(112,40,135,1);
}
#navbar li.children-expanded {
	background-color:rgba(255,255,255,0.9);
}
#navbar li.expanded a {
	color:rgba(112,40,135,1);
}
#navbar ul.children {
	position:absolute;
	left:-1px;top:60px;
	width:270px;
	padding:20px 0;
	background-color:rgba(255,255,255,0.9);
	border-bottom:1px solid rgba(255,255,255,0.2);
	border-left:1px solid rgba(255,255,255,0.2);
	border-right:1px solid rgba(255,255,255,0.2);
	display:none;
	box-shadow:0 0 50px rgba(255,255,255,0.2);
	-webkit-box-shadow:0 0 50px rgba(255,255,255,0.2);
	-moz-box-shadow:0 0 50px rgba(255,255,255,0.2);
	-o-box-shadow:0 0 50px rgba(255,255,255,0.2);
	z-index:99;
}
#navbar li.child {
	text-align:left;
	height:40px;line-height:40px;
	text-transform:none;
	font-size:14pt;
}
#navbar li.child a {
	width:240px;height:40px;
	color:#fff;
	color:rgba(112,40,135,0.7);
}
#navbar li.child a::before {
	content: "\272D";
	margin:0 10px 0 0;
	position:relative;
	top:-1px;
}

#navbutton {
	display:none;
	position:relative;
	float:right;
	right:20px;top:5px;
	width:40px; height:40px;
	background-color:rgba(255,255,255,1);
	cursor:pointer;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-o-border-radius:100%;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-o-box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
#navbutton div {
	font-family: Arial, Helvetica, sans-serif;
	font-size:36px;
	line-height:16px;
	position:absolute;
	width:100%;
	text-align:center;
	top:10px;
	color:rgba(112,40,135,0.5);
}
#navbutton div:hover {
	color:rgba(112,40,135,0.7);
}

.button, #contact_form .inputbutton, .entryforms li a {
	border:none;
	padding:10px 20px;
	font-size:13pt;
	text-decoration:none;
	color:#b11f63;
	cursor:pointer;
	box-shadow:2px 2px 10px rgba(0,0,0,0.3);
	-webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.3);
	-moz-box-shadow:2px 2px 10px rgba(0,0,0,0.3);
	-o-box-shadow:2px 2px 10px rgba(0,0,0,0.3);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
}

.button:hover, #contact_form:hover .inputbutton:hover, .entryforms li a:hover {
	box-shadow:1px 1px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.5);
	-moz-box-shadow:1px 1px 10px rgba(0,0,0,0.5);
	-o-box-shadow:1px 1px 10px rgba(0,0,0,0.5);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
}

/* COMPORGANIZER STANDARD CSS */

	.error, #error {
		color:red;
	}
	
	#contact_form table {
		width:100%;
		margin:0 auto;
	}
	#contact_form td {width:100%;}
	
	#contact_form input.field {
		width:100%;height:30px;
		width: calc(100% - 16px); -webkit-width: calc(100% - 16px);
		padding:3px 8px;
		font-size:12pt;
		border:none;
		background-color:rgba(255,255,255,0.75);
		margin-bottom:5px;
	}
	#contact_form input.field::-webkit-input-placeholder {color:#bbb;}
	#contact_form input.field::-ms-input-placeholder {color:#bbb;}
	#contact_form input.field::-o-input-placeholder {color:#bbb;}

	#contact_form input.inputbutton {
		position:relative;
		right:30px; top:-33px;
		float:right;
	}
	
	#contact_form textarea {
		width:100%;height:200px;
		width: calc(100% - 16px); -webkit-width: calc(100% - 16px);
		padding:6px 8px;
		border:none;
		background-color:rgba(255,255,255,0.75);
		font-size:12pt;
	}
	
	#contact_form input.captcha {
		width:290px;
		position:relative;
		float:right;
		top:-1px;
	}
	
	#venue {
	}
	#venue-poster, #venue-slideshow {
		width:100%;
	}
	#venue-slidehow {height:400px;}
	#venue-container1 {
		position:relative;
		top:-75px;
	}
	#venue-logo {
		width:170px;
		display:block;
		position:relative;
		margin:0 25px;
		float:left;
	}
	#venue-info {
		display:inline;
		line-height:30px;
	}
	#venue-container2 {
		position:relative;
		top:-20px;
	}
	.venue-address, venue-telephone {

	}
	#venue-container1 .venue-title {
		font-size:27pt; line-height:72px;
		position:relative;
		top:-5px;
		margin-bottom:10px;
		font-weight:bold;
		color:#fff !important;
		text-shadow: 0px 0px 10px #fff;
	}
	.venue-button {
		display:block;
		text-align:center;
		margin:30px 0 15px 0;
		line-height:30px;
		height:30px;
		border-radius:10px;
	}
	.starting-at, .venue-price, .venue-price-desc {
		display:inline;
		font-size:24pt; font-weight:bold;
 	}
	.venue-price-container {font-size:x-large;color:#fff;text-align:center;}
	#venue-container3 h3 {
		font-size:xx-large;
		font-weight:normal;
	}
	#venue-container3 iframe {
		width:100%; height:450px;
	}
	.map-header {
		margin:15px 0;
		font-size:32pt;
	}

	.entryforms ul {
		list-style-type:none;
		margin:0; padding:0;
	}
	.entryforms li {
		margin:20px 0;
		position:relative;
	}
	.entryforms li a {
		display:block;
		width:540px;
		text-indent:0;
		padding-left:45px;
	}
	.entryforms li a::before {
		content: "";
		background-image:url("http://www.comporganizer.com/images/pdf.png");
		background-size: 25px;
		width:25px; height:25px;
		position:absolute; display:inline-block;
		top:12px; left:10px;
	}
	.entryforms-header {margin-bottom:30px;}
	.docPW ul li a::before {
		background-image:url("http://www.comporganizer.com/images/lock.png");
	}
	
	#schedule {padding-top:30px;}
	#schedule table {
		margin-top:30px;
		margin-bottom:60px;
	}

	#schedule td.space_above {height:0 !important;}
	#schedule .schedule_row {
		padding-top:3px;
		padding-bottom:3px;
		padding-left:30px;
		text-indent:-25px;
	}
	
	#schedule .categorized {
		padding-left:60px;
	}

	#schedule .space_above{
		height:30px;
	}
	#schedule .space_below {
		height:120px;
	}
	
	#schedule .session_header_cell {
		border-bottom:1px solid rgba(0,0,0,0.3);
		position:relative;
	}
	
	#schedule .session_title {
		display:inline;
		position:absolute;
		top:15px;
	}
	
	#schedule .session_number {
		font-family:"Cinzel", sans-serif;
		font-size:15pt;
		padding:5px 15px;
		margin-right:15px;
		margin-left:-5px;
		position:relative;
		top:-38px;left:0;
		background-color:#fff;
		width:130px;
		text-align:center;
		display:inline-block;
		white-space:nowrap;
	}
	
	#content #schedule .session_name {
		font-family:'Vectra',cursive;
		color:purple !important;
		text-shadow:1px 1px 3px rgba(112,40,135,0.6) !important;
		font-size:28pt;
		position:absolute;
		top:-30px;left:150px;
		width:400px;
	}
	
	#schedule .doors_open {
		position:absolute;
		text-align:right;
		top:10px;right:0;
	}
	
	#schedule .session_date {
		position:absolute;
		text-align:right;
		top:-22.5px;right:0;
		font-weight:bold;
	}
	
	#schedule .schedule_cat {
		padding:30px 0 10px 0;
		font-weight:bold;
		color:#ffdea0;
	}
	#schedule .schedule_time {
		padding-left:0;
	}
	#schedule ul {
		padding:10px 0 10px 0;
		margin:0;
	}
	#schedule li {
		text-indent:0;
	}
	
	.price_list .title, .price_list .header {
		font-family:"Cinzel",sans-serif;
		font-weight:bold;
		text-shadow:1px 1px 3px rgba(0,0,0,0.3);
		white-space:normal;
		line-height:20px;
		padding-bottom:10px;
	}
	.price_list .title {
		font-size:18pt;
		line-height:25px;
		min-width:300px;
		white-space:nowrap;
	}
	#price_list_2115 table {
		max-width:300px;
	}
	
	@media (max-width:1300px) {.price_list .title{white-space:normal;min-width:300px;}}
	@media (max-width:1150px) {.price_list .title{white-space:normal;min-width:auto;}}
	.price_list td {text-align:center;}
	.price_list tr td:first-child {text-align:left;}
	
	#packages {text-align:center;}
	#packages .package {
		display:inline-block;
		width:360px; height:490px;
		vertical-align:top;
		background-color:rgba(255,255,255,0.3);
		padding:15px;
		margin:0 15px 15px 0;
		text-align:left;
	}
	#packages .package h5 {
		text-align:center;
		margin:15px auto;
	}
	#packages .package ul {
		margin:0 0 0 30px; padding:0;
	}
	@media (max-width:1250px) {#packages .package {width:40%;height:560px;}}
	
	#prize_money h3 {

	}
	

	.officials {
		margin:60px auto 0 30px;
		width:100%;
	}
	.cat-chairman-of-judges, .cat-chairmen-of-judges, .cat-master-of-ceremonies, .cat-masters-of-ceremonies {
		display:inline-block;
		width:40%;
	}
	#content #officials .officials_grid .subheader {
		font-family:"Cinzel", sans-serif;
		font-size:21pt;
		color:#fff;
		margin-bottom:30px;
		color:rgba(112, 40, 135, 0.75) !important;
		text-shadow:1px 1px rgba(112, 40, 135, 0.5);
	}
	.officials_grid ul {
		list-style-type:none;
		margin:10px 0 40px 0;padding:0;
	}
	.officials_grid ul li {
		display:inline-block;
		margin:0 30px 30px 0;
		position:relative;
		height:240px;
		width:140px;
	}
	.officials_grid .photo_container {
		width:125px;height:125px;
		overflow:hidden;
		display:block;
		background-size:100% auto;
		position:absolute;
		top:0;
		border:5px solid #fff;
		box-shadow:0 0 20px rgba(0,0,0,0.5);
		-webkit-box-shadow:0 0 20px rgba(0,0,0,0.5);
		-moz-box-shadow:0 0 20px rgba(0,0,0,0.5);
		-o-box-shadow:0 0 20px rgba(0,0,0,0.5);

	}
	.officials_grid img {
		width:125px;
		-webkit-filter: sepia(100%) hue-rotate(180deg) grayscale(30%);
		filter: sepia(100%) hue-rotate(180deg) grayscale(30%);
		
    }
	.official_info {
		font-size:13pt; line-height:15pt;
		font-weight:600;
		position:absolute;
		margin-top:15px;
		width:125px;height:120px;
		overflow:hidden;
		top:135px;
	}

	.vendor_category {
		font-size:15pt;
		font-weight:bold;
		text-align:left;
		margin:60px 0 20px 0;
		border-bottom:1px solid rgba(255,255,255,0.2);
	}
	#vendors ul {
		list-style-type:none;
		margin:0;padding:0;
	}
	#vendors li {
		margin:0 0 50px 0;
	}
	#vendors img {
		width:25%; min-width:150px;
		margin:0 20px 20px 0;
		display:inline-block;
		-moz-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.1);
		-webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.1);
		box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.1);
		vertical-align:top;
	}
	.vendor {
		display:inline-block;
		position:relative;
		font-size:12pt;
		vertical-align:top;
		width:600px;
	}
	.vendor_name {
		font-size:14pt;
	}
	#vendors_spacer {
		height:40px;
	}

/* PREMIER HEALISTS */

.heatlist_warning {margin-bottom:30px;}
#heatlists-main .list-group a {
	background-color:rgba(255,255,255,0.25);
	border-bottom:1px dotted #fff;
	padding:5px 10px;
}
#heatlists-main #keyword-container {
	margin-bottom:0;
}

/* OLD COMPMANAGER HEALISTS */
/*
	#heatlists {
		position:relative;
	}
	
	#heatlist_search {
		position:relative;
		width:420px; height:35px;
		padding:10px 0 10px 30px;
		margin:0 auto 30px auto;
		background-image:url("/images/top.png");
		background-position:-50px 750px;
		background-size:1500px;
		white-space:nowrap;
		color:#fff;
	}
	#heatlist_search #search {
		width:300px; height:30px; line-height:30px;
		padding:0 5px;
		font-size:11pt;
	}
	#heatlist_search #searchlabel {
		width:60px;
		margin-right:10px;
		display:inline-block;
	}
	#heatlist_search #searchcancel {
		display:inline-block;
		cursor:pointer;
		width:18px; height:18px; line-height:18px; text-align:center;
		-border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;
		position:relative;
		left:-30px; top:-1px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:9pt; font-weight: bold;
		background-color:red;
		color:#fff !important;
	}
	
	#heatlist_competitors {
		display:block;
		background-color:rgba(78, 97, 121, 0.9);
		position:absolute;
		left:0; top:47px;
		width:450px;
		z-index:99;
	}
	#heatlist_competitors ul {
		list-style-type:none;
		margin:0; padding:10px 0;
	}
	#heatlist_competitors ul li {
		padding:0 15px;
		background-image:none;
	}
	#heatlist_competitors ul li a {
		display:block;
		width:100%;
		height:29px; line-height:29px;
		text-decoration:none;
		color:#fff;
		text-shadow:2px 2px 2px rgba(0,0,0,0.5);
		cursor:pointer;
	}
	#heatlist_competitors ul li:last-child {
		padding-bottom:25px;
	}
	#heatlist_competitors ul li a:hover {
		color:#ffc8d2;
	}
	#heatlist #heatprint {
		position:absolute;
		left:0; top:-20px;
		cursor:pointer;
		text-align:center;
		width:120px; height:75px;
		padding-top:80px;
		background-image:url("/co/images/print3.png");
		background-repeat:no-repeat;
		background-size:70px;
		background-position:25px 0px;
		font-size:small;
		line-height:15px !important;
	}
	#heatlist #header {
		text-align:center;
		line-height:30px;
	}
	#heatlist #heatlist_competitor_name {
		font-size:x-large;
	}
	#heatlist .heatlist_warning {
		font-style: italic;
		text-align:center;
		margin:15px 0 30px 0;
		color:red;
	}
	#heatlist_table {
		width:100%;
		border-collapse: collapse;
	}
	#heatlist_table td {
		border-bottom:1px solid rgba(94,106,122,0.9);
		padding:5px;
	}
	#heatlist_table td.partner {
		background-color:rgba(94,106,122,0.2);
		padding:7px 10px 3px 10px;
		text-shadow:none;
	}
	#heatlist_table th {
		background-color:rgba(94,106,122,0.9);
		color:#fff !important;
		text-shadow:none;
		text-align:left;
		padding:10px;
		font-size:12pt;
		white-space:nowrap;
	}
	
	#heatlist_loading {
		position:absolute;
		width:100px; padding-top:80px; padding-bottom:10px;
		left:50%; top:600px;
		margin-left:-50px; margin-top:-15px;
		z-index:99;
		display:block;
		background-color:#000;
		color:red;
		text-align:center;
		background-image:url("/co/images/loading.gif");
		background-size:50px; background-repeat:no-repeat;
	}
	#heatframe {visibility:hidden;}
	#heatlist_logo {display:none;}
	#heatlist_info {
		text-align:center;
	}
	#heatlist_recents {
		list-style-type:none;
		margin:0; padding:0;
	}
	#heatlist_recents li {
		background-image:none;
	}
	#heatlist_recents li a {
		text-decoration:none;
		display:block;
		padding:5px;
	}
*/

/* PREMIER RESULTS */

	#results-subnav {position:relative;}
	#content div#results-subnav .dropdown {
		background-color:rgba(112, 40, 135, 0.5);
		cursor:pointer;
	}
	#content div#results-subnav .dropdown select {
		cursor:pointer;
	}
	#results-subnav .dropdown::after {
		font-size:18pt;
		background-color:#fff;
		width:20px; height:20px; line-height:18px;
		text-align:center;
		border-radius:100%;
		left:210px; top:10px;
	}

	#results-main .list-group a {
		background-color:rgba(255,255,255,0.25);
		border-bottom:1px dotted #fff;
		padding:5px 15px;
		font-size:13pt;
	}
	#results-main .list-group a:hover {
		text-decoration:none;
		background-color:rgba(255,255,255,0.5);	
	}
	#results-main h1 {
		font-size:24pt;
		line-height:28pt;
	}
	#results td, #results th {
		background-color:rgba(255,255,255,0.5);
		border:1px solid #ccc;
	}
	#results-main .danceHeader {
		position:relative;
		top:10px;
	}
	#results-main .judgeHeader {
		top:0;
	}
	#results-main .roundHeader {
		margin:30px 0 -15px 0;
	}

#ndca-warning {display:none;}

/* END COMPROGANIZER STANDARD CSS */

/* PRINTING */

@media print {
	
	body, html {
		background:none;
		width:100%; height:100%;
		margin:0; padding:0;
	}
	.fullscreen-bg, #navbar, #navbar-buffer, #date-place, #paramonovs, #footer, #heatlists-subnav, #keyword-container {display:none !important;}
	#top {
		margin:0 !important; padding:0 !important;
		height:auto;
	}
	#logo-dateplace-container {
		display:block;
		width:100%;
		text-align:center;
		margin:0 !important;
		position:relative;
		left:0; top:0;
		float:none;
	}
	#logo {
		width:50% !important;
		margin-bottom:90px;
	}
	#main, #content {
		margin:0 !important; padding:0 !important;
		position:relative;
		left:0; top:0;
		background:none;
		border:none;
		box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none;
		width:100%; height:100%;
		float:none;
	}
	#content {margin:0.5in; width:100%;}
	#content #headline {
		float:none;
		margin:-45px 0 30px 0 !important;
		position:relative;
		text-align:center;
		font-size:36pt;
		height:0.5in;
	}
	.heatlist_warning {
		text-align:center;
	}
	
}

/* 480, 768 (tablet portrait), 992, 1200 */

@media (max-width:1200px) {
	#top, #main, #footer {
		width:auto !important;
	}
}

@media (max-width:1050px) {
	#top, #main, #footer {
		margin:0 !important;
	}
	#top {
		height:450px;
	}
	#main {background-color:rgba(255,255,255,0.7);}
	#content {margin:30px;}
	#content, #content div, #content p {
		color:rgba(77,88,116,1);
	}
	#logo {z-index:4;}
	#paramonovs {
		z-index:5;
	}
	#navbar ul {
		padding-left:0;
		text-align:center;
	}
	#headline {text-align:left !important;left:30px;top:-70px;}
	#footer {text-align:center;padding:35px 0 25px 0;}
	#footer img {margin:0 15px;}
	#footer img#comporganizer {display:block;margin:0 auto;margin-top:15px;}
	
	#packages .package {background:none;height:auto;}
}
	
@media (max-width:767px) {
	
	#navbar {
		height:auto;
		white-space:normal;
		padding:10px 0 20px 0;
		background:	rgba(112,40,135,0,5);
		
		background: rgb(197,212,224);
		background: -moz-linear-gradient(top, rgba(197,212,224,0.9) 0%, rgba(224,239,249,0.9) 100%);
		background: -webkit-linear-gradient(top, rgba(197,212,224,0.9) 0%,rgba(224,239,249,0.9) 100%);
		background: linear-gradient(to bottom, rgba(197,212,224,0.9) 0%,rgba(224,239,249,0.9) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5d4e0', endColorstr='#e0eff9',GradientType=0 );

	}
	#navbar ul {display:block;width:100%;margin:0;padding:0 0 60px 0;}
	#navbar ul li {display:block;width:100%;margin:0;padding:0;}
	#navbar ul li a {padding:0 0!important;}
	#navbar ul.children {top:-10px;left:0;margin:0;padding:0 !important;width:100%;position:relative !important;}
	#navbar ul li.child {width:100%;margin:0;padding:0;text-align:center;}
	#navbar ul.children li a {margin:0;}
	
	#navbar ul {display:none;}
	#navbutton {display:block;}
	
	#paramonovs {display:none;}
	#top {text-align:center;height:50vw;}
	
	#logo-dateplace-container {
		width:100%;
		text-align:center;
		left:0; top:10px;
	}
	#logo {
		width:90%;
	}
	#date-place {
		left:0;top:160px;width:100%;text-align:center;
	}
	#headline {
		position:relative;
		left:0; top:0;
		width:100%;
		text-align:center !important;
		margin:60px auto 60px auto !important;
		line-height:60px;
	}
	#main {background-color:rgba(255,255,255,0.5);}
	#footer {
		padding-left:0;
		text-align:center;
	}
  .fullscreen-bg {
    background-image: url("/images/website/background.jpg");
  }
  .fullscreen-bg-video {
    display: none;
  }
}

@media (max-width:550px) {
	#top {
		height:300px;
	}
}

@media (min-aspect-ratio: 16/9) {
	.fullscreen-bg {
		background-size:100% auto;
	}
	.fullscreen-bg-video {
		height: 300%;
		top: -100%;
	}
}

@media (max-aspect-ratio: 16/9) {
	.fullscreen-bg {
		background-size:auto 100%;
	}
	.fullscreen-bg-video {
		width: 300%;
		left: -100%;
	}
}