@import url(vendors/reset.css);
@import url(vendors/normalize.css);

@font-face {
  font-family: 'Open Sans', sans-serif;
  src:url("../iwov-resources/fonts/opensans/OpenSans-Regular.eot");
  src:url("../iwov-resources/fonts/opensans/OpenSans-Regular.eot?#iefix") format("embedded-opentype"),
  url("../iwov-resources/fonts/opensans/OpenSans-Regular.woff") format("woff"),
  url("../iwov-resources/fonts/opensans/OpenSans-Regular.ttf") format("truetype"),
  url("../iwov-resources/fonts/opensans/OpenSans-Regular.svg#OpenSans") format("svg");
  font-weight:normal;
  font-style:normal
}

@font-face {
  font-family:'Raleway';
  src:url("../iwov-resources/fonts/raleway/raleway.eot");
  src:url("../iwov-resources/fonts/raleway/raleway.eot?#iefix") format("embedded-opentype")
  ,url("../iwov-resources/fonts/raleway/raleway.woff") format("woff"),
  url("../iwov-resources/fonts/raleway/raleway.ttf") format("truetype"),
  url("../iwov-resources/fonts/raleway/raleway.svg#raleway") format("svg");
  font-weight:normal;
  font-style:normal
}

@font-face {
  font-family:'Raleway';
  src:url("../iwov-resources/fonts/raleway/raleway-medium.eot");
  src:url("../iwov-resources/fonts/raleway/raleway-medium.eot?#iefix") format("embedded-opentype")
  ,url("../iwov-resources/fonts/raleway/raleway-medium.woff") format("woff"),
  url("../iwov-resources/fonts/raleway/raleway-medium.ttf") format("truetype"),
  url("../iwov-resources/fonts/raleway/raleway-medium.svg#raleway-medium") format("svg");
  font-weight: 500;
  font-style:normal
}

@font-face {
  font-family:'Raleway';
  src:url("../iwov-resources/fonts/raleway/raleway-bold.eot");
  src:url("../iwov-resources/fonts/raleway/raleway-bold.eot?#iefix") format("embedded-opentype")
  ,url("../iwov-resources/fonts/raleway/raleway-bold.woff") format("woff"),
  url("../iwov-resources/fonts/raleway/raleway-bold.ttf") format("truetype"),
  url("../iwov-resources/fonts/raleway/raleway-bold.svg#raleway-bold") format("svg");
  font-weight:bold;
  font-style:normal
}

@font-face {
  font-family:'Raleway';
  src:url("../iwov-resources/fonts/raleway/raleway-extrabold.eot");
  src:url("../iwov-resources/fonts/raleway/raleway-extrabold.eot?#iefix") format("embedded-opentype")
  ,url("../iwov-resources/fonts/raleway/raleway-extrabold.woff") format("woff"),
  url("../iwov-resources/fonts/raleway/raleway-extrabold.ttf") format("truetype"),
  url("../iwov-resources/fonts/raleway/raleway-extrabold.svg#raleway-extrabold") format("svg");
  font-weight: 800;
  font-style:normal
}

html, body{
  width: -webkit-calc(100% - 0px);
}

body{
  font-family: 'Raleway',Arial,sans-serif;
  color: #333333 /*eeeff0*/;
  margin: 0 auto !important;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  min-width: 320px;
}

a{
  text-decoration:none;
  border:none;
}
  a, a:visited, a:hover {
	color: #FFFFFF;
  }
  a img{
	border:none;
  }
  a:hover{
	text-decoration:underline;
  }

em{
  font-style: italic;
}

ul{
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 40px;
}
  ul.none {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
  }
  
  li{
	display: list-item;
	text-align: -webkit-match-parent;
	margin:10px 0;
  }
  
  ul.styled > li{
	padding-left:30px;
	background:url(../iwov-resources/images/yellow-bullet-arrow.png) no-repeat 0 6px;
  }

h1,h2,h3,h4,h5,h6 {
  margin: 10px 0;
  font-family: inherit;
  font-weight: 800;
  line-height: 1;
  color: inherit;
  text-rendering: optimizelegibility
}
  h3 {
	font-size: 122%;
	line-height: 110%;
  }
  h2 {
	font-size: 150%;
	line-height: 110%;
  }
  h1 {
	font-size: 220%;
	line-height: 130%;
  }

