.event-timeline .container16x9:before {
padding-top: 52.25%;
}

.event-timeline-container{
/*background-color: #e8e8e8;*/
}
.event-timeline{
margin-bottom:30px;
}
.filtering > .event-timeline-container .event-timeline, .event-timeline-container.filtering .event-timeline{
background-image: url(/global/music/tentpole/events_responsive_2.0/images/ajax-loader.gif);
background-repeat: no-repeat;
background-position: center 30px;
height:62px;
}
.filtering > .event-timeline-container, .event-timeline-container.filtering{
height:100%;
}

.event-timeline .col-lg-6{
margin: 30px 0 0;
-webkit-transition: width 400ms ease, height 400ms ease, margin 400ms ease;
-moz-transition: width 400ms ease, height 400ms ease, margin 400ms ease;
-o-transition: width 400ms ease, height 400ms ease, margin 400ms ease;
-ms-transition: width 400ms ease, height 400ms ease, margin 400ms ease;
transition: width 400ms ease, height 400ms ease, margin 400ms ease;
}
.event-timeline .items div.col-lg-6:nth-of-type(2n +1){
clear:left;
}
.event-timeline div.items span.headline-injection {

}
.event-timeline div.items span.headline-injection a {
border-top: 8px solid black;
padding: 40px 5px 0;
margin: 50px 0px 30px;
line-height: 7.1rem;
text-transform: uppercase;
font-size: 10rem;
font-weight: 900;
display: inline-block;
/*background: linear-gradient(to left,#000 50%,#fff 50%);
background-size: 200% 100%;
background-position: right bottom;
transition: all 0.4s ease-in-out;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;*/

}
.event-timeline div.items span.headline-injection a:hover {
background-position: left bottom;
-webkit-animation: bounce 0.4s;
color: #000;
}
.event-timeline a.btn{
color:#fff;
}
#event-timeline .event-timeline .item {
min-height: 480px;
background: #3c5aa1;
}
#event-timeline .event-timeline .card-content div.noimage {
min-height: 440px;
}
#event-timeline .event-timeline .card-content div.noimage div.meta-wrap {
position:absolute;
top: 0;
width: 100%;
left: 0;
display: table;
height: 100%;
}
.item a {
color: #c5a85d;
font-weight: 400;
}
.event-timeline .item .content{
height:100%;
}
.event-timeline .avatar{
width:48px;
display:block;
float:left;
margin-right:10px;
}
.event-timeline .avatar img{
border-radius: 100%;
margin:0;
left:0;
}
.event-timeline .item{
background-color: #fff;
}
.event-timeline .item .meta-wrap{
text-align: left;
position: static;
}
.event-timeline .item .image .meta-wrap,
.event-timeline .item .video .meta-wrap{
color:#fff;
}
.event-timeline .item .image .meta-wrap {
margin-top: 0;
}
.event-timeline .item .image .meta-wrap,
.event-timeline .item .video .meta-wrap{
position:absolute;
bottom:auto;
left:10px;
right:10px;
z-index:2;
display:table;
margin-right:20px;
}
.event-timeline .item.facebook .image .meta-wrap,
.event-timeline .item.twitter .image .meta-wrap{
margin-right:130px;
}
.event-timeline .item .user{
margin:10px 10px 0;
display:block;
text-align: left;
font-size:2rem;
line-height:1.2;
}
.event-timeline .item .user a{
font-weight: normal;
}
.event-timeline .item .user .screenname{
font-size:1.7rem;
}
.event-timeline .item .image .user{
position:absolute;
top:40px;
left:0;
right:0;
bottom:auto;
z-index:2;
color:#fff;
}

.event-timeline .item .media{
height:100%;
cursor:default;
}
.event-timeline .item .image.expand .media,
.event-timeline .item .image a .media,
.event-timeline .item .video .media{
cursor:pointer;
}
.event-timeline .item .media div:after{
z-index:1;
bottom: 0;
content: "";
left: 0;
position: absolute;
top: 0;
width: 100%;
background: rgba(0,0,0,0.2); /* backup */
background: linear-gradient(-180deg, rgba(0, 0, 0, 0.0) 60%, rgba(0, 0, 0, 0.3) 100%);
}
.event-timeline .item.twitter .media div:after,
.event-timeline .item.facebook .media div:after,
.event-timeline .item.instagram .media div:after,
.event-timeline .item.tumblr .media div:after{
background: linear-gradient(-180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.0) 30%, rgba(0, 0, 0, 0.0) 60%, rgba(0, 0, 0, 0.3) 100%);
}
.event-timeline .item .meta-wrap .header{
font-size: 2rem;
line-height: 2.6rem;
}

