@charset "UTF-8";
/* Sections */
/*********************
MEDIA QUERIES
*********************/
/*********************
TRANSITION
*********************/
/*
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/**
 * Allows you to use retina images at various pixel densities.
 * Examples:
 *
 *   @include retina(/images/mypic.jpg, 2);
 *   @include retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent);
 *
 * @param  {Value}  $path               The path to the file name minus extension.
 * @param  {Number} $cap:    2          The highest pixel density level images exist for.
 * @param  {Value}  $size:   auto auto  The intended width of the rendered image.
 * @param  {Value}  $extras: null       Any other `background` values to be added.
 */
/* colors */
.blue {
  color: #1b77c2; }

.yellow {
  color: #e8a900; }

.purp1 {
  color: #7951A8; }

.purp2 {
  color: #492f76; }

.purp3 {
  color: #332054; }

.purp36 {
  color: #363277; }

.grn009 {
  color: #00936F; }

.grn004 {
  color: #004a5b; }

.grn003 {
  color: #003a47; }

.green {
  color: #2dc676; }

.black {
  color: #000; }

.g1e {
  color: #1e1e1e; }

.g29 {
  color: #29292f; }

.g38 {
  color: #383838; }

.g5b {
  color: #5b5b5b; }

.g84 {
  color: #848484; }

.gc3 {
  color: #c3c3c3; }

.gd6 {
  color: #d6d6d6; }

.ge6 {
  color: #e6e6e6; }

.gf7 {
  color: #f7f7f7; }

.white {
  color: #fff; }

.bg-blue {
  background-color: #1b77c2; }

.bg-yellow {
  background-color: #e8a900; }

.bg-purp1 {
  background-color: #7951A8; }

.bg-purp2 {
  background-color: #492f76; }

.bg-purp3 {
  background-color: #332054; }

.bg-green {
  background-color: #2dc676; }

.bg-g1e {
  background-color: #1e1e1e; }

.bg-g29 {
  background-color: #29292f; }

.bg-g38 {
  background-color: #383838; }

.bg-g84 {
  background-color: #848484; }

.bg-gc3 {
  background-color: #c3c3c3; }

.bg-gd6 {
  background-color: #d6d6d6; }

.bg-ge6 {
  background-color: #e6e6e6; }

.bg-gf7 {
  background-color: #f7f7f7; }

hr.rule.border-blue {
  border-color: #1b77c2; }

hr.rule.border-yellow {
  border-color: #e8a900; }

hr.rule.border-purp1 {
  border-color: #7951A8; }

hr.rule.border-purp2 {
  border-color: #492f76; }

hr.rule.border-purp3 {
  border-color: #332054; }

hr.rule.border-green {
  border-color: #2dc676; }

hr.rule.border-g1e {
  border-color: #1e1e1e; }

hr.rule.border-g29 {
  border-color: #29292f; }

hr.rule.border-g38 {
  border-color: #383838; }

hr.rule.border-g84 {
  border-color: #848484; }

hr.rule.border-gc3 {
  border-color: #c3c3c3; }

hr.rule.border-gd6 {
  border-color: #d6d6d6; }

hr.rule.border-ge6 {
  border-color: #e6e6e6; }

hr.rule.border-gf7 {
  border-color: #f7f7f7; }

/* sg - fonts */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  line-height: 1em; }

a:focus, a:active,
button:focus,
button:active {
  outline: none; }

sup {
  top: 0;
  font-size: 100%; }

.inline {
  display: inline; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.float-none {
  float: none; }

hr {
  border-color: #e4e4e4; }

.ss-standard {
  font-family: 'SS Standard';
  font-weight: normal;
  font-style: normal; }

/* headings */
.head-a {
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  color: #383838; }
  @media (max-width: 767px) {
    .head-a {
      font-size: 25px;
      line-height: 30px; } }
.head-b {
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  font-size: 19px;
  line-height: 23px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #1e1e1e; }
  .head-b.ftag {
    display: inline-block;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    background-color: #29292f;
    padding: 8px 14px; }
  .head-b.fsm {
    font-size: 12px;
    line-height: 14px; }
  .head-b.lhome {
    text-transform: none;
    letter-spacing: 0;
    font-weight: 700; }

.head-c {
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-size: 17px;
  color: #383838;
  line-height: 19px; }
  .head-c.flg {
    font-size: 25px;
    line-height: 30px; }
  @media (max-width: 767px) {
    .head-c.resp {
      font-size: 15px;
      line-height: 16px; } }
.head-d {
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.05em;
  color: #383838;
  line-height: 20px; }
  .head-d.flg {
    font-size: 20px;
    line-height: 24px; }

.head-e {
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #003a47; }

.head-f {
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-size: 53px;
  line-height: 53px;
  letter-spacing: 0.02em;
  color: #29292f; }

/* paragraphs */
.para-a {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #383838; }

.para-b {
  font-family: proxima-nova, sans-serif;
  font-size: 15px;
  line-height: 19px;
  color: #1e1e1e; }
  .para-b.fmd {
    font-size: 16.5px;
    line-height: 21px; }
  .para-b.fsm {
    font-size: 14px;
    line-height: 18px; }
  .para-b.fxs {
    font-size: 14px;
    line-height: 17px; }
  .para-b.fxxs {
    font-size: 14px;
    line-height: 19px; }
  .para-b.semi {
    font-weight: 600; }
  .para-b.grn003 {
    color: #003a47; }

.para-c {
  font-family: proxima-nova, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #1e1e1e; }
  .para-c.g38 {
    color: #383838; }

.para-d {
  font-family: proxima-nova, sans-serif;
  font-size: 12px;
  line-height: 17px;
  font-weight: 500;
  text-transform: uppercase;
  opacity: 0.67;
  color: #383838; }

.para-e {
  font-family: proxima-nova, sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: #848484; }

.para-f {
  font-family: proxima-nova, sans-serif;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  color: #383838; }
  .para-f.fsm {
    font-size: 16px; }

.para-g {
  font-family: proxima-nova, sans-serif;
  font-size: 17px;
  line-height: 20px;
  font-weight: 500;
  color: #1e1e1e; }

.para-h {
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-size: 23px;
  line-height: 23px;
  color: #29292f; }

.para-i {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 21px;
  color: #383838; }

/* links */
*[class^="para"] > a,
*[class^="para"] > b > a,
*[class^="para"] > strong > a {
  color: inherit; }

.link-a {
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.055em;
  border-bottom: 2px solid transparent; }
  .link-a:hover {
    text-decoration: none;
    border-bottom: 2px solid #fff;
    color: #fff; }
  .link-a:focus {
    text-decoration: none;
    color: #fff; }
  .link-a.grn003 {
    color: #003a47; }
    .link-a.grn003:hover {
      text-decoration: none;
      border-bottom: 2px solid #003a47;
      color: #003a47; }
    .link-a.grn003:focus {
      text-decoration: none;
      color: #003a47; }

.link-b {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #1e1e1e;
  text-decoration: underline; }
  .link-b:hover {
    color: #1e1e1e; }
  .link-b:focus {
    color: #1e1e1e; }

*[class^="para"] .link-b {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit; }

.link-c {
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 1em;
  color: #003a47;
  text-transform: uppercase;
  border-bottom: 2px solid #fff; }
  .link-c:hover {
    text-decoration: none;
    border-bottom: 2px solid #003a47;
    color: #003a47; }
  .link-c:focus {
    text-decoration: none;
    color: #003a47; }
  @media (max-width: 359px) {
    .link-c {
      font-size: 13.33px;
      line-height: 13.33px; } }
.link-d {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: inherit;
  line-height: inherit;
  text-decoration: underline !important;
  color: #003a47 !important;
  border-bottom: 2px solid #fff; }

.link-e {
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  text-decoration: underline;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #00936F; }
  .link-e:hover, .link-e:focus {
    color: #00936F; }

/* buttons */
*[class^="btn"] {
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  display: block;
  text-align: center;
  border: 1px solid #003a47;
  border-radius: 50px;
  text-transform: uppercase; }
  *[class^="btn"]:hover, *[class^="btn"]:focus {
    text-decoration: none; }

.btn-a {
  font-size: 15px;
  letter-spacing: 0.71px;
  width: 290px;
  max-width: 100%;
  height: 50px;
  line-height: 46px;
  color: #fff;
  background-color: #003a47; }
  .btn-a:hover {
    color: #fff;
    border-color: #004a5b;
    background-color: #004a5b; }
  .btn-a:focus {
    color: #fff; }

.btn-b {
  font-size: 13px;
  letter-spacing: 0.54px;
  width: 240px;
  max-width: 100%;
  height: 40px;
  line-height: 37px;
  color: #004a5b;
  background-color: transparent; }
  .btn-b:hover {
    color: #004a5b;
    background-color: rgba(0, 74, 91, 0.15); }
  .btn-b:focus {
    color: #004a5b; }

.btn-c {
  font-size: 11px;
  letter-spacing: 0.3px;
  width: 140px;
  max-width: 100%;
  height: 27px;
  line-height: 24px;
  color: #004a5b; }
  .btn-c:hover {
    color: #004a5b;
    background-color: rgba(0, 74, 91, 0.15); }
  .btn-c:focus {
    color: #004a5b; }

/* rules */
hr {
  margin: 0; }

hr.rule {
  border-color: #e6e6e6;
  width: 100%; }
  hr.rule.full {
    margin-left: -999px;
    margin-right: -999px;
    padding: 0 999px; }

/* extra utilities */
.italic {
  font-style: italic; }

.upper {
  text-transform: uppercase; }

.lower {
  text-transform: lowercase; }

.lite {
  font-weight: 300; }

.reg {
  font-weight: 400; }

.med {
  font-weight: 500; }

.semi {
  font-weight: 600; }

.bold {
  font-weight: 700; }

.underline {
  text-decoration: underline; }

.f12 {
  font-size: 12px; }

.f13 {
  font-size: 13px; }

.f14 {
  font-size: 14px; }

.f15 {
  font-size: 15px; }

.f16 {
  font-size: 16px; }

.f17 {
  font-size: 17px; }

.f18 {
  font-size: 18px; }

.f25 {
  font-size: 25px; }

.f30 {
  font-size: 30px; }

.pad30 {
  padding: 30px !important; }

.nomargin {
  margin: 0 0 0 0 !important; }

.nomargintop {
  margin-top: 0 !important; }

.lh1 {
  line-height: 1em; }

.white {
  color: #fff; }

.bg-box {
  position: relative;
  background: linear-gradient(270deg, #00936F 0%, #003A47 100%);
  background-size: 100%;
  background-position: center top;
  background-repeat: no-repeat; }
  .bg-box:not(.no-img) {
    background-image: url("../../img/us/bg/bg_hero_1680.jpg"); }
    @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
      .bg-box:not(.no-img) {
        background-image: url("../../img/us/bg/bg_hero_1680@2x.jpg"); } }
    @media (max-width: 1199px) {
      .bg-box:not(.no-img) {
        background-image: url("../../img/us/bg/bg_hero_1200.jpg");
        background-size: 1200px auto; } }
    @media (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1199px), (min-resolution: 120dpi) and (max-width: 1199px) {
      .bg-box:not(.no-img) {
        background-image: url("../../img/us/bg/bg_hero_1200@2x.jpg"); } }
    @media (max-width: 991px) {
      .bg-box:not(.no-img) {
        background-image: url("../../img/us/bg/bg_hero_tablet.jpg");
        background-size: 991px auto; } }
    @media (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 991px), (min-resolution: 120dpi) and (max-width: 991px) {
      .bg-box:not(.no-img) {
        background-image: url("../../img/us/bg/bg_hero_tablet@2x.jpg"); } }
  .bg-box p.white-all, .bg-box h1.white-all, .bg-box h2.white-all, .bg-box h3.white-all, .bg-box h4.white-all, .bg-box h5.white-all, .bg-box h6.white-all, .bg-box span.white-all {
    color: #fff; }
  .bg-box p.bgb-white-all, .bg-box h1.bgb-white-all, .bg-box h2.bgb-white-all, .bg-box h3.bgb-white-all, .bg-box h4.bgb-white-all, .bg-box h5.bgb-white-all, .bg-box h6.bgb-white-all, .bg-box span.bgb-white-all {
    color: #fff; }
  @media (min-width: 768px) {
    .bg-box {
      background-color: #003a47; }
      .bg-box p.white, .bg-box h1.white, .bg-box h2.white, .bg-box h3.white, .bg-box h4.white, .bg-box h5.white, .bg-box h6.white, .bg-box span.white {
        color: #fff; }
      .bg-box p.bgb-white, .bg-box h1.bgb-white, .bg-box h2.bgb-white, .bg-box h3.bgb-white, .bg-box h4.bgb-white, .bg-box h5.bgb-white, .bg-box h6.bgb-white, .bg-box span.bgb-white {
        color: #fff; }
      .bg-box:after {
        content: "";
        position: absolute;
        z-index: 1;
        height: 100%;
        width: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; } }
  @media (max-width: 767px) {
    .bg-box, .bg-box:not(.no-img) {
      background-image: none; } }
  .bg-box .container {
    position: relative;
    z-index: 99;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 50px;
    padding-bottom: 50px; }
    @media (max-width: 767px) {
      .bg-box .container {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0; } }
  .bg-box.bg-hero {
    background-size: cover; }
    @media (max-width: 767px) {
      .bg-box.bg-hero .container {
        margin-top: 20px; }
        .bg-box.bg-hero .container.mmt30 {
          margin-top: 30px; } }
  .bg-box.bg-vid {
    background-image: url("../../img/us/bg/bg_video_1680.jpg");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
      .bg-box.bg-vid {
        background-image: url("../../img/us/bg/bg_video_1680@2x.jpg"); } }
    @media (max-width: 767px) {
      .bg-box.bg-vid {
        background-image: none; } }
    @media (min-width: 768px) {
      .bg-box.bg-vid .container {
        padding-top: 30px;
        padding-bottom: 30px; } }
.visible-xxs {
  display: none !important; }
  @media (max-width: 449px) {
    .visible-xxs {
      display: block !important; } }
@media (max-width: 449px) {
  .hidden-xxs {
    display: none !important; } }

.fancybox-skin .fancybox-close div {
  background-image: url("../../img/us/profile/popup-x.png") !important; }
  @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .fancybox-skin .fancybox-close div {
      background-image: url("../../img/us/profile/popup-x@2x.png") !important; } }
.jw-icon-next, .jw-related-btn {
  display: none !important; }

div.cc-window {
  display: none; }

div.row.row-eq-ht {
  display: flex;
  flex-wrap: wrap; }
  div.row.row-eq-ht div[class^="col-"] {
    display: flex; }

body {
  display: block; }

html, body {
  overflow-x: hidden; }

* {
  transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease; }

.fancybox-overlay,
.fancybox-wrap,
.fancybox-skin {
  transition: none;
  -moz-transition: none;
  -webkit-transition: none; }

.fb-close {
  position: absolute;
  top: -7px;
  right: -7px;
  background-color: #f9f9f9;
  border-radius: 20px;
  padding: 5px;
  width: auto;
  height: auto;
  background-image: none; }
  .fb-close > div {
    width: 12px;
    height: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease; }
  .fb-close:hover > div {
    transform: rotate(180deg); }

/* container widths */
.container {
  margin: 50px auto;
  width: 100%;
  max-width: 1129px; }
  @media (max-width: 767px) {
    .container {
      margin: 30px auto; } }
  .container.c-header {
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    z-index: 999; }
    @media (max-width: 991px) {
      .container.c-header {
        height: auto;
        padding: 15px;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.24); } }
  @media (max-width: 1199px) {
    .container {
      max-width: 971px; } }
  @media (max-width: 991px) {
    .container {
      max-width: 747px; } }
  @media (max-width: 767px) {
    .container {
      max-width: 100%; } }
.header .container {
  max-width: 1250px; }
  @media (max-width: 1349px) {
    .header .container {
      max-width: 1179px; } }
  @media (max-width: 1199px) {
    .header .container {
      max-width: 971px; } }
  @media (max-width: 991px) {
    .header .container {
      max-width: 100%; } }
.footer .container {
  max-width: 1250px; }
  @media (max-width: 1349px) {
    .footer .container {
      max-width: 1179px; } }
  @media (max-width: 1199px) {
    .footer .container {
      max-width: 971px; } }
  @media (max-width: 991px) {
    .footer .container {
      max-width: 747px; } }
  @media (max-width: 767px) {
    .footer .container {
      max-width: 100%; } }
/* home */
.home > .container {
  margin-bottom: 10px; }

.home .intro-box .intro-inner .intro-left a {
  display: flex;
  color: #1e1e1e; }
  @media (max-width: 767px) {
    .home .intro-box .intro-inner .intro-left a {
      display: block; } }
  .home .intro-box .intro-inner .intro-left a:hover {
    text-decoration: none; }
    .home .intro-box .intro-inner .intro-left a:hover .featured-text h1 {
      text-decoration: underline; }
    .home .intro-box .intro-inner .intro-left a:hover .featured-text p {
      text-decoration: none; }

.home .intro-box .intro-inner .intro-left .thumb-outer {
  display: inline-block;
  vertical-align: top;
  margin-right: 30px;
  width: 350px;
  max-width: 100%;
  height: 197px; }
  @media (max-width: 767px) {
    .home .intro-box .intro-inner .intro-left .thumb-outer {
      width: 350px;
      height: auto; } }
.home .intro-box .intro-inner .intro-left .thumb-large {
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: relative;
  background-color: #e6e6e6;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }
  @media (max-width: 767px) {
    .home .intro-box .intro-inner .intro-left .thumb-large {
      height: 0;
      padding-top: 56.5%; } }
  .home .intro-box .intro-inner .intro-left .thumb-large:before {
    content: "";
    position: absolute;
    background-image: url("../../img/zepto/icn_play.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
    top: calc(50% - 25px);
    left: calc(50% - 25px); }
    @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
      .home .intro-box .intro-inner .intro-left .thumb-large:before {
        background-image: url("../../img/zepto/icn_play@2x.png"); } }
  .home .intro-box .intro-inner .intro-left .thumb-large span.start-here {
    position: absolute;
    width: 120px;
    height: 24px;
    left: 15px;
    top: 12px;
    background-color: #fff;
    color: #00936F;
    font-family: proxima-nova, sans-serif;
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-align: center;
    border-radius: 6px;
    padding: 4px 5px 0;
    z-index: 9999999;
    opacity: 1; }
    .home .intro-box .intro-inner .intro-left .thumb-large span.start-here span {
      position: relative;
      color: #2e3192;
      top: 2px; }
      .home .intro-box .intro-inner .intro-left .thumb-large span.start-here span svg {
        width: 11px;
        height: auto; }
        .home .intro-box .intro-inner .intro-left .thumb-large span.start-here span svg polygon {
          fill: #00936F; }
    .home .intro-box .intro-inner .intro-left .thumb-large span.start-here p {
      display: inline-block; }

.home .intro-box .intro-inner .intro-left div.featured-text {
  display: inline-block;
  vertical-align: top;
  margin-right: -5px;
  width: calc(100% - 384px);
  padding-top: 15px;
  padding-right: 20px;
  border-right: 1px solid rgba(214, 214, 214, 0.35); }
  @media (max-width: 991px) {
    .home .intro-box .intro-inner .intro-left div.featured-text {
      padding-right: 0;
      border-right: none; } }
  @media (max-width: 767px) {
    .home .intro-box .intro-inner .intro-left div.featured-text {
      width: 100%;
      display: block; } }
.home .intro-box .intro-inner .intro-left div.congrats-outer {
  width: 100%;
  padding-right: 55px;
  border-right: 1px solid rgba(214, 214, 214, 0.35); }
  .home .intro-box .intro-inner .intro-left div.congrats-outer div.congrats-box {
    height: 100%;
    background-color: #003a47;
    padding: 40px; }
    @media (max-width: 767px) {
      .home .intro-box .intro-inner .intro-left div.congrats-outer div.congrats-box {
        height: auto;
        padding: 30px 30px 35px; } }
  @media (max-width: 991px) {
    .home .intro-box .intro-inner .intro-left div.congrats-outer {
      padding-right: 0;
      border-right: 0; } }
@media (max-width: 991px) {
  .home .intro-box .intro-inner .intro-left {
    padding-bottom: 20px; } }

@media (max-width: 991px) {
  .home .intro-box .intro-inner .intro-right {
    display: block; } }

.home .intro-box .intro-inner .intro-right .right-text {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 20px;
  padding-right: 15px; }
  @media (max-width: 991px) {
    .home .intro-box .intro-inner .intro-right .right-text {
      padding-left: 0;
      padding-bottom: 0; } }
.home .training p.your-progress {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  margin-bottom: 25px; }

.home .training .progress {
  width: 440px;
  margin: 0 0 25px;
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .home .training .progress.nurse {
    opacity: 0;
    margin-bottom: 0;
    display: none; }
  .home .training .progress hr {
    margin: 0 auto;
    position: absolute;
    top: 12px;
    left: 2%;
    width: 96%;
    border-color: rgba(193, 213, 216, 0.48);
    background-color: rgba(193, 213, 216, 0.48); }
  .home .training .progress .markers {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 999; }
    .home .training .progress .markers .marker {
      height: 23px;
      width: 23px;
      border-radius: 15px;
      background-color: #fff;
      box-shadow: inset 0 3px 5px 0 rgba(0, 58, 71, 0.5);
      box-sizing: border-box;
      position: relative; }
      .home .training .progress .markers .marker i.fa {
        position: absolute;
        left: 3px;
        top: 3px;
        font-size: 15px;
        color: #fff;
        display: none; }
      .home .training .progress .markers .marker.complete {
        background-color: #00936F;
        border: 1px solid #00936F;
        box-shadow: none; }
        .home .training .progress .markers .marker.complete i.fa {
          display: inline-block; }

@media (max-width: 767px) {
  .home .training .modules > div[class^="col-"] {
    width: 50%; } }

@media (max-width: 599px) {
  .home .training .modules > div[class^="col-"] {
    width: 100%; } }

.home .training .modules .vid-item {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  cursor: pointer; }
  .home .training .modules .vid-item .single {
    display: block;
    overflow: hidden;
    text-decoration: none;
    margin-bottom: 25px;
    pointer-events: none; }
    .home .training .modules .vid-item .single:hover .info .head-c {
      text-decoration: underline; }
    .home .training .modules .vid-item .single .thumb {
      height: 0;
      padding-top: 56%;
      margin-bottom: 15px;
      position: relative;
      background-color: #e6e6e6;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover; }
      .home .training .modules .vid-item .single .thumb:before {
        content: "";
        position: absolute;
        background-image: url("../../img/zepto/icn_lock.png");
        background-repeat: no-repeat;
        background-size: contain;
        width: 39px;
        height: 52px;
        top: calc(50% - 25px);
        left: calc(50% - 20px);
        z-index: 999999; }
        @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
          .home .training .modules .vid-item .single .thumb:before {
            background-image: url("../../img/zepto/icn_lock@2x.png"); } }
      .home .training .modules .vid-item .single .thumb:after {
        content: "Watch prior videos to unlock.";
        position: absolute;
        width: 132px;
        height: 42px;
        left: calc(50% - 68px);
        top: calc(50% - 21px);
        background-color: #2e2e2e;
        color: #fff;
        font-family: proxima-nova, sans-serif;
        font-size: 15px;
        line-height: 18px;
        font-weight: 700;
        text-align: center;
        border-radius: 7px;
        padding: 3px 4px;
        z-index: 9999999;
        opacity: 0;
        transition: all .3s ease;
        -moz-transition: all .3s ease;
        -webkit-transition: all .3s ease; }
      .home .training .modules .vid-item .single .thumb .overlay {
        position: absolute;
        background-color: rgba(255, 255, 255, 0.35);
        display: block;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0; }
    .home .training .modules .vid-item .single.watched, .home .training .modules .vid-item .single.next {
      pointer-events: all; }
      .home .training .modules .vid-item .single.watched .thumb:before, .home .training .modules .vid-item .single.next .thumb:before {
        content: "";
        position: absolute;
        background-image: url("../../img/zepto/icn_play.png");
        background-repeat: no-repeat;
        background-size: contain;
        width: 50px;
        height: 50px;
        top: calc(50% - 25px);
        left: calc(50% - 25px);
        z-index: 999999; }
        @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
          .home .training .modules .vid-item .single.watched .thumb:before, .home .training .modules .vid-item .single.next .thumb:before {
            background-image: url("../../img/zepto/icn_play@2x.png"); } }
      .home .training .modules .vid-item .single.watched .thumb:after, .home .training .modules .vid-item .single.next .thumb:after {
        content: "";
        display: none; }
      .home .training .modules .vid-item .single.watched .thumb .overlay, .home .training .modules .vid-item .single.next .thumb .overlay {
        display: none; }
    .home .training .modules .vid-item .single .info .head-c {
      overflow: hidden; }
  .home .training .modules .vid-item:first-child .single {
    pointer-events: all; }
    .home .training .modules .vid-item:first-child .single .thumb:before {
      content: "";
      position: absolute;
      background-image: url("../../img/zepto/icn_play.png");
      background-repeat: no-repeat;
      background-size: contain;
      width: 50px;
      height: 50px;
      top: calc(50% - 25px);
      left: calc(50% - 25px);
      z-index: 999999; }
      @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
        .home .training .modules .vid-item:first-child .single .thumb:before {
          background-image: url("../../img/zepto/icn_play@2x.png"); } }
    .home .training .modules .vid-item:first-child .single .thumb:after {
      content: "";
      display: none; }
    .home .training .modules .vid-item:first-child .single .thumb .overlay {
      display: none; }
  .home .training .modules .vid-item:hover .single .thumb:after {
    opacity: 1; }

.home .training.nurse .modules .vid-item .single {
  pointer-events: all; }
  .home .training.nurse .modules .vid-item .single .thumb:before {
    background-image: url("../../img/zepto/icn_play.png");
    width: 50px;
    height: 50px;
    top: calc(50% - 25px);
    left: calc(50% - 25px); }
    @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
      .home .training.nurse .modules .vid-item .single .thumb:before {
        background-image: url("../../img/zepto/icn_play@2x.png"); } }
  .home .training.nurse .modules .vid-item .single .thumb:after {
    content: "";
    display: none; }
  .home .training.nurse .modules .vid-item .single .thumb .overlay {
    display: none; }

.home .training .level-nav {
  margin-bottom: 30px; }
  .home .training .level-nav .rule.mt25 {
    margin-top: 25px; }
  .home .training .level-nav .btn-b {
    line-height: 38px;
    width: 100%; }
    @media (min-width: 768px) {
      .home .training .level-nav .btn-b {
        max-width: 350px; } }
    @media (max-width: 359px) {
      .home .training .level-nav .btn-b {
        font-size: 11.5px; } }
    .home .training .level-nav .btn-b:last-child {
      margin-bottom: 0; }

/* video library */
@media (max-width: 767px) {
  .video-library .training .modules > div[class^="col-"] {
    width: 50%; } }

@media (max-width: 599px) {
  .video-library .training .modules > div[class^="col-"] {
    width: 100%; } }

.video-library .training .modules .vid-item {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  cursor: pointer; }
  .video-library .training .modules .vid-item .single {
    display: block;
    overflow: hidden;
    text-decoration: none;
    margin-bottom: 25px;
    pointer-events: none; }
    .video-library .training .modules .vid-item .single:hover .info .head-c {
      text-decoration: underline; }
    .video-library .training .modules .vid-item .single .thumb {
      height: 0;
      padding-top: 56%;
      margin-bottom: 15px;
      position: relative;
      background-color: #e6e6e6;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover; }
    .video-library .training .modules .vid-item .single.watched, .video-library .training .modules .vid-item .single.next {
      pointer-events: all; }
      .video-library .training .modules .vid-item .single.watched .thumb:before, .video-library .training .modules .vid-item .single.next .thumb:before {
        content: "";
        position: absolute;
        background-image: url("../../img/zepto/icn_play.png");
        background-repeat: no-repeat;
        background-size: contain;
        width: 50px;
        height: 50px;
        top: calc(50% - 25px);
        left: calc(50% - 25px);
        z-index: 999999; }
        @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
          .video-library .training .modules .vid-item .single.watched .thumb:before, .video-library .training .modules .vid-item .single.next .thumb:before {
            background-image: url("../../img/zepto/icn_play@2x.png"); } }
      .video-library .training .modules .vid-item .single.watched .thumb:after, .video-library .training .modules .vid-item .single.next .thumb:after {
        content: "";
        display: none; }
      .video-library .training .modules .vid-item .single.watched .thumb .overlay, .video-library .training .modules .vid-item .single.next .thumb .overlay {
        display: none; }
    .video-library .training .modules .vid-item .single .info .head-c {
      overflow: hidden; }
  .video-library .training .modules .vid-item .single {
    pointer-events: all; }
    .video-library .training .modules .vid-item .single .thumb:before {
      content: "";
      position: absolute;
      background-image: url("../../img/zepto/icn_play.png");
      background-repeat: no-repeat;
      background-size: contain;
      width: 50px;
      height: 50px;
      top: calc(50% - 25px);
      left: calc(50% - 25px);
      z-index: 999999; }
      @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
        .video-library .training .modules .vid-item .single .thumb:before {
          background-image: url("../../img/zepto/icn_play@2x.png"); } }
    .video-library .training .modules .vid-item .single .thumb:after {
      content: "";
      display: none; }
    .video-library .training .modules .vid-item .single .thumb .overlay {
      display: none; }
  .video-library .training .modules .vid-item:hover .single .thumb:after {
    opacity: 1; }

/* video */
.videos .container {
  max-width: 1179px; }
  @media (max-width: 1199px) {
    .videos .container {
      max-width: 971px; } }
  @media (max-width: 991px) {
    .videos .container {
      max-width: 747px; } }
  @media (max-width: 767px) {
    .videos .container {
      max-width: 100%; } }
@media (max-width: 991px) {
  .videos > .container {
    margin-bottom: 20px; } }

.videos .video-main .video-outer,
.videos .video-main .flowplayer,
.videos .video-main .fp-ratio,
.videos .video-main .fp-player {
  transition: none;
  -moz-transition: none;
  -webkit-transition: none; }

.videos .video-main .progress {
  width: 440px;
  margin: 0 auto 30px;
  position: relative; }
  .videos .video-main .progress.nurse {
    opacity: 0;
    margin-bottom: 0;
    display: none; }
  .videos .video-main .progress hr {
    margin: 0 auto;
    position: absolute;
    top: 12px;
    left: 2%;
    width: 96%;
    border-color: rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.2); }
  .videos .video-main .progress .markers {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 999; }
    .videos .video-main .progress .markers .marker {
      height: 23px;
      width: 23px;
      border: 2px solid #64a799;
      border-radius: 15px;
      background-color: #2c8170;
      box-sizing: border-box;
      position: relative; }
      .videos .video-main .progress .markers .marker i.fa {
        position: absolute;
        left: 2px;
        top: 2px;
        font-size: 15px;
        color: #003a47;
        display: none; }
      .videos .video-main .progress .markers .marker.current {
        border: 2px solid #fff;
        background-color: #003a47; }
      .videos .video-main .progress .markers .marker.complete {
        border: 2px solid #fff;
        background-color: #fff; }
        .videos .video-main .progress .markers .marker.complete i.fa {
          display: inline-block; }

.videos .video-main .video-outer,
.videos .video-main .vid-menu-frame {
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  max-height: 478px; }
  @media (max-width: 1199px) {
    .videos .video-main .video-outer,
    .videos .video-main .vid-menu-frame {
      max-height: 361px; } }
  @media (max-width: 991px) {
    .videos .video-main .video-outer,
    .videos .video-main .vid-menu-frame {
      max-height: none; } }
.videos .video-main .video-outer {
  width: calc(100% - 300px);
  max-width: 850px;
  position: relative;
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  /* video */ }
  .videos .video-main .video-outer .jwplayer-unmute {
    position: absolute;
    top: 25px;
    left: 25px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    height: auto;
    width: 275px; }
    .videos .video-main .video-outer .jwplayer-unmute img {
      width: 100% !important;
      height: auto;
      position: relative !important; }
    .videos .video-main .video-outer .jwplayer-unmute.mute-wait img {
      opacity: 0.6; }
    .videos .video-main .video-outer .jwplayer-unmute.mute-wait:hover img {
      opacity: 1; }
    @media all and (max-width: 1091px) {
      .videos .video-main .video-outer .jwplayer-unmute {
        width: 240px; } }
    @media all and (max-width: 500px) {
      .videos .video-main .video-outer .jwplayer-unmute {
        width: 260px;
        left: 15px;
        top: 15px; } }
  @media (max-width: 991px) {
    .videos .video-main .video-outer {
      width: 100%; } }
  @media (max-width: 767px) {
    .videos .video-main .video-outer {
      margin-left: -15px;
      margin-right: -15px;
      width: calc(100%  + 30px); } }
.videos .video-main .vid-menu-frame {
  width: 300px;
  border: 1px solid rgba(0, 147, 111, 0.5);
  border-left: none;
  box-sizing: border-box;
  transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  position: relative;
  overflow: hidden; }
  .videos .video-main .vid-menu-frame:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    background: white;
    background: linear-gradient(0deg, white 5%, rgba(255, 255, 255, 0) 100%);
    opacity: 0.95;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    pointer-events: none; }
  .videos .video-main .vid-menu-frame.bottom:after {
    opacity: 0; }

.videos .video-main .vid-menu-outer {
  overflow: auto;
  max-height: 100%;
  background-color: #fff;
  position: relative; }
  .videos .video-main .vid-menu-outer .vid-section {
    border-bottom: 1px solid rgba(0, 147, 111, 0.18);
    pointer-events: none;
    position: relative; }
    .videos .video-main .vid-menu-outer .vid-section a {
      padding: 16px 20px;
      padding-left: 40px; }
      .videos .video-main .vid-menu-outer .vid-section a.no-href {
        pointer-events: none; }
    .videos .video-main .vid-menu-outer .vid-section h1,
    .videos .video-main .vid-menu-outer .vid-section p {
      color: #00936F;
      opacity: 0.45; }
    .videos .video-main .vid-menu-outer .vid-section h1 {
      margin-top: 0;
      position: relative; }
      .videos .video-main .vid-menu-outer .vid-section h1 span.numeral {
        position: absolute;
        top: 0;
        right: calc(100% + 9px); }
      .videos .video-main .vid-menu-outer .vid-section h1.head-d {
        letter-spacing: 0.01em; }
    .videos .video-main .vid-menu-outer .vid-section p {
      display: none; }
    .videos .video-main .vid-menu-outer .vid-section.active {
      background-color: #003a47;
      border-bottom: 1px solid #003a47; }
      .videos .video-main .vid-menu-outer .vid-section.active h1,
      .videos .video-main .vid-menu-outer .vid-section.active p {
        color: #fff; }
      .videos .video-main .vid-menu-outer .vid-section.active h1 {
        margin-top: 5px; }
      .videos .video-main .vid-menu-outer .vid-section.active p {
        display: inline-block;
        margin-top: 8px; }
      .videos .video-main .vid-menu-outer .vid-section.active:before {
        content: '';
        position: absolute;
        top: 24px;
        left: 0;
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 7px solid #fff; }
    .videos .video-main .vid-menu-outer .vid-section.active, .videos .video-main .vid-menu-outer .vid-section.watched, .videos .video-main .vid-menu-outer .vid-section.nurse, .videos .video-main .vid-menu-outer .vid-section.next-click {
      pointer-events: all; }
      .videos .video-main .vid-menu-outer .vid-section.active h1, .videos .video-main .vid-menu-outer .vid-section.active p, .videos .video-main .vid-menu-outer .vid-section.watched h1, .videos .video-main .vid-menu-outer .vid-section.watched p, .videos .video-main .vid-menu-outer .vid-section.nurse h1, .videos .video-main .vid-menu-outer .vid-section.nurse p, .videos .video-main .vid-menu-outer .vid-section.next-click h1, .videos .video-main .vid-menu-outer .vid-section.next-click p {
        opacity: 1; }
    .videos .video-main .vid-menu-outer .vid-section:last-child {
      border-bottom: none; }
  .videos .video-main .vid-menu-outer .vid-sub-section {
    padding: 5px 0;
    background-color: rgba(0, 58, 71, 0.09);
    border-bottom: 1px solid rgba(117, 111, 165, 0.18); }
    .videos .video-main .vid-menu-outer .vid-sub-section a {
      padding: 5px 30px;
      padding-left: 60px; }
      .videos .video-main .vid-menu-outer .vid-sub-section a:active, .videos .video-main .vid-menu-outer .vid-sub-section a:focus {
        text-decoration: none; }
    .videos .video-main .vid-menu-outer .vid-sub-section h1 {
      position: relative; }
      .videos .video-main .vid-menu-outer .vid-sub-section h1:active, .videos .video-main .vid-menu-outer .vid-sub-section h1:focus {
        text-decoration: none; }
    .videos .video-main .vid-menu-outer .vid-sub-section .vid-sub-single {
      pointer-events: none; }
      .videos .video-main .vid-menu-outer .vid-sub-section .vid-sub-single h1, .videos .video-main .vid-menu-outer .vid-sub-section .vid-sub-single p {
        color: #00936F;
        opacity: 0.45; }
      .videos .video-main .vid-menu-outer .vid-sub-section .vid-sub-single h1.head-d {
        letter-spacing: 0.01em; }
      .videos .video-main .vid-menu-outer .vid-sub-section .vid-sub-single.active {
        pointer-events: all; }
        .videos .video-main .vid-menu-outer .vid-sub-section .vid-sub-single.active h1, .videos .video-main .vid-menu-outer .vid-sub-section .vid-sub-single.active p {
          opacity: 1; }
        .videos .video-main .vid-menu-outer .vid-sub-section .vid-sub-single.active h1:before {
          content: '•';
          position: absolute;
          font-size: 31px;
          line-height: 18px;
          left: -20px; }
      .videos .video-main .vid-menu-outer .vid-sub-section .vid-sub-single.watched, .videos .video-main .vid-menu-outer .vid-sub-section .vid-sub-single.next {
        pointer-events: all; }
        .videos .video-main .vid-menu-outer .vid-sub-section .vid-sub-single.watched h1, .videos .video-main .vid-menu-outer .vid-sub-section .vid-sub-single.watched p, .videos .video-main .vid-menu-outer .vid-sub-section .vid-sub-single.next h1, .videos .video-main .vid-menu-outer .vid-sub-section .vid-sub-single.next p {
          opacity: 1; }
    .videos .video-main .vid-menu-outer .vid-sub-section.nurse .vid-sub-single {
      pointer-events: all; }
      .videos .video-main .vid-menu-outer .vid-sub-section.nurse .vid-sub-single h1 {
        opacity: 1; }
  .videos .video-main .vid-menu-outer .vid-section a,
  .videos .video-main .vid-menu-outer .vid-sub-section a {
    display: block; }
    .videos .video-main .vid-menu-outer .vid-section a:hover,
    .videos .video-main .vid-menu-outer .vid-sub-section a:hover {
      text-decoration: none; }
      .videos .video-main .vid-menu-outer .vid-section a:hover h1,
      .videos .video-main .vid-menu-outer .vid-sub-section a:hover h1 {
        text-decoration: underline; }
        .videos .video-main .vid-menu-outer .vid-section a:hover h1 span.numeral,
        .videos .video-main .vid-menu-outer .vid-sub-section a:hover h1 span.numeral {
          text-decoration: none; }

.videos .video-main .player {
  margin-bottom: 32px; }
  @media (max-width: 767px) {
    .videos .video-main .player {
      margin-bottom: 15px; } }
.videos .video-main .head-b,
.videos .video-main .para-c {
  margin-bottom: 12px; }

.videos .video-main .congrats {
  max-width: 820px;
  margin: 30px auto;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 767px) {
    .videos .video-main .congrats {
      margin: 30px 0 5px; } }
  .videos .video-main .congrats .c-left,
  .videos .video-main .congrats .c-right {
    display: inline-block;
    vertical-align: top; }
    .videos .video-main .congrats .c-left img,
    .videos .video-main .congrats .c-right img {
      width: 100%;
      height: auto;
      box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1);
      border: 1px solid rgba(214, 214, 214, 0.35); }
      @media (max-width: 767px) {
        .videos .video-main .congrats .c-left img,
        .videos .video-main .congrats .c-right img {
          margin-bottom: 20px; } }
  .videos .video-main .congrats .c-left {
    width: calc(100% - 245px);
    padding-right: 50px; }
    @media (max-width: 767px) {
      .videos .video-main .congrats .c-left {
        width: 100%;
        padding-right: 0; } }
  .videos .video-main .congrats .c-right {
    width: 240px; }

.videos .video-main .vid-info {
  display: block;
  width: 100%;
  max-width: 850px;
  margin: 0 auto; }

@media (min-width: 768px) {
  .videos .video-main.single-video .video-outer {
    display: block;
    width: 100%;
    max-width: 850px;
    margin: 0 auto; } }

.videos hr.rule {
  margin: 40px 0; }
  @media (max-width: 767px) {
    .videos hr.rule {
      margin: 30px 0; } }
.videos .training .intro-main {
  margin-bottom: 28px; }
  .videos .training .intro-main h1, .videos .training .intro-main p {
    margin-bottom: 12px; }

.videos .training .modules .vid-item {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  cursor: pointer; }
  .videos .training .modules .vid-item .single {
    display: block;
    overflow: hidden;
    text-decoration: none;
    margin-bottom: 25px;
    pointer-events: none; }
    .videos .training .modules .vid-item .single:hover .info .head-c {
      text-decoration: underline; }
    .videos .training .modules .vid-item .single .thumb {
      height: 0;
      padding-top: 56%;
      margin-bottom: 15px;
      position: relative;
      background-color: #e6e6e6;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover; }
      .videos .training .modules .vid-item .single .thumb:before {
        content: "";
        position: absolute;
        background-image: url("../../img/zepto/icn_lock.png");
        background-repeat: no-repeat;
        background-size: contain;
        width: 39px;
        height: 52px;
        top: calc(50% - 25px);
        left: calc(50% - 20px);
        z-index: 999999; }
        @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
          .videos .training .modules .vid-item .single .thumb:before {
            background-image: url("../../img/zepto/icn_lock@2x.png"); } }
      .videos .training .modules .vid-item .single .thumb:after {
        content: "Watch prior videos to unlock.";
        position: absolute;
        width: 136px;
        height: 42px;
        left: calc(50% - 68px);
        top: calc(50% - 21px);
        background-color: #2e2e2e;
        color: #fff;
        font-family: proxima-nova, sans-serif;
        font-size: 15px;
        line-height: 18px;
        font-weight: 700;
        text-align: center;
        border-radius: 7px;
        padding: 4px 5px 1px;
        z-index: 9999999;
        opacity: 0;
        transition: all .3s ease;
        -moz-transition: all .3s ease;
        -webkit-transition: all .3s ease; }
      .videos .training .modules .vid-item .single .thumb .overlay {
        position: absolute;
        background-color: rgba(255, 255, 255, 0.5);
        display: block;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0; }
    .videos .training .modules .vid-item .single.watched, .videos .training .modules .vid-item .single.active, .videos .training .modules .vid-item .single.next-click {
      pointer-events: all; }
      .videos .training .modules .vid-item .single.watched .thumb:before, .videos .training .modules .vid-item .single.active .thumb:before, .videos .training .modules .vid-item .single.next-click .thumb:before {
        content: "";
        position: absolute;
        background-image: url("../../img/zepto/icn_play.png");
        background-repeat: no-repeat;
        background-size: contain;
        width: 50px;
        height: 50px;
        top: calc(50% - 25px);
        left: calc(50% - 25px);
        z-index: 999999; }
        @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
          .videos .training .modules .vid-item .single.watched .thumb:before, .videos .training .modules .vid-item .single.active .thumb:before, .videos .training .modules .vid-item .single.next-click .thumb:before {
            background-image: url("../../img/zepto/icn_play@2x.png"); } }
      .videos .training .modules .vid-item .single.watched .thumb:after, .videos .training .modules .vid-item .single.active .thumb:after, .videos .training .modules .vid-item .single.next-click .thumb:after {
        content: "";
        display: none; }
      .videos .training .modules .vid-item .single.watched .thumb .overlay, .videos .training .modules .vid-item .single.active .thumb .overlay, .videos .training .modules .vid-item .single.next-click .thumb .overlay {
        display: none; }
    .videos .training .modules .vid-item .single .info .head-c {
      overflow: hidden; }
  .videos .training .modules .vid-item:hover .single .thumb:after {
    opacity: 1; }

.videos .training.nurse .modules .vid-item .single {
  pointer-events: all; }
  .videos .training.nurse .modules .vid-item .single .thumb:before {
    background-image: url("../../img/zepto/icn_play.png");
    width: 50px;
    height: 50px;
    top: calc(50% - 25px);
    left: calc(50% - 25px); }
    @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
      .videos .training.nurse .modules .vid-item .single .thumb:before {
        background-image: url("../../img/zepto/icn_play@2x.png"); } }
  .videos .training.nurse .modules .vid-item .single .thumb:after {
    content: "";
    display: none; }
  .videos .training.nurse .modules .vid-item .single .thumb .overlay {
    display: none; }

.videos .training .level-nav {
  margin-bottom: 30px; }
  .videos .training .level-nav .rule.mt25 {
    margin-top: 25px; }
  .videos .training .level-nav .btn-b {
    line-height: 38px;
    width: 100%; }
    @media (min-width: 768px) {
      .videos .training .level-nav .btn-b {
        max-width: 350px; } }
    @media (max-width: 359px) {
      .videos .training .level-nav .btn-b {
        font-size: 11.5px; } }
    .videos .training .level-nav .btn-b:last-child {
      margin-bottom: 0; }

.certificate-outer {
  width: 100%;
  text-align: center; }
  .certificate-outer .certificate {
    width: 1344px;
    max-width: 1344px;
    height: 816px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    margin: 0 auto; }
    .certificate-outer .certificate.cert-nurse {
      background-image: url("../../img/us/bg-cert-nurse-tech@2x.jpg"); }
      @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
        .certificate-outer .certificate.cert-nurse {
          background-image: url("../../img/us/bg-cert-nurse-tech@2x.jpg"); } }
    .certificate-outer .certificate.cert-surgeon {
      background-image: url("../../img/us/bg-cert-surgeon@2x.jpg"); }
      @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
        .certificate-outer .certificate.cert-surgeon {
          background-image: url("../../img/us/bg-cert-surgeon@2x.jpg"); } }
    .certificate-outer .certificate .container {
      width: 100%;
      max-width: none;
      height: 100%;
      margin: 0;
      text-align: center;
      position: relative; }
      @media (max-width: 1349px) {
        .certificate-outer .certificate .container {
          max-width: none; } }
      @media (max-width: 1199px) {
        .certificate-outer .certificate .container {
          max-width: none; } }
      @media (max-width: 991px) {
        .certificate-outer .certificate .container {
          max-width: none; } }
      @media (max-width: 767px) {
        .certificate-outer .certificate .container {
          max-width: none; } }
      .certificate-outer .certificate .container h1, .certificate-outer .certificate .container p {
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center; }
      .certificate-outer .certificate .container h1 {
        top: 360px;
        padding-right: 59px; }
      .certificate-outer .certificate .container p {
        top: 585px;
        padding-right: 59px; }

/* pdf resources module */
.pdf-resources .resource {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 40px;
  margin-right: -3px;
  float: none; }
  .pdf-resources .resource .pdf-thumb,
  .pdf-resources .resource .pdf-info {
    width: 130px;
    display: inline-block;
    vertical-align: top; }
    .pdf-resources .resource .pdf-thumb img,
    .pdf-resources .resource .pdf-info img {
      width: 100%;
      height: auto; }
  .pdf-resources .resource .pdf-thumb {
    margin-right: 12px; }
  .pdf-resources .resource .pdf-info {
    width: 185px;
    padding-right: 40px; }
  @media (max-width: 1199px) {
    .pdf-resources .resource .pdf-info {
      width: 145px;
      padding-right: 1px; } }
  @media (max-width: 991px) {
    .pdf-resources .resource .pdf-info {
      width: calc(100% - 151px);
      min-width: 165px;
      padding-right: 20px; } }
  @media (max-width: 767px) {
    .pdf-resources .resource {
      margin-bottom: 30px; } }
/* indications */
.indications .container {
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    .indications .container {
      margin-bottom: 20px; } }
  .indications .container ul {
    padding-left: 30px;
    margin-top: 0; }
    .indications .container ul li {
      padding-left: 10px; }

/* resources */
.resources .container {
  margin-bottom: 10px; }
  @media (max-width: 767px) {
    .resources .container {
      margin-bottom: 0px; } }
.resources .resources-main {
  max-width: 800px;
  margin: 0 auto;
  transition: none;
  -moz-transition: none;
  -webkit-transition: none; }
  .resources .resources-main .construction {
    background-color: #f7f7f7;
    border-radius: 11px;
    padding: 45px 80px 50px;
    margin-bottom: 20px; }
    .resources .resources-main .construction .head-a {
      margin-bottom: 20px; }
    .resources .resources-main .construction .head-c,
    .resources .resources-main .construction .para-c {
      margin-bottom: 25px; }
    @media (max-width: 767px) {
      .resources .resources-main .construction {
        margin-bottom: 10px; } }
    @media (max-width: 599px) {
      .resources .resources-main .construction {
        padding: 20px 20px 25px; }
        .resources .resources-main .construction .head-a {
          font-size: 24px;
          margin-bottom: 15px; }
        .resources .resources-main .construction .head-c,
        .resources .resources-main .construction .para-c {
          margin-bottom: 20px; } }
/* contact */
@media (min-width: 768px) {
  .contact .container {
    margin-top: 40px; } }

.contact .contact-main .fieldset {
  max-width: 540px; }

/* login */
.login {
  display: flex; }
  @media (max-width: 767px) {
    .login {
      display: block; } }
  .login .login-main {
    width: calc(100% - 650px);
    height: 100vh;
    text-align: center;
    display: table; }
    @media (max-width: 1199px) {
      .login .login-main {
        width: 50%; } }
    @media (max-width: 767px) {
      .login .login-main {
        width: 100%;
        height: auto;
        display: block; } }
    .login .login-main .login-main-inner {
      display: table-cell;
      vertical-align: middle; }
      @media (max-width: 767px) {
        .login .login-main .login-main-inner {
          display: block; } }
      .login .login-main .login-main-inner .container {
        width: 100%;
        max-width: 520px;
        margin: 0 auto;
        padding: 0 30px; }
        @media (max-width: 767px) {
          .login .login-main .login-main-inner .container {
            max-width: none;
            padding: 0 15px; } }
        .login .login-main .login-main-inner .container img.logo {
          max-width: 100%; }
          @media (max-width: 767px) {
            .login .login-main .login-main-inner .container img.logo {
              max-width: 70%; } }
        .login .login-main .login-main-inner .container .login-intro {
          padding: 0 15px; }
          @media (max-width: 991px) {
            .login .login-main .login-main-inner .container .login-intro {
              padding: 0; } }
          @media (max-width: 767px) {
            .login .login-main .login-main-inner .container .login-intro {
              max-width: 400px;
              margin-left: auto;
              margin-right: auto; } }
  .login .login-right {
    width: 650px;
    height: 100vh;
    background-size: cover;
    background-position: center center;
    text-align: center;
    display: table;
    background-image: url("../../img/us/bg/bg_login.jpg"); }
    @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
      .login .login-right {
        background-image: url("../../img/us/bg/bg_login@2x.jpg"); } }
    @media (max-width: 1199px) {
      .login .login-right {
        width: 50%; } }
    @media (max-width: 767px) {
      .login .login-right {
        background-image: none !important;
        width: 100%;
        height: auto;
        display: block; } }
    .login .login-right .login-right-inner {
      display: table-cell;
      vertical-align: middle; }
      @media (max-width: 767px) {
        .login .login-right .login-right-inner {
          display: block; } }
      .login .login-right .login-right-inner .container {
        width: 100%;
        max-width: 360px;
        margin: 0 auto; }
        .login .login-right .login-right-inner .container .pw-changed {
          padding: 25px;
          border: 2px solid #fff;
          max-width: 400px;
          margin-left: auto;
          margin-right: auto; }
          .login .login-right .login-right-inner .container .pw-changed p.para-b {
            color: #fff; }
        @media (max-width: 767px) {
          .login .login-right .login-right-inner .container {
            max-width: none; }
            .login .login-right .login-right-inner .container .fieldset {
              margin: 0 auto; }
            .login .login-right .login-right-inner .container .pw-changed {
              padding: 25px;
              border: 2px solid #00936F;
              max-width: 400px;
              margin-left: auto;
              margin-right: auto; }
              .login .login-right .login-right-inner .container .pw-changed p.para-b {
                color: #00936F; } }
      .login .login-right .login-right-inner .head-a {
        line-height: 1em;
        margin-bottom: 28px; }
      .login .login-right .login-right-inner .para-e {
        margin-bottom: 15px; }
      @media (min-width: 768px) {
        .login .login-right .login-right-inner .head-e,
        .login .login-right .login-right-inner .para-b {
          color: #fff; } }
      .login .login-right .login-right-inner .link-b {
        display: inline-block;
        font-size: 15px;
        font-weight: 400; }
        .login .login-right .login-right-inner .link-b.forgot {
          margin-left: auto;
          margin-right: auto;
          font-weight: 500; }
      .login .login-right .login-right-inner form {
        text-align: center; }
        .login .login-right .login-right-inner form .btn-a {
          margin-left: auto;
          margin-right: auto;
          width: 100%;
          max-width: 100%; }
        @media (min-width: 768px) {
          .login .login-right .login-right-inner form .btn-a {
            background-color: #fff;
            border-color: #fff;
            color: #00936F; }
          .login .login-right .login-right-inner form label,
          .login .login-right .login-right-inner form a.forgot {
            color: #fff; }
          .login .login-right .login-right-inner form input:not([type="checkbox"]):not([type="radio"]) {
            background-color: rgba(0, 58, 71, 0.8);
            border-color: #597f87;
            color: #fff; }
          .login .login-right .login-right-inner form .error label.error {
            color: #fff !important; }
          .login .login-right .login-right-inner form .error input:not([type="checkbox"]):not([type="radio"]),
          .login .login-right .login-right-inner form .error select,
          .login .login-right .login-right-inner form .error textarea {
            border-color: #fff !important; } }
      @media (max-width: 767px) {
        .login .login-right .login-right-inner .head-a {
          font-size: 30px;
          margin-bottom: 20px; }
        .login .login-right .login-right-inner .para-e {
          margin-bottom: 15px; } }
/* register */
.register {
  display: flex; }
  .register .register-main {
    width: calc(100% - 480px);
    height: 100vh;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    .register .register-main::-webkit-scrollbar {
      display: none; }
    @media (max-width: 991px) {
      .register .register-main {
        width: calc(100% - 320px); } }
    @media (max-width: 767px) {
      .register .register-main {
        width: 100%;
        height: auto;
        overflow: auto; } }
    .register .register-main .container:not(.ft-con) {
      margin: 40px 0;
      padding: 0 50px 0 250px; }
      @media (max-width: 1499px) {
        .register .register-main .container:not(.ft-con) {
          padding: 0 30px 0 180px; } }
      @media (max-width: 1199px) {
        .register .register-main .container:not(.ft-con) {
          padding: 0 30px 0 130px; } }
      @media (max-width: 1099px) {
        .register .register-main .container:not(.ft-con) {
          padding: 0 30px 0 80px; } }
      @media (max-width: 991px) {
        .register .register-main .container:not(.ft-con) {
          padding: 0 30px; } }
      @media (max-width: 767px) {
        .register .register-main .container:not(.ft-con) {
          margin: 20px 0;
          padding: 0 15px; } }
  .register .register-right {
    width: 480px;
    height: 100vh;
    overflow: hidden;
    background-color: #00936F;
    background-size: cover;
    background-position: center center;
    text-align: center;
    background-image: url("../../img/us/bg/bg_login.jpg");
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
      .register .register-right {
        background-image: url("../../img/us/bg/bg_login@2x.jpg"); } }
    .register .register-right img {
      padding: 30px;
      max-width: 100%; }
    @media (max-width: 991px) {
      .register .register-right {
        width: 320px; } }
/* profile */
.profile .container {
  margin-top: 36px;
  margin-bottom: 0; }
  @media (max-width: 767px) {
    .profile .container {
      margin-top: 30px;
      margin-bottom: 0; } }
.profile .profile-main {
  margin: 0 auto; }
  .profile .profile-main .intro {
    margin-bottom: 45px; }
  .profile .profile-main hr.top-rule {
    margin-bottom: 35px; }
    @media (max-width: 767px) {
      .profile .profile-main hr.top-rule {
        margin-bottom: 25px; } }
  .profile .profile-main .allfields {
    margin: 35px 0 30px; }
  .profile .profile-main .head-a {
    line-height: 1em;
    margin-bottom: 20px; }
  .profile .profile-main .para-e-reg {
    margin-bottom: 15px; }
  .profile .profile-main .link-b {
    display: block;
    font-size: 15px;
    line-height: 18px;
    margin: 11px auto -5px;
    letter-spacing: 1px;
    color: #00936F; }
    .profile .profile-main .link-b:active, .profile .profile-main .link-b:focus {
      color: #00936F; }
  .profile .profile-main form hr {
    margin: 40px 0 35px; }
    @media (max-width: 767px) {
      .profile .profile-main form hr {
        margin: 30px 0 25px; } }
  .profile .profile-main form .btn-a {
    margin-top: 30px;
    margin-bottom: 40px;
    max-width: 300px;
    width: 100%; }
    @media (max-width: 767px) {
      .profile .profile-main form .btn-a {
        margin-bottom: 30px; } }
  .profile .profile-main form label.proc {
    margin-top: 35px; }
  .profile .profile-main form a.irr {
    margin: 32px 0 45px; }
    @media (max-width: 767px) {
      .profile .profile-main form a.irr {
        margin: 24px 0 30px; } }
  .profile .profile-main form .submit-container-right {
    float: right;
    width: 300px; }
    .profile .profile-main form .submit-container-right .btn-a {
      margin-top: 5px; }
    @media (max-width: 991px) {
      .profile .profile-main form .submit-container-right {
        width: 180px; } }
    @media (max-width: 767px) {
      .profile .profile-main form .submit-container-right {
        float: none;
        width: 100%; }
        .profile .profile-main form .submit-container-right .btn-a {
          margin: 30px auto 0; } }
  .profile .profile-main form .p-sub-bar {
    padding: 40px 15px 20px;
    margin-left: -900px;
    margin-right: -900px;
    padding-left: 900px;
    padding-right: 900px; }
    .profile .profile-main form .p-sub-bar .submit-container {
      text-align: center; }
      .profile .profile-main form .p-sub-bar .submit-container .btn-a {
        margin-top: 0;
        margin-left: auto;
        margin-right: auto; }
    @media (max-width: 767px) {
      .profile .profile-main form .p-sub-bar {
        padding: 30px 30px 10px;
        margin-left: -30px;
        margin-right: -30px; } }
  @media (max-width: 767px) {
    .profile .profile-main .intro {
      margin-bottom: 25px; }
    .profile .profile-main .allfields {
      margin: 25px 0 20px; }
    .profile .profile-main .head-a {
      font-size: 30px;
      margin-bottom: 15px; }
    .profile .profile-main .para-e-reg {
      margin-bottom: 15px; }
    .profile .profile-main form .btn-a {
      margin-bottom: 20px; }
    .profile .profile-main form label.proc {
      margin-top: 25px; } }
.fancybox-skin .form-modal {
  width: 350px;
  max-width: 100%; }
  .fancybox-skin .form-modal input {
    width: 100%; }
  .fancybox-skin .form-modal .btn-a,
  .fancybox-skin .form-modal .btn-b {
    width: 100%;
    max-width: none;
    margin-top: 15px; }

/* all forms */
form hr {
  margin: 30px 0; }

form .fieldset {
  max-width: 540px; }

form .field {
  margin-top: 25px; }
  form .field.no-m {
    margin-top: 0; }
  @media (min-width: 768px) {
    form .field.no-m-dt {
      margin-top: 0; } }
form .rc {
  margin-top: 10px; }
  form .rc.tall-list {
    margin-top: 0; }
    form .rc.tall-list label {
      margin-top: 20px;
      margin-bottom: 0; }
      @media (max-width: 767px) {
        form .rc.tall-list label {
          margin-top: 12px; } }
  form .rc.tall-list-bottom {
    margin-top: 0; }
    form .rc.tall-list-bottom label {
      margin-bottom: 20px; }
      @media (max-width: 767px) {
        form .rc.tall-list-bottom label {
          margin-bottom: 12px; } }
form label {
  display: block;
  margin-bottom: 5px;
  width: 100%;
  text-align: left;
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #1e1e1e;
  line-height: 20px; }
  form label p {
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #383838;
    line-height: 20px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 32px); }

form input:not([type="checkbox"]):not([type="radio"]),
form select,
form textarea {
  display: block;
  width: 100%;
  height: 38px;
  border: 1px solid #c6cbcc;
  background-color: rgba(255, 255, 255, 0.34);
  border-radius: 0;
  padding: 0 15px 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none !important;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #1e1e1e;
  line-height: 19px; }
  form input:not([type="checkbox"]):not([type="radio"]):disabled,
  form select:disabled,
  form textarea:disabled {
    background-color: #f7f7f7;
    border-color: #e6e6e6;
    color: #848484;
    opacity: 1;
    -webkit-opacity: 1;
    -webkit-text-fill-color: #848484; }
  form input:not([type="checkbox"]):not([type="radio"])::-webkit-input-placeholder,
  form select::-webkit-input-placeholder,
  form textarea::-webkit-input-placeholder {
    color: #5b5b5b; }
  form input:not([type="checkbox"]):not([type="radio"])::-moz-placeholder,
  form select::-moz-placeholder,
  form textarea::-moz-placeholder {
    color: #5b5b5b; }
  form input:not([type="checkbox"]):not([type="radio"]):-ms-input-placeholder,
  form select:-ms-input-placeholder,
  form textarea:-ms-input-placeholder {
    color: #5b5b5b; }

form input[type="checkbox"] {
  margin-right: 5px;
  position: relative;
  top: 1px; }

form input[type="radio"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  -ms-appearance: checkbox;
  appearance: checkbox;
  margin-right: 5px;
  position: relative;
  top: 1px; }

form select {
  font-weight: 400;
  font-style: italic;
  color: #5b5b5b; }
  form select.touched {
    font-weight: 500;
    font-style: normal;
    color: #1e1e1e; }

form input[type='number'] {
  -moz-appearance: textfield; }

form input::-webkit-outer-spin-button,
form input::-webkit-inner-spin-button {
  -webkit-appearance: none; }

form textarea {
  height: auto;
  line-height: 22px;
  padding-top: 10px; }

form .error label.error {
  margin: 5px 0 0;
  color: #ce4747 !important; }

form .error input:not([type="checkbox"]):not([type="radio"]),
form .error select,
form .error textarea {
  border-color: #ce4747 !important; }

form .sel-frame {
  position: relative; }

form .sel-frame:after:not(.disabled) {
  content: "";
  position: absolute;
  right: 10px;
  top: calc(50% - 2px);
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #5b5b5b; }

form .submit-container.disabled {
  cursor: not-allowed; }

form .submit.disabled,
form .submit:disabled {
  background-color: #4f4f58;
  opacity: 0.36;
  pointer-events: none; }

form .err-msg {
  margin-top: 3px;
  font-size: 12px; }

form .errored:not(.rc) {
  color: #d30b0b; }
  form .errored:not(.rc) label {
    color: #d30b0b; }
  form .errored:not(.rc) input:not([type="checkbox"]):not([type="radio"]),
  form .errored:not(.rc) select,
  form .errored:not(.rc) textarea {
    border-color: #d30b0b; }

form .errored.rc .errored,
form .errored.rc .errored p {
  color: #d30b0b; }

/* header */
header.header {
  width: 100%;
  padding: 20px 0;
  overflow: hidden; }
  @media (max-width: 991px) {
    header.header {
      padding: 0;
      border-bottom: 1px solid #e6e6e6; } }
  header.header .row-eq-height {
    display: flex;
    align-items: center; }
  header.header .left img {
    height: auto; }
  header.header .right {
    height: 68px;
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    @media (max-width: 991px) {
      header.header .right {
        height: 40px; } }
    @media (min-width: 992px) {
      header.header .right .menu {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 780px;
        max-width: 100%;
        padding-top: 5px; }
        header.header .right .menu.mrf-admin {
          width: 850px; } }
    header.header .right .menu a.link-a {
      display: block; }
      header.header .right .menu a.link-a.active {
        text-decoration: none;
        border-bottom: 2px solid #fff;
        color: #fff; }
        header.header .right .menu a.link-a.active.grn003 {
          border-bottom: 2px solid #003a47;
          color: #003a47; }
      @media (max-width: 1199px) {
        header.header .right .menu a.link-a {
          margin-left: 20px;
          font-size: 16px; } }
    header.header .right .menu a.btn-b {
      cursor: pointer;
      font-family: proxima-nova, sans-serif;
      font-size: 17px;
      border-radius: 0;
      padding-left: 0.5px;
      width: 77px; }
    header.header .right .menu .hamburger {
      padding: 15px 0 9px; }
      header.header .right .menu .hamburger .hamburger-inner, header.header .right .menu .hamburger .hamburger-inner:before, header.header .right .menu .hamburger .hamburger-inner:after, header.header .right .menu .hamburger .hamburger-inner.is-active, header.header .right .menu .hamburger .hamburger-inner.is-active:before, header.header .right .menu .hamburger .hamburger-inner.is-active:after {
        background-color: #004a5b; }
  header.header .mob-menu-drop {
    width: 100%;
    max-height: 0;
    overflow: hidden;
    background-color: #003a47; }
    header.header .mob-menu-drop .container {
      margin: 0;
      padding: 15px 15px 25px;
      list-style: none; }
      header.header .mob-menu-drop .container .links-menu li {
        display: block; }
        header.header .mob-menu-drop .container .links-menu li a.link-a {
          color: #fff;
          line-height: 24px;
          margin: 8px auto;
          display: inline-block;
          border-bottom: 2px solid #003a47; }
          header.header .mob-menu-drop .container .links-menu li a.link-a:hover {
            border-bottom: 2px solid #fff; }
      header.header .mob-menu-drop .container hr {
        border-color: rgba(151, 151, 151, 0.44); }
      header.header .mob-menu-drop .container h1,
      header.header .mob-menu-drop .container p {
        color: #fff; }

/* footer */
footer.footer {
  position: relative;
  padding: 20px 0 20px;
  border-top: 1px solid #d6d6d6;
  background-color: rgba(255, 255, 255, 0.25);
  width: 100%;
  overflow-x: hidden; }
  @media (max-width: 767px) {
    footer.footer {
      padding: 25px 0 30px; } }
  footer.footer span.hide-xs {
    display: inline-block; }
    @media (max-width: 767px) {
      footer.footer span.hide-xs {
        display: none; } }
  footer.footer span.show-xs {
    display: none; }
    @media (max-width: 767px) {
      footer.footer span.show-xs {
        display: inline-block; } }
  footer.footer .container {
    margin: 0 auto; }
  footer.footer .footer-top .ft-text,
  footer.footer .footer-top .ft-logo {
    display: inline-block;
    vertical-align: middle; }
  footer.footer .footer-top .ft-text {
    width: calc(100% - 110px); }
    footer.footer .footer-top .ft-text a {
      text-decoration: underline; }
  footer.footer .footer-top .ft-logo {
    width: 103px; }
    footer.footer .footer-top .ft-logo img {
      width: 100%;
      max-width: 103px; }
  @media (max-width: 767px) {
    footer.footer .footer-top {
      text-align: center; }
      footer.footer .footer-top .ft-text,
      footer.footer .footer-top .ft-logo {
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto; } }
  footer.footer.reg-footer, footer.footer.login-footer {
    padding: 25px 0 30px;
    width: auto; }
    footer.footer.reg-footer .footer-top, footer.footer.login-footer .footer-top {
      text-align: center; }
      footer.footer.reg-footer .footer-top .ft-text,
      footer.footer.reg-footer .footer-top .ft-logo, footer.footer.login-footer .footer-top .ft-text,
      footer.footer.login-footer .footer-top .ft-logo {
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto; }
    @media (max-width: 767px) {
      footer.footer.reg-footer, footer.footer.login-footer {
        width: 100%; } }
  footer.footer.reg-footer {
    margin-left: 50px;
    margin-right: 50px; }
    @media (max-width: 767px) {
      footer.footer.reg-footer {
        margin-left: 0;
        margin-right: 0;
        width: 100%; } }
  footer.footer.login-footer {
    margin: 0; }
  footer.footer .isi {
    max-width: 980px; }
    footer.footer .isi ul {
      padding-left: 25px;
      margin-top: 0; }
      footer.footer .isi ul li {
        padding-left: 10px; }
  footer.footer .isi-expander {
    position: fixed;
    width: 100%;
    z-index: 99;
    bottom: 0;
    right: 0;
    left: 0; }
    footer.footer .isi-expander.open .isi-tab span.tri {
      transform: rotate(180deg); }
    footer.footer .isi-expander .isi-tab {
      width: 100%;
      padding: 6px 7px 5px 15px;
      background-color: #1b77c2;
      z-index: 999;
      opacity: 1;
      cursor: pointer;
      position: relative;
      top: 0; }
      footer.footer .isi-expander .isi-tab.loaded {
        opacity: 1; }
      footer.footer .isi-expander .isi-tab.init-load span.tri {
        transform: rotate(180deg); }
      footer.footer .isi-expander .isi-tab p {
        display: inline-block;
        font-size: 15px;
        line-height: 18px;
        color: #fff; }
        @media (max-width: 379px) {
          footer.footer .isi-expander .isi-tab p {
            font-size: 13px;
            letter-spacing: -.015em; } }
        footer.footer .isi-expander .isi-tab p sup {
          line-height: 0;
          font-size: .6em; }
      footer.footer .isi-expander .isi-tab span.tri {
        display: inline-block;
        position: relative; }
        footer.footer .isi-expander .isi-tab span.tri p {
          font-size: 13px;
          line-height: 13px; }
    footer.footer .isi-expander .container-outer {
      height: 0;
      width: 100%;
      background: #fff;
      overflow: scroll;
      margin: 0; }
      footer.footer .isi-expander .container-outer.init-load {
        height: 150px; }
      footer.footer .isi-expander .container-outer .isi {
        margin: 15px 0; }

/* sg */
h1.sg-section {
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #000; }

div.sg-set {
  margin: 20px auto;
  padding-left: 20px; }
  div.sg-set > * {
    margin: 10px 0; }

.mn20 {
  margin-top: -20px;
  margin-bottom: -20px; }

.mn10 {
  margin-top: -10px;
  margin-bottom: -10px; }

.m0 {
  margin-top: 0px;
  margin-bottom: 0px; }

.m2 {
  margin-top: 2px;
  margin-bottom: 2px; }

.m3 {
  margin-top: 3px;
  margin-bottom: 3px; }

.m4 {
  margin-top: 4px;
  margin-bottom: 4px; }

.m5 {
  margin-top: 5px;
  margin-bottom: 5px; }

.m6 {
  margin-top: 6px;
  margin-bottom: 6px; }

.m8 {
  margin-top: 8px;
  margin-bottom: 8px; }

.m10 {
  margin-top: 10px;
  margin-bottom: 10px; }

.m12 {
  margin-top: 12px;
  margin-bottom: 12px; }

.m15 {
  margin-top: 15px;
  margin-bottom: 15px; }

.m18 {
  margin-top: 18px;
  margin-bottom: 18px; }

.m20 {
  margin-top: 20px;
  margin-bottom: 20px; }

.m22 {
  margin-top: 22px;
  margin-bottom: 22px; }

.m25 {
  margin-top: 25px;
  margin-bottom: 25px; }

.m27 {
  margin-top: 27px;
  margin-bottom: 27px; }

.m30 {
  margin-top: 30px;
  margin-bottom: 30px; }

.m32 {
  margin-top: 32px;
  margin-bottom: 32px; }

.m35 {
  margin-top: 35px;
  margin-bottom: 35px; }

.m40 {
  margin-top: 40px;
  margin-bottom: 40px; }

.m42 {
  margin-top: 42px;
  margin-bottom: 42px; }

.m45 {
  margin-top: 45px;
  margin-bottom: 45px; }

.m50 {
  margin-top: 50px;
  margin-bottom: 50px; }

.m60 {
  margin-top: 60px;
  margin-bottom: 60px; }

.m70 {
  margin-top: 65px;
  margin-bottom: 65px; }

.m70 {
  margin-top: 70px;
  margin-bottom: 70px; }

.m70 {
  margin-top: 75px;
  margin-bottom: 75px; }

.m80 {
  margin-top: 80px;
  margin-bottom: 80px; }

.m85 {
  margin-top: 85px;
  margin-bottom: 85px; }

.mtn20 {
  margin-top: -20px; }

.mtn10 {
  margin-top: -10px; }

.mt0 {
  margin-top: 0px; }

.mt2 {
  margin-top: 2px; }

.mt3 {
  margin-top: 3px; }

.mt4 {
  margin-top: 4px; }

.mt5 {
  margin-top: 5px; }

.mt6 {
  margin-top: 6px; }

.mt8 {
  margin-top: 8px; }

.mt10 {
  margin-top: 10px; }

.mt12 {
  margin-top: 12px; }

.mt15 {
  margin-top: 15px; }

.mt18 {
  margin-top: 18px; }

.mt20 {
  margin-top: 20px; }

.mt22 {
  margin-top: 22px; }

.mt25 {
  margin-top: 25px; }

.mt27 {
  margin-top: 27px; }

.mt30 {
  margin-top: 30px; }

.mt32 {
  margin-top: 32px; }

.mt35 {
  margin-top: 35px; }

.mt40 {
  margin-top: 40px; }

.mt42 {
  margin-top: 42px; }

.mt45 {
  margin-top: 45px; }

.mt50 {
  margin-top: 50px; }

.mt60 {
  margin-top: 60px; }

.mt65 {
  margin-top: 65px; }

.mt70 {
  margin-top: 70px; }

.mt75 {
  margin-top: 75px; }

.mt80 {
  margin-top: 80px; }

.mt85 {
  margin-top: 85px; }

.mbn20 {
  margin-bottom: -20px; }

.mbn10 {
  margin-bottom: -10px; }

.mb0 {
  margin-bottom: 0px; }

.mb2 {
  margin-bottom: 2px; }

.mb3 {
  margin-bottom: 3px; }

.mb4 {
  margin-bottom: 4px; }

.mb5 {
  margin-bottom: 5px; }

.mb6 {
  margin-bottom: 6px; }

.mb8 {
  margin-bottom: 8px; }

.mb10 {
  margin-bottom: 10px; }

.mb12 {
  margin-bottom: 12px; }

.mb15 {
  margin-bottom: 15px; }

.mb18 {
  margin-bottom: 18px; }

.mb20 {
  margin-bottom: 20px; }

.mb22 {
  margin-bottom: 22px; }

.mb25 {
  margin-bottom: 25px; }

.mb27 {
  margin-bottom: 27px; }

.mb30 {
  margin-bottom: 30px; }

.mb32 {
  margin-bottom: 32px; }

.mb35 {
  margin-bottom: 35px; }

.mb40 {
  margin-bottom: 40px; }

.mb42 {
  margin-bottom: 42px; }

.mb45 {
  margin-bottom: 45px; }

.mb50 {
  margin-bottom: 50px; }

.mb60 {
  margin-bottom: 60px; }

.mb65 {
  margin-bottom: 65px; }

.mb70 {
  margin-bottom: 70px; }

.mb75 {
  margin-bottom: 75px; }

.mb80 {
  margin-bottom: 80px; }

.mb85 {
  margin-bottom: 85px; }

.mb100 {
  margin-bottom: 100px; }

.mb150 {
  margin-bottom: 150px; }

@media (max-width: 991px) {
  .tmtn20 {
    margin-top: -20px; }
  .tmtn10 {
    margin-top: -10px; }
  .tmt0 {
    margin-top: 0px; }
  .tmt2 {
    margin-top: 2px; }
  .tmt3 {
    margin-top: 3px; }
  .tmt5 {
    margin-top: 5px; }
  .tmt4 {
    margin-top: 4px; }
  .tmt6 {
    margin-top: 6px; }
  .tmt8 {
    margin-top: 8px; }
  .tmt10 {
    margin-top: 10px; }
  .tmt12 {
    margin-top: 12px; }
  .tmt15 {
    margin-top: 15px; }
  .tmt18 {
    margin-top: 18px; }
  .tmt20 {
    margin-top: 20px; }
  .tmt22 {
    margin-top: 22px; }
  .tmt25 {
    margin-top: 25px; }
  .tmt27 {
    margin-top: 27px; }
  .tmt30 {
    margin-top: 30px; }
  .tmt32 {
    margin-top: 32px; }
  .tmt35 {
    margin-top: 35px; }
  .tmt40 {
    margin-top: 40px; }
  .tmt42 {
    margin-top: 42px; }
  .tmt45 {
    margin-top: 45px; }
  .tmt50 {
    margin-top: 50px; }
  .tmt60 {
    margin-top: 60px; }
  .tmt65 {
    margin-top: 65px; }
  .tmt70 {
    margin-top: 70px; }
  .tmt75 {
    margin-top: 75px; }
  .tmt80 {
    margin-top: 80px; }
  .tmt85 {
    margin-top: 85px; }
  .tmbn20 {
    margin-bottom: -20px; }
  .tmbn10 {
    margin-bottom: -10px; }
  .tmb0 {
    margin-bottom: 0px; }
  .tmb2 {
    margin-bottom: 2px; }
  .tmb3 {
    margin-bottom: 3px; }
  .tmb4 {
    margin-bottom: 4px; }
  .tmb5 {
    margin-bottom: 5px; }
  .tmb6 {
    margin-bottom: 6px; }
  .tmb8 {
    margin-bottom: 8px; }
  .tmb10 {
    margin-bottom: 10px; }
  .tmb12 {
    margin-bottom: 12px; }
  .tmb15 {
    margin-bottom: 15px; }
  .tmb18 {
    margin-bottom: 18px; }
  .tmb20 {
    margin-bottom: 20px; }
  .tmb22 {
    margin-bottom: 22px; }
  .tmb25 {
    margin-bottom: 25px; }
  .tmb27 {
    margin-bottom: 27px; }
  .tmb30 {
    margin-bottom: 30px; }
  .tmb32 {
    margin-bottom: 32px; }
  .tmb35 {
    margin-bottom: 35px; }
  .tmb40 {
    margin-bottom: 40px; }
  .tmb42 {
    margin-bottom: 42px; }
  .tmb45 {
    margin-bottom: 45px; }
  .tmb50 {
    margin-bottom: 50px; }
  .tmb60 {
    margin-bottom: 60px; }
  .tmb65 {
    margin-bottom: 65px; }
  .tmb70 {
    margin-bottom: 70px; }
  .tmb75 {
    margin-bottom: 75px; }
  .tmb80 {
    margin-bottom: 80px; }
  .tmb85 {
    margin-bottom: 85px; } }

@media (max-width: 767px) {
  .mmtn20 {
    margin-top: -20px; }
  .mmtn10 {
    margin-top: -10px; }
  .mmt0 {
    margin-top: 0px; }
  .mmt2 {
    margin-top: 2px; }
  .mmt3 {
    margin-top: 3px; }
  .mmt4 {
    margin-top: 4px; }
  .mmt5 {
    margin-top: 5px; }
  .mmt6 {
    margin-top: 6px; }
  .mmt8 {
    margin-top: 8px; }
  .mmt10 {
    margin-top: 10px; }
  .mmt12 {
    margin-top: 12px; }
  .mmt15 {
    margin-top: 15px; }
  .mmt18 {
    margin-top: 18px; }
  .mmt20 {
    margin-top: 20px; }
  .mmt22 {
    margin-top: 22px; }
  .mmt25 {
    margin-top: 25px; }
  .mmt27 {
    margin-top: 27px; }
  .mmt30 {
    margin-top: 30px; }
  .mmt32 {
    margin-top: 32px; }
  .mmt35 {
    margin-top: 35px; }
  .mmt40 {
    margin-top: 40px; }
  .mmt42 {
    margin-top: 42px; }
  .mmt45 {
    margin-top: 45px; }
  .mmt50 {
    margin-top: 50px; }
  .mmt60 {
    margin-top: 60px; }
  .mmt65 {
    margin-top: 65px; }
  .mmt70 {
    margin-top: 70px; }
  .mmt75 {
    margin-top: 75px; }
  .mmt80 {
    margin-top: 80px; }
  .mmt85 {
    margin-top: 85px; }
  .mmbn20 {
    margin-bottom: -20px; }
  .mmbn10 {
    margin-bottom: -10px; }
  .mmb0 {
    margin-bottom: 0px; }
  .mmb2 {
    margin-bottom: 2px; }
  .mmb3 {
    margin-bottom: 3px; }
  .mmb4 {
    margin-bottom: 4px; }
  .mmb5 {
    margin-bottom: 5px; }
  .mmb6 {
    margin-bottom: 6px; }
  .mmb8 {
    margin-bottom: 8px; }
  .mmb10 {
    margin-bottom: 10px; }
  .mmb12 {
    margin-bottom: 12px; }
  .mmb15 {
    margin-bottom: 15px; }
  .mmb18 {
    margin-bottom: 18px; }
  .mmb20 {
    margin-bottom: 20px; }
  .mmb22 {
    margin-bottom: 22px; }
  .mmb25 {
    margin-bottom: 25px; }
  .mmb27 {
    margin-bottom: 27px; }
  .mmb30 {
    margin-bottom: 30px; }
  .mmb32 {
    margin-bottom: 32px; }
  .mmb35 {
    margin-bottom: 35px; }
  .mmb40 {
    margin-bottom: 40px; }
  .mmb42 {
    margin-bottom: 42px; }
  .mmb45 {
    margin-bottom: 45px; }
  .mmb50 {
    margin-bottom: 50px; }
  .mmb60 {
    margin-bottom: 60px; }
  .mmb65 {
    margin-bottom: 65px; }
  .mmb70 {
    margin-bottom: 70px; }
  .mmb75 {
    margin-bottom: 75px; }
  .mmb80 {
    margin-bottom: 80px; }
  .mmb85 {
    margin-bottom: 85px; } }

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col-xs-5ths {
  width: 20%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left; } }

@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left; } }

@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left; } }
