@CHARSET "UTF-8";

/* BASIC NORMALIZE CODE */
html {
  font-family: sans-serif; 
  -ms-text-size-adjust: 100%; 
  -webkit-text-size-adjust: 100%; 
}

body {
  margin: 0;
}

video {
  display: inline-block; 
  vertical-align: baseline; 
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}


strong {
  font-weight: bold;
}


img {
  border: 0;
 
}
/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-top:15px;
  margin-bottom:15px;
}

td,
th {
  padding: 4px;
}
/* END NORMALIZE CODE */

html,body{
	font-size: 100%;
    font-family: "Lucida Grande", "DejaVu Sans", "Bitstream Vera Sans", Verdana, sans-serif;

    color: #333; 
    font-weight: lighter;
}


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Verdana,Geneva,sans-serif;
  /*color: #777; */
  color:#1f4c7a;
  
  font-weight: normal; 
  
}
h1 { font-size: 1.5rem; }
h2 { font-size: 1.4rem; }
h3 { font-size: 1.2rem; }
h4 { font-size: 1.1rem; }
  
@media (min-width: 550px) {
  
  h1 { font-size: 2.0rem; }
  h2 { font-size: 1.8rem; }
  h3 { font-size: 1.3rem; }
  h4 { font-size: 1.2rem; }
  
}

p {
  margin-top: 0;
  line-height:1.4;
  margin-bottom:1.5em;
}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle inside; 
  margin-left:1.5rem;
  }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; 
  margin-bottom:2em;
  }

li {
  margin-bottom: 1rem; 
  
  	text-indent: -1em;
  	padding-left:1em;
  }

hr {
	clear:both;
  margin-top: 3rem;
  margin-bottom: 2rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }




ul.tick{
	
	list-style-image:url(/static/img/tick.png);
}

.right-fullscreen-only{
	
	float:none;
}

.form-table td {vertical-align:top;}

#header{ padding:0;margin:0; }

.top{

	border-bottom: 1px solid #E1E1E1;
	width:100%;
	background-color:#fafafa;  
	background-color:#fcfcfc;  
}

.inner-strip{
	max-width:1000px;
	margin:0 auto;
}

.mid-strip{
	
	width:100%;
	background-color:#fff;
	padding-top:10px;
}
.middle{
	max-width:700px;
	margin:0 auto;
	padding:0;
	padding-left:20px;
	padding-right:20px;
	background-color:#fff;
	
}

.bottom{
	clear:both;
	border-top: 1px solid #E1E1E1;
	padding-bottom:40px;
	padding-top:20px;
	
	
}


#header .nav{
		margin-top:10px;
		float:none;
		text-align:center;
}
.nav ul{
	margin-bottom:0;
	margin-left:0;
}
.nav ul li{
	list-style:none;
	margin-left:2px;
	padding:0;
	display:inline-block;
	
	text-indent:0;
}
.nav a {
    display:inline-block;
    text-decoration:none;
    color:#112a43;
    padding:5px;
    /*font-size:0.9em;*/
    line-height:1;
}

.nav a:hover {
      color:#666;
       text-decoration:underline;
}



.video-container {
	position:relative;
	padding-bottom:56.25%;
	
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

a.del{
	display:inline-block;
	margin:0 auto;
	color:#800000;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
}
a.del:hover{
	
}

.txt-long{
	width:600px;
}

.txt-short{
	width:100px;
}

.bottom-nav{
	text-align:center;
	display:block;
	margin:0 auto;
}

.bottom-nav ul{
	text-align:center;
}

.btn {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  background: #fd9220;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  
  
}


.btn:hover {
  background: #666666;
  color:#fff;
  text-decoration: none;
}

.fb-btn {
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #3b5998;
  padding: 3px 5px 3px 5px;
  text-decoration: none;
  
  
}


.fb-btn:hover {
  background: #0c7abf;
  color:#fff;
  text-decoration: none;
}


.right-img{
	display:block;
	float:right;
	clear:both;
	
	margin-left:15px;
	margin-bottom:15px;
	
	
}

.light-border{border: 1px solid #ccc;}
.w-as-is{ max-width:100%; border: 1px solid #666;}
.w-sml{ width:80px; }
.w-med{ width:110px; border: 1px solid #666;}


#logo{
	
	display:block;
	width:200px;
	margin:0 auto;
	padding-top:5px;
        z-index:1001;
}

.indent-left{
	margin-left:15px;
}

.pic-inset{
	
	margin-bottom:20px;
}


.show-on-phone{
	display:inline-block;
	margin-bottom:25px;
}
.hide-on-phone{
	display:none;
}

#progress-wrapper{ display:none;}


textarea.msg_box{
	width:280px;
	height:80px;
	
}


@media (min-width: 450px){
	#progress-wrapper{display:block; width:90px;}
}
@media (min-width: 500px){
	
	 #progress-wrapper{width:150px;}
	 
	.show-on-phone{
		display:none;
	}
	.hide-on-phone{
		display:block;
	}
	
	.w-sml{ width:100px; }
	.w-med{ width:200px; }
	
	#logo{width:220px;padding-top:10px;}
	
	.btn {font-size: 20px;}
	
	textarea.msg_box{
		width:400px;
		height:150px;
	
	}
}
@media (min-width:600px){
	 #progress-wrapper{width:220px;}
 .bottom .half ul {text-align:center;margin-bottom:30px;}
}
@media (min-width: 800px) {
 
 #progress-wrapper{width:300px;}
 
 .half{ width: 48%; display:inline-block; vertical-align:top;}
 
 .half.above{ float:right;}
 .half.below{float:left;}
 
 .inner-strip {padding-left:20px;padding-right:20px;}
 
 .half.left ul{float:left;margin-left:10px;}
 .half.right ul{float:right;margin-right:10px;}
 
.right-fullscreen-only{
	float:right;
}
.w-sml{ width:128px; }
.w-med{ width:300px; }
   
   #logo{
 
   	width:220px;
   	margin:0;
   	float:right;
        padding-bottom:10px;
   }
   
  
   
   #header .nav{
   	float:left;
   	text-align:left;
   	padding-top:20px;
   	padding-bottom:20px;
   }
   
   .top{

	
	max-height:100px;
	
	position:fixed;
	left:0;
	top:0;
	z-index:1000;
	opacity: 0.95;
       
        
	}

.offset:before { 
  display: block; 
  content: " "; 
  height: 110px;      /* Give height of your fixed element */
  margin-top: -110px; /* Give negative margin of your fixed element */   
  visibility: hidden; 
}

   .middle{
   margin-top:100px;
   }
}

@media (min-width:1040px){
	
	.inner-strip{padding:0;}
	
}



/* SAFF Player */

#saff-player{
	
	padding:0;
	margin-top:20px;
	margin-bottom:0;
	
}

