/*!
 * Built with Bootstrap v2.2.2
 * http://twitter.github.com/bootstrap
 */

@import url('//fonts.googleapis.com/css?family=Arimo|Pontano|Open+Sans:400,300');

/* General
-------------------------------------------------- */
body {
  /* background: url("../img/noise.png") repeat scroll 0 0 #FFFFFF; */
  position: relative;
  /* padding-top: 60px; */
  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Arial, Verdana,
    sans-serif;
  color: #7b848c;
  /* #7e8890 */
  font-weight: 100;
  word-wrap: break-word;
}

.clear {
  clear: both;
}

#banner-announcement {
  left: 0;
  background-color: #FCE5E7;
  width: 100%;
}

#banner-announcement-content {
  margin: 0 auto;
  padding: 12px;
  text-align: center;
}

#banner-announcement-content a {
  font-weight: bold;
  color: #E53F4C;
  font-size: 16px;
}

#banner-announcement-content a:hover {
  text-decoration: underline;
}

h1 {
  font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;
  font-weight: normal;
  color: #fff;
}

h2 {
  color: #5892cd;
  font-weight: 200;
  padding: 10px 0;
}

h4,
h5 {
  font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;
  font-weight: bold;
}

h4,
h5 {
  color: #576a7d;
}

h4.main_feature {
  color: #faad3f;
  font-weight: bold;
  padding-top: 12px;
  padding-bottom: 8px;
}

h4.landing_state {
  color: #faad3f;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: -8px;
}

h4.enrolling_state {
  color: #faad3f;
  font-weight: bold;
  margin-top: 0 !important;
}

h6 {
  color: #5892cd;
  font-weight: 400;
  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Arial, Verdana,
    sans-serif;
}

#landing_left h1,
#landing_center h1 {
  text-shadow: 0 1px 2px #000;
}

.blue_banner h1,
.whitepaper_banner h1,
h2,
button,
a {
  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Arial, Verdana,
    sans-serif;
  font-weight: 300;
}

input,
textarea,
button,
select,
a,
a:hover,
a:active,
a:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}

a {
  text-decoration: none;
  /*color:#5892cd;*/
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}

a:hover {
  text-decoration: none;
  color: #6faee7;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}

h3 {
  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Arial, Verdana,
    sans-serif;
  text-shadow: 0 1px #fff;
  font-weight: 400;
  color: #576a7d;
}

.course_feature h3 {
  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Arial, Verdana,
    sans-serif;
  font-weight: 100;
  color: #5892cd;
  font-size: 35px;
  margin-bottom: 30px;
  margin-left: -2px;
}

.course_feature p {
  margin-top: 15px;
}

p {
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 20px;
  font-weight: 500;
}

ul li,
ol li,
a {
  font-weight: 500;
}

.danger_text {
  color: #cb5342;
  font-weight: bold;
}

.tiny_text {
  font-size: 13px;
  color: #5892cd;
  font-style: normal;
  font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;
  font-weight: 500;
}

.map {
  height: 350px;
  width: 100%;
}

.header_text {
  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Arial, Verdana,
    sans-serif;
  color: #576a7d;
  font-size: 16px;
  line-height: 21px;
  font-weight: 500;
}

.banner_text {
  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Arial, Verdana,
    sans-serif;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  text-shadow: 0 1px 2px #444;
}

.banner_text .secondary {
  padding-top: 6px;
}

.banner_text .secondary_bottom {
  padding-top: 6px;
  margin-bottom: 12px;
}

.dark_trans {
  background: rgba(35, 31, 32, 0.4);
  color: #fff;
  position: relative;
  border-radius: 4px;
  padding: 25px 25px 5px 25px;
}

form {
  margin: 0 0 0 0;
}

legend {
  margin-bottom: 10px;
  color: #5892cd;
}

legend.legend_large {
  font-size: 35px;
  padding-bottom: 10px;
}

textarea,
select,
input[type='text'],
input[type='password'],
input[type='datetime'],
input[type='datetime-local'],
input[type='date'],
input[type='month'],
input[type='time'],
input[type='week'],
input[type='number'],
input[type='email'],
input[type='url'],
input[type='search'],
input[type='tel'],
input[type='color'],
.uneditable-input,
input:invalid {
  background-color: #f9f8f5;
  border: 1px #ccc solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px #ddd, 0 1px 0px #fff;
  -moz-box-shadow: inset -1px 1px 1px #ddd, 0 1px 0px #fff;
  -ms-box-shadow: inset -1px 1px 1px #ddd, 0 1px 0px #fff;
  -o-box-shadow: inset -1px 1px 1px #ddd, 0 1px 0px #fff;
  box-shadow: inset 0 1px 1px #ddd, 0 1px 0px #fff;
}

textarea:focus,
select:focus,
input[type='text']:focus,
input[type='password']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='date']:focus,
input[type='month']:focus,
input[type='time']:focus,
input[type='week']:focus,
input[type='number']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='color']:focus,
.uneditable-input:focus {
  border: 1px solid #bbcee9;
  background-color: #fff;
  color: #555;
  outline: none;
  -webkit-box-shadow: inset 0 1px 1px #ddd, 0 1px 0px #fff;
  -moz-box-shadow: inset 0 1px 1px #ddd, 0 1px 0px #fff;
  -ms-box-shadow: inset 0 1px 1px #ddd, 0 1px 0px #fff;
  -o-box-shadow: inset 0 1px 1px #ddd, 0 1px 0px #fff;
  box-shadow: inset 0 1px 1px #ddd, 0 1px 0px #fff;
}

button:focus {
  outline: none;
}

textarea:focus:invalid:invalid,
select:focus:invalid:invalid,
input[type='text']:focus:invalid,
input[type='password']:focus:invalid,
input[type='datetime']:focus:invalid,
input[type='datetime-local']:focus:invalid,
input[type='date']:focus:invalid,
input[type='month']:focus:invalid,
input[type='time']:focus:invalid,
input[type='week']:focus:invalid,
input[type='number']:focus:invalid,
input[type='email']:focus:invalid,
input[type='url']:focus:invalid,
input[type='search']:focus:invalid,
input[type='tel']:focus:invalid,
input[type='color']:focus:invalid,
.uneditable-input:focus:invalid {
  border: 1px solid #bbcee9;
  background-color: #fff;
  color: #555;
  outline: none;
  -webkit-box-shadow: inset 0 1px 1px #ddd, 0 1px 0px #fff;
  -moz-box-shadow: inset 0 1px 1px #ddd, 0 1px 0px #fff;
  -ms-box-shadow: inset 0 1px 1px #ddd, 0 1px 0px #fff;
  -o-box-shadow: inset 0 1px 1px #ddd, 0 1px 0px #fff;
  box-shadow: inset 0 1px 1px #ddd, 0 1px 0px #fff;
}

ol.txt_list li,
ul.txt_list li,
dl.txt_list dd {
  margin-bottom: 10px;
}

input.required_input,
textarea.required_input,
select.required_input {
  border: 1px solid #e68e81;
  background-color: #f9e5e2;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}

.tiny_error {
  color: #cb5342;
  font-size: 11px;
  font-weight: bold;
  font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;
}

.tiny_info {
  display: block;
  padding-top: 5px;
  color: #576a7d;
  font-size: 11px;
  line-height: 16px;
  font-weight: bold;
}

.tiny_primary {
  display: block;
  padding-top: 5px;
  color: #5892cd;
  font-size: 11px;
  line-height: 16px;
  font-weight: bold;
}

.tiny_success {
  color: #51a351;
  font-size: 11px;
  font-weight: bold;
}

.medium_error {
  color: #cb5342;
  font-weight: bold;
}

#mail_fail {
  color: #cb5342;
  font-weight: bold;
}

.employers {
  margin-bottom: 20px;
  padding: 20px;
  font-size: 18px;
  line-height: 27px;
  background: #fbfcfc;
  border-radius: 4px;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

.employers .topic-bullets {
  width: 50%;
  display: inline-block;
  float: left;
}

.employers .topic-bullets li {
  margin: 15px 10px 15px auto;
  font-size: 18px;
  line-height: 26px;
  color: #576a7d;
  font-weight: 500;
}

/* Start Scroll Down Mouse Icon */
.scroll_down_icon {
  bottom: 0;
  z-index: 1;
  position: absolute;
  right: 50%;
  left: 47%;
  width: 120px;
  height: 120px;
}

.scroll_down_icon p {
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
}

.icon-scroll_holder {
  position: relative;
}

.mouse-icon-scroll,
.mouse-icon-scroll:before {
  position: absolute;
  text-align: center;
}

.mouse-icon-scroll {
  width: 23px;
  height: 40px;
  margin-left: -5px;
  margin-top: -30px;
  top: 50%;
  box-shadow: inset 0 0 0 2px #fff;
  border-radius: 25px;
}

.mouse-icon-scroll:before {
  content: '';
  width: 5px;
  height: 5px;
  background: #fff;
  margin-left: -3px;
  top: 8px;
  border-radius: 4px;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
  animation-name: scroll;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes scroll {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes scroll {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

/* End Scroll Down Mouse Icon */

/* Scroll to Top button */
#back-top {
  position: fixed;
  bottom: 0;
  left: 0;
  margin-left: 5%;
}

#back-top a {
  width: 50px;
  display: block;
  text-align: center;
  font: 11px/100% Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #bbb;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}

#back-top a:hover {
  color: #000;
}

/* arrow icon (span tag) */
#back-top span {
  width: 50px;
  height: 50px;
  display: block;
  margin-bottom: 7px;
  background: url('https://www.nationalonlineinsuranceschool.com/img/top_arrow.png') no-repeat center center;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
  opacity: 0.6;
  filter: alpha(opacity=60);
  /* For IE8 and earlier */
}

#back-top a:hover span {
  opacity: 0.9;
  filter: alpha(opacity=90);
  /* For IE8 and earlier */
}

/* Captacha Customization */
.recaptcha_widget {
  width: 100%;
  background: f9f8f5;
  margin-bottom: 20px;
}

.recaptcha_widget table {
  margin: 15px 0 10px 0;
  padding: 0;
}

.recaptcha_widget table td {
  border-top: none;
  padding: 0;
  margin: 0;
}

#recaptcha_image {
  width: 100% !important;
  height: auto !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ccc;
  margin-bottom: 0;
}

#recaptcha_image img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border: 3px solid #fff;
}

.recaptcha_input input {
  width: 97%;
}

.recaptcha_options {
  list-style: none;
  margin: 5px 0 5px 5px;
  height: 25px;
}

.recaptcha_options li {
  float: left;
  margin: 0 4px 0 0;
}

.recaptcha_options li a {
  text-decoration: none;
  text-shadow: 0 1px 1px #000;
  font-size: 16px;
  color: #fff;
  display: block;
  width: 25px;
  height: 23px;
}

.recaptcha_options li a:active {
  position: relative;
  top: 1px;
  text-shadow: none;
}

.captcha_hide {
  display: none;
}

/* Content Dividers
-------------------------------------------------- */
hr.sides {
  border: 0;
  margin: 30px 0 0 0;
  border-top: 1px dashed #dadada;
  border-bottom: 1px dashed #fff;
}

hr.dashed {
  border-style: dashed none;
}

hr.halfed {
  margin: 10px 0;
}

hr.thick {
  border-width: 4px 0;
}

hr.banner {
  background-color: #e7e7e7;
  border-width: 0;
  height: 1px;
}

/* Glyphicons Fix
-------------------------------------------------- */
[class^='glyphicons-']:before {
  font-style: normal;
  line-height: inherit;
  vertical-align: bottom;
}

/* Keyframe Animations
-------------------------------------------------- */
@-webkit-keyframes rise {
  from {
    -webkit-transform: translateY(0);
  }

  to {
    -webkit-transform: translateY(-5px);
  }
}

@-moz-keyframes rise {
  from {
    -moz-transform: translateY(0);
  }

  to {
    -moz-transform: translateY(-5px);
  }
}

@-o-keyframes rise {
  from {
    -o-transform: translateY(0);
  }

  to {
    -o-transform: translateY(-5px);
  }
}

@keyframes rise {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-5px);
  }
}

@-webkit-keyframes slide {
  from {
    -webkit-transform: translateX(0);
  }

  to {
    -webkit-transform: translateX(5px);
  }
}

@-moz-keyframes slide {
  from {
    -moz-transform: translateX(0);
  }

  to {
    -moz-transform: translateX(5px);
  }
}

@-o-keyframes slide {
  from {
    -o-transform: translateX(0);
  }

  to {
    -o-transform: translateX(5px);
  }
}

@keyframes slide {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(5px);
  }
}

