@font-face {
  font-family: 'Alegreya400';
  src: url("../fonts/AlegreyaSans-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'Alegreya300';
  src: url("../fonts/AlegreyaSans-Light.ttf") format("truetype");
}

@font-face {
  font-family: Alegreya;
  src: url(../fonts/AlegreyaSans-Regular.ttf);
}

@font-face {
  font-family: Alegreya;
  src: url(../fonts/AlegreyaSans-Medium.ttf);
  font-weight: bold;
}

@font-face {
  font-family: Alegreya;
  src: url(../fonts/AlegreyaSans-Light.ttf);
  font-weight: lighter;
}

@font-face {
  font-family: Droid Sans;
  src: url(../fonts/DroidSans.ttf);
}

@font-face {
  font-family: Droid Sans;
  src: url(../fonts/DroidSans-Bold.ttf);
  font-weight: bold;
}

@font-face {
  font-family: Open Sans;
  src: url(../fonts/OpenSans-Regular.ttf);
}

@font-face {
  font-family: Open Sans;
  src: url(../fonts/OpenSans-Bold.ttf);
  font-weight: bold;
}

@font-face {
  font-family: Fontawesome;
  src: url(../fonts/fontawesome-webfont.ttf);
}

/* line 1, ../_sass/general/_buttons.scss */
.button-intro {
  margin-top: 100px;
}

/* line 5, ../_sass/general/_buttons.scss */
.btn {
  font-size: 24px;
  border-radius: 0;
  border: none;
  background-image: none;
  text-shadow: none;
  border-bottom: none;
}

/* line 14, ../_sass/general/_buttons.scss */
.btn-grey {
  padding: 30px 55px 30px 132px;
  background-color: #bbbdbe;
  color: black;
  font-weight: bold;
  position: relative;
  margin-top: 20px;
}
@media (max-width: 321px) {
  /* line 14, ../_sass/general/_buttons.scss */
  .btn-grey {
    min-width: 150px;
  }
}
/* line 26, ../_sass/general/_buttons.scss */
.btn-grey .icon i {
  transition: .3s all;
  -webkit-transition: .3s all;
}
/* line 28, ../_sass/general/_buttons.scss */
.btn-grey:hover, .btn-grey:active, .btn-grey:visited, .btn-grey:focus {
  background-color: #bbbdbe;
  color: black;
}
/* line 31, ../_sass/general/_buttons.scss */
.btn-grey:hover .icon i, .btn-grey:active .icon i, .btn-grey:visited .icon i, .btn-grey:focus .icon i {
  transform: scale(1.1);
}
/* line 36, ../_sass/general/_buttons.scss */
.btn-grey .icon {
  background-color: #9ba7cb;
  color: black;
  height: 100%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
/* line 46, ../_sass/general/_buttons.scss */
.btn-grey i {
  padding: 25px 25px 10px 25px;
  font-size: 28px;
}

/* line 52, ../_sass/general/_buttons.scss */
.btn-yellow-solid {
  position: relative;
  top: 0;
  background-color: #ebd119;
  padding: 15px 50px;
  margin-bottom: 40px;
  -webkit-box-shadow: 0px 4px 0px #52595e;
  -moz-box-shadow: 0px 4px 0px #52595e;
  box-shadow: 0px 4px 0px #52595e;
  font-size: 18px;
  font-weight: bold;
  transition: all .2s !important;
  -webkit-transition: all .2s !important;
}
/* line 63, ../_sass/general/_buttons.scss */
.btn-yellow-solid:hover, .btn-yellow-solid:active, .btn-yellow-solid:visited, .btn-yellow-solid:focus {
  top: 2px;
  background-color: #ebd119;
  -webkit-box-shadow: 0px 2px 0px #52595e;
  -moz-box-shadow: 0px 2px 0px #52595e;
  box-shadow: 0px 2px 0px #52595e;
}
/* line 68, ../_sass/general/_buttons.scss */
.btn-yellow-solid:focus {
  top: 4px;
  box-shadow: none;
}

/* line 74, ../_sass/general/_buttons.scss */
.btn-yellow-light {
  position: relative;
  top: 0;
  background-color: #ebd119;
  padding: 25px 35px;
  margin-bottom: 40px;
  -webkit-box-shadow: 0px 4px 0px #a1b1bc;
  -moz-box-shadow: 0px 4px 0px #a1b1bc;
  box-shadow: 0px 4px 0px #a1b1bc;
  font-size: 18px;
  font-weight: bold;
  transition: all .2s !important;
  -webkit-transition: all .2s !important;
}
/* line 85, ../_sass/general/_buttons.scss */
.btn-yellow-light:hover, .btn-yellow-light:active, .btn-yellow-light:visited, .btn-yellow-light:focus {
  top: 2px;
  background-color: #ebd119;
  -webkit-box-shadow: 0px 2px 0px #a1b1bc;
  -moz-box-shadow: 0px 2px 0px #a1b1bc;
  box-shadow: 0px 2px 0px #a1b1bc;
}
/* line 90, ../_sass/general/_buttons.scss */
.btn-yellow-light:focus {
  top: 4px;
  box-shadow: none;
}

/* line 96, ../_sass/general/_buttons.scss */
#watch-video-big {
  line-height: 1.5;
  font-size: 20px;
}
/* line 99, ../_sass/general/_buttons.scss */
#watch-video-big i {
  padding: 30px 25px 10px 25px;
}
@media (max-width: 980px) {
  /* line 96, ../_sass/general/_buttons.scss */
  #watch-video-big {
    padding: 30px 35px 30px 112px;
    font-size: 20px;
  }
}

/* line 2, ../_sass/general/_navigation.scss */
.light-yellow:before {
  background-color: rgba(235, 209, 25, 0.85);
}

/* line 7, ../_sass/general/_navigation.scss */
.full-yellow:before {
  background-color: #ebd119;
}

/* line 12, ../_sass/general/_navigation.scss */
.nav-container {
  position: static;
  width: auto;
  height: auto;
  background-color: transparent;
  overflow-y: visible;
  margin: 0;
  display: inline-block;
  float: right;
  margin-top: 30px;
  padding: 0;
  padding-top: 10px;
}
@media (max-width: 850px) {
  /* line 12, ../_sass/general/_navigation.scss */
  .nav-container {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: scroll;
    background-color: rgba(235, 209, 25, 0.96);
    margin-top: 0;
  }
}
@media (max-width: 500px) {
  /* line 12, ../_sass/general/_navigation.scss */
  .nav-container {
    overflow-y: auto;
  }
}

/* line 40, ../_sass/general/_navigation.scss */
.navbar {
  font-size: 22px;
  height: 100px;
  z-index: 9999;
  position: fixed;
}
@media (max-width: 768px) {
  /* line 40, ../_sass/general/_navigation.scss */
  .navbar {
    position: fixed !important;
    height: 80px;
  }
}
/* line 51, ../_sass/general/_navigation.scss */
.navbar:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -30px;
  overflow: visible;
  width: 100%;
  height: 250px;
  z-index: -1;
  transition: all .4s;
  -webkit-transition: all .4s;
  -webkit-transform: skewY(-2deg);
  -moz-transform: skewY(-2deg);
  -ms-transform: skewY(-2deg);
  -o-transform: skewY(-2deg);
  transform: skewY(-2deg);
  display: block;
}
@media (max-width: 980px) {
  /* line 51, ../_sass/general/_navigation.scss */
  .navbar:before {
    height: 170px;
    top: -50px;
  }
}
@media (max-width: 768px) {
  /* line 51, ../_sass/general/_navigation.scss */
  .navbar:before {
    height: 145px;
    top: -50px;
  }
}

/* line 82, ../_sass/general/_navigation.scss */
.logo {
  padding-top: 5px;
  display: inline-block;
  position: relative;
  z-index: 9999;
}
@media (max-width: 980px) {
  /* line 82, ../_sass/general/_navigation.scss */
  .logo {
    padding-left: 0px;
  }
}
@media (max-width: 980px) {
  /* line 82, ../_sass/general/_navigation.scss */
  .logo {
    padding-left: 30px;
  }
}
@media (max-width: 870px) {
  /* line 82, ../_sass/general/_navigation.scss */
  .logo {
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  /* line 82, ../_sass/general/_navigation.scss */
  .logo {
    padding-left: 10px;
  }
}
/* line 100, ../_sass/general/_navigation.scss */
.logo a {
  border-bottom: none;
}
/* line 102, ../_sass/general/_navigation.scss */
.logo img {
  margin-top: 15px;
  width: 250px;
}
@media (max-width: 980px) {
  /* line 102, ../_sass/general/_navigation.scss */
  .logo img {
    margin-top: 10px;
    width: 230px;
  }
}
@media (max-width: 768px) {
  /* line 102, ../_sass/general/_navigation.scss */
  .logo img {
    margin-top: 5px;
    width: 190px;
  }
}
@media (max-width: 480px) {
  /* line 102, ../_sass/general/_navigation.scss */
  .logo img {
    margin-top: 3px;
    width: 180px;
  }
}

/* line 120, ../_sass/general/_navigation.scss */
.fa-times {
  display: none;
}
@media (max-width: 850px) {
  /* line 120, ../_sass/general/_navigation.scss */
  .fa-times {
    display: block;
    position: absolute;
    top: 100px;
    right: 100px;
  }
}

/* line 130, ../_sass/general/_navigation.scss */
.visible {
  visibility: visible !important;
}

/* line 134, ../_sass/general/_navigation.scss */
.hidden {
  visibility: hidden !important;
}

/* line 138, ../_sass/general/_navigation.scss */
.sg-nav {
  font-family: 'Alegreya400', Helvetica, Arial, sans-serif;
}
@media (min-width: 850px) {
  /* line 138, ../_sass/general/_navigation.scss */
  .sg-nav {
    display: inline-block !important;
  }
}
@media (max-width: 850px) {
  /* line 138, ../_sass/general/_navigation.scss */
  .sg-nav {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    padding-top: 120px !important;
    margin: 0px;
    font-size: 56px;
    z-index: 9;
    box-sizing: border-box;
  }
}
/* line 160, ../_sass/general/_navigation.scss */
.sg-nav .active-sg:after {
  height: 4px;
  width: 80%;
  background-color: black;
  content: ' ';
  position: absolute;
  left: 10%;
  top: -15px;
  transition: all .4s;
  -webkit-transition: all .4s;
  opacity: 1;
  pointer-events: none;
}
@media (max-width: 850px) {
  /* line 159, ../_sass/general/_navigation.scss */
  .sg-nav .active-sg {
    text-decoration: underline;
  }
}
/* line 178, ../_sass/general/_navigation.scss */
.sg-nav > li {
  display: inline-block;
  list-style-type: none;
  position: relative;
}
@media (max-width: 850px) {
  /* line 178, ../_sass/general/_navigation.scss */
  .sg-nav > li {
    display: block;
    margin-bottom: 70px;
    z-index: 999;
  }
  /* line 187, ../_sass/general/_navigation.scss */
  .sg-nav > li:after {
    display: none;
  }
}
/* line 192, ../_sass/general/_navigation.scss */
.sg-nav > li:after {
  height: 4px;
  width: 80%;
  background-color: rgba(1, 1, 1, 0);
  content: ' ';
  position: absolute;
  left: 10%;
  top: 30px;
  transition: all .4s;
  -webkit-transition: all .4s;
  pointer-events: none;
}
/* line 207, ../_sass/general/_navigation.scss */
.sg-nav > li:hover:after {
  height: 4px;
  width: 80%;
  background-color: #010101;
  content: ' ';
  position: absolute;
  left: 10%;
  top: -15px;
  pointer-events: none;
}
/* line 221, ../_sass/general/_navigation.scss */
.sg-nav > li > a {
  color: black;
  padding: 20px;
  border-bottom: none;
}
/* line 225, ../_sass/general/_navigation.scss */
.sg-nav > li > a:hover {
  text-decoration: none;
}
@media (max-width: 980px) {
  /* line 221, ../_sass/general/_navigation.scss */
  .sg-nav > li > a {
    padding: 20px 10px;
    font-size: 18px;
  }
}
@media (max-width: 850px) {
  /* line 221, ../_sass/general/_navigation.scss */
  .sg-nav > li > a {
    padding: 30px 10px;
    font-size: 36px;
  }
}
/* line 240, ../_sass/general/_navigation.scss */
.sg-nav > li .action {
  border: solid 1px black;
  padding: 10px 15px;
  transition: .2s all;
  -webkit-transition: all .2s;
}
/* line 245, ../_sass/general/_navigation.scss */
.sg-nav > li .action:hover {
  text-decoration: none;
  background-color: black;
  border: solid 1px black;
  color: white;
}
/* line 258, ../_sass/general/_navigation.scss */
.sg-nav > li .action-active {
  background-color: black;
  color: white;
}

/* line 266, ../_sass/general/_navigation.scss */
#main-hamburger {
  position: absolute;
  top: 0px;
  right: 0px;
  padding-top: 26px;
  padding-right: 21px;
  font-size: 48px;
  color: black;
  cursor: pointer;
  display: none;
  z-index: 9999;
  border-bottom: none;
}
/* line 279, ../_sass/general/_navigation.scss */
#main-hamburger span i {
  top: 0;
  right: 0;
  position: relative;
}
@media (max-width: 850px) {
  /* line 266, ../_sass/general/_navigation.scss */
  #main-hamburger {
    display: block;
  }
}
@media (max-width: 768px) {
  /* line 266, ../_sass/general/_navigation.scss */
  #main-hamburger {
    padding-right: 41px;
    padding-top: 16px;
  }
}

/* line 296, ../_sass/general/_navigation.scss */
footer {
  background-color: black;
  color: white;
  padding: 0 0 50px 0 !important;
  font-size: 16px;
}
/* line 301, ../_sass/general/_navigation.scss */
footer .container {
  position: relative;
}
/* line 304, ../_sass/general/_navigation.scss */
footer .footer-nav {
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
  text-align: left;
}
@media (max-width: 980px) {
  /* line 304, ../_sass/general/_navigation.scss */
  footer .footer-nav {
    text-align: center;
  }
}
/* line 312, ../_sass/general/_navigation.scss */
footer .footer-nav li {
  display: inline-block;
  border-right: solid 2px #ebd119;
  margin-bottom: 15px;
}
@media (max-width: 480px) {
  /* line 312, ../_sass/general/_navigation.scss */
  footer .footer-nav li {
    display: block;
    text-align: center;
    border-right: none;
  }
}
/* line 321, ../_sass/general/_navigation.scss */
footer .footer-nav li:last-of-type {
  border: none;
}
/* line 325, ../_sass/general/_navigation.scss */
footer .footer-nav li:first-of-type a {
  padding: 0 15px 0 0;
}
@media (max-width: 480px) {
  /* line 325, ../_sass/general/_navigation.scss */
  footer .footer-nav li:first-of-type a {
    padding: 0;
  }
}
/* line 332, ../_sass/general/_navigation.scss */
footer .footer-nav li a {
  padding: 0 11px;
  color: white;
  border-bottom: none;
}
/* line 336, ../_sass/general/_navigation.scss */
footer .footer-nav li a:hover {
  color: white;
  text-decoration: underline !important;
}
/* line 343, ../_sass/general/_navigation.scss */
footer .footer-logos {
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
}
/* line 347, ../_sass/general/_navigation.scss */
footer .footer-logos li {
  display: inline-block;
}
/* line 349, ../_sass/general/_navigation.scss */
footer .footer-logos li a {
  padding: 0 10px;
  color: white;
  border-bottom: none;
}

/* line 358, ../_sass/general/_navigation.scss */
.nav-scroll {
  top: -106px;
}

/* line 1, ../_sass/general/_headers.scss */
.yellow-header-line {
  font-size: 38px;
  position: relative;
  color: #ebd119;
}
/* line 5, ../_sass/general/_headers.scss */
.yellow-header-line:after {
  height: 4px;
  width: 100px;
  background-color: #9ba7cb;
  content: ' ';
  position: absolute;
  top: -15px;
  left: 0;
  transition: .4s all;
  -webkit-transition: .4s all;
}

/* line 18, ../_sass/general/_headers.scss */
.blue-header-line {
  font-size: 38px;
  position: relative;
  margin-bottom: 30px;
}
/* line 22, ../_sass/general/_headers.scss */
.blue-header-line:after {
  height: 4px;
  width: 100px;
  background-color: #9ba7cb;
  content: ' ';
  position: absolute;
  top: -15px;
  left: 0;
}

/* line 33, ../_sass/general/_headers.scss */
.blue-header-line.with-sub {
  margin-bottom: 0;
}

/* line 37, ../_sass/general/_headers.scss */
.grey-header-line {
  font-size: 38px;
  position: relative;
  margin-bottom: 30px;
}
/* line 41, ../_sass/general/_headers.scss */
.grey-header-line:after {
  height: 4px;
  width: 100px;
  background-color: #52595e;
  content: ' ';
  position: absolute;
  top: -15px;
  left: 0;
}

/* line 52, ../_sass/general/_headers.scss */
.purple-header-line {
  font-size: 38px;
  position: relative;
  margin-bottom: 30px;
}
/* line 56, ../_sass/general/_headers.scss */
.purple-header-line:after {
  height: 4px;
  width: 100px;
  background-color: #52595e;
  content: ' ';
  position: absolute;
  top: -15px;
  left: 0;
}

/* line 67, ../_sass/general/_headers.scss */
.header-light {
  font-size: 38px;
  color: white;
  position: relative;
  margin-bottom: 30px;
}
/* line 72, ../_sass/general/_headers.scss */
.header-light:after {
  height: 4px;
  width: 100px;
  background-color: #9ba7cb;
  content: ' ';
  position: absolute;
  top: -15px;
  left: 0;
}

/* line 1, ../_sass/general/_global.scss */
body {
  font-family: 'Alegreya', Helvetica, Arial, sans-serif;
  font-size: 20px;
  overflow-x: hidden;
  position: relative;
  z-index: 0;
}
@media (max-width: 980px) {
  /* line 1, ../_sass/general/_global.scss */
  body {
    padding: 0;
  }
}

/* line 12, ../_sass/general/_global.scss */
.fixed-body {
  overflow: hidden;
}

/* line 16, ../_sass/general/_global.scss */
a {
  border-bottom: dashed 1px black;
  color: black;
}
/* line 19, ../_sass/general/_global.scss */
a:hover {
  color: #9ba7cb;
  border-color: #9ba7cb;
}