.event-timeline .meta-wrap .header span.fullText, .event-timeline .meta-wrap .deck span.fullText, .event-timeline .expanded .meta-wrap .header span.excerpt, .event-timeline .expanded .meta-wrap .deck span.excerpt {
display: none;
}
.event-timeline .meta-wrap .header span.excerpt, .event-timeline .meta-wrap .deck span.excerpt, .event-timeline .expanded .meta-wrap .header span.fullText, .event-timeline .expanded .meta-wrap .deck span.fullText {
display: block;
margin-right: 0;
}
.event-timeline .item .noimage .header{
font-size:2.2rem;
font-weight:normal;
line-height: 1.4;
padding:0 40px;
}
.event-timeline .item .image .header{
margin-top:10px;
text-shadow: 0 2px 2px rgba(0,0,0,0.5);
}
.event-timeline .item .image .user{
text-shadow: 0 2px 2px rgba(0,0,0,0.5);
}
.event-timeline .item .meta-wrap .header a{
-ms-word-break: break-all;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.event-timeline .item .image .meta-wrap .header > a,
.event-timeline .item .video .meta-wrap .header > a{
color:#fff;
}
.event-timeline .item .video .header{
cursor:pointer;
}
.event-timeline .item .network-icon{
color: rgba(130,130,130, 0.25);
float: right;
font-size: 3rem;
}
.event-timeline .card-meta{
padding:10px;
background: #f9f9f9;
height:40px;
text-transform: lowercase;
line-height:20px;
}
.event-timeline .card-meta a{
color:#000;
font-weight: normal;
}
.event-timeline .item .noimage .tags{
position: absolute;
left:10px;
right:140px;
bottom:10px;
top:auto;
text-align: left;
}
.event-timeline .item .image .tags{
display: table-header-group;
}

.event-timeline .tags .btn + .btn{
margin-left:0;
}
.event-timeline .tags .btn > span{
padding:5px 10px;
}
.event-timeline .icon-time-clock{
color: rgba(130,130,130, 0.25);
font-size:20px;
float:left;
width:20px;
margin-right:3px;
}
.event-timeline .item.facebook .user,
.event-timeline .item.instagram .user,
.event-timeline .item.tumblr .user{
line-height:48px;
}
.event-timeline .item.twitter .image .user a.name{
color: #fff;
}
.event-timeline .item.twitter .noimage .user a.name{
color:#000;
}
.event-timeline .timestamp{
color:#9d9d9d;
margin-right:3px;
}
/* Network share */
.event-timeline .network-actions{
position:absolute;
right:10px;
bottom:10px;
}
.event-timeline .image .network-actions{
right: -110px;
bottom: 0;
}
.event-timeline .network-actions a{
display: inline-block;
padding: 0 4px 0 14px;
font-size: 1.8rem;
color: rgba(0, 0, 0, .4);
}
.event-timeline .item .image .network-actions a{
color: rgba(255, 255, 255, .8);
}

/* Default Share */
.event-timeline .default-share{
position: absolute;
right: 10px;
top: 0;
color: rgba(0, 0, 0, .4);
}
.event-timeline .default-share .share-actions{
opacity:0;
background-color:#f9f9f9;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.event-timeline .default-share .share-actions.in{
opacity:1;
}
.event-timeline .default-share a{
padding: 0 10px;
font-size: 1.7rem;
}
.event-timeline .default-share a.icon-share-twitter{
color: #00aced;
}
.event-timeline .default-share a.icon-share-facebook{
color: #3b5998;
}
.bg-element {
display: none;
}
.event-timeline .default-share a.icon-share-google-plus{
color: #d34836;
position: relative;
top: 1px;
}
.event-timeline .default-share a.icon-share-tumblr{
color: #35465c;
}
#event-timeline .event-timeline .default-share span.share-actions.in .icon-share-embed {
display: none;
color: rgba(255,255,255,0.75);
}
.event-timeline .default-share .icon-share-sharing{
font-size:2rem;
line-height:38px;
margin-left:5px;
cursor:pointer;
}
.event-timeline .default-share .icon-share-sharing:hover{
color: rgb(0, 0, 0);
}
.event-timeline .item .video .meta-wrap > .deck,
.event-timeline .item .videolist .meta-wrap > .deck{
display:none;
}

/* Modal */
.modal{
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
background: rgba(0,0,0,0.4);
opacity:0;
width:100%;
height:100%;
display:none;
}
.modal.in{
display:table !important;
}
.modal-dialog {
display: table-cell;
vertical-align:middle;
}
.modal-content{
max-width:600px;
margin:auto;
position: relative;
background-color: #000;
color:#fff;
}
.modal-header, .modal-footer, .modal-body{
padding:15px 30px;
}
.modal-header{
padding-top:30px;
}
.modal-footer{
padding-bottom:30px;
}
.modal-title{
font-size:3rem;
text-transform:lowercase;
font-weight:bold;
}
button.close{
float: right;
font-size: 3rem;
line-height: 1;
color: #000;
padding: 3px 7px;
cursor: pointer;
background: #fff;
margin-top:-30px;
margin-right:-30px;
}
#fb-comment-modal textarea{
width:100%;
height:100px;
}
.modal-footer .btn:nth-child(2){
margin-right:10px;
}
.modal .feedback{
margin-left:10px;
}
.modal .feedback.success{
color:green;
}
.modal .feedback.error{
color:red;
}
/* Video */
.event-timeline .icon-actions-play{
position: absolute;
top: 50%;
left:50%;
color: #333;
background: rgba(255,255,255,0.75);
height: 39px;
width: 54px;
margin-top: -19px;
margin-left: -27px;
line-height: 39px;
border-radius: 5px;
font-size: 22px;
cursor: pointer;
z-index:3;
}
.event-timeline .video-nav{
display:none;
margin-bottom:20px;
}
.event-timeline .video-index{
float:right;
font-size:2.4rem;
color:rgba(255,255,255, .6);
}
.event-timeline .item .video .chevrons a{
height:40px;
width:40px;
border-radius: 100%;
background-color:rgba(255,255,255, .6);
margin-right:15px;
display:inline-block;
text-align: center;
line-height: 40px;
color:#222;
font-size:2.4rem;
}
.event-timeline .item .video .chevrons a.disabled{
background-color:rgba(255,255,255, .1);
cursor: default;
}
.event-timeline .col-lg-6.expanded .videolist .meta-wrap .video-nav .header{
margin: 20px 0 0;
padding: 0;
}

