@charset "utf-8";
/* CSS Document */

@font-face {
 font-family: Telegrafico;
 src: url('../font/telefrafico.eot');
 src: url('../font/telegrafico.ttf') format('truetype'),
 	  url('../font/telegrafico.eot') format('embedded-opentype'),
	  url('../font/telegrafico.woff') format('woff');
}

@font-face {
 font-family: Estrangelo;
 src: url('../font/estre.eot');
 src: url('../font/estre.ttf') format('truetype'),
 	  url('../font/estre.eot') format('embedded-opentype'),
	  url('../font/estre.woff') format('woff');
}

@font-face {
 font-family: Disco;
 src: url('../font/disco.eot');
 src: url('../font/disco.ttf') format('truetype'),
 	  url('../font/disco.eot') format('embedded-opentype'),
	  url('../font/disco.woff') format('woff');
}

.circle {
 border-radius: 50%;
 height: 32px;
 width: 32px;
 background: #fff;
 text-align: center;
 font-size: 24px;
 line-height: 24px;
 padding: 3px 2px 0 2px;
 font-family: Disco;
 font-weight: 900;
}

body {
 background: #fff;
 font-family: Estrangelo;	
 font-size: 16px;
}

h1, .subheading {
 font-family: Telegrafico;	
 margin: 0 0 4px 0;
 color: #d91b5b;
}

h1 {
 font-size: 48px;
 letter-spacing: 10px;	
 margin: 20px 0 0 0;
}

.subheading {
 font-size: 24px;
 letter-spacing: 6px;
}

.bold {
 font-weight: bold;
 font-size: 20px;	
}

a:visited, a:hover, a:link {
 border: none;
}

ul {
 margin: 0;
 padding: 0;	
}

li {
 list-style-type:none;	
}

hr {
 border: 0; 
 height: 0; 
 border-bottom: 1px solid rgba(255, 255, 255, 0.3); 
 margin: 3px 0 10px 0;
}

#wrapper {
 height: 100%;
 width: 100%;
 top: 0;
 left: 0;
 position: absolute;
}

#content {
 height: 99%;
 width: 95%;
 margin: 0;
}

#content h1 {
 margin: 0 0 0 2.5%;	
 padding: 0 0 0 0;
 background: purple;
}



#overlay {
 height: 100%;
 width: 100%;
 background: #fff;	
 position: relative;
}

/* HOME START */

#home_bw {
 background: url(../images/background1.jpg)no-repeat;
 background-size: cover;
 height: 100%;
 width: 100%;
 z-index: 1;
 position: fixed;	
}

#home {
 background: url(../images/background.jpg)no-repeat;
 background-size: cover;
 height: 100%;
 width: 100%;
 z-index: 2;
 position: fixed;
}

#logo-over, #logo {
 position: fixed;
 float: right;
 padding: 1% 0 0 0;
 width: 20%;
 margin: 0 2.5% 0 0;
 z-index: 10;
 right: 0;
 overflow: hidden;
 min-height: 0;
}

#logo {
 z-index: 11;	
}

#logo-over {
 z-index: 10;
}

#placeholder {
 float: right;
 width: 20%;
 padding: 1% 0 0 0;
 margin: 0% 2.5% 0 0;
 z-index: 1;	
 display: none;
}


#placeholder img, #logo-over img, #logo img {
 width: 50%;
 float: right;	
 min-height: 48px;
 min-width: 48px;
}

#panel {
 width: 95%;
 position: relative;	
 margin: auto;
}

#contact {	
 margin: .5% 0 0 0;
 font-family: Disco;
 color: #fff;
 width: 100%;
}

#contact img {
 width: 40%;
 min-width: 300px;
}

#buttons {
 position: relative;
 float: left;
 width: 23%;
 margin: 0 65% 5px 0;
 padding-left: 3%;
}

#buttons img {
 width: 25%;
 margin-right: 4%;
 min-height: 32px;
 min-width: 32px;
}

/* HOME END */

/* CONTENT START */

#all_content {
	height: 100%;
	width: 100%;
	position: absolute;	
	z-index: 3;
}

/* CONTENT END */

/* ABOUT START */
#about {
 position: relative;
 height: 70%;
}

#about h1, #gallery h1 {
 padding-bottom: 6px;
 margin-left: 2.5%;	
}

#about #content #bio, #about #content #more, #about #content #rates {
 float: left;
 margin: 0 .5% 0 0;
 color: #fff;
}

#about #content #bio {  
 background: rgba(217, 27, 91, .5);
 padding: 1.25% 2.5%;
 font-size: 19px;
 margin: 0 10px 10px 0;
 color: #fff;
 min-height: 400px;
 width: 50%;
 border-bottom: 8px solid rgba(255, 255, 255, 0.3); 
 border-right: 8px solid rgba(255, 255, 255, 0.3); 
 border-top: 8px solid rgba(255, 255, 255, 0.3); 
}

#about #content #more {  
 width: 24%;
}

#about #content #more img {
 width: 100%;	
 margin: 0 0 1% 0;
}

#about #content #rates {
 margin: 0;
}

#about #content #rates .subheading {
 margin-top: -9;	
}

#about #content #rates ul {
}

#about #content #rates ul li{
}

#about #content #rates .label{
 	font-size: 19px;
	font-weight: bold;
}

/* ABOUT END */
/* GALLERY START */
#gallery {
 position: relative;
 width: 100%;
 z-index: 1000;
 margin-top: 100px;
}

#gallery #content {
 height: auto;	
}

/* GALLERY END */

/* FOOTER START */

#footer {
 width: 100%;
 height: 30px;
 background: #d91b5b;
 border-top: 4px double #fff;
 text-align: center;
 vertical-align: center;
 line-height: 20px;
 opacity: .5;
 color: #fff;
 font-size: 13px;
 margin-top: 20px;
}

#footer p {
 position: relative;
}

/* FOOTER END */

html { height: 100%; }

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

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

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

.container {
	width: 100%;
	position: relative;
}
.codrops-demos {
	float: right;
	padding-top: 10px;
}

.codrops-demos a {
    display: inline-block;
    margin: 10px;
    color: #666;
    font-weight: 700;
    line-height: 30px;
    border-bottom: 4px solid transparent;
}

.codrops-demos a:hover {
	color: #000;
	border-color: #000;
}

.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
	color: #aaa;
	border-color: #aaa;
}

.support-note span{
	color: #ac375d;
	font-size: 16px;
	display: none;
	font-weight: bold;
	text-align: center;
	padding: 5px 0;
}