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

body{
	background:#2b2d2d;	
}

/* === Video Background === */

video#bgvid { 

	position: fixed;
	/*left: 0px;
	bottom: 0px;*/	
	min-width: 100%;
	min-height: 150%;
	width: auto;
	height: auto;
	z-index: -100;
	background: url(images/bg.jpg) no-repeat #000;
	filter:opacity(20%);
	background-size: cover; 
	background-position:center;
}

.overlay {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	background: rgba(0, 0, 0, .3);
}

/* === Header === */

.logo{
	margin-top:40px;	
}

.headline{
	font-family: 'Exo 2', sans-serif;
	color:#ffffff;
}

h1{
	font-size:50px;	
}

/* === Countdown === */

#Countdown {  
	text-align:center;
}

.counter_numbers li {  
	width:100px;
	height:100px;
	color:#ffffff;
	margin:10px;
	padding-top:20px;
	text-align:center;
	font-size:30px;	
	border:#e21e79 2px solid;
	background: rgba(0, 0, 0, .3);
	font-family: 'Exo 2', sans-serif;
}

.date_label{

	color:#ffffff;
	font-size:14px;
}

/* === Subscribe Form === */

.formframe{
	border:1px #383838 solid;
	width:287px;
	padding:5px;
	background: rgba(0, 0, 0, .3);
	display:inline-block;
	margin-bottom:0;
	vertical-align:middle;
}

.form-control {
	display:inline-block;
	background: rgba(255,255,255,0.1);
	color: #fff;
	border-radius:0px; 
}

.form-control:focus {   
	border-color: #ddd;
	box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
	outline: 0 none;
}

.form-control::-webkit-input-placeholder {
	color: #fff;
}

.form-control::-moz-placeholder {
	color: #fff;
	opacity: 1;
}

.formframe input{
	background:none;
	border:hidden;
	border-radius:0px;
	box-shadow:none;
	color:#ffffff;
	width:170px;
	float:left;
}

/* === Custome Button === */

.btn-custome{
	background-color:#e21e79;
	color:#ffffff;
	padding:6px 16px;
	border-radius:0px;
}

.btn-custome:hover{
	background-color:#d5116c;
	color:#ffffff;	
}

/* === Social icons === */

.icon-facebook:before, .icon-facebook:after {
	content: "\f09a";
}

.icon-twitter:before, .icon-twitter:after {
	content: "\f099";
}

.icon-linkedin:before, .icon-linkedin:after {
	content: "\f0e1";
}

.icon-tumblr:before, .icon-tumblr:after {
	content: "\f173";
}

.icon-contact:before, .icon-contact:after {
	content: "\f0e0";
}

.icon-close:before, .icon-close:after {
	content: "\f00d";
}

ul.social {
	text-align: center;
	font-family: FontAwesome;
	margin-left:-40px;
}
ul.social li {
    display: inline-block;
    width: 40px;
    height: 40px;
	margin-top: 20px;
    overflow: hidden;
    line-height: 40px;
    background: transparent;
	border:1px #ffffff solid;
	margin-bottom:.5em;
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s; 
}
ul.social li:hover {
	border:1px #e21e79 solid;
	
}
ul.social li:hover a {
	top: -40px;
	text-decoration:none; 
}
ul.social li a {
	display: block;
	width: 100%;
	height: 200%;
	position: relative;
	top: 0;
	color: #ffffff;
	-webkit-transition: top 0.7s;
	-moz-transition: top 0.7s;
	-o-transition: top 0.7s;
	transition: top 0.7s; 
}
ul.social li a:after {
	text-align: center;
	position: absolute;
	width: inherit;
	height: 50%;
	left: 0;
	bottom: 0;
	line-height: 40px;
	color: #e21e79; 
}

/* === Contact Modal Page === */

.new-modal {
	background: rgba(0, 0, 0, .7);
	display: none;
	min-height: 100%;
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	z-index: 100; 
}

.modalcontent{
	max-width:600px;
	margin:0px auto;
	padding:10px;	
}