/*!
 * Start Bootstrap - The Big Picture (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

html,
body {
    width: 100%;
    height: 100%;
}

body {
	background: none;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 1px;
}

.full {
  background: url(../img/bg-intro.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


#main {
	color: #fff;
}


@media screen and (min-width: 992px) {
#main .cover {
	position: absolute;
	top: 55% !important;
  	transform: translate(0, -55%) !important;
}
}

#main .cover .textcover {
	text-align: center;
	padding-top: 60px;
	padding-bottom: 40px;
}

@media screen and (min-width: 992px) {
	#main .cover .textcover {
		padding-top: 0;
		padding-bottom: 0;
	}
}

#main .cover .textcover h1 {
	font-size: 40px;
	letter-spacing: 1px;
	text-transform: uppercase;
	position: relative;
}


#main .btn-cta {
	padding: 13px 20px;
	margin-top: 14px;
	background: #e4242c;
	text-align: center;
	font-size: 14px;
	color: #fff;
	font-weight: 300;
}


.textcover label {
	margin: 0;
	font-size: 14px;
	font-weight: 300;
	color: #fff;
}

#myModal input {
	border-radius: 0;
	background: rgba(255,255,255,.65);
	width: 100%;
	border-color: #DFDFDF; 
}

#myModal input:focus, #myModal textarea:focus {background: rgba(255,255,255,.65);}

#myModal textarea {resize: none; border-color: #DFDFDF; border-radius: 0; background: rgba(255,255,255,.65);}

#myModal input[type="radio"] {margin-right: 5px;}
#myModal .radio-inline+.radio-inline {margin-left: 12px;}
#myModal .radio-inline {padding-bottom: 20px;}


.modal-header { border-bottom: 0;}

#myModal .btn-cta {
	padding: 8px 16px;
	margin-top: 14px;
	background: #e4242c;
	text-align: center;
	font-size: 14px;
	color: #fff;
	font-weight: 300;
}



.video-container {
  position: relative;
}
.video-container video {
  height: auto;
  vertical-align: middle;
  width: 100%;
}


#hero-banner .text-cover{position:absolute;top:50%;transform:translate(0, -50%);left:0;right:0}
#hero-banner .text-cover h1{font-weight:700;color:#fff;text-transform:uppercase;font-size:30px;line-height:30px;text-align:center}

@media (max-width: 480px){
	#hero-banner .text-cover h1{font-size:25px;line-height:27px}
}

@media (min-width: 992px){
	#hero-banner .text-cover h1{font-size:38px;line-height:40px}
}

#hero-banner .text-cover .edate{background:#fff;color:#000;padding:10px 0;max-width:280px;text-align:center;font-weight:700;font-size:16px;position:relative}




/* The only rule that matters */
#video-background {
/*  making the video fullscreen  */
  position: fixed;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
}

/* These just style the content */
.messagecover {
  position: absolute;	
  top: 0;
  padding-top: 220px;
  left: 0;
  right: 0;
  bottom: 0;
  /*border: 8px solid rgba(255, 255, 255, 0.5);
  margin: 10px;*/
}


.messagecover .btn-cta {
	padding: 8px 16px;
	margin-top: 170px;
	display: inline-block;
	background: #e4242c;
	text-align: center;
	font-size: 14px;
	color: #fff;
	font-weight: 300;
	position: relative;
}

.messagecover .btn-cta:hover, .messagecover .btn-cta:focus {
	text-decoration: none;
}

h1 {
  position: absolute;
  width: 100%;
  font-size: 36px;
  letter-spacing: 3px;
  color: #fff;
  text-align: center;
}
h1 p {
  font-size: 40px;
  letter-spacing: 3px;
  color: #fff;
  font-weight: 700;
  text-align: center;
}

h1 span {
  font-size: 24px;
  letter-spacing: 3px;
  color: #fff;
  font-weight: 400;
  text-align: center;
}