.animated,
.animated a {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  -ms-animation-duration: 0.2s;
  -o-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

/* Typography
-------------------------------------------------- */
.txt-lefty {
  text-align: left;
}

.txt-middle {
  text-align: center;
}

.txt-righty {
  text-align: right;
}

.txt-justify {
  text-align: justify;
}

/* Buttons
-------------------------------------------------- */
.btn {
  text-shadow: none;
  /*0 1px 1px rgba(255, 255, 255, 0.75);*/
}

.btn-action {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 17px;
  line-height: normal;
  padding: 10px 30px;
}

.btn-flat {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}

.btn-pillbox {
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px;
}

/* Navbar
-------------------------------------------------- */
.navbar-fixed-top {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  z-index: 9999;
}

.navbar-inner {
  border-bottom: 0 none;
  /*-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);*/
  filter: none;
  padding: 0;
  background: none repeat scroll 0 0 #fff;
}

.navbar-inner ul.menu_push,
.navbar-inner ul.btn_menu_push {
  padding: 20px 0 0 0;
}

/* Vertically aligns menu (This padding is removed for the text portion of the menu in mobile) */

.navbar .brand {
  font-size: 6px;
  padding: 7px 10px 7px;
  text-shadow: none;
}

/*.navbar .nav {
padding: 20px 0 0 0;
}*/

.dropdown-menu {
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
}

.navbar .nav>li>a {
  font-size: 14px;
  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Arial, Verdana,
    sans-serif;
  font-weight: normal;
  text-shadow: none;
  color: #666;
  text-transform: uppercase;
}

.navbar .nav>li.active>a,
.navbar .nav>li.active:hover>a,
.navbar .nav>.active>a,
.navbar .nav>.active>a:hover,
.navbar .nav>.active>a:focus {
  padding-bottom: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-box-shadow: none;
}

.navbar .nav li.dropdown.open>.dropdown-toggle,
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle {
  background-color: transparent;
  color: #5892cd;
}

.navbar .nav li.dropdown>.dropdown-toggle .caret {
  border-bottom-color: #666;
  border-top-color: #666;
}

.navbar .nav li.dropdown>a:hover .caret,
.navbar .nav li.dropdown.open>.dropdown-toggle .caret,
.navbar .nav li.dropdown.active>.dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret {
  border-bottom-color: #5892cd;
  border-top-color: #5892cd;
}

.navbar .nav>li>a:focus,
.navbar .nav>li>a:hover {
  color: #5892cd;
}

.btn-dropnav {
  float: right;
  margin-left: 5px;
  margin-right: 10px;
  padding: 7px 10px;
  display: none;
}

.btn-dropnav .icon-bar {
  background-color: #f5f5f5;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  display: block;
  height: 2px;
  width: 18px;
}

.btn-dropnav .icon-bar+.icon-bar {
  margin-top: 3px;
}

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav>li.dropdown.open.active>a:hover {
  border-color: #5892cd;
}

.dropdown-menu li>a:hover,
.dropdown-menu li>a:focus,
.dropdown-submenu:hover>a {
  background-color: #fff;
  background-image: none;
}

/* Start dropdown changes */
.navbar .nav li.dropdown.active>.dropdown-menu {
  margin-top: 0;
  padding: 6px;
  border-color: #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #ecebe9;
}

.navbar .nav li.dropdown>.dropdown-menu {
  margin-top: -6px;
  padding: 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #ecebe9;
}

.navbar .pull-right>li>.dropdown-howitworks {
  /* Centers How It Works dropdown */
  right: auto;
  left: -21px;
}

.navbar .pull-right>li>.dropdown-partners {
  /* Centers Partners dropdown */
  right: auto;
  left: -38px;
}

.navbar .pull-right>li>.dropdown-resources {
  /* Centers Resources dropdown */
  right: auto;
  left: -28px;
}

.navbar .pull-right>li>.dropdown-support {
  /* Centers Suppport dropdown */
  right: auto;
  left: -38px;
}

.navbar .pull-right>li>.dropdown-menu:before,
.navbar .nav>li>.dropdown-menu.pull-right.dropdown-right:before {
  /* Centers dropdown triangle */
  right: auto;
  left: 75px !important;
}

.navbar .pull-right>li>.dropdown-menu:after,
.navbar .nav>li>.dropdown-menu.pull-right.dropdown-right:after {
  /* Centers dropdown triangle */
  right: auto;
  left: 76px !important;
}

/*ul.nav li.dropdown:hover > ul.dropdown-menu{ /* removes user's requirement to click to view dropdown
display: block;
}*/

.navbar .nav>li>.dropdown-menu:before {
  top: -10px;
  display: inline-block;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ccc;
  border-left: 10px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
}

.navbar .nav>li>.dropdown-menu:after {
  top: -9px;
  display: inline-block;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #ecebe9;
  border-left: 9px solid transparent;
}

.navbar .nav li.dropdown>.dropdown-menu a {
  padding: 8px;
  color: #666;
  font-size: 14px;
  background-color: #fff;
  border-bottom: 1px solid #ecebe9;
}

.navbar .nav li.dropdown>.dropdown-menu a:hover {
  color: #fff;
  background-color: #5892cd;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  color: #fff;
  background-color: #5892cd;
  background-image: none;
  filter: none;
}

.navbar .nav li.menu_pad {
  padding: 3px 0 12px 0;
}

.navbar .nav li.dropdown.active {
  padding: 3px 0 14px 0;
}

.navbar .nav>li>a.login_btn {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  line-height: normal;
  padding: 6px 12px;
  margin-left: 15px;
}

.navbar .nav>li>a.login_btn:focus,
.navbar .nav>li>a.login_btn:hover {
  color: #666;
  background-color: #e6e6e6;
}

.navbar .nav>li>a.signup_btn {
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  line-height: normal;
  padding: 6px 12px;
  margin-left: 12px;
}

.navbar .nav>li>a.signup_btn:focus,
.navbar .nav>li>a.signup_btn:hover {
  background-color: #f89406;
}

/* End dropdown changes */

/* Login/Register Forms
-------------------------------------------------- */
.well-form {
  max-width: 470px;
  margin: 0 auto;
}

.well-form .form-actions {
  padding: 19px 0;
}

.well-form .form-actions label {
  display: inline-table;
  float: left;
  margin-top: 5px;
}

.well-form .form-actions button {
  float: right;
}

.well-form .form-extra {
  text-align: center;
}

.well-form .form-extra button {
  margin-bottom: 5px;
}

.well {
  padding: 10px 19px;
  background: #fafafa;
  overflow-x: hidden;
}

.reg_form {
  margin-top: 20px;
}

.reg_form select {
  font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;
}

input.vert_input {
  margin: auto 5px auto auto;
}

.left_input {
  margin: 0 10px 15px 0 !important;
}

.right_input {
  margin: auto auto 17px auto !important;
}

.ccnum {
  background: #f9f8f5 url('https://www.nationalonlineinsuranceschool.com/img/cards.png') 3px 3px no-repeat !important;
  font-size: 15px;
  height: 30px !important;
  line-height: 30px !important;
  padding: 0.3em auto 0.3em 0.3em !important;
  padding-left: 65px !important;
}

.ccnum.a {
  background-position: 3px -62px !important;
}

.ccnum.d {
  background-position: 3px -127px !important;
}

.ccnum.m {
  background-position: 3px -192px !important;
}

.ccnum.v {
  background-position: 3px -257px !important;
}

.promo-btn {
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
}

.remove-btn {
  border: 1px solid #ddd;
  padding: 0 10px 1px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
}

.apply_btn {
  color: #fff;
  background-color: #5892cd;
}

.apply_btn:hover {
  background-color: #3c7fc3;
}

.cancel_btn {
  color: #fff;
  background-color: #d27b6e;
}

.cancel_btn:hover {
  background-color: #c15f51;
}

.apply_btn,
.apply_btn:hover,
.cancel_btn,
.cancel_btn:hover {
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.cancel_btn.disabled {
  background-color: #dfcbcb;
  *background-color: #dfcbcb;
  cursor: not-allowed;
}

.discount_box {
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 20px 8px 14px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

table.course_details {
  margin-bottom: 0;
}

table.order th,
table.order td {
  border-top: none;
}

table.course_details td.order_item {
  text-align: left;
  color: #576a7d;
}

table.course_details td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
  color: #576a7d;
}

table.course_details th {
  font-weight: bold;
  background-color: #ecf1f4;
  color: #576a7d;
  font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;
  text-align: center;
}

table th.txt-righty,
table td.txt-righty {
  text-align: right;
}

table.course_details tr.discount td {
  background-color: #f1f8ff;
  color: #5892cd;
  font-weight: bold;
}

table.course_details tr.total td {
  background-color: #dbf2d5;
  color: #68a168;
  font-weight: bold;
}

#registration_fail {
  margin: 20px auto;
  font-weight: bold;
  font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;
  color: #cb5342;
}

/* Landing
-------------------------------------------------- */
#landing_left,
#landing_center {
  padding: 0;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 -5px 6px -5px #333;
}

#landing_left {
  text-align: left;
}

#landing_center {
  text-align: center;
}

.header-unit {
  border: none;
  border-right: none;
  border-left: none;
  position: relative;
  padding-bottom: 37.5%;
  /* This controls the height of the video */
  padding-top: 30px;
  height: 0;
}

#video-container {
  position: absolute;
  top: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

video {
  position: relative;
  z-index: 0;
}

video.fillWidth {
  width: 100%;
}

/*
.sound-toggle{
background-position:0 0;
background-repeat:no-repeat;
cursor:pointer;
height:40px;
position:absolute;
right:30px;
top:30px;
width:40px;
z-index:9999;
}

.sound-toggle.on{ background-image:url(/assets/icon-sound-on-a39c7dbc0732c35c340268e28f553a2d.png); }
.sound-toggle.off{ background-image:url(/assets/icon-sound-off-3d50c9d5081b09eb468095c7c3a55890.png); }
*/
#landing_left .js-video iframe {
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
}

#landingSlide {
  height: 400px;
  padding: 30px 0;
}

#landing_left p {
  color: #fff;
  padding: 12px 0;
}

#landing_left .carousel-control {
  color: #0088cc;
}

#landing_left .carousel-control:hover {
  color: #17405e;
}

/*
#landingSlide {
    background: url("https://www.nationalonlineinsuranceschool.com/img/landing.png") no-repeat scroll center 200px #F1F1F1;
}
*/

.index_banner {
  background: url('https://www.nationalonlineinsuranceschool.com/img/index_banner.jpg') 50% 25% no-repeat;
  background-size: 100% auto;
  overflow: hidden;
  position: relative;
}

.lt-ie9 .index_banner,
.lt-ie8 .index_banner {
  background: url('https://www.nationalonlineinsuranceschool.com/img/index_banner_ie.jpg') no-repeat 75% 20%;
}

.prelicensing_banner {
  background: url('https://www.nationalonlineinsuranceschool.com/img/prelicensing_banner.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.nationalonlineinsuranceschool.com/img/prelicensing_banner.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='https://www.nationalonlineinsuranceschool.com/img/prelicensing_banner.jpg', sizingMethod='scale')";
  border-bottom: 1px solid #ddd;
}

.lt-ie9 .prelicensing_banner,
.lt-ie8 .prelicensing_banner {
  background: url('https://www.nationalonlineinsuranceschool.com/img/prelicensing_banner.jpg') no-repeat center center;
}

.features_banner {
  background: url('https://www.nationalonlineinsuranceschool.com/img/features_banner_bg.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.nationalonlineinsuranceschool.com/img/features_banner_bg.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='https://www.nationalonlineinsuranceschool.com/img/features_banner_bg.jpg', sizingMethod='scale')";
  -webkit-box-shadow: inset 0 -18px 6px -6px black;
  -moz-box-shadow: inset 0 -8px 6px -6px black;
  box-shadow: inset 0 -18px 6px -6px black;
  border-bottom: 1px solid #ddd;
}

.lt-ie9 .features_banner,
.lt-ie8 .features_banner {
  background: url('https://www.nationalonlineinsuranceschool.com/img/features_banner_bg_IE7.jpg') no-repeat center center;
}

.requirements_banner {
  background: url('https://www.nationalonlineinsuranceschool.com/img/requirements_banner_bg.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.nationalonlineinsuranceschool.com/img/requirements_banner_bg.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='https://www.nationalonlineinsuranceschool.com/img/requirements_banner_bg.jpg', sizingMethod='scale')";
}

.lt-ie9 .requirements_banner,
.lt-ie8 .requirements_banner {
  background: url('https://www.nationalonlineinsuranceschool.com/img/requirements_banner_bg_IE7.jpg') no-repeat center center;
}

.corporate_banner {
  background: url('https://www.nationalonlineinsuranceschool.com/img/corporate_banner.jpg') 50% 5% no-repeat;
  background-size: 100% auto;
  overflow: hidden;
  position: relative;
}

.lt-ie9 .corporate_banner,
.lt-ie8 .corporate_banner {
  background: url('https://www.nationalonlineinsuranceschool.com/img/corporate_banner.jpg') no-repeat 80% 45%;
}

.blue_banner {
  background: url('../img/b_static3.png') repeat scroll 0 0 #5892cd;
  /* Not using CDN for https purposes */
  /* background: #5892cd; */
  padding-top: 25px !important;
  padding-bottom: 40px !important;
  color: #fafafa;
  text-shadow: 0 1px 2px #375676;
}

.whitepaper_banner {
  padding-top: 25px !important;
  padding-bottom: 40px !important;
  color: #fafafa;
  text-shadow: 0 1px 2px #375676;
}

.blue_banner h1,
.whitepaper_banner h1,
.blue_banner h2,
.blue_banner .header_text,
.whitepaper_banner .header_text,
.blue_banner .header_text a,
.whitepaper_banner .header_text a {
  color: #fafafa;
  text-shadow: 0 1px 2px #375676 !important;
}

.providerID,
.providerID a {
  font-weight: bold;
  padding-top: 20px;
}

/* Page Header/Title
-------------------------------------------------- */
#header {
  padding: 30px 0;
}

/* Main Content
-------------------------------------------------- */
.content {
  padding: 20px 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #e8e8e8;
}

.cta_bottom {
  border-bottom: 1px solid #3c5a81;
}

.no_click {
  cursor: default !important;
  pointer-events: none;
}

.pcs {
  display: block;
}

.handheld {
  display: none;
}

.only_mobile {
  display: none;
}

.only_mobile_inline {
  display: none;
}

/*.banner_text{ width:500px; } */

.relative_row {
  position: relative;
}

.sticky_img {
  /* position: absolute; */
  bottom: 0;
  right: 0;
  margin-top: 20px;
}

.sticky_img_left {
  bottom: 0;
  left: 0;
  margin-top: 20px;
}

.push_padding {
  padding: 30px 0 50px 0;
}

.mb_20 {
  margin-bottom: 20px;
}

.mb_40 {
  margin-bottom: 40px;
}

.mb_60 {
  margin-bottom: 60px;
}

.push_div_right {
  float: right !important;
}

#quote-content {
  -webkit-box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.4);
  font-family: 'Times New Roman', Times, serif;
  font-size: 20px;
  color: #777;
  font-style: italic;
  text-shadow: 0 1px #fff;
  padding: 13px 0 5px 0;
  border-top: 1px solid #fff;
}

.quotes {
  display: none;
}

.static_underlay {
  background: url('../img/grain_bg.jpg') repeat scroll 0 0 #eff4f6;
  -moz-box-shadow: inset 0 0 15px #aaa;
  -webkit-box-shadow: inset 0 0 15px #aaa;
  box-shadow: inset 0 0 15px #aaa;
  text-shadow: 1px 1px #fff;
}

.icon_wrapper {
  display: block;
  height: 50px;
}

.icon_wrapper i {
  font-size: 50px;
  display: inline-block;
  line-height: normal;
}

.bouncy:hover i {
  -webkit-animation-name: rise;
  -moz-animation-name: rise;
  -o-animation-name: rise;
  animation-name: rise;
}

/* Call to action */
.view_more {
  padding: 2em 1em;
  margin: 1.5em 0 0.8em 0;
  background-color: #eff6fd;
  border: 1px solid #c3d6e9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.view_more_nobackground {
  padding: 2em 1em;
  margin: 0 0 50px 0;
  background-color: none;
  border: 1px solid #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.view_more_text {
  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Arial, Verdana,
    sans-serif;
  text-align: left;
  font-size: 25px;
  font-weight: 350;
  padding: 8px 0;
  line-height: 1.1em;
  text-shadow: 1px 1px 0px #fff;
  color: #57697b;
}

.continue_btn {
  max-width: 220px;
  margin: 0 auto;
}

.btn-block-new {
  display: block;
  text-align: center;
  padding: 10px 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  width: 100% !important;
}

.cta_signup {
  padding: 3em 1em 2em 1em !important;
  /*background: url("../img/purple_static.png") repeat scroll 0 0 #668db5;*/
  /*background-color:#5892cd; /* 77a6d5 or 5892cd -> same as h2 color */
  background: url('https://www.nationalonlineinsuranceschool.com/img/b_static3.png') repeat scroll 0 0 #5892cd;
  -moz-box-shadow: inset 0 0 10px #3c5269;
  -webkit-box-shadow: inset 0 0 10px #3c5269;
  box-shadow: inset 0 0 10px #3c5269;
}

.cta_signup_text {
  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Arial, Verdana,
    sans-serif;
  text-align: left;
  font-size: 28px;
  font-weight: 350;
  padding: 8px 0;
  line-height: 1.1em;
  color: #fff;
}

.feature_details {
  text-align: left;
  margin-bottom: 35px;
  display: block;
}

.feature_details h4 {
  margin-top: 0;
}

.feature_text {
  padding-left: 80px;
}

.feature_icon {
  float: left;
  width: 70px;
  height: 70px;
}

.certified_icon {
  background: url('https://www.nationalonlineinsuranceschool.com/img/features_icons.png') no-repeat 0 0;
}

.content_icon {
  background: url('https://www.nationalonlineinsuranceschool.com/img/features_icons.png') no-repeat -72px 0;
}

.videos_icon {
  background: url('https://www.nationalonlineinsuranceschool.com/img/features_icons.png') no-repeat -150px 0;
}

.progress_icon {
  background: url('https://www.nationalonlineinsuranceschool.com/img/features_icons.png') no-repeat -228px 0;
}

.illustrations_icon {
  background: url('https://www.nationalonlineinsuranceschool.com/img/features_icons.png') no-repeat -304px 0;
}

.exams_icon {
  background: url('https://www.nationalonlineinsuranceschool.com/img/features_icons.png') no-repeat -384px 0;
}

.glossary_icon {
  background: url('https://www.nationalonlineinsuranceschool.com/img/features_icons.png') no-repeat 0 -80px;
}

.pace_icon {
  background: url('https://www.nationalonlineinsuranceschool.com/img/features_icons.png') no-repeat -72px -80px;
}

.tips_icon {
  background: url('https://www.nationalonlineinsuranceschool.com/img/features_icons.png') no-repeat -150px -80px;
}