.event-timeline .col-lg-6.expanded .videolist .meta-wrap > .header,
.event-timeline .col-lg-6.expanded .videolist .meta-wrap > .deck{
display:none;
}
.event-timeline .col-lg-6.expanded .default-share .message{
color:#fff;
}
.event-timeline .pjs-player{
width:100%;
height:100%;
}
body.isFullScreen .navbar, body.isFullScreen #event-timeline-ribbon{
display:none;
}
/* Expanded Image */
.event-timeline .item .image.expand .media{
cursor:pointer;
}
.event-timeline .item .image.expanded .media{
height:auto;
}
.event-timeline .item .image.expanded .content{
position:static;
height:auto;
}
.event-timeline .item .image.expanded .container16x9:before{
padding-top:0;
}
.event-timeline .item:hover .meta-wrap .header, .event-timeline .item:hover .meta-wrap .sub-header{
color:inherit;
}
/* Expanded Videos */
.event-timeline .items .col-lg-6.expanded{
position: relative;
float: left;
width: 100%;
z-index: 5;
margin-right:-50%;
}
.event-timeline .items .col-lg-6.expanded .user{
display:none;
}
.event-timeline .col-lg-6.expanded:nth-of-type(2n){
margin-left: -50%;
}
.event-timeline .items .col-lg-6.expanded .card-content{
background-color:#222;
padding: 10px 30px 30px;
}
.event-timeline .items .col-lg-6.expanded .media{
width:50%;
float:left;
background-color: transparent;
}
.event-timeline .col-lg-6.expanded .item.instagram .media{
width:50%;
}
.event-timeline .col-lg-6.expanded .item.instagram .video .container16x9{
position:relative;
}
.event-timeline .col-lg-6.expanded .item.instagram .video .container16x9:before{
padding-top:80px;
padding-bottom:100%;
}

.event-timeline .items .col-lg-6.expanded .meta-wrap{
position:static;
display:block;
margin-left: 50%;
padding-left: 30px;
padding-top:0;
}
.event-timeline .col-lg-6.expanded .item.instagram .meta-wrap,
.event-timeline .items .col-lg-6.expanded .item.instagram .default-share .share-actions{
/**margin-left:9%;**/

}
.event-timeline .items .col-lg-6 .card-meta .close{
display:none;
font-size:3.8rem;
font-weight: bold;
cursor: pointer;
float:right;
}
.event-timeline .items .col-lg-6.expanded .card-meta .close{
display:block;
line-height: normal;
margin-top: -10px;
font-family: arial, helvetica, sans-serif;
}
.event-timeline .items .col-lg-6.expanded .default-share{
position:static;
}
.event-timeline .col-lg-6.expanded .default-share a{
display: inline-block;
height: 40px;
width: 40px;
line-height: 40px;
font-size:2.3rem;
}
.event-timeline .col-lg-6.expanded .default-share a:hover,.event-timeline .col-lg-6.expanded .default-share a.zeroclipboard-is-hover{
background-color: rgba(255,255,255, .5);
}
.event-timeline .items .col-lg-6.expanded .default-share .icon-share-sharing{
display:none;
}
.event-timeline .items .col-lg-6.expanded .default-share .share-actions{
display:block !important;
margin-top:25px;
height: auto !important;
margin-left: 50%;
padding-left: 30px;
background-color: transparent;
opacity: 1;
}
.event-timeline .col-lg-6.expanded .meta-wrap .header{
font-size:2.4rem;
padding-bottom:10px;
}
.event-timeline .col-lg-6.expanded .icon-actions-play,
.event-timeline .col-lg-6.expanded .item .media div:after,
.event-timeline .col-lg-6.expanded .item .media .content > div:first-child{
display:none;
}
.event-timeline .col-lg-6.expanded .video-nav, .event-timeline .col-lg-6.expanded .tags{
display:block;
}
#event-timeline .event-timeline .items .col-lg-6.expanded .meta-wrap .tags {
position: absolute;
right: 0;
left: auto;
width: 50%;
padding: 15px;
bottom: 100px;
}
.event-timeline .timeline-ad{
background-color: rgba(0, 0, 0, .05);
padding:30px 0;
}
.event-timeline .timeline-ad .ad-container{
display:table;
width:100%;
height:100%;
}
.event-timeline .timeline-ad .ad-container >div{
display: table-cell;
vertical-align: middle;
}
#event-timeline .event-timeline .item.Winner .card-content .image div.header a span.winnertag {
display: inline-block;
background-color: #fff200;
color: #321446;
font-family: 'AkzidenzGrotesk Cnd', san-serif;
margin-right: 10px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
}
#event-timeline .event-timeline .item.Winner .card-content .image div.header a span.category {
display: inline-block;
color: #a0ffff;
font-family: 'AkzidenzGrotesk Cnd', san-serif;
clear: right;
}

/* Load More */
.btn.load-more{
margin-top: 30px;
}

/* Playlist*/

.tl-video-thumbs ul li.pl-nav-2,
.tl-video-thumbs ul li.pl-nav-3 {
margin-right: 13px;
}

.tl-video-thumbs {
padding: 15px 0 0 0;
}

.tl-video-thumbs ul li {
margin-right: 15px;
width: 20%;
display: inline-block;
opacity: .5;
}

.tl-video-thumbs ul li:first-child,
.tl-video-thumbs ul li:hover {
opacity: 1;
}

.tl-video-thumbs ul li:first-child {
opacity: 1;
}

.tl-video-thumbs ul li.tl-thumb-hidden{
display: none;
margin-right: 0;
width: 0%;
}

.tl-video-thumbs ul li.pl-nav-2 {
width: 2%;
}

.tl-video-thumbs ul li.pl-nav-3 {
width: 0%;
}

#active-thumb{
border: 2px solid #a0ffff;
}

#active-thumb-opacity {
opacity: 1;
}

#chevron-slider {
color: rgba(255,255,255, .6);
}

#event-timeline-ribbon span.jump-top {
display: block;
float: right;
z-index: 9999;
position: relative;
color: #a0ffff;
margin: 15px 75px 0 0;
cursor: pointer;
font-weight: bold;
}

