@import url(bootstrap-theme.css);
.alert-info {
	margin-top: 15px;
	padding: 5px 10px;
	color:#222;
	text-align:center
}
.alert-info h4 {color:#222}
.alert-info a {color:darkblue}
.gradient-wrap {
background: #091e27;
background: -moz-linear-gradient(top, #091e27 0%, #417b90 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #091e27), color-stop(100%, #417b90));
background: -webkit-linear-gradient(top, #091e27 0%, #417b90 100%);
background: -o-linear-gradient(top, #091e27 0%, #417b90 100%);
background: -ms-linear-gradient(top, #091e27 0%, #417b90 100%);
background: linear-gradient(to bottom, #091e27 0%, #417b90 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#091e27', endColorstr='#417b90', GradientType=0 );
}
.gradient-wrap-help {
background: #0e222d;
background: -moz-linear-gradient(top, #0e222d 35%, #417b90 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e222d), color-stop(100%,#417b90));
background: -webkit-linear-gradient(top, #0e222d 35%,#417b90 100%);
background: -o-linear-gradient(top, #0e222d 35%,#417b90 100%);
background: -ms-linear-gradient(top, #0e222d 35%,#417b90 100%);
background: linear-gradient(to bottom, #0e222d 35%,#417b90 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e222d', endColorstr='#417b90',GradientType=0 );
}
header {
text-align:center;
background:url(../img/bg/bg-header.jpg) no-repeat center bottom;
margin-bottom:-3%;
}
header.sub {
background:url(../img/bg/bg-header-drk.jpg) no-repeat center bottom;
}
header .logo {
padding:10% 0;
margin:auto
}
.cta {
padding:15px 0 20px
}
.text-orange {
color:#f6a70c;
text-transform:uppercase;
font-weight:700;
margin-bottom:0
}
.text-light {
color:#eee;
margin-bottom:0;
}
.border-bottom {
border-bottom:1px solid #2a6981;
margin-bottom:10px;
}
section {position:relative}
section.screenshot {
margin:20px 0;
}
.screenshot .container img {
margin-bottom:15px
}
.screenshot h2, .info h2 {
display:block;
width:392px;
height:114px;
text-align:center;
font-weight:700;
line-height:108px;
margin-left:5%;
}

section.info {
color:#060e0f
}
section.info .blackbox {
background-color:rgba(0,0,0,.4);
border-radius:5px;
padding:15px;
width:1334px;
max-width:100%;
margin:0 auto
}
section.info .lead {
color:#fff;
font-size:20px;
}
footer {
background:url(../img/bg/bg-footer.png) no-repeat center bottom;
padding:20px 0 50px;
font-size:14px;
min-height:405px
}
footer h3 {
color:#fff;
font-size:24px;
text-shadow:1px 2px 3px #000;
text-transform:uppercase
}
footer ul {
margin:0 auto;
padding-top: 0;
padding-bottom: 0
}
footer ul li {
display:inline-block;
padding:10px 0;
margin:0;
max-width:23%;
}
footer ul li a {
width:inherit;
height:inherit;
display:block
}
footer a {text-shadow:1px 1px  2px #000;}
footer ul li a img {
max-width:70%
}

section.policy {
font-size:15px;
line-height:20px;
}
.policy h1 {text-align:center}
.policy h1, .policy h2, .policy h3, .policy h4 {font-family: 'Roboto Condensed', sans-serif}
.policy h3, .policy h4 {color:#fff}
.policy h3 {margin-bottom:0!important}
.policy h3 + h4 {margin-top:0!important}

.nomargin {margin:0!important}
.marginbot-20 {margin-bottom:20px}
.nopadding-left, .nopadding {padding-left:0}
.nopadding-right, .nopadding {padding-right:0}

.faq-q {color:#ffa200;font-family:arial,sans-serif; margin:0.625em auto 0;font-weight:bold;font-size:16px;}
.faq-a, ol.faq-a {font-family:arial,sans-serif; font-size:0.750em;margin:0 auto 0 1.5em;font-size:14px;}
ol.faq-a {padding-left:2.8em}

form small {color:red}
form button {margin-top:10px}

.alert-danger {background: #650000;padding: 15px;border-radius: 15px;}
p.bg-success {padding: 15px!important}

.corner-ribbon {
  width: 350px;
  background: #f6a70c;
  position: absolute;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  color: #f0f0f0;
  box-shadow: 0 0 3px rgba(0,0,0,.3);  
  position: fixed;
  z-index: 1000;
}
.corner-ribbon.top-right {
top: 45px;
right: -90px;
left: auto;
transform: rotate(43deg);
-webkit-transform: rotate(43deg);
}
.corner-ribbon .btn {color:#021118}

@media only screen and (max-width:781px) {
	header .cta {padding:0}
}
@media (min-width:768px) and (max-width:991px) { 
/*visible-sm*/
	.container {
	width:780px
	}
	section.info .lead {
	width:calc(100% - 10px);
	margin-left:0;
	padding:0
	}
}
@media (max-width:991px) { 
	.container {
	padding-left:8px;
	padding-right:8px;
	width: calc(100% - 16px)
	}
	header, header.sub {background-size:cover}
	header .logo, header.sub .logo {
	padding:35px 0 20px;
	margin:auto;
	max-width:65%
	}
	header .cta {padding:0}
	section.screenshot, section.info {background-image:none!important}
	.screenshot h2, .info h2 {
	display:block;
	text-align:left;
	width:auto;
	height:auto;
	margin:0 auto 20px auto;
	line-height:normal;
	background:none;
	font-size:20px
	}
	section.info .lead {
	width:100%;
	margin:0;
	padding:0;
	padding-top:65px;
	font-size:22px;
	}
	.playbox {
	min-height:318px!important
	}
}
@media (max-width:768px) {
	header,header.sub {background-size:cover;background-position: 50% 0;min-height:230px;}
	header .logo, header.sub .logo {
	padding-top:30px;
	margin:auto;
	max-width:75%
	}
	header .cta {display:none}
	.screenshot h2, .info h2,.screenshot-sm img {margin-bottom:10px}
	section.info h2 {
	color:#eee;
	font-size:24px;
	font-weight:700;
	margin-top:20px;
	text-transform:uppercase
	}
	section.info .lead {
	padding:18px 0;
	font-size:normal;
	}
	.nopadding {padding:0!important}
	
	.corner-ribbon{
      width: 120px;
      background: #f6a70c;
      position: absolute;
      text-align: center;
      line-height: 30px;
      letter-spacing: 1px;
      color: #f0f0f0;
      box-shadow: 0 0 3px rgba(0,0,0,.3);  
      position: fixed;
      z-index: 1000;
    }
	.corner-ribbon .btn {	
	  font-size:12px;
	}
    .corner-ribbon.top-right{
    top: 5px;
    right: -40px;
    left: auto;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    }
}