// these styles are the bare necessities for all components
.aesop-floater-center() {
    &.floater-right {
        right:30px;
    }
    &.floater-left {
        left:30px;
    }
    &.floater-center {
        text-align: center;
        left:0;
        right:0;

        *{
            margin-left:auto;
            margin-right:auto;
        }
    }
}
// general
.aesop-component {
    position: relative;
    margin:2rem auto;

    &.aesop-image-component {
        margin:0;
    }
}
.aesop-component + p {
    margin-top:0;
}
.aesop-component-align-center {
    margin-left:auto;
    margin-right:auto;
}
.aesop-component-align-left {
    float: left;
    margin-right:2rem;
}


.aesop-component-align-right {
    float: right;
    margin-left:2rem;
    text-align: right;
}

// parallax item
.aesop-parallax-component {
    overflow:hidden;
}
.aesop-parallax-sc {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    height:400px;

    .aesop-parallax-sc-img {
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
        width:100%;
        left:0;

        &.is-parallax {
            top:-150px; // CHEATING

           @media(max-width:800px) {
                top:-100px;
            }
            @media(max-width:600px) {
                top:-80px;
            }
        }

    }

    .aesop-parallax-sc-caption-wrap {
        position: absolute;
        z-index: 1;
    }
    .aesop-lb-link {
        position: absolute;
        top:50%;
        left:50%;
        z-index: 1;

        .opacity(.1);

        i {
            color:white;
        }
    }

    &:hover {
        .aesop-lb-link {
            .opacity(.5);
            .transition(opacity .5s ease-in-out);
        }
    }

    .aesop-parallax-sc-floater {
        position: absolute;
        z-index: 1;

        .aesop-floater-center;
    }
}

// content component
.aesop-content-component {
    clear: both;

    .aesop-content-comp-wrap {
        .clearfix();
    }

    &.aesop-content-has-floater {
        overflow: hidden;

        .aesop-content-component-floater {
            position: absolute;

            .aesop-floater-center;
        }
    }
    .aesop-content-img {
        padding:1.2rem;
    }
    .aesop-content-comp-columns-2 .aesop-content-comp-inner{
        .content-columns(2, 20);
    }
    .aesop-content-comp-columns-3 .aesop-content-comp-inner{
        .content-columns(3, 20);
    }
    .aesop-content-comp-columns-4 .aesop-content-comp-inner{
        .content-columns(4, 20);
    }

    @media(max-width:766px){
       .aesop-content-comp-wrap {
            &.aesop-content-comp-columns-2 .aesop-content-comp-inner,
            &.aesop-content-comp-columns-3 .aesop-content-comp-inner,
            &.aesop-content-comp-columns-4 .aesop-content-comp-inner{
                .content-columns(1, 20);
                max-width:100% !important ; //overriding js
            }
        }
    }
}

// image component
.aesop-image-component {

    .aesop-image-component-image {
        margin-top:0.65rem;

        &.aesop-image-component-caption-right {
            text-align: right;
        }

        &.aesop-image-component-caption-center {
            text-align: center;
        }

        &.aesop-component-align-center img {
            margin-left:auto;
            margin-right:auto;
        }

    }

    .aesop-image-component-caption {
        display: block;
        margin-bottom:1rem;
    }
}

// fullscreen video
.aesop-video-component {
    height: auto;
    .clearfix();

    &.controls-hidden {

        .wp-video-shortcode,
        .wp-video {

            .mejs-overlay,
            .mejs-controls {
                z-index: -1;
            }
        }
    }

    &.aesop-vine-stagram-container {

        .instagram,
        .vine {

            &.aesop-component-align-left,
            &.aesop-component-align-right {
                float:none;
            }
            &.aesop-component-align-center {
                text-align: center;
            }
            &.aesop-component-align-left {
                text-align: left;
            }
            &.aesop-component-align-right {
                text-align: right;
            }

        }

        &.aesop-vine-stagram-container-left {

            .aesop-video-component-caption {
                text-align: left;
            }
        }

        &.aesop-vine-stagram-container-right {
            .aesop-video-component-caption {
                text-align: right;
            }
        }
        &.aesop-vine-stagram-container-center {
            text-align: center;
        }
       .aesop-video-component-caption {
            float:none;
        }
    }

    &.aesop-component-align-left,
    &.aesop-component-align-right {
        position: relative;
		float:none !important;

        .aesop-video-container {
            //margin-right:0;
            //margin-left:0;
			&.aesop-component-align-left,
			&.aesop-component-align-right {
				float:none !important;
			}
			&.aesop-component-align-left {
				margin-right: auto;
				margin-left: 0;
			}
			&.aesop-component-align-right {
				float:none !important;
				margin-left: auto;
				margin-right: 0;
			}
        }

    }
    &.aesop-component-align-left {
        //margin:0 15px 15px 15px;
		margin-right: auto;
		margin-left: 0;
    }
    &.aesop-component-align-right {
        //margin:0 15px 15px 15px;
		margin-left: auto;
		margin-right: 0;
    }

    // self hosted
     // self hosted responsive

    .self {

        .mejs-container,
        .wp-video {
            height:0 !important; // overriding JS set by video shortcode
            padding-bottom:56.25%;
            width:100% !important; // overriding JS set by video shortcode
            max-width:100% !important; // overriding JS set by video shortcode
        }
        .mejs-overlay-button {
            //margin-top:25% !important; // overriding JS set by video shortcode
        }

        .wp-video-shortcode {
            width:100% !important;
            //height:100% !important; // overridin gjs
        }

    }

    .mejs-inner {
      position: absolute;
      right: 0;
      bottom: 0;
      transition: all 200ms;
      width: 100%;
      height: 100%;
    }

    .mejs-controls {
      transition: opacity 200ms;
    }

    .fluid-width-video-wrapper {
      iframe {
        top: auto;
        left: auto;
        bottom: 0;
        right: 0;
        transition: all 200ms;
      }
    }

    &.aesop-video-pip {
      .mejs-inner {
        position: fixed;
        bottom: 10px;
        right: 10px;
        width: 25vw;
        height: calc(25vw * .5625);
        min-width: 200px;
        min-height: calc(200px * .5625);
        z-index: 1;
      }

      .mejs-controls {
        opacity: 0;
        visibility: hidden;
      }

      .fluid-width-video-wrapper iframe {
        position: fixed;
        bottom: 10px;
        right: 10px;
        width: 25vw;
        height: calc(25vw * .5625);
        min-width: 200px;
        min-height: calc(200px * .5625);
        transition: all 200ms;
        z-index: 1;
      }
    }
}