/* Mobile
@media (max-width: 480px){
.event-timeline .item .noimage .header span {
font-weight: normal;
}
}
*/
@media (max-width: 659px){

.event-timeline .item .content{
/*height:170%;*/
height:165px;
}
.event-timeline .item.timeline-ad .content {
height: 100%;
}
.event-timeline .expanded .item.instagram .video .container16x9 .content {
position: absolute !important;
height: 100% !important;
}
.event-timeline .col-lg-6.expanded .item.instagram .meta-wrap {
margin-top: 5%;
}
.event-timeline div.items span.headline-injection a {
font-size: 6.8rem;
line-height: 4.8rem;
}
.event-timeline .items .col-lg-6{
top: 0 !important; /* Don't adjust top values for mobile */
margin: 10px 0;
}
.event-timeline .items .col-lg-6.expanded{
margin-right:0;
}
#event-timeline-ribbon span.jump-top {
float: none;
position: fixed;
margin: 0;
background-color: #321446;
padding: 5px;
left: 50%;
top: 245px;
}
.event-timeline .col-lg-6.expanded:nth-of-type(2n){
margin-left:0;
}
.event-timeline .items .col-lg-6.expanded .media,
.event-timeline .col-lg-6.expanded .item.instagram .media{
width:100%;
float:none;
}
.event-timeline .items .col-lg-6.expanded .meta-wrap{
margin-top:10px;
}
.event-timeline .items .col-lg-6.expanded .meta-wrap,
.event-timeline .items .col-lg-6.expanded .default-share .share-actions,
.event-timeline .items .col-lg-6.expanded .item.instagram .meta-wrap,
.event-timeline .items .col-lg-6.expanded .item.instagram .default-share .share-actions{
margin-left:10px;
margin-right:10px;
padding-left:0;
}
.event-timeline .col-lg-6.expanded .item .tags,
.event-timeline .col-lg-6.expanded .item.instagram .tags{
margin-left:0;
margin-right:10px;
padding-left:0;
}
.event-timeline .items .col-lg-6.expanded .default-share .share-actions{
margin-top:20px;
}
#event-timeline .event-timeline .image .network-actions,
#event-timeline .event-timeline .video .network-actions {
margin: 0;
border-top: 0px none;
padding-top: 0;
position: absolute;
}
.event-timeline .col-lg-6.expanded .item .meta-wrap .header{
padding-left:0;
color:#fff;
}
.event-timeline .col-lg-6.expanded .item .image .meta-wrap .header a{
color:#fff;
}
.event-timeline .items .col-lg-6.expanded .card-content{
padding:0 0 30px;
}
.event-timeline .item .image .media{
min-height:200px;
}
.event-timeline .image .container16x9:before,
.event-timeline .noimage.container16x9:before{
padding-top:0;
}
.event-timeline .item .image .container16x9 .content,
.event-timeline .item .noimage.container16x9 .content{
position:static;
}
.event-timeline .item .noimage .tags{
margin-bottom:10px;
margin-left:10px;
position:static;
}
.event-timeline .col-lg-6.expanded .item.instagram .media .container16x9 .content{
position:absolute;
}
.event-timeline .noimage .network-actions{
margin:10px 0 10px 10px;
border-top: 2px solid #f0f0f0;
padding-top: 10px;
position:static;
float:none;
}
.event-timeline .noimage .meta-wrap .header span.excerpt,
.event-timeline .noimage .meta-wrap .deck span.excerpt {
display: none;
}
.event-timeline .noimage .meta-wrap .header span.fullText,
.event-timeline .noimage .meta-wrap .deck span.fullText {
display: block !important;
}

#event-timeline .event-timeline .item .card-content .image div.header {
top:0px!important;
}

.timeline-ad{
display:block;
}
.event-timeline .item .image .user,
.event-timeline .item .image .meta-wrap,
.event-timeline .item .video .meta-wrap{
position:static;
}
.event-timeline .item .image .meta-wrap,
.event-timeline .item .video .meta-wrap{
margin-top:10px;
display:block;
margin-right:0;
}
.event-timeline .item.facebook .image .meta-wrap,
.event-timeline .item.twitter .image .meta-wrap{
margin-right:0;
}
.event-timeline .item .image .meta-wrap .header > a,
.event-timeline .item .video .meta-wrap .header > a,
.event-timeline .item.twitter .image .user a.name{
color:#000;
}
.event-timeline .expanded .video .meta-wrap .header a{
color:#fff;
}
.event-timeline .item .image .meta-wrap .header,
.event-timeline .item .video .meta-wrap .header{
padding-left:10px;
padding-bottom:10px;
color:#000;
margin-right:10px;
}
.event-timeline .item .noimage .header{
padding:20px 10px;
}
.event-timeline .item .tags{
margin:0 10px 10px 10px;
position:static;
text-align:left;
}
.event-timeline .item .image .tags{
display:block;
}
.event-timeline .item .image .header{
margin-top:0;
}
.event-timeline .item .image .network-actions a, .event-timeline .item .video .network-actions a{
color: rgba(0,0,0,0.4);
}
.event-timeline .image .network-actions, .event-timeline .video .network-actions{
margin:10px 0 10px 10px;
border-top: 2px solid #f0f0f0;
padding-top: 10px;
position:static;
float:none;
}
.event-timeline .item .image .header,
.event-timeline .item .image .user{
text-shadow: none;
}
.event-timeline .default-share a {
padding: 0 2px;
}
.event-timeline .item .media div:after,
.event-timeline .item.twitter .media div:after,
.event-timeline .item.facebook .media div:after,
.event-timeline .item.instagram .media div:after,
.event-timeline .item.tumblr .media div:after{
background: none;
}
.event-timeline .item .user .screenname{
font-size:1.4rem;
}
.event-timeline .timeline-ad{
min-height:300px;
}
.event-timeline .image .meta-wrap .header span.excerpt,
.event-timeline .image .meta-wrap .deck span.excerpt {
display: none;
}
.event-timeline .image .meta-wrap .header span.fullText,
.event-timeline .image .meta-wrap .deck span.fullText {
display: inline;
}
.tl-video-thumbs{
display: none !important;
}
#event-timeline .event-timeline .col-lg-6.expanded .item.instagram .meta-wrap,
#event-timeline .event-timeline .items .col-lg-6.expanded .item.instagram .default-share .share-actions {
position: relative;
left: 0px;
}
}

@media (min-width: 660px) {
.item .media {
background: #321446;
}
}