.support_icon {
  background: url('https://www.nationalonlineinsuranceschool.com/img/features_icons.png') no-repeat -228px -85px;
}

.devices_icon {
  background: url('https://www.nationalonlineinsuranceschool.com/img/features_icons.png') no-repeat -304px -80px;
}

.search_icon {
  background: url('https://www.nationalonlineinsuranceschool.com/img/features_icons.png') no-repeat -384px -80px;
}

.pace_icon {
  background: url('https://www.nationalonlineinsuranceschool.com/img/features_icons.png') no-repeat -72px -80px;
}

ul.green_checks li {
  padding: 5px 0;
  list-style-image: url('https://www.nationalonlineinsuranceschool.com/img/check_mark.png');
  font-size: 15px;
}

/* Start Social Testimonils */
.bubble {
  margin-bottom: 35px;
  float: left;
  position: relative;
  padding: 0;
  background: #eff6fd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 3px 3px 4px #576a7d;
  -webkit-box-shadow: 3px 3px 4px #576a7d;
  box-shadow: 3px 3px 4px #576a7d;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#576a7d')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#576a7d');
}

.bubble:after {
  content: '';
  position: absolute;
  top: 10px;
  left: -8px;
  border-style: solid;
  border-width: 8px 8px 8px 0;
  border-color: transparent #eff6fd;
  display: block;
  width: 0;
  z-index: 1;
}

.bubble_thumb {
  width: 105px;
  height: 105px;
  float: left;
}

/*
.bubble_img_1{ background: url("../img/testimonial_images.png") no-repeat scroll 0 0; }
.bubble_img_2{ background: url("../img/testimonial_images.png") no-repeat scroll -106px 0; }
.bubble_img_3{ background: url("../img/testimonial_images.png") no-repeat scroll -212px 0; }
.bubble_img_4{ background: url("../img/testimonial_images.png") no-repeat scroll -318px 0; }
.bubble_img_5{ background: url("../img/testimonial_images.png") no-repeat scroll -424px 0; }
.bubble_img_6{ background: url("../img/testimonial_images.png") no-repeat scroll -530px 0; }
*/

.bubble_txt {
  text-align: left;
  padding: 10px 0 0 15px;
  font-family: 'Times New Roman', Times, serif;
  font-size: 17px;
  color: #777;
  font-style: italic;
  text-shadow: 0 1px #fff;
}

/* End Social Testimonils */

/* Start Industry Resources */
.naic {
  display: block;
  width: 175px;
  height: 80px;
  background: url('https://www.nationalonlineinsuranceschool.com/img/industry_resources.png') 0 -96px;
  text-indent: -99999px;
}

.naic:hover {
  background-position: 0 0;
}

.naifa {
  display: block;
  width: 160px;
  height: 80px;
  background: url('https://www.nationalonlineinsuranceschool.com/img/industry_resources.png') -175px -96px;
  text-indent: -99999px;
}

.naifa:hover {
  background-position: -175px 0;
}

.vertafore {
  display: block;
  width: 175px;
  height: 80px;
  background: url('https://www.nationalonlineinsuranceschool.com/img/industry_resources.png') -330px -96px;
  text-indent: -99999px;
}

.vertafore:hover {
  background-position: -330px 0;
}

.pearsonvue {
  display: block;
  width: 160px;
  height: 80px;
  background: url('https://www.nationalonlineinsuranceschool.com/img/industry_resources.png') -500px -96px;
  text-indent: -99999px;
}

.pearsonvue:hover {
  background-position: -500px 0;
}

.prometric {
  display: block;
  width: 190px;
  height: 80px;
  background: url('https://www.nationalonlineinsuranceschool.com/img/industry_resources.png') -658px -96px;
  text-indent: -99999px;
}

.prometric:hover {
  background-position: -658px 0;
}

.psi {
  display: block;
  width: 160px;
  height: 80px;
  background: url('https://www.nationalonlineinsuranceschool.com/img/industry_resources.png') -855px -96px;
  text-indent: -99999px;
}

.psi:hover {
  background-position: -855px 0;
}

.hidden {
  display: none;
}

/* State Requirements */
.state_req {
  margin: 40px auto;
  padding: 1em 1em 2em 1em;
  background-color: #f9f8f5;
  border: 1px solid #d7d7d7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.state_req h2 {
  margin: 0;
  text-shadow: 1px 1px 0px #fff;
  color: #57697b;
}

.jump_btn {
  display: table;
  min-height: 60px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 5px;
  background-color: #f7f7f7;
  border: 1px solid #d7d7d7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #5892cd;
  font-weight: bold;
  font-size: 15px;
  font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;
  -webkit-transition: background-color 0.2s, color 0.2s;
  -moz-transition: background-color 0.2s, color 0.2s;
  -ms-transition: background-color 0.2s, color 0.2s;
  -o-transition: background-color 0.2s, color 0.2s;
  transition: background-color 0.2s, color 0.2s;
}

.jump_btn:hover {
  background-color: #5892cd;
  color: #fff;
  -webkit-transition: background-color 0.2s, color 0.2s;
  -moz-transition: background-color 0.2s, color 0.2s;
  -ms-transition: background-color 0.2s, color 0.2s;
  -o-transition: background-color 0.2s, color 0.2s;
  transition: background-color 0.2s, color 0.2s;
}

.center_txt {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 20px 8px;
}

/* Start State-specific Requirements */
.requirements {
  text-align: center;
}

.requirements .step_one {
  margin-top: -25px;
}

.requirements h4,
.requirements p,
.requirements li {
  text-align: left;
}

.requirements .add_resources {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
}

.requirements .vendor_info h4,
.requirements .vendor_info p,
.requirements .vendor_info li {
  text-align: center;
}

.requirements .content:nth-child(even) {
  background-color: #fafafa;
}

.requirements h3 {
  font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;
  font-weight: bold;
  color: #576a7d;
  margin-bottom: 20px;
  text-align: center;
}

.requirements h4 {
  font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;
  font-weight: bold;
  color: #777;
  font-size: 18px;
  padding-top: 10px;
}

.requirements p {
  margin-top: 0;
}

.requirements ul li,
.requirements ol li {
  font-size: 15px;
  padding-bottom: 10px;
}

.requirements ul.txt_list li {
  font-size: 15px;
  padding-bottom: 0;
  margin-bottom: 5px;
}

.requirements .test_locations {
  margin-top: 10px;
  margin-bottom: 10px;
}

.requirements .test_locations,
.requirements .test_locations li {
  text-align: center !important;
}

.requirements .jump_btn {
  display: table;
  min-height: 60px;
  margin: 10px;
  padding: 0 15px;
  background-color: #fff;
  border: 1px solid #5892cd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #5892cd;
  font-weight: bold;
  font-size: 15px;
  font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;
  -webkit-transition: background-color 0.2s, color 0.2s;
  -moz-transition: background-color 0.2s, color 0.2s;
  -ms-transition: background-color 0.2s, color 0.2s;
  -o-transition: background-color 0.2s, color 0.2s;
  transition: background-color 0.2s, color 0.2s;
}

.requirements .jump_btn:hover {
  color: #fff;
  background-color: #5892cd;
  /*#6AA2DB*/
  -webkit-transition: background-color 0.2s, color 0.2s;
  -moz-transition: background-color 0.2s, color 0.2s;
  -ms-transition: background-color 0.2s, color 0.2s;
  -o-transition: background-color 0.2s, color 0.2s;
  transition: background-color 0.2s, color 0.2s;
}

#responsive_table {
  margin: 10px auto 20px auto;
}

#responsive_table .table-striped tbody>tr:nth-child(odd)>th,
#responsive_table .table-striped tbody>tr:nth-child(odd)>td {
  background-color: #fff;
}

#responsive_table .table-striped tbody>tr:nth-child(even)>th,
#responsive_table .table-striped tbody>tr:nth-child(even)>td {
  background-color: #eff4f8;
}

#responsive_table table tr {
  font-weight: 500;
}

.requirements .slides_container {
  margin-top: 20px;
  padding: 15px 20px 0 20px;
  max-width: 770px;
}

.requirements .button_align {
  display: inline-block;
  zoom: 1;
  display*: inline;
  /* ie hack */
}

@media only screen and (min-width: 767px) {

  #responsive_table,
  .requirements .slides_container {
    display: inline-block;
    zoom: 1;
    display*: inline;
    /* ie hack */
  }

  #responsive_table table th {
    padding: 10px 20px;
  }

  #responsive_table table td {
    padding: 12px 20px;
  }

  [data-title='Hours'],
  [data-title='Exam Time'],
  [data-title='Scored Questions'],
  [data-title='Pretest Questions'],
  [data-title='Total Questions'] {
    text-align: center;
  }

  [data-title='Pre-Licensing Course'],
  [data-title='License Exam'] {
    text-align: left;
  }

  #responsive_table th {
    background-color: #5892cd;
    color: #fff;
  }

  #responsive_table td {
    color: #576a7d;
  }
}

@media only screen and (max-width: 767px) {

  /* Force table to not be like tables anymore */
  #responsive_table table,
  #responsive_table thead,
  #responsive_table tbody,
  #responsive_table th,
  #responsive_table td,
  #responsive_table tr {
    display: block;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  #responsive_table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  #responsive_table tr {
    border-left: 1px solid #ccc;
  }

  #responsive_table td {
    /* Behave  like a "row" */
    border: none;
    /*border-bottom: 1px solid #eee;*/
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align: left;
  }

  #responsive_table td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
  }

  /* Label the data */
  #responsive_table td:before {
    content: attr(data-title);
  }
}

@media (max-width: 767px) {
  .requirements .test_locations {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .requirements .test_locations h4 {
    text-align: center !important;
  }
}

/* End State-specific Requirements*/

.social_icons {
  border: 0;
  height: 35px;
  width: 35px;
  margin: 0 5px 5px 0;
}

.social_icons-big {
  border: 0;
  height: 50px;
  width: 50px;
  margin: 0 10px 10px 0;
}

.social_container {
  padding: 20px 15px 20px 15px;
  background-color: #f9f8f5;
  border: 1px solid #d7d7d7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  text-shadow: none;
}

.social_container p {
  font-size: 15px;
  line-height: 20px;
  font-weight: 100;
}

.social_container a {
  color: #fff;
  text-shadow: none;
}

.social_container a:hover {
  text-decoration: none;
}

.facebook_box {
  background-color: #4a6ea9;
}

.twitter_box {
  background-color: #28aae1;
}

.gplus_box {
  background-color: #dd4b39;
}

.linkedin_box {
  background-color: #1385c4;
}

.social_box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-transition: box-shadow 0.2s;
  -moz-transition: box-shadow 0.2s;
  -ms-transition: box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
}

.social_box:hover {
  -webkit-box-shadow: 0 0 15px 0 #888;
  -moz-box-shadow: 0 0 15px 0 #888;
  box-shadow: 0 0 15px 0 #888;
  -webkit-transition: box-shadow 0.2s;
  -moz-transition: box-shadow 0.2s;
  -ms-transition: box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
}

.social_box img {
  margin-top: 10px;
}

.social_box p {
  padding: 0 10px 10px 10px;
}

/* Course Tour */
.tour_steps {
  padding-top: 50px;
}

.tour_steps h5 {
  font-size: 13px;
  font-weight: normal;
  background-color: #58b158;
  color: #fff;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  padding: 3px 15px;
  white-space: nowrap;
  display: inline-block;
}

.tour_steps hr {
  margin: 25px 0 0 0;
}

.slides_container {
  padding: 5px 15px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fafafa;
}

.slides_container h5 {
  text-shadow: 0 1px #fff;
}

.slides_container .text_slide {
  margin-bottom: 15px;
  padding: 15px;
  background: #fff;
  border: 1px solid #ddd;
  font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;
}

.slides_container .text_slide h3 {
  margin: 0;
  font-weight: normal;
  font-size: 23px;
  color: #576a7d;
  font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;
}

.slides_container .text_slide h4 {
  padding: 15px 0 0 0;
  font-weight: normal;
  font-size: 18px;
  color: #164d91;
}

.slides_container .img_slide {
  margin: 15px 0;
  border: 1px solid #ddd;
}

.slides_container .loading_gif {
  text-align: center;
  font-size: 18px;
  margin: 50px auto;
}

/* Start Testimonials */
.masonry-with-columns {
  columns: 3 200px;
  column-gap: 1rem;
}

.masonry-with-columns .testimonial_box {
  width: 150px;
  background: #FFFFFF;
  margin: 0 1rem 1rem 0;
  display: inline-block;
  width: 100%;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
}

.testimonial_box {
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  border-radius: 0.25rem;
  /*margin: 15px;
  padding: 25px;
  text-align: center; */
}

.testimonial_box .quick-quote {
  padding: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  text-align: left;
  color: #555555;
  /* display: table-cell;
  vertical-align: middle; */
}

.testimonial_box .feedback {
  display: inline-block;
}

.testimonial_box .quick-quote-author {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  margin-top: 1rem;
  color: #2F313B;
}

.testimonial_box .quick-quote-author .inner_centering {
  display: table;
  /* margin: 0 auto; */
}

.testimonial_box .author-picture {
  display: inline-block;
  margin: 0 auto;
  float: left;
  width: 60px;
  height: 60px;
}

.testimonial_box .author-details {
  display: inline-block;
  margin: 0 auto;
  padding-left: 10px;
  float: left;
  font-size: 15px;
  line-height: 20px;
}

.testimonial_box .author-name {
  padding-top: 12px;
  font-weight: bold;
  text-align: left;
}

.testimonial_box .author-title {
  font-weight: normal;
  text-align: left;
  color: #718096;
}

/*.testimonial_box .author-details-centered {
  float: none;
  margin: 0 auto;
  font-size: 15px;
  line-height: 18px;
  line-height: 20px;
  text-align: center;
}
.testimonial_box .author-name-centered {
  padding-top: 12px;
  font-weight: bold;
}

.testimonial_box .author-title-centered {
  font-weight: normal;
}
*/

p.student_info {
  font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;
  color: #5892cd;
}

/* End Testimonials */

/* About Us */
.compare_text {
  padding: 15px;
  background-color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: solid 1px #ddd;
  font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;
  text-align: justify;
}

.compare_text h5 {
  border-bottom: 1px solid #dadada;
  padding-bottom: 10px;
  text-align: center;
}

/* Content Colors
-------------------------------------------------- */
::selection {
  background: #88b0f1;
  /* Safari */
}

::-moz-selection {
  background: #88b0f1;
  /* Firefox */
}

.blue-bg {
  background-color: #F7FAFC;
}

.blue-sky {
  background-color: #eff4f8;
  text-shadow: 0 1px #fff;
}

.tan {
  background-color: #f9f8f5;
}

.grey-light {
  background-color: #fafafa;
  /* eaf1f4 */
}

.grey-light h2 {
  color: #5892cd;
}

.blue-sky2,
.blue-sky2 h2 {
  background-color: #88b0f1;
  color: #efeef6;
}

.grey,
.grey h2 {
  background-color: #f5f6f7;
  /* eaf1f4 */
  color: #666;
}

.grey-green,
.grey-green h2 {
  background-color: #f2f5f6;
  color: #576a7d;
}

.green-static {
  background: url('https://www.nationalonlineinsuranceschool.com/img/green_static.png') repeat scroll 0 0 #21a87c;
}

.taupe-static {
  background: url('https://www.nationalonlineinsuranceschool.com/img/taupe_static.png') repeat scroll 0 0 #edeae5;
  border-top: 1px solid #fff;
}

.grey-static {
  background: url('https://www.nationalonlineinsuranceschool.com/img/light-grey_static2.png') repeat scroll 0 0 #f5f6f7;
  /*background: url("../img/grey_static2.png") repeat scroll 0 0 #f5f6f7;*/
}

.blue-static {
  background: url('https://www.nationalonlineinsuranceschool.com/img/blue_static.png') repeat scroll 0 0 #edeae5;
  border-top: 1px solid #fff;
}