/* line 26, ../_sass/general/_global.scss */
.sg-list li, .sg-list-ordered li {
  margin: 10px 0;
  line-height: 1.75;
  list-style-type: square;
}
/* line 30, ../_sass/general/_global.scss */
.sg-list li a, .sg-list-ordered li a {
  border-bottom: dashed 1px black;
  color: black;
}
/* line 33, ../_sass/general/_global.scss */
.sg-list li a:hover, .sg-list-ordered li a:hover {
  color: #9ba7cb;
  border-color: #9ba7cb;
}
/* line 39, ../_sass/general/_global.scss */
.sg-list.no-style, .no-style.sg-list-ordered {
  margin: 0;
}
/* line 41, ../_sass/general/_global.scss */
.sg-list.no-style li, .no-style.sg-list-ordered li {
  list-style-type: none;
}
/* line 46, ../_sass/general/_global.scss */
.sg-list.list-w-icons li, .list-w-icons.sg-list-ordered li {
  margin-bottom: 20px;
}
/* line 48, ../_sass/general/_global.scss */
.sg-list.list-w-icons li:last-of-type, .list-w-icons.sg-list-ordered li:last-of-type {
  margin-bottom: 0;
}
/* line 51, ../_sass/general/_global.scss */
.sg-list.list-w-icons li a, .list-w-icons.sg-list-ordered li a {
  border-bottom: none;
}
/* line 53, ../_sass/general/_global.scss */
.sg-list.list-w-icons li a i.fa, .list-w-icons.sg-list-ordered li a i.fa {
  background-color: #ebd119;
  color: black;
  padding: 10px 12px;
  border-radius: 100px;
  margin-right: 10px;
  transition: all .3s;
}
/* line 61, ../_sass/general/_global.scss */
.sg-list.list-w-icons li a:hover, .list-w-icons.sg-list-ordered li a:hover {
  color: black;
}
/* line 63, ../_sass/general/_global.scss */
.sg-list.list-w-icons li a:hover i.fa, .list-w-icons.sg-list-ordered li a:hover i.fa {
  background-color: black;
  color: white;
}

/* line 74, ../_sass/general/_global.scss */
.sg-list-ordered li {
  list-style-type: upper-alpha;
}

/* line 82, ../_sass/general/_global.scss */
a:visited,
a:active,
a:focus,
a:hover {
  text-decoration: none !important;
}

/* line 86, ../_sass/general/_global.scss */
p {
  line-height: 1.85;
}

/* line 90, ../_sass/general/_global.scss */
.white-text {
  color: white;
}

/* line 93, ../_sass/general/_global.scss */
a.white-text {
  border-bottom: dashed 1px white;
}

/* line 97, ../_sass/general/_global.scss */
.upper {
  text-transform: uppercase;
}

/* line 101, ../_sass/general/_global.scss */
.strong {
  font-weight: bold;
}

/* line 105, ../_sass/general/_global.scss */
.text-center {
  text-align: center;
}

/* line 109, ../_sass/general/_global.scss */
.grey-text {
  color: #52595e;
}

/* line 113, ../_sass/general/_global.scss */
.yellow-text {
  color: #ebd119;
}

/* line 117, ../_sass/general/_global.scss */
.purple-text {
  color: #61457f;
}

/* line 121, ../_sass/general/_global.scss */
.padding40 {
  padding-top: 140px;
}

/* line 125, ../_sass/general/_global.scss */
.padding-header {
  padding-top: 220px;
}

/* line 129, ../_sass/general/_global.scss */
.container-fluid {
  padding: 0;
}

@media (max-width: 980px) {
  /* line 133, ../_sass/general/_global.scss */
  .container {
    padding: 0 50px !important;
  }
}
@media (max-width: 768px) {
  /* line 133, ../_sass/general/_global.scss */
  .container {
    padding: 0 25px !important;
  }
}
@media (max-width: 480px) {
  /* line 133, ../_sass/general/_global.scss */
  .container {
    padding: 0 20px !important;
  }
}

/* line 145, ../_sass/general/_global.scss */
.cool-grey {
  background-color: #a1b1bc;
}

/* line 149, ../_sass/general/_global.scss */
.lightest-grey {
  background-color: #bbbdbe;
}

/* line 153, ../_sass/general/_global.scss */
.white-grey {
  background-color: #e8e8e8;
}

/* line 157, ../_sass/general/_global.scss */
.yellow {
  background-color: #ebd119;
}

/* line 162, ../_sass/general/_global.scss */
.lightest-grey-angle:before {
  background-color: #bbbdbe !important;
}

/* line 167, ../_sass/general/_global.scss */
.white {
  background-color: white;
}

/* line 171, ../_sass/general/_global.scss */
.black {
  background-color: black;
}

/* line 175, ../_sass/general/_global.scss */
.yellow-fade {
  background-color: rgba(235, 209, 25, 0.85);
}

/* line 179, ../_sass/general/_global.scss */
.full-opacity {
  opacity: 1 !important;
}

/* line 183, ../_sass/general/_global.scss */
.full-opacity-nav {
  opacity: 1 !important;
  z-index: 9999;
}

/* line 188, ../_sass/general/_global.scss */
.light-opacity {
  opacity: 0.85;
}

@media (max-width: 980px) {
  /* line 192, ../_sass/general/_global.scss */
  .hide-large {
    display: none !important;
  }
}

@media (max-width: 768px) {
  /* line 197, ../_sass/general/_global.scss */
  .hide-medium {
    display: none !important;
  }
}

@media (max-width: 480px) {
  /* line 202, ../_sass/general/_global.scss */
  .hide-small {
    display: none !important;
  }
}

@media (max-width: 980px) {
  /* line 208, ../_sass/general/_global.scss */
  .width100-large {
    width: 100%;
    margin: 0 auto;
  }
}

/* line 215, ../_sass/general/_global.scss */
.subhead {
  margin-top: -10px;
}

/* line 219, ../_sass/general/_global.scss */
.content-push-top {
  margin-top: 75px;
}
@media (max-width: 480px) {
  /* line 219, ../_sass/general/_global.scss */
  .content-push-top {
    margin-top: 50px;
  }
}

/* line 226, ../_sass/general/_global.scss */
.video-push {
  margin-top: 60px;
}

/* line 230, ../_sass/general/_global.scss */
.content-push-bottom {
  margin-bottom: 75px;
}

/* line 234, ../_sass/general/_global.scss */
.extra-padding-vertical {
  padding: 15px 0;
}

/* line 238, ../_sass/general/_global.scss */
.no-padding-bottom {
  padding-bottom: 0 !important;
}

/* line 242, ../_sass/general/_global.scss */
.img-push-right {
  float: right;
  margin: 20px 0 0 20px;
}

/* line 247, ../_sass/general/_global.scss */
.hide {
  display: none;
}

/* line 251, ../_sass/general/_global.scss */
.relative {
  position: relative;
}

/* line 255, ../_sass/general/_global.scss */
a.anchor, #grid-tab-jump, .main-anchor {
  display: block;
  position: relative;
  top: -120px;
  visibility: hidden;
  border-bottom: none;
}
@media (max-width: 768px) {
  /* line 255, ../_sass/general/_global.scss */
  a.anchor, #grid-tab-jump, .main-anchor {
    top: -80px;
  }
}

/* line 266, ../_sass/general/_global.scss */
#grid-tab-jump {
  top: 220px !important;
}

/* line 271, ../_sass/general/_global.scss */
a.anchor-more {
  display: block;
  position: relative;
  top: -120px;
  visibility: hidden;
}
@media (max-width: 768px) {
  /* line 271, ../_sass/general/_global.scss */
  a.anchor-more {
    top: -140px;
  }
}

/* line 281, ../_sass/general/_global.scss */
.img-full {
  width: 100%;
}

/* line 285, ../_sass/general/_global.scss */
.opacity-zero {
  opacity: 0;
}

/* line 289, ../_sass/general/_global.scss */
.opacity-full {
  opacity: 1;
}

/* line 293, ../_sass/general/_global.scss */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* line 304, ../_sass/general/_global.scss */
.bigger-body-text {
  font-size: 24px;
  line-height: 1.25;
}

/* line 309, ../_sass/general/_global.scss */
.no-pointer {
  pointer-events: none;
}

/* line 313, ../_sass/general/_global.scss */
.clear-both {
  clear: both;
}

/* line 317, ../_sass/general/_global.scss */
.no-underline {
  border-bottom: none;
}

@media (max-width: 1200px) {
  /* line 321, ../_sass/general/_global.scss */
  .x-large100 {
    width: 100%;
  }
}

/* line 327, ../_sass/general/_global.scss */
.p50-0 {
  padding: 50px 0;
}

@media (max-width: 480px) {
  /* line 331, ../_sass/general/_global.scss */
  .p0-mobile {
    padding: 0;
  }
}

/* line 337, ../_sass/general/_global.scss */
.mt40 {
  margin-top: 40px;
}

/* line 341, ../_sass/general/_global.scss */
.mb40 {
  margin-bottom: 40px;
}

/* line 345, ../_sass/general/_global.scss */
.pt0 {
  padding-top: 0 !important;
}

/* line 349, ../_sass/general/_global.scss */
.h3-sections {
  border-bottom: solid 1px #e8e8e8;
  padding: 40px 0;
}
/* line 352, ../_sass/general/_global.scss */
.h3-sections:first-of-type {
  padding-top: 0;
}
/* line 355, ../_sass/general/_global.scss */
.h3-sections:last-of-type {
  border-bottom: 0;
}

/* line 360, ../_sass/general/_global.scss */
.main-anchor {
  top: -160px !important;
}

/* line 1, ../_sass/general/_general.scss */
.ecig-big {
  display: block;
  margin-top: 30vh;
  margin-bottom: 20px;
  color: #ebd119;
  line-height: 1.1;
  font-weight: bold;
}
/* line 8, ../_sass/general/_general.scss */
.ecig-big .facts {
  display: block;
  font-size: 94px;
  text-transform: uppercase;
  margin-bottom: -5px;
}
@media (max-width: 768px) {
  /* line 8, ../_sass/general/_general.scss */
  .ecig-big .facts {
    line-height: .9;
  }
}
/* line 17, ../_sass/general/_general.scss */
.ecig-big .on-ecig {
  display: block;
  font-size: 40px;
}
/* line 21, ../_sass/general/_general.scss */
.ecig-big .youth {
  display: block;
  font-size: 43px;
}
@media (min-width: 1500px) {
  /* line 1, ../_sass/general/_general.scss */
  .ecig-big {
    margin-top: 30vh;
  }
}
@media (max-width: 1499px) {
  /* line 1, ../_sass/general/_general.scss */
  .ecig-big {
    margin-top: 30vh;
  }
}
@media (max-width: 980px) {
  /* line 1, ../_sass/general/_general.scss */
  .ecig-big {
    margin-top: 30vh;
  }
}
@media (max-width: 768px) {
  /* line 1, ../_sass/general/_general.scss */
  .ecig-big {
    margin-left: 10px;
    margin-top: 280px;
    width: 300px;
  }
}
@media (max-width: 480px) {
  /* line 1, ../_sass/general/_general.scss */
  .ecig-big {
    margin-top: 300px;
    width: 70%;
  }
}
@media (max-width: 321px) {
  /* line 1, ../_sass/general/_general.scss */
  .ecig-big {
    margin-top: 300px;
  }
}

/* line 49, ../_sass/general/_general.scss */
.ecig-hero-text {
  background: rgba(1, 1, 1, 0.5);
  color: white;
  padding: 20px 30px;
  margin: 20px 0 20px 0;
  display: inline-block;
  float: left;
}
/* line 56, ../_sass/general/_general.scss */
.ecig-hero-text p {
  line-height: 1.4;
  font-size: 24px;
  font-family: 'Alegreya300', Helvetica, Arial, sans-serif;
}
@media (max-width: 768px) {
  /* line 56, ../_sass/general/_general.scss */
  .ecig-hero-text p {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  /* line 56, ../_sass/general/_general.scss */
  .ecig-hero-text p {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  /* line 49, ../_sass/general/_general.scss */
  .ecig-hero-text {
    margin-left: 10px;
  }
}

/* line 75, ../_sass/general/_general.scss */
.black-section-first {
  background-color: black;
  z-index: -1;
  height: auto;
  margin-top: 90px;
  -webkit-transform: translate3d(0, 0, 0);
}
@media (max-width: 321px) {
  /* line 75, ../_sass/general/_general.scss */
  .black-section-first {
    margin-top: 40%;
  }
}
/* line 86, ../_sass/general/_general.scss */
.black-section-first .top-angle-first {
  position: relative;
  display: block;
  z-index: -1;
  -webkit-transform: translate3d(0, 0, 0);
}
/* line 91, ../_sass/general/_general.scss */
.black-section-first .top-angle-first:before {
  -webkit-transform: translate3d(0, 0, 0);
  content: '';
  position: absolute;
  right: 0;
  top: -50px;
  overflow: visible;
  width: 100%;
  height: 150px;
  z-index: -1;
  -webkit-transform: skewY(-2deg);
  -moz-transform: skewY(-2deg);
  -ms-transform: skewY(-2deg);
  -o-transform: skewY(-2deg);
  transform: skewY(-2deg);
  transition: all .5s;
  -webkit-transition: all .5s;
  background-color: black;
}
/* line 114, ../_sass/general/_general.scss */
.black-section-first .bottom-angle-first {
  position: relative;
  display: block;
  z-index: -1;
}
/* line 118, ../_sass/general/_general.scss */
.black-section-first .bottom-angle-first:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -50px;
  overflow: visible;
  width: 100%;
  height: 150px;
  z-index: -1;
  -webkit-transform: skewY(2deg);
  -moz-transform: skewY(2deg);
  -ms-transform: skewY(2deg);
  -o-transform: skewY(2deg);
  transform: skewY(2deg);
  transition: all .5s;
  -webkit-transition: all .5s;
  background-color: black;
}

/* line 141, ../_sass/general/_general.scss */
.black-section, .black-section-about {
  background-color: black;
  z-index: -1;
  height: auto;
  margin-top: 70vh;
  -webkit-transform: translate3d(0, 0, 0);
}
/* line 147, ../_sass/general/_general.scss */
.black-section .container, .black-section-about .container {
  position: relative;
}
/* line 150, ../_sass/general/_general.scss */
.black-section.media-section, .media-section.black-section-about {
  background-color: white;
}

/* line 163, ../_sass/general/_general.scss */
.caption-section {
  padding: 100px 0 75px 0;
}
@media (max-width: 980px) {
  /* line 163, ../_sass/general/_general.scss */
  .caption-section {
    padding: 100px 0 25px 0;
  }
}
/* line 170, ../_sass/general/_general.scss */
.caption-section .caption-content {
  z-index: 1;
}
@media (max-width: 980px) {
  /* line 170, ../_sass/general/_general.scss */
  .caption-section .caption-content {
    padding-right: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 768px) {
  /* line 170, ../_sass/general/_general.scss */
  .caption-section .caption-content {
    padding-right: 25px;
    padding-bottom: 20px;
  }
}
@media (max-width: 480px) {
  /* line 170, ../_sass/general/_general.scss */
  .caption-section .caption-content {
    padding-right: 20px;
  }
}
@media (max-width: 980px) {
  /* line 163, ../_sass/general/_general.scss */
  .caption-section {
    width: 100% !important;
  }
  /* line 189, ../_sass/general/_general.scss */
  .caption-section .span6 {
    width: 100% !important;
  }
}

/* line 196, ../_sass/general/_general.scss */
.read-more a {
  color: black;
  font-weight: bold;
  transition: .2s all;
  -webkit-transition: .2s all;
}
/* line 201, ../_sass/general/_general.scss */
.read-more a:hover {
  text-decoration: underline;
  color: #9ba7cb;
}

/* line 209, ../_sass/general/_general.scss */
.read-more.white-text a {
  color: white;
}

/* line 214, ../_sass/general/_general.scss */
.side-angle {
  position: relative;
  right: 0;
  top: 0;
  display: block;
}
/* line 219, ../_sass/general/_general.scss */
.side-angle:before {
  content: '';
  position: absolute;
  left: 0%;
  top: 0px;
  overflow: visible;
  width: 60%;
  height: 1500px;
  z-index: -1;
  -webkit-transform: skewX(10deg);
  -moz-transform: skewX(10deg);
  -ms-transform: skewX(10deg);
  -o-transform: skewX(10deg);
  transform: skewX(10deg);
  transition: all .5s;
  -webkit-transition: all .5s;
  background-color: white;
}
@media (max-width: 980px) {
  /* line 219, ../_sass/general/_general.scss */
  .side-angle:before {
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    overflow: visible;
    width: 100%;
    z-index: -2;
    -webkit-transform: skewY(-2deg);
    -moz-transform: skewY(-2deg);
    -ms-transform: skewY(-2deg);
    -o-transform: skewY(-2deg);
    transform: skewY(-2deg);
  }
}

/* line 256, ../_sass/general/_general.scss */
.top-angle {
  position: relative;
  display: block;
  z-index: 0;
  -webkit-transform: translate3d(0, 0, 0);
}
/* line 261, ../_sass/general/_general.scss */
.top-angle:before {
  -webkit-transform: translate3d(0, 0, 0);
  content: '';
  position: absolute;
  right: 0;
  top: -50px;
  overflow: visible;
  width: 100%;
  height: 150px;
  -webkit-transform: skewY(-2deg);
  -moz-transform: skewY(-2deg);
  -ms-transform: skewY(-2deg);
  -o-transform: skewY(-2deg);
  transform: skewY(-2deg);
  transition: all .5s;
  -webkit-transition: all .5s;
  background-color: black;
}
/* line 282, ../_sass/general/_general.scss */
.top-angle.media-angle:before {
  background-color: white;
}

/* line 288, ../_sass/general/_general.scss */
.bottom-angle {
  position: relative;
  display: block;
  z-index: -1;
}
/* line 292, ../_sass/general/_general.scss */
.bottom-angle:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -35px;
  overflow: visible;
  width: 100%;
  height: 150px;
  -webkit-transform: skewY(2deg);
  -moz-transform: skewY(2deg);
  -ms-transform: skewY(2deg);
  -o-transform: skewY(2deg);
  transform: skewY(2deg);
  transition: all .5s;
  -webkit-transition: all .5s;
  background-color: white;
}

/* line 313, ../_sass/general/_general.scss */
.border-image-bottom {
  border-bottom: solid 10px #52595e;
}

/* line 318, ../_sass/general/_general.scss */
.chart {
  display: inline-block;
  padding: 0 30px;
}
@media (max-width: 1200px) {
  /* line 318, ../_sass/general/_general.scss */
  .chart {
    width: 40%;
    padding: 0 10px;
  }
}
@media (max-width: 768px) {
  /* line 318, ../_sass/general/_general.scss */
  .chart {
    margin-top: 20px;
    width: 208px;
  }
}

/* line 331, ../_sass/general/_general.scss */
.footer-placeholder {
  background-color: black;
  height: 200px;
}

/* line 336, ../_sass/general/_general.scss */
.photo-msg {
  font-size: 48px;
  line-height: 1.2;
  margin: 150px 0;
}
@media (max-width: 768px) {
  /* line 336, ../_sass/general/_general.scss */
  .photo-msg {
    width: 65%;
    font-size: 36px;
    float: right;
    margin: 55px 0;
  }
}
@media (max-width: 480px) {
  /* line 336, ../_sass/general/_general.scss */
  .photo-msg {
    font-size: 24px;
  }
}

/* line 351, ../_sass/general/_general.scss */
.photo-msg-yellow {
  background-color: rgba(235, 209, 25, 0.85);
  font-size: 48px;
  line-height: 1.2;
  margin: 150px 0;
  padding: 20px;
  width: 70%;
  margin-left: 15%;
}
@media (max-width: 768px) {
  /* line 351, ../_sass/general/_general.scss */
  .photo-msg-yellow {
    margin-left: 0;
    width: auto;
    font-size: 36px;
  }
}
@media (max-width: 480px) {
  /* line 351, ../_sass/general/_general.scss */
  .photo-msg-yellow {
    font-size: 24px;
    margin: 75px 0;
  }
}

/* line 370, ../_sass/general/_general.scss */
.video-cont {
  position: relative;
  display: block;
  margin-top: 60px;
}
/* line 374, ../_sass/general/_general.scss */
.video-cont:before {
  background-image: url(../_images/video-overlay.png);
  transition: all .5s;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 13;
  opacity: 0;
}
@media (max-width: 768px) {
  /* line 374, ../_sass/general/_general.scss */
  .video-cont:before {
    opacity: 1;
  }
}
/* line 390, ../_sass/general/_general.scss */
/*.video-cont:after {
  content: 'no-text';
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 15px;
  color: white;
  background-color: rgba(1, 1, 1, 0.8);
  z-index: 14;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
} */
@media (max-width: 768px) {
  /* line 403, ../_sass/general/_general.scss */
  .video-cont img {
    width: 100%;
  }
}
/* line 409, ../_sass/general/_general.scss */
.video-cont:hover:before {
  opacity: 1;
}

/* line 415, ../_sass/general/_general.scss */
.last-section {
  padding-bottom: 100px;
}

/* line 419, ../_sass/general/_general.scss */
.callout-bottom, .callout-bottom-with-content {
  padding: 30px 50px;
  margin-top: 50vh;
  transition: all .4s;
  line-height: 1.2;
  font-size: 48px;
  color: black;
}
@media (max-width: 768px) {
  /* line 419, ../_sass/general/_general.scss */
  .callout-bottom, .callout-bottom-with-content {
    font-size: 30px;
    padding: 30px;
  }
}

/* line 432, ../_sass/general/_general.scss */
.callout-bottom-with-content {
  margin-top: 0;
  width: 100%;
}

/* line 445, ../_sass/general/_general.scss */
.inline-display {
  display: inline-block;
}

/* line 449, ../_sass/general/_general.scss */
.small {
  font-size: 15px;
}

/* line 453, ../_sass/general/_general.scss */
.citation {
  font-size: 13px;
  margin-top: 10px;
  margin-left: 5px;
}
/* line 457, ../_sass/general/_general.scss */
.citation .top-small {
  font-size: 11px;
  display: block;
}
/* line 461, ../_sass/general/_general.scss */
.citation .main-cite {
  display: block;
  margin: -5px 0;
}

/* line 468, ../_sass/general/_general.scss */
.popup-container .citation {
  margin-left: 0;
  margin-bottom: 20px;
}

/* line 474, ../_sass/general/_general.scss */
.black-section-about {
  margin-top: 200px;
}
@media (max-width: 768px) {
  /* line 474, ../_sass/general/_general.scss */
  .black-section-about {
    margin-top: 160px;
  }
}

/* line 482, ../_sass/general/_general.scss */
.cont-about {
  margin-top: 260px;
}

/* line 486, ../_sass/general/_general.scss */
.about-cta {
  border: solid 1px #ebd119;
  padding: 10px 15px;
  color: black;
  font-size: 16px;
  transition: all .3s;
  display: table;
  clear: both;
  float: left;
  background-color: #ebd119;
  font-weight: bold;
  position: relative;
}
@media (max-width: 768px) {
  /* line 486, ../_sass/general/_general.scss */
  .about-cta {
    float: right;
  }
}
@media (max-width: 650px) {
  /* line 486, ../_sass/general/_general.scss */
  .about-cta {
    float: none;
    top: 80px;
    left: 50%;
    margin-left: -145px;
  }
}
/* line 507, ../_sass/general/_general.scss */
.about-cta:hover {
  background-color: rgba(0, 0, 0, 0.3);
  text-decoration: none;
  color: white;
  border-color: #ebd119;
}
/* line 513, ../_sass/general/_general.scss */
.about-cta:visited, .about-cta:focus, .about-cta:active {
  color: black;
}
/* line 516, ../_sass/general/_general.scss */
.about-cta:after {
  content: ' ';
  background: url(../_images/osh-seal.png) no-repeat;
  background-size: 100%;
  position: absolute;
  right: -250px;
  top: -70px;
  width: 200px;
  height: 205px;
  pointer-events: none;
}
@media (max-width: 980px) {
  /* line 516, ../_sass/general/_general.scss */
  .about-cta:after {
    width: 100px;
    right: -120px;
    top: -25px;
  }
}
@media (max-width: 768px) {
  /* line 516, ../_sass/general/_general.scss */
  .about-cta:after {
    display: none;
  }
}
/* line 535, ../_sass/general/_general.scss */
.about-cta .sg-about-icon {
  content: url(../_images/report-icon.png);
  width: 30px;
  height: 33px;
  display: table-cell;
  vertical-align: middle;
}
/* line 542, ../_sass/general/_general.scss */
.about-cta .about-message {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
}
@media (max-width: 360px) {
  /* line 542, ../_sass/general/_general.scss */
  .about-cta .about-message {
    font-size: 13px;
  }
}

/* line 552, ../_sass/general/_general.scss */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden;
  margin: 15px 0;
}
/* line 560, ../_sass/general/_general.scss */
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 569, ../_sass/general/_general.scss */
*:focus {
  outline: 2px solid #b879d8 !important;
  outline-width: medium;
}

