:body {
  width: 100%;
  font-family: Helvetica,Arial,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  background-color: #fff;
  max-width: 100%;
  position: relative;
}

* {
  -webkit-transition:  all 350ms ease;
  transition: all 350ms ease;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a:focus, a:hover {
  text-decoration: none;
  color: inherit;
}
ol,ul {
  margin-left: 5%;
  margin-right: 0;
  margin-top: 5%;
  margin-bottom: 3%;
}

iframe[name=google_conversion_frame] {
  display: none;
}

.img-responsive {
  width: 100%;
}

.icons-wrap {
  z-index: 51;
}

.pd-off {
  padding: 0;
}

.nav-wrap{
  z-index: 88;
  width: 100%;
  position: fixed;
}

.numWrap {
  padding: 1em 0;
  background: #212121;
  width: 100%;
  border-top: 1px solid #fff;
  z-index: 89;
}

.navbar {
  margin: 0;
  background: #5e5cb0;
  clear: both;
  border: 0;
  border-radius: 0;
  width: 100%;
  z-index: 99;
  -webkit-box-shadow: 3.5px 3.5px 5px 0px rgba(0,0,0,0.32);
  -moz-box-shadow: 3.5px 3.5px 5px 0px rgba(0,0,0,0.32);
  box-shadow: 3.5px 3.5px 5px 0px rgba(0,0,0,0.32);
}

.smoothPad {
  padding: 0 !important;
  height: 0 !important;
  border-top: 1px solid #212121 !important;
}

.navTarget {

}

#video {
  position: relative;
}

/* Navigation Animation */
/*.shrink {
  padding: 0;
  width: 100%;
  position: fixed;
}

.smoothPad {
  margin-bottom: 58px;
}*/

.form-control:focus {
  border-color: transparent;
  box-shadow: none;
  outline: 0;
}

.form-group > input {
    border: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    background: #484848;
    border-radius: 16px;
    padding-left: 1em;
    color: #fff;
}

.form-group > input:focus {
  outline: 0;
}

form.navbar-form.navbar-left.pd-off {
  margin: 0;
  padding-top: 0.8em;
}

.sub-btn {
    background-color: #3B86A5;
    border: 0;
    color: #fff;
    font-family: "HelveticaNeueW01-65Medi";
    text-transform: uppercase;
    border-radius: 30px;
    margin-left: 1em;
    font-size: 0.8em;
    padding: 0.8em 1.4em;
}

.navbar-default .navbar-nav>li>a {
  opacity: 0.7;
  letter-spacing: 0.3px;
  font-family:"HelveticaNeueW01-65Medi";
  padding: 1.15em 1.7em;
  font-size: 1em;
}

.navbar-default .navbar-nav>li>a:hover {
  opacity: 1;
  color: #fff;
}

.navbar-nav li {
  display: inline-block;
  list-style: outside none none;
  padding: 0;
}
.navbar-nav a {
  padding: 0.3em 0;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  text-decoration: none;
}
.navbar-nav a:after {
  height: 4px;
  position: absolute;
  content: '';
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  background: #0072ff;
  background: -moz-radial-gradient(top,  #00c6ff 18%, #0072ff 100%);
  background: -webkit-radial-gradient(top,  #00c6ff 18%, #0072ff 100%);
  background: radial-gradient(to bottom,  #00c6ff 18%, #0072ff 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c6ff', endColorstr='#0072ff',GradientType=0 );
  width: 0;
}

.navbar-nav a:after {
  bottom: 0;
  left: 0;
}
.navbar-nav a:hover,
.navbar-nav .current a {
  color: #ffffff;
}
.navbar-nav a:hover:before,
.navbar-nav .current a:before,
.navbar-nav a:hover:after,
.navbar-nav .current a:after {
  width: 100%;
}

.navbar-brand {
  padding-left: 0;
}

.navbar-nav > li:last-child {
  padding-right: 0;
}

.logos {
  max-width: 125px;
  width: 100%;
}

.vid-row-wrap {height: 40%;}

.row2 {
  background: #fff;
}

video#main-video {
  width: 100%;
  height: auto;
  position: relative;
}

.video-container {
  position: relative;
  width: 100%;
  max-height: 55em;
}

#home-prod-link {
  color: #fff;
  background: rgba(0, 0, 0, 0.22);
  padding: 1.5em 3em;
  display: inline-block;
  position: absolute;
  bottom: 1.5%;
  right: 5%;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.35);
  z-index: 6;
}

