html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video  {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
body {line-height: 25px; font-size: 16px; font-family: 'Roboto', sans-serif;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
.clear {clear:both;}
strong {font-weight:500;}


#header {height:442px; background: url('../images/bg.png') repeat-x center top;}
#header-inner {height:423px; background: url('../images/bg-image.png') no-repeat center top;}
.container{margin:0 auto; width:880px;}
#top-bar {position:relative;	height:55px; padding-top:21px;}
#glow{position:absolute; bottom:0px; left:-200px; height:6px; max-width:1263px;width:100%; background: url('../images/glow.png') no-repeat center top;}
.logo {}
#banner img {float:right; margin-top:35px; margin-right:80px;}
#banner h1 {color:#fff; font-weight: 100; font-size:50px; line-height:50px; float:left; margin-top:55px;	text-transform:uppercase; width:400px;}
#banner h1 span {font-weight:300;}
.btns{text-align: center; margin-top:44px; margin-bottom:80px;}
.btns a {display:inline-block; text-transform: uppercase; text-decoration: none; color:#0088d9; font-size: 17px; padding:7px 17px; border-radius:5px; border:1px solid #0088d9; margin: 0px 12px; -transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; vertical-align: middle;}
.btns a:hover {color:#fff; background: #0088d9}
.btns a.blue {background: #00a0ff; /* Old browsers */ background: -moz-linear-gradient(top,  #00a0ff 0%, #006eaf 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a0ff), color-stop(100%,#006eaf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #00a0ff 0%,#006eaf 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #00a0ff 0%,#006eaf 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #00a0ff 0%,#006eaf 100%); /* IE10+ */ background: linear-gradient(to bottom,  #00a0ff 0%,#006eaf 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a0ff', endColorstr='#006eaf',GradientType=0 ); /* IE6-9 */ border:2px solid #0067a3; box-shadow: inset 0px 0px 0px 2px #0093e9; color:#fff;	padding:10px 50px; font-size:18px; font-weight: 500; border-radius: 8px; text-shadow: 0px 2px 0px #0067a3; line-height: 16px;}
.btns a.blue span {font-size:12px;  text-transform:none;}
.btns a.blue:hover {background: #00a0ff; /* Old browsers */ background: -moz-linear-gradient(top,  #00a0ff 0%, #007dbc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a0ff), color-stop(100%,#007dbc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #00a0ff 0%,#007dbc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #00a0ff 0%,#007dbc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #00a0ff 0%,#007dbc 100%); /* IE10+ */ background: linear-gradient(to bottom,  #00a0ff 0%,#007dbc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a0ff', endColorstr='#007dbc',GradientType=0 ); /* IE6-9 */}
h2 {	font-weight: 100; text-align: center; color:#4e4f55; font-size:42px; margin-bottom:40px;}
.text {margin-bottom: 70px}
.text p {font-size:24px;	line-height:30px; color:#4e4f55; font-weight: 300; margin-bottom: 30px;}
.text h3 {font-size:45px; line-height:45px; color:#4e4f55; font-weight:400; margin-bottom: 30px; font-style: normal;}
.text h4 {font-size:24px; line-height:30px; color:#4e4f55; font-weight:400;}
h3 {font-size:33px; color:#006dc8; font-weight: 300; font-style: italic; margin-bottom: 20px}
.video {width:853px; margin:0 auto; margin-bottom:50px;}
#footer {height:98px; background: url('../images/footer-bg.png') repeat-x; color:#fff; font-size: 12px;}
#footer p {padding-top:40px; padding-left:10px; float:left;}
#footer p a {color:#fff;}
.soc {float:right; padding-right: 30px;	padding-top: 38px;}
.soc a {display:inline-block; width:26px; height:25px; background: url('../images/soc.png') no-repeat; margin-right:4px;}
.soc a.go {background-position: -29px top;}
.soc a.tw {background-position: -58px top;}
.soc a.yt {background-position: -87px top;}
#mask {position:fixed; top:0px; bottom:0px; left:0px; right:0px; 	background: rgba(0, 0, 0, 0.75); display:none;}
#pdf{width:550px; background: #fff; border-radius: 5px; height:220px; position:fixed; top:120px; z-index:9999; display:none;}
#pdf h4, #video-modal h4 {text-align: center; padding:20px 20px; font-size: 22px; color:#333; font-weight: 300;}
#pdf ul {font-size: 14px; line-height: 38px; padding:20px; padding-top:0;}
#pdf ul a {color:#666; text-decoration: none;}
#pdf ul li {}
#pdf ul li a {display:block; background: url("../images/pdf.png") no-repeat 475px 10px; padding-left:20px; -transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;	-o-transition: all 0.3s ease-in;}
#pdf ul li a:hover {color:#fff; background:#61a8fd url("../images/pdf.png") no-repeat 475px 10px;}
.close {width:20px; height:20px; background: url("../images/close.png") no-repeat; position:absolute; top:10px; right:10px; cursor:pointer;}
#video-modal {width: 663px; height: 575px; background: #fff; border-radius: 5px; padding: 15px; position: fixed; top: 83px; display: none;}
#alert-modal {width: 300px; height: 400px; background: #fff; border-radius: 5px; padding: 15px; position: fixed; top: 83px; display: none;}

@media screen and (max-width:767px){
    #header{
        float:left;
    }
    #header-inner{
        height:initial;
    }
    .container{
        width:100%;
    }
}