/*
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/

@font-face {
	font-family: 'Conv_Socialico';
	src: url('../_fonts/Socialico.eot');
	src: local('☺'), url('../_fonts/Socialico.woff') format('woff'), url('../_fonts/Socialico.ttf') format('truetype'), url('../_fonts/Socialico.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'NeueMontreal-Regular';
	src: url('../_fonts/NeueMontreal-Regular.eot');
	src: local('☺'), url('../_fonts/NeueMontreal-Regular.woff') format('woff'), url('../_fonts/NeueMontreal-Regular.ttf') format('truetype'), url('../_fonts/NeueMontreal-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NeueMontreal-Bold';
	src: url('../_fonts/NeueMontreal-Bold.eot');
	src: local('☺'), url('../_fonts/NeueMontreal-Bold.woff') format('woff'), url('../_fonts/NeueMontreal-Bold.ttf') format('truetype'), url('../_fonts/NeueMontreal-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GT-Super-Text-Book';
	src: url('../_fonts/GT-Super-Text-Book.eot');
	src: local('☺'), url('../_fonts/GT-Super-Text-Book.woff') format('woff'), url('../_fonts/GT-Super-Text-Book.ttf') format('truetype'), url('../_fonts/GT-Super-Text-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}





html, body {
	margin: 0;
	width: 100%;
	height: 100%;
	/*overflow-x: hidden;*/
	font-family: 'Nunito Sans', sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	background-color: #ECF2EE;
	overflow:auto;
}
#loader {
	position: absolute;
	top:0px;
	left:0px;
	right: 0px;
	bottom: 0px;
	z-index: 9999999999;
	background-image: url('../_img/loader.gif');
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #000000;
}
#BGHolder {
	position: absolute;
	top:0px;
	left:0px;
	right: 0px;
	bottom: 0px;
}
#BG {
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;	
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center top;
    /*background-attachment: fixed;*/
	 z-index: 9999998;
}
.introImage {
	position: absolute;
	top:0px;
	left:0px;
	right: 0px;
	bottom: 0px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;/*top center*/
	-webkit-background-size: cover; /* For WebKit*/
	-moz-background-size: cover;    /* Mozilla*/
	-o-background-size: cover;      /* Opera*/
	background-size: cover;         /* Generic*/
	background-color: #000000;
}
.cecileHome {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 450px;
	height: 50px;
	margin-left: -225px;
	margin-top: -25px;
}
.cecileHome img, .cecile img  {
	width: 100%;
	height: auto;
}
.cecile {
	position: fixed;
	top: 60px;
	left: 60px;
	z-index: 9999999;
	width: 338px;
	height: 30px;
}
.cecilestylist {
	position: fixed;
	top: 98px;
	left: 60px;
	z-index: 99999;
	width: 338px;
	height: 30px;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing:0.1em;
	color: #3C3C3C;
}

.headerPadder {
  width:100%;
  height: 150px;
}

.element {
	/*min-height: 200px;*/
	float: left;
	/*overflow: hidden;*/
	margin-bottom: 60px;
	z-index: 10;
	font-size: 16px;
}
.element a, .element a:active, .element a:visited {
	color: #FF0000;
	text-decoration: none;
}
.element a:hover {
	color: #333333;
	text-decoration: none;
}
/* .element:hover {
	cursor: pointer;
} */
.gallery img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	width: 100%;
	height: auto;
	
	-webkit-transition: opacity 200ms linear;
	-moz-transition: opacity 200ms linear;
	-ms-transition: opacity 200ms linear;
	-o-transition: opacity 200ms linear;
	transition: opacity 200ms linear;
}
.gallery img:hover {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}
.whiteTop {
	position: relative;
	width: 100%;
	height: 100px;
	background-color: transparent;
}
.w300 {
	width: 24%;
	/*background-color: #000000;*/
}
.w375 {
	width: 26%;
	/*background-color: #000000;*/
}
.w480 {
	width: 40%;
	/*background-color: #000000;*/
}
.w428 {
	width: 35%;
	/*background-color: #000000;*/
}

.w345 {
	width: 28%;
	/*background-color: #000000;*/
}