.sky-static {
  background: url('https://www.nationalonlineinsuranceschool.com/img/sky_static.png') repeat scroll 0 0 #edeae5;
  border-top: 1px solid #fff;
}

.btn {
  color: #666666;
  background-color: #f5f5f5;
  *background-color: #f5f5f5;
  background-image: none;
  background-repeat: no-repeat;
  border-color: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #666666;
  background-color: #efefef;
  *background-color: #efefef;
}

.btn-primary {
  color: #ffffff;
  font-weight: 600;
  background-color: #4787c8;
  *background-color: #4787c8;
  background-image: none;
  background-repeat: no-repeat;
  border-color: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #377abe;
  *background-color: #377abe;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.btn-warning {
  color: #ffffff;
  font-weight: 600;
  background-color: #f29d24;
  *background-color: #f29d24;
  background-image: none;
  background-repeat: no-repeat;
  border-color: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  color: #ffffff;
  background-color: #ee910c;
  *background-color: #ee910c;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.btn-success {
  color: #ffffff;
  font-weight: 600;
  background-color: #12b561;
  *background-color: #12b561;
  background-image: none;
  background-repeat: no-repeat;
  border-color: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #10a458;
  *background-color: #10a458;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  *background-color: #bd362f;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear,
      0 0,
      0 100%,
      from(#ee5f5b),
      to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #eb7969, #c04e3e);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #ffffff;
  background-color: #c04e3e;
  *background-color: #a9302a;
}

.label,
.badge {
  padding: 4px 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7em;
}

.label-info,
.badge-info {
  background-color: #5892cd !important;
}

/* Call to Action Headline
-------------------------------------------------- */
#headline {
  padding: 20px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#headline .well {
  margin-bottom: 0;
}

#headline p {
  margin: 5px 0;
}

/* Select Drop Down */
select {
  margin: 0;
  padding: 0;
  font-size: 0.85em;
  outline: none;
  font-family: inherit;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */
  box-sizing: border-box;
}

div.select-styled {
  overflow: hidden;
  /* this hides the select's drop button */
  padding: 0;
  margin: 0;
  /* this is the new drop button, in image form */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: solid 1px #dadada;
  width: 100%;

  /* fallback */
  background-color: #f6f8fa;
  /* Safari 4-5, Chrome 1-9 */
  background: url('https://www.nationalonlineinsuranceschool.com/img/select-arrow.png') no-repeat right,
    -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ecf0f4));

  /* Safari 5.1, Chrome 10+ */
  background: url('https://www.nationalonlineinsuranceschool.com/img/select-arrow.png') no-repeat right,
    -webkit-linear-gradient(top, #fff, #ecf0f4);

  /* Firefox 3.6+ */
  background: url('https://www.nationalonlineinsuranceschool.com/img/select-arrow.png') no-repeat right,
    -moz-linear-gradient(top, #fff, #ecf0f4);

  /* IE 10 */
  background: url('https://www.nationalonlineinsuranceschool.com/img/select-arrow.png') no-repeat right,
    -ms-linear-gradient(top, #fff, #ecf0f4);

  /* Opera 11.10+ */
  background: url('https://www.nationalonlineinsuranceschool.com/img/select-arrow.png') no-repeat right,
    -o-linear-gradient(top, #fff, #ecf0f4);
}

div.select-styled select {
  font-size: 30px;
  line-height: 36px;
  width: 106%
    /* this percentage effectively extends the drop down button out of view */
  ;
  background-color: transparent
    /* this hides the select's background making any styling visible from the div */
  ;
  background-image: none;
  color: #576a7d;
  -webkit-appearance: none
    /* this is required for Webkit browsers */
  ;
  border: none;
  box-shadow: none;
  padding: 0.3em;
  height: 60px;
}

/* Florida Courses Page */
.content.FL_course_padding {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* Provider ID info */
.product-plan p span.provider_id {
  font-weight: bold;
  font-size: 15px;
  line-height: 50px;
}

.form-inline p span.provider_id {
  font-weight: bold !important;
  font-size: 14px;
  line-height: 30px;
}

/* Pricing Tables
-------------------------------------------------- */
.product-plan {
  position: relative;
  padding-top: 25px;
  background-color: #fff;
  border: 2px solid #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 15px 0 #bbb;
  -moz-box-shadow: 0 0 15px 0 #bbb;
  box-shadow: 0 0 15px 0 #bbb;
}

.product-plan.bundle {
  border: 2px solid #5892cd;
  transform: scale(1.18, 1.08);
  z-index: 100;
}

@media (max-width: 767px) {
  .product-plan.bundle {
    transform: scale(1, 1);
    z-index: 0;
  }
}

.pill-label {
  position: absolute;
  top: -14px;
  left: 50%;
  margin-left: -82px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #fff;
  font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;
  padding: 3px 15px;
  background-color: #5892cd;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
}

#LHmanual,
#Lmanual,
#Hmanual,
#CVN_info,
#LHtopics,
#LHproducts,
#Ltopics,
#Lproducts,
#Htopics,
#Hproducts {
  border: 1px solid #d7d7d7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin: 0 15px;
  padding: 15px 0 5px 0;
  background: #eff4f6;
  -webkit-box-shadow: inset 0 0 8px #c3d0dd;
  -moz-box-shadow: inset 0 0 8px #c3d0dd;
  -o-box-shadow: inset 0 0 8px #c3d0dd;
  box-shadow: inset 0 0 8px #c3d0dd;
  -webkit-transition: box-shadow 0.2s;
  -moz-transition: box-shadow 0.2s;
  -ms-transition: box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
}

.product-plan:hover #LHmanual,
.product-plan:hover #Lmanual,
.product-plan:hover #Hmanual {
  -webkit-box-shadow: inset 0 0 10px #aaa;
  -moz-box-shadow: inset 0 0 10px #aaa;
  -o-box-shadow: inset 0 0 10px #aaa;
  box-shadow: inset 0 0 10px #aaa;
  -webkit-transition: box-shadow 0.2s, background 0.2s;
  -moz-transition: box-shadow 0.2s, background 0.2s;
  -ms-transition: box-shadow 0.2s, background 0.2s;
  -o-transition: box-shadow 0.2s, background 0.2s;
  transition: box-shadow 0.2s, background 0.2s;
}

ul.plans {
  margin: 0;
}

.product-plan .name {
  text-align: center;
}

.product-plan .name h3 {
  font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;
  font-weight: bold;
  display: inline-table;
  font-size: 20px;
  line-height: 22px;
  padding: 5px 10px;
  text-shadow: none;
  color: #576a7d;
}

.product-plan h2 {
  font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;
  font-weight: bold;
  display: inline-table;
  font-size: 60px;
  line-height: 60px;
  padding: 5px 10px;
  text-shadow: none;
  color: #576a7d;
}

.old-price {
  display: inline-block;
  font-size: 1.9em;
  width: auto;
  text-decoration: line-through;
  color: #9298a2;
  vertical-align: top;
  margin-top: 35px;
}

@media (max-width: 979px) {
  .old-price {
    display: block;
    font-size: 1.9em;
    width: auto;
    text-decoration: line-through;
    color: #9298a2;
    vertical-align: auto;
    margin-top: auto;
  }
}

.product-plan p {
  font-size: 16px;
  line-height: 24px;
  padding: 5px 15px;
  text-align: center;
  text-shadow: none;
}

.product-plan span.extra_details {
  font-size: 14px;
}

.product-plan .price {
  text-align: center;
  padding: 0 0 10px 0;
}

.product-plan .price h2 {
  padding-bottom: 0;
}

/* .product-plan .price h3 {
  font-size: 30px;
  padding: 10px 0;
}
.product-plan .price h3 small {
  vertical-align: bottom;
} */

.product-plan .price h2 span.price_reduction {
  text-decoration: line-through;
  font-size: 30px;
  color: #7b848c;
}

.product-plan .price h2 span.price_reduction sup {
  font-size: 20px;
}

.product-plan .price h2 span.sale_price {
  color: #5bb75b;
}

.product-plan .price .sale_reason {
  font-size: 16px;
  font-weight: bold;
  color: #5892cd;
}

.product-plan .feature {
  border-top: 1px solid #cccccc;
}

.product-plan .feature h4,
.product-plan .feature h5 {
  padding: 15px;
}

.product-plan .action {
  padding: 20px;
  text-align: center;
  display: block;
}

.product-plan .coming_soon {
  padding: 20px;
  text-align: center;
  display: block;
  font-size: 21px;
  line-height: 22px;
  color: #62c462;
}

.product-plan .extra_details {
  font-size: 14px;
  line-height: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

/* Course Feature Images on Courses Pages */
img.feature_comprehensive_content {
  max-height: 160px;
}

img.feature_instructional_videos {
  max-height: 160px;
}

img.feature_exam_simulators {
  max-height: 160px;
}

img.feature_interactive_illustrations {
  max-height: 180px;
}

img.feature_insurance_glossary {
  max-height: 165px;
}

img.feature_exam_tips {
  max-height: 130px;
}

img.feature_quick_search {
  max-height: 120px;
}

img.feature_pass_report {
  max-height: 145px;
}

img.feature_pace {
  max-height: 140px;
}

img.feature_student_support {
  max-height: 160px;
}

img.feature_multiple_devices {
  max-height: 160px;
}

/* Corporate discount tables */
.corp_discount,
.corp_discount h2,
.corp_discount h5,
.corp_discount p {
  color: #fff;
  text-shadow: none;
  text-align: center;
}

.corp_discount h2 {
  margin-bottom: 0;
  padding-bottom: 0;
}

.corp_discount h5 {
  padding: 8px 0;
}

.corp_discount p {
  margin-top: 0;
  padding-top: 0;
}

.corp_discount sup {
  font-size: 14px;
  vertical-align: super;
}

.corp_discount hr {
  border: 0;
  margin: 0 20px;
}

.corp_discount hr.L1 {
  border-top: 1px dashed #e18416;
}

.corp_discount hr.L2 {
  border-top: 1px dashed #e9aa00;
}

.corp_discount hr.L3 {
  border-top: 1px dashed #839c0e;
}

.corp_discount hr.L4 {
  border-top: 1px dashed #418520;
}

.L1_pad_top {
  padding-top: 60px;
}

.L2_pad_top {
  padding-top: 40px;
}

.L3_pad_top {
  padding-top: 20px;
}

.L2_pad_inner {
  padding: 10px 0;
}

.L3_pad_inner {
  padding: 20px 0;
}

.L4_pad_inner {
  padding: 30px 0;
}

/* Student Tracker */
#corp_wrap {
  position: absolute;
  z-index: 1;

  background: #aaa;
  overflow: auto;
}

#scroller {
  position: absolute;
  z-index: 1;
  /*	-webkit-touch-callout:none;*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  padding: 0;
}

#scroller ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: left;
}

#scroller li {
  padding: 0 10px;

  line-height: 40px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #fff;
  background-color: #fff;
  font-size: 14px;
}

.laptop_img {
  position: relative;
}

p.manual_info {
  margin-left: 15px;
}

p.manual_info span {
  display: block;
  text-indent: -25px;
}

p.manual_info span.FL_book_delivery {
  font-size: 12px;
  font-weight: bold;
}

input.manual_checkbox {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  top: -1px;
  *overflow: hidden;
}

/* Start Employers Page styling
------------------------------------------------- */
.dedicated_support {
  background: url('https://www.nationalonlineinsuranceschool.com/img/employers_banner.jpg') 50% 5% no-repeat;
  background-size: 100% auto;
  overflow: hidden;
  position: relative;
}

.lt-ie9 .dedicated_support,
.lt-ie8 .dedicated_support {
  background: url('https://www.nationalonlineinsuranceschool.com/img/employers_banner.jpg') no-repeat 75% 20%;
}

.dedicated_support h4 {
  color: #faad3f;
}

@media (max-width: 979px) {
  .dedicated_support {
    background-size: 100% 100%;
  }
}

@media (max-width: 767px) {
  .dedicated_support {
    background: none;
  }
}

@media (min-width: 767px) {

  .dedicated_support h3,
  .dedicated_support p {
    color: #fff;
  }

  .dedicated_support p {
    font-size: 18px;
  }
}

/* Start Invoice Employer Enrollment Form Header Background
------------------------------------------------- */
.invoice_header_bg {
  background: url('https://www.nationalonlineinsuranceschool.com/img/employers_banner.jpg') no-repeat 50% 5%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.nationalonlineinsuranceschool.com/img/employers_banner.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='https://www.nationalonlineinsuranceschool.com/img/employers_banner.jpg', sizingMethod='scale')";
  border-bottom: 1px solid #ddd;

  position: relative;
  padding-top: 25px !important;
  padding-bottom: 40px !important;
  color: #fafafa;
  text-shadow: 0 1px 2px #375676;
}

.lt-ie9 .prelicensing_banner,
.lt-ie8 .prelicensing_banner {
  background: url('https://www.nationalonlineinsuranceschool.com/img/employers_banner.jpg') no-repeat center center;
}

.invoice_header_bg h1,
.invoice_header_bg h2,
.invoice_header_bg .header_text,
.invoice_header_bg .header_text a {
  color: #fafafa;
  text-shadow: 0 1px 2px #375676 !important;
}

.invoice_header_bg h4 {
  color: #faad3f;
}

@media (max-width: 979px) {
  .invoice_header_bg {
    background-size: 100% 100%;
  }
}

@media (max-width: 767px) {
  .invoice_header_bg {
    background: none;
  }
}

@media (min-width: 767px) {

  .invoice_header_bg h3,
  .invoice_header_bg p {
    color: #fff;
  }

  .invoice_header_bg p {
    font-size: 18px;
  }
}

/* Start Landing Page styling
------------------------------------------------- */
.certified_seal_container {
  margin: 20px 0 25px 0;
  overflow: auto;
  max-width: 370px;
}

.seal_icon {
  float: left;
  display: block;
  width: 60px;
}

.seal_text {
  float: left;
  display: block;
  width: 275px;
  padding-top: 3px;
  font-size: 15px;
  font-weight: bold;
  line-height: 22px;
}

.header_screenshot {
  margin-top: 50px;
}

.landing_page ul.green_checks {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.landing_page ul.green_checks_padding {
  padding-left: 18px;
}

.landing_page ul.green_checks li {
  padding: 4px 0 4px 2px;
  font-size: 16px;
}

@media (max-width: 979px) {
  .header_screenshot {
    margin-top: 20px;
  }

  .certified_seal_container {
    margin: 0 auto 15px auto;
  }

  .landing_page ul.green_checks {
    margin-bottom: 25px;
  }

  .landing_page ul.green_checks_padding {
    padding-left: 0;
  }
}

.product-plan.picked_course {
  background-color: #fff;
  border: 1px solid #4e85c9;
  box-shadow: 0 0 40px 0 #666;
}

.product-plan.picked_course .name {
  background-color: #4e85c9;
  text-shadow: 0 1px 2px #000;
  border-radius: 0;
}

.button_align button {
  background: none !important;
  display: block;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.product-plan.picked_course p.course_sum {
  font-size: 18px;
  color: #70787f;
}

.product-plan.picked_course .landing_enroll_btn {
  display: block;
  min-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 5px;
  background-color: #40b673 !important;
  border: 1px solid #40b572;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 15px;
  font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;
  -webkit-transition: background-color 0.2s, color 0.2s;
  -moz-transition: background-color 0.2s, color 0.2s;
  -ms-transition: background-color 0.2s, color 0.2s;
  -o-transition: background-color 0.2s, color 0.2s;
  transition: background-color 0.2s, color 0.2s;
}

.product-plan.picked_course .landing_enroll_btn:hover {
  background-color: #51c281 !important;
  border: 1px solid #51c281;
  color: #fff;
  -webkit-transition: background-color 0.2s, color 0.2s;
  -moz-transition: background-color 0.2s, color 0.2s;
  -ms-transition: background-color 0.2s, color 0.2s;
  -o-transition: background-color 0.2s, color 0.2s;
  transition: background-color 0.2s, color 0.2s;
}

.product-plan .landing_enroll_btn {
  display: block;
  min-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 5px;
  background-color: none !important;
  border: 1px solid #40b673;
  color: #40b673;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold;
  text-align: center;
  font-size: 15px;
  font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;
  -webkit-transition: background-color 0.2s, color 0.2s;
  -moz-transition: background-color 0.2s, color 0.2s;
  -ms-transition: background-color 0.2s, color 0.2s;
  -o-transition: background-color 0.2s, color 0.2s;
  transition: background-color 0.2s, color 0.2s;
  z-index: 100;
}

.product-plan .landing_enroll_btn:hover {
  background-color: #40b572 !important;
  color: #fff;
  -webkit-transition: background-color 0.2s, color 0.2s;
  -moz-transition: background-color 0.2s, color 0.2s;
  -ms-transition: background-color 0.2s, color 0.2s;
  -o-transition: background-color 0.2s, color 0.2s;
  transition: background-color 0.2s, color 0.2s;
  z-index: 100;
}

.landing_enroll_btn .center_txt {
  display: block;
  vertical-align: middle;
  text-align: center;
  padding: 15px 8px;
}

.hidden_course_details p {
  color: #576a7d;
  font-weight: bold;
}

.hidden_course_details_link a {
  font-size: 12px;
  font-weight: bold;
  color: #5892cd;
}

.hidden_course_details_link a:hover {
  text-decoration: underline;
}

.hidden_course_details p.policy_types_header {
  text-align: left;
  color: #7b848c;
  font-size: 14px;
  text-decoration: underline;
  margin-bottom: 0;
}

.hidden_course_details ul {
  text-align: left !important;
  padding: 0 15px 15px 15px;
  list-style: disc;
}

.hidden_course_details ul li {
  margin: 10px 0;
}

/* Enroll Buttons */

/* Quotes */
.landing_testimonial .quick-quote {
  font-size: 25px;
  line-height: 30px;
  font-weight: 200;
  text-align: center;
}

.landing_testimonial .quick-quote-author {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  margin-top: 30px;
}

.landing_testimonial .quick-quote-author .inner_centering {
  display: table;
  margin: 0 auto;
}

.landing_testimonial .author-picture {
  display: inline-block;
  margin: 0 auto;
  float: left;
}

.landing_testimonial .author-details {
  display: inline-block;
  margin: 0 auto;
  float: left;
  font-size: 15px;
  line-height: 18px;
}

.landing_testimonial .author-name {
  padding: 12px 0 0 10px;
  font-weight: bold;
}

.landing_testimonial .author-title {
  font-weight: normal;
  padding: 0 0 0 13px;
}

/* End Landing Page styling
------------------------------------------------- */

/* Start Quick Survey
------------------------------------------------- */
.cd-form {
  /*width: 90%;*/
  max-width: 700px;
  margin: 15px auto;
  text-align: center;
  padding: 10px 15px 25px 15px;
  background-color: #f9f8f5;
  border: 1px solid #d7d7d7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.cd-form::after {
  clear: both;
  content: '';
  display: table;
}

.cd-form fieldset {
  margin: 0;
}

.cd-form p {
  text-align: left;
  margin: 2px 0;
  font-size: 14px;
  text-indent: 5px;
}

.cd-form div {
  /* form element wrapper */
  position: relative;
  margin: 10px 0;
}

.cd-form h4,
.cd-form .cd-label {
  margin-bottom: 10px;
  text-align: left;
}

.cd-form .cd-label {
  display: block;
  font-size: 15px;
  margin-left: 25px;
}

.cd-form input,
.cd-form textarea,
.cd-form select,
.cd-form label {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
}

.cd-form input[type='text'],
.cd-form input[type='email'],
.cd-form textarea,
.cd-form select,
.cd-form legend {
  display: block;
  /*width: 100%;*/
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.cd-form input[type='text'],
.cd-form input[type='email'],
.cd-form textarea,
.cd-form select {
  /* general style for input elements */
  margin-left: 25px;
  padding: 12px;
  border: 1px solid #cfd9db;
  background-color: #ffffff;
  border-radius: 0.25em;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}

.cd-form input[type='text']:focus,
.cd-form input[type='email']:focus,
.cd-form textarea:focus,
.cd-form select:focus {
  outline: none;
  border-color: #5892cd;
  box-shadow: 0 0 5px rgba(44, 151, 222, 0.2);
}

.cd-form .cd-select {
  /* select element wapper */
  position: relative;
}

.cd-form .cd-select::after {
  /* arrow icon for select element */
  content: '';
  position: absolute;
  z-index: 1;
  right: 16px;
  top: 50%;
  margin-top: -8px;
  display: block;
  width: 16px;
  height: 16px;
  background: url('../img/cd-icon-arrow.svg') no-repeat center center;
  pointer-events: none;
}

.cd-form select {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  cursor: pointer;
}

.cd-form select::-ms-expand {
  display: none;
}

.cd-form .cd-form-list {
  margin-top: 16px;
}

.cd-form .cd-form-list::after {
  clear: both;
  content: '';
  display: table;
}

.cd-form .cd-form-list li {
  /* wrapper for radio and checkbox input types */
  display: block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0 26px 16px 0;
  text-align: left;
  /*float: left;*/
}

.cd-form input[type='radio'],
.cd-form input[type='checkbox'] {
  /* hide original check and radio buttons */
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 2;
}

.cd-form input[type='radio']+label,
.cd-form input[type='checkbox']+label {
  padding-left: 30px;
}

.cd-form input[type='radio']+label::before,
.cd-form input[type='radio']+label::after,
.cd-form input[type='checkbox']+label::before,
.cd-form input[type='checkbox']+label::after {
  /* custom radio and check boxes */
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 40%;
  margin-top: -8px;
  width: 15px;
  height: 15px;
}

.cd-form input[type='radio']+label::before,
.cd-form input[type='checkbox']+label::before {
  border: 1px solid #ccc;
  background: #ffffff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}

.cd-form input[type='radio']+label::before,
.cd-form input[type='radio']+label::after {
  border-radius: 50%;
}

.cd-form input[type='checkbox']+label::before,
.cd-form input[type='checkbox']+label::after {
  border-radius: 0.25em;
}

.cd-form input[type='radio']+label::after,
.cd-form input[type='checkbox']+label::after {
  background-color: #5892cd;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 0 0 5px rgba(44, 151, 222, 0.4);
  display: none;
  width: 17px;
  height: 17px;
}

.cd-form input[type='radio']:focus+label::before,
.cd-form input[type='checkbox']:focus+label::before {
  /* add focus effect for radio and check buttons */
  box-shadow: 0 0 5px rgba(44, 151, 222, 0.6);
}

.cd-form input[type='radio']:checked+label::after,
.cd-form input[type='checkbox']:checked+label::after {
  display: block;
}

.cd-form input[type='radio']:checked+label::before,
.cd-form input[type='radio']:checked+label::after,
.cd-form input[type='checkbox']:checked+label::before,
.cd-form input[type='checkbox']:checked+label::after {
  -webkit-animation: cd-bounce 0.3s;
  -moz-animation: cd-bounce 0.3s;
  animation: cd-bounce 0.3s;
}

.cd-form textarea {
  min-height: 200px;
  resize: vertical;
  overflow: auto;
}

.cd-form input[type='submit'] {
  /* button style */
  border: none;
  border-radius: 0.25em;
  padding: 15px 60px;
  color: #ffffff;
  float: left;
  margin-top: 20px;
  margin-left: 25px;
}

.cd-form .error-message p {
  background: #e94b35;
  color: #ffffff;
  font-size: 1.4rem;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 0.25em;
  padding: 16px;
}

.cd-form .error {
  color: #cb5342;
  font-weight: bold;
}

@media (max-width: 767px) {
  .cd-form .cd-label {
    margin-bottom: 5px;
  }
}

@-webkit-keyframes cd-bounce {

  0%,
  100% {
    -webkit-transform: scale(1);
  }

  50% {
    -webkit-transform: scale(0.8);
  }
}

@-moz-keyframes cd-bounce {

  0%,
  100% {
    -moz-transform: scale(1);
  }

  50% {
    -moz-transform: scale(0.8);
  }
}

@keyframes cd-bounce {

  0%,
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
}

.cd-form .icon input,
.cd-form .icon select,
.cd-form .icon textarea {
  padding-left: 54px !important;
}

/* End Quick Survey
------------------------------------------------- */

/* Meet the Team
-------------------------------------------------- */
#team.thumbnail {
  background: none repeat scroll 0 0 #ffffff;
}

#team ul {
  display: inline-block;
  position: relative;
  right: 0;
  top: 0;
}

#team li {
  float: left;
  line-height: 20px;
}

#team li a {
  display: block;
  font-size: 22px;
  text-decoration: none;
}

#team li a {
  color: #333333;
}