#home-prod-link:hover {
  text-decoration: none;
  color: #000;
  background: #fff;
}

.main-text {
  background: rgba(0, 0, 0, 0.85);
  padding: 2% 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 5;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.78) 35%, rgba(0,175,237,0.56) 100%);
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.78) 35%,rgba(0,175,237,0.56) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.78) 35%,rgba(0,175,237,0.56) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#8f00afed',GradientType=0 );
/*  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
  background: url('../images/transitional_module-2.jpg');
  background-size: cover;*/
}

.h1-split {
  margin-right: 6em;
  text-transform: uppercase !important;
}

.main-text::after {
  content: "";
  background: url('../images/transitional_module.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0.9;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}

.main-text > h1 {
  color: #fff;
  margin: 0;
}

/*********HEADLINE SECTION*********/
#headline {
	/*padding-top: 134px;*/
	padding-top: 82px;
}


/*********HEADLINE SECTION*********/
#promotion {
	padding: 3% 0;
}


/*********UI-THEMES*********/
/*Theme Purple*/
/*#614297*/
/*#d5ded2*/
/*#190D3B*/
/*#2D1F56*/
/*#594B81*/
/*#2D1F56*/
.ui-theme-purple-white {
	color: #fff;
	background: #5e5cb0;
}
.ui-theme-purple-white h1,
.ui-theme-purple-white h2,
.ui-theme-purple-white h3,
.ui-theme-purple-white h4 {
	color: #f1f1f1;
	
}

.ui-theme-purple-white .ui-btn{
	color: #fff;
	background: #8584CC;
}
.ui-theme-purple-white .ui-btn.ui-solid{
	color: #fff;
	background: #8584CC;
}
.ui-theme-purple-white .ui-btn.ui-outline{
	color: #fff;
	background: none;
	border: 2px solid #8584CC;
	border-radius: 2px;
}
.ui-theme-purple-white.ui-btn{
	color: #fff;
	background: #8584CC;
}
.ui-theme-purple-white.ui-btn.ui-solid{
	color: #fff;
	background: #8584CC;
}
.ui-theme-purple-white.ui-btn.ui-outline{
	color: #fff;
	background: none;
	border: 2px solid #8584CC;
	border-radius: 2px;
}
.ui-theme-purple-white .ui-btn:hover{
	color: #42409A;
	background: #aaaaaa;
}
.ui-theme-purple-white .ui-btn.ui-solid:hover{
	color: #42409A;
	background: #aaaaaa;
}
.ui-theme-purple-white .ui-btn.ui-outline:hover{
	color: #42409A;
	border: 2px solid #aaaaaa;
}
.ui-theme-purple-white.ui-btn:hover{
	color: #42409A;
	background: #aaaaaa;
}
.ui-theme-purple-white.ui-btn.ui-solid:hover{
	color: #8584CC;
	background: #aaaaaa;
}
.ui-theme-purple-white.ui-btn.ui-outline:hover{
	color: #fff;
	background: none;
	border: 2px solid #8584CC;
}



/* How Section */
#how {
  font-family: "HelveticaNeueW01-85Heav";
  color: #222;
  background: #222;
  overflow: hidden;
}
.video-cover {
  opacity: 0.7;
  display: block;
}
/*
button.close {
    right: -0.7em;
    position: relative;
    text-shadow: initial;
    opacity: 0.5;
    color: #fff;
    font-size: 2.5em;
}*/

button.close {
    position: fixed;
    text-shadow: initial;
    opacity: 1;
    color: #413366;
    z-index: 999;
}

