@media screen and (max-width: 767px) {
    #wrapper {
        margin: 0 !important;
        width: auto !important;
    }
}

@media screen and (max-width: 1194px) {
    #wrapper {
        margin: 0 !important;
        width: auto !important;
    }
}


/* pure-hidden-xs */

@media screen and (max-width:567px) {
    .pure-visible-sm {
        display: none
    }
    .pure-visible-md {
        display: none
    }
    .pure-visible-lg {
        display: none
    }
    .pure-visible-xl {
        display: none
    }
    .pure-hidden-xs {
        display: none
    }
}


/* pure-hidden-sm */

@media screen and (min-width:568px) and (max-width:767px) {
    .pure-visible-xs {
        display: none
    }
    .pure-visible-md {
        display: none
    }
    .pure-visible-lg {
        display: none
    }
    .pure-visible-xl {
        display: none
    }
    .pure-hidden-sm {
        display: none
    }
    .flex-control-nav {
        top: 120%;
    }
}


/* pure-hidden-md */

@media screen and (min-width:768px) and (max-width:1023px) {
    .pure-visible-xs {
        display: none
    }
    .pure-visible-sm {
        display: none
    }
    .pure-visible-lg {
        display: none
    }
    .pure-visible-xl {
        display: none
    }
    .pure-hidden-md {
        display: none
    }
    .flex-control-nav {
        top: 130%;
    }
    .tag-header {
        font-size: 32px !important;
    }
    .tag-body {
        font-size: 15px !important;
    }
    .tag-cta {
        font-size: 12px !important;
    }
    /*#top-banner {
        margin-top: -231px;
        height: 286px;
    }
    .main-navbar {
        margin-top: 143px;
    }*/
}


/* pure-hidden-lg */

@media screen and (min-width:1024px) and (max-width:1279px) {
    .pure-visible-xs {
        display: none
    }
    .pure-visible-sm {
        display: none
    }
    .pure-visible-md {
        display: none
    }
    .pure-visible-xl {
        display: none
    }
    .pure-hidden-lg {
        display: none
    }
    .flex-control-nav {
        top: 160%;
    }
    /*#top-banner {
        margin-top: -231px;
        height: 230px;
    }
    .main-navbar {
        margin-top: 143px;
    }*/
}


/* pure-hidden-xl */

@media screen and (min-width:1280px) {
    .pure-visible-xs {
        display: none
    }
    .pure-visible-sm {
        display: none
    }
    .pure-visible-md {
        display: none
    }
    .pure-visible-lg {
        display: none
    }
    .pure-hidden-xl {
        display: none
    }
    .flex-control-nav {
        top: 180%;
    }
    /*#top-banner {
        margin-top: -231px;
        height: 230px;
    }
    .main-navbar {
        margin-top: 143px;
    }*/
}


/*specific*/

/*ol {
    -webkit-margin-before: 0 !important;
    -webkit-margin-after:  0 !important;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}*/

/*.slot0 {
    display: none;
}*/

.flyout {
  position: fixed;
  right: 0;
  top: 40%;
  z-index: 1000;
  width: 189px;
}
.flyoutm {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 1000;
  width: 130px;
}

.flyout a:hover {
  color: ##777;
}


#copyMB0{
    position: absolute;
    top: 20%;
}
#copyMB0 .tag-container{
    padding-left: 4px;
}
.mtag-header3{
    font-size: 9px;
    text-transform: uppercase;
}

.mtag-cta-u{
    font-size: 9px;
    text-decoration: underline;
}

.mtag-cta-u a {
    color: white;
}

.tag-cta-u a {
    color: white;
}

.tag-cta-u{
    font-size: 13px;
    text-decoration: underline;
}
.slot0-1{
    background-color: #d57d6f;
}
.slot0-2{
    background-color: #c6212e;
}
.slot0-4{
    background-color: #c6212e;
}

.slot0-4 .tag-container{
    colro: white;
}

.slot4 .pure-g{
    background-color: white;
        padding-bottom: 20px;
}
.slot4 .tag-cta, .slot4 .mtag-cta{
    color: black;
    border: solid 1px black;
    /*display: none;*/
}

.slot4 .tag-shade, .slot4 .mtag-shade{
    color: black;
    font-family: 'HelveticaNeueW01-45Ligh', Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: normal;
    text-transform: uppercase;
    padding: 0 10%;
    -webkit-font-smoothing: subpixel-antialiased;
}

