/*
Theme Name: SwankPass Tube
Theme URI: http://www.swankpass.com
Author: Arnuld
Author URI: http://www.webdesignrockstar.com/
Description: Tube-style highly responsive tour for SwankPass with fully optimized for the mobile platform using twitter bootstrap 3.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: swankpass 
*/

/* ---------- STRUCTURE
=========================================== */
.container-fluid { margin-bottom: -9px; }
.container-fluid .navbar-collapse ul.nav > li.active > a { background-color: #fff; }
.navbar-default { background: rgba(190,1,1,.9); border-color: #fff; }
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #ffd600; background-color: transparent; }
.navbar-default .navbar-brand, .navbar-default .navbar-nav > li > a { color: #fff; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #fff; }
body#join > nav > div > #bs-example-navbar-collapse-1 > ul.nav.navbar-nav.navbar-right li:nth-child(1) { margin: 15px 10px 0 0; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #ffd600; background-color: transparent; }
.navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: #ffd600; background-image: none; border: 1px solid transparent; border-radius: 4px; }
.navbar-default .navbar-toggle { border-color: #ddd; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #fff; }
.navbar-default .navbar-toggle .icon-bar { background-color: #000; }
.navbar-nav > li > .dropdown-menu { background-color: rgba(255,255,255,0.9); }
.navbar-nav button { margin: -7px 0 0 0; }
ul.navbar-nav > li.dropdown.open > ul.dropdown-menu > li:last-child { text-align: center; }
.btn-default { color: #333; background-color: #ffd600; border-color: #fff; }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #333; background-color: #fff; border-color: #adadad; }
.container:first-child { margin: 20px auto 0; }
.container h1 { font-size: 6em; font-weight: bold; letter-spacing: -0.05em; text-transform: uppercase; }
.container h2 { font-size: 4em; font-weight: bold; letter-spacing: -0.05em; line-height: 0.9em; text-transform: uppercase; }
.container > .row.thumbs { margin: 0 auto 2px; text-align: center; }
.container > .row.thumbs > img.img-responsive { width: 180px; height: auto; margin: 0 auto 4px; display: inline-block; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding: 0 1px;}
.pages { text-align: center; }
.pagination > li > a, .pagination > li > span { color: #be0101; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #ffffff; background-color: #be0101; border-color: #ddd; } 
.bigtxt { margin: 40px 0 0 0; text-align: center; }
.bigtxt h1 { line-height: 0.85em; font-size: 6em; }
hr { width: 100%; margin: 0 auto 10px; background: #ddd; border: 0; }
.glyphicon { font-size: 2em; border: 8px solid rgba(0,0,0,.08); padding: 6px;}
.container.video { display: block; width: 100%; height: 500px; margin: 0 auto; background: #ebebeb; }
.container.video > .row.trailer { margin-top: -30px; }
.container.reasons >.row { margin: 0 auto; }
.container.reasons >.row > .why { float: left; width: 24.9572649573%; }
.container.reasons >.row > .why > .icon { float: left; width: 25%; }
.container.reasons >.row > .why > .desc { float: left; width: 60%; text-align: left; margin: 0 0 0 20px; }
.container.latest { margin-top: 10px; }
.container.latest .row.latest { text-align: center; }
.container.latest .row.latest > a { display: inline-block; width: 228px; height: auto; -webkit-transform: scale(1,1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1,1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; -o-transform: scale(1,1); -o-transition-timing-function: ease-out; -o-transition-duration: 250ms; margin: 0 0 -1px 0; }
.container.latest .row.latest > a:hover { border: 8px solid rgba(255,255,255,.5); -webkit-transform: scale(1.2,1.22); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1.2,1.22); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; -o-transform: scale(1.2,1.22); -o-transition-timing-function: ease-out; -o-transition-duration: 250ms; position: relative; z-index: 5000; }
.container.latest .row.latest > a img.preview { width: 100%; height: auto; }
.container .row.sitetn { margin: 15px 0; height: auto; text-align: center; }
.container .row.sitetn > img , .container .row.sitetn > a > img{ display: inline-block; width: 80px; height: 58px; margin: 0 8px; }
.container .row.sitetn .overridelogo { height: 56px; }
.container .row.thumbs {  text-align: center; }
.container .row.thumbs > a, .container .row.thumbs > img { width: 180px; height: auto; margin: 0 auto; display: inline-block; }
.container .row.links { text-align: center; }
.container .row.links ul { list-style-type: none; }
.container .row.links ul li { display: inline-block; margin: 0 15px; }
.als-container { position: relative; width: 100%; margin: 0 auto; z-index: 0; }
.als-viewport { position: relative; overflow: hidden; margin: 0 auto; }
.als-wrapper { position: relative; list-style-type: none; padding: 0; }
.als-item { position: relative; display: block; text-align: center; cursor: pointer; float: left; }
.usc2257 { text-align: center; }
.accreditation ul { list-style-type: none; margin: 15px 0; padding: 0 15px; }
.accreditation ul li { display: inline-block; margin: 0 15px 5px; }
.accreditation p { font-size: 0.75em; }
.container.categories > .row.categories { margin: 0 0 15px; }
.container.categories > .row.categories span { display: inline-block; margin: 0 3px 7px; }
.container.video { width: 100%; height: auto; overflow: hidden; position: relative; top: 35px; }
.container.video .row.trailer span.freetrial { height: 115px; position: absolute; top: 25px; left: 42%; padding: 0 5px; text-transform: uppercase; color: #000; background: rgba(255,255,255,.6); z-index: 900; }
.container.video .row.trailer span.freetrial h3 { margin: 10px 10px; }
.container.video .row.trailer span.freetrial p { display: block; margin: 10px 8px 0; }
.container.video .row.trailer a { display: inline-block; }
.container.video .row.trailer span.freeitems { height: 115px; position: absolute; bottom: 65px; left: 40%; padding: 0 5px; text-transform: uppercase; color: #000; background: rgba(255,255,255,.6); z-index: 900; }
.container.video span h3 { line-height: .9em; font-weight: bold; font-size: 2.5em; letter-spacing: -0.05em; text-align: center; margin: 10px; }
.container.video span p { text-align: center; padding-top: 2px; margin: -10px 8px 10px; background-color: rgba(190,1,1,.9); color: #fff }


/* parallax */
.container.parallax { display: block; width: 100%; height: auto; padding: 0; }
.container.parallax > section { position: relative; text-align: center; text-transform: uppercase; }
.container.parallax > section > article { padding: 15px; display: inline-block; }
.container.parallax > section > article > h3 { color: rgba(0,0,0,.5); font-size: 6em; font-weight: 700; line-height: .8em; }
.container.parallax > section > article > p { color: #000; margin: 0; }
.container.parallax > section > article#pics { background: rgba(190,1,1,.7); position: absolute; top: 75px; left: 100px; }
.container.parallax > section > article#pics > h3, .container.parallax > section > article#pics > p { color: rgba(255,255,255,.75); }
.container.parallax > section > article#movs { background: rgba(255,255,255,.5); position: absolute; top: 200px; left: 180px; }
.container.parallax > section > article#movs > h3 { color: rgba(0,0,0,.8); }
.container.parallax > section > article#stars { background: rgba(190,1,1,.7); position: absolute; top: 325px; left: 125px; }
.container.parallax > section > article#stars > h3, .container.parallax > section > article#stars > p { color: rgba(255,255,255,.75); }
.container.parallax > section > article#mobile { background: rgba(190,1,1,.75); position: absolute; top: 100px; left: 11.5%; }
.container.parallax > section > article#mobile > h3 { color: rgba(255,255,255,.75); font-weight: 700; line-height: .8em; }
.container.parallax > section > article#mobile > p { color: rgba(255,255,255,1);}
.container.parallax > section > article#intense { background: rgba(255,255,255,.5); position: absolute; top: 100px; left: 20%; }
.container.parallax > section > article#intense > h3 { color: rgba(0,0,0,.8); }
.container.parallax > section > article#feeds { background: rgba(190,1,1,.75); position: absolute; top: 100px; left: 30%; }
.container.parallax > section > article#feeds > h3 { color: rgba(255,255,255,.75); font-weight: 700; line-height: .8em; }
.container.parallax > section > article#feeds > p { color: rgba(255,255,255,1);}
.container.parallax > section > article#subscription { background: rgba(255,255,255,.75); position: absolute; top: 100px; left: 11.5%; }
.container.parallax > section > article#subscription > h3 { color: rgba(0,0,0,.75); font-weight: 700; line-height: .8em; }
.container.parallax > section > article#subscription > p { color: rgba(0,0,0,1);}
.container.parallax > section > article#freetrial { background: rgba(0,0,0,.75); position: absolute; top: 100px; left: 11.5%; }
.container.parallax > section > article#freetrial > h3 { color: rgba(255,255,255,.75); font-weight: 700; line-height: .8em; }
.container.parallax > section > article#freetrial > p { color: rgba(255,255,255,1);}
.container.parallax > #spstats { background: url("../parallax/1.jpg"); background-attachment: fixed; background-origin: initial; background-clip: initial; background-size: contain; background-repeat:no-repeat; background-position:center; position:relative; min-height:500px; }
.container.parallax > #platforms { background: url("../parallax/2.jpg"); background-attachment: fixed; background-origin: initial; background-clip: initial; background-size: contain; background-repeat:no-repeat; background-position:center; position:relative;   min-height:500px; }
.container.parallax > #scenes { background: url("../parallax/3.jpg"); background-attachment: fixed; background-origin: initial; background-clip: initial; background-size: contain; background-repeat:no-repeat; background-position:center; position:relative;   min-height:500px; }
.container.parallax > #bonus { background: url("../parallax/4.jpg"); background-attachment: fixed; background-origin: initial; background-clip: initial; background-size: contain; background-repeat:no-repeat; background-position:center; position:relative;   min-height:500px; }
.container.parallax > #subscription { background: url("../parallax/1.jpg"); background-attachment: fixed; background-origin: initial; background-clip: initial; background-size: contain; background-repeat:no-repeat; background-position:center; position:relative;   min-height:500px; }
.container.parallax > #freetrial { background: url("../parallax/2.jpg"); background-attachment: fixed; background-origin: initial; background-clip: initial; background-size: contain; background-repeat:no-repeat; background-position:center; position:relative; min-height:500px; }

/* Bootstrap Carousel */
#carousel-example-generic { background-color: #000; }
#carousel-example-generic > .carousel-inner { width: 900px; margin: 0 auto; }
#carousel-example-generic > .carousel-inner > .item > .carousel-caption { text-transform: uppercase; background-color: rgba(0,0,0,.85); }
#carousel-example-generic > .carousel-inner > .item > .carousel-caption > p { margin-bottom: 5px; }
#carousel-example-generic > .carousel-inner > .item > .carousel-caption > h3 { font-size: 44px; line-height: .7em; font-weight: bold; margin: 0 0 10px; }

/* Nicescroll */
#boxscroll { padding: 0; margin: 0; height: 500px; width: 100%; overflow: auto; }
#boxscroll > ul { list-style-type: none; text-align: center; margin: 0; padding: 0; }
#boxscroll > ul li { display: inline-block; width: 100px; height: 137px; }
#boxscroll > ul li > img { width: 100%; height: auto; }

/* Join Group */
body#join > .container > .row { padding: 60px 0 0; }
body#join > .container > .row > section { margin-bottom: 15px; }
body#join > .container > .row > section.latest.scene { background: #f5f5f5; padding-top: 20px; }
body#join > .container > .row > section.latest.scene > p.font14.text-center { margin-bottom: 10px; }
body#join > .container > .row > section.latest.scene > ul { list-style-type: none; margin-left: 0; }
body#join > .container > .row > section.latest.scene > ul li { width: 213px; }
body#join > .container > .row > section.latest.scene > ul li > a { margin-bottom: 0;}
body#join > .container > .row > section.latest.scene > ul li > img { width: 100%; height: auto; }
body#join > .container > .row > section.latest.scene > ul li > p { margin: 0 0 10px; }
body#join > .container > .row > section.latest.scene > ul li > h2 { font-weight: normal; margin: 5px 0 0; font-size: 14px; }
body#join > .container > .row > section.joingrp.scene { padding-top: 20px; }
body#join > .container > .row > section.joingrp.scene > h2 { margin: 0; font-size: 2.5em; }
body#join > .container > .row > section.joingrp.scene > span { display: block; margin-bottom: 20px; }
body#join > .container > .row > section.joingrp.scene > .join { padding: 0; }
body#join > .container > .row > section.joingrp.scene > div.benefits { padding-left: 0; }

/* Benefits */
body#join > .container > .row > section.joingrp.scene > .benefits > h2 { letter-spacing: -.05em;
font-size: 1.3em; margin-top: 10px; }
body#join > .container > .row > section.joingrp.scene > .benefits > ul li { line-height: 1.4em; }

/* Form */
body#join > .container > .row > section.joingrp.scene > .join > form { border: 1px solid #ccc;
margin-right: 10px; padding: 10px 15px; }
body#join > .container > .row > section.joingrp.scene > .join > form h2 { margin: 0 0 5px;
letter-spacing: -.05em; font-size: 1.3em; }
body#join > .container > .row > section.joingrp.scene > .join > form > .form-group:first-child > input.form-control { padding: 5px 15px; }
body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio { padding: 12px 10px 14px 35px; border: 1px solid #ccc; }
body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio.checked { padding: 12px 10px 14px 35px; border: 1px dotted #9d0000; background-color: #f8f8f8; }
body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio > span.cost { float: right; padding: 3px 10px; border: 1px solid #ccc; margin-top: -4px; background-color: #ffd200; color: #000000; -moz-border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio.checked > span.cost { float: right; padding: 3px 10px; border: 1px solid #ccc; margin-top: -4px; background-color: #9d0000; color: #fff; -moz-border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
body#join > .container > .row > section.joingrp.scene > .join > form > .form-group.cards > .radio { padding: 10px 40px; text-align: center; }
body#join > .container > .row > section.joingrp.scene > .join > form > .form-group.cards > .radio > span.cc { width: 48px; margin-left: 50px; }
body#join > .container > .row > section.joingrp.scene > .join > form > .form-group.cards > .radio > span.cc > input { float: none; }
body#join > .container > .row > section.joingrp.scene > .join > form > button.btn { width: 100%; font-size: 2.5em; font-weight: bold; margin-bottom: 10px; text-transform: uppercase; }
body#join > .container > .row > section.joingrp.scene > .join > form > button.btn { background-color: #9d0000; border-color: #840000; }
body#join > .container > .row > section.joingrp.scene > .join > form > .checkbox > label { margin-bottom: 10px; }
body#join > .container > .row > section.joingrp.scene > .join > form > p { margin-bottom: 10px; }

.navbar-right > li > a{padding-bottom:0px;}

img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  opacity: 0.5;
}

img.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
  opacity: 1;
}

/* ---------- STYLES
=========================================== */

/* Classes */
.allcaps { text-transform: uppercase; }
.blowup { font-size: 1.8em; letter-spacing: -0.08em; }
.blowup2 { font-size: 1.5em; letter-spacing: -0.08em; }
.normal { font-weight: normal; }
.centertxt { text-align: center; }
.curveborder { padding: 3px 10px; background: #3d3d3d; color: #fff; -moz-border-radius: 5px; -0-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.curvelink:hover { background: #be0101; text-decoration: none; }
.nomargintop { margin-top: 0; }

/* Fonts & Colors */
.font12 { font-size: 12px; }
.font14 { font-size: 14px; }
.red { color: #be0101; }
.gold { color: #ffd600; }
.goldbg { background-color: #ffd600; }
.gray { color: #707070; }
a:link { color: #be0101; text-decoration: none; }
a:visited { color: #be0101; text-decoration: none; }
a:hover { color: #000000; text-decoration: none; }
.ffflink a:link { color: #fff; text-decoration: none; }
.ffflink a:visited { color: #fff; text-decoration: none; }
.ffflink a:hover { color: #fff; text-decoration: none; }
.redlink a { padding: 5px 15px; }
.redlink a:link { color: #be0101; text-decoration: none; }
.redlink a:visited { color: #be0101; text-decoration: none; }
.redlink a:hover { color: #fff; text-decoration: none; background-color: #be0101 }
.redbox { padding: 5px 15px; background-color: #be0101; color: #fff; }
.redbox:hover { background-color: #000; }
.graybox { padding: 5px 15px; background-color: #3d3d3d; color: #fff; }
.graybox:hover { background-color: #be0101; }

/* ---------- MEDIA QUERIES
=========================================== */

@media only screen and (max-width: 299px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #fff; }
  .container { padding: 0; }
  .container:nth-child(3), .container:nth-child(3) .row { width: 282px; margin: 0; }
  .container .row, .container .row > div { width: 282px; margin: 20px auto 0; padding: 0; text-align: center; }
  .container .row { margin: 20px auto 0; }
  .container .row:first-child > div { margin: 2px 0 0 0; }
  .container .row > div > img { width: 100%; height: auto; overflow: hidden; }
  .img-responsive { width: 300px; height: auto; }
  .dvds{display: none !important;}
  .container .row.dvds > div { width: 282px; margin: 0 auto 2px; }
  .container.page-content .row { margin: 10px 0 0 0; }
  .container.page-content .row > div > img { width: 100%; height: auto; overflow: hidden; }
  .bigtxt h1 { margin: 40px 0 10px; padding: 0; font-size: 4em; }
  .container h2 { margin: 5px auto; padding: 0; font-size: 2.8em; }
  .container.reasons >.row > .why { float: left; width: 282px; padding: 0 5px 0 0; }
  .container .row.sitetn > div { width: 265px; }
  .container .row.latest > div { width: 49%; margin: 0 2px -18px 0; }
  .container .row.latest > div > img { width: 100%; }
  .container .row.links { margin: 0 auto; }
  .container .row.links ul { width: 100%; padding: 0; }
  .container .row.links ul li { display: block; }  
  body#join > .container { padding: 0; }
  body#join > .container > .row { padding: 40px 0 10px; }
  body#join > .container > .row > section.latest.scene { display: none; }
  body#join > .container > .row > section.joingrp.scene > .benefits > h2 { margin-left: 25px; }
  body#join > .container > .row > section.joingrp.scene { width: 100%; padding: 0 10px; }
  body#join > .container > .row > section.joingrp.scene > .join { width: 100%; }
  body#join > .container > .row > section.joingrp.scene > .join > form { width: 100%; margin: 0; padding: 10px; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio:nth-child(1) > label { text-align: left; display: inline-block; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio:nth-child(2) > label:after { display: inline-block; content: "30 Days \A[ Free DVD or \00000a Magazine]"; white-space:pre; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio:nth-child(3) > label:after { display: inline-block; content: "90 Days \A[ 3 Free DVDs or \00000a 3 Magazines]"; white-space:pre; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio:nth-child(4) > label:after { display: inline-block; content: "180 Days \A[ 6 Free DVDs or \00000a 6 Free Magazines]"; white-space:pre; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group.cards > .radio { padding: 10px 0; } 
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group.cards > .radio > span.cc { width: 20px; margin-left: 20px; }
  body#join > .container > .row > section.joingrp.scene > .join > form > button.btn { font-size: 1.1em; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .checkbox > label { display: block; }
  body#join > .container > .row > .accreditation { width: 90%; margin: 0; padding: 0 10px; }
}

@media only screen and (max-width: 319px) and (min-width: 300px) {
  .bigtxt { margin: 40px auto 0; text-align: center; width: 96%; }
  .bigtxt h1 { width: 100%; height: auto; font-size: 4em; }
  .container.reasons >.row > .why { float: left; width: 268px; margin: 0 0 0 10px; padding: 0 5px 0 0; }
  .container.reasons >.row > .why > .desc { float: left; width: 70%; text-align: left; margin: 0 0 0 10px; }
  .container > .row h2 { font-size: 3em; }
  .container > .row p { padding: 0 15px; }
  .container .row.latest > div:nth-child(odd) { width: 45%; margin: 0 5px -14px 15px; }
  .container .row.latest > div:nth-child(even) { width: 45%; margin: 0 0 -14px 0; }
  .container > .row.thumbs { max-width: 100%; }
  .container > .row.thumbs > div > img.img-responsive { width: 300px; margin: 0 6%; }
  .dvds{display: none !important;}
  .container.dvds h2 { font-size: 3em; }
  .container.dvds p { padding: 0 15px; }
  .container .row.links ul { padding: 0; }
  .container .row.links ul li { display: block; margin: 0 3px 0 0; } 
  body#join > .container { padding: 0; }
  body#join > .container > .row { padding: 60px 10px 0; }
  body#join > .container > .row > section.latest.scene { display: none; }
  body#join > .container > .row > section.joingrp.scene > .benefits > h2 { margin-left: 25px; }
  body#join > .container > .row > section.joingrp.scene { width: 100%; padding: 0 10px; }
  body#join > .container > .row > section.joingrp.scene > .join > form { width: 100%; margin: 0; padding: 10px; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio:nth-child(2) > label:after { content: "30 Days \A[ Free DVD or \00000aMagazine]"; white-space:pre; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio:nth-child(3) > label:after { content: "90 Days \A[ 3 Free DVDs or \00000a3 Magazines]"; white-space:pre; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio:nth-child(4) > label:after { content: "180 Days \A[ 6 Free DVDs or \00000a6 Free Magazines]"; white-space:pre; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group.cards > .radio { padding: 10px; } 
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group.cards > .radio > span.cc { width: 20px; margin-left: 30px; }
  body#join > .container > .row > section.joingrp.scene > .join > form > button.btn { font-size: 1.25em; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .checkbox > label { display: block; }
  body#join > .container > .row > .accreditation { width: 90%; margin: 0; padding: 0 10px; }
  body#join > .container > .row.links, body#join > .container > .accreditation { padding: 0; }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 480px) and (min-width : 320px) { 
  .bigtxt { margin: 40px auto 0; text-align: center; width: 96%; }
  .bigtxt h1 { width: 100%; height: auto; font-size: 4em; }
  .container.reasons >.row > .why { float: left; width: 90%; margin: 0 0 0 10px; padding: 0 5px 0 0; }
  .container.reasons >.row > .why > .desc { float: left; width: 70%; text-align: left; margin: 0 0 0 10px; }
  .container > .row h2 { font-size: 3em; text-align: center; }
  .container > .row p { padding: 0 15px; }
  .container > .row.thumbs { max-width: 100%; }
  .container > .row.thumbs > div > img.img-responsive { width: 300px; height: auto; margin: 0 auto; }
  .container .row.latest > div:nth-child(odd) { width: 45%; margin: 0 5px -14px 15px; }
  .container .row.latest > div:nth-child(even) { width: 45%; margin: 0 0 -14px 0; }
  .dvds{display: none !important;}
  .container.dvds h2 { font-size: 3em; }
  .container.dvds p { padding: 0 15px; } 
  .container .row.links ul { padding: 0; }
  .container .row.links ul li { display: block; margin: 0 3px 0 0; }
  body#join > .container > .row > section.joingrp.scene { width: 86%; margin: 0 20px 0 0; padding-top: 0; }
  body#join > .container > .row > section.joingrp.scene > .join { padding: 0; width: 100%; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio:nth-child(2) > label:after { content: "30 Days \A[ Free DVD or \00000a Free Magazine]"; white-space:pre; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio:nth-child(3) > label:after { font-size: 13px; content: "90 Days \A[ 3 Free DVDs or \00000a 3 Free Magazines]"; white-space:pre; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio:nth-child(4) > label:after { font-size: 13px; content: "180 Days \A[ 6 Free DVDs or \00000a 6 Free Magazines]"; white-space:pre; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group.cards > .radio { padding: 10px 0 10px 15px; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group.cards > .radio > span.cc { margin: 0 10px; }
  body#join > .container > .row > section.joingrp.scene > .join > form > button.btn { font-size: 1.1em; }
  body#join > .container > .row > section.latest.scene { display: none; }
  body#join > .container > .row > section.joingrp.scene > div.benefits { margin-right: 20px; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .checkbox > label { display: block; }
  body#join > .container > .row.links, body#join > .container > .row.accreditation { padding-top: 0; }
}

@media only screen and (max-width : 594px) and (min-width : 481px) {
  .bigtxt { margin: 40px auto 0; text-align: center; width: 96%; }
  .bigtxt h1 { width: 100%; height: auto; font-size: 4.5em; }
  .container.reasons >.row > .why { float: left; width: 50%; margin: 0 0 10px; padding: 0 5px 0 0; }
  .container.reasons >.row > .why > .icon { float: left; width: 25%; }
  .container.reasons >.row > .why > .desc { float: left; width: 58%; text-align: left; margin: 0 0 0 10px; }
  .container > .row.network h2 { font-size: 3.5em; }
  .container > .row.network p { padding: 0 15px; }
  .container .row.latest > div:nth-child(odd) { width: 45%; margin: 0 5px -14px 6%; }
  .container .row.latest > div:nth-child(even) { width: 45%; margin: 0 0 -14px 0; }
  .dvds{display: none !important;}
  .container.dvds h2 { font-size: 3.5em; }
  .container.dvds p { padding: 0 15px; } 
  .container .row.links ul { padding: 0; }
  .container .row.links ul li { display: block; margin: 0 3px 0 0; }
  body#join > .container > .row > section.joingrp.scene { width: 98%; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group.cards > .radio { padding: 10px 40px 10px 0; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio:nth-child(2) > label:after { width: 200px; content: "30 Days [ Free DVD or Magazine]"; white-space:pre; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio:nth-child(3) > label:after { content: "90 Days [ 3 Free DVDs or 3 Free Magazines]"; white-space:pre; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio:nth-child(4) > label:after { width: 200px; content: "180 Days [ 6 Free DVDs or 6 Free Magazines]"; white-space:pre; }
  body#join > .container > .row > section.joingrp.scene > .join > form > button.btn { font-size: 2em; }
  body#join > .container > .row > section.latest.scene { display: none; }
  body#join > .container > .row > section.joingrp.scene { padding-top: 0; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .checkbox > label { display: block; }
  body#join > .container > .row > section.joingrp.scene > div.benefits { margin-right: 60px; }
  body#join > .container > .row.links, body#join > .container > .row.accreditation { padding: 0; }
}

@media only screen and (max-width : 610px) and (min-width : 595px) {
  .bigtxt { margin: 40px auto 0; text-align: center; width: 96%; }
  .bigtxt h1 { width: 100%; height: auto; font-size: 4.8em; }
  .container.reasons >.row > .why { float: left; width: 50%; margin: 0 10px; padding: 0 5px 0 0; }
  .container.reasons >.row > .why > .desc { float: left; width: 65%; text-align: left; margin: 0 0 0 10px; }
  .container > .row.network h2 { font-size: 3em; }
  .container > .row.network p { padding: 0 15px; }
  .container .row.latest > div:nth-child(odd) { width: 45%; margin: 0 5px -14px 12%; }
  .container .row.latest > div:nth-child(even) { width: 45%; margin: 0 0 -14px 0; }
  .container.dvds h2 { font-size: 3.8em; }
  .container.dvds p { padding: 0 15px; } 
  .container .row.links ul { padding: 0; }
  .container .row.links ul li { display: block; margin: 0 3px 0 0; }
  body#join > .container > .row > section.latest.scene { display: none; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio:nth-child(2) > label:after { width: 200px; content: "30 Days [ Free DVD or Magazine]"; white-space:pre; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio:nth-child(3) > label:after { content: "90 Days [ 3 Free DVDs or 3 Free Magazines]"; white-space:pre; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio:nth-child(4) > label:after { width: 200px; content: "180 Days [ 6 Free DVDs or 6 Free Magazines]"; white-space:pre; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .checkbox > label { display: block; }
  body#join > .container > .row > section.joingrp.scene > div.benefits { margin-right: 110px; }
  body#join > .container > .row.links, body#join > .container > .row.accreditation { padding: 0; }
}

@media only screen and (max-width : 640px) and (min-width : 611px) {
  .bigtxt { margin: 40px auto 0; text-align: center; width: 96%; }
  .bigtxt h1 { width: 100%; height: auto; font-size: 5em; }
  .container.page-content > .row { margin: 15px 0 0 0; }
  .container.page-content > .row > div { float: left; width: 100%; }
  .container.page-content > .row.thumbs > div > img.img-responsive { margin: 0; }
  .container.reasons >.row > .why { float: left; width: 48%; margin: 0 0 0 10px; padding: 0 5px 0 0; }
  .container.reasons >.row > .why > .desc { float: left; width: 70%; text-align: left; margin: 0 0 0 10px; }
  .container > .row.network h2 { font-size: 4em; }
  .container > .row.network p { padding: 0 15px; }
  .container > .row.sitetn { margin: 0 0 15px 0; }
  .container .row.latest > div:nth-child(odd) { width: 45%; margin: 0 5px -14px 15%; }
  .container .row.latest > div:nth-child(even) { width: 45%; margin: 0 0 -14px 0; }
  .container .row.dvds { width: 85%; margin: 0 auto; }
  .container.dvds h2 { font-size: 4em; }
  .container.dvds p { padding: 0 15px; } 
  .container .row.links ul { padding: 0; }
  .container .row.links ul li { display: block; margin: 0 3px 0 0; }
  body#join > .container > .row > section.latest.scene { display: none; }
  body#join > .container > .row > section.joingrp.scene { padding-top: 0; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio:nth-child(2) > label:after { width: 200px; content: "30 Days [ Free DVD or Magazine]"; white-space:pre; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio:nth-child(3) > label:after { content: "90 Days [ 3 Free DVDs or 3 Free Magazines]"; white-space:pre; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio:nth-child(4) > label:after { width: 200px; content: "180 Days [ 6 Free DVDs or 6 Free Magazines]"; white-space:pre; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .checkbox > label { display: block; }
  body#join > .container > .row > section.joingrp.scene > div.benefits { margin-right: 80px; }
  body#join > .container > .row.links, body#join > .container > .row.accreditation { padding: 0; }
}

@media only screen and (max-width : 767px) and (min-width : 641px) {
  .bigtxt { margin: 40px auto 0; text-align: center; width: 96%; }
  .bigtxt h1 { width: 100%; height: auto; font-size: 5em; }
  .container.page-content > .row { margin: 15px 0 0 0; }
  .container.page-content > .row > div { float: left; margin: 0; }
  .container.reasons >.row > .why { float: left; width: 48%; margin: 0 0 0 10px; padding: 0 5px 0 0; }
  .container.reasons >.row > .why > .desc { float: left; width: 70%; text-align: left; margin: 0 0 0 10px; }
  .container > .row.network h2 { font-size: 4em; }
  .container > .row.network p { padding: 0 15px; }
  .container > .row.sitetn { margin: 0 0 15px 0; }
  .container .row.latest > div:nth-child(odd) { width: 45%; margin: 0 5px -14px 15%; }
  .container .row.latest > div:nth-child(even) { width: 45%; margin: 0 0 -14px 0; }
  .container .row.dvds { width: 85%; margin: 0 auto; }
  .container.dvds h2 { font-size: 4em; }
  .container.dvds p { padding: 0 15px; } 
  .container .row.links ul { padding: 0; }
  .container .row.links ul li { display: block; margin: 0 3px 0 0; }
  body#join > .container > .row > section.latest.scene { display: none; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio:nth-child(2) > label:after { width: 200px; content: "30 Days [ Free DVD or Magazine]"; white-space:pre; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio:nth-child(3) > label:after { content: "90 Days [ 3 Free DVDs or 3 Free Magazines]"; white-space:pre; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio:nth-child(4) > label:after { width: 200px; content: "180 Days [ 6 Free DVDs or 6 Free Magazines]"; white-space:pre; }
  body#join > .container > .row > section.joingrp.scene { padding-top: 0; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .checkbox > label { display: block; }
  body#join > .container > .row > section.joingrp.scene > div.benefits { margin-right: 150px; }
  body#join > .container > .row.links, body#join > .container > .row.accreditation { padding: 0; }
}

@media only screen and (max-width : 1023px) and (min-width : 768px){  
  .navbar-nav > li > a { padding-top: 15px; }
  .container:first-child { margin: 50px auto 0; }
  .container:nth-child(2) { margin: 20px auto 0; }
  .container .row.latest > div > img.img-responsive { max-width: 236px; height: auto; }
  .container.video .row.trailer > a span { left: 25%; }  
  body#join > .container > .row > section.latest.scene { display: none; }
  body#join > .container > .row > section.joingrp.scene > h2 { font-size: 4em; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio:nth-child(2) > label:after { width: 200px; content: "30 Days [ Free DVD or Magazine]"; white-space:pre; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio:nth-child(3) > label:after { content: "90 Days [ 3 Free DVDs or 3 Free Magazines]"; white-space:pre; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio:nth-child(4) > label:after { width: 200px; content: "180 Days [ 6 Free DVDs or 6 Free Magazines]"; white-space:pre; }  
  body#join > .container > .row > section.joingrp.scene { padding-top: 0; }
  body#join > .container > .row > section.joingrp.scene > .join { width: 60%; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .checkbox > label { display: block; }
  body#join > .container > .row > section.joingrp.scene > .join > form > button.btn { font-size: 2em; }
  body#join > .container > .row > section.joingrp.scene > div.benefits { width: 40%; }
  body#join > .container > .row.links, body#join > .container > .row.accreditation { padding: 0; }
}

@media only screen and (min-width : 1024px){  
  .navbar-nav > li > a { padding-top: 15px; }
  .container:first-child { margin: 50px auto 0; }
  .container:nth-child(2) { margin: 20px auto 0; }
  .container .row.latest > div > img.img-responsive { max-width: 236px; height: auto; }
  .container.video .row.trailer > a span { left: 25%; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio:nth-child(2) > label:after { width: 200px; content: "30 Days [ Free DVD or Magazine]"; white-space:pre; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio:nth-child(3) > label:after { content: "90 Days [ 3 Free DVDs or 3 Free Magazines]"; white-space:pre; }
  body#join > .container > .row > section.joingrp.scene > .join > form > .form-group > .radio:nth-child(4) > label:after { width: 200px; content: "180 Days [ 6 Free DVDs or 6 Free Magazines]"; white-space:pre; }  
  body#join > .container > .row > section.joingrp.scene > .join > form > .checkbox > label { display: block; }
}