// quote
.aesop-quote-component {
    // this is very important, and prevents issues with the stacked gallery compoonent flicking due to its fixed background position
    -webkit-transform: translateZ(0);
    &.quote-left-right {
        overflow: hidden;
    }
}

// collections

.aesop-collection-grid {
    overflow: auto;
    &.aesop-collection-grid-1col .aesop-collection-item {
        width:100%;
		.aesop-collection-item-inner {
			.aesop-collection-entry-title {
				margin:auto;
			}
		}
    }
    &.aesop-collection-grid-2col .aesop-collection-item {
        width:50%;
    }
    &.aesop-collection-grid-3col .aesop-collection-item {
        width:33.333%;
    }
    &.aesop-collection-grid-4col .aesop-collection-item {
        width:25%;
    }
    &.aesop-collection-grid-5col .aesop-collection-item {
        width:20%;
    }
	
}



.aesop-story-collection {
	.aesop-collection-grid-2col, .aesop-collection-grid-3col, .aesop-collection-grid-4col, .aesop-collection-grid-5col  {
		@media(max-width:782px) {
			.aesop-collection-item {
			   width:50%;
			}
		}
	    @media(max-width:480px) {
			.aesop-collection-item {
			   width:100%;
			}
		}
	}
}


.aesop-collection-load-more {
    width:100%;
	text-align: center;
	cursor: pointer; cursor: hand;
}


// chapter
.aesop-article-chapter-wrap {
    height: auto;
    overflow: hidden;

    .wp-video-shortcode,
    .wp-video {
        width:100% !important;
        //height:100% !important;
        max-width:100% !important;

        .mejs-overlay {
            .opacity(0.2);
        }
        .mejs-controls {
            z-index: -1;
        }
    }

    &.aesop-chapter-full .aesop-article-chapter{
        height:600px; //temporary until js kicks in
    }
}

// video
.aesop-video-chapter {
    .aesop-article-chapter {
     //   height: auto !important;
	      h2.aesop-cover-title {
		      z-index:1;
			  max-width:100%;
		  }
    }
	.aesop-cover-title {
          position:absolute;
    }
}
// removed in 1.0.2
.aesop-component-align-center.self {
   // width:100% !important;
}


// Mobile & iOS Fixes
.os-ios {
    .aesop-stacked-img {
        background-attachment: scroll;
    }
}

.aesop-gallery-component {
    position: relative;
}

// stacked gallery
.aesop-stacked-gallery-wrap{
    .transition(all .75s linear);
    &.no-height {
        .transition(all .75s linear);
    }
}

// sequence gallery
.aesop-sequence-gallery-wrap {
    .aesop-sequence-img{
        margin-left:auto;
        margin-right:auto;
    }
}

// photoset gallery
.aesop-photoset-gallery-wrap {
    .photoset-cell {
        position: relative;
    }

    .aesop-photoset-caption {
        position: absolute;
        z-index: 9;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        padding: 20px;
        .box-sizing(border-box);

        .aesop-photoset-caption-title,
        .aesop-photoset-caption-caption {
            display: table;

        }
    }
}

.aesop-gallery-edit {
    display:block;
}