.exclusive-container{
    position: absolute;
    top: 22px;
    text-align: center;
    left: 29.5%;
    z-index: 10;
}
.exclusive {
    position: absolute;
    font-family: 'HelveticaNeueW01-45Ligh', Arial, Helvetica, sans-serif;
    font-size: 20px;
    top: 22px;
    padding: 15px;
    text-align: center;
    letter-spacing: normal;
    left: 29.5%;
    background-color: black;
    z-index: 10;
}
.exclusivem {
    position: absolute;
    font-family: 'HelveticaNeueW01-45Ligh', Arial, Helvetica, sans-serif;
    font-size: 16px;
    top: 12px;
    padding: 10px;
    text-align: center;
    letter-spacing: normal;
    left: 2.5%;
    width: 90%;
    background-color: black;
    z-index: 10;
}

.mslot2 {
    position: absolute;
    margin-top: -50px;
    z-index: 40;
}

.mslot3 {
    margin-top: 112px;
}

#pairsm{
    background-color: white;
}
.exclusive-container {}

.pure-u-1-5, .pure-u-1-6 {
    margin-bottom: 3px;
}

.flex-active {
    box-shadow: inset 0px 0px 0px 4.5px white;
}

.tray {
    background-color: white;
}

.tray .pure-u-1-5{
    width: 19.1%;
}

#paletteSwatches {
    padding: 10px 0 5px;
    margin-top: 10px;
    background-color: white;
    width: 101%;
left: -.5%;
}

.hex1 {
    background-color: #c7705f;
}

.hex2 {
    background-color: #a54932;
}

.hex3 {
    background-color: #b7514d;
}

.hex4 {
    background-color: #b35058;
}

.hex5 {
    background-color: #b0556f;
}

.hex6 {
    background-color: #ce5d67;
}

.hex7 {
    background-color: #fe4671;
}

.hex8 {
    background-color: #ef1f58;
}

.hex9 {
    background-color: #ee0b24;
}

.hex10 {
    background-color: #be002b;
}

.hex11 {
    background-color: #89001e;
}

.hex12 {
    background-color: #ab0020;
}

.hex13 {
    background-color: #960042;
}

.hex14 {
    background-color: #ba0e5f;
}

.hex15 {
    background-color: #a90550;
}

.hex16 {
    background-color: #773c4e;
}

.hex17 {
    background-color: #650127;
}

.hex18 {
    background-color: #451637;
}

.hex19 {
    background-color: #5c2506;
}

.hex20 {
    background-color: #130f10;
}


/*end specific*/

div[class*="flexslider"] {
    /*background: none;*/
}

.flex-control-nav {
    z-index: 3;
    position: absolute;
    left: 50%;
    text-align: center;
    width: 80px;
    margin-left: -40px;
    bottom: 2%;
}

.flex-direction-nav, .flex-prev {
    display: none;
}

.flex-control-paging li a {
    height: 9px;
    width: 9px;
    background: rgba(255, 255, 255, 0.4);
}

.flex-control-paging li a:hover {
    background: rgba(255, 255, 255, 1.0);
}

.flex-control-paging li a.flex-active {
    background: rgba(255, 255, 255, 1.0);
}

img {
    padding: 0;
    margin: 0;
}


/*.menu-wrapper {
    opacity: .8;
}*/

.menu-category .html-slot-container {
    opacity: 1;
}

.pure-container {
    max-width: 1280px;
    margin: auto;
}

.tag-container {
    letter-spacing: normal;
    z-index: 10;
    font-family: 'HelveticaNeueW01-45Ligh', Arial, Helvetica, sans-serif;
}

.tag-container-b {
    position: absolute;
    bottom: 22px;
    padding: 24px;
    text-align: left;
    letter-spacing: normal;
    z-index: 10;
    font-family: 'HelveticaNeueW01-45Ligh', Arial, Helvetica, sans-serif;
}

.mtag-container {
    top: 0;
    padding: 24px 0 34px 0;
    text-align: center;
    letter-spacing: normal;
    font-family: 'HelveticaNeueW01-45Ligh', Arial, Helvetica, sans-serif;
}

.mtag-header, .mtag-body, .mtag-cta {
    letter-spacing: normal;
}

.mtag-header {
    font-family: 'HelveticaNeueW01-UltLt', Arial, Helvetica, sans-serif;
    font-size: 32px;
    line-height: 27px;
    padding-bottom: 2px;
    text-transform: uppercase;
}

.copyMB4 .mtag-header {
    padding: 0 0 10px;
    color: black;
}

