/*
* DTC STYLE STACK
*/
/*******************************
MIXINS
*******************************/
/*MOVEMENT*/
/*FONTS*/
/*GRADIENTS*/
/*FLEX WRAP*/
/*BREAKPOINTS*/
/******************************
Reset
*******************************/
* {
  -webkit-font-smoothing: antialiased; }

html {
  -webkit-tap-highlight-color: transparent; }

.global-nav-search {
  background: none; }

.page-wrapper {
  width: auto;
  background-color: #fff !important;
  box-shadow: none;
  margin: 0; }

.main-wrapper {
  background: none; }

header, #leaderboard-sticky, #nav-sticky, .post-nav-content {
  visibility: hidden;
  position: fixed !important;
  -webkit-transform: translate3d(0, -1000px, 0);
  -moz-transform: translate3d(0, -1000px, 0);
  transform: translate3d(0, -1000px, 0); }

footer {
  position: fixed;
  z-index: 2;
  visibility: hidden; }

#wpadminbar {
  visibility: visible !important; }

#snetTickerContainer {
  display: none; }

/*for responsive images on support page */
img {
  max-width: 100% !important;
  height: auto; }

a.sn-nav-logo, a.sn-nav-logo:hover, a.sn-nav-logo:active {
  color: transparent !important;
  /*style set in sportsnet-nhl theme*/ }

body {
  overflow-x: hidden; }

.row {
  margin: 0; }

input[type='text'], input[type='password'], textarea {
  border: none; }

#snapengage-button {
  display: none !important; }

#smartbanner {
  display: none !important; }

.breaking-news-main-container {
  display: none !important; }

.breaking-news {
  display: none !important; }

.post-nav-content .content-wrapper {
  margin-top: 0;
  margin-bottom: 0; }

.multi-ad-mob {
  display: none !important; }

h1, h2, h3 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  color: #fff; }