/* line 572, ../_sass/general/_general.scss */
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: fixed;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/* line 581, ../_sass/general/_general.scss */
a.skip-nav {
  color: white;
  background-color: black;
  text-decoration: none;
  top: 0;
  left: 0;
  padding: 10px;
  z-index: 99999 !important;
}

/* line 1, ../_sass/general/_chevron.scss */
.chevron, .chevron-youth-mix, .chevron-white {
  text-align: center;
  position: relative;
  font-size: 56px;
  z-index: 1;
  top: -30px;
}
/* line 7, ../_sass/general/_chevron.scss */
.chevron a, .chevron-youth-mix a, .chevron-white a {
  color: black;
  border-bottom: none;
}

/* line 13, ../_sass/general/_chevron.scss */
.chevron-top-zero {
  text-align: center;
  position: relative;
  font-size: 56px;
  z-index: 1;
  top: 0px;
  margin-bottom: 30px;
}
/* line 20, ../_sass/general/_chevron.scss */
.chevron-top-zero a {
  color: black;
  border-bottom: none;
}

/* line 26, ../_sass/general/_chevron.scss */
.chevron-first {
  font-size: 56px;
  z-index: 1;
  margin-bottom: -20px;
}
/* line 30, ../_sass/general/_chevron.scss */
.chevron-first a {
  color: #ebd119;
  border-bottom: none;
}
/* line 34, ../_sass/general/_chevron.scss */
.chevron-first .fa {
  margin-top: 30px;
}

/* line 39, ../_sass/general/_chevron.scss */
.chevron-youth-mix {
  top: 0;
  margin-top: 20px;
}

/* line 45, ../_sass/general/_chevron.scss */
.chevron-black, .chevron-yellow {
  font-size: 56px;
  z-index: 1;
  margin-bottom: 30px;
}
/* line 49, ../_sass/general/_chevron.scss */
.chevron-black a, .chevron-yellow a {
  color: black;
  border-bottom: none;
}
/* line 53, ../_sass/general/_chevron.scss */
.chevron-black .fa, .chevron-yellow .fa {
  margin-top: 30px;
}

/* line 60, ../_sass/general/_chevron.scss */
.chevron-yellow a {
  color: #ebd119;
}

/* line 67, ../_sass/general/_chevron.scss */
.chevron-white a {
  color: white !important;
}
@media (max-width: 980px) {
  /* line 67, ../_sass/general/_chevron.scss */
  .chevron-white a {
    color: black !important;
  }
}

/* line 75, ../_sass/general/_chevron.scss */
.chevron-landing {
  margin-top: 60px;
  margin-bottom: 0;
}
/* line 78, ../_sass/general/_chevron.scss */
.chevron-landing a {
  border-bottom: none;
}

/* line 1, ../_sass/interactions/_select.scss */
.select-row {
  margin-top: 25px;
}

/* line 5, ../_sass/interactions/_select.scss */
.select-list {
  padding: 0;
  margin: 0;
  display: inline-block;
  list-style-type: none;
  width: 100%;
}
/* line 11, ../_sass/interactions/_select.scss */
.select-list .select-active {
  background-color: #f5f7f8;
}
/* line 13, ../_sass/interactions/_select.scss */
.select-list .select-active a:before {
  background-color: #9ba7cb;
  color: black;
}
/* line 18, ../_sass/interactions/_select.scss */
.select-list li {
  padding: 0;
  transition: all .4s;
  -webkit-transition: all .4s;
  width: 100%;
}
/* line 24, ../_sass/interactions/_select.scss */
.select-list li:nth-child(1) a:before {
  content: "\f0a1";
}
/* line 29, ../_sass/interactions/_select.scss */
.select-list li:nth-child(2) a:before {
  content: "\f0c0";
  padding: 10px;
}
/* line 35, ../_sass/interactions/_select.scss */
.select-list li:nth-child(3) a:before {
  content: "\f129";
  padding: 10px 17px;
}
/* line 40, ../_sass/interactions/_select.scss */
.select-list li a {
  display: block;
  padding: 20px 10px;
  font-size: 18px;
  cursor: pointer !important;
  color: black;
  font-weight: bold;
  border-top: solid 1px #52595e;
  border-bottom: none;
  position: relative;
  padding-left: 65px;
}
/* line 51, ../_sass/interactions/_select.scss */
.select-list li a:hover {
  text-decoration: none;
  background-color: #f5f7f8;
}
/* line 55, ../_sass/interactions/_select.scss */
.select-list li a:before {
  font-weight: normal;
  font-family: Fontawesome;
  font-size: 20px;
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #ebd119;
  padding: 10px 11px;
  border-radius: 50%;
}
/* line 68, ../_sass/interactions/_select.scss */
.select-list li:last-of-type a {
  border-bottom: solid 1px #52595e;
}
@media (max-width: 980px) {
  /* line 68, ../_sass/interactions/_select.scss */
  .select-list li:last-of-type a {
    border-bottom: none;
  }
}

/* line 77, ../_sass/interactions/_select.scss */
.select-section {
  border: solid 1px #757e84;
  padding: 15px 35px 35px 35px;
  overflow: hidden;
}
/* line 81, ../_sass/interactions/_select.scss */
.select-section .btn {
  margin-bottom: 0;
  margin-top: 10px;
}

/* line 1, ../_sass/interactions/_accordion.scss */
.accordion {
  border: solid 1px #757e84;
}
/* line 3, ../_sass/interactions/_accordion.scss */
.accordion h3 {
  margin-top: 0px;
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
}
/* line 8, ../_sass/interactions/_accordion.scss */
.accordion h3 a {
  color: #52595e;
  padding: 0;
  border-bottom: none;
}
/* line 13, ../_sass/interactions/_accordion.scss */
.accordion h3 a i {
  float: right;
  margin-top: 7px;
}

/* line 21, ../_sass/interactions/_accordion.scss */
.accordion-group {
  margin: 0;
  border: none;
  border-bottom: solid 1px #757e84;
  border-radius: 0;
  margin: 20px;
}
/* line 28, ../_sass/interactions/_accordion.scss */
.accordion-group:last-of-type {
  border: none;
  margin-bottom: 5px;
}

/* line 34, ../_sass/interactions/_accordion.scss */
.accordion-inner {
  border: none;
  padding: 0;
}
/* line 38, ../_sass/interactions/_accordion.scss */
.accordion-inner .btn-yellow-solid {
  margin-bottom: 30px;
}

/* line 43, ../_sass/interactions/_accordion.scss */
.accordion-heading .accordion-toggle {
  padding: 0;
}