/*Tablet*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

.event-timeline .container16x9:before {
padding-top: 82.25%;
}

/*#event-timeline .event-timeline .item .card-content .image div.header {
padding-bottom:50px!important;
}*/
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

.event-timeline .container16x9:before {
padding-top: 62.25%;
}

#event-timeline .event-timeline .item .card-content .image div.header {
padding-bottom:50px!important;
}

}

@media(max-width : 824px){
.event-timeline .container16x9:before {
padding-top: 82.25%;
}
.item .meta-wrap > div.header span {
display: inline;
}
}

@media(max-width : 924px){
.event-timeline .container16x9:before {
padding-top: 69.25%;
}
}

@media(min-width: 980px) {
.event-timeline .items .col-lg-6.expanded .media {
float: left;
min-height: 323px !important;
}
#event-timeline .event-timeline .items .col-lg-6.expanded .meta-wrap {
width: 50%;
margin: 0;
float: left;
}
#event-timeline .event-timeline .items .col-lg-6.expanded .card-content .meta-wrap .header {
margin: 0;
height: auto;
}
#event-timeline .event-timeline .items .col-lg-6.expanded .meta-wrap .tags {
padding: 15px 0 0 30px;
bottom: 75px;
}
}

@media(max-width : 1023px){
.event-timeline .container16x9:before {
padding-top: 65.25%;
}
#event-timeline .event-timeline .col-lg-6.expanded .item.instagram .meta-wrap,
#event-timeline .event-timeline .items .col-lg-6.expanded .item.instagram .default-share .share-actions {
margin: 20px 10px;
position: relative;
left: 10px;
}
}

@media(min-width: 1024px) {
#event-timeline .event-timeline .col-lg-6.expanded .item.instagram .meta-wrap,
#event-timeline .event-timeline .items .col-lg-6.expanded .item.instagram .default-share .share-actions {
margin: 20px 0;
position: relative;
left: auto;
}
}

@media(max-width : 1124px){
.event-timeline .container16x9:before {
padding-top: 62.25%;
}
}

@media(max-width : 1224px){
.event-timeline .container16x9:before {
padding-top: 52.25%;
}
}

/* Scroll-in animation */
.event-timeline [class^="col-"] {
position: relative;
opacity: 1;
top: 0px;
/*transition: top 0.4 ease-in;*/
}
.event-timeline .already-visible {
top: 0;
opacity: 1;
}
.event-timeline .come-in {
/*-webkit-animation: come-in 0.8s ease forwards; 
-moz-animation: come-in 0.8s ease forwards; 
-ms-animation: come-in 0.8s ease forwards;
-o-animation: come-in 0.8s ease forwards; 
animation: come-in 0.8s ease forwards;*/
}
body.isIE9 .event-timeline .col-lg-6, body.isIE8 .event-timeline .col-lg-6, body.isIE9 .event-timeline .come-in, body.isIE8 .event-timeline .come-in {
opacity: 1 !important;
top: 0 !important;
/*-ms-transform: translateY(0px);
-webkit-transform: translateY(0);
transform: translateY(0px);*/
-webkit-animation: none !important;
-moz-animation: none !important;
-ms-animation: none !important;
-o-animation: none !important;
animation: none !important;
}
.event-timeline .come-in:nth-child(odd) {
/*-webkit-animation: come-in 0.6s ease forwards;
-moz-animation: come-in 0.6s ease forwards; 
-ms-animation: come-in 0.6s ease forwards; 
-o-animation: come-in 0.6s ease forwards; 
animation: come-in 0.6s ease forwards;*/
}

/*Twitter fix for mobile landscape*/
@media (max-width: 979px)
and (orientation : landscape) {
#event-timeline .event-timeline .item .card-content .image div.header a span {
max-width:100%!important;
}
}

/* disable animation on mobile */
@media (max-width: 480px){
.event-timeline .col-lg-6, .event-timeline .come-in, .event-timeline .already-visible {
opacity: 1 !important;
/*-ms-transform: translateY(0px);
-webkit-transform: translateY(0);
transform: translateY(0px);*/
-webkit-animation: none !important;
-moz-animation: none !important;
-ms-animation: none !important;
-o-animation: none !important;
animation: none !important;
top: 0;
margin: 0 !important;
}
}
/*
@-webkit-keyframes come-in {
to {
top: 0;
opacity: 1;
}
}
@-ms-keyframes come-in {
to {
top: 0;
opacity: 1;
}
}
@keyframes come-in {
to {
top: 0;
opacity: 1;
}
}
*/
#event-timeline-ribbon {
position: relative;
background: #fff;
width: 100%;
height: 50px;
z-index: 8;
overflow: visible;
-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
}

#event-timeline-ribbon.affix {
position: fixed;
top: 0;
width: 100%;
z-index: 300;
}

#event-timeline-ribbon.affix + div.event-timeline-container {
padding-top: 50px;
}

#event-timeline-ribbon ul.visible {
display: block;
position: relative;
z-index: 9;
margin: 0 0 0 0;
padding: 0 0 0 10px;
}

#event-timeline-ribbon ul.visible li {
display: none;
}

#event-timeline-ribbon ul li a {
font-weight: bold;
color: #252B5A;
line-height: 50px;
font-size: 1.8rem;
padding: 5px 7px;
overflow: hidden;
text-transform: uppercase;
-webkit-transition: background-color 200ms linear;
-moz-transition: background-color 200ms linear;
-o-transition: background-color 200ms linear;
-ms-transition: background-color 200ms linear;
transition: background-color 200ms linear;
}

#event-timeline-ribbon ul.visible li a {
margin: 0 20px 0 0;
/*border: 2px solid transparent;*/
}

#event-timeline-ribbon ul.visible li.temp-tag {
opacity: 0;
}

#event-timeline-ribbon ul li a.active,
#event-timeline-ribbon ul li.active a {
color: #fff;
background: #3C5AA1;
/*border: 2px solid #00BBEF;*/
border-radius: 0px;
}