.x-close {
    color: rgba(51, 51, 51, 0.3);
    font-size: 5em;
    position: absolute;
    margin-top: -0.4em;
}

.modal-content {
    background-color: transparent;
    box-shadow: initial;
    border: 0;
}

.play-btn {
  z-index: 3;
  text-align: center;
  /*color: #fff;*/
  color: #413366;
  border: 0;
  padding: 20% 0;
  background-color: rgba(0,0,0, 0.32) !important;
  margin: 0 auto;
  width: 100%;
  cursor: pointer;
  display: block;
}

.play-btn > h3 {
  cursor: pointer;
  margin-top: 0;
  color: #fff;
  font-size: 2em;
  font-weight: 400;
}


.btn-1 {
  background: url('../images/Video-Cover-1.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
}
.btn-2 {
  background: url('../images/Video-Cover-2.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
}

i.fa.fa-play {
  font-size: 3em;
  cursor: pointer;
}

.play-btn:focus, .play-btn:active {
  outline: 0;
}

/* Sections Titles */
.section-title {
  font-family:"HelveticaNeueW01-75Bold";
}

/* Modal */
.video-box {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  position: fixed;
  z-index: 100;
  overflow: hidden;
  background: #000;
}

.video-close {
  background: #222;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  color: rgba(255, 255, 255, 0.77);
  border: 1px solid rgba(255, 255, 255, 0.34);
  top: 45px;
  right: 40px;
  text-align: center;
  line-height: 45px;
  cursor: pointer;
  position: absolute;
  z-index: 100;
  font-size: x-large;
}

.MCvideo {
  width: 100%;
  height: 100%
}
.video-iframe {
	width: 99%;
	height: 100%;
}

.video-trig {
  padding: 0;
  height: 350px;
}

.video-text {
  padding: 2em;
  bottom: 0;
  height: 100%;
}

.top-video {
  color: #eee;
  height: 100%;
}

.video-text-p {
  font-family:"HelveticaNeueW01-45Ligh";
  max-width: calc(65%);
  margin: auto auto 1.5em auto;
  line-height: 1.8em;
}

.centerer {
    margin: auto;
    position: absolute;
    top: 30%;
    max-width: 60%;
    left: 0;
    bottom: 0;
    right: 0;
}

.a5b5e4-inner iframe {
  min-height: 300px !important;
}


/* Footer */
#footer {
  padding: 2.5% 0;
  background-color: #222;
  /*overflow: hidden;*/
}

.footer-title {
  color: #a2a2a2;
  margin: 0 0 1.5em 0;
  border-bottom: 1px solid rgba(123, 123, 123, 0.36);
  padding: 2em 0 1.5em 0;
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-family: "HelveticaNeueW01-65Medi";
}

.social,
.footerLinks {
  padding-left: 0;
}

.social > li {
  display: inline-block;
  margin-right: 1%;
}

.social > li,
.footerLinks > li {
  list-style: none;
}

.social > li:last-child {
  margin-right: 0;
}

.social > li > img {
  max-width: 30px;
  width: 100%;
  margin-right: 10px;
}

#subscribe-form > label {
  display: block;
  margin-bottom: 0.5em;
  color: #a2a2a2;
}
#subscribe-form > input {
  width: 95%;
  background: rgba(255, 255, 255, 0.11);
  border: 1px inset rgba(88, 88, 88, 0.38);
  padding: 0.4em 0;
  color: #a1a1a1;
}

.copyRight {
  color: #8c8c8c;
  text-align: center;
  margin-top: 3em;
  opacity: 0.3;
  margin-bottom: 0;
}

.footerLinks > li > a {
  margin: 1.2em 0;
  display: block;
  font-size: 0.85em;
  color: #a2a2a2;
}

.footerLinks > li > a:hover {
  opacity: 0.5;
}

.email-promo {
    font-size: 0.81em;
    line-height: 2em;
    color: #a2a2a2;
    margin: 0;
}

.subscribe-btn {
  margin-top: 1em;
}