p {
  margin-top: 10px;
  margin-bottom: 10px;
}

.display-tables{
  position:relative;
  display:table;
  vertical-align:middle;
}
  .display-tables .cells{
	position:relative;
	display: table-cell;
	vertical-align:middle;
  }

.buttons{
  text-transform: none !important;
  text-decoration:none !important;
  background: #FFA800;
  color: #ffffff !important;
  padding: 7px 15px 8px;
  text-align:center;
  display:inline-block;
  font-weight: bold;
  border-bottom: 3px solid #d28a13;
}
  .buttons:hover{
	background: #f99c10;
	color: #ffffff !important;
  }
  
.sup{
  position: relative;
  top: -0.5em;
  font-size: 60% !important;
}

.device-width{
  width:100%;
}

.mobile-hidden{
  display:block;
}

.desktop-hidden{
  display:none;
}

.colorway1{
  color: #e4a612/*c89912*/ !important;
}
.colorway2{
  color: #75cdff !important;
}

#canvas{
  width:100%;
  min-width:320px;
  width:1300px\9;
  /*max-width:1400px;*/
  margin:0 auto;
  position:relative;
  overflow: hidden;
}
  #canvas > div, #canvas > div .container{
	width:100%;
	margin:0 auto;
	position:relative;
  }
  #canvas > div .container{
	max-width:1200px;
	padding-left:50px;
	padding-right:50px;
	box-sizing:border-box;  
  }

#header, #mobile-header, #mobile-header-menu{
  height: 68px;
  margin:0;
  padding:0;
  border-bottom: 10px solid #ffb900;
  background: url('../iwov-resources/images/posb-header-gradient.jpg');
  background-repeat: repeat-x;
  background-position: 52% 0%;
  background-color: #e7f6fd;
  box-shadow:0px 3px 10px #88837e;
  z-index:11;
}
#mobile-header{
  border: none;
}

#mobile-header-menu{
  border: none;
  position:fixed !important;
  top:0;
  left:0;
}
  #mobile-header-menu #mobile-menu-toggler{
    margin:5px 20px;
	margin-left:0;
  }
  #mobile-header-menu > .container > .buttons{
	font-size: 130%;
	position:absolute;
	right:10px;
	top:18px;
  }

#menu-visual-holder{
  margin-top: -10px;
  background: #11294b;
  z-index: 9;
}

.site-navs{
   width: 100%;
  background: url(../iwov-resources/images/backgrounds/transparent-blue.png) /*#9aa1aa*/;
  color: #ffba00 /*122a4c*/;
  font-weight:800;
  font-size: 130%;
  text-transform: uppercase;
  z-index:8;
}
  .site-navs a:hover{
	color: #122a4c;
	text-decoration:none;
  }
  
#main-navs{
  position:absolute;
  overflow:hidden;
  top:0;
  left:0;
  margin:0 auto;
}
  #main-navs ul > li{
    display: inline-block;
	margin:20px;
  }
  #main-navs .omega ul > li{
	margin-left: 10px;
	margin-right: 10px;
  }
  #main-navs .alpha ul > li.icon{
	display: none;
  }
  #main-navs .alpha > ul > li:first-child, #main-navs .alpha > ul > li:nth-child(2), #main-navs .omega > ul > li:first-child{
    margin-left:0;
  }
  #main-navs .alpha > ul > li:last-child, #main-navs .omega > ul > li:last-child{
    margin-right:0;
  }
  #main-navs .display-tables, #footer .display-tables{
    width:100%;
  }
  #main-navs .display-tables > .cells, #footer .display-tables > .cells{
    width:50%;
  }
  #main-navs .alpha{
    text-align:left;
  }
  #main-navs .omega, #footer .omega{
    text-align:right;
  }
  