body.device-platform-type-desktop #event-timeline-ribbon ul li a:hover {
color: #fff;
background: #3C5AA1;
/*border: 2px solid #00BBEF;*/
border-radius: 0px;
}

#event-timeline-ribbon ul.visible li:first-child {
float: left;
}

#event-timeline-ribbon ul.visible li.active {
float: left;
}

/* checkbox hack - DISABLED AS IT'S TOO CPU INTENSIVE ON SAFARI
body {-webkit-animation: bugfix infinite 1s;}
@-webkit-keyframes bugfix {from {padding: 0;}to {padding: 0;}}*/
body {
padding: 0!important; /* INTERIM REPLACEMENT FOR ABOVE HACK */
}

#event-timeline-ribbon input[type=checkbox] {
/*position: absolute;
top: -9999px;
left: -9999px;*/
display: none;
}

#event-timeline-ribbon label {
display: none;
cursor: pointer;
user-select: none;
}

#event-timeline-ribbon nav[role="custom-dropdown"] {
position: absolute;
width: 100%;
top: 0;
right: 10px;
left: 0;
height: 50px;
}
#event-timeline-ribbon nav[role="custom-dropdown"] ul {
max-width: 1200px;
margin: 0 auto;
}

#event-timeline-ribbon nav[role="custom-dropdown"] a,
#event-timeline-ribbon nav[role="custom-dropdown"] label {
text-decoration: none;
}

#event-timeline-ribbon nav[role="custom-dropdown"] a:hover,
#event-timeline-ribbon nav[role="custom-dropdown"] label:hover:after {
color: #000;
text-decoration: none;
}

#event-timeline-ribbon nav[role="custom-dropdown"] ul {
padding: 0;
margin: 0 auto;
width: 100%;
list-style: none;
display: none;
height: 0px;
z-index: 10;
position: relative;
overflow: hidden;
-webkit-transition: height 200ms linear;
-moz-transition: height 200ms linear;
-o-transition: height 200ms linear;
-ms-transition: height 200ms linear;
transition: height 200ms linear;
}

#event-timeline-ribbon nav[role="custom-dropdown"] ul > li {
float: left;
cursor: pointer;
/*padding-left: 10px;*/
}

#event-timeline-ribbon nav[role="custom-dropdown"] ul li a {
display: block;
border-radius: 0;
border: 0px none;
margin: 0;
padding: 5px 17px;
}

#event-timeline-ribbon nav[role="custom-dropdown"] ul > li:hover > a {
color: #fff;
}

#event-timeline-ribbon nav[role="custom-dropdown"] label {
position: relative;
display: none;
width: 50px;
min-height: 2.25em;
padding: .45em;
font-size: 1.1em;
margin: 0;
float: right;
z-index: 10;
}

#event-timeline-ribbon nav[role="custom-dropdown"] label:after {
position: absolute;
right: 20px;
top: 0px;
content: "...";
font-size: 5rem;
line-height: 2.4rem;
font-family: georgia, serif;
color: #00BBEF;
z-index: 10;
}

#event-timeline-ribbon nav[role="custom-dropdown"] input[type=checkbox]:checked ~ label:after {
color: #222;
}

#event-timeline-ribbon nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul {
display: block;
height: 100%;
margin-top: 50px;
overflow: visible;
}

#event-timeline-ribbon nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li {
width: 100%;
text-align: left;
background: #fff;
border-top: 2px solid #f2f2f2;
}

#event-timeline-ribbon nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li:hover {
background: #f2f2f2;
}

#event-timeline-ribbon nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li {
display: none;
}

#event-timeline-ribbon nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li:last-child {
-webkit-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.2);
box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.2);
}

/* Dropdown item breakpoints */

/* iOS vh fix*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape){
#event-timeline-ribbon.affix nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul{
max-height:364px;
}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation:landscape){
#event-timeline-ribbon.affix nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul{
max-height:270px;
}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation:portrait){
#event-timeline-ribbon.affix nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul{
max-height:518px;
}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape){
#event-timeline-ribbon.affix nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul{
max-height:270px;
}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait){
#event-timeline-ribbon.affix nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul{
max-height:430px;
}
}
/**/

/*@media (max-width: 315px){
#event-timeline-ribbon ul.visible li {
display: none;
}
#event-timeline-ribbon ul.visible li.active {
display: block !important;
}
#event-timeline-ribbon nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li {
display: block;
}
}
@media (max-width: 319px){
#event-timeline-ribbon ul.visible li:nth-child(1n+2) {
display: none;
}
#event-timeline-ribbon nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li:nth-child(1n+2) {
display: block;
}
}
@media (max-width: 374px){
#event-timeline-ribbon ul.visible li:nth-child(1n+3) {
display: none;
}
#event-timeline-ribbon nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li:nth-child(1n+3) {
display: block;
}
}
@media (max-height: 399px) {
#event-timeline-ribbon.affix nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul {
height: auto;
max-height: 80vh;
overflow: auto;
}
#event-timeline-ribbon.affix nav[role="custom-dropdown"] ul::-webkit-scrollbar {
-webkit-appearance: none;
width: 8px;
}
#event-timeline-ribbon.affix nav[role="custom-dropdown"] ul::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
}
@media (max-width: 499px){
#event-timeline-ribbon ul.visible li:nth-child(1n+4) {
display: none;
}
#event-timeline-ribbon nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li:nth-child(1n+4) {
display: block;
}
}
@media (max-width: 599px){
#event-timeline-ribbon ul.visible li:nth-child(1n+5) {
display: none;
}
#event-timeline-ribbon nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li:nth-child(1n+5) {
display: block;
}
}
@media (max-width: 749px){
#event-timeline-ribbon ul.visible li:nth-child(1n+6) {
display: none;
}
#event-timeline-ribbon nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li:nth-child(1n+6) {
display: block;
}
}
@media (max-width: 949px){
#event-timeline-ribbon ul.visible li:nth-child(1n+7) {
display: none;
}
#event-timeline-ribbon nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li:nth-child(1n+7) {
display: block;
}
}
@media (max-width: 1209px){
#event-timeline-ribbon ul.visible li:nth-child(1n+8) {
display: none;
}
#event-timeline-ribbon nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li:nth-child(1n+8) {
display: block;
}
}
@media (max-width: 1549px){
#event-timeline-ribbon ul.visible li:nth-child(1n+9) {
display: none;
}
#event-timeline-ribbon nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li:nth-child(1n+8) {
display: block;
}
}
#event-timeline-ribbon ul.visible li:nth-child(1n+10) {
display: none;
}
#event-timeline-ribbon nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li:nth-child(1n+9) {
display: block;
}*/