.w442 {
	width: 38%;
	/*background-color: #000000;*/
}
.video {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 38px;
	margin-left: -19px;
	height: 43px;
	margin-top: -22px;
	z-index: 9999;
}
.video img {
	width:100%;
	height: auto;
	opacity: 1;
	filter: alpha(opacity=100);
}
.projectTitle {
	position: absolute;
	bottom: 72px;
	right: 0px;
	padding: 24px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #CCCCCC;
	font-size: 30px;
	color: #FFFFFF;
	white-space: nowrap;
	z-index: 999999999;
	display: none;
}

.galleryHolder {
	position: absolute;
	top: 150px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

#mobileMenu {
	position: fixed;
	z-index: 99999;
	top: 66px;
	right: 60px;
	width: 30px;
}
#mobileMenu:hover {
	cursor:pointer;
	opacity: 1;
}
.menuBar {
	position:relative;
	width: 100%;
	height: 3px;
	margin-bottom:6px;
	background-color: #000000;
}
.insta {
	position: fixed;
	z-index: 99999;
	top: 65px;
	right: 114px;
	width: 23px;
	height: 23px;
}
.insta img {
	width: 100%;
	height: auto;
}

.menuHolder {
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 999999;
	background-color:  rgba(255,255,255,0.8);
	display: none;
}
.insideMenu {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 300px;
	height: 180px;
	margin-top: -90px;
	margin-left: -150px;
	text-align: center;
	color: #000000;
	font-size: 18px;
	line-height: 1.7em;
	text-transform:uppercase;
	letter-spacing: 0.1em;
}
.insideMenu a, .insideMenu a:active, .insideMenu a:visited {
	text-decoration: none;
	color: #000000;
}
.insideMenu a:hover {
	text-decoration: underline;
}
.closeMe {
	position: absolute;
	z-index: 9999;
	top: 66px;
	right: 62px;
	width: 24px;
	height: 24px;
}
.closeMe:hover {
	cursor: pointer;
}
.closeMe img {
	width: 100%;
	height: auto;
}
.galleryInfo {
	position: fixed;
	top: 200px;
	right: -620px;
	width: 600px;
	height: 60px;
	padding: 20px;
	background-color: #CCCCCC;
	z-index: 999999999 !important;
	
	transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;
	   
}
.galleryInfo:hover {
	cursor: pointer;
}
.galleryInfoOut {
	right: 0px;
}

.slideInRight {
  right:0px;
}
 
 
 
 .spinner {
   width: 40px;
   height: 40px;
 
   position: absolute;
   top: 50%;
   left: 50%;
   margin-top: -20px;
   margin-left: -20px;
 }
 
 .double-bounce1, .double-bounce2 {
   width: 100%;
   height: 100%;
   border-radius: 50%;
   background-color: #333;
   opacity: 0.6;
   position: absolute;
   top: 0;
   left: 0;
   
   -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
   animation: sk-bounce 2.0s infinite ease-in-out;
 }
 
 .double-bounce2 {
   -webkit-animation-delay: -1.0s;
   animation-delay: -1.0s;
 }
 
 @-webkit-keyframes sk-bounce {
   0%, 100% { -webkit-transform: scale(0.0) }
   50% { -webkit-transform: scale(1.0) }
 }
 
 @keyframes sk-bounce {
   0%, 100% { 
     transform: scale(0.0);
     -webkit-transform: scale(0.0);
   } 50% { 
     transform: scale(1.0);
     -webkit-transform: scale(1.0);
   }
 }