.mtag-header2 {
    font-family: 'HelveticaNeueW01-UltLt', Arial, Helvetica, sans-serif;
    font-size: 26px;
    line-height: 27px;
}

.mtag-body, .mtag-cta {
    font-size: 15px;
}

.mtag-cta {
    font-family: "HelveticaNeueW01-75Bold", Arial, Helvetica, sans-serif;
    /*text-decoration: underline;*/
    /*padding: 8px;*/
    text-transform: uppercase;
    /*display: inline-block;
    text-transform: uppercase;*/
    border: 1px solid white;
    padding: 0 10px;
    margin: 10px 0 0;
    text-align: center;
}

.copyMB1 .mtag-cta {
    width: 38%;
}

.copyMB4 .mtag-cta {
    width: 50%;
    margin: auto;
}

.mtag-note {
    font-size: 15px;
    color: black;
}

.bold-text {
    font-family: "HelveticaNeueW01-75Bold", Arial, Helvetica, sans-serif;
    color: black;
    font-size: 15px;
    padding-top: 10px;
}

.white-background {
    background: white;
}

.tag-header {
    font-family: 'HelveticaNeueW01-UltLt', Arial, Helvetica, sans-serif;
    font-size: 60px;
    line-height: 53px;
    letter-spacing: normal;
    text-transform: uppercase;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent;
}

.tag-header2 {
    font-family: 'HelveticaNeueW01-UltLt', Arial, Helvetica, sans-serif;
    font-size: 75px;
    line-height: 70px;
    letter-spacing: normal;
    text-transform: uppercase;
    margin-top: 5px;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent;
}

.tag-header3 {
    font-family: 'HelveticaNeueW01-UltLt', Arial, Helvetica, sans-serif;
    font-size: 45px;
    line-height: 40px;
    letter-spacing: normal;
}
.tag-header4 {
    font-family: 'HelveticaNeueW01-UltLt', Arial, Helvetica, sans-serif;
    font-size: 35px;
    line-height: 35px;
    letter-spacing: normal;
    text-transform: uppercase;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent;
}

a .copy1 .tag-container, .copy3 .tag-header3, copy5-2 .tag-header3{
    color: white;
}
.copy4 .tag-header3{
    color: black;
}

.tag-body {
    font-family: 'HelveticaNeueW01-45Ligh', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: normal;
    font-size: 25px;
    line-height: 23px;
}

.tag-body-top{
    font-family: 'HelveticaNeueW01-45Ligh', Arial, Helvetica, sans-serif;
    letter-spacing: normal;
    font-size: 18px;
    line-height: 23px;
    padding-bottom: 7px;
}

.tag-body-fn {
    font-family: 'HelveticaNeueW01-45Ligh', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: normal;
    font-size: 31px;
    line-height: 30px;
}

.tag-cta {
    font-family: "HelveticaNeueW01-75Bold", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: white;
    font-weight: 400;
    line-height: 25px;
    display: inline-block;
    text-transform: uppercase;
    border: 1px solid white;
    padding: 0 10px;
    margin: 10px 0 0;
    cursor: pointer;
    letter-spacing: normal;
}

#copy0 {
    position: absolute;
    top: 24%;
    padding-left: 15px;
    /*text-align: center;*/
    opacity: 1;
    width: 100%;
    color: white;
}
/*.error{
    color: white !important;
    padding-left: 5px;
}*/

#copy0 .tag-header {
    font-size: 26px;
    line-height: 25px;
    text-transform: uppercase;
}

#copy0 .tag-body {
    font-family: 'HelveticaNeueW01-45Ligh', Arial, Helvetica, sans-serif;
    font-size: 15px;
}

#copy0 .tag-cta {
    font-family: "HelveticaNeueW01-75Bold", Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-decoration: underline;
    text-transform: uppercase;
    padding-top: 14px;
}



#submit-button {
    border: solid 1px #ccc;
    text-size: 12px;
    color: #666;
    background-color: white;
    padding: 6px 18px;
}

input[type=email] {
    padding: 7px 7px;
    border-radius: 0;
    color: black !important;
}

.emailfield {
    width: 59%;
    text-align: right;
}

.emailbutton {
    text-align: left;
    padding-left: 4px;
}

.copy1 {
    text-align: center;
}

.copy1 .tag-cta {
    border: 1px solid white;
    display: block;
}

.copy1 .tag-container {
    position: absolute;
    top: 7.5%;
    text-align: center;
   width: 100%;

}