/* Tag hub sponsors */

.event-timeline-sponsor {
position: relative;
z-index: 2;
padding-top: 15px;
margin-bottom: -20px;
max-height: 0px;
overflow: hidden;
-webkit-transition: max-height 1s;
-moz-transition: max-height 1s;
transition: max-height 1s;
}
.event-timeline-sponsor.active {
max-height: 200px;
}
.event-timeline-sponsor img {
width: 200px;
}
.event-timeline-sponsor .main-sponsor-wrap {
text-align: right;
margin:0 auto;
width: 100%;
margin-bottom: 5px;
padding-top: 20px;
}
.event-timeline-sponsor .main-sponsor-header {
display: inline-block;
font-family:'AkzidenzGrotesk Cnd', san-serif;
color: black;
font-size:3.4rem;
vertical-align: middle;
text-transform: uppercase;
letter-spacing: 2px;
margin-right: 15px;
margin-top:-7px;
}
.event-timeline-sponsor .presented-by {
font-size:1.4rem;
line-height: 1rem;
text-transform: lowercase;
font-family: 'AkzidenzGrotesk', san-serif;
font-weight: 400;
letter-spacing: 0;
}
@media (max-width: 360px) {
.event-timeline-sponsor {
/*height: 110px;*/
}
.event-timeline-sponsor .main-sponsor-header {
margin-right: 0px;
margin-top: 0;
}
.event-timeline-sponsor img {
margin-top: 10px;
}
}
@media (min-width: 480px) {
.event-timeline-sponsor .main-sponsor-header {
text-align: left;
float: left;
}
.event-timeline-sponsor .presented-by {
float: none;
top: -5px;
position: relative;
}
}
@media (max-width: 480px) {
.event-timeline-sponsor {
margin-right: 0;
}
.event-timeline-sponsor .main-sponsor-wrap {
text-align: center;
}
.event-timeline-sponsor .presented-by {
display: block;
padding-bottom: 10px;
}
}

#event-hero-spot {
background: #252B5A;
color: #ffffff;
width: 100%;
}

#event-hero-spot .event-hero.carousel-inner {
background: #222;
}

#event-hero-spot .event-hero-tag-group-inner {
display: table;
table-layout: fixed;
width: 100%;
overflow: hidden;
}

#event-hero-spot .main-hero {
display: block;
position: relative;
width: 100%;
height: 55vw;
background-size: cover;
background-position: center center;
}

#event-hero-spot .main-hero a {
display: table;
height: 100%;
width: 100%;
}

#event-hero-spot .event-cta {
position: absolute;
z-index: 2;
color: #fff;
font-size: 6vw;
line-height: 1.2;
text-align: left;
bottom: 0;
font-weight: normal;
padding: 4%;
text-transform: capitalize;
left:0;
right:0;
}

#event-hero-spot .event-cta-btn {
display: table;
table-layout: fixed;
font-size: 1.9rem;
line-height: 36px;
border-radius: 2px;
color: #fff;
text-align: center;
background: #00BBEF;
margin-top: 2vw;
}

#event-hero-spot .event-cta-btn span.cta {
display: table-cell;
transition-duration: 0.2s;
color: #fff;
padding: 0 15px;
}

#event-hero-spot .event-cta-btn span.icon-chevron-right {
display: inline-block;
padding: 0 0 0 5px;
font-size: 0.9em;
line-height:36px;
float:right;
}

#event-hero-spot .event-cta-btn span.cta:hover {
background: rgba(255, 255, 255, 0.2);
}

#event-hero-spot .event-cta-btn-alt {
display: table;
table-layout: fixed;
font-size: 1.9rem;
line-height: 36px;
border-radius: 2px;
color: #fff;
text-align: center;
background: #00BBEF;
width: 150px;
margin-top: 2vw;
}

#event-hero-spot .event-cta-btn-alt span.cta {
display: table-cell;
transition-duration: 0.2s;
color: #fff;
}

#event-hero-spot .event-cta-btn-alt span.icon-chevron-right {
display: inline-block;
}

#event-hero-spot .event-cta-btn-alt span.cta:hover {
background: rgba(255, 255, 255, 0.2);
}

#event-hero-spot .pinned-promo-group {
position: relative;
display: block;
background: #222;
padding: 0 10px;
}

#event-hero-spot .pinned-promo {
display: table;
table-layout: fixed;
padding: 10px 0 10px 0;
border-bottom: 2px solid rgba(255,255,255, .1);
max-height: 16.25vw;
}

#event-hero-spot .pinned-promo:hover {
opacity: .8;
}

#event-hero-spot .pinned-promo:last-child {
border: none;
}

#event-hero-spot .pinned-promo span {
display: table-cell;
vertical-align: top;
color: #fff;
font-size: 4.5vw;
width: 66%;
}

.pinned-promo img {
display: table-cell;
vertical-align: top;
width: 90%;
}

#event-hero-spot.sponsored .event-hero-tag-group.active .event-cta:after{
content: '';
background-image: url('/events/trailblazer-honors/2.0/images/logo_tbh_att_bug_white-370x70.png');
background-size: cover;
display: block;
width: 222px;
height: 42px;
position: absolute;
bottom: 10px;
right: -40px;
}