.btn-style {
  background: #0085FF;
  color: #fff;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 2px solid rgba(000, 000, 000, 0.25);
  padding: 0.7em 2.6em;
  font-size: 0.9em;
  /*background: -moz-radial-gradient(top,  #00c6ff 18%, #0072ff 100%);
  background: -webkit-radial-gradient(top,  #00c6ff 18%, #0072ff 100%);
  background: radial-gradient(to bottom,  #00c6ff 18%, #0072ff 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c6ff', endColorstr='#0072ff',GradientType=0 ); */
}

.btn-style:hover {
  /*opacity: 0.5;*/
}

.btn-style:active {
  border-top: 1px solid rgba(000, 000, 000, 1);
}

.mc-logo {
  opacity: 0;
  margin-left: -15em !important;
}

.addLogo {
  opacity: 1;
  margin-left: 0 !important;
}

.col-custom {
  width: 50%;
}

.app-icon-wrap {
  border-left: 1px solid rgba(255, 255, 255, 0.18);
  text-align: center;
}

.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
  background-color: transparent; 
  color: #fff;
}

.navbar-toggle {
  border: 0;
}

.navbar-toggle:hover {
  border: 0;
  background: transparent;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background: transparent;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
  color: #fff;
  outline: 0;
}

.n-btn {
  padding: 1em 2em;
  background: transparent;
  display: inline-block;
  border: 1px solid #333;
  color: #333;
}

.close-btn {
    background: #333;
    color: #fff;
    padding-top: 1.2em;
    padding-bottom: 1.2em;
    margin: 2em auto;
    display: block;
    width: 100%;
    max-width: 150px;
    text-transform: uppercase;
    font-weight: 600;
    border: 0;
}

.transitional_module {
  position: relative;
  opacity: 1;
  top: 0;
  z-index: 51;
  -webkit-transition:  all 1s ease;
  transition: all 1s ease;
}

.shrink_module {
  opacity: 0;
  top: -30em;
}

.ani-copy{
  margin-left:-10%;
  opacity:0;  
}

ul.loadbars {
  display: inline;
  padding-left: 0;
  overflow: hidden;
  top: 1em;
  position: relative;
  margin-right: 1em;
}

.loadbars > li {
  height: 3em;
  width: 5px;
  background-color: #fff;
  display: inline-block;
}

#load {
  display: block;
  background-color: transparent;
  margin-top: 0.5em;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  letter-spacing: 1px;
}

.bar1 {
  -webkit-animation: barAnimation 1.5s infinite ease-in-out;
  animation: barAnimation 1.5s infinite ease-in-out;
  -webkit-animation-delay: -1.6s;
  animation-delay: -1.6s;
}

.bar2 {
  -webkit-animation: barAnimation 1.5s infinite ease-in-out;
  animation: barAnimation 1.5s infinite ease-in-out;
  -webkit-animation-delay: -1.4s;
  animation-delay: -1.4s;
}
.bar3 {
  -webkit-animation: barAnimation 1.5s infinite ease-in-out;
  animation: barAnimation 1.5s infinite ease-in-out;
  -webkit-animation-delay: -1.2s;
  animation-delay: -1.2s;
}
.bar4 {
  -webkit-animation: barAnimation 1.5s infinite ease-in-out;
  animation: barAnimation 1.5s infinite ease-in-out;
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.bar5 {
  -webkit-animation: barAnimation 1.5s infinite ease-in-out;
  animation: barAnimation 1.5s infinite ease-in-out;
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.bar6 {
  -webkit-animation: barAnimation 1.5s infinite ease-in-out;
  animation: barAnimation 1.5s infinite ease-in-out;
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}


@-webkit-keyframes barAnimation {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.35);
    }
    20% {
        -webkit-transform: scaleY(1);
    }
}
@keyframes barAnimation {
    0%, 40%, 100% {
        transform: scaleY(0.35);
        -webkit-transform: scaleY(0.35);
    }
    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
    }
}


/* Subscription CSS */
.question-title {
    color: #fff;
    font-size: 1em;
    margin: 0.5em 0 0 0;
    margin-bottom: 1em;
    display: block;
}

