html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; } body {line-height: 1; } ol, ul {list-style: none; } blockquote, q {quotes: none; } blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; } table {border-collapse: collapse; border-spacing: 0; }


* {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

/*------- Gotham ------------*/

@font-face {
  font-family: 'GothamLight';
  src: url('fonts/Gotham-Light.otf');
}
@font-face {
  font-family: 'GothamMedium';
  src: url('fonts/Gotham-Medium.otf');
}
@font-face {
  font-family: 'GothamBook';
  src: url('fonts/Gotham-Book.otf');
}
@font-face {
  font-family: 'GothamBold';
  src: url('fonts/Gotham-Bold.otf');
}


/*------- Global ------------*/

html,body {
    height:100%;
}

.clearfix {clear:both;}
a.button { font-family: "GothamMedium", Helvetica, Arial, Sans-serif; letter-spacing: 2px; color:rgba(255,255,255,1) !important; display: inline-block; line-height: 2rem; font-size: .75rem; background: rgba(244,0,9,1);   width: 10rem; text-align: center; text-transform: uppercase; margin: .25em .5em;}
a.button.full {width: 15rem;text-align: center;border-radius: 5px;line-height: 2.5rem;}
a.button.round {border-radius: 5px;}
a.button:hover { color:rgba(255,255,255,1) !important;}
a.signup:before {content:'';background: url(img/icon-envelope.png) center center no-repeat;background-size: contain !important;position: relative;left: -0.5em;top: .1em;display: inline-block;height: 1em;width: 2em;}
.mobileButtons, .mobileHero, .mobileExplore {display:none;}
.nomargin {margin:0 !important;padding:0 !important;}
.left {text-align: left;}
.center {text-align:center !important;}

/*------- Global Text------------*/
a:hover {color:rgba(244,0,9,1) !important;}
a:visited {color: rgba(244,0,9,1);}
p, h3 {font-family: "GothamMedium", Helvetica, Arial, Sans-serif;}
.contentHead p {
    font-size: 1em;
    text-align: center;
    width: 50%;
    max-width: 1280px;
    margin: 2em auto;
}
h1{}
h2{}
h3{}
h4{
    font-family: "GothamMedium", Helvetica, Arial, Sans-serif;
    font-size: 2em;
    font-weight: 100;
    text-align: center;
    margin: .5em auto;
    color: rgba(244,0,9,1);
    vertical-align: top;
    line-height: normal;
}

/*------- Global Links------------*/
.whiteButton {
  font-family: 'GothamMedium', Helvetica, Arial, Sans-serif;
  background: rgba(255,255,255,1);
  color: rgba(244,0,9,1) !important;
  font-size: 1rem;
  text-transform: uppercase;
  text-align: center;
  display: block;
  width: 10rem;
  margin: 2rem auto 0;
  padding: 1rem;
}

.moreinfo:after {
    content:'';
    display: block;
    position: absolute;
    bottom: 1px;
    right: -2.5em;
    background: url('img/arrow-red.png') center center no-repeat;
    background-size: contain;
    height: 1.5em;
    width: 1.5em;
}

/*------- Forms ------------*/
body .gform_wrapper .gform_footer {padding: 0 !important;}
body .gform_wrapper .left_label .gfield_label {width: 29%; }
#footer .gform_wrapper div.validation_error {font-size: .75em;}
input[type=submit] { color:rgba(255,255,255,1) !important; display: inline-block; line-height: 2rem; font-size: .75rem !important; color: rgba(255,255,255,1); background: rgba(244,0,9,1);   width: 7rem; text-align: center; border: 1px solid rgba(244,0,9,1); text-transform: uppercase; margin:0 .5em; -webkit-appearance: none;-webkit-transition: all .25s ease-in-out;transition: all .25s ease-in-out;}
input[type=submit]:hover {background:rgba(255,255,255,1); color:rgba(244,0,9,1) !important;}

/*------- Menu ------------*/

.mobileout {height: 100vh;width: 100vh;position: fixed;top: 0;display: none;}
.mobileout.active {display:block;right: 80%;background-color: rgba(0,0,0,0);z-index: 999;}

#menuContainer {z-index: 9999;width:100%;margin: 0 auto;height: 5rem;position: fixed;left:0;background-color: #fff;top:0;  border-bottom: 1px solid rgba(205,205,205,1);font-family: "GothamMedium", Helvetica, Arial, Sans-serif;}
#menuContainer .logo { width: 85%; height: auto;display: block;vertical-align: middle;max-width: 300px;}
#menuContainer a {font-size: 1em; line-height: 2rem;color:#4a4a4a;}
#menuContainer .button { line-height: 2rem;color: rgba(255,255,255,1);}
#menuContainer .button a { display: inline-block; line-height: 2rem; font-size: .6rem; color: rgba(255,255,255,1) !important; background: rgba(244,0,9,1); border:1px solid rgba(244,0,9,1);   width: 7rem; text-align: center; text-transform: uppercase;-webkit-transition: all .25s ease-in-out;transition: all .25s ease-in-out; border-radius: 5px;}
#menuContainer .button a:hover {background:rgba(255,255,255,1); color:rgba(244,0,9,1) !important; border:1px solid rgba(244,0,9,1);}
#menuContainer .button .sub-menu a {color: initial !important; border:none !important;}
#menuContainer .left {width: 12%; position: absolute;display: block;height: 5rem;max-width: 300px;padding: 1.25rem 1rem 1.25rem 1.25rem; z-index: 10001; }
#menuContainer .right {display: block;width: auto;padding: 1.5rem .75rem 1.5rem 0;font-size: .75rem;position: absolute;right: 0;top: 0;}
#menuContainer .right span {float: left;display: block;width: auto;padding: 0 .25rem;}
#menuContainer #menu div {display: inline-block;width: auto;margin: 0 2% 0 0;}
#menuContainer #menu .sub-menu {display: none;position: absolute;top: 5rem;left: 0;width: 100%;padding: 0px 20%;background: rgba(246,246,246,1);}
#menuContainer .tickets .sub-menu, #menuContainer .special .sub-menu {
    display: none;
    position: absolute;
    top: 5rem;
    left: .1rem !important;
    width: 20%;
    padding: 2rem;
    font-size: 1.25em;
    background: rgba(246,246,246,1);
}
#menuContainer .tickets .sub-menu a, #menuContainer .special .sub-menu a {
    color: rgba(111,111,111,1) !important;
    background: rgba(246,246,246,1);
    width: 100%;
    text-align: left;
    font-size: 1em;
}
#menuContainer .tickets .sub-menu a:hover, #menuContainer .special .sub-menu a:hover {color: rgba(241,0,9,1) !important;}
#menuContainer .tickets .sub-menu.active, #menuContainer .special .sub-menu.active {display: block;padding: 10% !important;}

#menuContainer #menu #exploremenu .subitem {width: 33%;vertical-align: top;}
#menuContainer #menu #bookeventmenu .subitem {width: 50%;}
#menuContainer #menu .subitem {width: 33%;display: table-cell;text-align: left;padding: 2rem .5rem;}

#menuContainer #menu .international ul {margin: 0;padding: 0;}
#menuContainer #menu .international .sub-menu {left: auto;margin: 0;padding: 1rem;right: 0;max-width: 25rem;}
#menuContainer #menu .international .sub-menu a {display: block;line-height: 2.5;}
#menuContainer .flag > a {display: block;line-height: 0;font-size: 0;color: transparent;}
#menuContainer .flag > a:before {background: url('img/USA.png') center center no-repeat; background-size: 1.5rem auto !important;content:'';display: block;height: 2rem;width: 2.5rem;}
#menuContainer .flag > a.de:before {background: url('img/Germany.png') center center no-repeat;}
#menuContainer .flag > a.es:before {background: url('img/Spain.png') center center no-repeat;}
#menuContainer .flag > a.zh-cn:before {background: url('img/China.png') center center no-repeat;}
/* Fix for page load text issue */
#internationalmenu .sub-menu a, #menuContainer .international div #internationalmenu > li > ul > li {display: none !important;}
#internationalmenu .sub-menu.active a, #menuContainer.active .international div #internationalmenu > li > ul > li,#menuContainer .international div #internationalmenu > li > ul.active > li {display: block !important;}

#container #menuContainer .calendar {display: inline-block; }
#container #menuContainer .calendar .open_close {color:#9e9e9e;width: 100%;text-align: right;padding-top: .25em;}
#container #menuContainer .calendar .open_close_range {color:#9e9e9e;width: 100%;text-align: right;font-weight: 600;line-height: 1em;font-size: 1.25em;}
#container #menuContainer .calendar .circle .data .closed_text {display: none; text-transform: uppercase; font-family: Arial; font-weight: 700; line-height: 40px!important; }
#container #menuContainer .dates {background: rgba(255,255,255,1);color: rgba(111,111,111,1);}
#container #menuContainer .current_page_parent a:not('.sub-menu a') {color: rgba(241,0,9,1) !important;}





#container #mobilemenu{display: none}
#container #menuContainer .inner_promo {width: 100%;margin:0 auto;display: block;}
#container #menuContainer li.noborder {border-right: none;}
#container #menuContainer .links {display: inline-block;float: left;margin:8px 0 0 0;height: 20px}
#container #menuContainer .social {text-decoration: none!important; border: none}
#container #menuContainer .social li {border: none; padding: 10px 2px 0 0; margin: 0; }
#container #menuContainer.headroom {transition: transform 200ms linear;}
#container #menuContainer.headroom--pinned {transform: translateY(0%);}
#container #menuContainer.headroom--unpinned { transform: translateY(-100%);}


#container #menu {width: 100%;height: auto;padding: 1.5rem 1rem 1.5rem 12.5%;display: block;text-align: center;}
#container #menu .current-menu-item > a, #container #menu .current_page_ancestor > a {color: rgba(241,0,9,1);text-decoration: none}

#container #menu .sub-menu .heading a, #container #menu .sub-menu .header, #container #menu .sub-menu .header a {font-weight: bold;font-size: 14px;color:rgba(0,0,0,1);}
#exploremenu .heading {display:none;}
#container #menu .sub-menu li a {font-size: 12px;font-weight: 200;line-height: 2;color: rgba(111,111,111,1);}
#container #menu .sub-menu .tour {padding-top: 24px}
#container #menu .sub-menu .dates a {font-size: 1em;padding-top: 10px;display: block;}
#container #menu #planvisitmenu .sub-menu .subitem .dayName {display: inline-block;width: 60px;font-size: 1.25em;}
#container #menu #planvisitmenu .sub-menu .subitem .month {display: inline-block;width: 30px;font-size: 1.25em;}
#container #menu #planvisitmenu .sub-menu .subitem .time {display: inline-block;text-align: right;float: right;font-size: 1.25em;}
#container #menu #planvisitmenu .sub-menu .subitem.dates li:nth-of-type(1n+8){display: none}
#container #menu #exploremenu .sub-menu .subitem .moments a:hover {color:#222;}



/*------- Flexslider ------------*/
.slider {position: relative;}
.slideContainer {position:relative;display:table;background-size: cover !important;background-repeat: no-repeat !important;background-position: top center !important;width: 100%;min-height: 40vh;height: 40vh;}
.flexslider.sub .slideContainer {min-height: 60vh;}
.contentContainer .flexslider {margin-bottom: 0rem;}
.contentContainer .flexslider.sub .slideContainer {height: 33vh;background: rgba(0,0,0,1);}
.slideContainer div {display: table-cell;vertical-align: middle;}
.slideContainer h3 {font-family: 'GothamMedium', Helvetica, Arial, Sans-serif; width: 80%; text-align: center;color: rgba(255,255,255,1);font-size: 4rem;margin: 0 auto; font-size: 4rem; text-transform: none; letter-spacing: 2px; }
.slideContainer a {font-family: 'GothamMedium', Helvetica, Arial, Sans-serif;background: rgba(255,255,255,1);color: rgba(244,0,9,1); font-size: 1rem; line-height: normal;text-transform: uppercase; text-align: center; display: table; min-width: 10rem;width: auto; max-width: 20rem;margin: 2rem auto 0; padding: 1.5em 1.25em 1.25em 1.25em;letter-spacing: 2px;font-size: .75em; border-radius: 5px; }
.slideContainer video {width:100%;height: 100%;display: table-cell;vertical-align: middle;}
.flex-direction-nav a { background: rgba(0,0,0,0.18); border-radius: 50%; }
.flex-direction-nav a.flex-prev:before, .flex-direction-nav a.flex-next:before {background-position: center center; height: 100%; width: 100%; background-size: 33.33% auto !important; }