@media (min-width: 660px){
#event-hero-spot .event-cta {
padding: 20px;
font-size: 3.8vw;
margin-top: 2.5vw;
}

#event-hero-spot .main-hero {
height: 32.5vw;
}

#event-hero-spot .event-cta-btn {
font-size: 2rem;
/* height: 38px; */
line-height: 36px;
margin-top: 8px;
}
#event-hero-spot .event-cta-btn span.icon-chevron-right {
line-height:36px;
}
#event-hero-spot .event-cta-btn-alt {
font-size: 2rem;
/* height: 38px; */
line-height: 36px;
width: 160px;
margin-top: 8px;
}

#event-hero-spot .pinned-promo-group {
position: relative;
display: block;
background: #222;
padding: 10px 10px 13px;
width: 100%;
}

#event-hero-spot .pinned-promo {
display: inline-table;
table-layout: fixed;
padding: 0;
border-bottom: none;
width: 49%;
}

#event-hero-spot .pinned-promo span {
display: table-cell;
vertical-align: top;
color: #fff;
font-size: 1.9rem;
line-height: 1.3;
width: 66%;
padding-right: 15px;
}
.pinned-promo img {
padding-top: 5px;
display: table-cell;
vertical-align: top;
width: 90%;
}

#event-hero-spot.sponsored .event-hero-tag-group.active .event-cta:after{
width:370px;
height:70px;
right:0;
}
}

@media (min-width: 980px){
#event-hero-spot div.carousel-inner {
max-height: 398px;
overflow: hidden;
}
#event-hero-spot .main-hero {
display: table-cell;
vertical-align: top;
}

#event-hero-spot .event-cta {
font-size: 3.6rem;
margin-top: 30px;
}

#event-hero-spot .event-cta-btn {
font-size: 2rem;
/* height: 38px; */
line-height: 40px;
}
#event-hero-spot .event-cta-btn span.icon-chevron-right {
line-height:40px;
}
#event-hero-spot .event-cta-btn-alt {
font-size: 2rem;
/* height: 38px; */
line-height: 40px;
width: 160px;
}

#event-hero-spot .pinned-promo-group {
display: table-cell;
background: #222;
padding: 0;
vertical-align: top;
width: 41.9%;
max-height: 398px;
}

#event-hero-spot .pinned-promo {
position: relative;
display: block;
padding: 0;
border-bottom: none;
width: 100%;
}

#event-hero-spot .pinned-promo span {
position: absolute;
z-index: 2;
display: block;
font-size: 2.1rem;
font-weight: normal;
line-height: 1.1;
width: 100%;
padding: 0 15px 10px 10px;
bottom: 0;
}
.pinned-promo img {
padding-top: 0;
display: block;
width: 100%;
}
}

@media (min-width: 1200px){
#event-hero-spot .main-hero {
height: 398px;
}

#event-hero-spot .event-cta {
font-size: 3.6rem;
margin-top: 30px;
}

#event-hero-spot .event-cta-btn {
font-size: 2.2rem;
/* height: 38px; */
line-height: 44px;
margin-top: 12px;
}
#event-hero-spot .event-cta-btn span.icon-chevron-right {
line-height: 44px;
}
#event-hero-spot .event-cta-btn-alt {
font-size: 2.2rem;
/* height: 38px; */
line-height: 44px;
width: 173px;
margin-top: 12px;
}
}
/* UI Kit adjustments */

#event-hero-spot .overlay7:after {
display: none;
bottom: 0;
content: "";
left: 0;
position: absolute;
top: 0;
width: 100%;
background: 
linear-gradient(-180deg, 
rgba(0, 0, 0, 0.0) 30%, 
rgba(0, 0, 0, 0.6) 100%) repeat scroll 0 0 
rgba(0, 0, 0, 0.0);
}

@media (min-width: 980px){
#event-hero-spot .overlay7:after {
display: block;
}
}

#event-hero-spot .overlay2:after {
bottom: 0;
content: "";
left: 0;
position: absolute;
top: 0;
width: 100%;
background: 
linear-gradient(-180deg, 
rgba(0, 0, 0, 0.0) 40%, 
rgba(0, 0, 0, 0.6) 100%) repeat scroll 0 0 
rgba(0, 0, 0, 0.0);
pointer-events: none;
}

/* Bootstrap Carousel */

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
overflow: hidden;
width: 100%;
}
.carousel-inner > .item {
display: none;
position: relative;
-webkit-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
-webkit-transition: -webkit-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
left: 0;
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
}
.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right,
.carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
body.broken-out-nav .pull-right {
float: none;
position: absolute;
width: 100%;
left: 0;
margin: 50px 0 0;
background: #1e1e1e;
}

body.broken-out-nav a#nav-close {
display: none;
}

body.broken-out-nav #nav-top {
max-width: 1200px;
margin: 0 auto;
}

body.broken-out-nav ul.nav-collapse {
max-width: 1200px;
position: relative;
margin: 0 auto;
display: block;
padding-left: 55px;
}

body.broken-out-nav ul.nav-collapse li {
width: auto;
position: relative;
float: left;
border-bottom: 0;
}

body.broken-out-nav .navbar-inner .container {
max-width: 100%;
}

body.broken-out-nav .navbar-inner .container #nav-top .nav-collapse > li > a {
background-color: transparent;
color: #c5a85d;
font-family: 'AkzidenzGrotesk Cnd', san-serif;
font-size: 2rem;
font-weight: 700;
letter-spacing: 2px;
margin-right: 23px;
text-transform: uppercase;
}

body.broken-out-nav .navbar-inner .container #nav-top .nav-collapse li a:hover {
background: #c5a85d;
color: #000;
}

body.broken-out-nav .navbar-inner {
height: 100px;
}

.navbar .pull-right {
/* display: none; */
}

body.broken-out-nav .navbar .pull-right, body.optimizely-off .navbar .pull-right {
display: block;
}

@media (max-width: 1024px) {
body.broken-out-nav ul.nav-collapse {
width: 100%;
}
}