#mobile-navs{
  display: none;
  background: url(../iwov-resources/images/backgrounds/transparent-blue.png) /*#9aa1aa*/;
}
  #mobile-navs ul > li span{
	color: #ffba00;
  }
  #mobile-navs ul > li{
    display: block;
	margin: 0;
	padding: 0;
	padding-top: 7px;
	padding-bottom:8px;
  }
  #mobile-navs .alpha ul > li{
	border-bottom: 1px solid #ffffff;
  }
  #mobile-navs ul > li:first-child{
	padding-top:10px;
  }
  #mobile-navs .omega li{
    display:inline-block;
	padding-left: 7px;
	padding-right:8px;
  }
  #mobile-navs .omega ul > li:first-child{
    padding-left: 0;
  }
  
.sticky-navs{
  position:fixed !important;
  padding:0 !important;
  top:inherit;
  background-image: url(../iwov-resources/images/backgrounds/transparent-blue.png) !important/*#9aa1aa*/;
  z-index:11;
}
  .sticky-navs ul > li{
	margin-top:7px !important;
	margin-bottom:8px !important;
  }
 /* .sticky-navs ul > li.icon{
	display: inline-block !important;
  }
  :first-child, .sticky-navs .alpha > ul > li:nth-child(2) */
  .sticky-navs .alpha > ul > li{
	margin:0 10px !important;
	display: inline-block !important;
  }
  .sticky-navs .alpha > ul > li.icon{
	margin-left: 0!important;
  }
  .sticky-navs .alpha > ul > li:last-child{
	margin-right: 0!important;
  }
  .sticky-navs ul > li.icon > img{
    width: 70px;
	height: auto;
	margin-top: -4px;
	position:relative;
  }
  .sticky-navs ul > li span{
	color: #ffba00;
  }
  
#hero-banner{
  z-index: 7;
}
  #hero-banner > *{
	position:relative;
  }

.scroller > div{
  position:absolute;
  bottom:40px;
  width:100%;
  text-align:center;
  left:0;
}
  .scroller > div > span{
	left: 50% \ ;
	margin-left: -25px \ ;
    cursor:pointer;
  }
  
.contents{
  padding: 130px 0;
  background: #e7f6fd/*11294b*/;
  z-index:2;
  color: #333333;
}
  .contents .fs-h3{
	font-size: 150%;
    font-weight: 800;
  }
.home-container{
  background: url(../iwov-resources/images/backgrounds/bg-home-contents-top.jpg) top center repeat-x #2d4665;
  color: #ffffff;
  padding: 80px 0;
}
  .home-container  a{
	text-decoration: underline;
  }
  .home-container > .benefits-bg{
	position:absolute;
	bottom:0;
	left:0;
  }
  .home-container .overview{
	max-width: 1150px;
	margin: 20px auto;
  }
  .home-container > .container > h3{
	text-align: center;
	width: 100%;
	margin:0 auto;
	max-width:860px;
	white-space: pre;
  }
  .home-container > .container  h3, .fs-h3, .privileges h3, .fs-h3{
	font-size: 150%;
	line-height: 150%;
  }
  .home-container > .container  h2{
	font-size: 220%;
	line-height: 120%;
  }
  .home-container > .container  h1{
	font-size: 295%;
	line-height: 105%;
  }
  .home-container > .container  h2, .home-container > .container  h3, .fs-h3, .home-container #promo h1{
	font-weight: 500;
  }
  .home-container #promo{
	width: 100%;
	max-width: 960px;
	margin: 40px auto;
	padding-left:30px;
	padding-right:30px;
	box-sizing: border-box;
	background:url(../iwov-resources/images/backgrounds/transparent-blue.png);
  }
  .home-container #promo .alpha{
	padding: 30px;
	padding-left:0;
  }
  