p {
  font-family: urw-din;
  color: #000000;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  text-align: center; }

/* GLOBAL STYLES FOR DTC HOME PAGE */
/*******************************
Variables
*******************************/
/*******************************
Containers
*******************************/
.dtc-max-width-cont {
  /*max-width: 1920px;*/
  margin: 0 auto; }

.dtc-container-padding {
  padding: 0 15px 0 15px; }
  @media (min-width: 1600px) {
    .dtc-container-padding {
      padding: 0 120px 0 120px; } }

.dtc-container-padding-2 {
  padding: 0 15px 0 15px; }
  @media (min-width: 1250px) {
    .dtc-container-padding-2 {
      padding: 0 50px 0 50px; } }

.dtc-container-padding-3 {
  padding: 0;
  height: 100%; }
  @media (min-width: 1600px) {
    .dtc-container-padding-3 {
      padding: 0 120px 0 120px; } }

/*******************************
Random
*******************************/
.dtc-blue-bg {
  background-color: #156BAC; }

.dtc-red-bg {
  background-color: #db2035; }

.dtc-grey-text {
  color: white; }

.dtc-darkblue-bg {
  /* background-color: #0d223f; */
border: 1px solid rgba(255,255,255,0.8);
}

.dtc-white-bg {
  background-color: white; }

.dtc-bottom-padding-verysmall {
  padding-bottom: 5px; }

.dtc-bottom-padding-small {
  padding-bottom: 15px; }

.dtc-bottom-padding-med {
  padding-bottom: 20px; }

.dtc-bottom-padding-large {
  padding-bottom: 40px; }

.dtc-bottom-padding-xlarge {
  padding-bottom: 100px; }

.dtc-bottom-margin {
  margin-bottom: 40px; }

.dtc-bottom-margin-small {
  margin-bottom: 25px; }

.dtc-relative {
  position: relative; }

.dtc-legal-id {
  color: #000;
  font-size: 14px;
  position: relative;
  top: -8px; }

.dtc-super {
  vertical-align: super;
  font-size: 10px; }
  @media (min-width: 768px) {
    .dtc-super {
      font-size: 20px; } }

.dtc-super-small {
  vertical-align: super;
  font-size: 10px; }

/*******************************
Buttons
*******************************/
.dtc-main-btn-cont {
  display: inline-block;
  text-decoration: none !important;
  margin: 0 10px 10px 10px; }
  @media (min-width: 1024px) {
    .dtc-main-btn-cont {
      margin: 0 10px 0 0; } }

.dtc-main-btn-container {
  height: 38px;
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 1000;
  perspective: 1000;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  @media (min-width: 1250px) {
    .dtc-main-btn-container {
      height: 48px;
      margin: 0 auto; } }

.dtc-main-btn-text {
  min-width: 358px;
  text-align: center;
  font-size: 14px;
  line-height: 38px;
  font-weight: 700;
  opacity: 0;
  /* padding: 0 10px; */
  -webkit-animation: fadeIn 2s 0.9s forwards;
  animation: fadeIn 2s 0.9s forwards;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  #carousel-main-button-text.dtc-main-btn-text{
    min-width: 174px;
  }
  @media (min-width: 1250px) {
    .dtc-main-btn-text {
      font-size: 18px;
      line-height: 48px; } }

.dtc-main-btn-text-white {
  color: #ffffff; }

.dtc-main-btn-text-blue {
  color: #0869ae; }

.dtc-main-btn-start {
  opacity: 0;
  border-radius: 5px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transition-timing-function: cubic-bezier(0.74, 0.03, 0.19, 1);
  -moz-transition-timing-function: cubic-bezier(0.74, 0.03, 0.19, 1);
  transition-timing-function: cubic-bezier(0.74, 0.03, 0.19, 1);
  -webkit-transform: translate3d(0, 20px, 0);
  -moz-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
  -webkit-animation: btnOpen 0.5s 0.5s forwards;
  animation: btnOpen 0.5s 0.5s forwards; }

.dtc-main-btn-blue-hover:hover {
  background-color: #0869ae;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }
  .dtc-main-btn-blue-hover:hover .dtc-main-btn-text {
    color: #ffffff;
    -webkit-transition: all 0.1s 0.1s ease-in-out;
    -moz-transition: all 0.1s 0.1s ease-in-out;
    transition: all 0.1s 0.1s ease-in-out; }

.dtc-main-btn-white-hover:hover {
  background-color: #0d223f;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }
  .dtc-main-btn-white-hover:hover .dtc-main-btn-text {
    color: #ffffff;
    -webkit-transition: all 0.1s 0.1s ease-in-out;
    -moz-transition: all 0.1s 0.1s ease-in-out;
    transition: all 0.1s 0.1s ease-in-out; }

.dtc-arrow-button {
  width: 40px;
  height: 40px;
  background-color: #0869ae;
  border-radius: 50%;
  position: relative;
  -webkit-box-shadow: 5px 6px 40px -10px rgba(0, 0, 0, 0.85);
  -moz-box-shadow: 5px 6px 40px -10px rgba(0, 0, 0, 0.85);
  box-shadow: 5px 6px 40px -10px rgba(0, 0, 0, 0.85);
  overflow: hidden;
  cursor: pointer;
  z-index: 1; }
  @media (min-width: 1024px) {
    .dtc-arrow-button {
      width: 52px;
      height: 52px;
      -webkit-box-shadow: 6px 6px 50px -14px rgba(0, 0, 0, 0.85);
      -moz-box-shadow: 6px 6px 50px -14px rgba(0, 0, 0, 0.85);
      box-shadow: 6px 6px 50px -14px rgba(0, 0, 0, 0.85); } }

.dtc-arrow-button-chevron-bottom {
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: '';
  border-radius: 1px;
  display: inline-block;
  height: 9px;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 9px;
  color: white;
  -webkit-transform: translate3d(-50%, -40%, 0) rotate(135deg);
  -moz-transform: translate3d(-50%, -40%, 0) rotate(135deg);
  transform: translate3d(-50%, -40%, 0) rotate(135deg); }
  @media (min-width: 1024px) {
    .dtc-arrow-button-chevron-bottom {
      width: 11px;
      height: 11px;
      border-width: 4px 4px 0 0; } }

.dtc-arrow-position-carousel {
  position: absolute;
  top: -19px;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0); }
  @media (min-width: 1024px) {
    .dtc-arrow-position-carousel {
      left: 5%;
      top: -26px;
      -webkit-transform: none;
      -moz-transform: none;
      transform: none; } }

.dtc-arrow-button-chevron-top {
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: '';
  border-radius: 1px;
  display: inline-block;
  height: 9px;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 9px;
  color: white;
  -webkit-transform: translate3d(-50%, -100%, 0) rotate(135deg);
  -moz-transform: translate3d(-50%, -100%, 0) rotate(135deg);
  transform: translate3d(-50%, -100%, 0) rotate(135deg); }
  @media (min-width: 1024px) {
    .dtc-arrow-button-chevron-top {
      width: 11px;
      height: 11px;
      border-width: 4px 4px 0 0; } }

.dtc-arrow-nudging {
  margin-top: 20px;
  -webkit-animation: arrowBtnNudge 3.5s infinite linear;
  animation: arrowBtnNudge 3.5s infinite linear; }
  @media (min-width: 1024px) {
    .dtc-arrow-nudging {
      margin-top: 25px; } }

@-webkit-keyframes btnOpen {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-moz-keyframes btnOpen {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-o-keyframes btnOpen {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes btnOpen {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes arrowBtnNudge {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  3% {
    -webkit-transform: translate3d(0, 3px, 0);
    -moz-transform: translate3d(0, 3px, 0);
    transform: translate3d(0, 3px, 0); }
  8% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  13% {
    -webkit-transform: translate3d(0, 2px, 0);
    -moz-transform: translate3d(0, 2px, 0);
    transform: translate3d(0, 2px, 0); }
  18% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  80% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  90% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    -moz-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0); }
  91% {
    opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    -moz-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-moz-keyframes arrowBtnNudge {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  3% {
    -webkit-transform: translate3d(0, 3px, 0);
    -moz-transform: translate3d(0, 3px, 0);
    transform: translate3d(0, 3px, 0); }
  8% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  13% {
    -webkit-transform: translate3d(0, 2px, 0);
    -moz-transform: translate3d(0, 2px, 0);
    transform: translate3d(0, 2px, 0); }
  18% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  80% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  90% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    -moz-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0); }
  91% {
    opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    -moz-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-o-keyframes arrowBtnNudge {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  3% {
    -webkit-transform: translate3d(0, 3px, 0);
    -moz-transform: translate3d(0, 3px, 0);
    transform: translate3d(0, 3px, 0); }
  8% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  13% {
    -webkit-transform: translate3d(0, 2px, 0);
    -moz-transform: translate3d(0, 2px, 0);
    transform: translate3d(0, 2px, 0); }
  18% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  80% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  90% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    -moz-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0); }
  91% {
    opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    -moz-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes arrowBtnNudge {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  3% {
    -webkit-transform: translate3d(0, 3px, 0);
    -moz-transform: translate3d(0, 3px, 0);
    transform: translate3d(0, 3px, 0); }
  8% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  13% {
    -webkit-transform: translate3d(0, 2px, 0);
    -moz-transform: translate3d(0, 2px, 0);
    transform: translate3d(0, 2px, 0); }
  18% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  80% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  90% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    -moz-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0); }
  91% {
    opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    -moz-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

/*******************************
Header
*******************************/
.dtc-header {
  background-color: #0d223f;
  z-index: 2;
  top: 0;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: fixed;
  height: 50px; }
  @media (min-width: 768px) {
    .dtc-header {
      height: 65px; } }
  @media (min-width: 768px) {
    .dtc-header {
      overflow: visible; } }
  .dtc-header .dtc-header-container {
    margin: 0 auto;
    padding: 0 10px 0 20px;
    box-sizing: border-box;
    height: 100%;
    position: relative; }
    @media (min-width: 1600px) {
      .dtc-header .dtc-header-container {
        padding: 0 120px 0 120px; } }
    .dtc-header .dtc-header-container .dtc-header-nav {
      display: inline-block;
      width: 33.3333%;
      height: 100%; }
      @media (min-width: 768px) {
        .dtc-header .dtc-header-container .dtc-header-nav {
          width: 0px;
          display: none; } }
      .dtc-header .dtc-header-container .dtc-header-nav .burger {
        height: 12px;
        width: 20px;
        display: inline-block;
        cursor: pointer;
        vertical-align: middle; }
        .dtc-header .dtc-header-container .dtc-header-nav .burger span {
          width: 100%;
          height: 2px;
          background-color: white;
          display: block;
          position: relative;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          transition: all 0.3s;
          -webkit-transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.21);
          -moz-transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.21);
          transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.21); }
          .dtc-header .dtc-header-container .dtc-header-nav .burger span:nth-child(1) {
            top: 0; }
          .dtc-header .dtc-header-container .dtc-header-nav .burger span:nth-child(2) {
            top: 3px; }
          .dtc-header .dtc-header-container .dtc-header-nav .burger span:nth-child(3) {
            top: 6px; }
      .dtc-header .dtc-header-container .dtc-header-nav .burger-open span:nth-child(1) {
        -webkit-transform: translate3d(0, 5px, 0) rotate(45deg);
        -moz-transform: translate3d(0, 5px, 0) rotate(45deg);
        transform: translate3d(0, 5px, 0) rotate(45deg); }
      .dtc-header .dtc-header-container .dtc-header-nav .burger-open span:nth-child(2) {
        -webkit-transform: scale3d(0, 0, 1);
        -moz-transform: scale3d(0, 0, 1);
        transform: scale3d(0, 0, 1); }
      .dtc-header .dtc-header-container .dtc-header-nav .burger-open span:nth-child(3) {
        -webkit-transform: translate3d(0, -5px, 0) rotate(-45deg);
        -moz-transform: translate3d(0, -5px, 0) rotate(-45deg);
        transform: translate3d(0, -5px, 0) rotate(-45deg); }
    .dtc-header .dtc-header-container .dtc-header-container-logo {
      display: inline-block;
      width: 33.3333%;
      text-align: center;
      height: 100%; }
      @media (min-width: 768px) {
        .dtc-header .dtc-header-container .dtc-header-container-logo {
          width: 50%;
          text-align: left; } }
      .dtc-header .dtc-header-container .dtc-header-container-logo::before {
        content: ' ';
        display: inline-block;
        vertical-align: middle;
        height: 100%; }
      .dtc-header .dtc-header-container .dtc-header-container-logo img {
        width: 125px;
        vertical-align: middle;
        display: inline-block; }
        @media (min-width: 768px) {
          .dtc-header .dtc-header-container .dtc-header-container-logo img {
            width: 150px; } }
    .dtc-header .dtc-header-container .dtc-header-container-links {
      display: inline-block;
      width: 33.3333%;
      text-align: right;
      height: 100%; }
      @media (min-width: 768px) {
        .dtc-header .dtc-header-container .dtc-header-container-links {
          width: 50%; } }
      .dtc-header .dtc-header-container .dtc-header-container-links ul {
        padding: 0;
        margin: 0; }
        .dtc-header .dtc-header-container .dtc-header-container-links ul li {
          display: inline-block;
          list-style: none;
          width: 60px;
          height: 25px;
          text-align: center;
          line-height: 25px;
          margin: 0 10px;
          vertical-align: middle;
          -webkit-transition: all 0.2s ease-in;
          -moz-transition: all 0.2s ease-in;
          transition: all 0.2s ease-in;
          -webkit-transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.21);
          -moz-transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.21);
          transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.21); }
          @media (min-width: 768px) {
            .dtc-header .dtc-header-container .dtc-header-container-links ul li {
              width: 95px;
              height: 40px;
              line-height: 40px; } }
        .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu {
          display: inline-block;
          cursor: pointer;
          position: relative; }
          .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu .dtc-menu-text {
            text-decoration: none;
            color: #8491a4;
            font-size: 12px; }
            @media (min-width: 768px) {
              .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu .dtc-menu-text {
                font-size: 20px; } }
            .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu .dtc-menu-text .dtc-header-chevron {
              border-style: solid;
              border-width: 2px 2px 0 0;
              content: '';
              border-radius: 1px;
              display: inline-block;
              height: 8px;
              left: 7px;
              position: relative;
              vertical-align: top;
              width: 8px;
              -webkit-transform: translate3d(0, 12px, 0) rotate(135deg);
              -moz-transform: translate3d(0, 12px, 0) rotate(135deg);
              transform: translate3d(0, 12px, 0) rotate(135deg); }
          .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu .dtc-desktop-submenu {
            pointer-events: none;
            position: absolute;
            left: -60px;
            top: 40px; }
            @media (min-width: 768px) {
              .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu .dtc-desktop-submenu .submenu-1 {
                opacity: 0;
                z-index: -1;
                -webkit-transform: translateZ(0) translate3d(-100px, 0, 0);
                -moz-transform: translateZ(0) translate3d(-100px, 0, 0);
                transform: translateZ(0) translate3d(-100px, 0, 0);
                -webkit-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, z-index 0s linear 0.4s;
                -moz-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, z-index 0s linear 0.4s;
                transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, z-index 0s linear 0.4s;
                -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, z-index 0s linear 0.4s; }
                .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu .dtc-desktop-submenu .submenu-1 .submenu-cont:before {
                  opacity: 0;
                  -webkit-transition: opacity 0.1s ease-in-out;
                  -moz-transition: opacity 0.1s ease-in-out;
                  transition: opacity 0.1s ease-in-out; }
              .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu .dtc-desktop-submenu .submenu-2 {
                opacity: 0;
                z-index: -1;
                -webkit-transform: translateZ(0) translate3d(-100px, 0, 0);
                -moz-transform: translateZ(0) translate3d(-100px, 0, 0);
                transform: translateZ(0) translate3d(-100px, 0, 0);
                -webkit-transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out, z-index 0s linear 0.4s;
                -moz-transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out, z-index 0s linear 0.4s;
                transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out, z-index 0s linear 0.4s;
                -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, z-index 0s linear 0.4s; }
                .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu .dtc-desktop-submenu .submenu-2 .submenu-cont:before {
                  opacity: 0;
                  -webkit-transition: opacity 0.1s ease-in-out;
                  -moz-transition: opacity 0.1s ease-in-out;
                  transition: opacity 0.1s ease-in-out; }
              .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu .dtc-desktop-submenu .submenu-3 {
                opacity: 0;
                z-index: -1;
                -webkit-transform: translateZ(0) translate3d(-100px, 0, 0);
                -moz-transform: translateZ(0) translate3d(-100px, 0, 0);
                transform: translateZ(0) translate3d(-100px, 0, 0);
                -webkit-transition: opacity 0.9s ease-in-out, transform 0.9s ease-in-out, z-index 0s linear 0.4s;
                -moz-transition: opacity 0.9s ease-in-out, transform 0.9s ease-in-out, z-index 0s linear 0.4s;
                transition: opacity 0.9s ease-in-out, transform 0.9s ease-in-out, z-index 0s linear 0.4s;
                -webkit-transition: opacity 0.9s ease-in-out, -webkit-transform 0.9s ease-in-out, z-index 0s linear 0.4s; }
                .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu .dtc-desktop-submenu .submenu-3 .submenu-cont:before {
                  opacity: 0;
                  -webkit-transition: opacity 0.1s ease-in-out;
                  -moz-transition: opacity 0.1s ease-in-out;
                  transition: opacity 0.1s ease-in-out; }
              .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu .dtc-desktop-submenu .submenu-4 {
                opacity: 0;
                z-index: -1;
                -webkit-transform: translateZ(0) translate3d(-100px, 0, 0);
                -moz-transform: translateZ(0) translate3d(-100px, 0, 0);
                transform: translateZ(0) translate3d(-100px, 0, 0);
                -webkit-transition: opacity 1.2s ease-in-out, transform 1.2s ease-in-out, z-index 0s linear 0.4s;
                -moz-transition: opacity 1.2s ease-in-out, transform 1.2s ease-in-out, z-index 0s linear 0.4s;
                transition: opacity 1.2s ease-in-out, transform 1.2s ease-in-out, z-index 0s linear 0.4s;
                -webkit-transition: opacity 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out, z-index 0s linear 0.4s; }
                .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu .dtc-desktop-submenu .submenu-4 .submenu-cont:before {
                  opacity: 0;
                  -webkit-transition: opacity 0.1s ease-in-out;
                  -moz-transition: opacity 0.1s ease-in-out;
                  transition: opacity 0.1s ease-in-out; }
              .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu .dtc-desktop-submenu .submenu-5 {
                opacity: 0;
                z-index: -1;
                -webkit-transform: translateZ(0) translate3d(-100px, 0, 0);
                -moz-transform: translateZ(0) translate3d(-100px, 0, 0);
                transform: translateZ(0) translate3d(-100px, 0, 0);
                -webkit-transition: opacity 1.5s ease-in-out, transform 1.5s ease-in-out, z-index 0s linear 0.4s;
                -moz-transition: opacity 1.5s ease-in-out, transform 1.5s ease-in-out, z-index 0s linear 0.4s;
                transition: opacity 1.5s ease-in-out, transform 1.5s ease-in-out, z-index 0s linear 0.4s;
                -webkit-transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out, z-index 0s linear 0.4s; }
                .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu .dtc-desktop-submenu .submenu-5 .submenu-cont:before {
                  opacity: 0;
                  -webkit-transition: opacity 0.1s ease-in-out;
                  -moz-transition: opacity 0.1s ease-in-out;
                  transition: opacity 0.1s ease-in-out; }
              .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu .dtc-desktop-submenu .submenu-6 {
                opacity: 0;
                z-index: -1;
                -webkit-transform: translateZ(0) translate3d(-100px, 0, 0);
                -moz-transform: translateZ(0) translate3d(-100px, 0, 0);
                transform: translateZ(0) translate3d(-100px, 0, 0);
                -webkit-transition: opacity 1.8s ease-in-out, transform 1.8s ease-in-out, z-index 0s linear 0.4s;
                -moz-transition: opacity 1.8s ease-in-out, transform 1.8s ease-in-out, z-index 0s linear 0.4s;
                transition: opacity 1.8s ease-in-out, transform 1.8s ease-in-out, z-index 0s linear 0.4s;
                -webkit-transition: opacity 1.8s ease-in-out, -webkit-transform 1.8s ease-in-out, z-index 0s linear 0.4s; }
                .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu .dtc-desktop-submenu .submenu-6 .submenu-cont:before {
                  opacity: 0;
                  -webkit-transition: opacity 0.1s ease-in-out;
                  -moz-transition: opacity 0.1s ease-in-out;
                  transition: opacity 0.1s ease-in-out; }
              .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu .dtc-desktop-submenu .submenu-7 {
                opacity: 0;
                z-index: -1;
                -webkit-transform: translateZ(0) translate3d(-100px, 0, 0);
                -moz-transform: translateZ(0) translate3d(-100px, 0, 0);
                transform: translateZ(0) translate3d(-100px, 0, 0);
                -webkit-transition: opacity 2.1s ease-in-out, transform 2.1s ease-in-out, z-index 0s linear 0.4s;
                -moz-transition: opacity 2.1s ease-in-out, transform 2.1s ease-in-out, z-index 0s linear 0.4s;
                transition: opacity 2.1s ease-in-out, transform 2.1s ease-in-out, z-index 0s linear 0.4s;
                -webkit-transition: opacity 2.1s ease-in-out, -webkit-transform 2.1s ease-in-out, z-index 0s linear 0.4s; }
                .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu .dtc-desktop-submenu .submenu-7 .submenu-cont:before {
                  opacity: 0;
                  -webkit-transition: opacity 0.1s ease-in-out;
                  -moz-transition: opacity 0.1s ease-in-out;
                  transition: opacity 0.1s ease-in-out; }
              .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu .dtc-desktop-submenu .submenu-8 {
                opacity: 0;
                z-index: -1;
                -webkit-transform: translateZ(0) translate3d(-100px, 0, 0);
                -moz-transform: translateZ(0) translate3d(-100px, 0, 0);
                transform: translateZ(0) translate3d(-100px, 0, 0);
                -webkit-transition: opacity 2.4s ease-in-out, transform 2.4s ease-in-out, z-index 0s linear 0.4s;
                -moz-transition: opacity 2.4s ease-in-out, transform 2.4s ease-in-out, z-index 0s linear 0.4s;
                transition: opacity 2.4s ease-in-out, transform 2.4s ease-in-out, z-index 0s linear 0.4s;
                -webkit-transition: opacity 2.4s ease-in-out, -webkit-transform 2.4s ease-in-out, z-index 0s linear 0.4s; }
                .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu .dtc-desktop-submenu .submenu-8 .submenu-cont:before {
                  opacity: 0;
                  -webkit-transition: opacity 0.1s ease-in-out;
                  -moz-transition: opacity 0.1s ease-in-out;
                  transition: opacity 0.1s ease-in-out; }
              .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu .dtc-desktop-submenu li {
                display: block;
                background-color: #0d223f;
                list-style: none;
                width: 200px;
                height: 50px;
                line-height: 50px;
                font-size: 16px; }
                .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu .dtc-desktop-submenu li .submenu-cont {
                  margin: 0 20px;
                  display: block; }
                  .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu .dtc-desktop-submenu li .submenu-cont:before {
                    content: "\A0";
                    display: block;
                    line-height: 1px;
                    border-bottom: 1px solid #8491a4; }
                  .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu .dtc-desktop-submenu li .submenu-cont a {
                    color: #8491a4;
                    text-decoration: none;
                    display: block; }
                    .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu .dtc-desktop-submenu li .submenu-cont a:hover {
                      color: white; }
                .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu .dtc-desktop-submenu li:nth-child(1) > .submenu-cont:before {
                  border-bottom: none; } }
        .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:hover .dtc-desktop-submenu, .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:focus .dtc-desktop-submenu {
          pointer-events: auto; }
          .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:hover .dtc-desktop-submenu .submenu-1, .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:focus .dtc-desktop-submenu .submenu-1 {
            opacity: 1;
            z-index: 1;
            -webkit-transform: translateZ(0) translate3d(0, 0, 0);
            -moz-transform: translateZ(0) translate3d(0, 0, 0);
            transform: translateZ(0) translate3d(0, 0, 0);
            -webkit-transition: opacity 0.2s ease-in-out, transform 0.1s ease-out, z-index 0s linear 0s;
            -moz-transition: opacity 0.2s ease-in-out, transform 0.1s ease-out, z-index 0s linear 0s;
            transition: opacity 0.2s ease-in-out, transform 0.1s ease-out, z-index 0s linear 0s;
            -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.1s ease-out, z-index 0s linear 0s; }
            .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:hover .dtc-desktop-submenu .submenu-1 .submenu-cont:before, .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:focus .dtc-desktop-submenu .submenu-1 .submenu-cont:before {
              opacity: 1;
              -webkit-transition: opacity 0.3s 0.05s ease-in-out;
              -moz-transition: opacity 0.3s 0.05s ease-in-out;
              transition: opacity 0.3s 0.05s ease-in-out; }
          .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:hover .dtc-desktop-submenu .submenu-2, .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:focus .dtc-desktop-submenu .submenu-2 {
            opacity: 1;
            z-index: 1;
            -webkit-transform: translateZ(0) translate3d(0, 0, 0);
            -moz-transform: translateZ(0) translate3d(0, 0, 0);
            transform: translateZ(0) translate3d(0, 0, 0);
            -webkit-transition: opacity 0.4s ease-in-out, transform 0.2s ease-out, z-index 0s linear 0s;
            -moz-transition: opacity 0.4s ease-in-out, transform 0.2s ease-out, z-index 0s linear 0s;
            transition: opacity 0.4s ease-in-out, transform 0.2s ease-out, z-index 0s linear 0s;
            -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.2s ease-out, z-index 0s linear 0s; }
            .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:hover .dtc-desktop-submenu .submenu-2 .submenu-cont:before, .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:focus .dtc-desktop-submenu .submenu-2 .submenu-cont:before {
              opacity: 1;
              -webkit-transition: opacity 0.6s 0.1s ease-in-out;
              -moz-transition: opacity 0.6s 0.1s ease-in-out;
              transition: opacity 0.6s 0.1s ease-in-out; }
          .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:hover .dtc-desktop-submenu .submenu-3, .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:focus .dtc-desktop-submenu .submenu-3 {
            opacity: 1;
            z-index: 1;
            -webkit-transform: translateZ(0) translate3d(0, 0, 0);
            -moz-transform: translateZ(0) translate3d(0, 0, 0);
            transform: translateZ(0) translate3d(0, 0, 0);
            -webkit-transition: opacity 0.6s ease-in-out, transform 0.3s ease-out, z-index 0s linear 0s;
            -moz-transition: opacity 0.6s ease-in-out, transform 0.3s ease-out, z-index 0s linear 0s;
            transition: opacity 0.6s ease-in-out, transform 0.3s ease-out, z-index 0s linear 0s;
            -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 0.3s ease-out, z-index 0s linear 0s; }
            .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:hover .dtc-desktop-submenu .submenu-3 .submenu-cont:before, .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:focus .dtc-desktop-submenu .submenu-3 .submenu-cont:before {
              opacity: 1;
              -webkit-transition: opacity 0.9s 0.15s ease-in-out;
              -moz-transition: opacity 0.9s 0.15s ease-in-out;
              transition: opacity 0.9s 0.15s ease-in-out; }
          .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:hover .dtc-desktop-submenu .submenu-4, .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:focus .dtc-desktop-submenu .submenu-4 {
            opacity: 1;
            z-index: 1;
            -webkit-transform: translateZ(0) translate3d(0, 0, 0);
            -moz-transform: translateZ(0) translate3d(0, 0, 0);
            transform: translateZ(0) translate3d(0, 0, 0);
            -webkit-transition: opacity 0.8s ease-in-out, transform 0.4s ease-out, z-index 0s linear 0s;
            -moz-transition: opacity 0.8s ease-in-out, transform 0.4s ease-out, z-index 0s linear 0s;
            transition: opacity 0.8s ease-in-out, transform 0.4s ease-out, z-index 0s linear 0s;
            -webkit-transition: opacity 0.8s ease-in-out, -webkit-transform 0.4s ease-out, z-index 0s linear 0s; }
            .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:hover .dtc-desktop-submenu .submenu-4 .submenu-cont:before, .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:focus .dtc-desktop-submenu .submenu-4 .submenu-cont:before {
              opacity: 1;
              -webkit-transition: opacity 1.2s 0.2s ease-in-out;
              -moz-transition: opacity 1.2s 0.2s ease-in-out;
              transition: opacity 1.2s 0.2s ease-in-out; }
          .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:hover .dtc-desktop-submenu .submenu-5, .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:focus .dtc-desktop-submenu .submenu-5 {
            opacity: 1;
            z-index: 1;
            -webkit-transform: translateZ(0) translate3d(0, 0, 0);
            -moz-transform: translateZ(0) translate3d(0, 0, 0);
            transform: translateZ(0) translate3d(0, 0, 0);
            -webkit-transition: opacity 1s ease-in-out, transform 0.5s ease-out, z-index 0s linear 0s;
            -moz-transition: opacity 1s ease-in-out, transform 0.5s ease-out, z-index 0s linear 0s;
            transition: opacity 1s ease-in-out, transform 0.5s ease-out, z-index 0s linear 0s;
            -webkit-transition: opacity 1s ease-in-out, -webkit-transform 0.5s ease-out, z-index 0s linear 0s; }
            .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:hover .dtc-desktop-submenu .submenu-5 .submenu-cont:before, .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:focus .dtc-desktop-submenu .submenu-5 .submenu-cont:before {
              opacity: 1;
              -webkit-transition: opacity 1.5s 0.25s ease-in-out;
              -moz-transition: opacity 1.5s 0.25s ease-in-out;
              transition: opacity 1.5s 0.25s ease-in-out; }
          .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:hover .dtc-desktop-submenu .submenu-6, .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:focus .dtc-desktop-submenu .submenu-6 {
            opacity: 1;
            z-index: 1;
            -webkit-transform: translateZ(0) translate3d(0, 0, 0);
            -moz-transform: translateZ(0) translate3d(0, 0, 0);
            transform: translateZ(0) translate3d(0, 0, 0);
            -webkit-transition: opacity 1.2s ease-in-out, transform 0.6s ease-out, z-index 0s linear 0s;
            -moz-transition: opacity 1.2s ease-in-out, transform 0.6s ease-out, z-index 0s linear 0s;
            transition: opacity 1.2s ease-in-out, transform 0.6s ease-out, z-index 0s linear 0s;
            -webkit-transition: opacity 1.2s ease-in-out, -webkit-transform 0.6s ease-out, z-index 0s linear 0s; }
            .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:hover .dtc-desktop-submenu .submenu-6 .submenu-cont:before, .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:focus .dtc-desktop-submenu .submenu-6 .submenu-cont:before {
              opacity: 1;
              -webkit-transition: opacity 1.8s 0.3s ease-in-out;
              -moz-transition: opacity 1.8s 0.3s ease-in-out;
              transition: opacity 1.8s 0.3s ease-in-out; }
          .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:hover .dtc-desktop-submenu .submenu-7, .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:focus .dtc-desktop-submenu .submenu-7 {
            opacity: 1;
            z-index: 1;
            -webkit-transform: translateZ(0) translate3d(0, 0, 0);
            -moz-transform: translateZ(0) translate3d(0, 0, 0);
            transform: translateZ(0) translate3d(0, 0, 0);
            -webkit-transition: opacity 1.4s ease-in-out, transform 0.7s ease-out, z-index 0s linear 0s;
            -moz-transition: opacity 1.4s ease-in-out, transform 0.7s ease-out, z-index 0s linear 0s;
            transition: opacity 1.4s ease-in-out, transform 0.7s ease-out, z-index 0s linear 0s;
            -webkit-transition: opacity 1.4s ease-in-out, -webkit-transform 0.7s ease-out, z-index 0s linear 0s; }
            .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:hover .dtc-desktop-submenu .submenu-7 .submenu-cont:before, .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:focus .dtc-desktop-submenu .submenu-7 .submenu-cont:before {
              opacity: 1;
              -webkit-transition: opacity 2.1s 0.35s ease-in-out;
              -moz-transition: opacity 2.1s 0.35s ease-in-out;
              transition: opacity 2.1s 0.35s ease-in-out; }
          .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:hover .dtc-desktop-submenu .submenu-8, .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:focus .dtc-desktop-submenu .submenu-8 {
            opacity: 1;
            z-index: 1;
            -webkit-transform: translateZ(0) translate3d(0, 0, 0);
            -moz-transform: translateZ(0) translate3d(0, 0, 0);
            transform: translateZ(0) translate3d(0, 0, 0);
            -webkit-transition: opacity 1.6s ease-in-out, transform 0.8s ease-out, z-index 0s linear 0s;
            -moz-transition: opacity 1.6s ease-in-out, transform 0.8s ease-out, z-index 0s linear 0s;
            transition: opacity 1.6s ease-in-out, transform 0.8s ease-out, z-index 0s linear 0s;
            -webkit-transition: opacity 1.6s ease-in-out, -webkit-transform 0.8s ease-out, z-index 0s linear 0s; }
            .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:hover .dtc-desktop-submenu .submenu-8 .submenu-cont:before, .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-desktop-menu-hover:focus .dtc-desktop-submenu .submenu-8 .submenu-cont:before {
              opacity: 1;
              -webkit-transition: opacity 2.4s 0.4s ease-in-out;
              -moz-transition: opacity 2.4s 0.4s ease-in-out;
              transition: opacity 2.4s 0.4s ease-in-out; }
        .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-sign-in-btn-desktop {
          background-color: #0b69af;
          border-radius: 5px; }
          .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-sign-in-btn-desktop:hover {
            background-color: white; }
            .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-sign-in-btn-desktop:hover > a {
              color: #0b69af;
              -webkit-transition: all 0.1s ease-in;
              -moz-transition: all 0.1s ease-in;
              transition: all 0.1s ease-in; }
          .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-sign-in-btn-desktop > a {
            display: block;
            color: white;
            text-decoration: none;
            -webkit-transition: all 0.5s ease-in;
            -moz-transition: all 0.5s ease-in;
            transition: all 0.5s ease-in;
            -webkit-transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.21);
            -moz-transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.21);
            transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.21); }
            @media (min-width: 768px) {
              .dtc-header .dtc-header-container .dtc-header-container-links ul .dtc-sign-in-btn-desktop > a {
                font-size: 20px; } }

.dtc-header-fake {
  height: 50px;
  width: 100%; }
  @media (min-width: 768px) {
    .dtc-header-fake {
      height: 65px; } }

.dtc-header-menu-mobile {
  position: fixed;
  left: -40px;
  bottom: 0;
  right: auto;
  z-index: -1;
  background-color: #0d223f;
  padding-left: 40px;
  -webkit-transform: translateZ(0) translate3d(-600px, 0, 0);
  -moz-transform: translateZ(0) translate3d(-600px, 0, 0);
  transform: translateZ(0) translate3d(-600px, 0, 0);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.06);
  -moz-transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.06);
  transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.06);
  -webkit-transition-timing-function: cubic-bezier(0.77, -0.22, 0.29, 0.68);
  -moz-transition-timing-function: cubic-bezier(0.77, -0.22, 0.29, 0.68);
  transition-timing-function: cubic-bezier(0.77, -0.22, 0.29, 0.68);
  top: 50px; }
  @media (min-width: 768px) {
    .dtc-header-menu-mobile {
      top: 65px; } }
  @media (min-width: 768px) {
    .dtc-header-menu-mobile {
      display: none; } }
  .dtc-header-menu-mobile ul {
    padding: 0;
    margin: 0; }
    .dtc-header-menu-mobile ul li {
      list-style: none;
      padding: 15px 40px 15px 18px;
      font-weight: 700;
      font-size: 18px;
      border-bottom: 1px solid #3d4f6a; }
      .dtc-header-menu-mobile ul li a {
        color: white;
        text-decoration: none !important; }
        .dtc-header-menu-mobile ul li a:hover {
          color: white !important;
          text-decoration: none !important; }

.dtc-overlay-button-closed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: black;
  opacity: 0;
  z-index: -1;
  -webkit-transition: opacity 0.2s ease-in-out, z-index 0s linear 0.1s;
  -moz-transition: opacity 0.2s ease-in-out, z-index 0s linear 0.1s;
  transition: opacity 0.2s ease-in-out, z-index 0s linear 0.1s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.06);
  -moz-transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.06);
  transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.06); }