/* line 3, ../_sass/general/_backgrounds.scss */
.full-image-fixed {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: -9999;
  content: '';
  background: url(../_images/heros/cdc-sgr16-hero-image.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 0px 0px;
  height: 100vh;
  overflow: hidden;
}
@media (max-width: 1400px) {
  /* line 3, ../_sass/general/_backgrounds.scss */
  .full-image-fixed {
    background-position: -100px 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}
@media (max-width: 980px) {
  /* line 3, ../_sass/general/_backgrounds.scss */
  .full-image-fixed {
    background-position: -100px 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}
@media (max-width: 768px) {
  /* line 3, ../_sass/general/_backgrounds.scss */
  .full-image-fixed {
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    background-position: 40% 0px;
    height: 100vh;
  }
}

/* line 49, ../_sass/general/_backgrounds.scss */
.default-swap {
  background: url(../_images/heros/default-swap.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 0px 0px;
}

/* line 58, ../_sass/general/_backgrounds.scss */
.fixed-interior {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: -9999;
  content: '';
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 0px 0px;
  height: 70vh;
  overflow: hidden;
}
@media (min-width: 1400px) {
  /* line 58, ../_sass/general/_backgrounds.scss */
  .fixed-interior {
    background-size: 100% !important;
  }
}

/* line 75, ../_sass/general/_backgrounds.scss */
.fixed-interior.get-the-facts-hero {
  background: url(../_images/heros/get-the-facts.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media (max-width: 768px) {
  /* line 75, ../_sass/general/_backgrounds.scss */
  .fixed-interior.get-the-facts-hero {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 0px;
  }
}

/* line 89, ../_sass/general/_backgrounds.scss */
.fixed-interior.know-the-risks-hero {
  background: url(../_images/heros/know-the-risks.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media (max-width: 768px) {
  /* line 89, ../_sass/general/_backgrounds.scss */
  .fixed-interior.know-the-risks-hero {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 30% 0px;
  }
}

/* line 103, ../_sass/general/_backgrounds.scss */
.fixed-interior.take-action-hero {
  background: url(../_images/heros/take-action.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media (max-width: 768px) {
  /* line 103, ../_sass/general/_backgrounds.scss */
  .fixed-interior.take-action-hero {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 65% 0px;
  }
}

/* line 117, ../_sass/general/_backgrounds.scss */
.fixed-interior.about-hero {
  background: url(../_images/heros/about_2.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media (max-width: 768px) {
  /* line 117, ../_sass/general/_backgrounds.scss */
  .fixed-interior.about-hero {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 20% 0px;
    height: 100%;
  }
}

/* line 132, ../_sass/general/_backgrounds.scss */
.fixed-interior.resources-hero {
  background: url(../_images/heros/resources.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media (max-width: 768px) {
  /* line 132, ../_sass/general/_backgrounds.scss */
  .fixed-interior.resources-hero {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 45% 0px;
  }
}

/* line 146, ../_sass/general/_backgrounds.scss */
.fixed-interior.plugins-hero {
  background: url(../_images/heros/plugins.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media (max-width: 768px) {
  /* line 146, ../_sass/general/_backgrounds.scss */
  .fixed-interior.plugins-hero {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 45% 0px;
  }
}

/* line 161, ../_sass/general/_backgrounds.scss */
.full-image-fixed-gallery {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: -9999;
  content: '';
  background: url(../_images/img-full1.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 0px 0px;
  height: 70vh;
  overflow: hidden;
}

/* line 180, ../_sass/general/_backgrounds.scss */
.background-image1 {
  -webkit-transform: translate3d(0, 0, 0);
  position: relative;
  z-index: -2;
  content: '';
  background: none;
  background-color: transparent;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
  background-position: 100% 0px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  /* line 180, ../_sass/general/_backgrounds.scss */
  .background-image1 {
    background-position: 100% 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}
@media (min-width: 1500px) {
  /* line 180, ../_sass/general/_backgrounds.scss */
  .background-image1 {
    -webkit-background-size: 63% auto;
    -moz-background-size: 63% auto;
    -o-background-size: 63% auto;
    background-size: 63% auto;
    background-position: 110% 0px;
    height: 600px;
  }
}

/* line 213, ../_sass/general/_backgrounds.scss */
.background-image1-duplicate {
  -webkit-transform: translate3d(0, 0, 0);
  z-index: -2;
  content: '';
  background: url(../_images/trends.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 0px 0px;
  overflow: hidden;
  display: none;
}
@media (max-width: 980px) {
  /* line 213, ../_sass/general/_backgrounds.scss */
  .background-image1-duplicate {
    display: block;
  }
}

/* line 230, ../_sass/general/_backgrounds.scss */
.background-image-video {
  -webkit-transform: translate3d(0, 0, 0);
  z-index: -2;
  content: '';
  background: #404040 url(../_images/health-risk-dark.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 0px -5px;
  overflow: hidden;
  margin-top: -1px;
  transition: all .85s;
  -webkit-transition: all .85s;
}
@media (max-width: 768px) {
  /* line 230, ../_sass/general/_backgrounds.scss */
  .background-image-video {
    background: #404040 url(../_images/health-risk-dark.jpg) no-repeat;
    background-position: 70% 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}

/* line 270, ../_sass/general/_backgrounds.scss */
.background-image3 {
  -webkit-transform: translate3d(0, 0, 0);
  z-index: -2;
  content: '';
  background: url(../_images/kid3-bw.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: -150px 0px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  /* line 270, ../_sass/general/_backgrounds.scss */
  .background-image3 {
    background-position: 30% 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}
@media (max-width: 768px) {
  /* line 270, ../_sass/general/_backgrounds.scss */
  .background-image3 {
    background-position: 40% 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}
@media (min-width: 1400px) {
  /* line 270, ../_sass/general/_backgrounds.scss */
  .background-image3 {
    background-position: 0px 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}

/* line 304, ../_sass/general/_backgrounds.scss */
.background-image4 {
  -webkit-transform: translate3d(0, 0, 0);
  z-index: -2;
  content: '';
  background: url(../_images/kids-bw.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 0px 0px;
  overflow: hidden;
}
@media (max-width: 980px) {
  /* line 304, ../_sass/general/_backgrounds.scss */
  .background-image4 {
    background-position: 30% 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}

/* line 343, ../_sass/general/_backgrounds.scss */
.public-health-threat {
  -webkit-transform: translate3d(0, 0, 0);
  z-index: -2;
  content: '';
  background: url(../_images/img-full2.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 0px 0px;
  overflow: hidden;
}
@media (max-width: 768px) {
  /* line 343, ../_sass/general/_backgrounds.scss */
  .public-health-threat {
    background: #bbbdbe;
  }
}

/* line 359, ../_sass/general/_backgrounds.scss */
.student-stats-background {
  -webkit-transform: translate3d(0, 0, 0);
  z-index: -2;
  content: '';
  background: url(../_images/more-kids-using.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 0px 0px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  /* line 359, ../_sass/general/_backgrounds.scss */
  .student-stats-background {
    background-position: -100px 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}
@media (max-width: 980px) {
  /* line 359, ../_sass/general/_backgrounds.scss */
  .student-stats-background {
    background: #e8e8e8;
  }
}

/* line 382, ../_sass/general/_backgrounds.scss */
.nicoteen {
  -webkit-transform: translate3d(0, 0, 0);
  z-index: -2;
  content: '';
  background: url(../_images/nicoteen.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 0px 0px;
  overflow: hidden;
}

/* line 398, ../_sass/general/_backgrounds.scss */
.addiction {
  -webkit-transform: translate3d(0, 0, 0);
  z-index: -2;
  content: '';
  background: url(../_images/addiction.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 0px 0px;
  overflow: hidden;
}
@media (max-width: 980px) {
  /* line 398, ../_sass/general/_backgrounds.scss */
  .addiction {
    background-position: 30% 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}
@media (max-width: 768px) {
  /* line 398, ../_sass/general/_backgrounds.scss */
  .addiction {
    background-position: 100% 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}

/* line 425, ../_sass/general/_backgrounds.scss */
.dual-use {
  -webkit-transform: translate3d(0, 0, 0);
  z-index: -2;
  content: '';
  background: url(../_images/dual-use.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 0px 0px;
  overflow: hidden;
}

/* line 441, ../_sass/general/_backgrounds.scss */
.protect-youth {
  -webkit-transform: translate3d(0, 0, 0);
  z-index: -2;
  content: '';
  background: url(../_images/protect-youth.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 0px 0px;
  overflow: hidden;
}

/* line 457, ../_sass/general/_backgrounds.scss */
.background-image-int1 {
  -webkit-transform: translate3d(0, 0, 0);
  z-index: -2;
  content: '';
  background: url(../_images/health-care-full.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 0px 0px;
  overflow: hidden;
}
@media (max-width: 768px) {
  /* line 457, ../_sass/general/_backgrounds.scss */
  .background-image-int1 {
    background-position: 50% 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}

/* line 477, ../_sass/general/_backgrounds.scss */
.background-image-int2 {
  -webkit-transform: translate3d(0, 0, 0);
  z-index: -2;
  content: '';
  background: url(../_images/quiz.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 0px 0px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 768px) {
  /* line 477, ../_sass/general/_backgrounds.scss */
  .background-image-int2 {
    background-position: 70% 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}

/* line 500, ../_sass/general/_backgrounds.scss */
.background-image-gallery1 {
  -webkit-transform: translate3d(0, 0, 0);
  z-index: -2;
  content: '';
  background: url(../_images/img-full5.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 0px 0px;
  overflow: hidden;
}

/* line 513, ../_sass/general/_backgrounds.scss */
.background-image-gallery2 {
  -webkit-transform: translate3d(0, 0, 0);
  z-index: -2;
  content: '';
  background: url(../_images/img-full2.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 0px 0px;
  overflow: hidden;
}

/* line 526, ../_sass/general/_backgrounds.scss */
.background-image-gallery3 {
  -webkit-transform: translate3d(0, 0, 0);
  z-index: -2;
  content: '';
  background: url(../_images/img-full3.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 0px 0px;
  overflow: hidden;
}

/* line 539, ../_sass/general/_backgrounds.scss */
.background-image-gallery4 {
  -webkit-transform: translate3d(0, 0, 0);
  z-index: -2;
  content: '';
  background: url(../_images/img-full4.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 0px 0px;
  overflow: hidden;
}

/* line 552, ../_sass/general/_backgrounds.scss */
.background-image-gallery5 {
  -webkit-transform: translate3d(0, 0, 0);
  z-index: -2;
  content: '';
  background: url(../_images/img-full6.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 0px 0px;
  overflow: hidden;
}

/* line 565, ../_sass/general/_backgrounds.scss */
.background-image-gallery6 {
  -webkit-transform: translate3d(0, 0, 0);
  z-index: -2;
  content: '';
  background: url(../_images/img-full7.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 0px 0px;
  overflow: hidden;
}

/* line 584, ../_sass/general/_backgrounds.scss */
.slides li div {
  width: 50%;
  display: inline-block;
}

/* line 589, ../_sass/general/_backgrounds.scss */
.img-label, .img-label-right, .lbl-down {
  position: relative;
}
/* line 591, ../_sass/general/_backgrounds.scss */
.img-label:before, .img-label-right:before, .lbl-down:before {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: black;
  color: white;
  padding: 5px 10px;
}

/* line 602, ../_sass/general/_backgrounds.scss */
.label1:before {
  content: 'IMAGE 1';
  padding: 16px 10px;
  width: 70px;
  text-align: center;
  top: -150px;
}

/* line 611, ../_sass/general/_backgrounds.scss */
.label2:before {
  content: 'IMAGE 2';
  padding: 16px 10px;
  width: 70px;
  text-align: center;
}

/* line 619, ../_sass/general/_backgrounds.scss */
.label3:before {
  content: 'IMAGE 3';
  padding: 16px 10px;
  width: 70px;
  text-align: center;
}

/* line 627, ../_sass/general/_backgrounds.scss */
.label4:before {
  content: 'IMAGE 4';
  padding: 16px 10px;
  width: 70px;
  text-align: center;
}

/* line 635, ../_sass/general/_backgrounds.scss */
.label5:before {
  content: 'IMAGE 5';
  padding: 16px 10px;
  width: 70px;
  text-align: center;
}

/* line 643, ../_sass/general/_backgrounds.scss */
.label6:before {
  content: 'IMAGE 6';
  padding: 16px 10px;
  width: 70px;
  text-align: center;
}

/* line 651, ../_sass/general/_backgrounds.scss */
.label7:before {
  content: 'IMAGE 7';
  padding: 16px 10px;
  width: 70px;
  text-align: center;
}

/* line 659, ../_sass/general/_backgrounds.scss */
.label8:before {
  content: 'IMAGE 8';
}

/* line 662, ../_sass/general/_backgrounds.scss */
.label9:before {
  content: 'IMAGE 9';
}

/* line 665, ../_sass/general/_backgrounds.scss */
.label10:before {
  content: 'IMAGE 10';
}

/* line 668, ../_sass/general/_backgrounds.scss */
.label11:before {
  content: 'IMAGE 11';
}

/* line 671, ../_sass/general/_backgrounds.scss */
.label12:before {
  content: 'IMAGE 12';
}

/* line 674, ../_sass/general/_backgrounds.scss */
.label13:before {
  content: 'IMAGE 13';
}

/* line 677, ../_sass/general/_backgrounds.scss */
.label14:before {
  content: 'IMAGE 14';
}

/* line 680, ../_sass/general/_backgrounds.scss */
.label15:before {
  content: 'IMAGE 15';
}

/* line 683, ../_sass/general/_backgrounds.scss */
.label16:before {
  content: 'IMAGE 16';
}

/* line 686, ../_sass/general/_backgrounds.scss */
.label17:before {
  content: 'IMAGE 17';
}

/* line 689, ../_sass/general/_backgrounds.scss */
.label18:before {
  content: 'IMAGE 18';
}

/* line 692, ../_sass/general/_backgrounds.scss */
.label19:before {
  content: 'IMAGE 19';
}

/* line 695, ../_sass/general/_backgrounds.scss */
.label20:before {
  content: 'IMAGE 20';
}

/* line 698, ../_sass/general/_backgrounds.scss */
.label21:before {
  content: 'IMAGE 21';
}

/* line 701, ../_sass/general/_backgrounds.scss */
.label22:before {
  content: 'IMAGE 22';
}

/* line 704, ../_sass/general/_backgrounds.scss */
.label23:before {
  content: 'IMAGE 23';
}

/* line 707, ../_sass/general/_backgrounds.scss */
.label24:before {
  content: 'IMAGE 24';
}

/* line 710, ../_sass/general/_backgrounds.scss */
.label25:before {
  content: 'IMAGE 25';
}

/* line 713, ../_sass/general/_backgrounds.scss */
.label26:before {
  content: 'IMAGE 26';
}

/* line 716, ../_sass/general/_backgrounds.scss */
.label27:before {
  content: 'IMAGE 27';
}

/* line 1, ../_sass/interactions/_share.scss */
.share {
  transition: width .5s;
  position: relative;
  width: 210px;
  height: 50px;
  margin-bottom: 20px;
}
/* line 16, ../_sass/interactions/_share.scss */
.share.share-home {
  display: inline-block;
  margin-left: 20px;
}
/* line 20, ../_sass/interactions/_share.scss */
.share.share-video {
  display: block;
  margin-top: 40px;
}
@media (max-width: 1200px) {
  /* line 20, ../_sass/interactions/_share.scss */
  .share.share-video {
    float: left !important;
  }
}
/* line 27, ../_sass/interactions/_share.scss */
.share ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 45px;
  height: 45px;
  overflow: hidden;
  white-space: nowrap;
  float: left;
  background-color: white;
  transition: width .5s;
  -webkit-transition: width .5s;
  position: relative;
  z-index: 1;
}
/* line 41, ../_sass/interactions/_share.scss */
.share ul li {
  display: inline-block;
  width: 45px;
  height: 45px;
  vertical-align: bottom;
  background-color: #ebd119;
  text-align: center;
  padding-top: 0px;
  border-radius: 50%;
  position: relative;
  margin-left: 5px;
  transition: all .3s;
}
/* line 53, ../_sass/interactions/_share.scss */
.share ul li:first-of-type {
  margin-left: 0;
}
/* line 56, ../_sass/interactions/_share.scss */
.share ul li a {
  transition: all .3s;
  color: black;
  border-radius: 50%;
  border-bottom: none;
}
/* line 61, ../_sass/interactions/_share.scss */
.share ul li a i {
  position: relative;
  top: 0px;
  padding: 13px;
  font-size: 20px;
}
/* line 70, ../_sass/interactions/_share.scss */
.share .share-text {
  position: absolute;
  left: 55px;
  top: 15px;
  z-index: 0;
  font-size: 18px;
  transition: .5s all;
}
/* line 79, ../_sass/interactions/_share.scss */
.share:hover ul, .share:focus ul {
  width: 210px;
}
/* line 82, ../_sass/interactions/_share.scss */
.share:hover ul li:first-of-type, .share:focus ul li:first-of-type {
  background-color: black;
}
/* line 84, ../_sass/interactions/_share.scss */
.share:hover ul li:first-of-type a, .share:focus ul li:first-of-type a {
  color: white;
}
/* line 87, ../_sass/interactions/_share.scss */
.share:hover ul li:first-of-type:hover, .share:focus ul li:first-of-type:hover {
  background-color: black;
}
/* line 89, ../_sass/interactions/_share.scss */
.share:hover ul li:first-of-type:hover a, .share:focus ul li:first-of-type:hover a {
  color: white;
}
/* line 94, ../_sass/interactions/_share.scss */
.share:hover ul li:hover, .share:focus ul li:hover {
  background-color: black;
}
/* line 96, ../_sass/interactions/_share.scss */
.share:hover ul li:hover a, .share:focus ul li:hover a {
  color: white;
}
/* line 102, ../_sass/interactions/_share.scss */
.share:hover .share-text, .share:focus .share-text {
  opacity: 0;
}
@media (max-width: 768px) {
  /* line 1, ../_sass/interactions/_share.scss */
  .share {
    margin-bottom: 20px;
  }
}

/* line 111, ../_sass/interactions/_share.scss */
.share.right {
  float: right;
}
@media (max-width: 768px) {
  /* line 111, ../_sass/interactions/_share.scss */
  .share.right {
    float: none;
  }
}

/* line 120, ../_sass/interactions/_share.scss */
.share.light-hover .share-text {
  color: white;
}
/* line 126, ../_sass/interactions/_share.scss */
.share.light-hover:hover ul li:first-of-type {
  background-color: #a1b1bc;
}
/* line 128, ../_sass/interactions/_share.scss */
.share.light-hover:hover ul li:first-of-type a {
  color: black;
}
/* line 131, ../_sass/interactions/_share.scss */
.share.light-hover:hover ul li:first-of-type:hover {
  background-color: #a1b1bc;
}
/* line 133, ../_sass/interactions/_share.scss */
.share.light-hover:hover ul li:first-of-type:hover a {
  color: black;
}
/* line 138, ../_sass/interactions/_share.scss */
.share.light-hover:hover ul li:hover {
  background-color: #a1b1bc;
}
/* line 140, ../_sass/interactions/_share.scss */
.share.light-hover:hover ul li:hover a {
  color: black;
}
/* line 146, ../_sass/interactions/_share.scss */
.share.light-hover:hover .share-text {
  opacity: 0;
}

/* line 153, ../_sass/interactions/_share.scss */
.share.lightest-grey ul {
  background-color: #bbbdbe;
}

/* line 159, ../_sass/interactions/_share.scss */
.share.transparent ul {
  background-color: transparent;
}

/* line 164, ../_sass/interactions/_share.scss */
.share.black-share {
  margin-top: 35px;
}
/* line 167, ../_sass/interactions/_share.scss */
.share.black-share ul li {
  background-color: black;
}
/* line 169, ../_sass/interactions/_share.scss */
.share.black-share ul li a {
  color: white;
}
@media (max-width: 1200px) {
  /* line 164, ../_sass/interactions/_share.scss */
  .share.black-share {
    float: none;
  }
}
/* line 181, ../_sass/interactions/_share.scss */
.share.black-share:hover ul li:first-of-type a {
  color: #ebd119;
}
/* line 186, ../_sass/interactions/_share.scss */
.share.black-share:hover ul li:hover a {
  color: #ebd119;
}
/* line 192, ../_sass/interactions/_share.scss */
.share.black-share:hover .share-text {
  opacity: 0;
}

/* line 198, ../_sass/interactions/_share.scss */
.share.push-share-top {
  margin-top: 35px;
}

/* line 202, ../_sass/interactions/_share.scss */
.share-trigger {
  display: block;
}

/* line 1, ../_sass/general/_videocallout.scss */
.fixed-video {
  position: fixed;
  transition: .3s all;
  left: 0;
  z-index: 10;
  text-align: center;
  width: 100%;
}
/* line 8, ../_sass/general/_videocallout.scss */
.fixed-video .fixed-video-inner {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
}
/* line 15, ../_sass/general/_videocallout.scss */
.fixed-video .fixed-video-open {
  color: black;
  display: inline-block;
  padding: 8px;
  font-weight: bold;
  background-color: rgba(235, 209, 25, 0.85);
  font-family: 'Alegreya', Helvetica, Arial, sans-serif;
  font-size: 16px;
  border: none;
}
/* line 24, ../_sass/general/_videocallout.scss */
.fixed-video .fixed-video-open:hover {
  text-decoration: none;
}
/* line 28, ../_sass/general/_videocallout.scss */
.fixed-video .fixed-video-watch {
  margin: 0;
  color: black;
  display: block;
  padding: 8px;
  font-weight: bold;
  background-color: rgba(235, 209, 25, 0.85);
}
/* line 35, ../_sass/general/_videocallout.scss */
.fixed-video .fixed-video-watch:hover {
  text-decoration: none;
}
/* line 39, ../_sass/general/_videocallout.scss */
.fixed-video .fa {
  color: black;
}

/* line 48, ../_sass/general/_videocallout.scss */
.fixed-callout {
  left: 0px;
  bottom: 0;
  height: 81px;
  display: block;
  position: fixed;
  z-index: 10;
  transition: all .8s;
}
/* line 56, ../_sass/general/_videocallout.scss */
.fixed-callout img {
  height: 100%;
  display: inline-block;
  z-index: 12;
  position: relative;
}
/* line 63, ../_sass/general/_videocallout.scss */
.fixed-callout .video-thumb:after {
  background-image: url(../_images/play.png);
  background-size: 150px 81px;
  transition: all .5s;
  width: 150px;
  height: 81px;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 13;
  opacity: 0;
}
/* line 77, ../_sass/general/_videocallout.scss */
.fixed-callout .video-thumb:hover:after {
  opacity: 1;
}
/* line 82, ../_sass/general/_videocallout.scss */
.fixed-callout .callout-caption {
  float: right;
  z-index: 11;
  transition: all .6s;
  position: relative;
  display: inline-block;
  bottom: 0;
  color: white;
  background-color: #52595e;
  font-size: 24px;
  white-space: nowrap;
  overflow: hidden;
  margin-left: -310px;
  height: 100%;
  -webkit-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.2);
}
/* line 98, ../_sass/general/_videocallout.scss */
.fixed-callout .callout-text {
  text-decoration: none;
  transition: .6s all;
  top: 15px;
  margin: 0 15px;
  position: relative;
  color: white;
}
/* line 105, ../_sass/general/_videocallout.scss */
.fixed-callout .callout-text:hover {
  text-decoration: underline;
}
/* line 109, ../_sass/general/_videocallout.scss */
.fixed-callout .fa {
  font-size: 36px;
  position: relative;
  top: 22px;
  left: 0px;
  margin: 0 20px 0 10px;
  transition: transform .4s .5s;
  transform-origin: 50% 50%;
  transform: rotate(0deg);
}
/* line 119, ../_sass/general/_videocallout.scss */
.fixed-callout #video-icon-mobile {
  display: none;
}
/* line 123, ../_sass/general/_videocallout.scss */
.fixed-callout:hover .callout-caption {
  margin-left: 0px;
}
/* line 126, ../_sass/general/_videocallout.scss */
.fixed-callout:hover .callout-text {
  color: white;
}
/* line 129, ../_sass/general/_videocallout.scss */
.fixed-callout:hover .fa {
  transform: rotate(270deg);
}
@media (max-width: 768px) {
  /* line 48, ../_sass/general/_videocallout.scss */
  .fixed-callout {
    height: 60px;
  }
  /* line 137, ../_sass/general/_videocallout.scss */
  .fixed-callout:hover .callout-caption {
    margin-left: -220px;
  }
  /* line 140, ../_sass/general/_videocallout.scss */
  .fixed-callout:hover .callout-text {
    color: #52595e;
  }
  /* line 143, ../_sass/general/_videocallout.scss */
  .fixed-callout:hover .fa {
    transform: rotate(0deg);
  }
  /* line 147, ../_sass/general/_videocallout.scss */
  .fixed-callout .callout-caption {
    font-size: 18px;
    margin-left: -220px;
  }
  /* line 151, ../_sass/general/_videocallout.scss */
  .fixed-callout .fa {
    font-size: 36px;
    margin: 10px;
    top: 4px;
    left: -15px;
    width: 40px;
  }
  /* line 158, ../_sass/general/_videocallout.scss */
  .fixed-callout .callout-text {
    top: -5px;
    padding: 0;
    color: #52595e;
  }
  /* line 163, ../_sass/general/_videocallout.scss */
  .fixed-callout .video-callout-normal {
    display: none;
  }
  /* line 166, ../_sass/general/_videocallout.scss */
  .fixed-callout #video-icon-mobile {
    display: inline-block;
    text-align: center;
  }
  /* line 170, ../_sass/general/_videocallout.scss */
  .fixed-callout #video-icon {
    display: none;
  }
  /* line 174, ../_sass/general/_videocallout.scss */
  .fixed-callout .video-thumb:after {
    display: none;
  }
  /* line 178, ../_sass/general/_videocallout.scss */
  .fixed-callout .video-thumb:hover:after {
    display: none;
  }
}
@media (max-width: 321px) {
  /* line 187, ../_sass/general/_videocallout.scss */
  .fixed-callout:hover .callout-caption {
    margin-left: -170px;
  }
  /* line 191, ../_sass/general/_videocallout.scss */
  .fixed-callout .callout-caption {
    font-size: 14px;
    margin-left: -170px;
  }
}

/* line 199, ../_sass/general/_videocallout.scss */
.hide-callout {
  left: -220px;
}

/* line 204, ../_sass/general/_videocallout.scss */
.callout-expand .callout-caption {
  margin-left: 0px !important;
}
/* line 211, ../_sass/general/_videocallout.scss */
.callout-expand .callout-text {
  color: white !important;
}
@media (max-width: 768px) {
  /* line 203, ../_sass/general/_videocallout.scss */
  .callout-expand {
    left: 0;
  }
}

/* line 219, ../_sass/general/_videocallout.scss */
.animate-stuff {
  animation: scaley .4s ease-in-out;
  animation-delay: .25s;
}

/* line 224, ../_sass/general/_videocallout.scss */
.animate-again {
  animation: new .4s ease-in-out;
  animation-delay: .3s;
}

/* line 230, ../_sass/general/_videocallout.scss */
.popup-container {
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 10000;
  display: none;
  overflow: scroll;
}
/* line 238, ../_sass/general/_videocallout.scss */
.popup-container .container {
  color: white;
  position: relative;
}
/* line 241, ../_sass/general/_videocallout.scss */
.popup-container .container .popup-video {
  vertical-align: middle;
  margin: 120px 0 20px 0;
  width: 100%;
}
@media (max-width: 980px) {
  /* line 247, ../_sass/general/_videocallout.scss */
  .popup-container .span6 {
    width: 100%;
    margin: 0 auto;
  }
}
/* line 253, ../_sass/general/_videocallout.scss */
.popup-container a.close-modal {
  position: absolute;
  top: 0;
  right: 0;
}
/* line 257, ../_sass/general/_videocallout.scss */
.popup-container a.close-modal:hover {
  border-bottom: none;
}
/* line 261, ../_sass/general/_videocallout.scss */
.popup-container .fa-remove {
  color: #ebd119;
  font-size: 36px;
  padding: 40px;
  transition: .4s all;
}
/* line 266, ../_sass/general/_videocallout.scss */
.popup-container .fa-remove:hover {
  transform: scale(1.3);
}

@keyframes scaley {
  /* line 273, ../_sass/general/_videocallout.scss */
  0% {
    transform: scale(1);
  }

  /* line 277, ../_sass/general/_videocallout.scss */
  50% {
    transform: scale(0);
  }

  /* line 281, ../_sass/general/_videocallout.scss */
  100% {
    transform: scale(1);
  }
}

@keyframes new {
  /* line 287, ../_sass/general/_videocallout.scss */
  0% {
    transform: scale(1);
  }

  /* line 291, ../_sass/general/_videocallout.scss */
  50% {
    transform: scale(0);
  }

  /* line 295, ../_sass/general/_videocallout.scss */
  100% {
    transform: scale(1);
  }
}

@media (max-width: 1400px) {
  /* line 302, ../_sass/general/_videocallout.scss */
  #hide-video {
    top: 0;
  }
}
@media (max-width: 980px) {
  /* line 302, ../_sass/general/_videocallout.scss */
  #hide-video {
    top: 290px;
  }
}
@media (max-width: 768px) {
  /* line 302, ../_sass/general/_videocallout.scss */
  #hide-video {
    top: 350px;
  }
}
@media (max-width: 480px) {
  /* line 302, ../_sass/general/_videocallout.scss */
  #hide-video {
    top: 400px;
  }
}

/* line 1, ../_sass/general/_defaultpage.scss */
.color-overlay-default {
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: -1;
}

/* line 9, ../_sass/general/_defaultpage.scss */
.default-page-container {
  margin-top: 150px;
}
@media (max-width: 768px) {
  /* line 9, ../_sass/general/_defaultpage.scss */
  .default-page-container {
    margin-top: 100px;
  }
}
/* line 15, ../_sass/general/_defaultpage.scss */
.default-page-container .row div {
  padding: 20px;
  padding-top: 40px;
}
/* line 19, ../_sass/general/_defaultpage.scss */
.default-page-container .row div ul li {
  padding: 5px 0;
}
@media (max-width: 768px) {
  /* line 19, ../_sass/general/_defaultpage.scss */
  .default-page-container .row div ul li {
    padding: 10px 0;
  }
}
/* line 24, ../_sass/general/_defaultpage.scss */
.default-page-container .row div ul li a {
  color: white;
  padding: 5px 0;
  font-size: 20px;
}

/* line 37, ../_sass/general/_defaultpage.scss */
.background-image1 .side-angle:before {
  width: 50%;
}
@media (max-width: 980px) {
  /* line 37, ../_sass/general/_defaultpage.scss */
  .background-image1 .side-angle:before {
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    overflow: visible;
    width: 100%;
    z-index: -2;
    -webkit-transform: skewY(-2deg);
    -moz-transform: skewY(-2deg);
    -ms-transform: skewY(-2deg);
    -o-transform: skewY(-2deg);
    transform: skewY(-2deg);
  }
}

/* line 57, ../_sass/general/_defaultpage.scss */
.trends-infographic {
  margin: 80px 0 0 10%;
  width: 85%;
}
@media (max-width: 1200px) {
  /* line 57, ../_sass/general/_defaultpage.scss */
  .trends-infographic {
    margin: 100px 0 0 10%;
    width: 90%;
  }
}

/* line 66, ../_sass/general/_defaultpage.scss */
.trends-infographic-duplicate {
  max-width: 600px;
  padding: 30px 0;
  display: block;
  margin: 0 auto;
}

/* line 73, ../_sass/general/_defaultpage.scss */
.static-card {
  height: 400px;
  margin-bottom: 30px;
  position: relative;
  width: 100%;
  display: block;
  border-bottom: 0;
  transition: all .3s;
  -webkit-transition: all .3s;
}
/* line 82, ../_sass/general/_defaultpage.scss */
.static-card:hover {
  color: black;
}
/* line 84, ../_sass/general/_defaultpage.scss */
.static-card:hover .static-card-txt {
  background-color: rgba(155, 167, 203, 0.95);
  padding: 20px 0;
}
/* line 87, ../_sass/general/_defaultpage.scss */
.static-card:hover .static-card-txt i.fa {
  color: #ebd119;
}
/* line 92, ../_sass/general/_defaultpage.scss */
.static-card .static-card-txt {
  transition: all .3s;
  -webkit-transition: all .3s;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(155, 167, 203, 0.9);
  display: block;
  width: 100%;
  text-align: center;
  padding: 10px 0;
}
/* line 103, ../_sass/general/_defaultpage.scss */
.static-card .static-card-txt i.fa {
  background-color: #52595e;
  color: white;
  padding: 10px 11px;
  border-radius: 100px;
  transition: all .3s;
  -webkit-transition: all .3s;
}
/* line 111, ../_sass/general/_defaultpage.scss */
.static-card .static-card-txt h4 {
  font-size: 24px;
  line-height: 1.3;
}
/* line 116, ../_sass/general/_defaultpage.scss */
.static-card.card-brain {
  background: url(../_images/home-page-cards/default-brain-risks.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* line 123, ../_sass/general/_defaultpage.scss */
.static-card.card-addiction {
  background: url(../_images/home-page-cards/default-addiction.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* line 130, ../_sass/general/_defaultpage.scss */
.static-card.card-aerosol {
  background: url(../_images/home-page-cards/default-aerosol.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* line 137, ../_sass/general/_defaultpage.scss */
.static-card.card-behavior {
  background: url(../_images/home-page-cards/default-behavior.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* line 144, ../_sass/general/_defaultpage.scss */
.static-card.card-other {
  background: url(../_images/home-page-cards/dual-tobacco-products.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* line 153, ../_sass/general/_defaultpage.scss */
.video-cta {
  border: solid 1px #ebd119;
  padding: 10px 15px;
  color: black;
  font-size: 16px;
  transition: all .3s;
  display: inline-block;
  clear: both;
  float: left;
  background-color: #ebd119;
  font-weight: bold;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  /* line 153, ../_sass/general/_defaultpage.scss */
  .video-cta {
    margin-left: 10px;
  }
}
/* line 168, ../_sass/general/_defaultpage.scss */
.video-cta:hover {
  background-color: rgba(0, 0, 0, 0.3);
  text-decoration: none;
  color: white !important;
  border-color: #ebd119;
}
/* line 174, ../_sass/general/_defaultpage.scss */
.video-cta:visited, .video-cta:focus, .video-cta:active {
  color: black;
}

.homepage-new-cta {
  border: solid 1px #ebd119;
  padding: 10px 15px;
  color: black;
  font-size: 16px;
  transition: all .3s;
  display: inline-block;
  clear: both;
  float: left;
  background-color: #ebd119;
  font-weight: bold;
  margin-bottom: 20px;
}

.homepage-new-cta:hover {
  background-color: rgba(0, 0, 0, 0.3);
  text-decoration: none;
  color: white;
  border-color: #ebd119;
}
@media (max-width: 768px) {
  .homepage-new-cta {
    margin-left: 10px;
  }
}

/* line 179, ../_sass/general/_defaultpage.scss */
.line-fix {
  display: block;
}
@media (max-width: 480px) {
  /* line 179, ../_sass/general/_defaultpage.scss */
  .line-fix {
    display: inline;
  }
}

/* line 1, ../_sass/general/_animated-ecigs.scss */
.animated-ecigs {
  position: relative;
  margin: 100px auto 0;
  height: 500px;
  left: 50px;
}
@media (max-width: 980px) {
  /* line 1, ../_sass/general/_animated-ecigs.scss */
  .animated-ecigs {
    left: 0;
  }
}
@media (max-width: 900px) {
  /* line 1, ../_sass/general/_animated-ecigs.scss */
  .animated-ecigs {
    display: none;
  }
}

/* line 14, ../_sass/general/_animated-ecigs.scss */
.ecig-graphic {
  position: absolute;
  left: 60px;
  top: 190px;
}

/* line 20, ../_sass/general/_animated-ecigs.scss */
.ecigs-title {
  position: absolute;
  left: 100px;
  top: -80px;
  transition: all .85s;
  -webkit-transition: all .85s;
  opacity: 0;
}

/* line 28, ../_sass/general/_animated-ecigs.scss */
.ecig-left-arrow {
  position: absolute;
  left: 55px;
  top: 0px;
  transition: all .75s;
  -webkit-transition: all .75s;
  transition-delay: .25s;
  -webkit-transition-delay: .25s;
  opacity: 0;
}

/* line 38, ../_sass/general/_animated-ecigs.scss */
.ecig-right-arrow {
  position: absolute;
  left: 380px;
  top: -25px;
  transition: all .75s;
  -webkit-transition: all .75s;
  transition-delay: .5s;
  -webkit-transition-delay: .5s;
  opacity: 0;
}

/* line 48, ../_sass/general/_animated-ecigs.scss */
.ecig-names {
  position: absolute;
  left: 25px;
  top: 190px;
  transition: all .75s;
  -webkit-transition: all .75s;
  transition-delay: .75s;
  -webkit-transition-delay: .75s;
  opacity: 0;
}

/* line 61, ../_sass/general/_animated-ecigs.scss */
.ecigs-title-final {
  top: -20px;
  opacity: 1;
}

/* line 65, ../_sass/general/_animated-ecigs.scss */
.ecig-left-arrow-final {
  top: 60px;
  opacity: 1;
}

/* line 69, ../_sass/general/_animated-ecigs.scss */
.ecig-right-arrow-final {
  top: 35px;
  opacity: 1;
}

/* line 73, ../_sass/general/_animated-ecigs.scss */
.ecig-names-final {
  top: 130px;
  opacity: 1;
}

/* line 79, ../_sass/general/_animated-ecigs.scss */
.animated-ecigs-mobile {
  display: none;
  position: relative;
  width: 320px;
  height: 400px;
}
@media (max-width: 900px) {
  /* line 79, ../_sass/general/_animated-ecigs.scss */
  .animated-ecigs-mobile {
    margin-left: 40px;
    display: block;
  }
}
@media (max-width: 768px) {
  /* line 79, ../_sass/general/_animated-ecigs.scss */
  .animated-ecigs-mobile {
    margin: 30px auto;
  }
}

/* line 93, ../_sass/general/_animated-ecigs.scss */
.mobile-ecig-graphic {
  position: absolute;
  left: 30px;
  top: 210px;
}
@media (max-width: 341px) {
  /* line 93, ../_sass/general/_animated-ecigs.scss */
  .mobile-ecig-graphic {
    left: 1px;
	top: 220px;

  }
}

/* line 102, ../_sass/general/_animated-ecigs.scss */
.mobile-ecigs-title {
  position: absolute;
  left: 5px;
  top: -30px;
  transition: all .85s;
  -webkit-transition: all .85s;
  opacity: 0;
}

/* line 110, ../_sass/general/_animated-ecigs.scss */
.mobile-ecig-left-arrow {
  position: absolute;
  left: 0px;
  top: 35px;
  transition: all .75s;
  -webkit-transition: all .75s;
  transition-delay: .25s;
  -webkit-transition-delay: .25s;
  opacity: 0;
}

/* line 120, ../_sass/general/_animated-ecigs.scss */
.mobile-ecig-right-arrow {
  position: absolute;
  left: 275px;
  top: 0px;
  transition: all .75s;
  -webkit-transition: all .75s;
  transition-delay: .5s;
  -webkit-transition-delay: .5s;
  opacity: 0;
}

/* line 130, ../_sass/general/_animated-ecigs.scss */
.mobile-ecig-names {
  position: absolute;
  left: 10px;
  top: 190px;
  transition: all .75s;
  -webkit-transition: all .75s;
  transition-delay: .75s;
  -webkit-transition-delay: .75s;
  opacity: 0;
}

/* line 143, ../_sass/general/_animated-ecigs.scss */
.mobile-ecigs-title-final {
  top: 0px;
  opacity: 1;
}

/* line 147, ../_sass/general/_animated-ecigs.scss */
.mobile-ecig-left-arrow-final {
  top: 110px;
  opacity: 1;
}

/* line 151, ../_sass/general/_animated-ecigs.scss */
.mobile-ecig-right-arrow-final {
  top: 60px;
  opacity: 1;
}

/* line 155, ../_sass/general/_animated-ecigs.scss */
.mobile-ecig-names-final {
  top: 130px;
  left: 60px;
  opacity: 1;
}

/* line 1, ../_sass/interactions/_grid-tabs.scss */
.grid-tabs {
  width: 100%;
  padding: 0;
  margin: 0;
}
@media (max-width: 980px) {
  /* line 1, ../_sass/interactions/_grid-tabs.scss */
  .grid-tabs {
    margin: 0 0 20px 0;
  }
}
/* line 8, ../_sass/interactions/_grid-tabs.scss */
.grid-tabs li {
  width: 30%;
  display: inline-block;
  margin: 0 2% 2% 0;
  text-align: center;
  height: 170px;
}
@media (max-width: 480px) {
  /* line 8, ../_sass/interactions/_grid-tabs.scss */
  .grid-tabs li {
    height: 150px;
  }
}
/* line 17, ../_sass/interactions/_grid-tabs.scss */
.grid-tabs li a {
  border: solid 1px #52595e;
  width: 100%;
  height: 100%;
  vertical-align: top;
  display: table;
  color: #52595e;
  font-size: 24px;
  transition: all .2s;
  -webkit-transition: all .2s;
  border-spacing: 10px;
  -webkit-box-shadow: inset 0px 8px 0px 0px #ebd119;
  -moz-box-shadow: inset 0px 8px 0px 0px #ebd119;
  box-shadow: inset 0px 8px 0px 0px #ebd119;
}
@media (max-width: 980px) {
  /* line 17, ../_sass/interactions/_grid-tabs.scss */
  .grid-tabs li a {
    font-size: 18px;
  }
}
@media (max-width: 360px) {
  /* line 17, ../_sass/interactions/_grid-tabs.scss */
  .grid-tabs li a {
    font-size: 15px;
  }
}
/* line 37, ../_sass/interactions/_grid-tabs.scss */
.grid-tabs li a .inner-grid-tab {
  display: table-cell;
  vertical-align: middle;
}
/* line 41, ../_sass/interactions/_grid-tabs.scss */
.grid-tabs li a .fa {
  font-size: 56px;
  margin-bottom: 15px;
  color: #9ba7cb;
  transition: all .2s;
  -webkit-transition: all .2s;
}
@media (max-width: 980px) {
  /* line 41, ../_sass/interactions/_grid-tabs.scss */
  .grid-tabs li a .fa {
    font-size: 48px;
  }
}
/* line 51, ../_sass/interactions/_grid-tabs.scss */
.grid-tabs li a:hover {
  text-decoration: none;
  background-color: #f5f7f8;
}
/* line 61, ../_sass/interactions/_grid-tabs.scss */
.grid-tabs .grid-tab-active a {
  text-decoration: none;
  background-color: #52595e;
  color: white;
  -webkit-box-shadow: inset 0px 8px 0px 0px black;
  -moz-box-shadow: inset 0px 8px 0px 0px black;
  box-shadow: inset 0px 8px 0px 0px black;
}
/* line 68, ../_sass/interactions/_grid-tabs.scss */
.grid-tabs .grid-tab-active a .fa {
  color: white;
}
/* line 71, ../_sass/interactions/_grid-tabs.scss */
.grid-tabs .grid-tab-active a:hover {
  background-color: #52595e;
  color: white;
  -webkit-box-shadow: inset 0px 8px 0px 0px black;
  -moz-box-shadow: inset 0px 8px 0px 0px black;
  box-shadow: inset 0px 8px 0px 0px black;
}

/* line 82, ../_sass/interactions/_grid-tabs.scss */
.grid-tab-section h3 {
  margin-top: 0;
}

/* line 86, ../_sass/interactions/_grid-tabs.scss */
.grid-tab-row {
  margin-top: 20px;
}

/* line 1, ../_sass/general/_number-row.scss */
.number-row {
  width: 100%;
  padding: 0;
  margin: 0 0 20px 0;
}
@media (max-width: 768px) {
  /* line 1, ../_sass/general/_number-row.scss */
  .number-row {
    margin: 20px 0;
  }
}
/* line 8, ../_sass/general/_number-row.scss */
.number-row li {
  width: 30%;
  display: inline-block;
  margin: 0 2% 2% 0;
  text-align: center;
  background-color: #a1b1bc;
  padding: 50px 0;
  font-size: 20px;
  font-weight: bold;
}
@media (max-width: 980px) {
  /* line 8, ../_sass/general/_number-row.scss */
  .number-row li {
    font-size: 16px;
    padding: 25px 0;
  }
}
@media (max-width: 768px) {
  /* line 8, ../_sass/general/_number-row.scss */
  .number-row li {
    padding: 35px 0;
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  /* line 8, ../_sass/general/_number-row.scss */
  .number-row li {
    padding: 30px 0;
    font-size: 16px;
  }
}
/* line 29, ../_sass/general/_number-row.scss */
.number-row li span {
  display: block;
  font-size: 48px;
  margin-bottom: 20px;
}
@media (max-width: 980px) {
  /* line 29, ../_sass/general/_number-row.scss */
  .number-row li span {
    font-size: 40px;
  }
}
@media (max-width: 768px) {
  /* line 29, ../_sass/general/_number-row.scss */
  .number-row li span {
    font-size: 48px;
  }
}
@media (max-width: 480px) {
  /* line 29, ../_sass/general/_number-row.scss */
  .number-row li span {
    font-size: 40px;
  }
}

/* line 1, ../_sass/general/_image-label.scss */
.img-label, .img-label-right, .lbl-down {
  position: relative;
  display: block;
  line-height: 1.2;
}
@media (max-width: 980px) {
  /* line 1, ../_sass/general/_image-label.scss */
  .img-label, .img-label-right, .lbl-down {
    margin-bottom: 100px;
  }
}
/* line 8, ../_sass/general/_image-label.scss */
.img-label .img-label-content, .img-label-right .img-label-content, .lbl-down .img-label-content {
  position: absolute;
  background-color: white;
  bottom: -50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  padding: 10px;
}
/* line 16, ../_sass/general/_image-label.scss */
.img-label .img-label-content:after, .img-label-right .img-label-content:after, .lbl-down .img-label-content:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -10px;
  bottom: 100%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  clear: both;
}

/* line 32, ../_sass/general/_image-label.scss */
.img-label-right {
  display: inline-block;
}
/* line 35, ../_sass/general/_image-label.scss */
.img-label-right .img-label-content {
  left: auto;
  bottom: auto;
  top: 40px;
  right: -230px;
  display: inline-block;
  text-align: center;
}
@media (max-width: 480px) {
  /* line 35, ../_sass/general/_image-label.scss */
  .img-label-right .img-label-content {
    bottom: 0;
    right: -100%;
    top: auto;
  }
}
/* line 47, ../_sass/general/_image-label.scss */
.img-label-right .img-label-content:after {
  left: 0;
  margin-left: -10px;
  bottom: 50%;
  margin-bottom: -10px;
  border-left: none;
  border-right: 10px solid white;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
}

/* line 60, ../_sass/general/_image-label.scss */
.lbl-purple {
  background-color: #61457f !important;
  color: white !important;
}
/* line 63, ../_sass/general/_image-label.scss */
.lbl-purple:after {
  border-top: 10px solid #61457f !important;
}

/* line 68, ../_sass/general/_image-label.scss */
.lbl-grey, .lbl-down {
  background-color: #a1b1bc !important;
  color: black !important;
}
/* line 71, ../_sass/general/_image-label.scss */
.lbl-grey:after, .lbl-down:after {
  border-top: 10px solid #a1b1bc !important;
}

/* line 81, ../_sass/general/_image-label.scss */
.ecig-multi-label {
  width: 400px !important;
  bottom: -60px !important;
  margin-left: -200px !important;
  background-color: #9ba7cb !important;
}
/* line 86, ../_sass/general/_image-label.scss */
.ecig-multi-label:after {
  border-left: 10px solid transparent !important;
  border-right: 10px solid transparent !important;
  border-bottom: 10px solid #9ba7cb !important;
}
@media (max-width: 980px) {
  /* line 81, ../_sass/general/_image-label.scss */
  .ecig-multi-label {
    width: 300px !important;
    bottom: -90px !important;
    margin-left: -150px !important;
  }
}
@media (max-width: 768px) {
  /* line 81, ../_sass/general/_image-label.scss */
  .ecig-multi-label {
    width: 200px !important;
    bottom: -90px !important;
    margin-left: -100px !important;
  }
}

/* line 1, ../_sass/general/_taste-chart.scss */
.flavor-container {
  overflow: hidden;
  border: solid 1px #757e84;
  background-color: #ebd119;
  margin-top: 30px;
  height: 300px;
}
@media (max-width: 980px) {
  /* line 1, ../_sass/general/_taste-chart.scss */
  .flavor-container {
    width: 100%;
    height: auto;
  }
}

/* line 13, ../_sass/general/_taste-chart.scss */
.fc1 {
  display: table;
  width: 50%;
  height: 100%;
  border-spacing: 20px;
  float: left;
  background-color: #ebd119;
}
@media (max-width: 980px) {
  /* line 13, ../_sass/general/_taste-chart.scss */
  .fc1 {
    width: 100%;
  }
}
/* line 23, ../_sass/general/_taste-chart.scss */
.fc1 img {
  width: 150px;
}

/* line 28, ../_sass/general/_taste-chart.scss */
.fc2 {
  display: table;
  width: 50%;
  background-color: red;
  height: 100%;
  float: right;
  background-color: #f0f0f0;
  border-spacing: 15px;
  vertical-align: top;
}
@media (max-width: 980px) {
  /* line 28, ../_sass/general/_taste-chart.scss */
  .fc2 {
    width: 100%;
  }
}
/* line 40, ../_sass/general/_taste-chart.scss */
.fc2 ul {
  margin-left: 0;
  display: table-cell;
  vertical-align: middle;
  padding-left: 55px;
  padding-top: 40px;
}
@media (max-width: 768px) {
  /* line 40, ../_sass/general/_taste-chart.scss */
  .fc2 ul {
    display: block;
    padding-left: 0px;
    padding-top: 0;
    text-align: center;
  }
}
/* line 52, ../_sass/general/_taste-chart.scss */
.fc2 ul li {
  list-style-type: none;
  color: #61457f;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  /* line 52, ../_sass/general/_taste-chart.scss */
  .fc2 ul li {
    padding-bottom: 15px;
    padding-top: 15px;
    margin-bottom: 0;
  }
}
/* line 61, ../_sass/general/_taste-chart.scss */
.fc2 ul li span {
  color: black;
  font-size: 40px;
}

/* line 69, ../_sass/general/_taste-chart.scss */
.fci1 {
  display: table-cell;
  vertical-align: middle;
}
@media (max-width: 768px) {
  /* line 69, ../_sass/general/_taste-chart.scss */
  .fci1 {
    display: none;
  }
}

/* line 77, ../_sass/general/_taste-chart.scss */
.fci2 {
  display: table-cell;
  vertical-align: middle;
}

/* line 82, ../_sass/general/_taste-chart.scss */
.flavor-number {
  display: block;
  text-align: center;
  font-size: 122px;
  line-height: 1.1;
}

/* line 89, ../_sass/general/_taste-chart.scss */
.flavor-caption {
  display: block;
  text-align: center;
  font-size: 32px;
  line-height: 1.1;
}
@media (max-width: 1200px) {
  /* line 89, ../_sass/general/_taste-chart.scss */
  .flavor-caption {
    font-size: 28px;
  }
}
@media (max-width: 980px) {
  /* line 89, ../_sass/general/_taste-chart.scss */
  .flavor-caption {
    font-size: 32px;
  }
}

@media (max-width: 980px) {
  /* line 102, ../_sass/general/_taste-chart.scss */
  .quote-head, .quote-head-first {
    height: 175px;
  }
}
@media (max-width: 480px) {
  /* line 102, ../_sass/general/_taste-chart.scss */
  .quote-head, .quote-head-first {
    text-align: center;
    margin-bottom: 30px;
  }
  /* line 109, ../_sass/general/_taste-chart.scss */
  .quote-head .img-label-content, .quote-head-first .img-label-content {
    right: auto;
    left: 57px;
    top: 160px;
    height: 20px;
    width: 220px;
    text-align: center;
  }
  /* line 116, ../_sass/general/_taste-chart.scss */
  .quote-head .img-label-content:after, .quote-head-first .img-label-content:after {
    content: '';
    position: absolute;
    left: 50%;
    top: -20px;
    margin-left: -10px;
    bottom: 100%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    clear: both;
  }
}

/* line 134, ../_sass/general/_taste-chart.scss */
.quote-head-first {
  margin-left: 150px;
}
@media (max-width: 1200px) {
  /* line 134, ../_sass/general/_taste-chart.scss */
  .quote-head-first {
    margin-left: 0;
  }
}
@media (max-width: 480px) {
  /* line 134, ../_sass/general/_taste-chart.scss */
  .quote-head-first {
    text-align: center;
    margin-bottom: 30px;
  }
  /* line 143, ../_sass/general/_taste-chart.scss */
  .quote-head-first .img-label-content {
    right: auto;
    left: 57px;
    top: 160px;
    height: 20px;
    width: 220px;
    text-align: center;
  }
  /* line 150, ../_sass/general/_taste-chart.scss */
  .quote-head-first .img-label-content:after {
    content: '';
    position: absolute;
    left: 50%;
    top: -20px;
    margin-left: -10px;
    bottom: 100%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    clear: both;
  }
}

/* line 1, ../_sass/general/_quiz.scss */
.answer-container {
  background-color: #f5f7f8;
  padding: 0 20px;
  margin-bottom: 30px;
}
/* line 5, ../_sass/general/_quiz.scss */
.answer-container.correct-answer {
  border: solid 2px #61437e;
}
/* line 7, ../_sass/general/_quiz.scss */
.answer-container.correct-answer h3 {
  margin-bottom: 0px;
}
/* line 9, ../_sass/general/_quiz.scss */
.answer-container.correct-answer h3:before {
  font-weight: normal;
  font-family: Fontawesome;
  content: "\f05d";
  font-size: 32px;
  display: inline-block;
  color: #61437e;
  margin-right: 10px;
  position: relative;
  top: 3px;
}
/* line 22, ../_sass/general/_quiz.scss */
.answer-container.wrong-answer {
  border: solid 2px #a0043c;
}
/* line 24, ../_sass/general/_quiz.scss */
.answer-container.wrong-answer h3 {
  margin-bottom: 0px;
}
/* line 26, ../_sass/general/_quiz.scss */
.answer-container.wrong-answer h3:before {
  font-weight: normal;
  font-family: Fontawesome;
  content: "\f05c";
  font-size: 32px;
  display: inline-block;
  color: #a0043c;
  margin-right: 10px;
  position: relative;
  top: 3px;
}

/* line 42, ../_sass/general/_quiz.scss */
a.quiz-next:after {
  font-weight: normal;
  font-family: Fontawesome;
  content: "\f054";
  font-size: 14px;
  display: inline-block;
  color: black;
  margin-left: 7px;
  position: relative;
  top: 1px;
}

/* line 55, ../_sass/general/_quiz.scss */
.true-false-parent, .tf-true, .tf-false {
  font-size: 24px;
  color: black;
  display: table-cell;
  font-weight: bold;
  vertical-align: middle;
  padding: 30px;
}
/* line 62, ../_sass/general/_quiz.scss */
.true-false-parent:hover, .tf-true:hover, .tf-false:hover {
  color: black;
}
/* line 65, ../_sass/general/_quiz.scss */
.true-false-parent:before, .tf-true:before, .tf-false:before {
  font-weight: normal;
  font-family: Fontawesome;
  font-size: 100px;
  display: block;
  position: relative;
  padding-bottom: 50px;
}

/* line 74, ../_sass/general/_quiz.scss */
.tf-table {
  display: table;
  width: 100%;
  margin-top: 20px;
}

/* line 81, ../_sass/general/_quiz.scss */
.tf-true:before {
  content: "\f05d";
  color: #61437e;
}

/* line 88, ../_sass/general/_quiz.scss */
.tf-false:before {
  content: "\f05c";
  color: #a0043c;
}

/* line 94, ../_sass/general/_quiz.scss */
.quiz-question-number {
  background-color: #e5e5e7;
  padding: 10px 25px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 75px;
  font-size: 16px;
}
@media (max-width: 480px) {
  /* line 94, ../_sass/general/_quiz.scss */
  .quiz-question-number {
    position: relative;
    top: -15px;
  }
}

/* line 109, ../_sass/general/_quiz.scss */
.quiz-full-wrapper .btn {
  float: right;
}

/* line 119, ../_sass/general/_quiz.scss */
.quiz-share {
  margin-top: 10px;
}

/* line 123, ../_sass/general/_quiz.scss */
.quiz-callout {
  padding: 80px 0 30px;
}
/* line 125, ../_sass/general/_quiz.scss */
.quiz-callout .span12, .quiz-callout .span6 {
  margin: 0;
}
/* line 128, ../_sass/general/_quiz.scss */
.quiz-callout .fa-chevron-down {
  margin-top: 0;
}

/* line 135, ../_sass/general/_quiz.scss */
.correct-answer,
.wrong-answer,
.quiz-full-wrapper .btn {
  position: relative;
  transition: .5s all;
  -webkit-transition: .5s all;
  right: 0;
  opacity: 1;
}
/* line 141, ../_sass/general/_quiz.scss */
.correct-answer.hide,
.wrong-answer.hide,
.quiz-full-wrapper .btn.hide {
  right: -200px;
  opacity: 0;
}
/* line 145, ../_sass/general/_quiz.scss */
.correct-answer.show-answer-transform,
.wrong-answer.show-answer-transform,
.quiz-full-wrapper .btn.show-answer-transform {
  animation: answerIn .5s;
  -webkit-animation: answerIn .5s;
}

/* line 151, ../_sass/general/_quiz.scss */
.show-badge-transform {
  animation: badgeIn 2s ease-out;
  -webkit-animation: badgeIn 2s ease-out;
}

/* line 156, ../_sass/general/_quiz.scss */
#try-again {
  float: left;
  margin-top: 10px;
}

@keyframes answerIn {
  /* line 162, ../_sass/general/_quiz.scss */
  from {
    opacity: 0;
    right: -200px;
  }

  /* line 166, ../_sass/general/_quiz.scss */
  to {
    opacity: 1;
    right: 0;
  }
}

@keyframes badgeIn {
  /* line 173, ../_sass/general/_quiz.scss */
  from {
    -ms-transform: scale(0) rotate(2160deg);
    /* IE 9 */
    -webkit-transform: scale(0) rotate(2160deg);
    /* Chrome, Safari, Opera */
    transform: scale(0) rotate(2160deg);
  }

  /* line 178, ../_sass/general/_quiz.scss */
  to {
    -ms-transform: scale(1) rotate(0deg);
    /* IE 9 */
    -webkit-transform: scale(1) rotate(0deg);
    /* Chrome, Safari, Opera */
    transform: scale(1) rotate(0deg);
  }
}

/* line 187, ../_sass/general/_quiz.scss */
.try-again .sg-list .fa-chevron-right, .try-again .sg-list-ordered .fa-chevron-right {
  font-size: 10px;
  margin: 0 3px;
  position: relative;
  bottom: 2px;
}

/* line 1, ../_sass/general/_infographics.scss */
.students-stats-container {
  width: 100%;
  display: inline-block;
  padding: 50px 0;
}
/* line 5, ../_sass/general/_infographics.scss */
.students-stats-container .students-inner {
  width: 50%;
  display: inline-block;
  text-align: center;
  position: relative;
}
@media (max-width: 480px) {
  /* line 5, ../_sass/general/_infographics.scss */
  .students-stats-container .students-inner {
    display: block;
    width: 100%;
  }
}
/* line 14, ../_sass/general/_infographics.scss */
.students-stats-container .students-inner:first-of-type {
  float: left;
  -webkit-box-shadow: 1px 0px 0px 0px #a1b1bc;
  -moz-box-shadow: 1px 0px 0px 0px #a1b1bc;
  box-shadow: 1px 0px 0px 0px #a1b1bc;
}
@media (max-width: 480px) {
  /* line 14, ../_sass/general/_infographics.scss */
  .students-stats-container .students-inner:first-of-type {
    -webkit-box-shadow: 0px 1px 0px 0px #a1b1bc;
    -moz-box-shadow: 0px 1px 0px 0px #a1b1bc;
    box-shadow: 0px 1px 0px 0px #a1b1bc;
    padding-bottom: 20px;
    margin-bottom: 40px;
  }
}
/* line 27, ../_sass/general/_infographics.scss */
.students-stats-container .students-inner:last-of-type {
  float: right;
}
/* line 30, ../_sass/general/_infographics.scss */
.students-stats-container .students-inner .students-year {
  font-size: 48px;
  font-weight: bold;
  display: block;
}
/* line 35, ../_sass/general/_infographics.scss */
.students-stats-container .students-inner .students-label-container {
  width: 100%;
}
/* line 37, ../_sass/general/_infographics.scss */
.students-stats-container .students-inner .students-label-container .img-label, .students-stats-container .students-inner .students-label-container .img-label-right, .students-stats-container .students-inner .students-label-container .lbl-down {
  display: inline-block;
  width: 50%;
  margin-top: 40px;
}
@media (max-width: 480px) {
  /* line 37, ../_sass/general/_infographics.scss */
  .students-stats-container .students-inner .students-label-container .img-label, .students-stats-container .students-inner .students-label-container .img-label-right, .students-stats-container .students-inner .students-label-container .lbl-down {
    margin-bottom: 20px;
  }
}
/* line 44, ../_sass/general/_infographics.scss */
.students-stats-container .students-inner .students-label-container .img-label img, .students-stats-container .students-inner .students-label-container .img-label-right img, .students-stats-container .students-inner .students-label-container .lbl-down img {
  display: block;
  margin: 30px auto 10px;
}
/* line 48, ../_sass/general/_infographics.scss */
.students-stats-container .students-inner .students-label-container .img-label:first-of-type, .students-stats-container .students-inner .students-label-container .img-label-right:first-of-type, .students-stats-container .students-inner .students-label-container .lbl-down:first-of-type {
  float: left;
}
/* line 51, ../_sass/general/_infographics.scss */
.students-stats-container .students-inner .students-label-container .img-label:last-of-type, .students-stats-container .students-inner .students-label-container .img-label-right:last-of-type, .students-stats-container .students-inner .students-label-container .lbl-down:last-of-type {
  float: right;
}
/* line 54, ../_sass/general/_infographics.scss */
.students-stats-container .students-inner .students-label-container .img-label .img-label-content, .students-stats-container .students-inner .students-label-container .img-label-right .img-label-content, .students-stats-container .students-inner .students-label-container .lbl-down .img-label-content {
  width: auto;
  position: relative;
  left: 0;
  margin-left: 0;
  font-weight: bold;
}
/* line 60, ../_sass/general/_infographics.scss */
.students-stats-container .students-inner .students-label-container .img-label .img-label-content:after, .students-stats-container .students-inner .students-label-container .img-label-right .img-label-content:after, .students-stats-container .students-inner .students-label-container .lbl-down .img-label-content:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -10px;
  top: 100%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid white;
  border-bottom: 10px solid transparent;
  clear: both;
}
/* line 75, ../_sass/general/_infographics.scss */
.students-stats-container .students-inner .students-label-container .img-label .gender-label, .students-stats-container .students-inner .students-label-container .img-label-right .gender-label, .students-stats-container .students-inner .students-label-container .lbl-down .gender-label {
  display: block;
  font-weight: bold;
}

/* line 84, ../_sass/general/_infographics.scss */
#ecig-multi-info {
  opacity: 1;
  position: relative;
  top: 0;
}

/* line 90, ../_sass/general/_infographics.scss */
.fadeCustomEcig {
  top: -100px !important;
  opacity: 0 !important;
}

/* line 95, ../_sass/general/_infographics.scss */
#ecig-multi-info-label, #battery, #mouthpiece, #atomizer, #cartridge, #ecig-multi-info {
  transition: all .85s;
  -webkit-transition: all .85s;
}

/* line 100, ../_sass/general/_infographics.scss */
#mouthpiece {
  transition-delay: .3s;
  -webkit-transition-delay: .3s;
}

/* line 104, ../_sass/general/_infographics.scss */
#atomizer {
  transition-delay: .6s;
  -webkit-transition-delay: .6s;
}

/* line 108, ../_sass/general/_infographics.scss */
#cartridge {
  transition-delay: .9s;
  -webkit-transition-delay: .9s;
}

@media (max-width: 980px) {
  /* line 113, ../_sass/general/_infographics.scss */
  .infograph-span {
    width: 100% !important;
  }
}

/* line 119, ../_sass/general/_infographics.scss */
.larger-student-percent {
  font-size: 28px;
  font-weight: normal !important;
}

/* line 124, ../_sass/general/_infographics.scss */
.fadeUp {
  margin-bottom: -50px !important;
  opacity: 0;
}

/* line 128, ../_sass/general/_infographics.scss */
.fadeUpAlt {
  margin-top: 50px !important;
  opacity: 0;
}

/* line 132, ../_sass/general/_infographics.scss */
.fadeDown {
  margin-top: -50px !important;
  opacity: 0;
}

/* line 1, ../_sass/general/_subnav.scss */
.sub-nav {
  display: inline-block;
  padding: 0;
  margin: 0;
  width: 100%;
  font-size: 18px;
}
/* line 7, ../_sass/general/_subnav.scss */
.sub-nav li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
  border-bottom: solid 1px grey;
}
/* line 13, ../_sass/general/_subnav.scss */
.sub-nav li:last-of-type {
  border-bottom: 0;
}
/* line 16, ../_sass/general/_subnav.scss */
.sub-nav li a {
  color: white;
  padding: 0;
  margin: 0;
  display: inline-block;
  width: 100%;
  padding: 10px 0 10px 10px;
  position: relative;
  transition: all .3s;
  -webkit-transition: all .3s;
  line-height: 1.4;
  text-decoration: none !important;
  border-bottom: none !important;
}
/* line 29, ../_sass/general/_subnav.scss */
.sub-nav li a:hover {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #ebd119;
}
/* line 36, ../_sass/general/_subnav.scss */
.sub-nav ul {
  margin-top: -10px;
  margin-left: 10px;
}
/* line 39, ../_sass/general/_subnav.scss */
.sub-nav ul li {
  color: #ebd119 !important;
  list-style-type: square;
  padding: 0;
  margin: 0 0 0 25px;
  border-bottom: 0;
  font-size: 16px;
}
/* line 46, ../_sass/general/_subnav.scss */
.sub-nav ul li a {
  color: white !important;
  padding: 0 0 10px 0;
  margin: 0;
}
/* line 50, ../_sass/general/_subnav.scss */
.sub-nav ul li a:hover {
  color: #ebd119 !important;
  text-decoration: underline !important;
}
/* line 55, ../_sass/general/_subnav.scss */
.sub-nav ul li:last-of-type {
  border-bottom: 0 !important;
}

/* line 63, ../_sass/general/_subnav.scss */
.sub-nav li a:hover .arrow-action:after {
  animation: arrow-down-after .65s forwards;
  -webkit-animation: arrow-down-after .65s forwards;
  -moz-animation: arrow-down-after .65s forwards;
  -o-animation: arrow-down-after .65s forwards;
}
/* line 69, ../_sass/general/_subnav.scss */
.sub-nav li a:hover .arrow-action:before {
  animation: arrow-down-before .65s forwards;
  -webkit-animation: arrow-down-before .65s forwards;
  -moz-animation: arrow-down-before .65s forwards;
  -o-animation: arrow-down-before .65s forwards;
}
/* line 77, ../_sass/general/_subnav.scss */
.sub-nav li a .arrow-action:after {
  content: ' ';
  display: inline-block;
  background-color: #ebd119;
  position: absolute;
  height: 10px;
  width: 3px;
  top: 20px;
  right: 20px;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transition: all .3s;
  -webkit-transition: all .3s;
}
/* line 92, ../_sass/general/_subnav.scss */
.sub-nav li a .arrow-action:before {
  content: ' ';
  display: inline-block;
  background-color: #ebd119;
  position: absolute;
  height: 10px;
  width: 3px;
  top: 25px;
  right: 20px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition: all .3s;
  -webkit-transition: all .3s;
}

/* line 110, ../_sass/general/_subnav.scss */
.anim-hov:after {
  animation: arrow-down-after-hov .65s forwards;
  -webkit-animation: arrow-down-after-hov .65s forwards;
  -moz-animation: arrow-down-after-hov .65s forwards;
  -o-animation: arrow-down-after-hov .65s forwards;
}
/* line 116, ../_sass/general/_subnav.scss */
.anim-hov:before {
  animation: arrow-down-before-hov .65s forwards;
  -webkit-animation: arrow-down-before-hov .65s forwards;
  -moz-animation: arrow-down-before-hov .65s forwards;
  -o-animation: arrow-down-before-hov .65s forwards;
}

/* line 124, ../_sass/general/_subnav.scss */
.sub-nav-text {
  width: 80%;
  float: left;
  display: block;
}

/* line 130, ../_sass/general/_subnav.scss */
.arrow-action {
  width: 19%;
  float: right;
  display: block;
  position: absolute;
  right: 0;
  top: -4px;
}

@keyframes arrow-down-after {
  /* line 140, ../_sass/general/_subnav.scss */
  0% {
    top: 20px;
    right: 20px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

  /* line 147, ../_sass/general/_subnav.scss */
  50% {
    top: 23px;
    right: 20px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
  }

  /* line 154, ../_sass/general/_subnav.scss */
  100% {
    top: 23px;
    right: 17px;
    transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }
}

@keyframes arrow-down-before {
  /* line 163, ../_sass/general/_subnav.scss */
  0% {
    top: 25px;
    right: 20px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }

  /* line 170, ../_sass/general/_subnav.scss */
  50% {
    top: 23px;
    right: 20px;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }

  /* line 177, ../_sass/general/_subnav.scss */
  100% {
    top: 23px;
    right: 23px;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
  }
}

@keyframes arrow-down-after-hov {
  /* line 190, ../_sass/general/_subnav.scss */
  0% {
    top: 23px;
    right: 17px;
    transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }

  /* line 197, ../_sass/general/_subnav.scss */
  50% {
    top: 23px;
    right: 20px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
  }

  /* line 204, ../_sass/general/_subnav.scss */
  100% {
    top: 20px;
    right: 20px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
}

@keyframes arrow-down-before-hov {
  /* line 213, ../_sass/general/_subnav.scss */
  0% {
    top: 23px;
    right: 23px;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
  }

  /* line 220, ../_sass/general/_subnav.scss */
  50% {
    top: 23px;
    right: 20px;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }

  /* line 227, ../_sass/general/_subnav.scss */
  100% {
    top: 25px;
    right: 20px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
}

@-webkit-keyframes arrow-down-after {
  /* line 247, ../_sass/general/_subnav.scss */
  0% {
    top: 20px;
    right: 20px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

  /* line 254, ../_sass/general/_subnav.scss */
  50% {
    top: 23px;
    right: 20px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
  }

  /* line 261, ../_sass/general/_subnav.scss */
  100% {
    top: 23px;
    right: 17px;
    transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }
}

@-webkit-keyframes arrow-down-before {
  /* line 270, ../_sass/general/_subnav.scss */
  0% {
    top: 25px;
    right: 20px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }

  /* line 277, ../_sass/general/_subnav.scss */
  50% {
    top: 23px;
    right: 20px;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }

  /* line 284, ../_sass/general/_subnav.scss */
  100% {
    top: 23px;
    right: 23px;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
  }
}

@-webkit-keyframes arrow-down-after-hov {
  /* line 297, ../_sass/general/_subnav.scss */
  0% {
    top: 23px;
    right: 17px;
    transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }

  /* line 304, ../_sass/general/_subnav.scss */
  50% {
    top: 23px;
    right: 20px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
  }

  /* line 311, ../_sass/general/_subnav.scss */
  100% {
    top: 20px;
    right: 20px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
}

@-webkit-keyframes arrow-down-before-hov {
  /* line 320, ../_sass/general/_subnav.scss */
  0% {
    top: 23px;
    right: 23px;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
  }

  /* line 327, ../_sass/general/_subnav.scss */
  50% {
    top: 23px;
    right: 20px;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }

  /* line 334, ../_sass/general/_subnav.scss */
  100% {
    top: 25px;
    right: 20px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
}

@-moz-keyframes arrow-down-after {
  /* line 345, ../_sass/general/_subnav.scss */
  0% {
    top: 20px;
    right: 20px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

  /* line 352, ../_sass/general/_subnav.scss */
  50% {
    top: 23px;
    right: 20px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
  }

  /* line 359, ../_sass/general/_subnav.scss */
  100% {
    top: 23px;
    right: 17px;
    transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }
}

@-moz-keyframes arrow-down-before {
  /* line 368, ../_sass/general/_subnav.scss */
  0% {
    top: 25px;
    right: 20px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }

  /* line 375, ../_sass/general/_subnav.scss */
  50% {
    top: 23px;
    right: 20px;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }

  /* line 382, ../_sass/general/_subnav.scss */
  100% {
    top: 23px;
    right: 23px;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
  }
}

@-moz-keyframes arrow-down-after-hov {
  /* line 395, ../_sass/general/_subnav.scss */
  0% {
    top: 23px;
    right: 17px;
    transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }

  /* line 402, ../_sass/general/_subnav.scss */
  50% {
    top: 23px;
    right: 20px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
  }

  /* line 409, ../_sass/general/_subnav.scss */
  100% {
    top: 20px;
    right: 20px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
}

@-moz-keyframes arrow-down-before-hov {
  /* line 418, ../_sass/general/_subnav.scss */
  0% {
    top: 23px;
    right: 23px;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
  }

  /* line 425, ../_sass/general/_subnav.scss */
  50% {
    top: 23px;
    right: 20px;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }

  /* line 432, ../_sass/general/_subnav.scss */
  100% {
    top: 25px;
    right: 20px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
}

@-o-keyframes arrow-down-after {
  /* line 443, ../_sass/general/_subnav.scss */
  0% {
    top: 20px;
    right: 20px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

  /* line 450, ../_sass/general/_subnav.scss */
  50% {
    top: 23px;
    right: 20px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
  }

  /* line 457, ../_sass/general/_subnav.scss */
  100% {
    top: 23px;
    right: 17px;
    transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }
}

@-o-keyframes arrow-down-before {
  /* line 466, ../_sass/general/_subnav.scss */
  0% {
    top: 25px;
    right: 20px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }

  /* line 473, ../_sass/general/_subnav.scss */
  50% {
    top: 23px;
    right: 20px;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }

  /* line 480, ../_sass/general/_subnav.scss */
  100% {
    top: 23px;
    right: 23px;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
  }
}

@-o-keyframes arrow-down-after-hov {
  /* line 493, ../_sass/general/_subnav.scss */
  0% {
    top: 23px;
    right: 17px;
    transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }

  /* line 500, ../_sass/general/_subnav.scss */
  50% {
    top: 23px;
    right: 20px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
  }

  /* line 507, ../_sass/general/_subnav.scss */
  100% {
    top: 20px;
    right: 20px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
}

@-o-keyframes arrow-down-before-hov {
  /* line 516, ../_sass/general/_subnav.scss */
  0% {
    top: 23px;
    right: 23px;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
  }

  /* line 523, ../_sass/general/_subnav.scss */
  50% {
    top: 23px;
    right: 20px;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }

  /* line 530, ../_sass/general/_subnav.scss */
  100% {
    top: 25px;
    right: 20px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
}

/* line 1, ../_sass/interactions/_card-flip.scss */
.card-container {
  perspective: 1000px;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  margin-bottom: 30px;
}
@media (max-width: 980px) {
  /* line 6, ../_sass/interactions/_card-flip.scss */
  .card-container.span4 {
    width: 352px;
  }
}
@media (max-width: 768px) {
  /* line 6, ../_sass/interactions/_card-flip.scss */
  .card-container.span4 {
    width: 100%;
  }
}

/* line 16, ../_sass/interactions/_card-flip.scss */
.card-flip {
  cursor: pointer;
  width: 100%;
  height: 400px;
  transition: all .65s ease;
  -webkit-transition: all .65s ease;
  transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  position: relative;
}
/* line 27, ../_sass/interactions/_card-flip.scss */
.card-flip:hover .front {
  transform: rotateY(-15deg);
  -ms-transform: rotateY(-15deg);
  /* IE 9 */
  -webkit-transform: rotateY(-15deg);
  /* Chrome, Safari, Opera */
}
@media (max-width: 1200px) {
  /* line 16, ../_sass/interactions/_card-flip.scss */
  .card-flip {
    height: 520px;
  }
}
@media (max-width: 980px) {
  /* line 16, ../_sass/interactions/_card-flip.scss */
  .card-flip {
    height: 450px;
  }
}
@media (max-width: 768px) {
  /* line 16, ../_sass/interactions/_card-flip.scss */
  .card-flip {
    height: 550px;
  }
}
/* line 43, ../_sass/interactions/_card-flip.scss */
.card-flip.hover-card .back {
  transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  /* IE 9 */
  -webkit-transform: rotateY(0deg);
  /* Chrome, Safari, Opera */
}
/* line 49, ../_sass/interactions/_card-flip.scss */
.card-flip.hover-card .front {
  transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  /* IE 9 */
  -webkit-transform: rotateY(-180deg);
  /* Chrome, Safari, Opera */
}
/* line 56, ../_sass/interactions/_card-flip.scss */
.card-flip .front, .card-flip .back {
  transition: all .65s ease;
  -webkit-transition: all .65s ease;
  width: 100%;
  height: 400px;
  position: absolute;
  top: 0;
  left: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
@media (max-width: 1200px) {
  /* line 56, ../_sass/interactions/_card-flip.scss */
  .card-flip .front, .card-flip .back {
    height: 520px;
  }
}
@media (max-width: 980px) {
  /* line 56, ../_sass/interactions/_card-flip.scss */
  .card-flip .front, .card-flip .back {
    height: 450px;
  }
}
@media (max-width: 768px) {
  /* line 56, ../_sass/interactions/_card-flip.scss */
  .card-flip .front, .card-flip .back {
    height: 550px;
  }
}
/* line 78, ../_sass/interactions/_card-flip.scss */
.card-flip .front.restrict-around-young-people {
  background: url(../_images/card-flip/restrict-around-young-people.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media (max-width: 1200px) {
  /* line 78, ../_sass/interactions/_card-flip.scss */
  .card-flip .front.restrict-around-young-people {
    background-position: -100px 0;
  }
}
@media (max-width: 980px) {
  /* line 78, ../_sass/interactions/_card-flip.scss */
  .card-flip .front.restrict-around-young-people {
    background-position: 0 0;
  }
}
/* line 91, ../_sass/interactions/_card-flip.scss */
.card-flip .front.tobacco-free-locations {
  background: url(../_images/card-flip/tobacco-free-locations.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media (max-width: 1200px) {
  /* line 91, ../_sass/interactions/_card-flip.scss */
  .card-flip .front.tobacco-free-locations {
    background-position: -100px 0;
  }
}
@media (max-width: 980px) {
  /* line 91, ../_sass/interactions/_card-flip.scss */
  .card-flip .front.tobacco-free-locations {
    background-position: 0 0;
  }
}
/* line 104, ../_sass/interactions/_card-flip.scss */
.card-flip .front.ensure-tobacco-free {
  background: url(../_images/card-flip/ensure-tobacco-free.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media (max-width: 1200px) {
  /* line 104, ../_sass/interactions/_card-flip.scss */
  .card-flip .front.ensure-tobacco-free {
    background-position: -100px 0;
  }
}
@media (max-width: 980px) {
  /* line 104, ../_sass/interactions/_card-flip.scss */
  .card-flip .front.ensure-tobacco-free {
    background-position: 0 0;
  }
}
/* line 117, ../_sass/interactions/_card-flip.scss */
.card-flip .front.make-home-tobacco-free {
  background: url(../_images/card-flip/make-home-tobacco-free.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media (max-width: 1200px) {
  /* line 117, ../_sass/interactions/_card-flip.scss */
  .card-flip .front.make-home-tobacco-free {
    background-position: -100px 0;
  }
}
@media (max-width: 980px) {
  /* line 117, ../_sass/interactions/_card-flip.scss */
  .card-flip .front.make-home-tobacco-free {
    background-position: 0 0;
  }
}
/* line 130, ../_sass/interactions/_card-flip.scss */
.card-flip .front.be-example {
  background: url(../_images/card-flip/be-example.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media (max-width: 1200px) {
  /* line 130, ../_sass/interactions/_card-flip.scss */
  .card-flip .front.be-example {
    background-position: -100px 0;
  }
}
@media (max-width: 980px) {
  /* line 130, ../_sass/interactions/_card-flip.scss */
  .card-flip .front.be-example {
    background-position: 0 0;
  }
}
/* line 143, ../_sass/interactions/_card-flip.scss */
.card-flip .front h3 {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #ebd119;
  padding: 0 10% 10px 10%;
  margin-bottom: 0;
  z-index: 1;
  display: block;
  width: 80%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
/* line 155, ../_sass/interactions/_card-flip.scss */
.card-flip .front h3:before {
  -webkit-transform: translate3d(0, 0, 0);
  content: '';
  position: absolute;
  right: 0;
  top: -25px;
  overflow: visible;
  width: 100%;
  height: 40px;
  z-index: -1;
  -webkit-transform: skewY(-2deg);
  -moz-transform: skewY(-2deg);
  -ms-transform: skewY(-2deg);
  -o-transform: skewY(-2deg);
  transform: skewY(-2deg);
  transition: all .5s;
  -webkit-transition: all .5s;
  background-color: #ebd119;
}
/* line 177, ../_sass/interactions/_card-flip.scss */
.card-flip .back {
  background: url(../_images/card-flip/bckgrnd-card.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: #bbbdbe;
  transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  /* IE 9 */
  -webkit-transform: rotateY(180deg);
  /* Chrome, Safari, Opera */
  z-index: 9;
  color: white;
}
/* line 189, ../_sass/interactions/_card-flip.scss */
.card-flip .back h4 {
  padding: 10px;
  margin: 20px 20px 0 20px;
  font-size: 24px;
  background-color: #ebd119;
  color: black;
  display: inline-block;
  line-height: 1.2;
}
/* line 198, ../_sass/interactions/_card-flip.scss */
.card-flip .back p {
  padding: 10px;
  margin: 0 20px 0 20px;
}

/* line 205, ../_sass/interactions/_card-flip.scss */
.slight {
  animation: slight-turn 1.6s forwards;
  -webkit-animation: slight-turn 1.6s forwards;
  -moz-animation: slight-turn 1.6s forwards;
  -o-animation: slight-turn 1.6s forwards;
}

@keyframes slight-turn {
  /* line 213, ../_sass/interactions/_card-flip.scss */
  0% {
    transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    /* IE 9 */
    -webkit-transform: rotateY(0deg);
    /* Chrome, Safari, Opera */
  }

  /* line 218, ../_sass/interactions/_card-flip.scss */
  25% {
    transform: rotateY(-15deg);
    -ms-transform: rotateY(-15deg);
    /* IE 9 */
    -webkit-transform: rotateY(-15deg);
    /* Chrome, Safari, Opera */
  }

  /* line 223, ../_sass/interactions/_card-flip.scss */
  50% {
    transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    /* IE 9 */
    -webkit-transform: rotateY(0deg);
    /* Chrome, Safari, Opera */
  }

  /* line 228, ../_sass/interactions/_card-flip.scss */
  75% {
    transform: rotateY(-15deg);
    -ms-transform: rotateY(-15deg);
    /* IE 9 */
    -webkit-transform: rotateY(-15deg);
    /* Chrome, Safari, Opera */
  }

  /* line 233, ../_sass/interactions/_card-flip.scss */
  100% {
    transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    /* IE 9 */
    -webkit-transform: rotateY(0deg);
    /* Chrome, Safari, Opera */
  }
}

@-webkit-keyframes slight-turn {
  /* line 243, ../_sass/interactions/_card-flip.scss */
  0% {
    transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    /* IE 9 */
    -webkit-transform: rotateY(0deg);
    /* Chrome, Safari, Opera */
  }

  /* line 248, ../_sass/interactions/_card-flip.scss */
  25% {
    transform: rotateY(-15deg);
    -ms-transform: rotateY(-15deg);
    /* IE 9 */
    -webkit-transform: rotateY(-15deg);
    /* Chrome, Safari, Opera */
  }

  /* line 253, ../_sass/interactions/_card-flip.scss */
  50% {
    transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    /* IE 9 */
    -webkit-transform: rotateY(0deg);
    /* Chrome, Safari, Opera */
  }

  /* line 258, ../_sass/interactions/_card-flip.scss */
  75% {
    transform: rotateY(-15deg);
    -ms-transform: rotateY(-15deg);
    /* IE 9 */
    -webkit-transform: rotateY(-15deg);
    /* Chrome, Safari, Opera */
  }

  /* line 263, ../_sass/interactions/_card-flip.scss */
  100% {
    transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    /* IE 9 */
    -webkit-transform: rotateY(0deg);
    /* Chrome, Safari, Opera */
  }
}

@-moz-keyframes slight-turn {
  /* line 271, ../_sass/interactions/_card-flip.scss */
  0% {
    transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    /* IE 9 */
    -webkit-transform: rotateY(0deg);
    /* Chrome, Safari, Opera */
  }

  /* line 276, ../_sass/interactions/_card-flip.scss */
  25% {
    transform: rotateY(-15deg);
    -ms-transform: rotateY(-15deg);
    /* IE 9 */
    -webkit-transform: rotateY(-15deg);
    /* Chrome, Safari, Opera */
  }

  /* line 281, ../_sass/interactions/_card-flip.scss */
  50% {
    transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    /* IE 9 */
    -webkit-transform: rotateY(0deg);
    /* Chrome, Safari, Opera */
  }

  /* line 286, ../_sass/interactions/_card-flip.scss */
  75% {
    transform: rotateY(-15deg);
    -ms-transform: rotateY(-15deg);
    /* IE 9 */
    -webkit-transform: rotateY(-15deg);
    /* Chrome, Safari, Opera */
  }

  /* line 291, ../_sass/interactions/_card-flip.scss */
  100% {
    transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    /* IE 9 */
    -webkit-transform: rotateY(0deg);
    /* Chrome, Safari, Opera */
  }
}

@-o-keyframes slight-turn {
  /* line 299, ../_sass/interactions/_card-flip.scss */
  0% {
    transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    /* IE 9 */
    -webkit-transform: rotateY(0deg);
    /* Chrome, Safari, Opera */
  }

  /* line 304, ../_sass/interactions/_card-flip.scss */
  25% {
    transform: rotateY(-15deg);
    -ms-transform: rotateY(-15deg);
    /* IE 9 */
    -webkit-transform: rotateY(-15deg);
    /* Chrome, Safari, Opera */
  }

  /* line 309, ../_sass/interactions/_card-flip.scss */
  50% {
    transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    /* IE 9 */
    -webkit-transform: rotateY(0deg);
    /* Chrome, Safari, Opera */
  }

  /* line 314, ../_sass/interactions/_card-flip.scss */
  75% {
    transform: rotateY(-15deg);
    -ms-transform: rotateY(-15deg);
    /* IE 9 */
    -webkit-transform: rotateY(-15deg);
    /* Chrome, Safari, Opera */
  }

  /* line 319, ../_sass/interactions/_card-flip.scss */
  100% {
    transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    /* IE 9 */
    -webkit-transform: rotateY(0deg);
    /* Chrome, Safari, Opera */
  }
}

/* line 1, ../_sass/general/_about-infographic.scss */
.about-infographic {
  color: #52595e;
}
@media (max-width: 1200px) {
  /* line 1, ../_sass/general/_about-infographic.scss */
  .about-infographic {
    margin-top: 30px;
  }
}
/* line 6, ../_sass/general/_about-infographic.scss */
.about-infographic .ai-container {
  position: relative;
  width: 570px;
  display: block;
  margin: 0 auto;
}
@media (max-width: 768px) {
  /* line 6, ../_sass/general/_about-infographic.scss */
  .about-infographic .ai-container {
    width: 320px;
  }
}
/* line 14, ../_sass/general/_about-infographic.scss */
.about-infographic .ai-container .age-range {
  font-style: italic;
  font-size: 16px;
  display: block;
  font-weight: normal;
}
/* line 20, ../_sass/general/_about-infographic.scss */
.about-infographic .ai-container img {
  width: 555px;
}
/* line 23, ../_sass/general/_about-infographic.scss */
.about-infographic .ai-container .ai-main {
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -130px;
  width: 250px;
  font-size: 20px;
  text-align: center;
}
@media (max-width: 768px) {
  /* line 23, ../_sass/general/_about-infographic.scss */
  .about-infographic .ai-container .ai-main {
    top: 180px;
    margin-left: -110px;
  }
}
/* line 35, ../_sass/general/_about-infographic.scss */
.about-infographic .ai-container .ai-main .year-large {
  font-size: 56px;
  font-weight: bold;
  line-height: 1;
}
/* line 41, ../_sass/general/_about-infographic.scss */
.about-infographic .ai-container .young-adolescents {
  position: absolute;
  top: 170px;
  left: 15px;
  font-size: 22px;
  text-align: left;
  font-weight: bold;
  line-height: 1.4;
}
@media (max-width: 768px) {
  /* line 41, ../_sass/general/_about-infographic.scss */
  .about-infographic .ai-container .young-adolescents {
    top: 25px;
    left: 180px;
  }
}
/* line 54, ../_sass/general/_about-infographic.scss */
.about-infographic .ai-container .adolescents {
  position: absolute;
  top: 150px;
  left: 435px;
  font-size: 22px;
  text-align: left;
  font-weight: bold;
  line-height: 1.4;
}
@media (max-width: 768px) {
  /* line 54, ../_sass/general/_about-infographic.scss */
  .about-infographic .ai-container .adolescents {
    top: 495px;
    left: 185px;
  }
}
/* line 67, ../_sass/general/_about-infographic.scss */
.about-infographic .ai-container .young-adults {
  position: absolute;
  top: 320px;
  left: 50%;
  margin-left: 15px;
  font-size: 22px;
  text-align: left;
  font-weight: bold;
  line-height: 1.4;
}
@media (max-width: 768px) {
  /* line 67, ../_sass/general/_about-infographic.scss */
  .about-infographic .ai-container .young-adults {
    top: 495px;
    left: 0px;
  }
}

@media (max-width: 768px) {
  /* line 84, ../_sass/general/_about-infographic.scss */
  .ai-info-large {
    display: none;
  }
}

/* line 89, ../_sass/general/_about-infographic.scss */
.ai-info-small {
  display: none;
}
@media (max-width: 768px) {
  /* line 89, ../_sass/general/_about-infographic.scss */
  .ai-info-small {
    display: block;
    max-width: 320px;
  }
}

/* line 1, ../_sass/general/_ecig-parts.scss */
.ecig-parts-container {
  display: block;
  position: relative;
}

/* line 6, ../_sass/general/_ecig-parts.scss */
.ecig-parts-lbl {
  position: absolute;
  display: block;
}
@media (max-width: 980px) {
  /* line 6, ../_sass/general/_ecig-parts.scss */
  .ecig-parts-lbl {
    margin-bottom: 100px;
  }
}
/* line 12, ../_sass/general/_ecig-parts.scss */
.ecig-parts-lbl .ecig-parts-content {
  position: absolute;
  background-color: #9ba7cb;
  width: 150px;
  padding: 10px;
  line-height: 1.4;
}
/* line 18, ../_sass/general/_ecig-parts.scss */
.ecig-parts-lbl .ecig-parts-content:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -10px;
  top: 100%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #9ba7cb;
  clear: both;
}
@media (max-width: 768px) {
  /* line 18, ../_sass/general/_ecig-parts.scss */
  .ecig-parts-lbl .ecig-parts-content:after {
    border-top: 10px solid transparent;
    border-right: 10px solid #9ba7cb;
    border-bottom: 10px solid transparent;
    left: -10px;
    top: 50%;
    margin-top: -10px;
  }
}
/* line 40, ../_sass/general/_ecig-parts.scss */
.ecig-parts-lbl .ecig-parts-content-bottom {
  position: absolute;
  background-color: #9ba7cb;
  width: 150px;
  padding: 10px;
  line-height: 1.4;
}
/* line 46, ../_sass/general/_ecig-parts.scss */
.ecig-parts-lbl .ecig-parts-content-bottom:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -10px;
  bottom: 100%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #9ba7cb;
  clear: both;
}
@media (max-width: 768px) {
  /* line 46, ../_sass/general/_ecig-parts.scss */
  .ecig-parts-lbl .ecig-parts-content-bottom:after {
    border-top: 10px solid transparent;
    border-right: 10px solid #9ba7cb;
    border-bottom: 10px solid transparent;
    left: -10px;
    top: 50%;
    margin-top: -10px;
  }
}

/* line 70, ../_sass/general/_ecig-parts.scss */
#battery {
  top: -35px;
  left: 16%;
}
@media (max-width: 1200px) {
  /* line 70, ../_sass/general/_ecig-parts.scss */
  #battery {
    left: 10%;
  }
}
@media (max-width: 980px) {
  /* line 70, ../_sass/general/_ecig-parts.scss */
  #battery {
    top: -45px;
    left: 10%;
  }
}
@media (max-width: 768px) {
  /* line 70, ../_sass/general/_ecig-parts.scss */
  #battery {
    top: 700px;
    left: 45%;
  }
}
@media (max-width: 480px) {
  /* line 70, ../_sass/general/_ecig-parts.scss */
  #battery {
    left: 40%;
  }
}

/* line 89, ../_sass/general/_ecig-parts.scss */
#mouthpiece {
  top: -55px;
  right: 26%;
}
@media (max-width: 1200px) {
  /* line 89, ../_sass/general/_ecig-parts.scss */
  #mouthpiece {
    top: -70px;
    right: 23%;
  }
}
@media (max-width: 980px) {
  /* line 89, ../_sass/general/_ecig-parts.scss */
  #mouthpiece {
    top: -70px;
    right: 26%;
  }
}
@media (max-width: 768px) {
  /* line 89, ../_sass/general/_ecig-parts.scss */
  #mouthpiece {
    top: 30px;
    right: auto;
    left: 45%;
  }
}
@media (max-width: 480px) {
  /* line 89, ../_sass/general/_ecig-parts.scss */
  #mouthpiece {
    left: 40%;
  }
}

/* line 110, ../_sass/general/_ecig-parts.scss */
#atomizer {
  top: 190px;
  right: 56%;
}
@media (max-width: 1200px) {
  /* line 110, ../_sass/general/_ecig-parts.scss */
  #atomizer {
    top: 180px;
    right: 56%;
  }
}
@media (max-width: 980px) {
  /* line 110, ../_sass/general/_ecig-parts.scss */
  #atomizer {
    top: 140px;
    right: 60%;
  }
}
@media (max-width: 768px) {
  /* line 110, ../_sass/general/_ecig-parts.scss */
  #atomizer {
    top: 450px;
    right: auto;
    left: 45%;
  }
}
@media (max-width: 480px) {
  /* line 110, ../_sass/general/_ecig-parts.scss */
  #atomizer {
    left: 40%;
  }
}

/* line 131, ../_sass/general/_ecig-parts.scss */
#cartridge {
  top: 190px;
  right: 31%;
}
@media (max-width: 1200px) {
  /* line 131, ../_sass/general/_ecig-parts.scss */
  #cartridge {
    top: 180px;
    right: 28%;
  }
}
@media (max-width: 980px) {
  /* line 131, ../_sass/general/_ecig-parts.scss */
  #cartridge {
    top: 140px;
    right: 28%;
  }
}
/* line 142, ../_sass/general/_ecig-parts.scss */
#cartridge .ecig-parts-content-bottom {
  position: absolute;
  background-color: #9ba7cb;
  width: 150px;
  padding: 10px;
  line-height: 1.4;
}
/* line 148, ../_sass/general/_ecig-parts.scss */
#cartridge .ecig-parts-content-bottom:after {
  content: '';
  position: absolute;
  left: 15%;
  bottom: 100%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #9ba7cb;
  clear: both;
}
@media (max-width: 768px) {
  /* line 148, ../_sass/general/_ecig-parts.scss */
  #cartridge .ecig-parts-content-bottom:after {
    border-top: 10px solid transparent;
    border-right: 10px solid #9ba7cb;
    border-bottom: 10px solid transparent;
    left: -10px;
    top: 50%;
    margin-top: -10px;
  }
}
@media (max-width: 768px) {
  /* line 131, ../_sass/general/_ecig-parts.scss */
  #cartridge {
    top: 250px;
    right: auto;
    left: 45%;
  }
}
@media (max-width: 480px) {
  /* line 131, ../_sass/general/_ecig-parts.scss */
  #cartridge {
    left: 40%;
  }
}

/* line 179, ../_sass/general/_ecig-parts.scss */
.ecig-sketch-mobile {
  display: none;
}
@media (max-width: 768px) {
  /* line 179, ../_sass/general/_ecig-parts.scss */
  .ecig-sketch-mobile {
    display: block !important;
    margin: 0 auto;
    position: relative;
    left: -75px;
  }
}

@media (max-width: 768px) {
  /* line 188, ../_sass/general/_ecig-parts.scss */
  .ecig-sketch {
    display: none;
  }
}

/* line 1, ../_sass/general/_sg-letter.scss */
.sg-letter {
  background-color: white;
  color: black;
  margin-top: 50px;
  margin-bottom: 100px;
  font-size: 18px;
  line-height: 1.2;
  padding: 30px 40px;
}
@media (max-width: 768px) {
  /* line 1, ../_sass/general/_sg-letter.scss */
  .sg-letter {
    margin-top: 100px !important;
    padding: 30px 20px;
  }
}
/* line 13, ../_sass/general/_sg-letter.scss */
.sg-letter .seal {
  width: 100px;
  display: block;
  margin: 0 auto 15px;
}
/* line 18, ../_sass/general/_sg-letter.scss */
.sg-letter .signature {
  width: 300px;
  display: block;
  margin-top: 40px;
}
/* line 23, ../_sass/general/_sg-letter.scss */
.sg-letter .signature-name {
  margin-top: -15px;
}
/* line 26, ../_sass/general/_sg-letter.scss */
.sg-letter .signature-title {
  margin-top: -10px;
}

/* line 31, ../_sass/general/_sg-letter.scss */
.murthy-info {
  position: absolute;
  bottom: -185px;
  left: 0;
  color: white;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 20px 30px 50px;
}
@media (max-width: 768px) {
  /* line 31, ../_sass/general/_sg-letter.scss */
  .murthy-info {
    display: none;
  }
}
@media (max-width: 768px) {
	.audio-psa {
		padding-left:20px;
	}

}