#team li a.facebook:hover {
  color: #3b5998;
}

#team li a.twitter:hover {
  color: #0084b4;
}

#team i {
  margin-right: 5px;
}

/* Blog
-------------------------------------------------- */
.entry {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0 0 30px;
  padding: 10px;
}

h2.entry-title a {
  font-weight: 100;
}

/* Start Whitepaper -------------------------------------------------- */

#landing_center .read_btn {
  float: right;
}

#landing_center .pdf_btn {
  float: left;
}

.read_btn,
.pdf_btn {
  font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;
  display: table;
  margin: 0;
  padding: 15px 25px;
  font-weight: bold;
  font-size: 15px;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.read_btn {
  color: #fff;
  background-color: #4374a5;
  border: 2px solid #4374a5;
  -webkit-transition: background-color 0.2s, border 0.2s, color 0.2s;
  -moz-transition: background-color 0.2s, border 0.2s, color 0.2s;
  -ms-transition: background-color 0.2s, border 0.2s, color 0.2s;
  -o-transition: background-color 0.2s, border 0.2s, color 0.2s;
  transition: background-color 0.2s, border 0.2s, color 0.2s;
}

.read_btn:hover {
  color: #fff;
  background-color: #5892cd;
  border: 2px solid #5892cd;
  -webkit-transition: background-color 0.2s, border 0.2s, color 0.2s;
  -moz-transition: background-color 0.2s, border 0.2s, color 0.2s;
  -ms-transition: background-color 0.2s, border 0.2s, color 0.2s;
  -o-transition: background-color 0.2s, border 0.2s, color 0.2s;
  transition: background-color 0.2s, border 0.2s, color 0.2s;
}

/*
.pdf_btn {
color:#fff;
background-color: #F3A712;
border:2px solid #fff;
-webkit-transition: background-color 0.2s, border 0.2s, color 0.2s;
-moz-transition: background-color 0.2s, border 0.2s, color 0.2s;
-ms-transition: background-color 0.2s, border 0.2s, color 0.2s;
-o-transition: background-color 0.2s, border 0.2s, color 0.2s;
transition: background-color 0.2s, border 0.2s, color 0.2s;
}

.pdf_btn:hover{
color:#F3A712;
background-color: #fff;
border:2px solid #fff;
-webkit-transition: background-color 0.2s, border 0.2s, color 0.2s;
-moz-transition: background-color 0.2s, border 0.2s, color 0.2s;
-ms-transition: background-color 0.2s, border 0.2s, color 0.2s;
-o-transition: background-color 0.2s, border 0.2s, color 0.2s;
transition: background-color 0.2s, border 0.2s, color 0.2s;
}
*/

.article_header {
  text-align: center;
  padding-bottom: 0 !important;
  color: #fff;
}

.article_part0 {
  background: #f3a712;
}

.article_part1 {
  background:
    /*#75606F*/
    #8b576c;
}

.article_part2 {
  background:
    /*#1F6EA3*/
    #46689e;
}

.article_part3 {
  background:
    /*#EF7D53*/
    #ef7d53;
}

.article_part4 {
  background:
    /*#EB6F63*/
    #de645a;
}

.article_part5 {
  background:
    /* #28324E*/
    #2c344e;
}

.article_part6 {
  background:
    /*#39A375*/
    #39a375;
}

.guide-overview .article_header .article_title {
  font-size: 30px;
  line-height: 37px;
}

.guide-overview .article_body {
  padding: 30px;
  font-size: 16px;
}

.guide-overview .article_body .part_title {
  font-size: 12px;
  color: #888;
}

.guide-overview .article_body .article_title {
  font-size: 21px;
  line-height: 30px;
  font-weight: bold;
  color: #576a7d;
}

.guide-overview .article_body p {
  margin: 15px auto 0 auto;
  font-size: 16px;
  color: #7b848c;
}

.guide-overview .read_time p {
  font-size: 13px;
  color: #888;
  padding: 0 30px;
}

.guide-overview .read_time p .fa {
  font-size: 15px;
  color: #888;
}

.guide-overview .article-box {
  background-color: #fff;
  border: 1px solid #d7d7d7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-transition: box-shadow 0.2s, background-color 0.2s;
  -moz-transition: box-shadow 0.2s, background-color 0.2s;
  -ms-transition: box-shadow 0.2s, background-color 0.2s;
  -o-transition: box-shadow 0.2s, background-color 0.2s;
  transition: box-shadow 0.2s, background-color 0.2s;
}

.guide-overview .article-box:hover {
  -webkit-box-shadow: 0 0 15px 0 #98a1a6;
  -moz-box-shadow: 0 0 15px 0 #bbb;
  box-shadow: 0 0 15px 0 #98a1a6;
  -webkit-transition: box-shadow 0.2s, background-color 0.2s;
  -moz-transition: box-shadow 0.2s, background-color 0.2s;
  -ms-transition: box-shadow 0.2s, background-color 0.2s;
  -o-transition: box-shadow 0.2s, background-color 0.2s;
  transition: box-shadow 0.2s, background-color 0.2s;
}

.pdf_box {
  padding: 15px 10px 25px 10px;
  margin: 20px 20px 20px 20px;
  background-color: #fff;
  border: 1px solid #d7d7d7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.pdf_box .title_text {
  font-size: 19px;
  line-height: 30px;
  font-weight: bold;
  color: #576a7d;
}

.pdf_box .pdf_btn {
  margin: 15px auto 0 auto;
  color: #5892cd;
  background-color: #fff;
  border: 2px solid #5892cd;
  -webkit-transition: background-color 0.2s, border 0.2s, color 0.2s;
  -moz-transition: background-color 0.2s, border 0.2s, color 0.2s;
  -ms-transition: background-color 0.2s, border 0.2s, color 0.2s;
  -o-transition: background-color 0.2s, border 0.2s, color 0.2s;
  transition: background-color 0.2s, border 0.2s, color 0.2s;
}

.pdf_box .pdf_btn:hover {
  color: #f9f8f5;
  background-color: #5892cd;
  border: 2px solid #5892cd;
  -webkit-transition: background-color 0.2s, border 0.2s, color 0.2s;
  -moz-transition: background-color 0.2s, border 0.2s, color 0.2s;
  -ms-transition: background-color 0.2s, border 0.2s, color 0.2s;
  -o-transition: background-color 0.2s, border 0.2s, color 0.2s;
  transition: background-color 0.2s, border 0.2s, color 0.2s;
}

.social_sharing_box {
  margin-top: 40px;
}

.social_sharing_box .social_icons {
  margin-bottom: 10px;
}

.social_sharing_box p {
  font-size: 16px;
  font-weight: bold;
  color: #576a7d !important;
}

#mobile-social_sharing_box {
  display: none;
}

/* Start On-page Navigation for Non-Mobile */
#guide-wrapper {
  position: relative;
}

#navAffix {
  position: absolute;
  height: 100%;
  margin-bottom: 20px;
}

.guide-text {
  position: relative;
  float: right;
}

.clear {
  clear: both;
}