/** Generated by FG **/
@font-face {
	font-family: 'Conv_Socialico';
	src: url('../_fonts/Socialico.eot');
	src: local('☺'), url('../_fonts/Socialico.woff') format('woff'), url('../_fonts/Socialico.ttf') format('truetype'), url('../_fonts/Socialico.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/** Generated by FG **/
@font-face {
	font-family: 'Conv_Socialico Plus';
	src: url('../_fonts/Socialico Plus.eot');
	src: local('☺'), url('../_fonts/Socialico Plus.woff') format('woff'), url('../_fonts/Socialico Plus.ttf') format('truetype'), url('../_fonts/Socialico Plus.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	text-align:center;
	height: 100vh;
	width:100%;
	padding-top: 0vh;
	padding-bottom: 0vh;
	
	background: no-repeat center top; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
}
.videoWrapper img {
	height: 100%;
	width: auto;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.quoteText {
	position: relative;
	left: 15%;
	width: 70%;
	padding-top: 30px;
	text-align: justify;
	font-size: 16px;
	line-height: 1.6em;
}

.emmabale {
	position: absolute;
	left: 40px;
	top: 40px;
	z-index: 9999999;
	width: 250px;
	height: auto;
	overflow: visible;
}



.calendarHolder {
	position: absolute;
	left: 40px;
	bottom: 40px;
	z-index: 999;
	width: 700px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 16px;
	/*font-family: arial;
	font-weight: bold;*/
}
.live {
	position: relative;
	width: 100%;
	/*height: 20px;*/
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #FFFFFF;
	display: table;
}
.live:hover {
	background-color: rgba(255,255,255,0.2);
}
.livePadding {
	padding-top: 4px;
}
.liveDate {
	/*float: left;*/
	width: 92px;
	display: table-cell;
	font-family: 'NeueMontreal-Regular';
}
.liveVenue {
	/*float: left;*/
	/*width: 300px;*/
	display: table-cell;
	font-family: 'GT-Super-Text-Book';
}
.city {
	font-family: 'NeueMontreal-Bold';
}
.liveTix {
	/*float: left;*/
	width: 70px;
	text-align: right;
	text-transform: uppercase;
	display: table-cell;
	font-family: 'NeueMontreal-Bold';
}
.liveTix a, .liveTix a:active, .liveTix a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.liveTix a:hover {
	color: #333333;
	text-decoration: none;
}

.emmabalelogo {
	position: absolute;
	z-index: 9999999;	
	left: 40px;
	top: 35px;
	width: 400px;
	height: auto;
	overflow: visible;
	font-family: 'NeueMontreal-Bold';
	color: #58585A;
	font-size: 53px;
}
.emmabalelogo a, .emmabalelogo a:visited, .emmabalelogo a:active {
	text-decoration: none;
	font-family: 'NeueMontreal-Bold';
	color: #58585A;
}

.contact {
	position: absolute;
	top: 30px;
	right: 30px;
	mix-blend-mode: multiply;	
}
.contact a, .contact a:active .contact a:visited {
	color: #58585A;
	text-decoration:none;
	font-size: 25px;
	font-family: 'GT-Super-Text-Book';
}

.tickets1 {
	position: absolute;
	top: 150px;
	left: 1000px;
	mix-blend-mode: multiply;	
}
.tickets1 a, .tickets1 a:active .tickets1 a:visited {
	color: #58585A;
	text-decoration:none;
	font-size: 18px;
	font-family: 'GT-Super-Text-Book';
}

.album333 {
	position: absolute;
	z-index: 9999999;
	left: 110px;
	top: 120px;
	width: 275px;
	font-family: 'GT-Super-Text-Book';
	font-size: 18px;
	color: #58585A;
	text-align:center;
	line-height: 1em;
}
.album333 a {
	color: #58585A;
	text-decoration:none;
}
.album333 img {
	border-radius: 2px;
	width: 100%;
	height: auto;
}

.flowers {
	position: absolute;
	z-index: 9999999;
	left: 275px;
	top: 490px;
	width: 275px;
	font-family: 'GT-Super-Text-Book';
	font-size: 18px;
	color: #58585A;
	text-align:center;
	line-height: 1.5em;
}
.flowers a {
	color: #58585A;
	text-decoration:none;
}
.flowers img {
	border-radius: 2px;
	width: 100%;
	height: auto;
}

.peaceofmind {
	position: absolute;
	z-index: 9999999;
	left: 670px;
	top: 450px;
	width: 160px;
	font-family: 'GT-Super-Text-Book';
	font-size: 14px;
	color: #58585A;
	text-align:center;
	line-height: 1em;
}
.peaceofmind a {
	color: #58585A;
	text-decoration:none;
}
.peaceofmind img {
	border-radius: 2px;
	width: 100%;
	height: auto;
}

.shortfilm33 {
	position: absolute;
	z-index: 9999999;
	left: 500px;
	top: 120px;
	width: 300px;
	font-family: 'GT-Super-Text-Book';
	font-size: 18px;
	color: #58585A;
	text-align:center;
	line-height: 1em;
}
.shortfilm33 a {
	color: #58585A;
	text-decoration:none;
}
.shortfilm33 img {
	border-radius: 2px;
	width: 100%;
	height: auto;
}

.polaroid {
	position: absolute;
	z-index: 9999999;
	left: 900px;
	top: 180px;
	width: 350px;
	font-family: 'GT-Super-Text-Book';
	font-size: 18px;
	color: #58585A;
	text-align:center;
	line-height: 1em;
}
.polaroid a {
	color: #58585A;
	text-decoration:none;
}
.polaroid img {
	border-radius: 2px;
	width: 100%;
	height: auto;
}

.werespect {
	position: absolute;
	left: 40px;
	bottom: 32px;
	text-align: left;
	font-family: 'GT-Super-Text-Book';
	color: #58585A;
	font-size: 18px;	
}
.privacy{
	font-size: 10px;
}

#social {
	position: absolute;
	/*position: fixed;
	position: relative;*/
	right: 30px;
	bottom: 30px;
	text-align: right;
	font-family: 'Conv_Socialico';
	font-size: 36px;
	letter-spacing:0.2em;
	vertical-align: middle;
}
#social a, #social a:visited, #social a:active {
	padding-left: 8px;
	/*padding-right: 8px;*/
	text-decoration: none;
	color: #58585A;
	line-height: 0.8em;
	/*text-shadow: 0 0 4px #FFFFFF, 0 0 8px #FFFFFF, 0 0 12px #FFFFFF, 0 0 16px #FFFFFF;*/
}
#social span{
	padding-bottom: 8px;
}
.getintouch {
	/*position: absolute;
	right: 30px;
	bottom: 40px;*/
	text-align: right;
	font-family: 'GT-Super-Text-Book';
	font-size: 18px;
	color: #58585A;
	letter-spacing:0em;
	vertical-align: middle;
}

.container {
	position: absolute;
	left: 390px;
	top: 110px;
	z-index: 999;
	width: 700px;
	color: #58585A;
	font-family: 'GT-Super-Text-Book';
	/*text-transform: uppercase;*/
	font-size: 20px;
	/*font-family: arial;
	font-weight: bold;*/
}

.inputTable{
	width:600px;
	/*border: 1px solid;*/
	padding: 5px 5px 5px 5px;
}
.inputFieldHalf{
	border-radius: 2px;
	color: #58585A;
	font-family: 'GT-Super-Text-Book';
	height: 1em;
	width: 100%;
	padding: 5px 2px 5px;
	border: 0pX;
}
.inputFieldMail{
	border-radius: 2px;
	color: #58585A;
	font-family: 'GT-Super-Text-Book';
	height: 1em;
	width: 100%;
	padding: 5px 2px 5px;
	border: 0pX;
}
input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.inputFieldText{
	border-radius: 2px;
	color: #58585A;
	font-family: 'GT-Super-Text-Book';
	height: 4em;
	width: 100%;
	padding: 5px 2px 5px;
	border: 0pX;
}
.submitButton{
	background-color: #EFEFEF;
	border-radius: 2px;
	color: #58585A;
	font-family: 'GT-Super-Text-Book';
	font-size: 18px;
	height: 1.4em;
	width: 4em;
	/*padding: 5px 2px 5px;*/
	border: 0pX;
	cursor:pointer;
}


.submitButton:hover{
	font-weight: bold;
	background: #E2E3DD;
	transition: 0.2s;
}
.subscribeButton{
	background-color: #EFEFEF;
	border-radius: 2px;
	color: #58585A;
	font-family: 'GT-Super-Text-Book';
	font-size: 18px;
	height: 1.4em;
	width: 6em;
	/*padding: 5px 2px 5px;*/
	border: 0pX;
	margin-left: 2px;
	cursor:pointer;
}
.subscribeButton:hover{
	font-weight: bold;
	background: #E2E3DD;
	transition: 0.2s;
}

.headerText{
	color: #58585A;
	font-family: 'GT-Super-Text-Book';
	text-align: left;
	font-size: 20px;
	height: 2em;
	width: 4em;
	padding: 5px 2px 5px;	
	line-height: 1.5em;
}