/*CSS for Slideshow content type*/

/*
 * Really small screens and up
*/
.field-name-field-slideshow {
    position: relative;
}

.node-slideshow{
	margin-bottom:0;
}

.room-slideshow,
.event-slideshow{
    width: 100%;
    position: relative;
    left: 0%;
    margin-left: 0px;
    margin-bottom: 50px;
}
.event-slideshow{
    margin-bottom: 0px;
}
.field-name-field-slideshow .btn{
    float:left;
    position: relative;
    display: block;
    padding: 0px 0px;
    margin: 0px 10px;
    cursor:pointer;
    color: #fff;
    font-family: 'MillerBanner_Bold';
    font-size: 14px;
    letter-spacing: 0.025em;
}
.field-name-field-slideshow .btn:before{
    content:'';
    width:100%;
    height:1px;
    position:absolute;
    background-color: rgba(255,255,255,1);
    left:0px;
    bottom:0px;
    display:none;
}
.field-name-field-slideshow .btn:after{
    content:'';
    width:1px;
    height:12px;
    position:absolute;
    background-color: rgba(255,255,255,1);
    right:0px;
    top:6px;
    display:block;
    margin-right: -10px;
}
/*las btn*/
.field-name-field-slideshow .btn:last-child:after{
    content:'';
    width:0px;
    height:0px;
    position:absolute;
    background-color: rgba(255,255,255,1);
    right:0px;
    top:6px;
    display:block;
    margin-right: -10px;
}

.field-name-field-slideshow .btn:hover:before{
    display:block;
}
.field-name-field-slideshow .btn.active:before{
    display:block;
}

.plan-display,
.video-display,
.view-display-360{
    display:none;
    visibility:hidden;
    opacity:0;
}
.gallery-display{
    overflow: hidden;
}
.gallery-display .background-actif{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 0%;
}
.gallery-display .background-actif img{
    visibility:hidden;
    height:347px;
}
.slideshow-btn-content{
    position: absolute;
    top: 75px;
    left: 65px;
    z-index: 3;
    color:#ffffff;
    display:none;
    background-color: rgba(255,255,255,0.2);
    padding: 3px;
}
.slideshow-display .slides li{
    line-height: 0;
}


/*update flexslider nav*/
.gallery-display .flex-direction-nav a{
    text-decoration: none;
    display: block;
    width: 70px;
    height: 70px;
    position: absolute;
    top: 337px;
    bottom: 0px;
    z-index: 10;
    overflow: hidden;
    opacity: 1;
    cursor: pointer;
    color: #000000;
    text-shadow: 0px 0px 0 rgba(255,255,255,0);
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}
.gallery-display .flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: '';
}
.gallery-display .flex-direction-nav .flex-next {
    left: calc(100% - 70px);
    margin-left: 0px;
    background-color: #000000;
    background-image: url("images/slider_arrow_right.svg");
    background-position: center center;
    background-repeat: no-repeat;
    /*-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;*/
}
.gallery-display .flex-direction-nav .flex-prev {
    left: 0;
    background-color: #000000;
    background-image: url("images/slider_arrow_left.svg");
    background-position: 50% center;
    background-repeat: no-repeat;
}
.gallery-display:hover .flex-direction-nav .flex-prev:hover{
    -webkit-animation: arrowEffectLeft .3s ease forwards;
    -moz-animation: arrowEffectLeft .3s ease forwards;
    -ms-animation: arrowEffectLeft .3s ease forwards;
    -o-animation: arrowEffectLeft .3s ease forwards;
    animation: arrowEffectLeft .3s ease forwards;
    background-color:#ffffff;

}
.gallery-display:hover .flex-direction-nav .flex-next:hover{
    -webkit-animation: arrowEffectRight .3s ease forwards;
    -moz-animation: arrowEffectRight .3s ease forwards;
    -ms-animation: arrowEffectRight .3s ease forwards;
    -o-animation: arrowEffectRight .3s ease forwards;
    animation: arrowEffectRight .3s ease forwards;
    background-color:#ffffff;
}

@-webkit-keyframes arrowEffectLeft {
    0% {
        background-position: 50% center;
    }
    50%{
        background-position: -100% center;
    }
    51%{
        background-position: 200% center;
    }
    100% {
        background-position: 50% center;
    }
}
@keyframes arrowEffectLeft {
    0% {
        background-position: 50% center;
    }
    50%{
        background-position: -100% center;
    }
    51%{
        background-position: 200% center;
    }
    100% {
        background-position: 50% center;
    }
}
@-webkit-keyframes arrowEffectRight {
    0% {
        background-position: 50% center;
    }
    50%{
        background-position: 200% center;
    }
    51%{
        background-position: -100% center;
    }
    100% {
        background-position: 50% center;
    }
}
@keyframes arrowEffectRight {
    0% {
        background-position: 50% center;
    }
    50%{
        background-position: 200% center;
    }
    51%{
        background-position: -100% center;
    }
    100% {
        background-position: 50% center;
    }
}

/*
*Plan
*/
.plan-display {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
}
/*
*video
*/
.video-display {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 100%;
    height: 100%;
}
 /*
 * Smalltouch sizes and down
 */
@media only screen and (max-width: 480px) {
	
}

 /*
 * Tablet portrait sizes and down
 */
@media only screen and (min-width: 768px) {
    .room-slideshow{
        width: 1280px;
        left: 50%;
        margin-left: -640px;
        margin-bottom: 0px
    }
    .slideshow-btn-content{
        display:block;
    }
    .gallery-display .background-actif img{
        height:auto;
    }
    .gallery-display .flex-direction-nav a{
        top: 50%;
    }
}

/*
 * Desktops/laptops FULL WITDH
 */
@media only screen and (min-width: 1600px) {
	
}