@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Oswald);
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


#overlay {background: #fff;  z-index:100; width:100%; height:100%; position:fixed; font-family:Arial, Helvetica, sans-serif; z-index:9999999}
#overlay h1 {color: #fff; text-align:center!important; font-size:40px!important; float:none!important; text-indent:0!important; margin:10px auto!important; background:none; padding-top: 10px; width:100%!important; height:auto!important}
#overlay h2 {color: #fff; text-align:center; width:100%; background:none!important; z-index:99999; font-size:26px!important; margin:10px auto!important}
#overlay h2 span {font-size:34px; line-height:40px; background:none!important; color:#FFF; font-size:20px!important}
#overlay h2 a {color:#fff}
#overlay  p {text-align:center!important; color:#fff; background:none; margin:10px auto!important}
#overlay  p a {color:#fff}
body {margin:0}
.menu-wrapper {z-index:-1}





.cb-slideshow, .cb-slideshow:after {position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0;}
.cb-slideshow:after {content: '';background: transparent url(../images/pattern.png) repeat top left;}
.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 30s linear infinite 0s;
    -moz-animation: imageAnimation 30s linear infinite 0s;
    -o-animation: imageAnimation 30s linear infinite 0s;
    -ms-animation: imageAnimation 30s linear infinite 0s;
    animation: imageAnimation 30s linear infinite 0s;
}
.cb-slideshow li div {
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-animation: titleAnimation 30s linear infinite 0s;
    -moz-animation: titleAnimation 30s linear infinite 0s;
    -o-animation: titleAnimation 30s linear infinite 0s;
    -ms-animation: titleAnimation 30s linear infinite 0s;
    animation: titleAnimation 30s linear infinite 0s;
}
.cb-slideshow li div h3 {font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif; font-size: 160px; padding: 0 30px; line-height: 120px; color: rgba(255,255,255,0.8); margin-bottom:70px
}
.cb-slideshow li:nth-child(1) span { background-image: url(../images/a.jpg) }
.cb-slideshow li:nth-child(2) span {
    background-image: url(../images/2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) span {
    background-image: url(../images/3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) span {
    background-image: url(../images/4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) span {
    background-image: url(../images/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) span {
    background-image: url(../images/6.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
.cb-slideshow li:nth-child(7) span {
    background-image: url(../images/7.jpg);
    -webkit-animation-delay: 36s;
    -moz-animation-delay: 36s;
    -o-animation-delay: 36s;
    -ms-animation-delay: 36s;
    animation-delay: 36s;
}
.cb-slideshow li:nth-child(2) div {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) div {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}

.cb-slideshow li:nth-child(7) div {
    -webkit-animation-delay: 36s;
    -moz-animation-delay: 36s;
    -o-animation-delay: 36s;
    -ms-animation-delay: 36s;
    animation-delay: 36s;
}

@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	22% {
		opacity: 0;
		-webkit-transform: scale(1.1) ;
	}
	25% {
	    opacity: 0;
	    -webkit-transform: scale(1.1) translateY(-100%);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}
	22% {
		opacity: 0;
		-webkit-transform: scale(1.1) ;
	}
	25% {
	    opacity: 0;
	    -moz-transform: scale(1.1) translateY(-100%);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}
	22% {
		opacity: 0;
		-webkit-transform: scale(1.1) ;
	}
	25% {
	    opacity: 0;
	    -o-transform: scale(1.1) translateY(-100%);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	22% {
		opacity: 0;
		-webkit-transform: scale(1.1) ;
	}
	25% {
	    opacity: 0;
	    -ms-transform: scale(1.1) translateY(-100%);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	22% {
		opacity: 0;
		-webkit-transform: scale(1.1) ;
	}
	25% {
	    opacity: 0;
	    -transform: scale(1.1) translateY(-100%);
	}
	100% { opacity: 0 }
}
@-webkit-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -webkit-transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    -webkit-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -webkit-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    -webkit-transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -moz-transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    -moz-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -moz-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    -moz-transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -o-transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    -o-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -o-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    -o-transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -ms-transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    -ms-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -ms-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    -ms-transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}
@media screen and (max-width: 1140px) { 
	.cb-slideshow li div h3 { font-size: 100px }
}
@media screen and (max-width: 600px) { 
	.cb-slideshow li div h3 { font-size: 50px }
}

/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
input{
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	color:#979797;
	width:190px;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* General Demo Style */
body{
font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 15px;
	color: #aa3e03;
	overflow-y: scroll;
	overflow-x: hidden;
	background:#ce2730
}
.ie7 body{
	overflow:hidden;
}
a{
	color: #333;
	text-decoration: none;
}
.container{
	position: relative;
}
.clr{
	clear: both;
}
.container > header{
	padding: 30px 30px 10px 20px;
	margin: 0px 20px 10px 20px;
	position: relative;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: left;
}
.container > header h1{
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	font-size: 35px;
	line-height: 35px;
	position: relative;
	font-weight: 400;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    padding: 0px 0px 5px 0px;
}
.container > header h1 span{

}
.container > header h2, p.info{
	font-size: 16px;
	font-style: italic;
	color: #f8f8f8;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}

#main {background:#000; margin:0; padding:0 0 20px 0}

.offer {text-align: left; margin-bottom:25px; display: inline-block; padding-bottom:25px; border-bottom: 2px solid #C00}
.offer img {float: left; margin: 0 10px 10px 0; max-width:300px}
.offer p {margin-bottom:10px}
.offer h2 {font-family: 'Oswald', sans-serif; color:#C00; font-size:32px; margin-bottom:10px}
.offer h3 {color:#C00; font-size:20px; margin-bottom:10px; }
.offer h5 a {color:#fff}


.party {width:100%; margin:0}
.party img {width: 25%; margin:0; padding:0; float: left}
.party h2 {font-family: 'Oswald', sans-serif; color:#C00; font-size:32px; margin:10px 0; display:inline-block}

p.logo img {margin: 40px 0}

#social {margin:auto; text-align:center}

@media screen and (max-width: 767px) {
	.container > header {text-align: center;}
	.offer img {width:100%; max-width:1000px}		
}



*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0; -webkit-font-smoothing: antialiased;}
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

/* Reset CSS */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%; vertical-align: baseline; -webkit-font-smoothing: antialiased;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
body{-webkit-font-smoothing: antialiased;}

#topbar {width:100%; height:auto; padding:10px 0; top:0; left:0}
#topbar, .slicknav_menu{background:#780003; z-index:1000; border-bottom:1px solid #000; background: #a90329; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #a90329 0%, #8f0222 44%, #780003 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#780003)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #a90329 0%,#8f0222 44%,#780003 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #a90329 0%,#8f0222 44%,#780003 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #a90329 0%,#8f0222 44%,#780003 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #a90329 0%,#8f0222 44%,#780003 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#780003',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
ul#menu {width: 100%; max-width:1120px; list-style-type: none; margin:0 auto; text-align: right;	padding:9px 0;}
ul#menu li {display:inline-block; }
ul#menu li a {display: inline;  margin: 3px; padding:10px 7px;  transition: background-color 0.3s ease-in-out 0s; }
ul#menu li a, .slicknav_nav a{color: #fff; font-size: 14px; letter-spacing: .5px; text-decoration: none; text-transform: uppercase;}
.slicknav_nav a {text-align:center}
ul#menu li a:hover, .slicknav_nav a:hover {background: #D8D8D0; color: #460705;}
		
.slicknav_menu{display:none; position:fixed; width:100%; top:0; left:0;}

h1#logo{margin:0; padding:0; float:left; display:table-cell; vertical-align:bottom;}
h1#logo img{vertical-align:bottom; border:none; }
h1#logo a:hover {background:none!important}
.logo {text-align:center}
		
.slicknav_menu {display:none;}

#hello {width: 96%; margin: auto; 	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:20px; margin-top:20px; }
#hello h2 {font-family:"Great Vibes","Helvetica",Arial,sans-serif; font-size: 60px; color:#fff; text-align:center; text-shadow: 2px 2px 2px rgba(217, 30, 37, .8); margin-bottom: 35px}
#hello h3 {font-size:38px; font-family:"BebasNeueRegular","Arial Narrow",Arial,sans-serif;color:#fff; text-align:center;}
#hello h3 span {font-size:.75}
#hello h3 strong {font-size:1.4em; -webkit-text-stroke: 1px black; color: white;  text-shadow: 3px 3px 0 #000, -1px -1px 0 #000,   1px -1px 0 #000,  -1px 1px 0 #000, 1px 1px 0 #000;}
#hello h4 {font-family:"Great Vibes","Helvetica",Arial,sans-serif; font-size: 30px; line-height:40px; color:#fff; text-align:center; text-shadow: 2px 2px 2px rgba(217, 30, 37, .8);}


#hello p {font-size: 16px; color:#fff; text-align:center; margin-bottom:20px;   text-shadow: 3px 3px 0 #000, -1px -1px 0 #000,   1px -1px 0 #000,  -1px 1px 0 #000, 1px 1px 0 #000; line-height:26px}

#text {margin-bottom:20px}


#content {width: 96%; margin: 70px auto 0; max-width:1000px; text-align:center}
#content p {line-height:1.5em; margin-bottom:20px}

.menuchoice {margin-bottom: 25px; text-align: center; width: 100%;}

.roombox ul > li {border-bottom: 1px solid #333;
    color: #6b6e80;
    display: block;
    padding-bottom: 24px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 24px;
	text-align:center
}

.roombox ul > li strong {
    color: #d91e25;
    font-size: 20px;
    line-height: 30px;
}


.roombox ul > li span {
    background-color: #e54325;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #ffffff;
    display: block;
    float: right;
    font-size: 15px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
}


.roombox {
    clear: both;
    margin-bottom: 0;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-top: 0;
    text-transform: lowercase;
    width: 95%;
	position:relative
}


.roombox h2 {border-bottom-color: #aa1515; border-bottom-style: solid; border-bottom-width: 3px; color: #aa1515; font-family:"BebasNeueRegular","Arial Narrow",Arial,sans-serif;  font-size: 29px; margin: 20px 0; padding-bottom: 3px; text-align: center; text-transform: uppercase; width: 100%;}

.roombox img {float:left; height:auto; margin:0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position:absolute; left:0}
#menupage {color:#fff}
#menupage h2 strong a {float:right; color:#fff; font-size:12px; margin-top:10px}


.sample {text-align:center; margin: 20px 0}

ul.topnav {width: 100%	; text-align:center; margin-bottom:20px; height:auto; min-height:35px}
ul.topnav li {display:inline}
ul.topnav li a {background: rgba(170,21,21,1); background: -moz-linear-gradient(top, rgba(170,21,21,1) 0%, rgba(229,66,37,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(170,21,21,1)), color-stop(100%, rgba(229,66,37,1)));
background: -webkit-linear-gradient(top, rgba(170,21,21,1) 0%, rgba(229,66,37,1) 100%); background: -o-linear-gradient(top, rgba(170,21,21,1) 0%, rgba(229,66,37,1) 100%); background: -ms-linear-gradient(top, rgba(170,21,21,1) 0%, rgba(229,66,37,1) 100%); background: linear-gradient(to bottom, rgba(170,21,21,1) 0%, rgba(229,66,37,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa1515', endColorstr='#e54225', GradientType=0 ); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; display: inline-block !important; font-size: 12px; text-align: center; padding:8px 6px; margin: 0 }
ul.topnav li a:hover {background-color: #555;}
ul.topnav li.icon {display: none;}

div#footer {margin: 0; padding: 20px 0 0 0; color: #000; background:#d91e25;  display:block; overflow:auto; clear:both; border-top: 1px solid #fff}
div#footercontainer {margin: 0 auto; width:100%; max-width:1000px; height:10px}
div#footerleft {float:left; margin:0; width:50%}
div#footerleft p{float:left; margin-top:0; font-size:14px; color:#fff; }
div#footerleft p a{color: #fff}
div#footerright {width:50%; margin:0; float:right}
div#footerright img {margin-top:5px}
div#footerright p {margin-top: 5px; font-size:14px; text-align:right; color:#fff; margin-bottom: 20px}
div#footerright p a {color: #f1ada4}
ul#footernav {float:left; display:inline; padding:0; width:100%; text-align:left; margin-bottom:20px; margin-top:5px; color: #bdaec6}
ul#footernav li {display:inline; text-align:left; }
ul#footernav li a {color:#fff; text-decoration:none; font-size:13px}
ul#footernav li a:hover {color:#bdaec6}


#content #hello {margin-bottom:20px}
#content .pix {margin-bottom:20px; display:flex}
#content .pix img {-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 28.33%; margin:0 2.5%; float:left; height:auto}

.box50 {float:left; width: 48%; margin: 0 1%}
.box50 h3 {font-family:"Great Vibes","Helvetica",Arial,sans-serif; font-size: 36px; line-height:30px; margin-bottom:10px}

.constrain {clear:both; display:flex}

iframe {width: 100%; height:400px; margin-bottom:20px}

.col_label {margin-bottom:10px}

.cap {width: 304px; margin:auto}

.quart {width: calc(25% - 20px); margin: 10px ; float:left}
.quart h2{text-align:center; display:block; width: 100%; font-size:40px; font-family: "BebasNeueRegular","Arial Narrow",Arial,sans-serif; line-height:.7em}
.cock241 {color: #490338}
.cock241 span {color: #995C8A}
.xmas {color: #F00}
.xmas span{color: #C00}
.stud {color: #000}
.stud span{color: #666; font-size:20px}

.bf_footer {position:fixed; bottom:0px; left:0px; width:100%; font-size:13px; background: rgba(255, 255, 255, 0.65); adding-bottom:5px; 	text-transform:uppercase; 	z-index:4; }


@media screen and (max-width: 990px) {
div#footerleft {float:left; margin: 0 20px 0 15px; width:95%}
	div#footerleft p {margin-top:0; font-size:16px; color:#000; text-align:center; float:none}
	div#footerleft p a {color: #f1ada4}
	div#footerright {margin:0; float:left; clear:both; padding-left: 15px; width:95%}
	div#footerleft img {margin: 15px auto; clear:both; display:block}
	div#footerright p {margin-top: 5px; font-size:16px; text-align:left; color:#000; text-align:center}
	ul#footernav {width:100%}
	ul#footernav li {text-align:center!important}
	ul#footernav li a {text-align:center!important}
	ul#footernav {text-align:center!important}
	.quart h2 {font-size:30px; 	line-height:.9em}
	.stud span{color: #666; font-size:14px; text-transform:lowercase!important}
	ul#menu li a {color: #fff; font-size: 15px; letter-spacing: 0px}

}


@media screen and (max-width: 600px) {
.cb-slideshow li div {bottom:5px!important}
.cb-slideshow li div h3 {line-height:40px}
p.logo img {max-width: 98%}
.logo {margin-top:35px}

#hello h2 {font-family:"Great Vibes","Helvetica",Arial,sans-serif; font-size: 50px; line-height:40px; color:#fff; text-align:center; text-shadow: 2px 2px 2px rgba(217, 30, 37, .8); margin-bottom:15px}
#hello h2 span {font-size:25px; margin-top: 20px; display:block; font-family:"BebasNeueRegular","Arial Narrow",Arial,sans-serif; }
.roombox img {display:none}
#hello h3 {font-size: 20px; line-height:20px}
.nomob {display:none}
.box50 {float:left; width: 96%; margin: 0 2%}
iframe {height:250px; width: 94%;}
.quart h2 {font-size:20px; 	line-height:.9em}
.stud span {display:none}

}


@media screen and (max-width: 400px) {
.quart h2 {font-size:16px}
}

.bf_footer {position:fixed; bottom:0px; left:0px; width:100%; font-size:14px; background:#820112; opacity:0.8; padding:8px; text-transform:uppercase; z-index:4; color:#fff}
.bf_footer span {float:right;}
.bf_footer a:hover {color:#fff;}

.bf_footer a.bf_left {float:left;}