.copy1 .cta-container {
    position: absolute;
    letter-spacing: normal;
    top: 15%;
    width: 16%;
    left: 42%;
    z-index: 10;
}

.tag-cta:hover {
  background: #000;
  color: #fff;
  border: solid 1px black;
}

#copy3 .tag-cta:hover {
    background: #ca7473;
}

.prelative {
    position: relative;
}

.display-block {
    display: block !important;
}

#copy-centered {
    position: absolute;
    text-align: center;
    width: 100%;
    text-align: center;
    top: 27.8%;
}

.copy2 .tag-container, #copy3 .tag-container {
    color: white;
    text-align: center;
}

.copy2 {
    position: absolute;
    text-align: center;
    width: 100%;
    text-align: center;
    top: 27.9%;
    opacity: 0;
}

.copy3 {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 40%;
    right: 0%;
    color: white;
    opacity: 0;
}

.copy4 {
    position: absolute;
    text-align: center;
    width: 28%;
    text-align: center;
    top: 5%;
    right: 5%;
    overflow:hidden
}

.copy4 .tag-body{
    margin: 0 0 7%;

}

.copy5-2 {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 35%;
}

img[src*="play-video"] {
    padding-bottom:10px;
}


.slot2 {
    position: absolute;
    margin-top: -267px;
    z-index: 12;
}

.slot3 {
    /*margin-top: 180px;*/
}


}
.black {
    color: black !important;
}
.copy3.tag-body, .copy2.tag-cta, .copy3.tag-cta {
    padding-top: 5px;
}
.copyMB a {
    height: 240px;
    width: 100%;
    left: 0%;
    text-align: center;
    color: white;
    background: transparent;
    /*position: absolute;*/
}
.copyMB0{
    position: absolute;
    top: -4px;
}

.copyMB1{
    position: absolute;
    top: 52%;
    width: 100%;
    z-index: 12;
    left: 30%;
}

.copyMB5 {
    position: absolute;
    width: 100%;
    bottom: 25%;
    text-align: center;
    z-index: 10;
}
.copyMB1 a, .copyMB5 a {
    color: white;
}
@media screen and (max-width: 767px) {
    #wrapper, .inside-inner-wrapper {
        margin: 0;
    }
}
.padding-5 {
    font-size: 20px;
    line-height: 50px;
    text-transform: uppercase;
}
.uppercase {
    text-transform: uppercase;
}
.text-center {
    text-align: center;
}
.div-center {
    margin: 0 auto;
}
.padding-10 {
    padding: 10px;
}
.padding-20 {
    padding: 20px;
}
#bootstrap-styles #big-video-vid.vjs-error {
    display: none !important;
}
#bootstrap-styles a:hover, #bootstrap-styles a:focus {
    text-decoration: none;
}
.film-frame, #page-2426 {
    height: 720px !important;
    width: 1280px !important;
    margin: auto;
}
#arrow-down1 {
    margin-top: 20px;
}
.black_background {
    background: #000;
}
.vjs-control-bar {
    display: none;
}
@media (max-width:320px) {
    .film-frame, .watch-film01, .vjs-tech {
        height: 320px !important;
    }

    .pure-container {
        max-width: 320px;
    }
}
@media (min-width:321px) and (max-width:360px) {
    .film-frame, .watch-film01, .vjs-tech {
        height: 360px !important;
    }

    .pure-container {
        max-width: 321px;
    }
}
@media (min-width:361px) and (max-width:375px) {
    .film-frame, .watch-film01, .vjs-tech {
        height: 355px !important;
    }

    .pure-container {
        max-width: 375px;
    }
}
@media (min-width:376px) and (max-width:411px) {
    .film-frame, .watch-film01, .vjs-tech {
        max-height: 411px !important;
    }

    .pure-container {
        max-width: 411px;
    }
}
@media (min-width:412px) and (max-width:414px) {
    .film-frame, .watch-film01, .vjs-tech {
        height: 464px !important;
    }

    .pure-container {
        max-width: 414px;
    }
}
@media (min-width:415px) and (max-width:435px) {
    .film-frame, .watch-film01, .vjs-tech {
        height: 500px !important;
    }

    .pure-container {
        max-width: 435px;
    }
}
@media (min-width:483px) {
    .film-frame, .watch-film01, .vjs-tech {
        height: 720px !important;
    }
}
#big-video-vid {
    position: absolute;
    top: 0px !important;
}
.mfp-iframe {
    max-width: 1280px !important;
}
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 1;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}