/* MAIN */
body {background:#000;}


/* TYPE */
@font-face {
    font-family: 'MINITypeBold';
    src: url('../fonts/minityperegular-bold-webfont.eot');
    src: url('../fonts/minityperegular-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/minityperegular-bold-webfont.woff') format('woff'),
         url('../fonts/minityperegular-bold-webfont.ttf') format('truetype'),
         url('../fonts/minityperegular-bold-webfont.svg#minityperegularbold') format('svg');
    font-weight: bold;
    font-style: bold;
}

@font-face {
    font-family: 'MINIType';
    src: url('../fonts/minityperegular-webfont.eot');
    src: url('../fonts/minityperegular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/minityperegular-webfont.woff') format('woff'),
         url('../fonts/minityperegular-webfont.ttf') format('truetype'),
         url('../fonts/minityperegular-webfont.svg#minityperegularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6, p {font-family:'MINIType', Helvetica, Arial, sans-serif;}

h1 {font-size:3.25rem;margin:0;line-height:0.6rem;}
h1 .small {font-size:1.75rem;line-height:1.125rem;}
h3.small {font-size:1.75rem;line-height:1.6rem;margin-bottom:15px;}
h2 {font-size:2.25rem;}
p {font-size:1.125rem;line-height:1.25em;}
strong {font-family:'MINITypeBold', Helvetica, Arial, sans-serif;font-weight:bold;}


/* STRUCTURE */
.box {padding:22px 18px;border:3px solid #000;min-height:274px;}

.box-top {border-top:6px solid #000;}

.box-big {padding:47px 37px;}

.box-inner, .box-inner-2 {padding:28px 18px;border-left:3px solid #000;border-top:3px solid #000;border-bottom:3px solid #000;}

.box-inner-last, .box-inner-last-2 {padding:28px 18px;border-right:3px solid #000;border-top:3px solid #000;border-bottom:3px solid #000;}

.fullwidth-brd {border-top:6px solid #000;border-bottom:6px solid #000;}

.home {background:url(../img/home_top_bg.jpg) top center no-repeat;background-size:100%;}

.meetmini {background:#f00;}

.meetexcitement {background:url(../img/meetexcitement_bg.jpg) center center no-repeat;background-size:120%;min-height:245px;}

.meetmusic {background:url(../img/meetmusic_bg.jpg) center center no-repeat; background-size:cover;min-height:245px;}

.meetart {background:#fff url(../img/meetart_bg.jpg) top center no-repeat; background-size:cover;min-height:250px;}

.meettbm {background:url(../img/meettbm_bg.jpg) bottom center no-repeat;background-size:cover;}

.meetyourmini {background:url(../img/meetyourmini_bg.jpg) center center no-repeat;background-size:cover;}

.meetodyssey {background:url(../img/meetodyssey_bg.jpg) top center no-repeat;background-size:cover;}

.meetstyle {background:url(../img/meetstyle_bg.jpg) center center no-repeat;background-size:cover;}

.bignav {background:#000;border-bottom:3px solid #f00; position:fixed;top:0;left:0;width:100%;z-index:400;}

.smallnav {background:#000;position:fixed;top:0;left:0;width:100%;z-index:400;}

#start {margin-top:69px;}

.top-nav, .spot-nav, .top-spot-nav, .footer-nav {list-style-type:none;text-align:center;}

.top-nav, .footer-nav {float:right;margin-bottom:0;}

.top-nav li, .footer-nav li {float:left;}

.top-spot-nav {width:76%;margin:auto;}

.spot-nav li, .top-spot-nav li {float:left;margin-left:10px;cursor:pointer;}

.top-spot-nav li.second img {margin-top:20px;}

.top-spot-nav li.third img {margin-top:40px;}

#form-iframe {width:99.99%;margin:0;padding:0;background:#000;height:49.375em;border:0;overflow-x:hidden;display:block;}

.videoWrapper {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}

.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.cta {cursor:pointer;}

.jcwexperience, .minimuseum {padding:0;}


/* COLORS */
.whiteshadow {color:#fff;text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);}

.red-bg {background:#f00;}

.red {color:#f00;}

.white {color:#fff;}

.white-bg {background:#fff;}

.green-bg {background:#39b54a;}

.green {color:#39b54a;}

.grey {color:#58595b;}

.lilac {color:#662d91;}

.yellow-bg {background:#f7941e;}

.white-brd {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:14px solid #fff;}

a.black:link, a.black:visited {color:#000;text-decoration:underline;}

a.black:hover, a.black:active {color:#58595b;}

/* ELEMENTS */
.clear {clear:both;position:relative;}

.rel {position:relative;}

.center {text-align:center;}

.mainh {margin-top:484px;line-height:2rem;margin-bottom:0.4rem;}

.meetexcitement .cta {margin-top:90px;}

.meetmusic .cta {margin-top:165px;}

.meetart .cta {margin-top:60px;}

.meettbm .cta {margin-top:315px;}

.meetstyle h2 {position:absolute;bottom:10px;right:20px;}

.meetstyle .cta {position:absolute;bottom:30px;left:20px;}

.meetodyssey .cta {margin-top:89%;}


/* MOBILE NAV */

.smallnav {display:block;}

.bignav {display:none;}

.smallfooternav {display:block;}

@media only screen and (min-width: 59.375em) {
    .smallnav, .smallfooternav {display:none;}
    
    .bignav {display:block;}
}

@media only screen and (min-width: 63em) {
    .spotmenu {background:url(../img/home_bottom_bg.jpg) top center no-repeat;background-size:99.4%;min-height:284px;}
}

@media only screen and (max-width: 40.000em) {
    
    h1 {font-size:310%;line-height:2.8rem;}

    h2 {font-size:170%;}

    p {font-size:110%;}

    #start {margin-top: 90px;}

    .top-spot-nav, .spot-nav {width:100%;margin:auto;}

    .box-inner-2 {border-bottom:none;}

    .box-inner-last-2 {border-left:3px solid #000;border-right:none;border-top:none;border-bottom:none;}

    .meettbm {background:url(../img/mbl/meettbm_bg.jpg) bottom center no-repeat;background-size:cover;}

    .footer-nav {float:none;padding-left:35px;}

}