input#email-input {
    border: 0;
    padding: 0.7em;
    width: 100%;
}

#emailsub-btn {
    float: left;
    clear: both;
    margin-top: 1em;
}

#yes-btn {


background: #56ab2f; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #56ab2f , #a8e063); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #56ab2f , #a8e063); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        
}

#no-btn {
  margin-left: 0.7em;
background: #cb2d3e; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #cb2d3e , #ef473a); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #cb2d3e , #ef473a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.answer-btn {
  border: 0;
}

.sm-6 {
  display: inline;
  width: 25%;
}

/* 1080HD Res */
@media screen and (min-width: 1600px) and (max-width: 1920px) {

  .video-container {
    max-height: 67em;
  }

}

/* 2k resolutions */
@media screen and (min-width: 1921px) {

  .ele-wrap > h5 {
    font-size: 2.5em;
  }

  img#albumArt {
    margin-top: 0;
  }

  .video-container {
    max-height: 85em;
  }


  .currently-playing {
      padding-top: 2.2%;
      padding-bottom: 2.2%;
  }

  .tag {
    font-size: 1.7em;
  }

  .slide-descripton,
  .slide-description-centered,
  .modal-sub {
    font-size: 2em;
  }

  #Disklavier > .container > img {
    margin: 0 auto;
    max-width: 1400px;
  }

  .modal-head {
    font-size: 3em;
    margin-bottom: 0.25em;
  }

  .modal-para {
    font-size: 1.5em;
    margin-top: 1em;
    margin-bottom: 1em;
  }

  .available {
    font-size: 1.2em;
  }

  .input-img {
    margin-bottom: 3%;
    max-width: 917px !important;
  }

  .AYC {
    margin:0 auto 3.19% auto
  }

  .main-text {
    padding: 3em 0;
  }

  .navbar-default .navbar-nav>li>a {
    font-size: 1.2em;
    padding: 1em 1.7em;
  }

  .logos {
    max-width: 175px;
  }

  .numWrap {
    padding: 2em 0;
    background: #212121;
    width: 100%;
    z-index: 97;
  }

  form.navbar-form.navbar-left.pd-off {
    padding-top: 1.35em;
  }

  .container {
    width: 80%;
  }

  /* Products */
  .header {
    font-siz: 2.7em;
  }

  .description-txt {
    margin-top: 1em;
    font-size: 2em;
  }

}

@media screen and (min-width: 1200px) {
 
  .container {
    /*width: 87%;*/
  }

}

/* Mobile and Tablet */
@media only screen and (max-width: 1199px) {

  .social-icons {
    max-width: 30px;
  }



}

@media only screen and (min-width:768px) and (max-width: 1199px) {


  .op-img {
    margin: 0 auto;
  }

  .tag {
    text-align: center;
    margin-top: 0.35em;
  }

  .description-txt {
    width: 90%;
  }

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

  .MusicCast-Description {
    text-align: center;
    padding-bottom: 0;
  }

  #features {
    padding: 5% 0 10% 0;
  }

  .btn-1, .btn-2 {
    background-size: cover;
  }

  .slider-head {
    text-align: center;
  }

  .slide-descripton {
    text-align: center;
    margin: 0 auto 1em auto;
  }

  .badge-wraps-slider {
    text-align: center;
  }

  .col-md-6.col-sm-12 {
    padding: 0;
  }

  .play-btn {
    padding: 15%;
  }

  .play-btn > h2 {
    font-size: 2.5vw;
  }

  .txt-wrap {
    background: #eee;
    height: 50%;
    padding: 5%;
    display: table-cell;
  }

  .features-indicators {
    bottom: -60px;
  }


}

/* Mobile footer */
@media only screen and  (max-width: 821px) {

  .ele-wrap > h5 {
    font-size: 0.9em;
  }

  .footerLinks > li > a {
    font-size: 0.9em;
  }

  .navbar-collapse {
    border-top: 0;
  }

  .navbar-nav li {
    display: block;
  }

    /* Footer */

}