ul.nav-tabs {
  width: 260px;
  margin-top: 20px;
  border-radius: 4px;
  border: 1px solid #ddd;
  background: #fbfcfc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

ul.nav-tabs .nav-title {
  padding: 20px 5px 10px 16px;
  font-size: 16px;
  font-weight: bold;
  color: #576a7d;
}

ul.nav-tabs li {
  margin: 0;
  border-bottom: none;
  /*border-top: 1px solid #ddd;*/
}

ul.nav-tabs li:first-child {
  border-top: none;
  padding-top: 10px;
}

ul.nav-tabs li:last-child {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

ul.nav-tabs li a {
  margin: 0;
  padding: 8px 16px;
  border-radius: 0;
  border: none !important;
  font-weight: 500;
  color: #576a7d;
}

ul.nav-tabs li a:hover {
  color: #5892cd;
  background: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

ul.nav-tabs li a.nav-active {
  color: #5892cd;
  background: none;
}

ul.nav-tabs li a:before {
  font-family: FontAwesome;
  content: '\f096';
  padding-right: 6px;
}

ul.nav-tabs li a:hover:before,
ul.nav-tabs li a.nav-active:before {
  font-family: FontAwesome;
  content: '\f14a';
  padding-right: 5px;
}

ul.nav-tabs li:first-child a {
  border-radius: 4px 4px 0 0;
}

ul.nav-tabs li:last-child a {
  border-radius: 0 0 4px 4px;
}

ul.nav-tabs.affix {
  top: 20px;
}

/* End On-page Navigation for Non-Mobile */

/* Start On-page Navigation for Mobile */
#scroll-progress {
  position: fixed;
  bottom: 10px;
  left: 0;
  width: 0;
  height: 5px;
  background: #5892cd;
  z-index: 2;
}

.scroll-progress-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 24px;
  line-height: 24px;
  background: #fff;
  border-top: 1px solid #ddd;
  opacity: 0.85;
  filter: alpha(opacity=85);
}

/* End On-page Navigation for Mobile */

/* Start Series Navigation */
.series_nav_row {
  margin-top: 40px;
}

.series_nav {
  font-weight: 500;
  border-radius: 4px;
  overflow: hidden;
  /* Required for text alignment in buttons */
}

.series_nav:hover {}

.prev_button_series:hover {
  background-color: #4c5b6b;
  -webkit-transition: background-color 0.2s, border 0.2s, color 0.2s;
  -moz-transition: background-color 0.2s, border 0.2s, color 0.2s;
  -ms-transition: background-color 0.2s, border 0.2s, color 0.2s;
  -o-transition: background-color 0.2s, border 0.2s, color 0.2s;
  transition: background-color 0.2s, border 0.2s, color 0.2s;
}

.next_button_series:hover {
  background-color: #5892cd;
  -webkit-transition: background-color 0.2s, border 0.2s, color 0.2s;
  -moz-transition: background-color 0.2s, border 0.2s, color 0.2s;
  -ms-transition: background-color 0.2s, border 0.2s, color 0.2s;
  -o-transition: background-color 0.2s, border 0.2s, color 0.2s;
  transition: background-color 0.2s, border 0.2s, color 0.2s;
}

.series_nav .prev-arrow {
  padding: 35px 0 25px 20px;
  float: left;
}

.series_nav .prev-text-group {
  padding: 30px 0 30px 20px;
  float: left;
}

.series_nav .prev-nav-text {
  color: #ddd;
  font-size: 13px;
}

.series_nav .prev-title {
  color: #fff;
  font-size: 16px;
  line-height: 25px;
  max-width: 275px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.series_nav .next-arrow {
  padding: 35px 20px 25px 0;
  float: right;
}

.series_nav .next-text-group {
  padding: 30px 20px 30px 0;
  float: right;
}

.series_nav .next-nav-text {
  color: #ddd;
  font-size: 13px;
}

.series_nav .next-title {
  color: #fff;
  font-size: 16px;
  line-height: 25px;
  max-width: 375px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.prev_button_series {
  background-color: #576a7d;
  color: #fff;
  -webkit-transition: background-color 0.2s, border 0.2s, color 0.2s;
  -moz-transition: background-color 0.2s, border 0.2s, color 0.2s;
  -ms-transition: background-color 0.2s, border 0.2s, color 0.2s;
  -o-transition: background-color 0.2s, border 0.2s, color 0.2s;
  transition: background-color 0.2s, border 0.2s, color 0.2s;
  text-align: left;
}

.next_button_series {
  margin-left: 25px;
  background-color: #4374a5;
  color: #fff;
  -webkit-transition: background-color 0.2s, border 0.2s, color 0.2s;
  -moz-transition: background-color 0.2s, border 0.2s, color 0.2s;
  -ms-transition: background-color 0.2s, border 0.2s, color 0.2s;
  -o-transition: background-color 0.2s, border 0.2s, color 0.2s;
  transition: background-color 0.2s, border 0.2s, color 0.2s;
  text-align: right;
}

.fa-arrow-circle-left {
  color: #eee;
}

.fa-arrow-circle-right {
  color: #fff;
}

/* End Series Navigation */

/* Start Content Styles */
.guide-overview-wrap {
  background: #fbfcfc;
}

.guide-overview .guide-header-text,
.guide-overview .guide-header-text p {
  color: #576a7d;
  font-size: 22px;
  line-height: 36px;
  margin: 25px auto 40px auto;
  font-weight: 200;
}

.guide-overview .page-topics {
  margin-bottom: 20px;
  padding: 25px 20px 20px 20px;
  font-size: 18px;
  line-height: 27px;
  background: #fbfcfc;
  border-radius: 4px;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

.guide-overview .page-topics .topics-header-text {
  padding-bottom: 10px;
  font-weight: 800;
  font-size: 19px;
  line-height: 20px;
  color: #576a7d;
}

.guide-overview .page-topics .topic-bullets {
  width: 50%;
  display: inline-block;
  float: left;
}

.guide-overview .page-topics .topic-bullets li {
  margin: 15px auto;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}

.guide-overview .page-topics .topic-bullets li a {
  color: #576a7d;
}

.guide-overview .page-topics .topic-bullets li a:hover {
  color: #5892cd;
}

.guide-text .section-divider {
  border-bottom: 5px solid #5892cd;
  width: 100px;
}

.guide-text p {
  color: #7b848c;
  font-size: 18px;
  line-height: 32px;
  margin-bottom: 0;
  padding-bottom: 25px;
  font-weight: 500;
}

.guide-text ul {
  margin-top: -15px;
  margin-bottom: 25px;
}

.guide-text ul.wout_p {
  margin-top: 5px;
  margin-bottom: 25px;
}

.guide-text ul li {
  color: #7b848c;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  padding-bottom: 8px;
}

.guide-text ul li ul {
  margin-top: 12px;
  margin-bottom: -10px;
}

/* General Guide Boxes */
.guide-box {
  border-radius: 3px;
  color: #fff;
  margin: 0 0 30px 0;
  padding: 25px 30px;
}

.guide-box .guide-box-label {
  margin-bottom: 20px;
}

.guide-box .guide-box-label-text {
  padding-left: 10px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
}

.guide-box .guide-box-header {
  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Arial, Verdana,
    sans-serif;
  font-weight: normal;
  color: #fff;
  font-size: 30px;
  line-height: 35px;
  margin-bottom: 20px;
}

.guide-box p {
  color: #fff;
  font-size: 18px;
}

.guide-box p.dropdown_info {
  padding-bottom: 15px;
}

/* Blue Guide Box */
.guide-box.basic {
  color: #bdd4eb;
  background: #437ebe;
  /* #4983BE; 5892cd */
}

/* Purple Guide Box */
.guide-box.steps {
  color: #cda2de;
  background: #986ab6;
}

/* Green Guide Box */
.guide-box.clarification {
  color: #a7dccb;
  background: #11a264;
  /* #26A57C */
}

/* Yellow Guide Box */
.guide-box.tip {
  color: #fdf19b;
  background: #faba06;
}

/* Orange Guide Box */
.guide-box.remember {
  color: #fdd5b6;
  background: #fb8f45;
}

/* Red Guide Box */
.guide-box.caution {
  color: #ebc4bd;
  background: #e86957;
  /* #F26B5B */
}

/* License Type Box */
.license_type_box {
  border-radius: 4px;
  border: 1px solid #ddd;
  padding: 0 20px;
  margin-bottom: 25px;
}

.license_type_box .title {
  font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;
  font-weight: bold;
  color: #5892cd;
  font-size: 19px;
  margin: 25px auto 10px auto;
}

.license_type_box .common_licenses {
  color: #576a7d;
  font-size: 15px;
  font-weight: bold;
  margin: 0 auto 10px auto;
}

.license_type_box ul {
  list-style: none;
  margin: 0 0 15px 10px;
}

p.clear_bottom_padding {
  padding-bottom: 5px;
}

/* Quotes */
.guide-text .quick-quote {
  margin: 20px 0 40px 0;
  border-top: 1px solid #5892cd;
  border-bottom: 1px solid #5892cd;
  padding: 20px 20px;
  color: #5892cd;
  font-size: 25px;
  line-height: 30px;
  font-weight: 200;
}

.guide-text .quick-quote-author {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  margin-top: 20px;
}

.guide-text .author-picture {
  display: inline-block;
  margin: 0 auto;
  float: left;
}

.guide-text .author-details {
  display: inline-block;
  margin: 0 auto;
  float: left;
  font-size: 13px;
  line-height: 18px;
}

.guide-text .author-name {
  padding: 12px 0 0 10px;
  text-transform: uppercase;
  font-weight: bold;
}

.guide-text .author-title {
  font-weight: normal;
  color: #888;
  padding: 0 0 0 10px;
}

/* Start Drop Downs */
.big {
  font-size: 18px;
}

.small {
  font-size: 12px;
}

/*
.square {
width: .7em;
height: .7em;
margin: .5em;
display: inline-block;
}
*/

/* Custom dropdown */
.custom-dropdown {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.custom-dropdown select {
  height: 40px;
  background-color: #fff
    /*#11A264*/
  ;
  color: #11a264
    /*#fff*/
  ;
  font-size: inherit;
  padding: 0 10px;
  border: none
    /*2px solid #fff*/
  ;
  margin: 0;
  border-radius: 3px;
  text-indent: 0.01px;
  text-overflow: '';
  -webkit-appearance: button;
  /* hide default arrow in chrome OSX */
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}

.custom-dropdown::before,
.custom-dropdown::after {
  content: '';
  position: absolute;
  pointer-events: none;
}

.custom-dropdown::after {
  /*  Custom dropdown arrow */
  content: '\25BC';
  height: 1em;
  font-size: 0.625em;
  line-height: 1;
  right: 1.2em;
  top: 50%;
  margin-top: -0.5em;
}

.custom-dropdown::before {
  /*  Custom dropdown arrow cover */
  width: 2em;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0 3px 3px 0;
}

.custom-dropdown select[disabled] {
  color: rgba(0, 0, 0, 0.3);
}

.custom-dropdown select[disabled]::after {
  color: rgba(0, 0, 0, 0.1);
}

.custom-dropdown::before {
  background-color: none
    /*rgba(0,0,0,.15)*/
  ;
}

.custom-dropdown::after {
  color: #11a264
    /*#fff*/
  ;
}

/* End Drop Downs */

/* Start Ajax Container */
#ajax_preloader.info_box_preloader {
  text-align: center;
  margin: 26px auto 20px auto;
}

#ajax_preloader.info_box_preloader span.preloader_text {
  font-size: 16px;
  line-height: 25px;
  font-weight: bold;
  color: #fff;
}

.info_box_results_data {
  text-align: center;
  margin: 30px 0 0 0;
  font-size: 18px;
  color: #fff;
}

.info_box_results_data span.extra_details {
  font-size: 15px;
}

.info_box_results_data #responsive_table table {
  border-collapse: collapse;
  text-align: center;
}

.info_box_results_data #responsive_table table th {
  background-color: #137d58;
  color: #fff;
}

.info_box_results_data #responsive_table table tr {
  border-top: 1px solid #fff;
}

.info_box_results_data #responsive_table table tr:hover {
  background-color: #30ae78;
}

.info_box_results_data #responsive_table table td {
  color: #fff;
}

[data-title='Course'] {
  text-align: left;
}

/* End Ajax Container */

/* End Content Styles */

@media only screen and (min-width: 980px) and (max-width: 1199px) {
  ul.nav-tabs {
    width: 200px;
  }

  .next_button_series {
    margin-left: 20px;
  }

  .series_nav .prev-title {
    max-width: 210px;
  }

  .series_nav .next-title {
    max-width: 290px;
  }
}

@media (max-width: 979px) {
  ul.nav-tabs {
    width: 150px;
  }

  .next_button_series {
    margin-left: 15px;
  }

  .series_nav .prev-title {
    max-width: 145px;
  }

  .series_nav .next-title {
    max-width: 200px;
  }

  .social_sharing_box.sidebar_social_icons {
    width: 150px;
  }
}

@media (max-width: 767px) {
  #landing_center .read_btn {
    float: none;
  }

  #landing_center .pdf_btn {
    display: none;
  }

  #navAffix {
    display: none;
  }

  .series_nav_row {
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 0;
    white-space: nowrap;
    text-align: center;
  }

  .series_nav {
    border-radius: 0;
    width: 50%;
    display: inline-block;
    margin: 0 auto;
    float: left;
  }

  .content {
    padding: 0;
  }

  .guide-overview {
    margin-bottom: 0;
    padding: 0 20px;
    text-align: left;
  }

  .guide-overview .page-topics .topic-bullets {
    width: 100%;
    display: inherit;
    float: none;
  }

  .employers .topic-bullets {
    width: 100%;
    display: inherit;
    float: none;
  }

  .guide-text {
    padding: 30px 20px;
    text-align: left;
  }

  #mobile-social_sharing_box {
    display: block;
  }

  .social_sharing_box.sidebar_social_icons {
    width: 300px;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .social_sharing_box.sidebar_social_icons a {
    padding-bottom: 10px;
  }
}

/****** Start Table of Contents Button *******/
#toc_btn {
  position: fixed;
  bottom: 20px;
  margin-left: 10%;
}

.whitepaper_toc_btn {
  background-color: #fff;
  color: #5892cd;
  border-radius: 30px;
  -webkit-box-shadow: 5px 10px 32px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 5px 10px 32px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 10px 32px 5px rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}

.whitepaper_toc_btn:hover {
  color: #fff;
  background-color: #5892cd;
  -webkit-box-shadow: 5px 10px 57px -2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 5px 10px 57px -2px rgba(0, 0, 0, 0.6);
  box-shadow: 5px 10px 57px -2px rgba(0, 0, 0, 0.6);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}

.whitepaper_toc_btn .toc_icon {
  float: left;
  display: inline-block;
  padding: 14px 12px 8px 30px;
}

.whitepaper_toc_btn .rnd_square {
  width: 10px;
  height: 10px;
  border: solid #5892cd 2px;
  border-radius: 2px;
  float: left;
  margin-right: 3px;
  margin-bottom: 3px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}

