.carousel { position: relative; overflow: hidden; }
.carousel-items { position: relative; left: 0; white-space: nowrap;
	-webkit-transition: left 0.3s;
	-moz-transition: left 0.3s;
	-o-transition: left 0.3s;
	transition: left 0.3s;
}
.carousel-items.resetting {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.carousel-items > li { display: inline-block; vertical-align: top; white-space: normal; }

.carousel-flipper {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.carousel-style-spotlight { height: 460px; background-color: #000; }
.carousel-style-spotlight .carousel-image { display: block; margin: 0 auto; height: 100%; opacity: 0; }
.carousel-style-spotlight .carousel-flipper { position: absolute; top: 0; display: block; width: 150px; height: 100%; }
.carousel-style-spotlight .carousel-flipper.right { right: 0; }
.carousel-style-spotlight .carousel-flipper > span { position: relative; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; padding: 10px; width: 30px; height: 30px; border: 1px solid #FFF; border-radius: 15px; cursor: pointer; }
.carousel-style-spotlight .carousel-flipper > span > .icon { position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -4px; }

.carousel-style-spotlight .carousel-items { width: 100%; height: 100%; }
.carousel-style-spotlight .carousel-items > li { position: relative; width: 100%; height: 100%; }
.carousel-style-spotlight .carousel-image-wrap { display: block; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; }
.carousel-style-spotlight .carousel-items > li > .row { position: relative; }
.carousel-style-spotlight .carousel-items > li > .row:before { position: absolute; top: 0; bottom: 0; left: 0;
	display: block; visibility: visible; width: 100px; height: 100%;
	background-image: -webkit-linear-gradient(left, #000, transparent);
	background-image: -moz-linear-gradient(left, #000, transparent);
	background-image: linear-gradient(left, #000, transparent); content: ""; pointer-events: none;
}
.carousel-style-spotlight .carousel-items > li > .row:after { position: absolute; top: 0; right: 0; bottom: 0;
	display: block; visibility: visible; width: 100px; height: 100%;
	background-image: -webkit-linear-gradient(right, #000, transparent);
	background-image: -moz-linear-gradient(right, #000, transparent);
	background-image: linear-gradient(right, #000, transparent); content: ""; pointer-events: none;
}

.carousel-style-spotlight .carousel-detail { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; padding: 13px; height: 84px; background-color: #333; color: #FFF; text-transform: uppercase; }
.carousel-style-spotlight .carousel-detail > .row { text-overflow: ellipsis; white-space: nowrap; }
.carousel-style-spotlight .carousel-detail .heading-style-1 { overflow: hidden; color: inherit; text-overflow: ellipsis; white-space: nowrap; }
.carousel-style-spotlight .carousel-detail .blogger-avatar { margin: -46px 15px 0 0; }

.carousel-style-strip > .carousel-items > li { padding-right: 7px; }
.carousel-style-strip > .carousel-items > li > div > time { font-size: 10px; }

.carousel-style-strip > .left.icon,
.carousel-style-strip > .right.icon { position: absolute; top: 0; height: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.carousel-style-strip > .right { right: 0; }

.carousel-style-strip { padding: 5px 0; }
.carousel-style-strip > .carousel-items > li > .poster { width: 125px; height: 254px; }
.carousel-style-strip > .carousel-items > li > .poster .heading-style-1 { margin-bottom: 2px; max-height: 35px; height: 35px; font-size: 20px; }
.carousel-style-strip > .carousel-items > li > .blogger-hCard { width: 160px; height: 300px; }

.carousel-style-gallery { padding-bottom: 40px; width: 100%; background-color: #000;
	background-image: -webkit-radial-gradient(#333, #000);
	background-image: -o-radial-gradient(#333, #000);
	background-image: radial-gradient(#333, #000); color: #FFF;
}

.carousel-style-gallery .heading-style-1 { margin: 15px 0; color: inherit; }

.carousel-style-gallery:-webkit-full-screen { position: fixed; top: 0; right: 0; bottom: 0; left: 0; }
.carousel-style-gallery:-moz-full-screen { position: fixed; top: 0; right: 0; bottom: 0; left: 0; }
.carousel-style-gallery:-ms-full-screen { position: fixed; top: 0; right: 0; bottom: 0; left: 0; }
.carousel-style-gallery:fullscreen { position: fixed; top: 0; right: 0; bottom: 0; left: 0; }

.carousel-style-gallery .jcarousel { position: relative; overflow: hidden; height: 650px; }
.carousel-style-gallery:-webkit-full-screen .jcarousel { height: 100%; }
.carousel-style-gallery:-moz-full-screen .jcarousel { height: 100%; }
.carousel-style-gallery:-ms-fullscreen .jcarousel { height: 100%; }
.carousel-style-gallery:fullscreen .jcarousel { height: 100%; }

.carousel-style-gallery .carousel-items { height: 100%; opacity: 1;
	-webkit-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.thumbnails-active .carousel-items { opacity: 0; }
.carousel-style-gallery .carousel-items > li { position: relative; display: block; float: left; width: 100%; height: 100%; }
.carousel-style-gallery .carousel-items > li > .row { padding: 0 70px; height: 100%; }
.carousel-style-gallery .carousel-items > li > .row > .content { position: relative; overflow: hidden; height: 100%; }
.carousel-style-gallery .carousel-items > li > .row > .sidebar + .content { margin-right: 335px; }
.carousel-style-gallery .carousel-image { position: absolute; top: 50%; left: 50%; display: block; margin: auto; margin: auto; max-width: 100%; max-height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.carousel-style-gallery .carousel-item-detail { position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 250px;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
}
.carousel-style-gallery .carousel-item-detail > .row > div { position: absolute; bottom: 0; padding: 25px; width: 460px; font-size: 18px; font-family: "Times New Roman"; line-height: 22px; }
.carousel-style-gallery .carousel-item-detail .heading-size-xs { margin-bottom: 5px; text-transform: uppercase; font-weight: bold; font-family: "proxima-nova", Helvetica, Arial, sans-serif; }
.carousel-style-gallery .carousel-item-detail p { font-style: italic; font-size: inherit; line-height: inherit; }

.carousel-style-gallery .toolbar { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #242021; color: #FFF; line-height: 40px; }
.carousel-style-gallery .current-slide-indicator { text-align: center; font-style: italic; font-size: 18px; font-family: "Times New Roman", Times, Baskerville, Georgia, serif; }

.carousel-style-gallery .toolbar menu > li { margin: 0 10px; cursor: pointer; }
/*TODO make a class on icon for grunt to supply this for us v*/
.carousel-style-gallery .toolbar menu > li .icon { background-size: 100%; }
.carousel-style-gallery .toolbar menu > li > .icon { width: 13px; height: 13px; }
.carousel-style-gallery .toolbar menu > li .share-panel-container .icon { background-size: 22px 22px; }
.carousel-style-gallery .toolbar menu .current-slide { display: block; padding: 5px; color: #FFF; text-align: center; font-style: italic; font-family: "Times New Roman", Times, Baskerville, Georgia, serif; }

.carousel-style-gallery .icon.photo-gallery-arrow { position: absolute; top: 50%; left: 0; margin: -15px 20px 0; width: 37px; height: 37px; border: 2px solid #FFF; border-radius: 37px; cursor: pointer;
	-webkit-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
	z-index: 2;
}
.carousel-style-gallery .icon.right { right: 0; left: auto; }

.carousel-style-gallery.start .icon.left-arrow-white,
.carousel-style-gallery.end .icon.right-arrow-white,
.carousel-style-gallery.thumbnails-active .photo-gallery-arrow { opacity: 0; }

.carousel-style-gallery .thumbnails { position: absolute; top: 100%; right: 0; bottom: 83px; left: 0; overflow: auto; text-align: center; opacity: 0;
	-webkit-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.thumbnails-active .thumbnails { top: 0; opacity: 1; }
.carousel-style-gallery .thumbnails .grid > li { display: inline-block; overflow: hidden; margin: 3px; width: 130px; height: 110px; border: 2px solid transparent; cursor: pointer; }
.carousel-style-gallery .thumbnails .grid > li.active { border-color: #F2581F; }

#gallery-interstitial { position: absolute; top: 50%; left: 50%; display: none; margin: auto;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); }

.endcard { color: #FFF; text-align: center; }
.endcard > .row { position: absolute; top: 50%; left: 50%; margin: auto; width: 100%; height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.endcard > .row > div { height: 100%; vertical-align: middle; }
.endcard ul { margin: 25px 0; }
.endcard ul .media { float: none; vertical-align: top; }
.endcard ul .media > div { margin-top: 5px; text-align: left; }
.endcard .share-btn { display: inline-block; padding: 15px; line-height: 21px; }

.carousel-style-gallery .carousel-items > li > .row > .sidebar > .ad-multi-logo { position: absolute; top: 20px; right: 0; width: 300px; text-align: center; }

@media (min-width: 1025px) {
	.carousel-style-gallery .carousel-items > li > .row > .sidebar { position: relative; height: 100%; z-index: 1;}
	.carousel-style-gallery .carousel-items > li > .row > .sidebar > .ad-box { position: absolute; top: 50%; left: 50%; margin: auto;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

@media (max-width: 1024px) {
	.carousel-style-strip > .left,
	.carousel-style-strip > .right { display: none; }
	.carousel-style-gallery > .ad-box { position: absolute; top: 60px; right: 0; left: 0; z-index: 1; margin: 0; text-align: center; }

	.carousel-style-gallery .heading-style-1 { margin: 25px 0; }
	.carousel-style-gallery .carousel-items > li > .row > .sidebar { height: auto; }
	.carousel-style-gallery .carousel-items > li > .row > .sidebar > .ad-box { position: relative; margin: 10px auto; text-align: center; } 
	.carousel-style-gallery .carousel-items > li > .row > .sidebar + .content { margin-right: 0; }
}

@media (max-width: 767px) {
	body > #page { padding-top: 0; }
	.carousel-style-spotlight li:after,
	.carousel-style-spotlight li:before,
	.carousel-style-spotlight .carousel-flipper,
	.carousel-style-gallery .photo-gallery-arrow { display: none; }
	.carousel-style-gallery .carousel-items > li > .row > .sidebar + .content { margin-right: 0; }

	.carousel-style-gallery .jcarousel { height: 480px; }
	.carousel-style-gallery .carousel-items > li > .row { padding: 0 25px; }
	.carousel-style-gallery .carousel-item-detail > .row > div { width: 100%; }
	.carousel-style-gallery .carousel-image { top: 0;
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
}


/*Yuko Update */


.carousel-item-detail h4, .carousel-item-detail p {
	color: white;
}

.icon {
	display: inline-block;
	vertical-align: middle;
	text-indent: -9999px;
	direction: ltr;
}

.right-arrow-white {
	    background: url("../../../static/img/icon-right-arrow-white.svg") 13px 10px no-repeat;
}

.left-arrow-white {
	background: url("../../../static/img/icon-left-arrow-white.svg") 11px 10px no-repeat;

}

.thumbnail-view {
    background: url("../../../static/img/icon-thumbnail-view.svg") no-repeat;

}

.left {
float: left;
}
.right {
float: right;
}
.carousel-style-gallery .toolbar menu>li {
margin: 0 10px;
cursor: pointer;
}


.maximize-white {
	background: url("../../../static/img/icon-maximize-white.svg") no-repeat;
    background-size: contain;
}
.minimize-white {
	background: url("../../../static/img/icon-minimize-white.svg") no-repeat;
    background-size: contain;
}
.play-white {
	background: url("../../../static/img/icon-play.svg") no-repeat;
    background-size: contain;
}
.pause-white {
	background: url("../../../static/img/icon-pause-white.svg") no-repeat;
    background-size: contain;
}

.icon-type-photo-gallery-white {
    background: url("../../../static/img/icon-photo-gallery.svg") no-repeat;
    background-size: contain;
}

menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.carousel-style-gallery .toolbar menu > li > .icon {
	width: 15px;
	height: 15px;
	background-size: contain;
}
form .row .carousel-item-detail .row {
margin-right: auto;
margin-left: auto;
max-width: 1280px;
}

.carousel-style-gallery .btn-share {
	margin: 0;
	height: 100%;
	max-height: 100%;
}
.squared {
position: relative;
display: block;
overflow: hidden;
padding-top: 100%;
}
#gallery-interstitial .ad{
	text-align: center;
}





.share-panel-fullscreen {
    display: block;
    position: absolute;
    bottom: 60px;
    margin-left: 1px;
    width: 107px;
	height: 109px;
}

.share-panel-fullscreen {
    display: none;
}
.share-panel-fullscreen .share-panel{
   line-height: 1px;
}

/* endcard */

.squared.background>img {
opacity: 0;
}
.squared.background {
	background-size: cover;
}


.endcard-container {
    width: 765px;
    margin: 180px auto 0 auto;
    text-align: center;
}

.endcard-container-empty {
    width: 765px;
    margin: 300px auto 0 auto;
}

.endcard > .row > div {
	height: auto;
}

.endcard-container h4 {
    color: #FFFFFF;
    text-align: center;
    padding-bottom: 20px;
}

.endcard-control {
    width: 765px;
    margin: 40px auto;
    text-align: center;
}

.endcard-gallery {
    padding: 15px;
    font-family: "Proxima Nova", "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    width: 255px;
    vertical-align: top;
}

.endcard-gallery a, .endcard-gallery a:visited {
    color: #FFFFFF;
    height: 148px;
    width: 225px;
}

.endcard-gallery .gallery-image-container {
    height: 148px;
    width: 225px;
    overflow: hidden;
}

.endcard-gallery img {
    height: 148px;
    width: 225px;
}

.gallery-image:hover {
    opacity: 0.65;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.gallery-description {
    padding-top: 8px;
}

.endcard-gallery:hover .gallery-description {
    opacity: 0.8;
}

/* Endcard buttons starts*/

.endcard-control .icon-replay{
    background: url("../../../static/img/icon-replay-white.svg") no-repeat 0 0;
    height: 22px;
    width: 22px;
    top: 14px;
    left: 14px;
    float: left;
    margin-right: 8px;
    margin-top: -3px;
    background-size: 22px 22px;
    vertical-align: middle;
}

.endcard-control .icon-share {
    height: 22px;
     width: 22px;
    background-size: 22px 22px;
    margin-top: -3px;
    top: 14px;
    left: 14px;
    margin-right: 8px;
}

.endcard-control .btn-cta{
    padding-top: 17px;
}
.endcard-control .replay-button.btn-cta:before {
background: rgba(140, 140, 140, 0.6);
}

.endcard-control .share-button.btn-cta:before {
    background: rgba(74, 167, 246, 0.6);
}


.endcard-control .btn-cta:after {
    background-size: contain;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.replay-button.btn-cta:after{
   background: rgba(140, 140, 140, 1);
}

.share-button.btn-cta:after {
    background: rgba(74, 167, 246, 1);
}

.endcard-control .btn-cta:hover:after {
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

/* Endcard buttons ends */


.endcard-share-panel {
    display: none;
    width: 107px;
    height: 109px;
    position: absolute;
    opacity: 1;
    top: -125px;
    left: 50px;
    background: #000;
    -webkit-transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -moz-transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -ms-transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.endcard-share-panel .social-share {
    background: #fff;
}

.endcard-share-container {
    width: 230px;
    display: inline-block;
    position: relative;
}


.layout-content-sidebar>.sidebar {
	width: 330px;
}


@media (min-width: 1025px) {
	.hide-on-desktop { display: none !important; }
}

@media (max-width: 1024px) and (min-width: 768px) {
	.hide-on-tablet { display: none !important;	}
}

@media (max-width: 768px) {
	.hide-on-mobile { display: none !important; }
}


@media screen and (max-width: 1024px) {

  .tablet-width-100 {
    clear: both;
    width: 100%;
  }
}