/*------- Homepage Flexslider -----------*/

#contentHome .slideContainer div {vertical-align: bottom; padding-bottom: 4.875rem; background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 67%, rgba(0,0,0,0.75) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(67%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.75)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 67%, rgba(0,0,0,0.75) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 67%, rgba(0,0,0,0.75) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 67%, rgba(0,0,0,0.75) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 67%, rgba(0,0,0,0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );}
#contentHome .slideContainer h3 {width: 62.25%; text-align: left; color: rgba(255,255,255,1); margin: 0 auto;text-transform: none; letter-spacing: 2px; display: inline-block; vertical-align: middle; padding-left: 10%; font-size: 2.25rem; }
#contentHome .slideContainer p { display: inline-block; vertical-align: middle; width: 37%; padding-bottom: 0; padding-right: 10%; }
#contentHome .slideContainer a {margin: 0; vertical-align: middle; padding: 1.25em 1em 1em 1em; float: right; }

#contentHome .slideContainer h3 { font-size: 2.25rem; }
/*------- Social Sharing ------------*/
.socialShare {display: none;}

/*------- Home Page ------------*/
.promoBuckets {
    background: rgba(246,246,246,1) url(img/background.png) top center repeat-y;background-size: 100%;
    padding: 1rem 0;
}
.promoContainer {
    width: 100%;
    padding: 0 5%;
    vertical-align: top;
    max-width: 1280px;
    margin: 0 auto;
}
.promoContainer .col {
    display: block;
    position: relative;
    width: 23%;
    margin: 2rem 1% 0;
    float: left;
    background: rgba(255,255,255,1);
    min-height: 350px;
}
.promoContainer .contentHead p {width: 30%;}
.promoContainer .bucketTitle {font-size: 1em;text-align: left;width: 90%;padding-top: 1em;}
.promoContainer p {width: 90%; margin:0 auto;}
.promoContainer img {width:100%;display: block;}
.promoContainer .moreinfo {
    position: absolute;
    bottom: 1rem;
    color: rgba(244,0,9,1) !important;
    line-height: 1.5em;
    font-size: 1.25em;
}
#connect {background:rgba(246,246,246,1) url(img/background.png) center center repeat-y;background-size: 100%;;padding: 2.5% 0;position: relative;}


#social-stream-container{position: relative !important;width: 100%;height: auto;max-width: 1280px;margin: 0 auto;display: block;clear: both;padding: 0 5rem;max-height: 1000px;overflow: hidden;}
#social-stream-container .twitter{position: absolute;top: -444px !important;right: 5rem;width: 28%;margin: 0%;padding: 0%;background: rgba(255,255,255,1);}
#social-stream-container .twitter .inner{padding: 1%;display: block;height: 25em;overflow: hidden;}
#social-stream-container .twitter iframe { width: 100% !important; float: none !important; vertical-align: top; min-width: auto !important; max-width: 100% !important; height: 391px; display: block !important; position: relative !important;}
#social-stream-container .twitter iframe .timeline {border:none;}
#social-stream-container .twitter .section-intro a {color:rgba(255,255,255,1);}




/*------- Explore Inside ------------*/
.tourInside .exhibit {
    display: table;
    position: relative;
    width: 33.33%;
    float: left;
    background-size: cover !important;
    background-position: top center !important;
    text-align: center;
    min-height: 400px;
    height: 400px;
}
.tourInside .exhibit.full {width: 99.8%;}
.tourInside .exhibit.half {width: 50%;}