.benefits{
  width: 100%;
  max-width: 960px;
  box-sizing: border-box;
  border: 1px solid #ffffff;
  padding: 60px;
  margin: 100px auto;
  display: block;
  font-size: 130%;
}
  .benefits > .icons{
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
  }
  .benefits > .icons.cards{
	width: 100%;
	width: 484px \ ;
	height: auto;
	max-width: 484px;
  }
  .benefits .fine-line{
	font-size: 69%;
	line-height: 110%;
	margin-top:60px;
  }
  
  .steps .fs-h3{
   margin-top:5px;
   line-height: 100%;
  }
	.steps > .display-tables{
	  width: 100%;
	  padding:20px 0;
	}
	.steps > .display-tables.alpha{
	  border-bottom: 1px dashed #ffffff;
	}
	.steps > .display-tables > .cells{
	  vertical-align: top;
	  
	}
	.steps > .display-tables > .cells.alpha{
	  width: 110px;
	}

  .box{
    padding:20px 10px;
	background: #1f5883;
	font-weight: normal;
	text-align: justify;
	font-size: 103%;
	line-height: 120%;
  }
    .box p > strong{
	  display: inline-block;
	  font-weight: 800;
	  text-align: left;
	}
	.box .cells{
	  padding: 10px 40px;
	  width: 50%;
	  box-sizing: border-box;
	  vertical-align: top;
	}
	.box .cells.alpha{
	  border-right: 1px dashed #ffffff;
	  padding-left: 20px;
	}
	.box .cells.omega{
	  padding-right: 20px;
	}
	
.islandwide-benefits{
  margin-bottom:0 !important;
}
  .islandwide-benefits > .display-tables{
	width: 100%;
	padding-top: 50px;
  }
  .islandwide-benefits > .display-tables .cells{
	vertical-align: top;
	width: 50%;
	padding: 10px;
  }
  .islandwide-benefits > .display-tables .cells.alpha{
	padding-left:0;
  }
  .islandwide-benefits > .display-tables .cells.omega{
	padding-right:0;
  }
  .islandwide-benefits > .display-tables .cells > p{
	margin-top: 20px;
  }
  .islandwide-benefits > .display-tables img{
	width:60%;
	width: 215px \9;
	max-width: 215px;
	height: auto;
  }

#apply{
  background: url(../iwov-resources/images/backgrounds/apply-instant.jpg) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 120px 0;
  padding: 60px 0 \ ;
  color: #ffffff;
}
  #apply .benefits{
    border:0;
	margin:0;
	padding:0;
  }
  #apply .fs-h3{
    font-weight: 500;
  }
  #apply > .container .cells{
    width:50%;
	vertical-align: top;
  }
  #apply > .container > .alpha{
	border-bottom: 1px dashed #ffffff;
	padding-bottom:60px;/*150*/
  }
  #apply > .container .display-tables{
    max-width:700px;
  }
  #apply > .container > .alpha  .display-tables{
    padding:30px 0;
  }
  #apply > .container > .alpha  p{
    white-space: pre-line;
  }
  #apply > .container > .omega .cells > p{
    height: 40px;
  }
  #apply > .container > .omega .cells > img{
    width:100px;
	height: auto;
  }
 
.privileges{
  max-width: 978px;
  margin:40px auto 0;
  font-size: 130%;
}
  .privileges:first-child{
    margin-top:0;
  }
  .privileges a{
    text-decoration:underline;
  }
  .privileges .items{
    margin-top:30px;
	font-weight: 500;
  }
  .privileges .cells{
    padding:40px 45px;
	vertical-align:top;
	box-sizing:border-box;
  }
  .privileges .alpha{
	padding-left:0;
	padding-top:0;
	width:22.50%;
  }
   .privileges  .alpha > .lines{
	 display:block;
	 width:50px;
	 height:50px;
	 border-bottom:1px dashed #000000;
	 position:absolute;
	 top:20px;
	 right: -25px;
   }
  .privileges .omega{
	width:72.50%;
	border:1px solid #000000;
  }
  .privileges a{
	color: #333333 /*ffa300*/;
  }