.aesop-grid-gallery {

    ul {
        margin: 0;
        padding: 0;

        .aesop-grid-gallery-item {
            list-style-type:none;
            position: relative;
            line-height: 0;
        }
    }

    a {color:inherit;}

    .aesop-grid-gallery-caption {
        position: absolute;
        top:5px;
        left:5px;
        background:fadeout(white,10);
        padding:5px 8px;
        font-size:14px;
        line-height:18px;
    }

}

// new since 1.9.0: hero gallery
.aesop-hero-gallery-wrapper {
    position: relative;
	// the following style keeps the images hidden until fotorama is done resizing them
    .fotorama > * {
	  visibility: hidden;
	}
	.fotorama > .fotorama__wrap {
	  visibility: visible;
	}
}

.aesop-overlay-content,
.aesop-video-overlay-content,
.aesop-image-overlay-content,
.aesop-chapter-overlay-content,
.aesop-hero-gallery-content {
  position: absolute;
  top: 20px;
  width:100%;
  margin: auto;
  text-align: center;
  color: #fff;
}



.aesop-map-component {
    // marker wrap
    .leaflet-popup-content-wrapper, 
    .leaflet-popup-tip {
        border-radius:4px;
    }

    // inner marker content
    .leaflet-popup-content {
        margin:9px 15px;
    }

}

// sticky maps - since 1.3
.aesop-sticky-map {

    @width: 250px;

    .aesop-map-component {
        position: fixed;
        margin:0;
        z-index:120;

        &:before {
            content: '';
            position: absolute;
            z-index: 99;
        }
    }

    &.aesop-sticky-map-left {
        padding-left:@width;

        .aesop-map-component {
            left:0;
            top:0;
            bottom:0;
            width:@width;

            &:before {
                right: 0;
                top: 0;
                height: 100%;
                width: 10px;
                left:@width - 10;
                .box-shadow(inset -7px 0 7px -7px rgba(0,0,0,0.2));
            }
        }
    }
    &.aesop-sticky-map-top {
        padding-top:@width - 30;

        .aesop-map-component {
            height:@width - 30;
            top:0;
            left:0;
            right:0;
            width:100%;

            &:before {
                right: 0;
                left:0;
                top:0;
                height: 10px;
                width: 100%;
                top:@width - 40;
                .box-shadow(inset 0 -7px 7px -7px rgba(0,0,0,0.2));
            }
        }
    }
    &.aesop-sticky-map-right {
        padding-right:@width;

        .aesop-map-component {
            right:0;
            top:0;
            bottom:0;
            width:@width;

            &:before {
                left: 0;
                top: 0;
                height: 100%;
                width: 10px;
                right:@width - 10;
                .box-shadow(inset 7px 0 7px -7px rgba(0,0,0,0.2));
            }
        }
    }
    &.aesop-sticky-map-bottom {
        padding-bottom:@width - 30;

        .aesop-map-component {
            height:@width - 30;
            bottom:0;
            left:0;
            right:0;
            width:100%;

            &:before {
                right: 0;
                left:0;
                bottom:0;
                height: 10px;
                width: 100%;
                bottom:@width - 40;
                .box-shadow(inset 0 7px 7px -7px rgba(0,0,0,0.2));
            }
        }
    }
}
// maps resonsive
@media(max-width:767px){
    .aesop-sticky-map.aesop-sticky-map-left, 
    .aesop-sticky-map.aesop-sticky-map-top, 
    .aesop-sticky-map.aesop-sticky-map-right, 
    .aesop-sticky-map.aesop-sticky-map-bottom, {
        padding:0;
        .aesop-map-component {
            position:relative;
            width:100%;
            height:0;
            padding-bottom:56.25%;
        }
    }
}

@media(max-width:400px) {
    .aesop-stacked-img {
        background-position: bottom center;
        background-attachment: scroll !important; //overriding inline JS
        padding-bottom: 58.25%;
    }
}

//galleries
.aesop-gallery-component {
    z-index: 0;
	.fotorama__dot {
	  width:8px;
	  height:8px;
	}
	.fotorama__nav__frame.fotorama__active .fotorama__dot{
	  width:0;
	  height:0;
	  border-width:5px;
	}
}
.aesop-grid-gallery {position: relative;}
.fotorama__wrap {margin:0 auto;}
.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{-webkit-transform:translateZ(0);transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:'';border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:-webkit-transform,width;transition-property:transform,width;transition-timing-function:cubic-bezier(0.1,0,.25,1);transition-duration:0ms}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.fotorama__wrap *{box-sizing:content-box}.fotorama__caption__wrap{box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(../img/fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(../img/fotorama@2x.png) no-repeat;background-size:96px 160px}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:none!important}}.fotorama{min-width:1px;overflow:hidden}.fotorama:not(.fotorama--unobtrusive)>:not(:first-child){display:none}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important;margin:0!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__caption__wrap{background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__select{cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{-webkit-transform:translate3d(32px,-32px,0)!important;transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{-webkit-transform:translate3d(-48px,0,0)!important;transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none}