.whitepaper_toc_btn:hover .rnd_square {
  border: solid #fff 2px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}

.whitepaper_toc_btn .toc_text {
  float: left;
  display: inline-block;
  padding: 18px 0 20px 0;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}

@media only screen and (min-width: 980px) and (max-width: 1199px) {
  .whitepaper_toc_btn {
    min-width: 235px;
  }

  .whitepaper_toc_btn .toc_icon {
    padding: 15px 7px 8px 25px;
  }

  .whitepaper_toc_btn .rnd_square {
    width: 8px;
    height: 8px;
  }

  .whitepaper_toc_btn .toc_text {
    font-size: 18px;
  }
}

@media (max-width: 979px) {
  .whitepaper_toc_btn {
    min-width: 230px;
  }

  .whitepaper_toc_btn .toc_icon {
    padding: 15px 7px 8px 25px;
  }

  .whitepaper_toc_btn .rnd_square {
    width: 8px;
    height: 8px;
  }

  .whitepaper_toc_btn .toc_text {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  #toc_btn {
    margin-left: -15px;
  }

  .whitepaper_toc_btn {
    min-width: 225px;
  }

  .whitepaper_toc_btn .toc_icon {
    padding: 15px 7px 8px 25px;
  }

  .whitepaper_toc_btn .rnd_square {
    width: 8px;
    height: 8px;
  }

  .whitepaper_toc_btn .toc_text {
    font-size: 16px;
  }
}

.show_toc_btn {
  opacity: 100;
  transition: 0.3s;
  display: block;
}

.hide_toc_btn {
  opacity: 0;
  transition: 0.3s;
  display: none !important;
}

/***** End Table of Contents Button *******/

/**** Start Overlay for Table of Contents ******/
.scroll_disabled {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

/* Prevent Overlay Scrollbar */
.toc_overlay ::-webkit-scrollbar {
  /*width: 10px;*/
  display: none;
}

.toc_overlay {
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #5892cd;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -webkit-overflow-scrolling: touch;
}

.toc_overlay-container {
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  position: relative;
  padding-top: 20px;
  background: #eff4f8;
  text-align: center;
}

.toc_overlay.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fade-in {
  opacity: 0;
  /* make things invisible upon start */

  -webkit-animation: fadeIn ease-in 1;
  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;

  -webkit-animation-fill-mode: forwards;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;

  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.toc_overlay .toc_title {
  font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;
  font-weight: bold;
  color: #576a7d;
  font-size: 23px;
  line-height: 28px;
  margin-bottom: 20px;
  opacity: 0;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.toc_overlay .article-box {
  text-align: left;
  opacity: 0;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.invisible {
  opacity: 0;
}

.toc_overlay .article_body {
  padding: 15px 30px;
}

/*** Start Overlay Close Button ***/
.toc_overlay_close {
  position: absolute;
  right: 20px;
  top: 10px;
  display: inline-block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  cursor: pointer;
}

.toc_overlay_close::before,
.toc_overlay_close::after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #888;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}

.toc_overlay_close:hover::before,
.toc_overlay_close:hover::after {
  background: #222;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}

.toc_overlay_close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.toc_overlay_close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.toc_overlay_close.thick::before,
.toc_overlay_close.thick::after {
  height: 2px;
  margin-top: -2px;
}

.toc_overlay_close.rounded::before,
.toc_overlay_close.rounded::after {
  border-radius: 5px;
}

/*** End Overlay Close Button ***/

/**** End Overlay for Table of Contents ******/

/* End White Paper
------------------------------------------------- */

/* Footer
-------------------------------------------------- */
#footer {
  background: url('../img/copywrite_static3.png') repeat scroll 0 0 #576a7d;
  /* Not using CDN for https purposes */
  padding: 20px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#footer h5 {
  padding-top: 15px;
  text-transform: uppercase;
  font-size: 15px;
  color: #e4e9ef;
}

#footer p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 20px;
}

#footer .fluid_select {
  width: 65%;
  height: 16px;
}

#footer .social_icons2 {
  border: 0;
  height: 35px;
  width: 35px;
  margin: 0 5px 5px 0;
  background-color: #f7f8f9;
}

#footer .telephone,
#footer .telephone a {
  color: #b3c1ca;
  font-size: 26px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

#footer ul {
  list-style: none outside none;
  margin: 0;
}

#footer li:first-child {
  border-top: none;
}

#footer ul:last-child li:last-child {
  border-bottom: none;
}

#footer li.lastchild {
  border-bottom: none\9;
}

#footer ul li {
  padding: 0;
  border-top: 1px solid #3c5a81;
  border-bottom: 1px solid #213547;
}

#footer ul li ul li {
  border-top: 1px solid #656565 !important;
}

#footer li a {
  font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;
  font-size: 13px;
  color: #aecded;
  padding: 10px 5px;
  display: block;
  text-decoration: none;
}

#footer li a:hover {
  background: rgba(255, 255, 255, 0.06);
  text-decoration: none;
  color: #c1daf4;
}

#footer ul li ul li a {
  padding-left: 20px;
}

#footer ul li ul li ul li a {
  padding-left: 30px;
}

#footer ul li ul li ul li ul li a {
  padding-left: 40px;
}

#footer ul li ul li ul li ul li ul li a {
  padding-left: 50px;
}

/* Copywrite
-------------------------------------------------- */
#copywrite {
  background: url('../img/copywrite_static3.png') repeat scroll 0 0 #576a7d;
  /* Not using CDN for https purposes */
  color: #b3c1ca;
  font-size: 11px;
}

#copywrite .container {
  border-top: 1px solid #213547;
}

#copywrite .span12 {
  border-top: 1px solid #3c5a81;
}

#copywrite p {
  padding: 15px 0 20px 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

#copywrite a {
  color: #b3c1ca;
  font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;
}

#copywrite a:hover {
  text-decoration: underline;
}

#copywrite .v_bar {
  color: #668db5;
}

@media only screen and (min-width: 1900px) {
  .UHD_padding_1 {
    margin: 75px auto;
  }

  /* Used to add space around login box on login.php */
}

@media only screen and (min-width: 1200px) {
  .HD {
    display: block;
  }

  .SD {
    display: none;
  }

  #landing_left .push_padding_video {
    top: 25%;
    z-index: 1;
    position: absolute;
  }

  #landing_left .push_padding {
    padding: 50px 0 10px 0;
  }

  #landing_left .push_padding2 {
    padding: 100px 0 10px 0;
  }

  #landing_left .push_padding3 {
    padding: 75px 0 10px 0;
  }

  #landing_left .push_padding4 {
    padding: 120px 0 10px 0;
  }

  #landing_center .push_padding {
    padding: 20px 0 15px 0;
  }

  #landing_left h1,
  #landing_center h1 {
    font-size: 50px;
    line-height: 52px;
  }

  .blue_banner h1,
  .whitepaper_banner h1,
  .blue_banner h2 {
    font-size: 50px;
    line-height: 52px;
    padding: 0;
  }

  h2 {
    font-size: 40px;
  }

  h4 {
    font-size: 23px;
    line-height: 28px;
  }

  h5 {
    font-size: 18px;
  }

  h6 {
    font-size: 25px;
  }

  .tan h4 {
    font-size: 20px;
  }

  .product-plan .name h3 {
    font-size: 20px;
    line-height: 22px;
  }

  .state_req h2 {
    font-size: 30px;
  }

  .requirements h3 {
    font-size: 25px;
    line-height: 27px;
  }

  .course_feature .add_padding h3 {
    /* This centers text div on features page for HD screens */
    padding-top: 32px;
  }

  .banner_text {
    font-size: 21px;
    line-height: 26px;
  }

  .header_text {
    font-size: 18px;
    line-height: 26px;
  }

  .price sup {
    font-size: 30px;
  }

  .reg_form input[type='text'] {
    font-size: 15px;
    height: 30px;
    line-height: 30px !important;
  }

  .reg_form input[type='password'] {
    font-size: 15px;
    height: 30px;
    line-height: 30px !important;
  }

  .reg_form select {
    font-size: 15px;
    padding: 8px 5px !important;
    height: 40px;
    line-height: 40px !important;
  }

  .reg_form input[type='text'].promo-code {
    font-size: 14px;
    height: 25px;
    line-height: 25px !important;
  }

  .promo-btn {
    padding: 7px 15px;
  }

  .testvid {
    display: block;
    height: 498px;
  }

  /*
.sticky_img_left img, .sticky_img_left_student_support img {
width: 100%;
height: 100%;
}
*/
  #corp_wrap {
    top: 46px;
    left: 93px;
    width: 596px;
    height: 350px;
  }

  #scroller li {
    height: 2319px;
  }

  .laptop_img {
    background: url('https://www.nationalonlineinsuranceschool.com/img/student_tracker.jpg') no-repeat 0 -5px;
    width: 784px;
    height: 474px;
  }

  .captcha_icons {
    width: 40px;
    height: 40px;
  }

  .social_box {
    margin: auto 7px;
  }

  .social_icons-big {
    border: 0;
    height: 50px;
    width: 50px;
    margin: 0 10px 10px 0;
  }

  table.course_details td.price_column,
  table.course_details th.price_column {
    width: 150px;
  }

  .authorize_badge {
    text-align: right;
  }

  .hosting_badge {
    text-align: left;
    padding-top: 20px;
  }

  #footer .social_icons2 {
    margin: 0 8px 5px 0;
  }
}

@media only screen and (min-width: 980px) and (max-width: 1199px) {
  .HD {
    display: none;
  }

  .SD {
    display: block;
  }

  .lt-ie9 .corporate_banner,
  .lt-ie8 .corporate_banner {
    background: url('https://www.nationalonlineinsuranceschool.com/img/corporate_banner.jpg') no-repeat 90% 40%;
  }

  #landing_left .push_padding_video {
    top: 15%;
    z-index: 1;
    position: absolute;
  }

  #landing_left .push_padding {
    padding: 45px 0 0 0;
  }

  #landing_left .push_padding2 {
    padding: 80px 0 10px 0;
  }

  #landing_left .push_padding3 {
    padding: 75px 0 10px 0;
  }

  #landing_left .push_padding4 {
    padding: 100px 0 10px 0;
  }

  #landing_center .push_padding {
    padding: 20px 0 10px 0;
  }

  .blue_banner h1,
  .whitepaper_banner h1,
  .blue_banner h2 {
    font-size: 45px;
    line-height: 50px;
    padding: 0;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    font-size: 20px;
    line-height: 25px;
  }

  h5 {
    font-size: 15px;
  }

  h6 {
    font-size: 23px;
  }

  .tan h4 {
    font-size: 18px;
  }

  .product-plan .name h3 {
    font-size: 18px;
    line-height: 20px;
  }

  .product-plan .price h2 span.price_reduction {
    font-size: 24px;
  }

  .product-plan .price h2 span.price_reduction sup {
    font-size: 16px;
  }

  .state_req h2 {
    font-size: 27px;
  }

  .requirements h3 {
    font-size: 20px;
    line-height: 24px;
  }

  .course_feature h3 {
    font-size: 28px;
    line-height: 32px;
  }

  legend.legend_large {
    font-size: 28px;
  }

  .ccnum {
    height: 22px !important;
  }

  .course_feature .add_padding h3 {
    /* This centers text div on features page for HD screens */
    padding-top: 32px;
  }

  div.select-styled select {
    width: 108%
      /* this percentage effectively extends the drop down button out of view */
    ;
  }

  .push_padding {
    padding: 40px 0 70px 0;
  }

  .push_padding2 {
    padding: 40px 0 70px 0;
  }

  .sticky_img_left_student_support {
    background: url('https://www.nationalonlineinsuranceschool.com/img/Student_Support.jpg') no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
  }

  .sticky_img_left img,
  .sticky_img_left_student_support img {
    width: auto;
    height: auto;
  }

  .banner_text {
    font-size: 19px;
    line-height: 23px;
  }

  .header_text {
    font-size: 16px;
    line-height: 23px;
  }

  /*p{ font-size:15px; line-height: 23px;  }*/

  .price sup {
    font-size: 19px;
  }

  .reg_form input[type='text'],
  .reg_form input[type='password'],
  .reg_form input[type='datetime'],
  .reg_form input[type='datetime-local'],
  .reg_form input[type='date'],
  .reg_form input[type='month'],
  .reg_form input[type='time'],
  .reg_form input[type='week'],
  .reg_form input[type='number'],
  .reg_form input[type='email'],
  .reg_form input[type='url'],
  .reg_form input[type='search'],
  .reg_form input[type='tel'],
  .reg_form input[type='color'],
  .reg_form .uneditable-input,
  .reg_form input:invalid,
  .reg_form select,
  .reg_form textarea {
    font-size: 14px;
    padding: 8px 5px !important;
  }

  .reg_form select {
    height: 38px !important;
  }

  .reg_form input[type='text'].promo-code {
    font-size: 13px;
    padding: 5px 5px !important;
  }

  .promo-btn {
    padding: 5px 13px;
  }

  .view_more_text {
    font-size: 22px;
  }

  .cta_signup_text {
    font-size: 25px;
  }

  .testvid {
    display: block;
    height: 400px;
  }

  #corp_wrap {
    top: 36px;
    left: 73px;
    width: 447px;
    height: 263px;
  }

  #scroller li {
    height: 1771px;
  }

  .laptop_img {
    background: url('https://www.nationalonlineinsuranceschool.com/img/student_tracker.jpg') no-repeat -95px -500px;
    width: 588px;
    height: 356px;
  }

  .captcha_icons {
    width: 35px;
    height: 35px;
  }

  .social_container {
    padding: 17px 13px 17px 13px;
  }

  .social_box {
    margin: auto 4px;
  }

  table.course_details td.price_column,
  table.course_details th.price_column {
    width: 90px;
  }

  .discount_box {
    padding: 20px 0 0 8px;
  }

  .authorize_badge {
    text-align: right;
  }

  .hosting_badge {
    text-align: left;
    padding-top: 20px;
  }

  .social_icons-big {
    border: 0;
    height: 40px;
    width: 40px;
    margin: 0 8px 8px 0;
  }
}