/* Mobile Only */
@media only screen and  (max-width: 767px) {

  .MC-logo-main {
    width: 90%;
    margin: 0 auto 0.7em auto;
  }

  .h1-split {
    margin-right: 0;
  }

  .main-text::after {
    content: "";
    background: url('../images/transitional_module-mobile.jpg');
    background-size: cover;
    background-repeat: no-repeat;
  }

  .navbar-default .navbar-nav>li>a {
    padding-left: 2.69em;
  }

  .header.modal-head {
    margin-top: 19vw;
  }



  .op-img {
    margin: 0 auto;
    width: 78%;
    margin-top: 1em;
    margin-bottom: 1.5em;
  }

  .slider-head-centered {
    font-size: 7vw;
  }

  .vid-wrap-1 {
    padding-bottom: 0;
  }

  .mc-intro {
    padding: 0;
  }

  .enspire-img {
    width: 90%;
    margin: 0 auto;
  }

  section#MusicCast-showcase {
    padding-bottom: 0;
  }

  .m-section {
    padding-top: 5%;
    padding-bottom: 5%;
  }

  .m-section > h2,
  .m-section > p {
    color: #fff;
  }

  .m-section:nth-child(1) {
    background: #444;
  }

  .m-section:nth-child(2) {
    background: #2d2d2d;
  }

  .m-section:nth-child(3) {
    background: #000;
  }

  #products {
    padding-bottom: 0;
  }

  .features-inner {
    padding-bottom: 12%;
  }


  .img-product-modal {
    width: 100%;
  }

  #video {
    padding-top: 32%;
  }

  .main-text {
    position: relative;
  }

  .video-container {
    max-height: 100%;
  }

  .btn-1, .btn-2 {
    background-size: cover;
  }

  .Disklavier-description {
    width: 100%;
    font-size: 1.3em;
  }

  .description-txt {
    width: 90%;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 1em;
  }

  .header {
    font-size: 6vw;
    line-height: 1.4em;
    text-align: left;
    width: 90%;
    margin: 0 auto 0 auto;
  }

  .ele-wrap > h5 {
    font-size: 6vw;
  }

  .addLogo {
    margin-left: 1em !important;
  }

  .slider-head {
    width: 90%;
    margin: 1em auto 0.5em auto;
    font-size: 1.6em;
    font-size: 7vw;
  }

  .email-promo {
    font-size: 1em;
  }

  .slider-badges {
    margin-left: 1em;
    margin-bottom: 1em;
    margin-top: 0;
    margin-right: 0;
    width: 43%;
  }

  .slide-descripton {
    width: 90%;
    margin: 0 auto;
    font-size: 1.3em;
    margin-bottom: 1em;
  }

  p.slide-description-centered {
    width: 100%;
    text-align: left;
    font-size: 1.3em;
  }
  
  .main-text.text-center > .header,
  #faqs > .container > .header {
    text-align: center;
    width: 60%;
    margin:  0 auto;
  }

  .shade {
    text-align: center;
    width: 90%;
    font-size: 7vw !important;
    margin: 0 auto;
  }


  .modal-head {
    font-size: 8vw;
  }

  .modal-dialog {
    width: 100%;
  }

  #faqs,#Disklavier, #features, #products {
    padding-top: 10%;
  }

  .faq-text {
    text-align: center;
    width: 100%;
    margin-bottom: 0.25em;
  }

  #faqs > img {
    margin-top: 1em;
  }

  .video-close {
    right: 15px;
  }

  .copyRight {
    margin-top: 2em;
    margin-bottom: 1em;
  }

  .wrap-topHead {
    margin-bottom: 1em;
  }
}

