html,body{margin:0;padding:0;background:#000;}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


@font-face {
    font-family: 'montserrat-regular';
    src: url('../fonts/webfontkit-20150204-060932/montserrat-regular-webfont.eot');
    src: url('../fonts/webfontkit-20150204-060932/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/webfontkit-20150204-060932/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/webfontkit-20150204-060932/montserrat-regular-webfont.woff') format('woff'),
         url('../fonts/webfontkit-20150204-060932/montserrat-regular-webfont.ttf') format('truetype'),
         url('../fonts/webfontkit-20150204-060932/montserrat-regular-webfont.svg#chunkfive_exregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat-bold';
    src: url('../fonts/webfontkit-20150204-060932/montserrat-bold-webfont.eot');
    src: url('../fonts/webfontkit-20150204-060932/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/webfontkit-20150204-060932/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/webfontkit-20150204-060932/montserrat-bold-webfont.woff') format('woff'),
         url('../fonts/webfontkit-20150204-060932/montserrat-bold-webfont.ttf') format('truetype'),
         url('../fonts/webfontkit-20150204-060932/montserrat-bold-webfont.svg#chunkfive_exregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.montserrat{font-family: 'montserrat-regular', serif;}




/* Video---------------------------------------------------------------------------------------- */
div#video-container{position:relative;height:auto;}
h2{color:#000;text-align: center;font-size:180%;margin:auto;margin-top:30px;max-width:90%;line-height:1.1;}
div#video-player{margin: 0;background:#000;}

/* Intro---------------------------------------------------------------------------------------- */
div#intro-container{position:relative;margin-top:-22px;background:url(..//img/intro-tile.png) top left repeat;}
div#intro{background:rgba(0,0,0,0.4);width:100%;text-align:center;padding:4px 0px;}
h1 p{font-family: 'montserrat-regular', Arial, sans-serif;color:#fff;font-size:80%;text-transform:uppercase;letter-spacing: -1px;margin:0;}
h1 p.shadow{text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);color:#fff;font-size:130%;}
h1 img{display:block;margin:8px auto;}
div#instructions{padding:20px 20px;max-width:1500px;margin:auto;padding-bottom:16px;}
div#instructions p{color:#fff;font-family: 'montserrat-regular', Arial, sans-serif;color:#fff;font-size:155%;}
img#prize{margin-left:20px;margin-bottom:5%;}



/* Vote---------------------------------------------------------------------------------------- */
div#vote-container-all{position:relative;padding-bottom:20px;}
h4{font-family: 'montserrat-regular', Arial, sans-serif;color:#fff;font-size:300%;text-transform:uppercase;letter-spacing: -1px;margin:0;padding:16px 10px;background:#000;text-align:center;margin-bottom:16px;}
.names{font-family: 'montserrat-regular', Arial, sans-serif;color:#fff;font-size:180%;font-weight:bold;text-align:center;}
.submit, .enter-button{font-family: 'montserrat-regular', Arial, sans-serif;color:#fff;font-size:180%;font-weight:bold;}


div#video-player{max-width:100%;background:#000;margin: 0px auto;padding-bottom:20px;}
div#indicators{width:108px;margin:0px auto;margin-top:17px;padding-bottom:15px;display:block;background:#000;}
div.indicator{float:left;margin-right:9px;width:8px;height:8px;background:#f3f3f3;border:1px solid #dadada;border-radius: 50%;}
div.indicator.last{margin-right:0px;}
div.indicator.on{background:#f3f3f3 url(../img/indicator-on.png) 0px 1px repeat-x;}
div.arrow-container{width:100%;display:table;text-align:center;}
div#video-container a.down-arrow{position:relative;float:none;width:218px;margin:auto;margin-top:2%;display:block;}
span.down-left{float:left;margin-right:8px;}



/* Synopsis---------------------------------------------------------------------------------------- */
div#synopsis-container{position:relative;margin-top:-22px;background:#e32428;padding:40px 0px;width:100%;}
div#synopsis-copy{position:relative;max-width:1500px;margin:auto;padding:0px 20px;font-family: 'montserrat-regular', Arial, sans-serif;color:#fff;font-size:150%;overflow-x: hidden;}
div#synopsis-copy img{float:left;margin-right:5%;}
div#synopsis-copy p{font-family: 'montserrat-regular', Arial, sans-serif;color:#fff;font-size:150%;overflow-x: hidden;}
div#synopsis-copy span{font-family: 'montserrat-regular', Arial, sans-serif;color:#fff;font-size:180%;text-transform:uppercase;letter-spacing: -1px;margin:0;text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);mfont-weight:bold;}



/* Carousel---------------------------------------------------------------------------------------- */

div#carousel-container{position:relative;margin:0;width:100%;margin-bottom:-4px;overflow:hidden;}
div#carousel{position:relative;margin:0;}
div#carousel img{width:100%;}




.wrapper {
position:absolute;
left:0px;
top:0px;
  max-width: 101%;
  width: 101%;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

/**
 * Use this wrapper only for demo purposes
 * So you can show the items outside the wrapper
 */

.wrapper--demo { overflow: visible; }

.wrapper--demo:after,
.wrapper--demo:before {
  content: "";
  position: absolute;
  width: 800px;
  height: 100%;
  top: 0;
  left: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 2;
}

.wrapper--demo:before { left: -800px; }

.carousel {
  width: 100%;
  position: relative;
}

.carousel .carousel__content {
  width: auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transition: translate3d(0, 0, 0);
}

.carousel .carousel__content .item {
  display: block;
  float: left;
  width: 100%;
  position: relative;
}

.carousel .carousel__content .item .title {
  position: absolute;
  top: 50%;
  left: 0;
  margin: -33px 0 0 0;
  padding: 0;
  font-size: 3rem;
  width: 100%;
  text-align: center;
 letter-spacing: .3rem;
  color: #FFF;
}

.carousel .carousel__content .item .title--sub {
  margin-top: 20px;
  font-size: 1.2em;
  opacity: .5;
}

.carousel .carousel__content .item img {
  width: 100%;
  max-width: 100%;
  display: block;
}

.carousel .carousel__nav {
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -17px;
  left: 0;
  z-index: 1;
}

.carousel .carousel__nav .nav {
  position: absolute;
  top: 0;
  color: #000;
  background: #FFF;
  padding: 8px 12px;
  font-weight: bold;
  text-decoration: none;
 font-size: .8rem;
  transition: padding .25s ease;
}

.carousel .carousel__nav .nav:hover { padding: 8px 20px; }

.carousel .carousel__nav .nav--left { border-radius: 0px 3px 3px 0px; }

.carousel .carousel__nav .nav--right {
  right: 0;
  border-radius: 3px 0px 0px 3px;
}










/* Footer---------------------------------------------------------------------------------------- */
div#footer{position:relative;width:100%;background:#000;padding:0;margin:0;margin-bottom:-4px;}
img#wedding-ringer-footer{margin:0px auto;padding:0;position:relative;top:8px;padding-bottom:16px;}
div#sony-social{text-align:center;height:auto;}
div#sony-social a{color:#999;font-family: 'montserrat-regular', Arial, sans-serif;font-size:160%;}
div#sony-social ul {list-style-type:none;padding:0;margin:0;height:auto;margin-left:10px;margin-right:10px;}
div#sony-social ul li{display:inline-block;margin-right:16px;padding-bottom:12px;white-space:nowrap;}
div#sony-social ul li.last{margin-right:0px;}
div#sony-social a img{position:relative;top:-2px;display:inline-block;vertical-align:top;}
div#legal{background:#c3c3c3;text-align:center;}
div#legal p{font-family: 'montserrat-regular', Arial, sans-serif;font-size:160%;color:#000;display:inline-block;text-transform:uppercase;margin-top:8px;margin-bottom:8px;}
div#legal span{font-family: 'montserrat-regular', Arial, sans-serif;font-size:160%;color:#000;}


@media screen and (max-device-width: 1300px), screen and (max-width: 1300px) {
    div#synopsis-copy img{float:left;margin-bottom:10%;}
}


@media screen and (max-device-width: 1200px), screen and (max-width: 1200px) {
    div#synopsis-copy img{margin-bottom:15%;}
    h4{font-size:240%;}
}


@media screen and (max-device-width: 1100px), screen and (max-width: 1100px) {
    div#synopsis-copy img{margin-bottom:25%;}
}


@media screen and (max-device-width: 1050px), screen and (max-width: 1050px) {
    div#synopsis-copy img{margin-bottom:0%;}
}


@media screen and (max-device-width: 1000px), screen and (max-width: 1000px) {
    div#synopsis-copy img{width:350px;}
}


@media screen and (max-device-width: 960px), screen and (max-width: 960px) {
    div#legal span{display:none;}
    h4{font-size:180%;}
}


@media screen and (max-device-width: 900px), screen and (max-width: 900px) {
}


@media screen and (max-device-width: 850px), screen and (max-width: 850px) {
  img#prize{width:60%;float:none;margin-left:20%;margin-right:20%;}
}


@media screen and (max-device-width: 810px), screen and (max-width: 810px) {
  div#synopsis-copy img{display:block;}
}


@media screen and (max-device-width: 760px), screen and (max-width: 760px) {
    h4{font-size:150%;}
}



@media screen and (max-device-width: 640px), screen and (max-width: 640px) {
    h1 img{width:90%;}
    h1 p{font-size:60%;}
    h1 p.shadow{font-size:100%;}
    div#instructions p{font-size:130%;}
}


@media screen and (max-device-width: 600px), screen and (max-width: 600px) {
    div#sony-social ul li{display:block;}
    div#synopsis-copy,div#instructions p{font-size:100%;}
    div#synopsis-copy img{display:none;}
    .names{font-size:120%;}
}



@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
    div#legal p{font-size:120%;}
    div#sony-social a{font-size:120%;}
    img#prize{width:90%;float:none;margin-left:5%;margin-right:5%;}
	img#wedding-ringer-footer{width:80%;margin:0 auto;}
}