#faqs{
  /*padding-top: 20px;
  padding-bottom: 20px;*/
  border: 1px solid #000000;
}
.qnas{
  width: 100%;
  position: relative;
  box-sizing: border-box;
  font-family: Arial, sans-serif;
  font-size:130%;
  padding: 10px;
  padding-top:20px;
  padding-bottom:10px;
  border-bottom:1px dashed #000000;
}
  .qnas a{
    color: inherit;
	text-decoration: underline;
  }
  
  .qnas:last-child{
	border-bottom: none;
  }
  .qnas p:first-child{
    margin-top:0;
  }
  .qnas .toggle-expand{
	cursor: pointer;
	display: block;
  }
  .qnas .toggle-expand-status{
	font-size: 150%;
  }
  .qnas.open .toggle-expand-status{
	font-size: 100%;
	font-weight: 800;
  }
  .qnas .cells{
	width: 95%;
  }
  .qnas .alpha{
	width: 1%;
  }
  .qnas .omega{
	text-align:right;
	width: 4%;
  }
  .qnas .answers{
	display: none;
  }
  .qnas.open{
    background: #d7dce1;
  }
 
  .qnas .display-tables, .qnas .cells{
    vertical-align:top;
  }
  .qnas .cells{
    padding:10px;
  }
  .qnas .questions{
	font-weight: bold;
  }
.toggle{
  position:fixed !important;
  top: 0;
  left: 0;
  height:100vh;
  overflow: hidden;
  background-image: url(../iwov-resources/images/backgrounds/transparent-white.png);
  z-index: 10;
}

#footer{
  border-top:5px solid #0088d3 /*ffba00*/;
  background: #ebf6fc /*222222*/;
  color: #2d2d2d;
  font-family: Arial, sans-serif;
  z-index:1;
  font-size:93%;
}
  #footer ul{
	padding-top:0;
  }
 
  #footer .omega{
    color: #2b7eaf;
	font-family: 'Raleway',Arial,sans-serif;
	line-height: 200%;
  }
  #footer .display-tables{
	padding-top:15px;
  }
  #footer ul > li{
	margin:5px 0;
  }
  #footer .fine-line{
	padding-bottom:15px;
  }

#lightbox{
  width: 100%;
  height: 100vh;
  background:url(../iwov-resources/images/backgrounds/transparent-blue.png);
  text-align: center;
  position:fixed;
  top: 0;
  left: 0;
  color: #ffffff;
  font-weight: 500;
  z-index: 999999;
  min-height: 600px;
  display:none;
}
  #lightbox > div{
	 position:relative;
	 width: 100%;
	 max-width: 600px;
	 margin: 0 auto;
	 height: 259px;
	 top: 30%;
	 /*margin-top: -256px;*/
  }
  #lightbox > div > span{
    cursor: pointer;
  }

@media only screen and (max-width : 960px){
  .benefits{
	font-size: 120%;
	padding: 50px;
	margin: 80px auto;
  }
  .home-container > .container  h3, .fs-h3, .privileges h3, .fs-h3{
	font-size: 140%;
	line-height: 140%;
  }
  .home-container > .container  h2{
	font-size: 210%;
	line-height: 110%;
  }
  .home-container > .container  h1{
	font-size: 280%;
	line-height: 100%;
  }
  .benefits .fine-line{
	font-size: 75%;
	margin-top:50px;
  }
  #apply > .container > .alpha  p{
	  white-space: normal;
	}
}
@media only screen and (max-width : 769px){
  body{
	font-size: 13px;
  }
  #canvas > div .container{
	padding-left:12px;
	padding-right:12px;
  }
  
  #main-navs .omega ul > li{
	margin-left: 5px;
	margin-right: 5px;
  }
	#main-navs ul > li{
	  margin:10px;
	}
	
  #header{
	height:60px;
  }
    #header > .container > .logo{
	  width:75px;
	}
  .scroller > div{
   bottom:15px;
  }   
   .scroller > div img{
	 width:35px;
	 height:auto;
   }
  .benefits{
	font-size: 110%;
	padding: 40px;
	margin: 60px auto;
  }
  .home-container > .container > h3{
	white-space: normal;
  }
	.home-container > .container  h3, .fs-h3, .privileges h3, .fs-h3{
	  font-size: 130%;
	  line-height: 120%;
	}
	.home-container > .container  h2{
	  font-size: 190%;
	  line-height: 110%;
	}
	.home-container > .container  h1{
	  font-size: 250%;
	}
  #apply{
    padding: 80px 0;
  }
    
	#apply > .container > .omega > p{
	  margin:30px 0;
	}
  .box .cells{
	padding: 0 25px;
  }
  
  .privileges .display-tables, .privileges .cells{
	display:block;
	width:96%;
	margin: 0 auto;
  }
	.privileges .cells{
	  padding:25px;
	}
	.privileges .items{
	  margin:0;
	  padding:0;
	}
	 
	.privileges .alpha{
	   border: 1px solid #000000;
	   border-bottom: none;
	   padding-bottom:0;
	}
	.privileges .omega{
	   border-top: none;
	}
	.privileges  .alpha > .lines{
	   display:none;
	 }
  .sticky-navs .alpha > ul > li{
	margin:0 5px !important;
  }
	.sticky-navs .alpha > ul > li.icon{
	  margin-left: 0!important;
	}
	.sticky-navs .alpha > ul > li:last-child{
	  margin-right: 0!important;
	}
}