.tourInside .exhibit h3 {
    display: block;
    position: relative;
    color: rgba(255,255,255,1);
    font-size: 1.5em;
    font-weight: 100;
    line-height: 1.25em;
    width: 80%;
    margin: 0 auto;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.tourInside .exhibit h3:after {content:'';opacity:0;position: absolute;left: 0;bottom: -.5rem;border-bottom: 1px solid rgba(255,255,255,1);width: 10%;margin: 0rem 45%;-webkit-transition: all .25s ease-in-out;transition: all .25s ease-in-out;}
.tourInside .exhibit p {
    height: 0;
    width: 50%;
    margin: 0 auto;
    padding: 0 !important;
    opacity:0;
    color: rgba(255,255,255,1);
    padding: 1rem 0;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    font-size: 1em;
}
.tourInside .exhibit a {
    display: table-cell;
    padding: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    vertical-align: middle;
}
.tourInside .exhibit.full a {width: 99.8%;padding: 0 25%;}



/*------- Interior Page ------------*/
.contentHeader {width:100%;min-height: 25em;background-size: cover !important;display: table;position: relative;}
.contentHeader h3 {font-family: 'GothamMedium', Helvetica, Arial, Sans-serif;padding: 5%;text-align: center;color: rgba(255,255,255,1) !important;font-size: 1.5rem;vertical-align: middle;display: table-cell;}

.contentContainer h3 {letter-spacing: 0px;padding: .5em 0;font-size: .75em;font-family: "GothamMedium", Helvetica, Arial, Sans-serif;}
.contentContainer {width:100%;max-width: 800px;margin: 0 auto;padding: 5%;font-size: 1.25em;background: rgba(255,255,255,1);min-height: 65vh;}
.contentContainer span.drop {float: left; color: rgba(244,0,9,1); font-size: 6em; line-height: 4rem; padding-top: .75rem; padding-right: .5rem;  }
.contentContainer h1 {font-family: 'GothamMedium', Helvetica, Arial, Sans-serif;padding: 0 0 5%; margin: .25em 0;text-align: left;color: rgba(74,74,74,1);font-size: 2rem;display: block;}
.contentContainer h4 {font-family: 'GothamMedium', Helvetica, Arial, Sans-serif;padding: 0; margin: 0;text-align: left;color: rgba(74,74,74,1);font-size: 2.5rem;display: block;}
.contentContainer ul {padding-left: 1em;}
.contentContainer ul.linkList {padding-left: 0em;clear: both;}
.contentContainer li {font-family: "GothamBook", Helvetica, Arial, Sans-serif;padding-left: 0em;list-style-type: disc;line-height: 1.75em;}
.contentContainer .top {padding-top: 2rem;}
.contentContainer .right {padding-top: 2rem;}
.contentContainer .other {padding-top: 2em;}
.contentContainer .img {float: right;margin-left: 5%;max-width: 40%;}
.contentContainer .img img {width:100%; height: auto;}
.contentContainer p, .promoContainer p, .contentHead p {font-family: "GothamBook", Helvetica, Arial, Sans-serif;}

.contentContainer .linkList * {vertical-align: top;}
.contentContainer .linkList a {color:rgba(244,0,9,1) !important;font-size: 1em;letter-spacing: 1px;}
.plan-your-visit .linkList .copy a {font-size: 1em;letter-spacing: 1px;}
.plan-your-visit .linkList .copy h3 {overflow: hidden;text-overflow: ellipsis;text-transform: capitalize;white-space: nowrap;}
.contentContainer .linkList img {width: 100%;padding: 0 5%;}
.contentContainer .linkList.large img {padding: 0;}
.contentContainer .linkList .block {width: 49%;display: inline-block;padding: .5rem 0;margin-right: 1%;position: relative;}
.contentContainer .linkList .block h3 a:after {content:'';display: block;position: absolute;top: 1em;right: 0em;background: url('img/arrow-red.png') center center no-repeat;background-size: contain;height: 1.5em;width: 1.5em;}
.plan-your-visit .linkList .block h3 a:after {content:'';display: block;position: absolute;top: 50%;right: 1em;background: url('img/arrow-red-full.png') center center no-repeat;background-size: contain !important;height: 1.5rem;transform: translateY(-50%);width: 1.5rem;}
.plan-your-visit .linkList .block.full h3 a:after {content:'';display: block;position: absolute;top: 66%;right: auto;background: url('img/arrow-red-full.png') center center no-repeat;background-size: contain !important;height: 1.5em;transform: translateY(-50%);width: 1.5em;}

.contentContainer .linkList .image {width: 33%;display: inline-block;}
.contentContainer .linkList .copy {width: 65%;display: inline-block;padding: 0 5% 0 5%;font-size: 1.1em;}

.contentContainer .youtube iframe {width: 100%;height: 40vh;margin: 2rem auto;}


/*------- Page Specific ------------*/
.directions {width: 54%;display: inline-block;}
.directions img {width: 100%;height: auto;}
.directions h3 {font-size: 0.75em;}
.gmap {display: inline-block;float: right;width: 45%;vertical-align: top;}
.gmap img {width: 90%;vertical-align: top;}

.teacher-toolkit .teach {width: 100% !important;}
.teacher-toolkit .left {font-size: 1em;}
.teacher-toolkit .inner p {width: auto !important;margin-left: 7.25em;padding: .5em 0;}

.spaceinfo {font-family:"GothamBook", Helvetica, Arial, Sans-serif;font-size: .75em;}
.spaceinfo th {text-align: left;padding: 1em 0;font-weight: bold;}
.spaceinfo td {width: 56%;padding-bottom: 1em;padding-left: 5%;}
.spaceinfo .first {width: 43%;font-family: "GothamMedium", Helvetica, Arial, Sans-serif;}

.spacebtns {margin-bottom:2em;}

.media-alert dt, .media-alert dd {float:left;display: block;font-family: "GothamBook", Helvetica, Arial, Sans-serif;}


.wifilanding .right a{width: auto !important;display: block;}
.wifilanding .right a:nth-child(n+2) {width: auto !important;float: none !important;display: inline-block;}
.wifilanding .right p{width: 100% !important;float: left !important;display: inline-block;text-align: center;}
.wifilanding .left {width: 100% !important;float: none !important;}
.wifilanding .right {width: 100% !important;float: none !important;padding: 2em 0 !important;}
.wifilanding .alignleft {float: none !important;margin: 1em auto;display: block;}

#map {width:100%;}
#map img {width:100%;}


.event-videos-photos ul, .service-providers ul{padding:0;}
.event-videos-photos li, .service-providers li {list-style: none;position: relative;}
.event-videos-photos .video{list-style: none;font-family: "GothamBook", Helvetica, Arial, Sans-serif;font-size: .75em;width: 30.5%;margin-right: 2%;padding: 2em 0;display: inline-block;vertical-align: top;}
.event-videos-photos .video iframe {width:100% !important;}
.event-videos-photos .block .images .slides{width: 100%;padding: 2em 0;}
.event-videos-photos .block h3 {color:rgba(244,0,9,1); letter-spacing: 2px;}
.event-videos-photos .block .images .slides li {display: inline-block;width: 24%;}
.event-videos-photos .block .images img{width: 100%;height: auto;}
.event-videos-photos .block h3 a:after {content:'';display: block;position: absolute;top: 0;right: 2%;background: url('img/arrow-red.png') center center no-repeat;background-size: contain;height: 1.5em;width: 1.5em;}


.teachertoolkit.contentContainer h4:nth-child(n+2) {font-size: 1em;margin: .5em 0;}
.teachertoolkit.contentContainer ol li {font-size: .75em !important;}
.teachertoolkit .wordsearch p {font-size: 1em; font-weight: bold; line-height: 100%; text-align: center; letter-spacing: 0px; font-family: monotype,courier,serif;}


/* colors and common elements */
.red {color:#f40000;}
.grey {color:#484848 !important;}
.noborder {border:0!important}
h1 {font-weight:lighter;margin: 0 0 15px 0;line-height:30px;color:#575757;font-size: 26px}
h2 {color: #5e5e5e; font-size: 16px; padding: 0 0 8px;font-weight: bold;}
h3 {color: #636466; font-size: 1em; text-transform: uppercase;font-weight: bold;line-height: normal;letter-spacing: 4px;}
b {font-weight: bold}
p {padding: 0 0 15px;line-height: 20px;word-wrap:normal;word-break:keep-all;}
body {font-family:Arial, Helvetica, sans-serif;position: relative;-webkit-transition: all .5s ease-in-out;         transition: all .5s ease-in-out;right: 0%;padding-top: 5rem;}
.mobile, .gsc-branding-youtube {display: none}
a {color: rgba(244,0,9,1);text-decoration: none}
a img {border: none;}
a:hover {color:#f60000}
.alignright {float:right;}
.alignleft {float:left;}
strong {font-weight: bold;color:#575757;}
.nobr {white-space: nowrap;}

/* styles from edit CSS in wordpress */
.hidden{display:none}
.the-posts{height:985px !important}
i,cite,em,var,address,dfn{font-style:italic !important}
.moments-happiness-terms-conditions li{background-image:url(../img/footer.nav.bullet.png);background-repeat:no-repeat;background-position:5px 7px;position:relative;padding:0 0 0 13px}
#home #controls,#home .html5boxVideoControls,#home .html5boxVideoControlsBg,#home .html5boxPlayPause,#home .html5boxTimeCurrent,#home .html5boxFullscreen,#home .html5boxVolume,#home .html5boxTimeTotal,#home .html5boxSeeker{display:none !important}
.alert{color:red}
.pc.browserChrome #menu #menu-main-nav li a{padding:10px 12px;font-size:12px}
.jPanelMenu .fancybox-overlay,.jPanelMenu .fancybox-wrap,.fancybox-mobile,.browserSafari .fancybox-mobile,.jPanelMenu .fancybox-mobile{display:none !important}
.mobile + .fancybox-mobile{display:none !important}
.fancybox-mobile{display:none !important}
#home .html5gallery-toolbox-buttons-0,#home .html5gallery-toolbox-0,#home .html5gallery-left-0,#home .html5gallery-right-0{display:none !important}
#home .html5gallery-toolbox-0{display:none !important}
.browserIE8 .html5gallery-thumbs-0{left:-288px !important}
.browserIE8 .html5gallery-box-0{top:0}
.browserIE8 #contentHome .bottom{width:850px}
.genadmin-pricetable{width:90%;max-width:467px;height:auto}
.citypass-pricetable{width:90%;max-width:523px;height:auto}
.annual-pricetable{width:90%;max-width:345px;height:auto}
.school-pricetable{width:90%;max-width:467px;height:auto}
.abc-pricetable{width:90%;max-width:360px;height:auto}
.footnote {font-size: 10px; line-height: 12px; padding-bottom: 8px;}
/* General Design */
body#home { overflow-x: hidden;width:100%; max-width: 100%;}
body#interior {width:100%;    overflow-x: hidden;max-width: 100%;}
p, ul {font-size: .75em;color:#575757;line-height: 1.75em;}
.container {margin: 0 auto;width: 100%;overflow-x: hidden;}
.mobileImage {background: url(../img/mobilehero-summer.png)no-repeat;background-size: contain;display:block;border: 2px solid #FFF; border-radius: 10px; box-shadow: 5px 5px 8px grey;height: 208px;margin-bottom: 20px}
.container.interior {width: 100%; background: url(img/background.png) top center repeat-y;background-size: 100%;overflow:hidden;}
#container li { color: rgba(111,111,111,1); font-size: 1em; }
.container #header {height:280px;z-index: 999;position:relative;display: none;}
.container.home #header {height:108px;z-index: 999;background-image:none;width:1000px;margin: 0 auto}
#stage {height: 200px;width: 1000px}

#sthoverbuttons .sthoverbuttons-top-l, #sthoverbuttons .sthoverbuttons-shade-l, #sthoverbuttons .sthoverbuttons-bottom-l {background-image: none!important}
#sthoverbuttons #sthoverbuttons-background {background-color: #fff;top:0;-webkit-box-shadow: 0px 2px 9px 0px rgba(155, 155, 155, 0.93); -moz-box-shadow:0px 2px 9px 0px rgba(155, 155, 155, 0.93); box-shadow:0px 2px 9px 0px rgba(155, 155, 155, 0.93);border-radius:0 10px 10px 0}
#sthoverbuttons .sthoverbuttons-label {color:#848484!important;}
.mobile #sthoverbuttons #sthoverbuttons-background {background: none;-webkit-box-shadow:none;box-shadow: none}

#container h1 {}
#content {display: inline-block;line-height: 19px;width: 100% !important;max-width: 800px;}
.content {line-height: 19px;padding-top: 2rem;}
.contentHead {
    padding: 1rem 0 0rem;
}
#header #Stage {height: 200px;width:auto;}
#controls {z-index: 9999;width:160px;float: right;position: relative;bottom:80px;right: 103px}
#controls li {display: inline;}


/* Landing template */
#content .left {padding:0 30px 0 20px;min-height:400px;width:340px;display: inline-block;float: left;margin-top: 20px;}
#content.about-us .left {width: 280px}
#content .right {width:596px;display: inline-block;float: left;}
#content .right.full {padding:0 150px;width:700px;}
#content .left .wide {line-height: 18px}
#content .left .wide li {background-image: url(../img/content.side.bullet.gif);background-repeat: no-repeat;background-position: 0 4px;padding: 0 0 4px 13px}
#content .left li {background-image: url(../img/content.side.bullet.gif);background-repeat: no-repeat;background-position: 0 4px;padding: 0 0 15px 13px}

#content.about-us .left a {color: #E61D2B; font-weight: bold; text-decoration: none; text-transform: uppercase;}
#content p {line-height: 20px;padding: 0 0 15px;}
#content.plan_visit .content,
    #content.vacations .content,
    #content.interact-with-us .content,
    #content.groups-general-information,
    #content.school-field-trips,
    #article-content.event-spaces,
    #article-content.event-space-plan-event,
    #article-content.event-space-general-information,
    #article-content.world-coca-cola,
    #article-content.general-information,
    #article-content.things-to-do-in-atlanta,
    #content.groups-visit,
    #content.plan-visit,
    #content.group-services,
    #content.group-faq,
    #article-content.planning-tools,
    #article-content.coca-cola-facts,
    #article-content.other-exhibits {padding: 0 100px 0 145px}
#content .youtube a.external {background: url(../img/nav-arrow.png) no-repeat right 0 transparent; color: #E61D2B; display: block; font-size: .7em; font-weight: 700; margin-top: 10px; text-decoration: none; text-transform: uppercase; padding: 0 18px 10px 0;text-align: right;}

.tourInside .other h2 {background-repeat: no-repeat; text-indent: -9999px; height: 54px; width: 100%; background-image: url(/wp-content/uploads/sites/3/2014/10/title-other-exhibits.png); }
.landing.groups .other:first-of-type h2 {background-repeat: no-repeat; text-indent: -9999px; height: 54px; width: 100%; background-image: url(/wp-content/uploads/sites/3/2014/10/title-school-trips-single.png); }
.landing.groups .other:last-of-type h2 {background-repeat: no-repeat; text-indent: -9999px; height: 54px; width: 100%; background-image: url(/wp-content/uploads/sites/3/2014/10/title-groups-info-single.png); }
.landing.about-us .other:first-of-type h2 {background-repeat: no-repeat; text-indent: -9999px; height: 54px; width: 100%; background-image: url(/wp-content/uploads/sites/3/2014/10/title-coke-facts-single.png); }
.landing.about-us .other:last-of-type h2 {background-repeat: no-repeat; text-indent: -9999px; height: 54px; width: 100%; background-image: url(/wp-content/uploads/sites/3/2014/10/titlegen-info-single.png); }

 /*Article template */
#article-content {}
#article-content.atlanta-attractions {padding: 0 0 0 140px}
#article-content .content {display: inline-block;width: 100%;padding-bottom: 5%;}
#article-content .content .right {width: 575px}
#article-content h2 {color: #5e5e5e;font-size: 16px;padding: 0 0 8px;font-weight: bold;}
#article-content h3 {color: #636466;font-size: 13px;text-transform: uppercase;font-weight: bold}
/*#article-content ul {padding: 0 0 15px}*/
#article-content .img, .article .content .img  {display: inline-block;float: right;margin-left: 20px}
#article-content .image #slider{width:605px;margin: 0 auto}
#article-content .image #carousel{width:550px;margin: 20px auto}
#article-content .image #carousel li {margin: 0 5px;padding: 0}
#article-content .image #carousel .flex-viewport ul {padding: 0}
#article-content .image #carousel .flex-viewport img {border-radius: 10px}
#article-content .image #carousel .flex-direction-nav {position: relative;bottom: 27px}
#article-content .imgright {float: right; margin-bottom: 15px; margin-left: 15px; overflow: hidden; position: relative; z-index: 999;}

#article-content.contact-us .content a{color: #E61D2B; font-weight: bold; text-decoration: none; text-transform: uppercase;}
#article-content.contact-us .content a img {padding-left: 5px}
#article-content.privacy-policy h3 {padding-left: 30px;padding-bottom: 8px;}
#article-content.privacy-policy h4 {padding-left: 60px;padding-bottom: 8px;}
#article-content.privacy-policy .subh4 {padding-left: 60px}
#article-content.privacy-policy .subh3 {padding-left: 30px}
#article-content #groupreg2, #article-content #groupreg1 {font-weight:700;text-transform: uppercase;text-decoration: none}

#tour-content .content {display: inline-block;height: auto;background: rgba(255,255,255,1);width: 100%;}

.rates-capacities .content {margin: 0 auto;width:710px;display: block!important;}
.rates-capacities .spacebtns_page {width: 432px;margin:0 auto }
.rates-capacities ul {width: 720px;margin: 0 auto}
.rates-capacities ul.flex-direction-nav {width:auto;}

.event-gift-packages .titles { border-bottom: 2px dotted #afafaf; padding-bottom: 5px; clear: both; }
.event-gift-packages .left { float: left; width: 50%; height: auto; margin-top: 15px; overflow: hidden; }
/*.event-gift-packages .button { background-image: url(../img/order-gift-button.png); width: 167px; height: 30px; margin-bottom: 28px; }
*/.event-gift-packages .itemheading { color: #E61D2B !important; float: left; width: 220px; text-transform: uppercase; font-size: 0.65em !important; font-weight: bold; display: block; text-decoration: none !important; }
.event-gift-packages .left img { float: left; padding-right: 10px; margin-bottom: 55px; overflow: hidden; }
.event-gift-packages .smalltext { font-size: 10px !important; }
.event-gift-packages .copy { overflow: hidden; width: 220px; line-height: 1.5 !important;padding:0; }
.event-gift-packages a.imglink { text-decoration: none !important }
.event-gift-packages p {padding: 0}
/* ColorBox Core Style:
    The following CSS is consistent between example themes and should not be
    altered. */
#colorbox, .event-gift-packages #cboxOverlay, .event-gift-packages #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, .event-gift-packages #cboxBottomLeft { clear: left }
#cboxContent { position: relative }
#cboxLoadedContent { overflow: auto }
#cboxTitle { margin: 0 }
#cboxLoadingOverlay, .event-gift-packages #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; }
#cboxPrevious, .event-gift-packages #cboxNext, .event-gift-packages #cboxClose, .event-gift-packages #cboxSlideshow { cursor: pointer }
.cboxPhoto { float: left; margin: auto; border: 0; display: block; }
.cboxIframe { width: 100%; height: 100%; display: block; border: 0; } /* User
    Style: Change the following styles to modify the appearance of ColorBox.
    They are ordered & tabbed in a way that represents the nesting of the
    generated HTML. */
#cboxOverlay { background: #fff }
#colorbox { }
#cboxContent { margin-top: 32px; overflow: visible; }
#cboxError { padding: 50px; border: 1px solid #ccc; }
#cboxLoadedContent { background: #000; padding: 1px; }
#cboxLoadingGraphic { background-image: url(../img/loading.gif);background-repeat: no-repeat;background-position: center center }
#cboxLoadingOverlay { background: #000 }
#cboxTitle { position: absolute; top: -22px; left: 0; color: #000; }
#cboxCurrent { position: absolute; top: -22px; right: 205px; text-indent: -9999px; }
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose { text-indent: -9999px; width: 20px; height: 20px; position: absolute; top: -20px; background-image: url(../img/controls.png);background-repeat: no-repeat;background-position: 0 0; }
#cboxPrevious { background-position: 0px 0px; right: 44px; }
#cboxPrevious.hover { background-position: 0px -25px }
#cboxNext { background-position: -25px 0px; right: 22px; }
#cboxNext.hover { background-position: -25px -25px }
#cboxClose { background-position: -50px 0px; right: 0; }
#cboxClose.hover { background-position: -50px -25px }
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off, #cboxPrevious { right: 66px }
.cboxSlideshow_on #cboxSlideshow { background-position: -75px -25px; right: 44px; }
.cboxSlideshow_on #cboxSlideshow.hover { background-position: -100px -25px }
.cboxSlideshow_off #cboxSlideshow { background-position: -100px 0px; right: 44px; }
.cboxSlideshow_off #cboxSlideshow.hover { background-position: -75px -25px }

.vault-of-the-secret-formula .img img{display: block;padding-bottom: 60px}

.interact-with-us .sm-header {width: 339px; height: 21px; color: #fff; text-align: right; font: bold 12px/1.2 arial, helvetica, sans-serif; padding: 6px 8px 0 0; }
.interact-with-us .sm-header a {color: #fff}
.interact-with-us .facebook .sm-header {background-image: url(../img/header-facebook.jpg);background-repeat: no-repeat;}
.interact-with-us .youtube .sm-header {background-image: url(../img/header-youtube.jpg);background-repeat: no-repeat;}
.interact-with-us .instagram .sm-header {background-image: url(../img/header-instagram.jpg);background-repeat: no-repeat;}
.interact-with-us .twitter .sm-header {background-image: url(../img/header-twitter.jpg);background-repeat: no-repeat;}
.interact-with-us .col1 {width: 345px;height: 870px;display:inline-block;float: left;margin-right: 60px}
.interact-with-us .col2 {width: 345px;height: 870px;display: inline-block;}
.interact-with-us .col1 .youtube {height: 410px; overflow: hidden; width: 345px!important; position: relative; background-image: url(../img/youtube-background.jpg);background-repeat: no-repeat;background-position: center 27px;}
.interact-with-us .col1 .youtube #videoBar-bar {margin-top: 260px}

.school-field-trips .backbtn {font-weight: 700; text-decoration: none!important; text-transform: uppercase;}

.media-alert .content {width: 628px;}
.media-alert img {clear:left; margin-bottom:10px; margin-left:-5px; }
.media-alert a img {border:0;}
.media-alert {float:left; width:300px; font-size: 1em; line-height:170%;  color:#545454;  }
.media-alert .bottom {clear:both; width:100%; text-align:center; margin-left:0px; }
.media-alert {float:none;width:auto;}
.media-alert dt {color:#545454; font-size:0.813em; line-height:170%; }
.media-alert dd, li {color:#545454; font-size:1em; line-height:170%; }
.media-alert dt {font-weight:bold;clear:left;width:70px;}
.media-alert dd {margin-left:0px;width:550px;margin-bottom:15px;}
.media-alert body {text-align:center;}
.media-alert #frame{height:auto}

#content.groups-reservation-form .content, #content.school-reservation-form .content {width:100%;padding:0 150px;}
#content.school-reservation-form .content textarea{width:45%;}
.eventspace .hlist li {display: inline;list-style: none outside none;margin-left: 0;margin-right: 5px;padding-left: 0;}
.environmental-commitment li,
  .privacy-policy li,
  .atlanta-vacation-planning li,
  .eventspace .content li,
  .purchasetickets li,
  .coca-cola-freestyle li,
  .holiday-festivities li,
  .capture-the-spirit-london-2012-olympic-games li,
  .site-map li,
  .terms-of-use li,
  .moments-happiness-terms-conditions li,
  .article li,
  .article-content li {list-style-type:none;background-image: url(../img/footer.nav.bullet.png);background-repeat: no-repeat;background-position: 5px 7px; position: relative; padding: 0 0 0 1.25em;}
.atlanta-hotels .tricol-list td,
  .nearby-atlanta-restaurants .tricol-list td {width: 33%; border-right: 1px solid #ccc; padding: 0 3%;font-size: .75em;}
  .downtown-atlanta-restaurants .tricol-list td {width: 33%; border-right: 1px solid #ccc; padding: 0 3%;font-size: .75em;}
  .nearby-atlanta-restaurants .tricol-list td.first { padding: 0 3% 0 0;}
  .downtown-atlanta-restaurants .tricol-list td.first { padding: 0 3% 0 0;}
.atlanta-hotels .tricol-list .last,
  .nearby-atlanta-restaurants .tricol-list .last {border-right: none!important;}
  .downtown-atlanta-restaurants .tricol-list .last {border-right: none!important;}
.eventspace .spacebtns {margin:0 auto;width: 201px}
.eventspace .spaceinfo td{color: #575757; min-width: 150px; vertical-align: top; font-size: 75%; padding-bottom: 10px; text-align: left; padding-right: 15px;}
.eventspace .spaceinfo .first {font-weight: 700}
.eventspace .spaceinfo th {color: #575757; min-width: 150px; vertical-align: top; font-size: 75%; padding-bottom: 10px; text-align: left; padding-right: 15px;font-weight: 700}
.faqs h2{color: #EE1D2B; font-size: 1em; letter-spacing: 1px; padding: 0 0 8px; text-transform: uppercase;font-weight: bold}
#Mobilefavorites, #Mobilemenu, #Mobilebutton, .handler {display: none}
.teacher-toolkit #blocks h3 {color: #636466; font-size: 18px; text-transform: uppercase; font-weight: 300; border-bottom: 1px dashed; margin-left: 6em;}

/*
Styles for Polar Bear Invite Pages
*/
/* page one - intro */
.send-coca-cola-polar-bear-letter .polarBearOne {background-image: url('../img/polarbear-one-bg.png');background-repeat: no-repeat;width: 980px;height: 534px;position: relative;left: -135px;bottom: 75px;}
.send-coca-cola-polar-bear-letter .polarBearOne .btn {position: relative; left: 600px; top: 320px; z-index: 9;}
.send-coca-cola-polar-bear-letter .polarBearOne .samples {position: relative; left: 406px; top: 342px; z-index: 9;color:#6b6d6e;font-size: 12px}
/* page two - form */
.coca-cola-polar-bear-form .content li {background-image: none}
.coca-cola-polar-bear-form .gsection {display: none}
.coca-cola-polar-bear-form .blockTop {display:inline-block;background-image: url('../img/polar-letter-bg.png');background-repeat: no-repeat;background-position:20px 0;width: 980px;height: 700px;position: relative;bottom: 62px;right:157px;padding: 0!important}
.coca-cola-polar-bear-form .blockTop .gfield_required {display: none}
.coca-cola-polar-bear-form .blockTop .copyOne {position: relative; top: 280px; left: 327px; text-align: center; display: inline-block; font-size: 14px; letter-spacing: 0.6px; }
.coca-cola-polar-bear-form .blockTop .age-verification {position: relative; top: 308px; left: 355px; display: inline-block;height: 50px}
.coca-cola-polar-bear-form .blockTop .age-verification .gfield_description {position: relative; bottom: 40px; left: 30px; letter-spacing: 1px; width: 100%; font-size: 11px; }
.coca-cola-polar-bear-form .blockTop .age-verification .clear-multi {position: relative; bottom: 47px; left: 133px;}
.coca-cola-polar-bear-form .blockTop .age-verification .clear-multi select {font-size: 10px;padding:0;}
.coca-cola-polar-bear-form .blockTop .polarName {position: relative; top: 268px; width: 384px!important; left: 305px;}
.coca-cola-polar-bear-form .blockTop .polarName label {position: relative;top: 47px;font-weight: normal}
.coca-cola-polar-bear-form .blockTop .polarName input {border:0;border-bottom: 1px solid #000;text-align: center; font-size: 16px; padding: 2px; font-weight: 600;color:#6b6d6e;width:385px;}
.coca-cola-polar-bear-form .blockTop .polarStreetOne {position: relative; top: 261px; width: 384px; left: 305px;}
.coca-cola-polar-bear-form .blockTop .polarStreetOne label {position: relative;top: 47px;font-weight: normal}
.coca-cola-polar-bear-form .blockTop .polarStreetOne input {border:0;border-bottom: 1px solid #000;text-align: center; font-size: 16px; padding: 2px; font-weight: 600;color:#6b6d6e;}
.coca-cola-polar-bear-form .blockTop .polarStreetTwo {position: relative; top: 257px; width: 384px; left: 305px;}
.coca-cola-polar-bear-form .blockTop .polarStreetTwo label {position: relative;top: 47px;font-weight: normal}
.coca-cola-polar-bear-form .blockTop .polarStreetTwo input {border:0;border-bottom: 1px solid #000;text-align: center; font-size: 16px; padding: 2px; font-weight: 600;color:#6b6d6e;}
.coca-cola-polar-bear-form .blockTop .polarCity {position: relative; top: 253px; width: 198px!important; left: 305px;}
.coca-cola-polar-bear-form .blockTop .polarCity label {position: relative;top: 47px;font-weight: normal}
.coca-cola-polar-bear-form .blockTop .polarCity input {border:0;border-bottom: 1px solid #000;text-align: center; font-size: 16px; padding: 2px; font-weight: 600;color:#6b6d6e;}
.coca-cola-polar-bear-form .blockTop .polarState {position: relative; top: 257px; width: 198px!important; left: 287px;}
.coca-cola-polar-bear-form .blockTop .polarState label {position: relative;top: 42px;font-weight: normal}
.coca-cola-polar-bear-form .blockTop .polarState select {padding:0;}
.coca-cola-polar-bear-form .blockTop .polarZip {position: relative; top: 253px; width: 113px!important; left: -271px;}
.coca-cola-polar-bear-form .blockTop .polarZip label {position: relative;top: 47px;font-weight: normal}
.coca-cola-polar-bear-form .blockTop .polarZip input {border:0;border-bottom: 1px solid #000;text-align: center; font-size: 16px; padding: 2px; font-weight: 600;color:#6b6d6e;}
.coca-cola-polar-bear-form .blockTop .polarZip .charleft {display: none;}
.coca-cola-polar-bear-form .blockTop .polarCantWait {position: relative; top: 287px; left: 14px; text-align: center; line-height: 14px; letter-spacing: 1px;}
/* captcha section*/
.coca-cola-polar-bear-form .blockBottom {display:inline-block;background-image: url('../img/captcha-bg.png');background-repeat: no-repeat;width: 490px;height: 253px;position: relative;bottom: 44px;left:110px;padding: 0!important}
.coca-cola-polar-bear-form .blockBottom #recaptcha_widget_div {width: 444px;border-radius: 15px;border: 10px solid #cd0008;}
.coca-cola-polar-bear-form .blockBottom .recaptchatable {background-color: #fff}
.coca-cola-polar-bear-form .blockBottom .copyTwo {color: #fff; font-size: 16px; text-align: center; position: relative; left: -7px; display: block; top: 14px;}
.coca-cola-polar-bear-form .blockBottom .gfield_description {color: #fff; position: relative; left: 56px; font-size: 13px; top: 6px;}
.coca-cola-polar-bear-form .blockBottom .ginput_container {position: relative;left: -1px}
.coca-cola-polar-bear-form .polarTerms {position: relative; bottom: 57px; text-align: center; display: inline-block; left: 60px;}
.coca-cola-polar-bear-form .gform_footer {position: relative; bottom: 78px; left: 259px; }
/*error styles*/
.coca-cola-polar-bear-form .error {position: relative; top: 357px; font-size: 12px; z-index: 99; left: -134px; line-height: 14px; display: block; text-align: center;}
.coca-cola-polar-bear-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required,
    .coca-cola-polar-bear-form .gform_wrapper .top_label .gfield_description.validation_message,
    .coca-cola-polar-bear-form .gform_wrapper .gfield_description.validation_message,
    .coca-cola-polar-bear-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label,
    .coca-cola-polar-bear-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
    .coca-cola-polar-bear-form .blockBottom .gfield_error {margin:0!important;background-color: transparent!important;border:0!important;}
.coca-cola-polar-bear-form .gform_wrapper li.gfield_error input[type=text] {border-top:none!important;border-right: none!important;border-left: none!important}
.coca-cola-polar-bear-form .gform_wrapper .top_label .gfield_description.validation_message, .coca-cola-polar-bear-form .validation_error {display: none}
.coca-cola-polar-bear-form .gform_wrapper .gfield_error .gfield_label,
    .coca-cola-polar-bear-form,
    .coca-cola-polar-bear-form .gform_wrapper .gfield_description.validation_message  {color:#f40000;padding:0!important;}
    .coca-cola-polar-bear-form .blockTop .age-verification.gfield_error {height: 67px;display: block;}
.coca-cola-polar-bear-form .blockTop .age-verification .validation_message {position: relative;left: -34px;font-size: 10px;padding: 0!important}
.coca-cola-polar-bear-form .polarStreetOne.gfield_error input {width:385px!important;}
.coca-cola-polar-bear-form .blockBottom .gfield_error .gfield_description.validation_message {display: inline-block; position: relative; top: 85px; }
.coca-cola-polar-bear-form .blockBottom .captcha .gfield_description.validation_message {position: relative;top: 102px}
/* page three - thank you */
.coca-cola-polar-bear-instant-thank-you .polarBearThanks {background-image: url('../img/instant-thankyou.png');background-repeat: no-repeat;width: 980px;height: 700px;position: relative;bottom: 40px;padding: 0!important;left:-134px;}
.coca-cola-polar-bear-thank-you .polarBearThanks {background-image: url('../img/polar-thank-you.png');background-repeat: no-repeat;width: 980px;height: 600px;position: relative;bottom: 40px;padding: 0!important}
.coca-cola-polar-bear-instant-thank-you .polarBearThanks .btnKeepPlanning {position: relative;top: 490px;left: 180px}
.coca-cola-polar-bear-thank-you .polarBearThanks .btnKeepPlanning {position: relative;top: 490px;right: 145px}
.coca-cola-polar-bear-instant-thank-you .polarBearThanks .btnSendAnother {position: relative;top: 490px;left:-185px}
.coca-cola-polar-bear-thank-you .polarBearThanks .btnSendAnother {position: relative;top: 490px;right: 125px}
/* page four - instant */
.coca-cola-polar-bear-instant-letter .content {background-image: url('../img/polar-bear-letter.png');background-repeat: no-repeat;background-position:20px 0;width: 980px;height: 631px;position: relative;bottom: 40px;padding: 0!important}
.coca-cola-polar-bear-instant-letter .content li {background-image: none}
.coca-cola-polar-bear-instant-letter .content .polarBearInst {width: 389px;margin: 0 auto;position: relative;right: 30px;height: 700px;top:300px;}
.coca-cola-polar-bear-instant-letter .content .polarBearInst p {font-size: 14px; color: #636466; text-align: center; display: block; letter-spacing: 1px;margin-bottom: 20px;line-height: 17px}
.coca-cola-polar-bear-instant-letter .content .polarBearInst input {font-family:Arial, Helvetica, sans-serif;border-top:0;border-right: 0;border-left: 0;font-size: 20px;text-align: center;color: #636466;letter-spacing: 2px;width:100%;height: 40px}
.coca-cola-polar-bear-instant-letter .content .polarBearInst .label {font-size: 14px; color: #636466;font-weight: lighter}
.coca-cola-polar-bear-instant-letter .content .polarBearInst .button {position: relative;top: 30px;left:86px;}
.coca-cola-polar-bear-instant-letter .content .polarBearInst .message {font-size: 12px;position: relative;top: 50px;right: 75px}
.coca-cola-polar-bear-instant-letter .content .sendAnother {position: relative;left: 380px}
/* page four - letter */
.coca-cola-polar-bear-letter .print {background-image: url('../img/btn-print.png');background-repeat: no-repeat;width:145px;height:38px;position: absolute;}
.coca-cola-polar-bear-letter {background-image: none;}
.coca-cola-polar-bear-letter .polarBearBG {width:100%;}
.coca-cola-polar-bear-letter .polarBearLetter {width:612px;height:792px}
.coca-cola-polar-bear-letter .polarBearLetter p {position: absolute;}
.coca-cola-polar-bear-letter .polarBearLetter .letterName {position: absolute; top: 63px; right: 207px; font-size: 12px; width: 100%;font-weight: normal}
.coca-cola-polar-bear-letter .letterOne {position: absolute; font-size: 12px; top: 210px; left: 54px; line-height: 17px;}
.coca-cola-polar-bear-letter .letterTwo {position: absolute; top: 265px; font-size: 12px; left: 54px;}
.coca-cola-polar-bear-letter .letterThree {position: absolute; left: 54px; top: 302px; font-size: 11px;}
.coca-cola-polar-bear-letter .letterFour {position: absolute; left: 54px; top: 321px; font-size: 11px;}
/*  Age Verification Page */
.polar-verification-error .content {background-image: url('../img/polarbear-age-error-bg.png');background-repeat: no-repeat;width: 980px;height: 700px;position: relative;bottom: 40px;padding: 0!important;left:-134px;}
.polar-verification-error h3 {position: relative;top: 350px;width: 400px;text-align: center;margin: 0 auto;}
.polar-verification-error h3 strong {color:#fff;font-size: 15px}
.polar-verification-error p {position: relative;top: 400px;width: 400px;text-align: center;margin: 0 auto;color:#fff;font-size: 14px}


/*
Styles for Timeline
*/

.timeline-container {width:100%;}
.timeline .center {text-align:center;}
.timeline .center.share {text-align:center;font-size: .75em;line-height: 1.5em;width: 62%;margin: 0 auto;}
.timeline .center.share a {text-decoration: underline;}
.timeline .full-width {width:100%;}
.timeline .row p.center-align {width: 80% !important;margin: 0 auto;position: relative !important;text-align: center;font-size: 1.5em !important;line-height: 2em !important;}
.timeline p.intro {width: 80% !important;margin: 0 auto;font-size: .75em;}
.timeline-container .greybg {background:#383838;}
.timeline-container .redbg {background:#f40009;}
.timeline-container .border-left {border-left:.5em solid #ffffff;}
.timeline-container .border-right {border-right:.5em solid #ffffff;}

.timeline-container .greyp {padding: 2em 5% 2em 1em !important; background:#383838;width: 100% !important;}
.timeline-container .greypshort {padding: 2em 30% 2em 1em !important; background:#383838;width: 100% !important;}

.timeline .col1, .timeline .col2, .timeline .col3, .timeline .col4, .timeline .col5, .timeline .col6, .timeline .col7, .timeline .col8, .timeline .col9, .timeline .col10, .timeline .col11, .timeline .col12 {
  float: left;
  margin: 0 auto;
  position:relative;
  min-height: 440px;
  background-size: cover !important;
  background-repeat:no-repeat;
  background-position: center center;
  box-sizing: border-box;
}
.timeline .col1.short, .timeline .col2.short, .timeline .col3.short, .timeline .col4.short, .timeline .col5.short, .timeline .col6.short, .timeline .col7.short, .timeline .col8.short, .timeline .col9.short, .timeline .col10.short, .timeline .col11.short, .timeline .col12.short {
  min-height: 216px;
}
#article-content.timeline {padding: 0;width: 100%;max-width: 900px;margin: 0 auto;box-sizing: border-box;}
#article-content.timeline .content h2 {
  font-size: 3.5em;
  font-weight: 400;
  line-height: 1em;
  position: absolute;
  left: .25em;
  top: .25em;
  color: rgba(255,255,255, 1);
  padding: 0;
}

#article-content.timeline .timeline-container p {
  font-size: .75rem;
  width: 75%;
  line-height: 1.5em;
  position: absolute;
  left: 0em;
  bottom: 0;
  color: rgba(255,255,255, 1);
  padding: 14px 14px 2em;
  box-sizing: border-box;
}

#article-content.timeline .timeline-container p.vertical-center{
    vertical-align: middle;
    position: relative;
    display: table-cell;
}
.timeline .nosub {display: inherit;}

.timeline .row {margin-bottom:2em;}
.timeline .shortrow {margin-bottom: .5em;}
.timeline .col1 { width: 5.5%; }
.timeline .col2 { width: 14%; }
.timeline .col3 { width: 25%; }
.timeline .col4 { width: 33.33%; background-position: center top !important; background-size: 140% !important;}
.timeline .col5 { width: 41.6%; background-position: center top !important; background-size: 140% !important;}
.timeline .col5 .greypshort {padding:2em 0 2em 1em !important;}
.timeline .col5 .col12 p { width: 41.6%;}
.timeline .col6 { width: 50%; display: table-cell;}
.timeline .col7 { width: 58.3%; background-position: top center !important;}
.timeline .col7 p { width: 100% !important; }
.timeline .col8 { width: 65%; }
.timeline .col9 { width: 73.5%; }
.timeline .col10 { width: 82%; }
.timeline .col11 { width: 90.5%; }
.timeline .col12 { width: 100%; }
.timeline .col12 p { width: 43% !important; }
.timeline .col12 p.long { width: 70% !important; }
.timeline .float-fix {clear:both;}

.timeline .wp-video, .timeline .wp-video-shortcode {
      height: 440px !important;
      max-width: 100%;
}

.timeline .mejs-poster {background-size: cover !important;max-width: 100%;}
#article-content.timeline .timeline-container .video p {background-size: cover !important;bottom: 2em !important; width: 33% !important;}

.timeline .share-moment {
    display: block;
    position: fixed;
    bottom: -20px;
    width: 100%;
    max-width: 900px;
}
.timeline .share-moment-mobile {
    display: none;
}

/*------- Footer ------------*/

#footer {background: rgba(255,255,255,1);}
#footer .border_wrapper {width: 100%; max-width: 1280px;display: block;margin: 0 auto;text-align: right;padding: 1% 6%;position: relative;background: rgba(255,255,255,1);}
#footer .border_wrapper .footerHash {width: 33%; margin: 0 auto;font-size: 1em;padding: 1.25rem 0;display: inline-block;text-align: left;letter-spacing: 2px;float: left;}
#footer .border_wrapper .footerAddress {width: 100%; margin: 0 auto;text-align: center;font-size: 1em;float: right;}
#footer .border_wrapper ul#footer_navigation {padding: 1.5% 0;width: 33%;text-align: center;display: inline-block;vertical-align: middle;}
#footer .border_wrapper ul#footer_navigation li { float: none; margin: 0 auto; padding: 0 10px;list-style: none ; display: inline;}
#footer .border_wrapper ul#footer_navigation li:last-child {background: none;margin:0;padding: 0}
#footer .border_wrapper ul#footer_navigation li a {color:#f40000; font-size: .8em; font-weight: 500; text-decoration: none; text-transform: uppercase; }
#footer .newsletter {
    background: rgba(244,0,9,1) !important;
    display: table;
    position: relative;
    width: 100%;
    zoom: 1;
}
#footer .newsletterContainer {
    height: auto;
    width: 100%;
    max-width: 1280px;
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    padding: 4.5rem 6%;
    font-size: 1.25em;
}
#footer .newsletterSignup {width: 100%; max-width: 1280px; margin: 0 auto; padding: 5%; display: none; height: auto;font-size: 1.5em;}
#footer .newsletterSignup.active {width: 100%; max-width: 1280px; margin: 0 auto; padding: 5%; display: none; height: 0;}
#footer .signupContainer {display: block; position: relative;width: 100%;max-width: 1280px;margin: 0 auto;}
#footer .newsletter h3 {color:rgba(255,255,255,1);font-size: 1.25em; text-transform: none; letter-spacing: 2px;}
#footer .newsletter p {color:rgba(255,255,255,1);padding: 0;letter-spacing: 2px;}
#footer .newsletter a {margin:0;position: absolute;right: 0;top: 0%;letter-spacing: 2px;border-radius:5px;}

#footer .social { width: 33%; float: right; display: block; position: relative; padding: 1.25rem 0;}
.icon {display: inline-block; background-size: contain !important; height: 1.75rem; width: 2em; }
.icon.facebook {background: url(img/facebook.jpg) center center no-repeat;}
.icon.facebook.red {background: url(img/facebook.jpg) center center no-repeat;}
.icon.twitter {background: url(img/twitter.jpg) center center no-repeat;}
.icon.twitter.red {background: url(img/twitter.jpg) center center no-repeat;}
.icon.youtube {background: url(img/youtube.png) center center no-repeat;}
.icon.google {background: url(img/googleplus.jpg) center center no-repeat;}
.icon.google.red {background: url(img/googleplus.jpg) center center no-repeat;}
.icon.instagram {background: url(img/instagram.png) center center no-repeat;}
.icon.email.red {background: url(img/email.jpg) center center no-repeat;}
.icon.share.red {background: url(img/icon-share-red.jpg) center center no-repeat;}



/* Color */
.bg-grey {background:#f3f2f2;}
.bg-white {background:#fff !important;}

/* Components */
.linkList.large .block{float: left;margin: 0;padding: .5rem;width: 50%;}
.linkList.large .block.third {float: left;margin: 0;padding: .5rem;width: 33.333%;}
.linkList.large .copy {background: #f3f2f2;position: relative;width: 100%;}
.linkList.large .copy a {display:block;font-size: 1.25rem;overflow: hidden;padding: 3.5rem 2rem 3.5rem 1rem;text-overflow: ellipsis;text-transform: capitalize;white-space: nowrap;}
.linkList.large .copy h3 a:after {background: url('img/arrow-red-full.png') center center no-repeat;right: 1rem;top: 50%;transform: translateY(-50%);}
.linkList-image {background-size: cover !important;height: 20vw;position: relative;width: 100%;}
.linkList-image a {bottom: 0;display:block;left: 0;position: absolute;right: 0;top: 0;}

.linkList.small .block{background: #f3f2f2;display: table;margin: 0 0 1rem;padding: 0;position: relative;width: 100%;}
.linkList.small .block.full {float: left;margin: 0 0 1rem 0;padding: 4rem 0;width: 100%;}
.linkList.small .block.half {float: left;margin: 0 1% 1rem 0;width: 49%;}
.linkList.small .block.third {float: left;margin: 0 1% 1rem 0;width: 49%;}
.linkList.small .block.half:nth-child(2n) {margin: 0 0 1rem 1%;}
.linkList.small .block > * {display: inline-block !important;vertical-align: middle;width: auto;}
.linkList.small .block.full > * {vertical-align:top;}
.linkList.small .block > a {width: 8rem !important;}
.linkList.small .block.full > a {width: 50% !important;}
.linkList.small .block.full h3 {font-size: 1rem;padding: 0 0 2rem;}
.linkList.small .block p {display:block;height: 4.5rem;overflow: hidden;}
.linkList.small .block.full p {font-size: .875rem;height: auto;line-height: 1.5;padding: 0;}
.linkList.small .block .linkList-image {height: auto;margin: 0;padding: 0; width:100%;}
.linkList.small .block .copy {padding: 1rem 2.5rem 1rem 1rem;text-align:left;width: calc(100% - 8rem);}
.linkList.small .block.full .copy {padding: 0 2.5rem 1rem 2.5rem;width: 50%;}


.tab-container {background:#f3f2f2;margin: 0;padding: 2rem !important;text-align: center;}
.tab-container li {display: inline; list-style: none outside none; margin-left: 0; margin-right: 5px; padding-left: 0;}
.tab-content {background:#f3f2f2;}
.tab-content > div {margin:0 auto;max-width: 1024px;padding: 2rem;width:100%;}


.tab-container a {position: relative;display: inline-block;margin: 0 1.5em;padding: 0.65em 0;text-align: center;color: #b5b5b5;-webkit-transition: background 0.3s, color 0.3s;transition: background 0.3s, color 0.3s;width: auto;}
.tab-container a:hover,.tab-container a:focus {color: #929292;}
.tab-container a.active {color: rgba(244,0,9,1);font-weight: 600;}
.tab-container a::before {content: '';position: absolute;bottom: .5rem;left: 0;width: 100%;height: 2px;background: rgba(244,0,9,1);-webkit-transform: scale3d(0, 2, 1);transform: scale3d(0, 2, 1);-webkit-transform-origin: 0% 50%;transform-origin: 0% 50%;-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;-webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);}
.tab-container a.active::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}

.toggle {background: #fff;border: 1px solid #dfdfdf;cursor: pointer;line-height: inherit;margin-bottom: .5rem;padding: 1.5rem 3.5rem 1.5rem 1.5rem !important;position: relative;width: 100% !important;}
.toggle:after {background: url('img/arrow-red-full-down.png') center center no-repeat;background-size: contain !important;content: '';display: block;height: 1.5rem;position: absolute;right: 1.5rem;top: 50%;transform: translateY(-50%);width: 1.25rem;}
.toggle.active:after {background: url('img/arrow-red-full-up.png') center center no-repeat;}
.toggle-content {display: none;}
.toggle-content.active {display:block;padding: 1.5rem;}
.toggle-container {display: none !important;}
.toggle-container.active {display: block !important;padding: 0;}

.hours-of-operation-widget ul {padding:0;}
.hours-of-operation-widget ul li {list-style-type: none;}
.hours-of-operation-widget > a {display: block;font-size: .75rem;font-weight: bold;padding-top: 1rem !important;text-transform: uppercase;}
.hours-of-operation-widget ul li.header a {color: #000;display: block;font-family: "GothamBold", Helvetica, Arial, Sans-serif;font-size: 1.5rem;margin-bottom: 1rem;width: 100%;}
.hours-of-operation-widget ul li p {color: #767676;display: inline-block;font-size: .875rem;}
.hours-of-operation-widget ul li span {color: #767676;display: inline-block;font-size: .875rem;width: 32%;}

.streetview iframe {width:100%;}
.streetview a {color: #ff0000 !important;display: block;font-size: .75rem;padding:1rem;text-align: center !important;width:100%;}

.pricing-table + p {
    font-size: .75rem !important;
    margin-left: .25rem !important;
}
.pricing-table {margin-top: 1rem;max-width: 100%;width: 36rem;}
.pricing-table th {background: #494949;border: 4px solid #fff;color: #fff;font-family: 'GothamMedium', Helvetica, Arial, Sans-serif;font-size: .75rem;padding: 1.5rem 1rem;text-align: center;vertical-align: middle;}
.pricing-table td {background: #282828; border: 4px solid #fff;color: #fff;font-family: 'GothamMedium', Helvetica, Arial, Sans-serif;font-size: 1.125rem;padding: 1rem;text-align: center;vertical-align: middle;}
.pricing-table td.small {font-size: .75rem;}


/* Spacing */
.no-padding {padding:0 !important;}
.col-one-third {width: 33.333%;float: left;}
.col-two-third {width: 66.666%;float: left;}
.col-half {width: 50%;float: left;}
.col-full {width: 100%;float: left;}
.col-one-third img, .col-two-third img, .col-half img {max-width: 100%;width: 100%;height: auto;}
.col-one-third, .col-two-third, .col-half {padding: 1rem;}
.pull-left {float:left;}
.pull-right {float:right;}
img.pull-right {max-width: calc(50% - 3rem); padding:1.5rem 0 1.5rem 1.5rem;}
img.pull-left {max-width: calc(50% - 3rem); padding:1.5rem 1.5rem 1.5rem 0;}

/* Text */
.txt-center {text-align: center !important;}
.txt-left {text-align: left !important;}
.txt-right {text-align: right !important;}

 /* Plan Your Visit template */
.plan-your-visit {max-width: none;padding: 0;}
.no-image.plan-your-visit { padding-top: 4rem; }
.no-image.plan-your-visit > .row { padding-top: 3rem; }
.plan-your-visit p, .plan-your-visit li {line-height: 2;font-family: "GothamBook", Helvetica, Arial, Sans-serif;}
.plan-your-visit h1 {font-weight: 600;padding: 2rem;text-align: center;}
.plan-your-visit h3 {color: #000;text-transform: none;}
.plan-your-visit .callout-section h3 {font-size: 1.5rem;padding: 0;}
.plan-your-visit .callout-section h3.callout-title {font-size: 1.5rem;padding: 0 0 1rem;width: 100%;}
.plan-your-visit .row:after, .plan-your-visit .contain:after {display: table;content: " ";clear: both;}
.plan-your-visit .row p, .plan-your-visit .row .img img {font-family: "GothamBook", Helvetica, Arial, Sans-serif;width:100%;}
.plan-your-visit .row .icon-before {width:100%;}
.plan-your-visit .row .icon-before > div {display:inline-block;vertical-align: top;width: calc(100% - 5rem);}
.plan-your-visit .row .icon-before:before {content:'';display: inline-block;height: 4rem;vertical-align: top;width: 4rem;}
.plan-your-visit .row .icon-before.car:before {background: url(img/icon-pin-car.png) center center no-repeat;}
.plan-your-visit .row .icon-before.pin:before {background: url(img/icon-pin.png) center center no-repeat;}
.plan-your-visit .contain {clear: both;display: block;margin: 0 auto;max-width: 1280px;padding: 2rem;}
.plan-your-visit .contain-strict {clear: both;display: block;margin: 0 auto;max-width: 1024px;padding: 0 2rem 2rem;}
.plan-your-visit .youtube iframe {width: 100%;min-height: 30vh;margin: 0 auto;}

/* Specific Styling */
.things-to-do-in-atlanta > .row.contain {max-width: none; padding:0;}

 /* International template */
.international h1.hidden-touch {display: block !important;}
.international h1.visible-touch {color: rgba(244,0,9,1);display: none !important;font-size: 1.25rem;font-family: 'GothamBook', Helvetica, Arial, Sans-serif;line-height: 1.25;padding: 2rem 0 0;}
.international h1.visible-touch span {display: block;font-family: 'GothamMedium', Helvetica, Arial, Sans-serif;width: 100%;}
.international.contentHeader {display: table;}
.international.contentHeader > div {display: table-cell; padding-bottom: 2.5rem; vertical-align: bottom;}
.international h1 {
    color: rgba(255,255,255,1);
    display: inline-block;
    font-family: 'GothamMedium', Helvetica, Arial, Sans-serif;
    font-size: 2.25rem;
    letter-spacing: 2px;
    margin: 0 auto;
    padding: 0 2rem;
    text-align: center;
    text-transform: none;
    vertical-align: middle;
    width: 100%;
}
.international h2 {color: #000;font-family: 'GothamMedium', Helvetica, Arial, Sans-serif;font-size: 1.5rem;padding: 1.875rem 0;text-transform: none;width: 100%;}
.international h3 {color: #000;font-size: 2rem;padding: 0 0 1rem;text-transform: none;width: 100%;}
.international h4 {color: #000;font-size: 1.125rem; text-transform: uppercase;}
.international h5 {color: #000;font-family: 'GothamMedium', Helvetica, Arial, Sans-serif;font-size: .875rem;padding: .875rem 0 .5rem;text-transform: uppercase;}
.international ul {margin-left: 3rem;padding: 0 0 1rem 1rem;}
.international li {font-size: .875rem;line-height: 2;}
.international p {font-size: .875rem;}
.international .button {margin-bottom: 2rem;}

.international.contentContainer {max-width: none; padding: 0;}
.international .row:after, .international .contain:after {display: table;content: " ";clear: both;}
.international .contain {clear: both;display: block;margin: 0 auto;max-width: 1280px;padding: 0rem 2rem 2rem;}
.international .contain-strict {clear: both;display: block;margin: 0 auto;max-width: 1024px;padding: 0 2rem 2rem;}
.international .sidebar img {padding: 2rem 3rem 4.25rem 0;}
.international .address-list > div {padding:0 1rem 0 0;}
.international .address-list p, .international .address-list ul {padding: 1rem 2rem 1rem 0;}
.international .address-list ul {margin-left: 1rem;}

.international .hours-of-operation-widget {margin-bottom: 2rem;}
.international .hours-of-operation-widget ul {margin: 0;padding: 0;}
.international .hours-of-operation-widget ul li:nth-child(-n+2){display: none;}

.international-explore {}
.international-explore .callout {padding: 5rem 2rem;text-align: left !important;}
.international-explore .callout h3 {font-size: 1rem;text-align: center;width: 100%;}
.international-explore .blocks > div {background-size: cover !important; height: 25rem; position: relative;}
.international-explore .blocks .content {left: 50%;max-width: 20rem;padding: 0;position: absolute;top: 50%;transform: translate(-50%, -50%);width: 100%;}
.international-explore .blocks .content * {color: #fff;padding-bottom: 1rem;text-align: center;}
.international-explore .blocks a {bottom: 0;display: block;left: 0;position: absolute;right: 0;top: 0;z-index: 11;}
.international-explore .blocks .fade {background: rgba(0,0,0,.27);bottom: 0;display: block;left: 0;position: absolute;right: 0;top: 0;z-index: 0;}

.international .sidebar {display: none;}
.international .mobile-img {background-size: cover !important;display: block;margin: 2rem -2rem !important;max-width: 480px !important;width: calc(100% + 4rem) !important;}


.overlay {background: rgba(0,0,0,.3);bottom: 0;visibility: hidden;opacity: 0;position: fixed;left: 0;right: 0;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;top: 0;z-index: 1;}
.overlay.active {visibility: visible;opacity: 1;}
.int-popup {background: #fff;visibility: hidden;opacity: 0;position: fixed;left: 50%;max-width: 35rem;padding: 4rem 4rem 3rem;top: 50%;transform: translate(-50%, -50%);-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;z-index: 1;width: 75%;}
.int-popup.active {visibility: visible;opacity: 1;}
.int-popup p {color: #e11826;display: block;font-size: 1.375rem;line-height: 1.25;padding: 2rem 0;}
.int-popup img {display: block;margin: 0 auto;max-width: 6rem;}


@media only all and (min-width: 1024px) {
    #menuContainer .button a {width: auto;padding: 0 1em;}
    #social-stream-container .twitter {top: 420px !important;}
}

@media only all and (min-width: 1024px) {

    #container #menu {width: 90%;text-align: left;}
    #container #menu div{margin:0 3% 0 0;padding: 0;}
    #menuContainer .left{padding: 1.25rem 1rem 1.25rem 1rem;}
    #menuContainer .right {padding: 1.5rem 0.5rem 1.5rem 0;}
    #container #menu li:hover .sub-menu, #container #menu .sub-menu.active {display: table;z-index: 9999;}
    #container #menu .moments a {font-size: 1.55em !important;}

    /* Social Stream */

    /*------- Social Sharing ------------*/
    .socialShare {display: block;position: fixed;top: 50%;left: 0;z-index: 999;width: 2rem;}
    .socialShare a {display: block;width: 100%;height: 2rem;}

    /* Explore */
    .tourInside .exhibit {width: 33.333333333%;}
    .tourInside .exhibit h3 {width: 65%;}

    /* Interior Pages */
    .contentHeader {width:100%;height: 25em;background-size: cover !important;display: table;position: relative;}
    .contentHeader h3 {font-size: 2.5rem;}

    .contentContainer .flexslider.sub .slideContainer {
      height: 40vh;
      max-height: 350px;
      background: rgba(0,0,0,1);
      min-height: 350px;
    }
}

@media only all and (min-width: 1025px) {

    /* Explore */
    .tourInside .exhibit a:hover {background:rgba(0,0,0,.5);}
    .tourInside .exhibit a:hover h3 {position: relative;}
    .tourInside .exhibit a:hover h3:after {opacity:1;}
    .tourInside .exhibit a:hover p {opacity:1; height: auto; padding-top: 1.5em !important;}
    .slideContainer {
        min-height: 80vh !important;
        height: 80vh !important;
    }

    .slideContainer a {
        font-size: 1.5em !important;
    }
}


@media only all and (min-width: 769px) {
    .visible-touch {display:none;}
}

@media only all and (min-width: 1280px) {
    #container #menu {font-size: 1.25em;text-align: left;padding: 1.5rem 0 1.5rem 12.5%;}
    #menuContainer .left{padding: 1.25rem 1rem 1.25rem 2rem;}
    #menuContainer .right {padding: 1.5rem 1.5rem 1.5rem 0;}
}



@media only all and (min-width: 1440px) {
    /*#container #menu {width: 50%;margin: 0 auto;text-align: center;}*/
    /*#container #menu div { margin-right: 1%; }*/
    #menuContainer #menu div {display: inline-block;width: auto;margin: 0 4% 0 0;}
    /*.slideContainer h3 {width: 70%;}*/
}

@media only all and (max-width: 1023px) {
    body { padding-top: 3.75rem; }
    .contentContainer img {width: 66% !important;max-width: none !important;height:auto;display: block;float: none !important;margin: auto !important;}
    .img {width: 66%; height:auto;display: block;float: none !important;margin: 1em auto !important;}
    .video {width:100% !important;}
    .video iframe{width:100% !important; height: 30vh !important;}
    .img img {width:100%;}
    .contentContainer h3 {font-size: .75rem;width: 90%;}
    h4 {font-size: 1.5em;}
    .mobileButtons {display: block;text-align: center;padding: 0 2rem 2rem;}
    .mobileButtons a { width: 100%; border-radius: 5px; margin: 0.45rem 0; }
    .mobileHero, .mobileExplore { display: block; background: rgba(246,246,246,1)}
    .mobileHero img, .mobileExplore img { width: 100%; height: auto; }
    .mobileHero h2 { color: rgba(244,0,9,1); font-family: "GothamBook", arial, sans-serif; text-align: center; font-size: 1.34rem; line-height: 125%; margin: 1.5rem 0 0; }
    .mobileHero h2 strong {font-family: "GothamBold", arial, sans-serif; color: rgba(244,0,9,1); }
    .mobileExplore .mobileButtons { padding: 2rem 2rem 0; }

    a.button.full {margin: 1rem 0;width: 100%;}

    /* Menu */
    #mobileTrigger {
        background: url(img/mobile-menu.png) center center no-repeat;
        width: 10%;
        height: 2rem;
        margin: 0.875rem 0;
        position: absolute;
        right: 1em;
    }
    #menuContainer #menu {
        width: 80%;
        position: absolute;
        right: -80%;
        height: 100vh;
        top: 0;
        background: rgba(246,246,246,1);
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        text-align: left;
        padding: 5rem 0;
        overflow-x: hidden;
    }
    #menuContainer {-webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; height: 3.75rem; }
    #menuContainer.active {left: -80%;}
    body.active {right: 80%;height: 100vh;max-height: 100vh;overflow: hidden !important;position: fixed;top: 0;}
    body.active .tourInside, body.active #contentHome, body.active .contentContainer {height: 100vh;max-height: 100vh;overflow: hidden !important;position: absolute;}
    #menuContainer .button a {background: transparent; border:none;}
    #menuContainer .left { width: 33.33%; padding: 0.625rem 0 0; height: 3.75rem; }


    #menu .calendar, #menu .open_close, #menu .open_close_range { display: none !important;}
    #menuContainer #menu.active {right:0;}
    #menuContainer #menu a {display: block; width: auto;background: transparent;color: #4a4a4a !important;font-size: 1em;text-align: left;margin: 0 5% !important;line-height: 6em;border: 0;}
    #menuContainer #menu div, #menuContainer #menu span {display:block;border-top: 1px solid rgba(233,233,233,1);margin: 0 2% 0 0;}
    #menuContainer #menu .menu-item-has-children:after {content:'';background: url(img/arrow-menu.png) right center no-repeat;width: 50%;height: 5rem;background-size: initial;position: absolute;right: 5%;top: 0;}
    #menuContainer #menu .menu-item-has-children.active:after {background: url(img/arrow-menu-active.png) right center no-repeat;}
    #menuContainer #menu .sub-menu {position: relative; top: 0; padding: .5rem 0;background: rgba(252, 252, 252, 1);border-top: 1px solid rgba(233,233,233,1);}
    #menuContainer #menu .sub-menu.active {display: block;}
    #menuContainer #menu .sub-menu li { padding: .25rem 0;}
    #menuContainer #menu .sub-menu li a {font-weight: normal !important; font-size: .75rem !important;width: 100%;}
    #menuContainer #menu .sub-menu li a:after {display: none;}
    #menuContainer #menu .sub-menu a:after {display: none;}
    #menuContainer #menu .menu li {position:relative;}
    #menuContainer #menu .subitem {border: none; width: 100% !important; display: block; padding: 0; background-color: rgba(252, 252, 252, 1);}
    #container #menuContainer .dates li:not(.header), #menuContainer .dates a:nth-child(2n) {display: none !important;}
    #menuContainer .right {position:relative;padding: 0;font-size: inherit;width: 98%;border-top: none !important;}
    #menuContainer .right span {
        width: 100%;
        padding: 0;
    }


    #menuContainer #menu .international > div > ul {position: fixed;top: 0;width: 100%;}
    #menuContainer #internationalmenu > li:after {display: none;}
    #menuContainer #internationalmenu > li > a {display: none;}
    #menuContainer .international #internationalmenu > li > ul {display: block !important;padding: 0 !important;}
    #menuContainer .international #internationalmenu > li > ul > li {display: block !important;float: left;padding: 0;width: 20%;}
    #menuContainer .en-mobile:before {background: url('img/USA.png') center center no-repeat;background-size: 1.5rem auto !important;content:'';display: block;height: 5rem;margin: 0 auto;width: 2.5rem;}
    #menuContainer .de-mobile:before {background: url('img/Germany.png') center center no-repeat; background-size: 1.5rem auto !important;content:'';display: block;height: 5rem;margin: 0 auto;width: 2.5rem;}
    #menuContainer .es-mobile:before {background: url('img/Spain.png') center center no-repeat; background-size: 1.5rem auto !important;content:'';display: block;height: 5rem;margin: 0 auto;width: 2.5rem;}
    #menuContainer .zh-cn-mobile:before {background: url('img/China.png') center center no-repeat; background-size: 1.5rem auto !important;content:'';display: block;height: 5rem;margin: 0 auto;width: 2.5rem;}
    #menuContainer #menu .en-mobile a, #menuContainer #menu .es-mobile a, #menuContainer #menu .de-mobile a, #menuContainer #menu .zh-cn-mobile a {bottom: 0;left: 0;margin: 0 !important;position: absolute;right: 0;text-indent: -99999px;top: 0;}

    .contentHead p {font-size: 1em; width: 90% !important;}
    .slider, .flexslider.explore { display: none; }
    .slideContainer h3 {font-size: 3em; width:80%; margin:0 auto;}

    /* Footer */
    #footer .newsletterContainer {width: 90%; display: block; margin: 0 auto; padding: 2rem 5%; text-align: center;}
    #footer .newsletter a {margin: 2rem auto 0; position: relative;}
    #footer .newsletter p {padding: .5rem 0 0;}
    #footer .border_wrapper {text-align: center;}
    #footer .border_wrapper .footerAddress {text-align: center; width: 100%;font-size: 1em;}
    #footer .border_wrapper .footerHash {width: 100%;padding: 1.25rem 0 0;text-align: center;}
    #footer .border_wrapper ul#footer_navigation {width:100%;}
    #footer .social {width:100%;padding-top: 0;}

    /* Home Page */
    .promoContainer .col {width: 48%;margin: 1%;height: 26em;}
    #social-stream-container {max-height: inherit;}
    #social-stream .dcsns-content .stream li {width: 48%;display: block !important;margin: 1%;position: relative !important;top: inherit !important;left: inherit !important;float: left !important;vertical-align: top;}
    #social-stream .dcsns-content .stream li:nth-child(1) {width: 98%;}
    #social-stream .dcsns-content .stream {height: auto !important; width: 100% !important;}
    #social-stream-container .twitter{top: 8px !important;width: 48%;position: relative;float: right;margin: 0;right: 1%;}
    .promoBuckets {background:rgba(246,246,246,1);}
    #connect {background:rgba(246,246,246,1);}

    /* Explore */
    .tourInside .exhibit {width: 100%;max-width: 100%;}
    .contentHeader h3 {font-size: 2.75em;}

    /* Plan Your Visit */
    .row img {max-width:66vw !important;width: 100% !important;}
    .linkList.large .copy a {padding: 1.5rem 1rem 1.5rem 0;font-size: 1rem;}
    .linkList.large .block {width: 50% !important;}
    .linkList.small .block img {width: 100% !important;}
    .linkList.small .block .copy {padding: .5rem 2.5rem .5rem 1rem;}
    .linkList.small .block p {font-size: .75rem;max-height: 3.25rem;}
    .linkList.small .block.full p {font-size: .75rem;max-height: 3.25rem;}
    .linkList.small .block {margin: 0 0 1rem !important;display: block;}
    .plan-your-visit .callout-section h3.callout-title { text-align: center; padding: .5rem 0 1rem; }
    .tab-container {overflow-x: scroll;white-space: nowrap;padding: 1rem;}

    /* Interior */
    .container.interior {background: none;}
    .block {width: 100% !important;font-size: 1.25em !important;}
    .directions {width: 100%;}
    .streetview iframe{width: 100%;}
    .gmap {width:100%;}



    .fox-theatre .left,
        .atlanta-history-center .left,
        .fernbank-museum-of-natural-history .left,
        .georgia-aquarium .left,
        .high-museum-of-art .left,
        .inside-cnn-studio-tour .left,
        .zoo-atlanta .left,
        .atlanta-botanical-gardens .left,
        .stone-mountain-park .left,
        .center-civil-human-rights .left,
        .piedmont-park .left,
        .oakland-cemetery .left,
        .martin-luther-king-jr-national-historic-site .left,
        .centennial-olympic-park .left,
        .center-puppetry-arts .left,
        .atlanta-cyclorama-civil-war-museum .left,
        .wrens-nest .left,
        .fernbank-science-center .left,
        .callanwolde-fine-arts-center .left,
        .rialto-center-arts .left,
        .freedom-park .left,
        .center-civil-human-rights .left {
        width: 100% !important;
        float: none !important;
        padding-right: 0;
    }

    .fox-theatre .right,
        .atlanta-history-center .right,
        .fernbank-museum-of-natural-history .right,
        .georgia-aquarium .right,
        .high-museum-of-art .right,
        .inside-cnn-studio-tour .right,
        .zoo-atlanta .right,
        .atlanta-botanical-gardens .right,
        .stone-mountain-park .right,
        .center-civil-human-rights .right,
        .piedmont-park .right,
        .oakland-cemetery .right,
        .martin-luther-king-jr-national-historic-site .right,
        .centennial-olympic-park .right,
        .center-puppetry-arts .right,
        .atlanta-cyclorama-civil-war-museum .right,
        .wrens-nest .right,
        .fernbank-science-center .right,
        .callanwolde-fine-arts-center .right,
        .rialto-center-arts .right,
        .freedom-park .right,
        .center-civil-human-rights .right {
        width: 100% !important;
        float: none !important;
        padding: 0;
    }

    .fox-theatre .right .directions,
        .atlanta-history-center .right .directions,
        .fernbank-museum-of-natural-history .right .directions,
        .georgia-aquarium .right .directions,
        .high-museum-of-art .right .directions,
        .inside-cnn-studio-tour .right .directions,
        .zoo-atlanta .right .directions,
        .atlanta-botanical-gardens .right .directions,
        .stone-mountain-park .right .directions,
        .center-civil-human-rights .right .directions,
        .piedmont-park .right .directions,
        .oakland-cemetery .right .directions,
        .martin-luther-king-jr-national-historic-site .right .directions,
        .centennial-olympic-park .right .directions,
        .center-puppetry-arts .right .directions,
        .atlanta-cyclorama-civil-war-museum .right .directions,
        .wrens-nest .right .directions,
        .fernbank-science-center .right .directions,
        .callanwolde-fine-arts-center .right .directions,
        .rialto-center-arts .right .directions,
        .freedom-park .right .directions,
        .center-civil-human-rights .right .directions {
        width: 80%;
        padding: 0;

        margin: 0 auto;
        display: block;
}
    .event-videos-photos .block .images .slides li {width: 100%;}
    .spacebtns_page {max-width: 50%; margin:0 auto;}

    .teacher-toolkit img {width: initial !important;}
    .teacher-toolkit .block {width: initial !important;display: inline-block;}
    .teacher-toolkit #blocks h3 {margin:0;}
    .teacher-toolkit .inner p {margin:0;}


    #social-stream-container .twitter {
        float: left;
        left: 10px;
        /*top: -375px !important;*/
        margin-bottom: -375px;
    }



    /* International */
    .international.contentHeader {min-height: 20rem;}
    .international ul {margin-left: 0rem;padding: 0 0 1rem 1rem;}

    .int-popup {bottom: 0;left: 0;max-width: none;padding: 8rem 2rem 3rem;top: 0;transform: none;width: 100%;z-index: 99999;}
    .int-popup img {width: 6.25rem !important;}
    .int-popup .row div {margin: 0 2.5%; width: 45%;}
    .int-popup .row div a {width: 100%;}

    .international .tab-container {text-align: center;white-space: normal;margin-left: 0;padding: 0 1rem !important;}
    .international .tab-container li {display: inline-block;font-size: .75rem !important;margin: 1rem 0 0;padding: 0 !important;width: auto;}
    .international .tab-container li a {margin: 0 .5rem;}
    .international h1.visible-touch {display: block !important;}
    .international h1.hidden-touch {display: none !important;}

    .pricing-table {width: 100%;}
    .pricing-table th {padding: 1rem .5rem;font-size: .625rem;}
    .pricing-table td {padding: 1rem .5rem;font-size: .75rem;}

}

@media only all and (max-width: 767px) {
    .slideContainer h3 {font-size: 1.5em;}
    .contentHead p {font-size: .75em;}
    .contentHeader h3 {font-size: 1.5em;}

    #menuContainer .logo { width: 55%; }


    /* Plan Your Visit */
    .plan-your-visit .contain {padding:1rem;}
    .plan-your-visit .contain-strict {padding:1rem;}
    .row.contain {padding:1rem;}
    .linkList-image {height:50vw;}
    .linkList.large .block {width: 100% !important;}
    .linkList.small .block p {display:none;}
    .linkList.small .block h3, .linkList.large .block.third h3 a {font-size: .875em;width: 100%;}
    .linkList.small .block .copy {padding: 1rem 2rem 1rem 1rem;width: calc(100% - 5rem);}
    .linkList.small .block > a {width: 4.5rem !important;}
    .linkList.small .block > a img {width: 100% !important;}
    .linkList.small .block.full {display: block;padding: 2rem 0;width: 100%;}
    .linkList.small .block.full > a {display: block !important;padding: 0;width: 100%;}
    .linkList.small .block.full .copy {display: block !important;width:100%;padding: 1rem 0 0;}
    .linkList.small .block.full .copy h3 {display: block;padding:0;position:relative;width: 100%;}
    .contentContainer .linkList .block.full h3 a:after {right:0;top: .75rem;height: 1rem;}
    .col-one-third, .col-two-third, .col-half {padding: 1rem 0;width: 100%;}
    .hidden-touch {display:none !important;}
    .visible-touch {display:block !important;}
    .hours-of-operation-widget ul li span {font-size:.675rem;vertical-align: top;width: 38%;}
    .hours-of-operation-widget ul li span:nth-child(2) {width: 20%;}
    .tab-content > div {padding: 1rem;}

}
@media only all and (max-width: 768px) {
    .visible-touch {display:none;}
    .no-padding-mobile {display: inline-block;padding:0;height: auto;}
}

@media only all and (min-width: 768px) {
    .international .sidebar {display: block;}
    .international .mobile-img {display: none;}
    .international-explore .callout {text-align: center !important;}
    .international-explore .callout h3 {font-size: 2rem;}
}




@media only all and (max-width: 600px) {
    #social-stream .dcsns-content .stream li {width: 92% !important;float: none !important;margin: 4%;}
    #social-stream-container .twitter {width: 92% !important;position: initial;display: block;height: 435px;overflow: hidden;bottom: 0;float: none;margin: 4%;}
    .twitter .icon {display: block;left: 4%;}
    .promoContainer .col {width: 90%;margin: 5%;height: auto;padding-bottom: 2em;}
    .downtown-atlanta-restaurants .tricol-list td, .atlanta-hotels .tricol-list td, .nearby-atlanta-restaurants .tricol-list td {width:100%;padding: 0;display: block;border: none;}
    .contentContainer .linkList .copy {font-size: .75em;}
    .calendar {width: 100% !important;}
    .calendar .month {float: none !important;margin: 2em auto !important;}
}

@media only all and (min-width: 450px) and (max-width: 767px) {
  #menuContainer .left { width: 25%; }
}


/* FIX for Social stream on homepage */
.dcsns-google .section-intro,
.dcsns-facebook .section-intro,
.dcsns-youtube .section-intro,
.stream li.dcsns-instagram .section-intro,
.filter .f-instagram a:hover,
.filter .f-instagram a.iso-active  {
    position: absolute;
    top: 0;
    bottom: auto;
}

.dcsns-google {
    height: 431px;
}

.stream .icon {
    top: .375rem;
}

.stream li.dcsns-instagram{
    height:430px !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
    #menuContainer .left { width: 15.79%; }
    #menuContainer .logo { width: 75%; }

    .mobileHero h2 { font-size: 2.5rem; }

    .mobileButtons a { width: 59.87%; line-height: 2.5rem;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) {
  .dcsns-google { height: auto; }
  .stream li.dcsns-instagram { height: auto  !important; }
  #social-stream-container .twitter { top: 10px !important; }
  #social-stream-container .twitter .inner { height: 22.85em; }
}
/* Breaking twitter widget on ipad landscape. Not sure if needed*/
/*@media only screen and (width: 1023px) {
  #social-stream-container .twitter { top: -400px !important; margin-top: -1%; height: 23.85rem; }
  .stream li.dcsns-instagram { height: auto !important; }
  .dcsns-google { height: auto !important;}
  #social-stream-container .twitter .inner { height: 23.1em; }
}*/