.dtc-overlay-button-open {
  opacity: .5;
  z-index: 1;
  -webkit-transition: opacity 0.6s ease-in-out, z-index 0s linear 0.2s;
  -moz-transition: opacity 0.6s ease-in-out, z-index 0s linear 0.2s;
  transition: opacity 0.6s ease-in-out, z-index 0s linear 0.2s; }
  @media (min-width: 768px) {
    .dtc-overlay-button-open {
      display: none; } }

/*******************************
Seperate Animation Classes
*******************************/
.dtc-header-menu-mobile-open {
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.06);
  -moz-transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.06);
  transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.06); }

/*******************************
Snippets
*******************************/
.snippet-container {
  font-size: 2vw;
  margin-bottom: 32px;
  margin-top: 32px; }
  @media (min-width: 1024px) {
    .snippet-container {
      font-size: 0; } }
  @media (min-width: 1250px) {
    .snippet-container {
      margin-bottom: 60px;
      margin-top: 60px; } }
  .snippet-container ul {
    text-align: center;
    padding: 0;
    margin: 0 auto;
    position: relative;
    max-width: 768px;
    width: 100%; }
    @media (min-width: 1250px) {
      .snippet-container ul {
        display: -moz-box;
        display: -webkit-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        max-width: none; } }
    .snippet-container ul li {
      text-align: center;
      list-style: none;
      float: left;
      width: 49%; }
      @media (min-width: 1250px) {
        .snippet-container ul li {
          width: auto;
          -webkit-flex-grow: 1;
          flex-grow: 1;
          -webkit-flex-basis: 0;
          flex-basis: 0;
          float: none;
          text-align: left;
          padding: 0 18px; } }
      @media (min-width: 1600px) {
        .snippet-container ul li {
          padding: 0 30px; } }
      .snippet-container ul li img {
        height: 5em;
        margin: 4.6875em; }
        @media (min-width: 768px) {
          .snippet-container ul li img {
            height: 75px;
            margin: 60px 0; } }
        @media (min-width: 1250px) {
          .snippet-container ul li img {
            height: 46px;
            margin: 0; } }
      @media (min-width: 1250px) {
        .snippet-container ul li:nth-child(1) {
          border-right: 1px solid #DFDFDF; } }
      .snippet-container ul li:nth-child(2) {
        border-bottom: 1px solid #DFDFDF;
        border-right: 1px solid #DFDFDF; }
        @media (min-width: 1250px) {
          .snippet-container ul li:nth-child(2) {
            border-bottom: 0; } }
      .snippet-container ul li:nth-child(3) {
        border-bottom: 1px solid #DFDFDF; }
        @media (min-width: 1250px) {
          .snippet-container ul li:nth-child(3) {
            border-bottom: 0;
            border-right: 1px solid #DFDFDF; } }
      .snippet-container ul li:nth-child(4) {
        border-right: 1px solid #DFDFDF; }
  .snippet-container .big-text {
    font-size: 2.96875em;
    line-height: 1.1875em;
    margin-bottom: 17px;
    color: white; }
    @media (min-width: 768px) {
      .snippet-container .big-text {
        font-size: 32px; } }
    @media (min-width: 1250px) {
      .snippet-container .big-text {
        font-size: 28px;
        margin-bottom: 0px; } }
  .snippet-container .text {
    font-size: 22px;
    padding-top: 0.875em;
    color: white; }
  .snippet-container .description p {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    color: white;
    line-height: 1.5625em; }
    @media (min-width: 768px) {
      .snippet-container .description p {
        font-size: 18px; } }
    @media (min-width: 1250px) {
      .snippet-container .description p {
        font-size: 14px;
        line-height: 18px;
        text-align: left;
        padding-top: 0.4375em;
        margin-bottom: 0.4375em; } }
    @media (min-width: 1600px) {
      .snippet-container .description p {
        font-size: 16px;
        line-height: 20px; } }
  .snippet-container .link {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 15px 0; }
    .snippet-container .link a {
      color: #006BC2;
      text-decoration: none; }
    @media (min-width: 768px) {
      .snippet-container .link {
        font-size: 18px; } }
    @media (min-width: 1250px) {
      .snippet-container .link {
        font-size: 16px; } }
  .snippet-container .snippet-item-0 {
    width: 100%; }
    @media (min-width: 1250px) {
      .snippet-container .snippet-item-0 {
        width: auto; } }
    .snippet-container .snippet-item-0 .big-text {
      display: block !important;
      padding: 0 10px; }
    .snippet-container .snippet-item-0 .description {
      display: block !important;
      padding: 0 10px; }
    .snippet-container .snippet-item-0 .link {
      display: block !important;
      padding: 0 10px; }
  .snippet-container .side-divider {
    display: none;
    float: left;
    border-right: 1px solid; }

/*******************************
Hero
*******************************/
.dtc-headline-container {
  font-size: 4.16vw;
  text-align: center;
  padding-top: 20px;
  margin-bottom: 30px; }
  @media (min-width: 768px) {
    .dtc-headline-container {
      font-size: 2.08vw;
      padding-top: 25px;
      margin-bottom: 65px; } }
  @media (min-width: 1024px) {
    .dtc-headline-container {
      text-align: left; } }
  .dtc-headline-container .dtc-headline-sponsor-logo img {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    -webkit-animation: imageAppear 0.8s 0.5s forwards;
    animation: imageAppear 0.8s 0.5s forwards;
    max-height: 105px;
    margin-bottom: 20px; }
    @media (min-width: 1600px) {
      .dtc-headline-container .dtc-headline-sponsor-logo img {
        margin-bottom: 0px; } }
  .dtc-headline-container .dtc-headline-seperator {
    width: 100%;
    height: 1px;
    background-color: #c4c4c4;
    margin-bottom: 20px; }
  .dtc-headline-container .dtc-headline-main-title {
    font-size: 30px;
    line-height: 1.125em;
    color: white;
    -webkit-animation: fadeIn 0.5s 0.2s forwards;
    animation: fadeIn 0.5s 0.2s forwards;
    opacity: 0; }
    @media (min-width: 768px) {
      .dtc-headline-container .dtc-headline-main-title {
        font-size: 48px;
        line-height: 60px;
        margin-top: 30px;
        font-weight: 700; } }
    @media (min-width: 1600px) {
      .dtc-headline-container .dtc-headline-main-title {
        
       } }
  .dtc-headline-container .dtc-headline-main-caption {
    font-size: 16px;
    color: white;
    -webkit-animation: fadeIn 0.7s 0.2s forwards;
    animation: fadeIn 0.7s 0.2s forwards;
    opacity: 0; }
    @media (min-width: 768px) {
      .dtc-headline-container .dtc-headline-main-caption {
        font-size: 24px;
      line-height: 30px; } }
    @media (min-width: 1600px) {
      .dtc-headline-container .dtc-headline-main-caption {
         } }
  .dtc-headline-container .dtc-headline-subtext-caption {
    font-size: 16px;
    -webkit-animation: fadeIn 0.7s 0.2s forwards;
    animation: fadeIn 0.7s 0.2s forwards;
    opacity: 0; }
    @media (min-width: 768px) {
      .dtc-headline-container .dtc-headline-subtext-caption {
        font-size: 16px; } }
  .dtc-headline-container .dtc-headline-img {
    opacity: 1;
    position: relative;
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    .dtc-headline-container .dtc-headline-img img {
      opacity: 0;
      -webkit-transform: translate3d(0, 10px, 0);
      -moz-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0);
      -webkit-animation: imageAppear 0.8s 0.5s forwards;
      animation: imageAppear 0.8s 0.5s forwards; }

.dtc-hero-section {
  font-size: 0; padding-bottom: 28px; }
  @media (min-width: 768px) {
    .dtc-hero-section {
      margin: 0 auto 10px auto; } }

/* IMAGE APPEAR */
@-webkit-keyframes imageAppear {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-moz-keyframes imageAppear {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-o-keyframes imageAppear {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes imageAppear {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

/* FADE IN */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/*******************************
Features
*******************************/
.dtc-features-container {
  position: relative;
  /* background-color: #0097DC; */
  text-align: center;
  padding-bottom: 40px;
  background: #0B223E;
  background: -moz-linear-gradient(top, #0B223E 0%, #00386F 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #0B223E), color-stop(100%, #00386F));
  background: -webkit-linear-gradient(top, #0B223E 0%, #00386F 100%);
  background: -o-linear-gradient(top, #0B223E 0%, #00386F 100%);
  background: -ms-linear-gradient(top, #0B223E 0%, #00386F 100%);
  background: linear-gradient(to bottom, #0B223E 0%, #00386F 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0B223E', endColorstr='#00386F', GradientType=0 ); 
}
  .dtc-features-container .title {
    color: white;
    font-size: 30px;
    line-height: 30px;
    padding-top: 60px;
    padding-bottom: 20px; }
    @media (min-width: 768px) {
      .dtc-features-container .title {
        font-size: 42px;
        line-height: 42px;
        padding-top: 80px; } }
    @media (min-width: 1600px) {
      .dtc-features-container .title {
        font-size: 48px;
        line-height: 48px; } }
  .dtc-features-container .headline {
    color: white;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 36px; }
    @media (min-width: 768px) {
      .dtc-features-container .headline {
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 40px; } }
  .dtc-features-container .features-flex-box {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex; }
    @media (min-width: 1250px) {
      .dtc-features-container .features-flex-box {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap; } }
    .dtc-features-container .features-flex-box .feature-item {
      margin: 0 7px;
      margin-bottom: 15px;
      max-width: 410px;
      width: 100%; }
      @media (min-width: 768px) {
        .dtc-features-container .features-flex-box .feature-item {
          width: auto; } }
      @media (min-width: 1024px) {
        .dtc-features-container .features-flex-box .feature-item {
          display: inline-block;
          margin-right: 7px;
          margin-left: 8px; } }
      @media (min-width: 1250px) {
        .dtc-features-container .features-flex-box .feature-item {
          line-height: 22px;
          width: 100%; } }
      .dtc-features-container .features-flex-box .feature-item .feature-image {
        position: relative; }
      .dtc-features-container .features-flex-box .feature-item .feature-data-container {
        text-align: left;
        padding: 30px 30px 20px 30px; }
        .dtc-features-container .features-flex-box .feature-item .feature-data-container .feature-title {
          font-size: 21px;
          margin: 10px 0;
          color: white; }
          @media (min-width: 768px) {
            .dtc-features-container .features-flex-box .feature-item .feature-data-container .feature-title {
              font-size: 26px; } }
          @media (min-width: 1250px) {
            .dtc-features-container .features-flex-box .feature-item .feature-data-container .feature-title {
              margin: 20px 0 10px 0; } }
        .dtc-features-container .features-flex-box .feature-item .feature-data-container .feature-desc {
          font-size: 15px;
          margin: 10px 0 10px 0; }
  .dtc-features-container .dtc-features-btn-container {
    height: 38px;
    position: relative;
    overflow: hidden;
    background-color: white; }
    @media (min-width: 768px) {
      .dtc-features-container .dtc-features-btn-container {
        height: 48px;
        margin: 0 auto; } }
  .dtc-features-container .dtc-features-btn-start {
    border-radius: 5px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.33, 0, 0.14);
    -moz-transition-timing-function: cubic-bezier(0.25, 0.33, 0, 0.14);
    transition-timing-function: cubic-bezier(0.25, 0.33, 0, 0.14);
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation: btnOpen 0.8s 0.5s forwards;
    animation: btnOpen 0.8s 0.5s forwards; }
    .dtc-features-container .dtc-features-btn-start:hover {
      background-color: #0d223f; }
      .dtc-features-container .dtc-features-btn-start:hover .dtc-features-btn-text {
        color: white; }
  .dtc-features-container .dtc-features-btn-text {
    color: #146CA8;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    opacity: 0;
    padding: 0 10px;
    margin-top: 12px;
    -webkit-animation: fadeIn 1s 1.1s forwards;
    animation: fadeIn 1s 1.1s forwards;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    @media (min-width: 768px) {
      .dtc-features-container .dtc-features-btn-text {
        font-size: 18px;
        line-height: 18px;
        margin-top: 15px; } }

.icon-div {
  width: 40px;
  height: 40px;
  position: absolute;
  border-radius: 49%;
  bottom: 0;
  left: 30px;
  margin-bottom: -20px;
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 1);
  -moz-transform: scale3d(0, 0, 1);
  transform: scale3d(0, 0, 1);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.28, 0.49, 0.52, 1.35);
  -moz-transition-timing-function: cubic-bezier(0.28, 0.49, 0.52, 1.35);
  transition-timing-function: cubic-bezier(0.28, 0.49, 0.52, 1.35);
  -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.09);
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.09); }
  .icon-div img {
    vertical-align: top; }
  @media (min-width: 1024px) {
    .icon-div {
      width: 60px;
      height: 60px;
      margin-bottom: -28px; } }

.icon-div-mutate {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

/*******************************
Carousel
*******************************/
/**********************
Initial State Classes
//css delay settings are the amount of wait time once mutate classes have been removed
***********************/
.dtc-carousel-tab-overlay-init {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* background: rgba(255, 255, 255, 0.27);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.27) 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.27)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.27) 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.27) 0%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.27) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.27) 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); */
  -webkit-transform: translate3d(0, -200px, 0);
  -moz-transform: translate3d(0, -200px, 0);
  transform: translate3d(0, -200px, 0);
  -webkit-transition: all 0.5s 0.3s;
  -moz-transition: all 0.5s 0.3s;
  transition: all 0.5s 0.3s; }

.dtc-carousel-tab-border-init {
  height: 4px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: white;
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.dtc-carousel-tab-border-mover-init {
  height: 4px;
  width: 25px;
  position: absolute;
  border-radius: 10%;
  top: 0;
  left: 0;
  right: 0;
  /* background-color: #0593e0; */
  -webkit-animation: borderMover 2s infinite linear;
  animation: borderMover 2s infinite linear;
  visibility: hidden;
  -webkit-transition: all 0s 0.1s;
  -moz-transition: all 0s 0.1s;
  transition: all 0s 0.1s; }
  @media (min-width: 768px) {
    .dtc-carousel-tab-border-mover-init {
      width: 50px;
      -webkit-animation: borderMover 2.5s infinite linear;
      animation: borderMover 2.5s infinite linear; } }

.dtc-carousel-bg-top-init {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 3s 0.5s;
  -moz-transition: all 3s 0.5s;
  transition: all 3s 0.5s; }

.dtc-carousel-bg-bottom-init {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translate3d(0, 1000px, 0);
  -moz-transform: translate3d(0, 1000px, 0);
  transform: translate3d(0, 1000px, 0);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0.46, 0.99);
  -moz-transition-timing-function: cubic-bezier(1, 0, 0.46, 0.99);
  transition-timing-function: cubic-bezier(1, 0, 0.46, 0.99); }

.dtc-carousel-hero-init {
  position: absolute;
  bottom: 60px;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transform: translate3d(-50px, 0, 0);
  -moz-transform: translate3d(-50px, 0, 0);
  transform: translate3d(-50px, 0, 0);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0.46, 0.99);
  -moz-transition-timing-function: cubic-bezier(1, 0, 0.46, 0.99);
  transition-timing-function: cubic-bezier(1, 0, 0.46, 0.99); }
  @media (min-width: 1024px) {
    .dtc-carousel-hero-init {
      bottom: 150px; } }
  .dtc-carousel-hero-init img {
    display: block;
    max-height: 200px;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .dtc-carousel-hero-init img {
        max-height: 250px; } }
    @media (min-width: 1024px) {
      .dtc-carousel-hero-init img {
        max-height: 420px; } }
    @media (min-width: 1250px) {
      .dtc-carousel-hero-init img {
        max-height: 500px; } }
  @media (min-width: 1024px) {
    .dtc-carousel-hero-init {
      -webkit-transform: translate3d(-250px, 0, 0);
      -moz-transform: translate3d(-250px, 0, 0);
      transform: translate3d(-250px, 0, 0);
      right: auto;
      width: 50%; } }

.dtc-carousel-main-icon-init {
  opacity: 0;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  transition: all 0.1s; }
  .dtc-carousel-main-icon-init img {
    height: 50px; }
    @media (min-width: 1024px) {
      .dtc-carousel-main-icon-init img {
        height: 70px; } }

.dtc-carousel-title-init {
  font-size: 28px;
  line-height: 28px;
  color: white;
  overflow: hidden;
  margin: 0 auto;
  max-width: 700px;
  opacity: 0;
  -webkit-transition: all 0.2s 0.1s;
  -moz-transition: all 0.2s 0.1s;
  transition: all 0.2s 0.1s; }
  @media (min-width: 1024px) {
    .dtc-carousel-title-init {
      max-width: none;
      font-size: 34px;
      line-height: 34px; } }

.dtc-carousel-caption-init {
  font-size: 14px;
  color: white;
  overflow: hidden;
  margin: 0 auto;
  max-width: 750px;
  opacity: 0;
  -webkit-transition: all 0.3s 0.2s;
  -moz-transition: all 0.3s 0.2s;
  transition: all 0.3s 0.2s; }
  @media (min-width: 768px) {
    .dtc-carousel-caption-init {
      font-size: 16px; } }
  @media (min-width: 1024px) {
    .dtc-carousel-caption-init {
      max-width: none; } }
  @media (min-width: 1250px) {
    .dtc-carousel-caption-init {
      font-size: 18px; } }

.dtc-carousel-main-button-init {
  opacity: 0;
  -webkit-transition: all 0.6s 0.3s;
  -moz-transition: all 0.6s 0.3s;
  transition: all 0.6s 0.3s; }

/**********************
Mutated State Classes
//css delay settings are the amount of wait time for an animation to run once mutate classes have been added
***********************/
.dtc-carousel-tab-overlay-mutate {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.7s 0.8s;
  -moz-transition: all 0.7s 0.8s;
  transition: all 0.7s 0.8s; }

.dtc-carousel-tab-border-mutate {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.5s 0.5s;
  -moz-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s; }

.dtc-carousel-tab-border-timer-mutate {
  -webkit-animation: borderMovement 5.5s 0.5s forwards;
  animation: borderMovement 5.5s 0.5s forwards;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-transition: all 5.5s 0.5s linear;
  -moz-transition: all 5.5s 0.5s linear;
  transition: all 5.5s 0.5s linear; }

.dtc-carousel-tab-border-mover-mutate {
  visibility: visible;
  -webkit-transition: all 0s 0.633s;
  -moz-transition: all 0s 0.633s;
  transition: all 0s 0.633s; }

.dtc-carousel-bg-top-mutate {
  opacity: 1;
  -webkit-transition: all 3s;
  -moz-transition: all 3s;
  transition: all 3s; }

.dtc-carousel-bg-bottom-mutate {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; }

.dtc-carousel-hero-mutate {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 1.25s;
  -moz-transition: all 1.25s;
  transition: all 1.25s;
  -webkit-transition-timing-function: cubic-bezier(0.08, 0.41, 0.2, 0.96);
  -moz-transition-timing-function: cubic-bezier(0.08, 0.41, 0.2, 0.96);
  transition-timing-function: cubic-bezier(0.08, 0.41, 0.2, 0.96); }

.dtc-carousel-main-icon-mutate {
  opacity: 1;
  -webkit-transition: all 1.3s 0.3s;
  -moz-transition: all 1.3s 0.3s;
  transition: all 1.3s 0.3s; }

.dtc-carousel-title-mutate {
  opacity: 1;
  -webkit-transition: all 1.2s 0.2s;
  -moz-transition: all 1.2s 0.2s;
  transition: all 1.2s 0.2s; }

.dtc-carousel-caption-mutate {
  opacity: 1;
  -webkit-transition: all 1.1s 0.1s;
  -moz-transition: all 1.1s 0.1s;
  transition: all 1.1s 0.1s; }

.dtc-carousel-main-button-mutate {
  opacity: 1;
  -webkit-transition: all 1.7s;
  -moz-transition: all 1.7s;
  transition: all 1.7s; }

/**********************
Static State Classes
***********************/
.dtc-carousel {
  width: 100%;
  height: 600px;
  position: relative; }
  .dtc-carousel .dtc-carousel-bg {
    position: relative;
    height: 100%;
    width: 100%; }
    .dtc-carousel .dtc-carousel-bg .dtc-carousel-bg-cont {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      overflow: hidden; }
    .dtc-carousel .dtc-carousel-bg .dtc-carousel-holder-cont {
      height: 100%;
      width: 100%; }
      .dtc-carousel .dtc-carousel-bg .dtc-carousel-holder-cont .dtc-carousel-main-cont {
        height: 100%;
        width: 100%;
        position: relative; }
        .dtc-carousel .dtc-carousel-bg .dtc-carousel-holder-cont .dtc-carousel-main-cont .dtc-carousel-content-cont {
          height: 340px;
          position: relative; }
          @media (min-width: 768px) {
            .dtc-carousel .dtc-carousel-bg .dtc-carousel-holder-cont .dtc-carousel-main-cont .dtc-carousel-content-cont {
              height: 290px; } }
          @media (min-width: 1024px) {
            .dtc-carousel .dtc-carousel-bg .dtc-carousel-holder-cont .dtc-carousel-main-cont .dtc-carousel-content-cont {
              width: 50%;
              float: right;
              height: 450px; } }
        .dtc-carousel .dtc-carousel-bg .dtc-carousel-holder-cont .dtc-carousel-main-cont .dtc-carousel-content {
          position: absolute;
          text-align: center;
          top: 50%;
          left: 0;
          right: 0;
          padding-top: 30px;
          -webkit-transform: translate3d(0, -50%, 0);
          -moz-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0); }
          @media (min-width: 1024px) {
            .dtc-carousel .dtc-carousel-bg .dtc-carousel-holder-cont .dtc-carousel-main-cont .dtc-carousel-content {
              text-align: left;
              padding: 0 20% 0 10px; } }
          .dtc-carousel .dtc-carousel-bg .dtc-carousel-holder-cont .dtc-carousel-main-cont .dtc-carousel-content .dtc-carousel-text-container {
            overflow: hidden;
            margin: 0 10px; }
            @media (min-width: 1024px) {
              .dtc-carousel .dtc-carousel-bg .dtc-carousel-holder-cont .dtc-carousel-main-cont .dtc-carousel-content .dtc-carousel-text-container {
                margin: 0; } }
        .dtc-carousel .dtc-carousel-bg .dtc-carousel-holder-cont .dtc-carousel-main-cont .dtc-carousel-tabs {
          border-top: 1px solid rgba(255, 255, 255, 0.2);
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0; }
          .dtc-carousel .dtc-carousel-bg .dtc-carousel-holder-cont .dtc-carousel-main-cont .dtc-carousel-tabs ul {
            height: 60px;
            list-style: none;
            padding: 0;
            margin: 0;
            display: -moz-box;
            display: -webkit-flexbox;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: -moz-flex;
            display: flex;
            -webkit-justify-content: space-around;
            justify-content: space-around; }
            @media (min-width: 1024px) {
              .dtc-carousel .dtc-carousel-bg .dtc-carousel-holder-cont .dtc-carousel-main-cont .dtc-carousel-tabs ul {
                height: 150px; } }
            .dtc-carousel .dtc-carousel-bg .dtc-carousel-holder-cont .dtc-carousel-main-cont .dtc-carousel-tabs ul li {
              display: flex;
              align-items: center;
              justify-content: center;
              overflow: hidden;
              position: relative;
              height: 100%;
              width: 100%;
              cursor: pointer;
              box-sizing: border-box; }
              @media (min-width: 1250px) {
                .dtc-carousel .dtc-carousel-bg .dtc-carousel-holder-cont .dtc-carousel-main-cont .dtc-carousel-tabs ul li {
                  padding: 0px 10px 0 10px; } }
              .dtc-carousel .dtc-carousel-bg .dtc-carousel-holder-cont .dtc-carousel-main-cont .dtc-carousel-tabs ul li .dtc-carousel-tab-text {
                font-size: 18px;
                color: white;
                opacity: .6;
                font-weight: 700;
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate3d(-50%, -50%, 0);
                -moz-transform: translate3d(-50%, -50%, 0);
                transform: translate3d(-50%, -50%, 0); }
                @media (min-width: 1250px) {
                  .dtc-carousel .dtc-carousel-bg .dtc-carousel-holder-cont .dtc-carousel-main-cont .dtc-carousel-tabs ul li .dtc-carousel-tab-text {
                    position: static;
                    width: 65%;
                    float: left;
                    padding-left: 5%;
                    font-weight: 400;
                    font-size: 16px;
                    -webkit-transform: none;
                    -moz-transform: none;
                    transform: none; } }
                @media (min-width: 1600px) {
                  .dtc-carousel .dtc-carousel-bg .dtc-carousel-holder-cont .dtc-carousel-main-cont .dtc-carousel-tabs ul li .dtc-carousel-tab-text {
                    font-size: 18px; } }
              .dtc-carousel .dtc-carousel-bg .dtc-carousel-holder-cont .dtc-carousel-main-cont .dtc-carousel-tabs ul li .dtc-carousel-tab-icon {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate3d(-50%, -50%, 0);
                -moz-transform: translate3d(-50%, -50%, 0);
                transform: translate3d(-50%, -50%, 0); }
                @media (min-width: 1250px) {
                  .dtc-carousel .dtc-carousel-bg .dtc-carousel-holder-cont .dtc-carousel-main-cont .dtc-carousel-tabs ul li .dtc-carousel-tab-icon {
                    position: static;
                    width: 30%;
                    float: left;
                    text-align: center;
                    -webkit-transform: none;
                    -moz-transform: none;
                    transform: none; } }
                .dtc-carousel .dtc-carousel-bg .dtc-carousel-holder-cont .dtc-carousel-main-cont .dtc-carousel-tabs ul li .dtc-carousel-tab-icon img {
                  max-height: 80px;
                  max-width: 100px !important;
                  margin: 0 auto;
                  vertical-align: top; }
              .dtc-carousel .dtc-carousel-bg .dtc-carousel-holder-cont .dtc-carousel-main-cont .dtc-carousel-tabs ul li .dtc-carousel-full-opacity {
                opacity: 1; }

/**********************
Keyframes
***********************/
@-webkit-keyframes borderMovement {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  5% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  90% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@-moz-keyframes borderMovement {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  5% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  90% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@-o-keyframes borderMovement {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  5% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  90% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes borderMovement {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  5% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  90% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@-webkit-keyframes borderMover {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  25% {
    opacity: 0;
    -webkit-transform: translate3d(112.5px, 0, 0);
    -moz-transform: translate3d(112.5px, 0, 0);
    transform: translate3d(112.5px, 0, 0); }
  50% {
    opacity: 0;
    -webkit-transform: translate3d(225px, 0, 0);
    -moz-transform: translate3d(225px, 0, 0);
    transform: translate3d(225px, 0, 0); }
  75% {
    opacity: 0;
    -webkit-transform: translate3d(337.5px, 0, 0);
    -moz-transform: translate3d(337.5px, 0, 0);
    transform: translate3d(337.5px, 0, 0); }
  99.9% {
    opacity: 0;
    -webkit-transform: translate3d(550px, 0, 0);
    -moz-transform: translate3d(550px, 0, 0);
    transform: translate3d(550px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-moz-keyframes borderMover {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  25% {
    opacity: 0;
    -webkit-transform: translate3d(112.5px, 0, 0);
    -moz-transform: translate3d(112.5px, 0, 0);
    transform: translate3d(112.5px, 0, 0); }
  50% {
    opacity: 0;
    -webkit-transform: translate3d(225px, 0, 0);
    -moz-transform: translate3d(225px, 0, 0);
    transform: translate3d(225px, 0, 0); }
  75% {
    opacity: 0;
    -webkit-transform: translate3d(337.5px, 0, 0);
    -moz-transform: translate3d(337.5px, 0, 0);
    transform: translate3d(337.5px, 0, 0); }
  99.9% {
    opacity: 0;
    -webkit-transform: translate3d(550px, 0, 0);
    -moz-transform: translate3d(550px, 0, 0);
    transform: translate3d(550px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-o-keyframes borderMover {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  25% {
    opacity: 0;
    -webkit-transform: translate3d(112.5px, 0, 0);
    -moz-transform: translate3d(112.5px, 0, 0);
    transform: translate3d(112.5px, 0, 0); }
  50% {
    opacity: 0;
    -webkit-transform: translate3d(225px, 0, 0);
    -moz-transform: translate3d(225px, 0, 0);
    transform: translate3d(225px, 0, 0); }
  75% {
    opacity: 0;
    -webkit-transform: translate3d(337.5px, 0, 0);
    -moz-transform: translate3d(337.5px, 0, 0);
    transform: translate3d(337.5px, 0, 0); }
  99.9% {
    opacity: 0;
    -webkit-transform: translate3d(550px, 0, 0);
    -moz-transform: translate3d(550px, 0, 0);
    transform: translate3d(550px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes borderMover {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  25% {
    opacity: 0;
    -webkit-transform: translate3d(112.5px, 0, 0);
    -moz-transform: translate3d(112.5px, 0, 0);
    transform: translate3d(112.5px, 0, 0); }
  50% {
    opacity: 0;
    -webkit-transform: translate3d(225px, 0, 0);
    -moz-transform: translate3d(225px, 0, 0);
    transform: translate3d(225px, 0, 0); }
  75% {
    opacity: 0;
    -webkit-transform: translate3d(337.5px, 0, 0);
    -moz-transform: translate3d(337.5px, 0, 0);
    transform: translate3d(337.5px, 0, 0); }
  99.9% {
    opacity: 0;
    -webkit-transform: translate3d(550px, 0, 0);
    -moz-transform: translate3d(550px, 0, 0);
    transform: translate3d(550px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

/*******************************
Devices
*******************************/
.dtc-device-container {
  font-size: 4.16vw;
  position: relative; }
  @media (min-width: 1024px) {
    .dtc-device-container {
      font-size: 16px; } }
  .dtc-device-container .content-container-devices {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    padding-left: 0;
    padding: 60px 0; }
    @media (min-width: 768px) {
      .dtc-device-container .content-container-devices {
        max-width: 768px; } }
    @media (min-width: 1024px) {
      .dtc-device-container .content-container-devices {
        width: 100%;
        max-width: none;
        -webkit-justify-content: center;
        justify-content: center;
        display: -webkit-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex; }
        .dtc-device-container .content-container-devices .hero-image {
          width: 50%;
          margin-right: 15px; }
          .dtc-device-container .content-container-devices .hero-image img {
            max-height: 500px; } }
  .dtc-device-container .info-container {
    text-align: center; }
    @media (min-width: 1024px) {
      .dtc-device-container .info-container {
        width: 50%; } }
    .dtc-device-container .info-container .title {
      color: white;
      font-size: 2em;
      margin-bottom: 10px; }
      @media (min-width: 768px) {
        .dtc-device-container .info-container .title {
          font-size: 46px; } }
    .dtc-device-container .info-container .caption p {
      font-size: 17px;
      margin-bottom: 1.5625em;
      line-height: 1.25em;
      color: white;
      padding: 0 10px; }
      @media (min-width: 768px) {
        .dtc-device-container .info-container .caption p {
          font-size: 0.625em;
          margin-bottom: 1.5625em;
          line-height: 1.25em; } }
      @media (min-width: 1024px) {
        .dtc-device-container .info-container .caption p {
          font-size: 13px;
          margin-bottom: 20px;
          line-height: 20px; } }
      @media (min-width: 1250px) {
        .dtc-device-container .info-container .caption p {
          font-size: 16px;
          margin-bottom: 30px;
          line-height: 22px; } }
      @media (min-width: 1600px) {
        .dtc-device-container .info-container .caption p {
          font-size: 20px;
          margin-bottom: 40px;
          line-height: 24px; } }
    .dtc-device-container .info-container .os {
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      display: -moz-box;
      display: -webkit-flexbox;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      margin-bottom: 20px; }
      @media (min-width: 1250px) {
        .dtc-device-container .info-container .os {
          margin-bottom: 30px; } }
      @media (min-width: 1600px) {
        .dtc-device-container .info-container .os {
          margin-bottom: 40px; } }
      .dtc-device-container .info-container .os .image {
        padding: 0 45px; }
        .dtc-device-container .info-container .os .image:nth-child(1) {
          border-right: 1px solid #DEDEDE; }
        @media (min-width: 768px) {
          .dtc-device-container .info-container .os .image {
            padding: 0 0.9375em; } }
        @media (min-width: 1024px) {
          .dtc-device-container .info-container .os .image {
            padding: 0 20px; } }
        .dtc-device-container .info-container .os .image img {
          height: 3.75em; }
          @media (min-width: 768px) {
            .dtc-device-container .info-container .os .image img {
              height: 2.1875em; } }
          @media (min-width: 1024px) {
            .dtc-device-container .info-container .os .image img {
              height: 50px;
              padding: 0;
              margin: 0; } }
          @media (min-width: 1250px) {
            .dtc-device-container .info-container .os .image img {
              height: 60px; } }
          @media (min-width: 1600px) {
            .dtc-device-container .info-container .os .image img {
              height: 70px; } }
    .dtc-device-container .info-container .devices {
      margin: 0 auto 30px auto;
      width: 300px; }
      @media (min-width: 768px) {
        .dtc-device-container .info-container .devices {
          margin-bottom: 10px; } }
      @media (min-width: 1024px) {
        .dtc-device-container .info-container .devices {
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
          display: -moz-box;
          display: -webkit-flexbox;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: -moz-flex;
          display: flex;
          width: auto;
          margin-bottom: 30px; } }
      @media (min-width: 1250px) {
        .dtc-device-container .info-container .devices {
          margin-bottom: 40px; } }
      @media (min-width: 1600px) {
        .dtc-device-container .info-container .devices {
          margin-bottom: 50px; } }
      .dtc-device-container .info-container .devices .image {
        margin: 0 12px;
        border-bottom: 1px solid #DEDEDE; }
        @media (min-width: 1024px) {
          .dtc-device-container .info-container .devices .image {
            border-bottom: 0;
            margin: 10px; } }
        .dtc-device-container .info-container .devices .image img {
          height: 2.1875em;
          margin: 25px 0; }
          @media (min-width: 768px) {
            .dtc-device-container .info-container .devices .image img {
              height: 0.9375em; } }
          @media (min-width: 1024px) {
            .dtc-device-container .info-container .devices .image img {
              height: 30px;
              padding: 0 10px;
              margin: 0; } }
          @media (min-width: 1250px) {
            .dtc-device-container .info-container .devices .image img {
              padding: 0 20px; } }
          @media (min-width: 1600px) {
            .dtc-device-container .info-container .devices .image img {
              height: 40px;
              padding: 0 30px;
              margin: 10px; } }
    .dtc-device-container .info-container .download-apps {
      font-size: 20px;
      margin-bottom: 1.5625em;
      line-height: 1.25em;
      color: white;
      width: 300px;
      margin: 0 auto; }
      @media (min-width: 768px) {
        .dtc-device-container .info-container .download-apps {
          width: auto; } }
      .dtc-device-container .info-container .download-apps .download {
        margin-bottom: 1.125em; }
        @media (min-width: 1024px) {
          .dtc-device-container .info-container .download-apps .download {
            font-size: 14px;
            margin-bottom: 10px; } }
        @media (min-width: 1250px) {
          .dtc-device-container .info-container .download-apps .download {
            font-size: 18px;
            line-height: 20px; } }
        @media (min-width: 1600px) {
          .dtc-device-container .info-container .download-apps .download {
            font-size: 22px;
            margin-bottom: 20px; } }
      .dtc-device-container .info-container .download-apps .store {
        width: 9.0625em;
        margin: 0.3125em 0; }
        @media (min-width: 1024px) {
          .dtc-device-container .info-container .download-apps .store {
            margin: 0;
            width: auto;
            height: 40px;
            padding: 0 5px; } }
        @media (min-width: 1250px) {
          .dtc-device-container .info-container .download-apps .store {
            height: 50px; } }
        @media (min-width: 1600px) {
          .dtc-device-container .info-container .download-apps .store {
            height: 60px;
            padding: 0 10px; } }
      @media (min-width: 1024px) {
        .dtc-device-container .info-container .download-apps {
          font-size: 0.4375em; } }

/*******************************
Email Form
*******************************/
#dtc-email-form {
  position: relative;
  height: 750px;
  background: #0098d8;
  background: -moz-linear-gradient(top, #0098d8 0%, #084989 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #0098d8), color-stop(100%, #084989));
  background: -webkit-linear-gradient(top, #0098d8 0%, #084989 100%);
  background: -o-linear-gradient(top, #0098d8 0%, #084989 100%);
  background: -ms-linear-gradient(top, #0098d8 0%, #084989 100%);
  background: linear-gradient(to bottom, #0098d8 0%, #084989 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0098d8', endColorstr='#084989', GradientType=0 );
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out; }

#dtc-email-subscribe-table {
  margin: 0 auto;
  width: 600px; }

#dtc-email-subscribe-table input {
  border: 0px;
  border-radius: 3px;
  width: 280px;
  height: 38px;
  font-size: 16px;
  color: #0099D9;
  -webkit-transition: all 5s ease-in-out;
  -moz-transition: all 5s ease-in-out;
  -ms-transition: all 5s ease-in-out;
  -o-transition: all 5s ease-in-out;
  transition: all 5s ease-in-out; }

#dtc-email-subscribe-table .dtc-submit-btn {
  border-radius: 4px;
  background-color: #ffffff;
  width: 90px;
  height: 40px;
  display: block;
  margin: 0 auto;
  line-height: 38px;
  color: #146ca8;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }

#dtc-email-subscribe-table .dtc-submit-btn:hover, #dtc-email-subscribe-table .dtc-submit-btn:active {
  color: #ffffff;
  background-color: transparent;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out; }

#dtc-email-subscribe-table tr td {
  text-align: center;
  display: block;
  padding-bottom: 13px;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  position: relative; }

.dtc-i-agree {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: center; }

::-webkit-input-placeholder {
  color: #999999;
  font-size: 18px;
  font-weight: 400; }

::-moz-placeholder {
  color: #999999;
  font-size: 18px;
  font-weight: 400; }

:-ms-input-placeholder {
  color: #999999;
  font-size: 18px;
  font-weight: 400; }

.dtc-form-title {
  color: #ffffff;
  font-size: 28px;
  font-weight: 400;
  line-height: 40px;
  text-align: center; }

.dtc-form-title-subtext {
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: center; }

.dtc-form-title-container {
  margin: 40px 0 10px 0;
  padding: 0 10px; }

.dtc-thankyou-message {
  margin: 200px 0 0 0; }

.inform-user {
  position: absolute;
  width: 230px;
  left: -140px;
  bottom: 25px;
  text-align: left; }

@media screen and (max-width: 767px) {
  dtc-thankyou-message {
    margin: 350px 0 0 0; } }

@media screen and (min-width: 768px) {
  #dtc-email-subscribe-table tr td {
    vertical-align: middle;
    display: table-cell; }
  #dtc-email-form {
    height: 550px; } }

/*******************************
Video
*******************************/
.dtc-video-container {
  position: relative;
  width: 100%;
  height: 500px; }
  @media (min-width: 1024px) {
    .dtc-video-container {
      height: 700px; } }
  .dtc-video-container .dtc-video-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  .dtc-video-container .dtc-video-bg-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: black;
    opacity: 0;
    z-index: -1;
    -webkit-transition: opacity 0.3s ease-in-out, z-index 0s linear 0.3s;
    -moz-transition: opacity 0.3s ease-in-out, z-index 0s linear 0.3s;
    transition: opacity 0.3s ease-in-out, z-index 0s linear 0.3s;
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0.46, 0.99);
    -moz-transition-timing-function: cubic-bezier(1, 0, 0.46, 0.99);
    transition-timing-function: cubic-bezier(1, 0, 0.46, 0.99); }
  .dtc-video-container .dtc-video-image {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0; }
    .dtc-video-container .dtc-video-image img {
      max-height: 300px;
      display: block;
      margin: 0 auto; }
      @media (min-width: 1024px) {
        .dtc-video-container .dtc-video-image img {
          max-height: 500px; } }
  .dtc-video-container .dtc-video-content {
    position: relative;
    padding: 80px 10px 0 10px; }
    .dtc-video-container .dtc-video-content .dtc-video-title {
      text-align: center;
      color: white;
      font-size: 26px; }
      @media (min-width: 480px) {
        .dtc-video-container .dtc-video-content .dtc-video-title {
          font-size: 32px; } }
      @media (min-width: 1024px) {
        .dtc-video-container .dtc-video-content .dtc-video-title {
          font-size: 50px; } }
    .dtc-video-container .dtc-video-content .dtc-video-desc {
      text-align: center;
      color: white;
      font-size: 16px; }
      @media (min-width: 1024px) {
        .dtc-video-container .dtc-video-content .dtc-video-desc {
          font-size: 22px; } }
  .dtc-video-container .dtc-video-play {
    position: absolute;
    top: 53%;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    height: 80px;
    width: 80px;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0.46, 0.99);
    -moz-transition-timing-function: cubic-bezier(1, 0, 0.46, 0.99);
    transition-timing-function: cubic-bezier(1, 0, 0.46, 0.99);
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
    .dtc-video-container .dtc-video-play:hover {
      opacity: .7; }
    @media (min-width: 1024px) {
      .dtc-video-container .dtc-video-play {
        height: 120px;
        width: 120px; } }
    .dtc-video-container .dtc-video-play .dtc-video-playbtn {
      position: relative;
      background-color: #0b69af;
      height: 70px;
      width: 70px;
      border-radius: 50%;
      border: 5px solid white;
      opacity: .6; }
      @media (min-width: 1024px) {
        .dtc-video-container .dtc-video-play .dtc-video-playbtn {
          border: 7px solid white;
          height: 106px;
          width: 106px; } }
    .dtc-video-container .dtc-video-play .dtc-video-playarrow {
      position: absolute;
      top: 50%;
      right: 0;
      bottom: 0;
      left: 50%;
      width: 0;
      height: 0;
      border-top: 14px solid transparent;
      border-bottom: 14px solid transparent;
      border-left: 26px solid white;
      -webkit-transform: translate3d(-34%, -47%, 0);
      -moz-transform: translate3d(-34%, -47%, 0);
      transform: translate3d(-34%, -47%, 0); }
      @media (min-width: 1024px) {
        .dtc-video-container .dtc-video-play .dtc-video-playarrow {
          border-top: 20px solid transparent;
          border-bottom: 20px solid transparent;
          border-left: 36px solid white; } }
  .dtc-video-container .dtc-video-button-main {
    position: absolute;
    top: 82%;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center; }
  .dtc-video-container .dtc-video-video-cont {
    position: absolute;
    top: 50%;
    width: 80%;
    left: 50%;
    margin: 0 auto;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 0;
    z-index: -1;
    -webkit-transition: opacity 0.5s ease-in-out, z-index 0s linear 0.5s;
    -moz-transition: opacity 0.5s ease-in-out, z-index 0s linear 0.5s;
    transition: opacity 0.5s ease-in-out, z-index 0s linear 0.5s;
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0.46, 0.99);
    -moz-transition-timing-function: cubic-bezier(1, 0, 0.46, 0.99);
    transition-timing-function: cubic-bezier(1, 0, 0.46, 0.99); }
    @media (min-width: 1024px) {
      .dtc-video-container .dtc-video-video-cont {
        width: 700px; } }
  .dtc-video-container .dtc-video-play-click {
    -webkit-transform: scale3d(0, 0, 1);
    -moz-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1); }
  .dtc-video-container .dtc-video-bg-overlay-click {
    opacity: .6;
    z-index: 1;
    -webkit-transition: opacity 1.4s 0.25s ease-in-out, z-index 0s linear 0.2s;
    -moz-transition: opacity 1.4s 0.25s ease-in-out, z-index 0s linear 0.2s;
    transition: opacity 1.4s 0.25s ease-in-out, z-index 0s linear 0.2s; }
  .dtc-video-container .dtc-video-video-cont-click {
    opacity: 1;
    z-index: 1;
    -webkit-transition: opacity 1s 0.19s ease-in-out, z-index 0s linear 0.2s;
    -moz-transition: opacity 1s 0.19s ease-in-out, z-index 0s linear 0.2s;
    transition: opacity 1s 0.19s ease-in-out, z-index 0s linear 0.2s; }

/*******************************
Footer
*******************************/
.dtc-footer {
  margin-top: 20px; }
  .dtc-footer .links ul {
    list-style-type: none;
    text-align: center;
    margin: 0 10px;
    padding: 20px 0;
    /* border-top: 1px solid rgba(255,255,255,0.2);
    border-bottom: 1px solid rgba(255,255,255,0.2);  */
  }
    @media (min-width: 768px) {
      .dtc-footer .links ul {
        border-top: 0px; } }
    .dtc-footer .links ul li {
      display: inline-block;
      margin: 3px 5px; }
      @media (min-width: 480px) {
        .dtc-footer .links ul li {
          margin: 10px 40px; } }
  .dtc-footer .legal-text {
    padding: 0.5rem 0;
    background-color: #091C33;
    max-width: 100% !important;
    color: rgba(255,255,255,0.8);
    /* border-bottom: 1px solid rgba(255,255,255,0.2); */
    border-top: 1px solid rgba(255,255,255,0.2);
    line-height: 1;
    
  }
  .dtc-footer .legal-text .title {
    text-align: center;
    cursor: pointer;
    margin: 1rem 0;
    font-size: 14px;
    line-height: 18px;
  }
  .dtc-footer .legal-text .title span.arrow {
    background: url('down-arrow.svg') no-repeat center center;
    width: 1rem;
    height: auto;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.2rem;
  }
  .dtc-footer .legal-text .title.open span.arrow {
    transform: rotate(180deg);
  }
  .dtc-footer .legal-text .content {
    display: none;
  }
    @media (min-width: 768px) {
      .dtc-footer .legal-text {
         } }
    @media (min-width: 1024px) {
      .dtc-footer .legal-text {
         } }
    .dtc-footer .legal-text p {
      font-size: 0.87rem;
      line-height: 1.25rem;
      width: auto;
      margin: 0 auto;
      color: rgba(255,255,255,0.8);
      margin-bottom: 1rem;
    }
      @media (min-width: 768px) {
        .dtc-footer .legal-text p {
          width: 89rem;
          padding: 0px; } }
  @media (min-width: 768px) {
    .dtc-footer .dtc-global-footer {
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      display: -moz-box;
      display: -webkit-flexbox;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: flex; } }