/**** External resources ****/
/**** Core variables and mixins ****/
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: local('Poppins Light'), local('Poppins-Light'), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLDz8Z1xlEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v5/pxiEyp8kv8JHgFVrJJfedw.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: local('Poppins Medium'), local('Poppins-Medium'), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLGT9Z1xlEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLEj6Z1xlEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLCz7Z1xlEA.ttf) format('truetype');
}
:focus {
  outline-width: 3px !important;
  outline-style: solid !important;
  outline-color: #B3B300 !important;
}
/**** Typography ****/
@font-face {
  font-family: "Poppins";
  src: url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
}
.ctd-ng-int-dots p {
  font-size: 13px!important;
}
ul.ctd-video-list {
  /* Default font-size is 15px 'paragraph font' */
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #005480;
  font-size: 15px;
  line-height: 18px;
  margin-top: 15px;
  list-style-type: none;
}
.ctd-video-list li {
  margin-bottom: 5px;
  padding-left: 1em;
  text-indent: -0.9em;
}
.ctd-video-list li:before {
  content: "• ";
  font-size: 18px;
  color: #FF2D55;
  vertical-align: middle;
}
.ctd-main-container h1 {
  /* Default font-size is 15px 'paragraph font' */
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #005480;
  font-size: 34px;
  line-height: 125%;
  text-align: right;
}
.ctd-main-container h2 {
  /* Default font-size is 15px 'paragraph font' */
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #005480;
  font-size: 20px;
}
.ctd-main-container h3 {
  /* Default font-size is 15px 'paragraph font' */
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #005480;
  font-size: 16px;
}
.ctd-main-container p {
  /* Default font-size is 15px 'paragraph font' */
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #005480;
  font-size: 15px;
}
ol {
  /* Default font-size is 15px 'paragraph font' */
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #005480;
  font-size: 15px;
}
ol li {
  margin-bottom: 10px;
  padding-left: 1em;
  text-indent: 0em;
}
.field-name-field-mapplic-blurb {
  margin-top: 20px;
  margin-bottom: 20px;
}
/**** Core CSS ****/
body {
  background: #ffffff;
}
header.navbar {
  margin-bottom: 0;
}
.ctd-main-container {
  background: none;
}
.ctd-main-container.container {
  padding: 0px;
}
.ctd-main-container.container.ctd-training {
  border-bottom: 1px solid #cccccc;
}
.carousel-indicators,
.carousel-caption {
  display: none;
}
.carousel-control.left,
.carousel-control.right {
  background: none!important;
}
.embed-container {
  margin-bottom: 5px;
}
div.ctd-bottom-nav {
  border-top: 1px solid #cccccc;
  padding: 25px;
  padding-bottom: 40px;
  background: #F0F0F0;
  /* Old browsers */
  background: -moz-linear-gradient(bottom, #fff 0%, #f0f0f0 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(bottom, #fff 0%, #f0f0f0 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f0f0f0));
  background: -o-linear-gradient(bottom, #fff 0%, #f0f0f0 100%);
  background: linear-gradient(to top, #fff 0%, #f0f0f0 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f0f0f0', GradientType=1);
  /* IE6-9 */
}
div.ctd-bottom-nav a {
  text-decoration: none;
  color: #4d4d4d;
}
div.ctd-bottom-nav div.nav-item {
  padding: 0 15%;
}
div.ctd-bottom-nav div.nav-item h1 {
  padding-top: 15px;
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
div.ctd-bottom-nav div.nav-item p {
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
div.ctd-bottom-nav div.nav-item:hover h1,
div.ctd-bottom-nav div.nav-item.active h1 {
  border-top: 8px solid #FF2D55;
}
/*LARGE VIEWPORT CUSTOM MEDIA QUERIroles*/
@media (min-width: 1200px) {
  #mapplic {
    height: 460px!important;
  }
}
.ctd-home-topbar {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+52,ffffff+100&1+0,0.3+52,1+100 */
  background: -moz-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0.3) 52%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0.3) 52%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(52%, rgba(255, 255, 255, 0.3)), to(#ffffff));
  background: -o-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0.3) 52%, #ffffff 100%);
  background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0.3) 52%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
  height: 20px;
  position: relative;
  width: 100%;
  z-index: 30;
  margin-bottom: -20px;
}
.ctd-home-container {
  padding: 0px;
}
.ctd-home-hero {
  height: 445px!important;
  background: url(/sites/vetoviolence.cdc.gov.apps.connecting-the-dots/themes/ctd_bootstrap/img/homepage/hero.jpg) no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.ctd-homepage-logo-wrapper {
  top: 16%;
  position: relative;
  text-align: center;
  max-width: 714px;
  padding-top: 30px;
  height: 374px;
}
.ctd-homepage-logo-wrapper h1 {
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  color: #ffffff;
  font-weight: 300;
  max-width: 500px;
  text-shadow: 2px 2px 7px #6751b5;
}
.ctd-logo-fancy {
  font-size: 23px;
  font-weight: 400;
}
.ctd-home-container2 {
  margin-top: 20px;
  padding: 0px;
  border-top: 1px solid #d3d3d3;
}
.ctd-homeblock-row {
  padding: 0px 0px 40px 0px;
  margin: 0px!important;
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.ctd-home-block {
  background: #f5f5f5;
  border-radius: 5px;
  border: 1px #e6e6e6 solid;
  min-height: 485px;
}
.ctd-home-block-wrapper {
  padding: 15px;
  position: relative;
  margin-top: -85px;
}
.ctd-home-block-wrapper h2 {
  color: #005480;
  font-size: 22px;
  text-align: center;
  font-weight: 400;
}
.ctd-home-block-wrapper p {
  color: #005480;
  font-size: 16px;
  text-align: center;
  font-weight: 300;
  padding: 0px 30px 30px 30px;
}
.ctd-home-block-img {
  overflow: hidden;
}
.ctd-home-block img {
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ctd-home-block:hover img {
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.clearfix {
  clear: both;
}
.ctd-home-block .ctd-btn-continue-disabled {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  width: 80%;
  margin-top: 0px;
}
.ctd-home-block .ctd-btn-continue,
.ctd-home-block .ctd-btn-continue:hover {
  margin-right: auto;
  margin-left: auto;
  width: 80%;
  text-decoration: none;
  margin-bottom: 20px;
}
.ctd-btn-continue:hover {
  text-decoration: none;
}
.ctd-home-block .ctd-btn-continue,
.ctd-home-block .ctd-btn-continue:hover {
  width: 80%;
  text-decoration: none;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 38px;
}
.ctd-footer-img-container {
  max-width: 370px;
  float: right;
}
/*XS VIEWPORT CUSTOM MEDIA QUERIroles*/
@media (max-width: 767px) {
  .ctd-home-block-wrapper {
    margin-top: 20px;
  }
  .ctd-home-block-first {
    margin-top: -90px;
  }
  .ctd-home-block-img {
    overflow: hidden;
    max-height: 300px;
  }
}
/*SM VIEWPORT CUSTOM MEDIA QUERIroles*/
@media (min-width: 768px) {
  .ctd-home-block {
    min-height: 425px;
  }
  .ctd-home-block .ctd-btn-continue,
  .ctd-home-block .ctd-btn-continue:hover {
    bottom: 35px;
  }
}
/*MEDIUM VIEWPORT CUSTOM MEDIA QUERIroles*/
@media (min-width: 992px) {
  .ctd-home-block {
    min-height: 435px;
  }
  .ctd-home-block .ctd-btn-continue,
  .ctd-home-block .ctd-btn-continue:hover {
    bottom: 38px;
  }
  .ctd-left-nav-wrapper ul.menu {
    width: 322px;
  }
}
/*LARGE VIEWPORT CUSTOM MEDIA QUERIroles*/
@media (min-width: 1200px) {
  .ctd-home-block {
    min-height: 485px;
  }
  .ctd-left-nav-wrapper ul.menu {
    width: 370px;
  }
}
li#ctd-nav-tab1.first.expanded.active-trail.ctd-nav-tab.active,
li#ctd-nav-tab2.leaf.active-trail.ctd-nav-tab.active,
#ctd-nav-tab3.leaf.active-trail.ctd-nav-tab.active {
  background: url('/sites/vetoviolence.cdc.gov.apps.connecting-the-dots/themes/ctd_bootstrap/img/tab_active.png') no-repeat !important;
  background-size: 100% 47px!important;
}
.ctd-nav-tab:hover {
  background: url('/sites/vetoviolence.cdc.gov.apps.connecting-the-dots/themes/ctd_bootstrap/img/tab_hover.png') no-repeat;
}
.ctd-left-nav-wrapper {
  /* Left Navigation Wrapper */
  padding: 3.5em 0 1.5em 0;
  border-right: 1px solid #cccccc;
  background: #F0F0F0;
  /* Old browsers */
  background: -moz-linear-gradient(left, #fff 0%, #f0f0f0 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #fff 0%, #f0f0f0 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#fff), to(#f0f0f0));
  background: -o-linear-gradient(left, #fff 0%, #f0f0f0 100%);
  background: linear-gradient(to right, #fff 0%, #f0f0f0 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f0f0f0', GradientType=1);
  /* IE6-9 */
  /* New Menu Style */
  /* old menu style
  ul.menu {
    float: right;
    padding: 0;
    max-width: 370px;

    li {
      
      margin: 0 0 2em 0;
      padding: 0;

      &:hover {
        
      }

      a {
        .ctd-font-shared(20px);
        padding-left: 1.5em;
        min-height: 49px;

        &:hover {
          background-color: transparent;
          color: @hover-red;
        }

        
      }

      // Sub navigation
      ul {
        margin: 1.5em 0;
        padding: 0 0 0 1em;

        li {
          background-image: url('/sites/vetoviolence.cdc.gov.apps.connecting-the-dots/themes/ctd_bootstrap/img/ic_nav_dot_inactive.png');
          background-repeat: no-repeat;
          background-position: 0 2px;
          list-style-position: outside;
          padding-left: 2em;
          padding-right: 1em;
          min-height: 25px;
          margin: 1.25em 0;

          &.active {
            background-image: url('/sites/vetoviolence.cdc.gov.apps.connecting-the-dots/themes/ctd_bootstrap/img/ic_nav_dot_active.png');
          }

          &:hover {
            background-image: url('/sites/vetoviolence.cdc.gov.apps.connecting-the-dots/themes/ctd_bootstrap/img/ic_nav_dot_hover.png');
            color: @hover-red;
          }

          a {
            .ctd-font-shared();
            padding-left: 0;
            text-decoration: none;

            &.active-trail {
              background-color: transparent;
              margin-right: 0;
            }
          }
        }
      }
    }

  }
  */
}
.ctd-left-nav-wrapper .ctd-logo {
  margin-bottom: 30px;
  margin-right: 30px;
}
.ctd-left-nav-wrapper .ctd-logo img {
  width: 90%;
  max-width: 370px;
  float: left;
  padding-left: 30px;
}
.ctd-left-nav-wrapper ul.menu {
  margin: 0.5em 0;
  padding: 0 0 0 1em;
}
.ctd-left-nav-wrapper ul.menu li {
  background-image: url('/sites/vetoviolence.cdc.gov.apps.connecting-the-dots/themes/ctd_bootstrap/img/ic_nav_dot_inactive.png');
  background-repeat: no-repeat;
  background-position: 0 12px;
  list-style-position: outside;
  padding-left: 2em;
  padding-right: 1em;
  min-height: 25px;
  margin: 0.75em 0;
}
.ctd-left-nav-wrapper ul.menu li.active {
  background-image: url('/sites/vetoviolence.cdc.gov.apps.connecting-the-dots/themes/ctd_bootstrap/img/ic_nav_dot_active.png');
}
.ctd-left-nav-wrapper ul.menu li:hover {
  background-image: url('/sites/vetoviolence.cdc.gov.apps.connecting-the-dots/themes/ctd_bootstrap/img/ic_nav_dot_hover.png');
  color: #ae1f3a;
}
.ctd-left-nav-wrapper ul.menu li a {
  /* Default font-size is 15px 'paragraph font' */
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #005480;
  font-size: 15px;
  padding-left: 0;
  text-decoration: none;
}
.ctd-left-nav-wrapper ul.menu li a.active-trail {
  background-color: transparent;
  margin-right: 0;
}
.ctd-right-body {
  background: #ffffff;
  padding: 2em 3.5em 1.5em 1.5em;
}
.ctd-right-body hr.ctd-header {
  border-bottom: 1px solid #cccccc;
  border-top: none;
}
.ctd-right-body [ng\:cloak],
.ctd-right-body [ng-cloak],
.ctd-right-body .ng-cloak {
  display: none;
}
.ctd-right-body #continueButton {
  float: right;
}
.ctd-right-body .ctd-training-video-wrapper .ctd-audio-desc {
  padding-top: 0px;
  margin-bottom: 0px;
}
.ctd-right-body .ctd-training-video-wrapper .ctd-audio-desc .glyphicon-play-circle {
  top: 2px;
}
.ctd-right-body .iframe-container {
  border: 0;
}
.ctd-right-body .ctd-starting-interactive {
  margin-top: 0;
  margin-bottom: 20px;
}
.ctd-right-body .ctd-closing-interactive {
  margin-top: 20px;
}
.ctd-right-body #ctd-explore-map-desc {
  margin-top: 20px;
}
.ctd-right-body .pull-right .row {
  display: inline-block;
}
.ctd-right-body img.top {
  vertical-align: text-top;
}
.ctd-right-body .ctd-ng-int-wrapper {
  padding-left: 30px;
}
.ctd-right-body .ctd-ng-int-wrapper .clearfix .col-sm-12 p {
  padding-top: 20px;
}
.ctd-right-body .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.ctd-right-body .embed-container iframe,
.ctd-right-body .embed-container object,
.ctd-right-body .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ctd-right-body .slide-container {
  margin-bottom: 20px;
}
.ctd-right-body .ctd-btn-arrow {
  height: 25px;
  margin-left: 0px;
  margin-right: 9px;
}
.ctd-right-body .ctd-btn-arrow,
.ctd-right-body .ctd-dot-connector {
  display: inline-block;
  float: left;
}
.ctd-right-body .ctd-dot-connector {
  margin-top: 2px;
}
.ctd-right-body .spot_pic {
  padding-right: 0;
  padding-left: 0;
}
.ctd-right-body .ctd-dot-container {
  padding-top: 0;
  padding-left: 12px;
  padding-right: 0px;
  margin-top: 2px;
}
.ctd-right-body .ctd-dot-content {
  padding-top: 0;
  margin-bottom: 0;
  vertical-align: text-top;
  padding-left: 0;
}
.ctd-right-body .ctd-thumbnail-header {
  padding-top: 20px;
}
.ctd-right-body .ctd-thumbnail-container {
  padding-top: 30px;
}
.ctd-right-body .ctd-thumbnail-container div.thumbnail {
  border: 0px;
}
.ctd-right-body .ctd-thumbnail-container div.thumbnail img {
  max-width: 108px;
}
.ctd-right-body .ctd-thumbnail-container .caption-header {
  font-weight: 500;
  margin-top: 10px;
}
#mapplic > div > div.mapplic-map.mapplic-zoomable > div.mapplic-layer a {
  height: 20px;
  width: 20px;
  background-size: 20px 20px;
  margin-top: -10px;
  margin-left: -10px;
}
#mapplic > div > div.mapplic-map.mapplic-zoomable > div.mapplic-layer a:nth-child(2),
#mapplic > div > div.mapplic-map.mapplic-zoomable > div.mapplic-layer a:nth-child(3) {
  background-image: url("/sites/vetoviolence.cdc.gov.apps.connecting-the-dots/themes/ctd_bootstrap/img/mapplic/pin-green%404x.png.png");
}
#mapplic > div > div.mapplic-map.mapplic-zoomable > div.mapplic-layer a:nth-child(4) {
  background-image: url("/sites/vetoviolence.cdc.gov.apps.connecting-the-dots/themes/ctd_bootstrap/img/mapplic/pin-teal%404x.png.png");
}
#mapplic > div > div.mapplic-map.mapplic-zoomable > div.mapplic-layer a:nth-child(5) {
  background-image: url("/sites/vetoviolence.cdc.gov.apps.connecting-the-dots/themes/ctd_bootstrap/img/mapplic/pin-yellow%404x.png.png");
}
#mapplic > div > div.mapplic-map.mapplic-zoomable > div.mapplic-layer a:nth-child(7) {
  background-image: url("/sites/vetoviolence.cdc.gov.apps.connecting-the-dots/themes/ctd_bootstrap/img/mapplic/pin-orange%404x.png.png");
}
#mapplic > div > div.mapplic-map.mapplic-zoomable > div.mapplic-layer a:nth-child(8),
#mapplic > div > div.mapplic-map.mapplic-zoomable > div.mapplic-layer a:nth-child(6) {
  background-image: url("/sites/vetoviolence.cdc.gov.apps.connecting-the-dots/themes/ctd_bootstrap/img/mapplic/pin-red%404x.png.png");
}
.ctd-logo {
  width: 90%;
  max-width: 370px;
  min-width: 333px;
  float: left;
  padding-top: 39px;
}
.ctd-mapplic-header {
  margin-top: 28px;
}
.ctd-mapplic {
  /*XS VIEWPORT CUSTOM MEDIA QUERIroles*/
  /*SM VIEWPORT CUSTOM MEDIA QUERIroles*/
  /*MEDIUM VIEWPORT CUSTOM MEDIA QUERIroles*/
  /*LARGE VIEWPORT CUSTOM MEDIA QUERIroles*/
}
.ctd-mapplic .ctd-logo {
  width: 90%;
  max-width: 370px;
  min-width: 333px;
  float: left;
  padding-top: 39px;
}
.ctd-mapplic .ctd-mapplic-header {
  margin-top: 28px;
}
.ctd-mapplic .ctd-mapplic-blurb-title {
  margin-bottom: 0px;
}
.ctd-mapplic .ctd-mapplic-blurb-subtitle {
  margin-top: 10px;
  margin-bottom: 0px;
}
.ctd-mapplic .ctd-mapplic-blurb-hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
.ctd-mapplic .ctd-mapplic-hr {
  margin-bottom: 30px;
}
.ctd-mapplic .ctd-mapplic-case-study-image {
  margin-top: 20px;
  margin-bottom: 20px;
}
.ctd-mapplic .ctd-mapplic-case-study-button-container {
  margin-top: 20px;
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
}
.ctd-mapplic .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin-top: 10px;
}
.ctd-mapplic .embed-container iframe,
.ctd-mapplic .embed-container object,
.ctd-mapplic .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .ctd-mapplic .ctd-mapplic-content {
    margin-left: 50px;
    margin-right: 50px;
  }
}
@media (min-width: 768px) {
  .ctd-mapplic .ctd-mapplic-content {
    margin-left: 100px;
    margin-right: 100px;
  }
}
@media (min-width: 992px) {
  .ctd-mapplic .ctd-mapplic-content {
    margin-left: 200px;
    margin-right: 200px;
  }
}
@media (min-width: 1200px) {
  .ctd-mapplic .ctd-mapplic-content {
    margin-left: 250px;
    margin-right: 250px;
  }
}
.ctd-dot-tool {
  /*XS VIEWPORT CUSTOM MEDIA QUERIroles*/
  /*SM VIEWPORT CUSTOM MEDIA QUERIroles*/
  /*MEDIUM VIEWPORT CUSTOM MEDIA QUERIroles*/
  /*LARGE VIEWPORT CUSTOM MEDIA QUERIroles*/
}
.ctd-dot-tool .ctd-logo {
  width: 90%;
  max-width: 370px;
  min-width: 333px;
  float: left;
  padding-top: 39px;
}
.ctd-dot-tool .ctd-header {
  border-bottom: 1px solid #cccccc;
  border-top: none;
}
.ctd-dot-tool .ctd-dot-tool-header {
  margin-top: 28px;
}
.ctd-dot-tool .ctd-dot-tool-intro-text {
  margin-bottom: 20px;
}
.ctd-dot-tool .ctd-dot-tool-intro-text h2 {
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  color: #005480;
  margin-top: 10px;
  margin-bottom: 20px;
}
.ctd-dot-tool .ctd-dot-tool-intro-text h4 {
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #005480;
  margin-top: 15px;
  margin-bottom: 5px;
}
.ctd-dot-tool .ctd-dot-tool-intro-text ul {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
}
.ctd-dot-tool .ctd-dot-tool-intro-text .dt-text-heading {
  font-weight: 500;
  margin-bottom: 0px;
}
.ctd-dot-tool .ctd-dot-tool-intro-text li {
  /* Default font-size is 15px 'paragraph font' */
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #005480;
  font-size: 14px;
  margin-bottom: 5px;
}
.ctd-dot-tool .ctd-dot-tool-intro-text p {
  font-size: 15px;
  margin-bottom: 10px;
}
.ctd-dot-tool .ctd-dot-tool-intro-text-2-container {
  margin-top: 20px;
  background-color: #f0f0f0;
  border-radius: 40px;
  border: none;
}
.ctd-dot-tool .ctd-dot-tool-intro-text-2 {
  width: 90%;
  margin: 0 auto;
  padding: 15px 0px 20px 0px;
}
.ctd-dot-tool .ctd-dot-tool-button-container {
  margin-bottom: 20px;
  display: inline-block;
  text-align: center;
  width: 100%;
}
.ctd-dot-tool .ctd-dot-tool-button {
  padding: 0px;
  border: 0px;
  background: none;
}
.ctd-dot-tool .ctd-dot-tool-button-label {
  text-align: center;
  font-size: 13px;
  color: #505050;
}
.ctd-dot-tool .ctd-dot-tool-heading {
  text-align: center;
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
}
.ctd-dot-tool .ctd-dot-tool-heading a {
  color: #585858;
}
.ctd-dot-tool .ctd-dot-tool-main-heading {
  text-align: center;
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #585858;
  font-size: 26px;
  margin-top: 25px;
  margin-bottom: 25px;
}
.ctd-dot-tool .ctd-dot-tool-society {
  border-radius: 200px;
  border: 2px solid lightgrey;
  padding: 10px 40px 30px 40px;
  -moz-box-shadow: 0px 2px 10px 1px #d8d8d8;
  -webkit-box-shadow: 0px 2px 10px 1px #d8d8d8;
  box-shadow: 0px 2px 10px 1px #d8d8d8;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f5f5f5));
  background: -webkit-linear-gradient(white, #f5f5f5);
  background: -o-linear-gradient(white, #f5f5f5);
  background: linear-gradient(white, #f5f5f5);
}
.ctd-dot-tool .ctd-dot-tool-community {
  border-radius: 200px;
  border: 2px solid lightgrey;
  padding: 10px 40px 30px 40px;
  -moz-box-shadow: 0px 2px 10px 1px #d8d8d8;
  -webkit-box-shadow: 0px 2px 10px 1px #d8d8d8;
  box-shadow: 0px 2px 10px 1px #d8d8d8;
  background: white;
}
.ctd-dot-tool .ctd-dot-tool-relationship {
  border-radius: 200px;
  border: 2px solid lightgrey;
  padding: 10px 40px 30px 40px;
  -moz-box-shadow: 0px 2px 10px 1px #d8d8d8;
  -webkit-box-shadow: 0px 2px 10px 1px #d8d8d8;
  box-shadow: 0px 2px 10px 1px #d8d8d8;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#fafafa));
  background: -webkit-linear-gradient(white, #fafafa);
  background: -o-linear-gradient(white, #fafafa);
  background: linear-gradient(white, #fafafa);
}
.ctd-dot-tool .ctd-dot-tool-individual {
  border-radius: 200px;
  border: 2px solid lightgrey;
  padding: 10px 40px 30px 40px;
  -moz-box-shadow: 0px 2px 10px 1px #d8d8d8;
  -webkit-box-shadow: 0px 2px 10px 1px #d8d8d8;
  box-shadow: 0px 2px 10px 1px #d8d8d8;
  background: white;
}
.ctd-dot-tool .ctd-dot-tool-btn-2 {
  float: left;
  width: 320px;
  height: 47px;
  border-radius: 10px;
  color: #ffffff;
  text-align: center!important;
  font-size: 17px;
  font-weight: 500;
  background: #FF2D55;
  text-shadow: 1px 1px 4px #741225;
  border: none;
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.ctd-dot-tool a.ctd-dot-tool-btn-2:hover {
  text-decoration: none !important;
  background: #6e378f;
}
.ctd-dot-tool .ctd-dot-tool-download {
  float: left;
  font-size: 15px;
  margin-top: 20px;
  margin-left: 5px;
}
.ctd-dot-tool .ctd-dot-tool-download a {
  color: #AE1F3A;
  text-decoration: none;
}
.ctd-dot-tool .ctd-dot-tool-btn {
  float: right;
  width: 100px;
  height: 47px;
  border-radius: 10px;
  color: #ffffff;
  text-align: center!important;
  font-size: 19px;
  font-weight: 500;
  background: #FF2D55;
  text-shadow: 1px 1px 4px #741225;
  border: none;
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.ctd-dot-tool .ctd-dot-tool-btn span {
  font-size: 15px;
}
.ctd-dot-tool a.ctd-dot-tool-btn:hover {
  text-decoration: none !important;
  background: #6e378f;
}
.ctd-dot-tool .modal-header {
  padding-bottom: 0;
  border: none;
}
.ctd-dot-tool .modal-body {
  padding-top: 0;
  text-align: center;
}
.ctd-dot-tool .ctd-dot-tool-factor-heading {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 2px;
  font-size: 13px;
  font-weight: 500;
}
.ctd-dot-tool .ctd-dot-tool-factor-text {
  text-align: center;
  margin-bottom: 15px;
  font-size: 13px;
  font-weight: 300;
}
.ctd-dot-tool .factor-img {
  border: 1px solid #a7a9ab;
  border-radius: 30px;
  height: 130px;
  width: 130px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  -moz-box-shadow: 0px 4px 15px 1px #d8d8d8;
  -webkit-box-shadow: 0px 4px 15px 1px #d8d8d8;
  box-shadow: 0px 4px 15px 1px #d8d8d8;
}
.ctd-dot-tool .ctd-dot-tool-pro-img-wrapper {
  background-color: #f0f0f0;
  border-radius: 30px;
  width: 130px;
  margin-left: auto;
  margin-right: auto;
}
.ctd-dot-tool .ctd-dot-tool-risk-img-wrapper {
  background-color: white;
  border-radius: 30px;
  width: 130px;
  margin-left: auto;
  margin-right: auto;
}
.ctd-dot-tool .ctd-dot-tool-factor-container {
  width: 140px;
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: top;
}
.ctd-dot-tool .no-factor-container h2 {
  margin: 0 auto;
}
.ctd-dot-tool .individual-container,
.ctd-dot-tool .relationship-container,
.ctd-dot-tool .community-container,
.ctd-dot-tool .society-container {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.ctd-dot-tool .relationship-container {
  padding-left: 40px;
  padding-right: 40px;
}
.ctd-dot-tool .community-container {
  padding-left: 80px;
  padding-right: 80px;
}
.ctd-dot-tool .society-container {
  padding-left: 120px;
  padding-right: 120px;
}
.ctd-dot-tool .modal-content {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.ctd-dot-tool .modal-header > button > span {
  font-size: 30px;
  font-weight: normal;
}
.ctd-dot-tool .modal-body img {
  width: 90%;
  margin: 15px auto 20px auto;
  border-radius: 30px;
  border: 1px lightgrey solid;
}
.ctd-dot-tool .img-prot-modal {
  border: none !important;
}
.ctd-dot-tool .ctd-dot-tool-modal-risk-factor {
  font-weight: 500;
  font-size: 16px;
}
.ctd-dot-tool .ctd-dot-tool-modal-protective-factor {
  font-weight: 500;
  font-size: 16px;
}
.ctd-dot-tool .ctd-dot-tool-modal-factor-desc {
  margin: 5px auto 10px auto;
}
.ctd-dot-tool .modal-dialog {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .ctd-dot-tool .ctd-dot-tool-society {
    border-radius: 60px;
    padding: 10px 10px 30px 10px;
  }
  .ctd-dot-tool .ctd-dot-tool-community {
    border-radius: 60px;
    padding: 10px 10px 30px 10px;
  }
  .ctd-dot-tool .ctd-dot-tool-relationship {
    border-radius: 60px;
    padding: 10px 10px 30px 10px;
  }
  .ctd-dot-tool .ctd-dot-tool-individual {
    border-radius: 60px;
    padding: 10px 10px 30px 10px;
  }
  .ctd-dot-tool .relationship-container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .ctd-dot-tool .community-container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .ctd-dot-tool .society-container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .ctd-dot-tool .ctd-dot-tool-factor-container {
    width: 110px;
  }
  .ctd-dot-tool .ctd-dot-tool-risk-img-wrapper {
    width: 110px;
  }
  .ctd-dot-tool .ctd-dot-tool-pro-img-wrapper {
    width: 110px;
  }
  .ctd-dot-tool .factor-img {
    width: 110px;
    height: 110px;
  }
  .ctd-dot-tool .ctd-dot-tool-factor-text,
  .ctd-dot-tool .ctd-dot-tool-factor-heading {
    font-size: 12px;
  }
  .ctd-dot-tool .ctd-dot-tool-btn {
    margin-right: 5px;
  }
  .ctd-dot-tool .ctd-dot-tool-main-heading {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .ctd-dot-tool .modal-dialog {
    width: 300px;
  }
  .ctd-dot-tool .ctd-dot-tool-button-container {
    padding-left: 0px;
    padding-right: 0px;
    display: inline-block;
    text-align: center;
  }
  .ctd-dot-tool .ctd-dot-tool-button-row {
    display: inline-block;
  }
  .ctd-dot-tool .left {
    float: left;
    max-width: 100px;
    display: inline-block;
    text-align: center;
  }
  .ctd-dot-tool .left button {
    display: inline-block;
  }
  .ctd-dot-tool .right {
    float: left;
    width: 280px;
    display: inline-block;
  }
  .ctd-dot-tool .all-vt-btn-container {
    vertical-align: top;
    display: inline-block;
  }
  .ctd-dot-tool .all-vt-btn-container img {
    width: 100px;
  }
  .ctd-dot-tool .vt-btn-container {
    float: left;
    max-width: 60px;
    vertical-align: top;
    margin-left: 5px;
    margin-right: 5px;
  }
  .ctd-dot-tool .vt-btn-container img {
    width: 60px;
  }
  .ctd-dot-tool .vt-btn-container p {
    width: 60px;
    font-size: 11px;
  }
  .ctd-dot-tool .reset-btn-wide {
    display: none;
  }
  .ctd-dot-tool .reset-btn-tall {
    display: block;
  }
  .ctd-dot-tool .no-factor-container h2 {
    padding: 0 20px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .ctd-dot-tool .ctd-dot-tool-society {
    border-radius: 130px;
    padding: 10px 25px 30px 25px;
  }
  .ctd-dot-tool .ctd-dot-tool-community {
    border-radius: 130px;
    padding: 10px 25px 30px 25px;
  }
  .ctd-dot-tool .ctd-dot-tool-relationship {
    border-radius: 130px;
    padding: 10px 25px 30px 25px;
  }
  .ctd-dot-tool .ctd-dot-tool-individual {
    border-radius: 130px;
    padding: 10px 25px 30px 25px;
  }
  .ctd-dot-tool .relationship-container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .ctd-dot-tool .community-container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .ctd-dot-tool .society-container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .ctd-dot-tool .ctd-dot-tool-factor-container {
    width: 110px;
  }
  .ctd-dot-tool .ctd-dot-tool-risk-img-wrapper {
    width: 110px;
  }
  .ctd-dot-tool .ctd-dot-tool-pro-img-wrapper {
    width: 110px;
  }
  .ctd-dot-tool .factor-img {
    width: 110px;
    height: 110px;
  }
  .ctd-dot-tool .ctd-dot-tool-factor-text,
  .ctd-dot-tool .ctd-dot-tool-factor-heading {
    font-size: 12px;
  }
  .ctd-dot-tool .ctd-dot-tool-btn {
    margin-right: 5px;
  }
  .ctd-dot-tool .ctd-dot-tool-button-container {
    padding-left: 0px;
    padding-right: 0px;
    display: inline-block;
    text-align: center;
  }
  .ctd-dot-tool .ctd-dot-tool-button-row {
    display: inline-block;
  }
  .ctd-dot-tool .left {
    float: left;
    width: 140px;
    display: inline-block;
    text-align: center;
  }
  .ctd-dot-tool .left button {
    display: inline-block;
  }
  .ctd-dot-tool .right {
    float: left;
    width: 420px;
    display: inline-block;
  }
  .ctd-dot-tool .all-vt-btn-container {
    width: 120px;
    vertical-align: top;
    display: inline-block;
  }
  .ctd-dot-tool .all-vt-btn-container img {
    width: 120px;
  }
  .ctd-dot-tool .vt-btn-container {
    float: left;
    vertical-align: top;
    margin-left: 10px;
    margin-right: 10px;
  }
  .ctd-dot-tool .vt-btn-container img {
    width: 75px;
  }
  .ctd-dot-tool .vt-btn-container p {
    width: 85px;
    font-size: 12px;
  }
  .ctd-dot-tool .reset-btn-wide {
    display: none;
  }
  .ctd-dot-tool .reset-btn-tall {
    display: block;
  }
  .ctd-dot-tool .no-factor-container h2 {
    width: 550px;
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .ctd-dot-tool .ctd-dot-tool-society {
    border-radius: 180px;
    padding: 10px 35px 30px 35px;
  }
  .ctd-dot-tool .ctd-dot-tool-community {
    border-radius: 180px;
    padding: 10px 35px 30px 35px;
  }
  .ctd-dot-tool .ctd-dot-tool-relationship {
    border-radius: 180px;
    padding: 10px 35px 30px 35px;
  }
  .ctd-dot-tool .ctd-dot-tool-individual {
    border-radius: 180px;
    padding: 10px 35px 30px 35px;
  }
  .ctd-dot-tool .relationship-container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .ctd-dot-tool .community-container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .ctd-dot-tool .society-container {
    padding-left: 40px;
    padding-right: 40px;
  }
  .ctd-dot-tool .ctd-dot-tool-factor-container {
    width: 130px;
  }
  .ctd-dot-tool .ctd-dot-tool-risk-img-wrapper {
    width: 130px;
  }
  .ctd-dot-tool .ctd-dot-tool-pro-img-wrapper {
    width: 130px;
  }
  .ctd-dot-tool .factor-img {
    width: 130px;
    height: 130px;
  }
  .ctd-dot-tool .ctd-dot-tool-factor-text,
  .ctd-dot-tool .ctd-dot-tool-factor-heading {
    font-size: 13px;
  }
  .ctd-dot-tool .ctd-dot-tool-btn {
    margin-right: 0px;
  }
  .ctd-dot-tool .ctd-dot-tool-button-container {
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
    text-align: center;
  }
  .ctd-dot-tool .ctd-dot-tool-button-row {
    display: inline-block;
  }
  .ctd-dot-tool .left {
    width: auto;
    display: inline-block;
  }
  .ctd-dot-tool .right {
    width: auto;
    display: inline-block;
  }
  .ctd-dot-tool .all-vt-btn-container {
    display: inline-block;
    width: 180px;
    vertical-align: top;
  }
  .ctd-dot-tool .all-vt-btn-container img {
    width: 180px;
    margin-top: 3px;
  }
  .ctd-dot-tool .vt-btn-container {
    display: inline-block;
    width: 81px;
    vertical-align: top;
    margin-left: 7px;
    margin-right: 7px;
  }
  .ctd-dot-tool .vt-btn-container img {
    width: 81px;
  }
  .ctd-dot-tool .vt-btn-container p {
    width: 81px;
    font-size: 12px;
  }
  .ctd-dot-tool .reset-btn-wide {
    display: block;
  }
  .ctd-dot-tool .reset-btn-tall {
    display: none;
  }
  .ctd-dot-tool .no-factor-container h2 {
    width: 650px;
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .ctd-dot-tool .ctd-dot-tool-society {
    border-radius: 200px;
    padding: 10px 40px 30px 40px;
  }
  .ctd-dot-tool .ctd-dot-tool-community {
    border-radius: 200px;
    padding: 10px 40px 30px 40px;
  }
  .ctd-dot-tool .ctd-dot-tool-relationship {
    border-radius: 200px;
    padding: 10px 40px 30px 40px;
  }
  .ctd-dot-tool .ctd-dot-tool-individual {
    border-radius: 200px;
    padding: 10px 40px 30px 40px;
  }
  .ctd-dot-tool .relationship-container {
    padding-left: 40px;
    padding-right: 40px;
  }
  .ctd-dot-tool .community-container {
    padding-left: 40px;
    padding-right: 40px;
  }
  .ctd-dot-tool .society-container {
    padding-left: 40px;
    padding-right: 40px;
  }
  .ctd-dot-tool .all-vt-btn-container {
    display: inline-block;
    width: 180px;
    vertical-align: top;
  }
  .ctd-dot-tool .all-vt-btn-container img {
    width: 180px;
    margin-top: 5px;
  }
  .ctd-dot-tool .vt-btn-container {
    display: inline-block;
    width: 85px;
    vertical-align: top;
    margin-left: 10px;
    margin-right: 10px;
  }
  .ctd-dot-tool .vt-btn-container img {
    width: 85px;
  }
  .ctd-dot-tool .vt-btn-container p {
    width: 85px;
    font-size: 13px;
  }
}
/**** Components ****/
/*Button Types*/
.ctd-btn-continue {
  width: 225px;
  height: 47px;
  border-radius: 5px;
  color: #ffffff;
  text-align: center!important;
  font-size: 17px;
  font-weight: 500;
  background: #FF2D55;
  text-shadow: 1px 1px 4px #741225;
  border: none;
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* align horizontal */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
a.ctd-btn-continue:hover,
a.ctd-btn-case-studies:hover {
  width: 225px;
  height: 47px;
  border-radius: 5px;
  color: #ffffff;
  text-align: center!important;
  font-size: 17px;
  font-weight: 500;
  background: #6e378f;
  text-shadow: 'none';
  border: none;
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* align horizontal */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}
/*Disabled Button*/
button.ctd-btn-continue-disabled {
  width: 225px;
  height: 47px;
  border-radius: 5px;
  color: #ffffff;
  text-align: center!important;
  font-size: 17px;
  font-weight: 500;
  background: #e6e6e6;
  text-shadow: 'none';
  border: none;
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* align horizontal */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: default;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  margin-top: 0px;
}
/*Case Studies Button*/
.ctd-btn-case-studies {
  width: 225px;
  height: 47px;
  border-radius: 5px;
  color: #ffffff;
  text-align: center!important;
  font-size: 17px;
  font-weight: 500;
  background: #585858;
  text-shadow: 'none';
  border: none;
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* align horizontal */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 15px;
}
.ctd-btn-case-studies span {
  font-weight: 300;
  font-size: 12px;
  padding-top: 4px;
}
/*Map Buttons*/
.mapplic-zoom-buttons a,
.mapplic-clear-button {
  background-color: #FF2D55 !important;
  border-radius: 5px;
}
.mapplic-zoom-buttons a.mapplic-disabled {
  background-color: #ff6785 !important;
  border-radius: 5px;
}
.mapplic-fullscreen-button {
  display: none;
}
.mapplic-tooltip-description a {
  color: #b01f3c !important;
  font-size: 12px;
  font-weight: 500;
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
}
.mapplic-clickable {
  fill: #6F398B !important;
}
.mapplic-clickable path {
  fill: #6F398B !important;
}
#landmarks-states path {
  fill: #eeeeee;
}
.caption-button {
  color: #FF2D55;
  font-weight: 500;
}
/**** Custom add-ons ****/
.ctd-ng-int-wrapper {
  opacity: 0;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
.fadeIn {
  opacity: 1;
  -webkit-transition: 0.5s linear all;
  -o-transition: 0.5s linear all;
  transition: 0.5s linear all;
  -webkit-transition-delay: 0.35s;
  -o-transition-delay: 0.35s;
  transition-delay: 0.35s;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.fadeOut {
  opacity: 1;
  -webkit-transition: 0.35s linear all;
  -o-transition: 0.35s linear all;
  transition: 0.35s linear all;
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.fadeIn.ng-hide {
  opacity: 0;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: 0.5s linear all;
  -o-transition: 0.5s linear all;
  transition: 0.5s linear all;
}
.fadeOut.ng-hide {
  opacity: 0;
  -webkit-transition: 0.35s linear all;
  -o-transition: 0.35s linear all;
  transition: 0.35s linear all;
}
/*XS VIEWPORT CUSTOM MEDIA QUERIroles*/
/*SM VIEWPORT CUSTOM MEDIA QUERIroles*/
/*MEDIUM VIEWPORT CUSTOM MEDIA QUERIroles*/
/*LARGE VIEWPORT CUSTOM MEDIA QUERIroles*/