@media only screen and (max-width : 599px){
  body{
	font-size: 12px;
  }

  #main-navs{
    position:relative;
  }
	#main-navs .alpha > ul > li{
	  display:block;
	  border-bottom: 1px solid #ffffff;
	  margin:0;
	  margin-top: 8px;
	  padding-bottom:8px;
	}
	#main-navs .display-tables > .cells{
	  width:100%;
	  display:block;
	  text-align:left;
	}
  
  .mobile-hidden{
	display:none;
  }
  
  .desktop-hidden{
	display:block;
  }
  
  .scroller > div img{
	width:30px;
  }
	.scroller > div{
	  bottom:8px;
	}
  
  .contents{
	padding: 65px 0;
  }
  .benefits{
	font-size: 110%;
	padding: 30px;
	margin: 50px auto;
  }
  .home-container{
	padding: 60px 0;
  }
  .home-container #promo{
	padding-left:15px;
	padding-right:15px;
  }
  .home-container #promo .alpha{
	padding: 15px;
	padding-left: 0;
  }
  
  .home-container #promo{
	margin: 20px auto;
  }
  .home-container #promo .alpha > img{
	width: 100px;
	height: auto;
  }
  .home-container > .container  h3, .fs-h3, .privileges h3, .fs-h3{
	font-size: 125%;
  }
  .home-container > .container  h2{
	font-size: 180%;
  }
  .home-container > .container  h1{
	font-size: 230%;
  }
  .benefits .display-tables, .benefits .cells{
    display: block;
	width: 100%;
  }
  .islandwide-benefits > .display-tables .cells, #apply > .container .cells{
	width: 100%;
	padding: 10px 0;
  }
  #apply{
    padding: 60px 0;
  }
  #apply > .container p{
    height: auto !important;
  }
  
  .steps > .display-tables > .cells.alpha{
	width: 90px;
  }
    .steps .fs-h3{
	  margin-bottom: 0;
	}
	.steps .cells.alpha > img{
	  width: 80px;
	  height: auto;
	}
  .box{
    padding: 10px;
  }
	.box .cells{
	  padding-left:10px !important;
	  padding-right:10px !important;
	  display: block;
	  width: 100%;
	}
	.box .cells.alpha{
	  border: none;
	  border-bottom: 1px dashed #ffffff;
	  padding-bottom: 10px;
	}
	.box .cells.omega{
	  padding-top: 10px;
	}
  .benefits .fine-line{
	margin-top:40px;
  }
  #lightbox > div > img{
	  width:100%;
  }
}

@media only screen and (max-width : 361px){
  body{
	font-size: 11px;
	line-height: 120%;
  }
  .home-container{
	padding: 30px 0;
	
  }
	.home-container #promo{
	  padding-left:10px;
	  padding-right:10px;
	}
    .home-container #promo .alpha{
	  padding: 10px;
	  padding-left:0;
	}
  	.home-container #promo .alpha > img{
	  width: 80px;
	  height: auto;
	}
  .benefits{
	font-size: 100%;
	padding: 20px;
	margin: 40px auto;
  }
	.benefits .fine-line{
	  font-size: 90%;
	  margin-top:0;
	}
   #apply{
    padding: 40px 0;
  }
  .box{
    margin-bottom: 20px;
  }
}