/*==========  Mobile First Method  ==========*/

	/* Mobile Starter */
	@media only screen and (min-width : 0px){
		.headline-wrap {
			width: 75%;
			margin: 0 auto;
		}
		.sub-header h2 {
			text-align: center;
			font-size: 1.5em;
			margin-top: 2%;
			margin-bottom: 2%;
		}
		.details-text {
			font-size: 1.5rem;
			letter-spacing: 1px;
		}
		.details-wrap p:first-letter {
			font-size: 4rem;
			line-height: 1rem;
		}
		.details-wrap {
			padding: 10% 0;
		}
		.logo-wrap img {
			vertical-align: middle;
		}
		.keypoint-wrap {
			position: relative;
		}
		.keypoint-image-wrap {
			background: url(/US/promo/ShareTheGiftSweeps/images/side-note.png) no-repeat;
			background-position: top center;
			background-size: cover;
		}
		.keypoint-image-wrap {
			margin-bottom: 5%;
		}
		.keypoint-text {
			width: 70%;
			margin: 0 auto;
		}
		.keypoint-text h4 {
			font-size: 2.25rem;
			font-weight: 700;
			text-align: left;
			padding-top: 25%;
			margin: 0;
		}
		.red-accent {
			background: #FF0004;
			width: 5px;
			float: left;
			min-height: 173px;
		}
		.section-header h1,
		.section-header h2,
		.section-header h3 {
			text-align: center;
			font-family: 'Oswald', "Helvetica Neue", Helvetica, sans-serif;
			font-weight: 500;
		}
		#tint-up {
			padding: 3% 0;
		}
		#tint-up .sub-header h4 {
			font-family: 'Oswald', "Helvetica Neue", Helvetica, sans-serif;
			font-size: 2rem;
		}
		#content-one {
			padding: 3% 0;
			border-top: 1px solid #333;
			border-bottom: 1px solid #333;
		}
		#content-one .section-header h2 {
			margin-bottom: 5%;
			font-size: 2.5rem;
		}
		.list-wrap, .keypoint-description-wrap {
			padding: 7.5% 0;
		}
		.featured-card {
			/*background-color: #fff;
			box-shadow: 0 0 16px 0 rgba(32,32,47, 0.16);*/
			margin: 0 auto;
			width: 100%;
		}
		.featured-card ul {
			padding: 0 13%;
		}
		.featured-card ul li {
			margin-left: 0;
			padding-left: 0;
			line-height: 1.75;
			
			
		}
		.featured-card i {
			padding-left: 1.5rem;
			padding-right: 10px;
			font-size: 1rem;
		}
		
		.red a {
			color: red;
		}
		#sharethegift {
			padding: 3% 0;
		}
		#sharethegift h2 {
			font-size: 3rem;
			font-weight: 600;
			padding-bottom: 7.5%;
		}
		#sharethegift .share-details {
			font-size: 1.75rem;
		}
		.share-text-wrap p:first-letter {
			font-size: 4rem;
			line-height: 1rem;
		}
		.dl-wrapper {
			margin-bottom: 10%;
		}
		
		.dl-ui-holder {
			font-size: 1rem;
			margin: 0 auto;
			width: 100%;
			max-width: 320px;
			padding-top: 5%;
		}
		.dl-form-title {
			
		}
		.dl-form-title h3 {
			/*text-align: center;*/
			margin: .25em 0 1em 0;
			font-size: 1.25rem;
			
		}
		.dl-ui-section img,
		.dl-ui-section h1,
		.dl-ui-section h2,
		.dl-ui-section h3,
		.dl-ui-section h4,
		.dl-ui-section h5,
		.dl-ui-section p,
		.dl-ui-section table,
		.dl-ui-section ul,
		.dl-ui-section li {
			border: 0px;
			margin: 0px;
			padding: 0px;
			outline: 0px;
		}
		.form-row label {
			display: block;
		}
		.dl-zip {
			width: calc(100% - 58px);
		}
		.dl-zip {
			text-align: center;
			font-size: 1.5rem;
		}
		.dl-form-row .ui-input,
		.dl-form-row .ui-btn {
			height: 48px;
		}
		.uh-oh {
			
		}
		.dl-ui-submit {
			display: inline-block;
			width: calc(52px);
			margin: 0 0 0 6px;
			float: right;
			font-size: 1.75rem;
			line-height: 3;
			
		}
		.dl-ui-submit .ui-mbl {
			display: initial;
		}
		.ui-lrg {
			display: none;
		}
		.off {
			display: none;
		}
		.hashtag {
			font-size: 1.75rem;
			line-height: 2.75;
			color: #f1f1f1;
		}
		.hashtag {
			display: inline-block;
		}
		.purple {
			color: #5e5cb0 !important;
		}
		/* Apply & remove to fix dynamic content scroll issues on iOS 9.0 */
		.modal-scrollfix.modal-scrollfix {
			overflow-y: hidden;
		}
		
		.modal-dialog {
			width: 98%;
			margin: 30px auto;
			background-color: #fff;
		}
    .modal-body .frame h4 {
      font-size: 1.5rem;
      font-style: normal;
      font-weight: 500;
    }
		button.close {
			right: 5%;
			top: 2vw;
			font-size: 3rem;
		}
		.frame {
			width: 100%;
			height: 600px;
		}
		.modal-content .dl-wrap {
			font-size: 1.75rem !important;
		}

		.video-wrap {
			padding: 2%;
			background: #eee;
			border-radius: 2px;
		}
		.shade {
			text-shadow: 1px 2px rgba(82,82,85, .31);
			text-transform: initial;
		}
		.header {
		  text-align: center;
		  margin-top: 0;
		  font-family: "Oswald","HelveticaNeueW01-85Heav";
		  margin-bottom: 0.5em;
		  font-size: 2.5em;
		  color: #333;
		  letter-spacing: 0.5px;
		  font-weight: 400;
		  text-transform: uppercase;
		}
		.sub-header {
			text-align: center;
		}
		input:focus {
			border-color: rgba(74,53,185,0.75);
			box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(74,53,185,0.75);
			outline: 0 none;
		}
		
		
 
	}
	
	/* Custom, iPhone Retina */
	@media only screen and (min-width : 320px){
 
	}
 
	/* Extra Small Devices, Phones */
	@media only screen and (min-width : 480px){
		.featured-card {
			width: 70%;
		}
		.modal-dialog {
			width: 85%;
			margin: 30px auto;
			background-color: #fff;
		}
		button.close {
			right: 5%;
			top: 2vw;
		}
		
	}
 
	/* Small Devices, Tablets */
	@media only screen and (min-width : 600px){
		.dl-ui-holder {
			font-size: 1rem;
			max-width: 480px;
		}
		.dl-zip {
			width: calc(100% - 170px);
		}
		.dl-ui-submit {
			width: calc(164px);
			
		}
		
		.dl-ui-submit .ui-lrg {
			display: initial;
		}
		.dl-ui-submit .ui-mbl {
			display: none;
		}
		.dl-form-title h3 {
			font-size: 1.75rem;
			
		}
    .modal-dialog {
      width: 85%;
    }
		
	}
	@media only screen and (min-width : 768px){
		.headline-wrap {
			
		}
		.sub-header h2 {
			font-size: 2.25rem;
		}
		.dl-ui-holder {
			font-size: 1rem;
		}
		.details-wrap {
			padding: 5% 0;
		}
		.keypoint-image-wrap {
			margin-bottom: 0%;
		}
		.list-wrap {
			padding: 5% 0;
		}
		.hashtag {
			display: inline-block;
		}
		.hashtag {
			font-size: 2.5rem;
			line-height: 2;
		}
    .modal-dialog {
      width: 90%;
    }

		
		
	}
 
	/* Medium Devices, Desktops */
	@media only screen and (min-width : 992px){
		.headline-wrap {
			width: 50%;
			margin: 0 auto;
		}
		.details-text {
			font-size: 2rem;
		}
		.keypoint-image-wrap {
			margin-bottom: 25%;
		}
		#content-one .section-header h2 {
			font-size: 3rem;
		}
		#sharethegift h2 {
			font-size: 3rem;
			padding-bottom: 3%;
		}
		.featured-card {
			width: 100%;
		}
     .modal-dialog {
      width: 65%;
    }
	}
 
	/* Large Devices, Wide Screens */
	@media only screen and (min-width : 1200px){
 
	}