@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
* { -webkit-font-smoothing: antialiased; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust:none;}
body { font-family: 'Raleway', sans-serif; line-height: 1.3; background:#000 }
a { color: #fff; text-decoration: none; -webkit-transition: color 0.15s ease; -moz-transition: color 0.15s ease; -o-transition: color 0.15s ease; transition: color 0.15s ease; text-shadow: none; }
a:hover { color: #65c6fe; }
p { font-size: 1.39058em; color: white; text-shadow: 0 1px 1px #555; }
pre { font-family: Monaco, Courier, monospace; background-color: #F8F8F8; border: 1px solid #CCC; font-size: 13px; line-height: 19px; overflow: auto; padding: 6px 10px; border-radius: 3px; margin: 15px 0; font-size: 12px; }
img.keep-original { max-width: 100% !important; height: auto; }
.loading-container { position: absolute; left: 50%; top: 50%; z-index: 10; }
.pulse { border: 3px solid #999; height: 30px; width: 30px; position: absolute; left: -15px; top: -15px; -webkit-animation: pulsate 1s ease-out; -webkit-animation-iteration-count: infinite; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; }
 @-webkit-keyframes pulsate { 0% {
 -webkit-transform: scale(0.1, 0.1);
 opacity: 0.0;
}
 50% {
 opacity: 1.0;
}
 100% {
 -webkit-transform: scale(1.2, 1.2);
 opacity: 0.0;
}
}
body { font-size: 16px; }
.header { position:absolute; z-index:99999; font-size:30px; color:#fff; top:0px; font-weight:300; }
.logo span { color:#fff; text-transform:uppercase; }
.logo { color: #fff; z-index: 999; position: absolute; top: 20px; left:20px; font-size: 24px; text-transform: uppercase; line-height: 30px; font-family: 'Raleway', sans-serif; letter-spacing:2px}

.container { position: relative; width: 50%; max-width: 500px; left: 90px; top: 13%; padding: 10px 20px; }

.intro_text  { position:absolute; top:50%; margin:-60px auto 0; left:0px; right:0px; max-width:850px; color:#fff; height: calc(100% - 200px); overflow: auto; text-align:center; }
.intro_text  p { padding:0 10px 10px; font-size:13px; font-family: 'Open Sans', sans-serif; line-height:18px; font-weight:300; color:rgba(255,255,255,0.8); margin:0px; }
.intro_text  h2 { font-size:30px; font-weight:300; text-transform:uppercase; color:#fff; }
.intro_text h4 { color: #fff; font-weight: 100; font-size: 16px;  padding:0 10px; line-height:21px; }

.no-video .video-container video, .touch .video-container video { display: none; }
.no-video .video-container .poster, .touch .video-container .poster { display: block !important; }
.video-container { position: relative; bottom: 0%; left: 0%; height: 100%; width: 100%; overflow: hidden; background: #000; }
.video-container .poster img { width: 100%; bottom: 0; position: absolute; }
.video-container .filter { z-index: 100; position: absolute; background: rgba(0, 0, 0, 0.6); width: 100%; height:100%; }
.video-container video { position: absolute; z-index: 0; bottom: 0; }
.video-container video.fillWidth { width: 100%; }
.txt { color: #fff; z-index: 999; position: absolute; top: 50%; text-align: center; left:0px; right:0; max-width:550px; font-size: 36px; font-weight:300;  line-height:66px; margin:-135px auto 0; }
.txt .punchline { font-family: 'Raleway', sans-serif; font-size:55px; }
.txt .punchline .normal { }
.txt .punchline .small { font-size:22px; letter-spacing:1px;}
.btn-blue { font-family: 'Raleway', sans-serif; padding: 10px 20px; font-weight:500; text-align: center; color: #fff; background: #ffb636; text-decoration: none; text-transform: uppercase; font-size: 15px; border-radius: 30px; margin: 0 5px; letter-spacing:2px  }
.btn-blue:hover { color:#fff; background:#000; text-decoration:none; }

.main_heading { font-size: 30px; text-align: center; margin: auto; line-height: 36px; margin-bottom: 30px; }
.main_heading .normal { color:#333; }
.main_heading .bold { color:#09F; }

 


.row {margin:auto !important; width:100% !important;}


.btn_form {margin-top: 15px;
    padding: 10px 25px;
    color: #fff;
    background: #41b6e6;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    text-transform: uppercase;}
	



@media only screen and (max-width : 767px) {
.txt .punchline { font-size:24px;}
.txt { line-height:34px; left:40px;}
.btn-blue { float:left; margin-top:20px;}
.poster{ display:block !important;}

}

@media only screen and (max-width : 640px) {
	
.txt .punchline { margin-top:50px !important;}


}