/* Tablets
------------------------- */
@media (max-width: 979px) {
  .HD {
    display: none;
  }

  .no_tablet {
    display: none;
  }

  .sticky_img {
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .sticky_img_left {
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .sticky_img_left_push_div_right {
    float: right !important;
  }

  .pcs {
    display: none;
  }

  .handheld {
    display: block;
  }

  .lt-ie9 .corporate_banner,
  .lt-ie8 .corporate_banner {
    background: url('https://www.nationalonlineinsuranceschool.com/img/corporate_banner.jpg') no-repeat 50% 30%;
  }

  #landing_left .push_padding_video {
    top: 5%;
    z-index: 1;
    position: absolute;
  }

  #landing_left .push_padding {
    padding: 0;
  }

  #landing_left .push_padding2 {
    padding: 40px 0 10px 0;
  }

  #landing_left .push_padding3 {
    padding: 40px 0 20px 0;
  }

  #landing_left .push_padding4 {
    padding: 50px 0 50px 0;
  }

  #landing_center .push_padding {
    padding: 15px 0 10px 0;
  }

  .banner_text {
    width: auto;
  }

  .push_padding {
    padding: 0 0 25px 0;
  }

  .push_padding2 {
    padding: 40px 0 70px 0;
  }

  .tablet_push_padding {
    padding: 20px 0;
  }

  #landing_left h1,
  #landing_center h1 {
    margin-top: 15px;
    font-size: 32px;
    line-height: 35px;
  }

  .blue_banner h1,
  .whitepaper_banner h1,
  .blue_banner h2 {
    font-size: 40px !important;
    line-height: 47px !important;
    padding: 0;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    font-size: 20px;
    line-height: 25px;
  }

  h4.main_feature {
    padding-top: 4px;
    padding-bottom: 0;
  }

  h4.main_feature.tab_blocked {
    display: none;
  }

  h5 {
    font-size: 15px;
  }

  h6 {
    font-size: 23px;
  }

  .tan h4 {
    font-size: 18px;
  }

  .product-plan .name h3 {
    font-size: 16px;
    line-height: 19px;
  }

  .product-plan .price h2 span.price_reduction {
    font-size: 24px;
  }

  .product-plan .price h2 span.price_reduction sup {
    font-size: 16px;
  }

  .course_feature h3 {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 20px;
  }

  legend.legend_large {
    font-size: 28px;
  }

  .state_req h2 {
    font-size: 25px;
  }

  .requirements h3 {
    font-size: 20px;
    line-height: 24px;
  }

  div.select-styled select {
    width: 110%
      /* this percentage effectively extends the drop down button out of view */
    ;
  }

  p {
    font-size: 15px;
    line-height: 23px;
  }

  .price sup {
    font-size: 19px;
  }

  .reg_form input[type='text'],
  .reg_form input[type='password'],
  .reg_form input[type='datetime'],
  .reg_form input[type='datetime-local'],
  .reg_form input[type='date'],
  .reg_form input[type='month'],
  .reg_form input[type='time'],
  .reg_form input[type='week'],
  .reg_form input[type='number'],
  .reg_form input[type='email'],
  .reg_form input[type='url'],
  .reg_form input[type='search'],
  .reg_form input[type='tel'],
  .reg_form input[type='color'],
  .reg_form .uneditable-input,
  .reg_form input:invalid,
  .reg_form select,
  .reg_form textarea {
    font-size: auto;
    padding: auto;
  }

  .reg_form select {
    font-size: 14px;
    padding: 5px 5px !important;
  }

  .reg_form select.security {
    height: 38px !important;
    padding: 8px 5px !important;
  }

  .reg_form input[type='text'].security {
    height: 28px !important;
  }

  .reg_form input[type='text'].promo-code {
    font-size: 13px;
    padding: 4px 5px !important;
  }

  .promo-btn {
    padding: 4px 6px;
    font-size: 12px;
  }

  .view_more_text {
    font-size: 20px;
  }

  .cta_signup_text {
    font-size: 22px;
  }

  .testimonial_box .author-picture {
    float: none;
  }

  .testimonial_box .author-details {
    float: none;
  }

  .landing_testimonial .testimonial_carousel {
    padding: 0 10px;
  }

  .landing_testimonial .quick-quote {
    font-size: 22px;
    line-height: 30px;
  }

  .sticky_img_left_student_support {
    background: url('https://www.nationalonlineinsuranceschool.com/img/Student_Support.jpg') no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
  }

  .bt_td {
    min-width: 60px;
  }

  body {
    padding-top: 0;
    overflow-x: hidden;
  }

  .navbar .btn-dropnav {
    display: block;
    margin-top: 27px;
  }

  .navbar .nav-collapse .nav>li>a,
  .nav-collapse .dropdown-menu a {
    display: inline-block;
  }

  .nav-collapse .dropdown-menu a {
    color: #d6dfe5;
    font-weight: normal;
  }

  .nav-collapse .nav>li>a:hover,
  .nav-collapse .dropdown-menu a:hover {
    background-color: #5892cd;
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    width: 100%;
  }

  .dropdown-menu li>a:hover,
  .dropdown-menu li>a:focus,
  .dropdown-submenu:hover>a {
    background-image: none;
  }

  .navbar .nav-collapse.nav .active>a {
    margin-left: 5px;
  }

  .navbar .nav>li>a {
    padding: 12px 15px;
  }

  .navbar .nav-collapse .nav>li.active>a,
  .navbar .nav-collapse .nav>li.active:hover>a,
  .navbar .nav-collapse .nav .active>a,
  .navbar .nav-collapse .nav .active>a:hover,
  .navbar .nav-collapse .nav .active>a:focus {
    border-bottom: medium none;
    padding: 12px 15px;
    background-color: #5892cd;
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }

  .navbar .nav li.dropdown>a:hover .caret,
  .navbar .nav li.dropdown.active>a:hover .caret,
  .navbar .nav li.dropdown.open>.dropdown-toggle .caret,
  /* .navbar .nav li.dropdown.active > .dropdown-toggle .caret, */
  .navbar .nav li.dropdown.open.active>.dropdown-toggle .caret {
    border-bottom-color: #fff;
    border-top-color: #fff;
  }

  .navbar .nav>li.nav_btn a {
    font-size: 13px;
    padding: 6px 8px;
  }

  .navbar .nav>li.nav_btn a.signup_btn {
    margin-left: 7px;
    margin-right: 2px;
  }

  .navbar ul.nav {
    margin: 0;
  }

  .navbar .nav>li>a.link_fill {
    width: 100%;
    border-top: 1px solid #ddd;
    margin: 0;
  }

  /* Used to make entire link area clickable (mobile) */
  .navbar .nav>li>a.GetStarted {
    background-color: #faa732;
    color: #fff;
  }

  /* Sign Up link style (mobile) */
  .navbar .nav>li>a.GetStarted:hover {
    background-color: #f69c1c;
    color: #fff;
  }

  /* Sign Up link style (mobile) */

  .navbar .nav li.dropdown.open>.dropdown-toggle,
  .navbar .nav li.dropdown.active>.dropdown-toggle,
  .navbar .nav li.dropdown.open.active>.dropdown-toggle {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -o-animation-name: none;
    animation-name: none;
  }

  .product-plan .feature .pull-right {
    color: #5892cd;
  }

  .nav-collapse {
    background-color: #ecebe9;
  }

  .navbar-inner {
    padding: 0 !important;
  }

  .navbar .nav li.dropdown.active>.dropdown-menu {
    margin: 0;
    padding: 0;
    background-color: #ccc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }

  .navbar .nav-collapse .nav li.dropdown>.dropdown-menu {
    margin: -2px;
    padding: 0;
    background-color: #ccc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }

  .navbar .nav li.dropdown>.dropdown-menu a {
    padding: 12px 25px;
    color: #666;
    font-size: 14px;
    background-color: #d0d0d0;
    border-top: 1px solid #bbb;
    border-bottom: none;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }

  .navbar .nav li.dropdown>.dropdown-menu a:hover {
    background-color: #5892cd;
    color: #fff;
  }

  .navbar .nav li.menu_pad,
  .navbar .nav li.dropdown.active {
    padding: 0;
  }

  .navbar .nav>li>.dropdown-menu:before {
    top: 0;
    display: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    border-bottom-color: none;
  }

  .navbar .nav>li>.dropdown-menu:after {
    top: 0;
    display: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
  }

  .navbar .nav li.dropdown.open>.dropdown-toggle,
  .navbar .nav li.dropdown.open.active>.dropdown-toggle {
    background-color: #5892cd;
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }

  .navbar-inner ul.menu_push {
    padding: 0;
  }

  .testvid {
    display: block;
    height: 308px;
  }

  #corp_wrap {
    top: 49px;
    left: 80px;
    width: 347px;
    height: 204px;
  }

  #scroller li {
    height: 1357px;
  }

  .laptop_img {
    background: url('https://www.nationalonlineinsuranceschool.com/img/student_tracker.jpg') no-repeat -135px -860px;
    width: 520px;
    height: 310px;
  }

  .captcha_icons {
    width: 25px;
    height: 25px;
  }

  .social_container {
    padding: 17px 13px 17px 13px;
  }

  .social_box {
    margin: auto 4px;
  }

  .social_icons-big {
    border: 0;
    height: 60px;
    width: 60px;
    margin: 15px 15px 15px 0;
  }

  table.course_details td.price_column,
  table.course_details th.price_column {
    width: 80px;
  }

  .discount_box {
    padding: 20px 0 0 8px;
  }

  .authorize_badge {
    text-align: right;
  }

  .hosting_badge {
    text-align: left;
    padding-top: 20px;
  }

  #footer .social_icons2 {
    height: 25px;
    width: 25px;
  }

  #footer .telephone,
  #footer .telephone a {
    font-size: 22px;
  }
}

/* Tablets to Phones
------------------------- */
@media (max-width: 767px) {
  .no_mobile {
    display: none;
  }

  .HD {
    display: none;
  }

  .SD {
    display: none;
  }

  .only_mobile {
    display: block;
  }

  .only_mobile_inline {
    display: inline;
  }

  .mobile_middle {
    text-align: center;
  }

  .xtra_padding {
    margin-bottom: 30px;
  }

  .add_padding {
    padding: 0 12px;
  }

  .header-unit {
    border: none;
    border-right: none;
    border-left: none;
    position: auto;
    padding-bottom: 0;
    /* This controls the height of the video */
    padding-top: 0;
    height: auto;
  }

  #landing_left .push_padding_video {
    padding: 60px 0 0 0;
    top: 0;
    position: relative;
  }

  #landing_left .push_padding2 {
    padding: 0;
  }

  #landing_left .push_padding4 {
    padding: 0;
  }

  .push_padding2 {
    padding: 0;
  }

  .banner_text .secondary {
    padding-top: 0;
  }

  .banner_text .secondary_bottom {
    padding-top: 0;
    margin-bottom: 8px;
  }

  .line_btm {
    border-bottom: 1px solid #eee;
  }

  .navbar .nav>li>.dropdown-menu:before {
    display: none !important;
  }

  .navbar .nav>li>.dropdown-menu:after {
    display: none !important;
  }

  .relative_row {
    position: static;
  }

  .sticky_img {
    position: static;
    bottom: auto;
    right: auto;
    margin-top: auto;
  }

  .sticky_img_left {
    position: static;
    bottom: auto;
    right: auto;
    margin-top: auto;
  }

  .sticky_img_left img,
  .sticky_img_left_student_support img {
    width: 100%;
    height: 100%;
  }

  .sticky_img_left_student_support {
    background: none;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    font-size: 20px;
    line-height: 25px;
  }

  h4.main_feature {
    padding-top: 8px;
    padding-bottom: 5px;
  }

  h4.main_feature.tab_blocked {
    display: block;
  }

  h5 {
    font-size: 15px;
  }

  h6 {
    font-size: 23px;
  }

  .course_feature h3 {
    font-size: 26px;
    line-height: 30px;
    width: auto;
  }

  legend.legend_large {
    font-size: 26px;
  }

  .requirements h3 {
    font-size: 20px;
    line-height: 24px;
  }

  .mobile_push_padding {
    padding: 15px 0;
  }

  .view_more_text {
    padding: 8px 0 25px 0;
    text-align: center;
  }

  .cta_signup_text {
    padding: 8px 0 25px 0;
    text-align: center;
  }

  .landing_testimonial {
    padding: 0 20px;
  }

  .landing_testimonial .testimonial_carousel {
    padding: 0 10px;
  }

  .landing_testimonial .quick-quote {
    font-size: 20px;
    line-height: 27px;
  }

  .testimonial_box .author-picture {
    float: left;
  }

  .testimonial_box .author-details {
    float: left;
  }

  hr.sides {
    margin: 0;
  }

  input.vert_input {
    margin: auto 5px 10px auto;
  }

  .promo-btn {
    display: block;
    padding: 5px 0;
    text-align: center;
    width: 100% !important;
  }

  .cancel_btn {
    margin-left: 0;
  }

  .ccnum {
    height: 40px !important;
  }

  /*** Originally in Tablet media resolution ****/
  #landingSlide,
  #header,
  .content {
    margin-left: -20px;
    margin-right: -20px;
    padding: 30px 20px;
  }

  #quote-content {
    margin-left: -20px;
    margin-right: -20px;
    font-size: 18px;
    padding: 8px 0 4px 0;
  }

  #landing_left {
    margin-left: -20px;
    margin-right: -20px;
    padding: 0 20px;
  }

  #landing_center {
    margin-left: -20px;
    margin-right: -20px;
    padding: 0 12px;
  }

  .product-plan .feature .pull-right {
    float: none;
  }

  #headline,
  #footer {
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px;
  }

  #copywrite {
    margin-left: -20px;
    margin-right: -20px;
    padding: 0 20px;
  }

  /***/

  #landing_left,
  #header,
  .content,
  #quote-content,
  #footer {
    text-align: center;
  }

  #landing_left {
    margin-left: -20px;
    margin-right: -20px;
    padding: 45px 10px 45px 10px;
  }

  #landing_left .landing_page {
    margin-bottom: -45px !important;
  }

  .index_banner {
    background: url('https://www.nationalonlineinsuranceschool.com/img/index_banner_mobile.jpg');
    height: 330px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.nationalonlineinsuranceschool.com/img/index_banner_mobile.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='https://www.nationalonlineinsuranceschool.com/img/index_banner_mobile.jpg', sizingMethod='scale')";
    border-bottom: 1px solid #ddd;
  }

  .prelicensing_banner {
    background-image: url('https://www.nationalonlineinsuranceschool.com/img/prelicensing_banner_mobile.jpg');
    height: 330px;
    background-repeat: no-repeat;
    background-position: center center;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.nationalonlineinsuranceschool.com/img/prelicensing_banner_mobile.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='https://www.nationalonlineinsuranceschool.com/img/prelicensing_banner_mobile.jpg', sizingMethod='scale')";
  }

  .corporate_banner {
    background: url('https://www.nationalonlineinsuranceschool.com/img/corporate_banner_mobile.jpg');
    height: 330px;
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.nationalonlineinsuranceschool.com/img/corporate_banner_mobile.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='https://www.nationalonlineinsuranceschool.com/img/corporate_banner_mobile.jpg', sizingMethod='scale')";
    border-bottom: 1px solid #ddd;
  }

  .prelicensing_landing_banner {
    background-image: url('https://www.nationalonlineinsuranceschool.com/img/landing_banner_mobile.jpg');
    height: 330px;
    background-repeat: no-repeat;
    background-position: center center;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.nationalonlineinsuranceschool.com/img/landing_banner_mobile.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='https://www.nationalonlineinsuranceschool.com/img/landing_banner_mobile.jpg', sizingMethod='scale')";
  }

  #landingSlide {
    background: none repeat scroll center 200px #f1f1f1;
    height: auto;
  }

  .product-plan {
    margin-bottom: 10px;
  }

  .bt_td {
    min-width: 75px;
  }

  .price sup {
    font-size: 18px;
  }

  .testvid {
    display: block;
    height: 205px;
  }

  .L1_pad_top {
    padding-top: 0;
  }

  .L2_pad_top {
    padding-top: 0;
  }

  .L3_pad_top {
    padding-top: 0;
  }

  .L2_pad_inner {
    padding: 0;
  }

  .L3_pad_inner {
    padding: 0;
  }

  .L4_pad_inner {
    padding: 0;
  }

  #corp_wrap {
    top: 36px;
    left: 34px;
    width: 212px;
    height: 125px;
  }

  #scroller li {
    height: 797px;
  }

  .laptop_img {
    background: url('https://www.nationalonlineinsuranceschool.com/img/student_tracker.jpg') no-repeat -250px -1170px;
    width: 285px;
    height: 190px;
    margin-left: auto;
    margin-right: auto;
  }

  .captcha_icons {
    width: 25px;
    height: 25px;
  }

  .state_req {
    margin: 0 auto 20px auto;
    padding: 1em 0 2em 0;
    background-color: #fff;
    border: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    -ms-border-radius: none;
    -o-border-radius: none;
    border-radius: none;
  }

  .social_container {
    margin: auto;
    padding: 0;
    background-color: #fff;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    text-shadow: none;
  }

  .continue_btn {
    max-width: none;
    margin: auto;
  }

  .social_box {
    margin: auto auto 20px auto;
  }

  .social_icons-big {
    border: 0;
    height: 45px;
    width: 45px;
    margin: 15px 8px 8px 0;
  }

  .certified_seal_container {
    margin: 10px auto;
    width: auto;
  }

  /* Landing Page */
  .seal_text {
    width: auto;
  }

  /* Landing Page */
  .landing_page ul.green_checks {
    padding-left: 0;
  }

  .discount_box {
    padding: 20px 8px 12px 10px;
  }

  .authorize_badge {
    text-align: center;
  }

  .hosting_badge {
    text-align: center;
    padding-top: 20px;
  }

  #footer .fluid_select {
    width: auto;
    height: 16px;
  }

  #footer .social_icons2 {
    height: 35px;
    width: 35px;
    margin: 0 8px 5px 0;
  }

  #footer .telephone,
  #footer .telephone a {
    font-size: 26px;
  }
}

/* Phones Portrait
------------------------- */
/*@media (max-width: 542px) {

  .prelicensing_banner {
  background-image: url("../img/prelicensing_banner_mobile.jpg");
  height: 150px;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
  }
}*/