#video-content{ position:relative; }

#loading{ margin-bottom:25px; background-color:#fafafa; }



#video-panel{ padding:5px; font-size:0.9em; }
#video-panel span{ color:#fff;}
#video-panel select{ height:auto; padding:2px;margin-bottom:2px;}
#video-panel select option{  margin:0; }

#quality-info {margin-right:5px;}


.afterplay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#333132;
	opacity:0.8;
	text-align:center;
	/*z-index: 2147483647;*/
	z-index:150;
	
}

.afterplay.hidden{
	display:none;
}
#outro-contents{
	margin-top:20px;
	color:#fff;
}
@media (min-width:500px){
	#outro-contents{margin-top:90px;}
}
#replay-btn{
	color:white;
}

a.outro-link{ display:block;padding:20px;padding-top:40px;color:#ccc;}
a.outro-link:hover{color:#fff;}

#saff-video{
	z-index:100;
}

.dominus-frm{
	
	font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
}

table.info th, table.info td{
	text-align:left;
	border:1px solid #ccc;
}
table.info td.mid{
	text-align:center;
}
table.layout-only{
	border:none;
}
p.listing{margin-top:0;margin-bottom:5px;padding:0;}
p.caption{margin-bottom:5px;font-weight:bold;}

img.tutorial-pic {margin-bottom:20px;}

.w-full { display:block; width:200px; height:113px; border:1px solid #ccc; margin:0 auto; }
.w-full-dyna-height{ display:block; width:200px; border:1px solid #ccc; margin:0 auto; }

@media(min-width:320px){
	.w-full{ width:280px; height: 158px;}
	.w-full-dyna-height{ width:280px; }
}
@media(min-width:350px){
	.w-full{ width:300px; height: 169px;}
	.w-full-dyna-height{ width:300px; }
}
@media(min-width:400px){
	.w-full{ width:350px; height: 197px;}
	.w-full-dyna-height{ width:350px; }
}
@media(min-width:450px){
	.w-full{ width:400px; height: 225px;}
	.w-full-dyna-height{ width:400px; }
}
@media(min-width:500px){
	.w-full{ width:450px; height: 253px;}
	.w-full-dyna-height{ width:450px; }
}
@media(min-width:550px){
	.w-full{ width:500px; height: 281px;}
	.w-full-dyna-height{ width:500px; }
}
@media(min-width:600px){
	.w-full{ width:550px; height: 309px;}
	.w-full-dyna-height{ width:550px; }
}
@media(min-width:650px){
	.w-full{ width:600px; height: 338px;}
	.w-full-dyna-height{ width:600px; }
}
@media(min-width:700px){
	.w-full{ width:650px; height: 366px;}
	.w-full-dyna-height{ width:650px; }
}
@media(min-width:750px){
	.w-full{ width:700px; height: 394px;}
	.w-full-dyna-height{ width:700px; }
}


.passport { border:1px solid #ccc; float:left; margin-right: 10px; margin-bottom:5px; width:100px; height:96px; }
@media(min-width:450px){ .passport { margin-right: 15px; margin-bottom:10px; width:200px; height:191px; } }


ul.link-list, ul.link-list li{
    list-style-type: none;
    margin-left: 0;
}

@media(min-width:500px){
    ul.link-list{
        margin-left:1.5rem;
    }
}

.error{
    font-size:100%;
    color:red;
}
.notice{
    font-size:100%;
    color:blue;
}


.field-label{
	margin-bottom:5px;
	margin-top:10px;
}
.error-field{
	color: #f00;
	font-size:smaller;
}



.iframe-container {
    position: relative;
    overflow: hidden;
    padding-top: 200%;
}
.iframe-container iframe {
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}