/*******************************************************************/
 /*************** HOMEPAGE (mobile first) ***************************/
/*******************************************************************/

.slide_video{
/*
    min-height: 350px;
        height: 350px;
    max-height: 100%;
*/
    
}
.slide_video.novideo{
    overflow: hidden;
}
.slide_video h1{
    position: absolute;
    z-index: 6;
    top: 28%;
    width: 100%;
    text-align: center;
    margin: 0;
    font-size: 36px;
    line-height: 36px;
    cursor: default;
    opacity: 1;
    transition: opacity 2s ease;
}
.slide_video h1 span{       
    color: #FFFFFF; 
    line-height: 30px;
    margin: 0 auto;
    text-shadow: 0 2px 4px rgba(0,0,0,0.25);
    position: relative;
    font-weight: 100;

}
.slide_video h1 span:first-child::after{
    background: transparent url('../img/icon_et.svg') center center no-repeat;
    background-size: 200px;
    content: "";
    position: relative;
    width: 200px;
    height: 200px;
    margin: -80px auto 0 auto;
    display: block;
    z-index: -1;
    opacity: 0.6;
}
.slide_video h1 span.last{
    top:-30px;
}
.slide_video.hideTitle h1{
    opacity: 0;
}
#home_intro{
    position: relative;
    height: 100%;
    min-height: 350px;
}
#home_intro_overlay{
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    background-image: url('../img/loader.svg');
    background-position: center center;
    background-repeat: no-repeat;
}
#home_intro_overlay #mute{
    content: "Mute";
    width: 26px;
    height: 32px;
    text-indent: 9999px;
    position: absolute;
    bottom: 5px;
    right: 17px;
    z-index: 20;
    transition: all .3s ease;
    cursor: pointer;
}
.home_custom_link a{
    width: 100px;
    height: 100px;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 6;
}
.home_custom_link img{
    max-width: 100px;
    max-height: 100px;
}
#home_intro_overlay .home_custom_link a{
    top: 50px;
    left: 50px;
}
#mute.muted{
    background: transparent url(../img/icon_sound_off.svg) top left no-repeat;
}

#mute.unmuted{
    background: transparent url(../img/icon_sound_on.svg) top left no-repeat;
}
.mb_YTPlayer #home_intro_overlay,
.novideo #home_intro_overlay{
    background-image:none;
}
.novideo #home_intro{

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
@font-face {
    font-family: 'ytpregular';
    src: url('font/ytp-regular.eot');
}

@font-face {
    font-family: 'ytpregular';
    src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff'), url('../font/ytp-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.mb_YTPlayer:focus {
    outline: 0;
}

.YTPWrapper {
    display: block;
    transform: translateZ(0) translate3d(0, 0, 0);
    transform-style: preserve-3d;
    perspective: 1000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
}

.mb_YTPlayer .loading {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 12px;
    color: #fff;
    background: rgba(0, 0, 0, 0.51);
    text-align: center;
    padding: 2px 4px;
    border-radius: 5px;
    font-family: "Futura", sans-serif;
    -webkit-animation: fade .1s infinite alternate;
    animation: fade .1s infinite alternate;
}


/* Chrome, Safari, Opera */

@-webkit-keyframes fade {
    0% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}


/* Standard syntax */

@keyframes fade {
    0% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

.YTPFullscreen {
    display: block!important;
    position: fixed!important;
    width: 100%!important;
    height: 100%!important;
    top: 0!important;
    right: 0!important;
    margin: 0!important;
    border: none !important;
    opacity: 1 !important;
    background-color: #000;
}

.mbYTP_wrapper iframe {
    max-width: 4000px !important;
}

.inline_YTPlayer {
    margin-bottom: 20px;
    vertical-align: top;
    position: relative;
    right: 0;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .7);
    background: rgba(0, 0, 0, .5);
}

.inline_YTPlayer img {
    border: none!important;
    margin: 0!important;
    padding: 0!important;
    transform: none!important;
}


/*CONTROL BAR*/

.mb_YTPBar .ytpicon {
    font-size: 20px;
    font-family: 'ytpregular';
}

.mb_YTPBar .mb_YTPUrl.ytpicon {
    font-size: 30px;
}

.mb_YTPBar {
    transition: opacity .5s;
    display: block;
    width: 100%;
    height: 10px;
    padding: 5px;
    background: #333;
    position: fixed;
    bottom: 0;
    right: 0;
    text-align: right;
    z-index: 1000;
    font: 14px/16px sans-serif;
    color: white;
    opacity: .1;
    box-sizing: border-box;
}

.mb_YTPBar.visible,
.mb_YTPBar:hover {
    opacity: 1;
}

.mb_YTPBar .buttonBar {
    transition: all .5s;
    background: transparent;
    font: 12px/14px Calibri;
    position: absolute;
    top: -30px;
    right: 0;
    padding: 5px;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
}

.mb_YTPBar:hover .buttonBar {
    background: rgba(0, 0, 0, 0.4);
}

.mb_YTPBar span {
    display: inline-block;
    font: 16px/20px Calibri, sans-serif;
    position: relative;
    width: 30px;
    height: 25px;
    vertical-align: middle;
}

.mb_YTPBar span.mb_YTPTime {
    width: 130px;
}

.mb_YTPBar span.mb_YTPUrl,
.mb_YTPBar span.mb_OnlyYT {
    position: absolute;
    width: auto;
    display: block;
    top: 6px;
    left: 10px;
    cursor: pointer;
}

.mb_YTPBar span.mb_YTPUrl img {
    width: 60px;
}

.mb_YTPBar span.mb_OnlyYT {
    right: 300px;
    left: auto;
}

.mb_YTPBar span.mb_OnlyYT img {
    width: 25px;
}

.mb_YTPBar span.mb_YTPUrl a {
    color: white;
}

.mb_YTPBar .mb_YTPPlaypause,
.mb_YTPlayer .mb_YTPBar .mb_YTPPlaypause img {
    cursor: pointer;
}

.mb_YTPBar .mb_YTPMuteUnmute {
    cursor: pointer;
}


/*PROGRESS BAR*/

.mb_YTPBar .mb_YTPProgress {
    height: 10px;
    width: 100%;
    background: #222;
    bottom: 0;
    right: 0;
}

.mb_YTPBar .mb_YTPLoaded {
    height: 10px;
    width: 0;
    background: #444;
    right: 0;
}

.mb_YTPBar .mb_YTPseekbar {
    height: 10px;
    width: 0;
    background: #bb110e;
    bottom: 0;
    right: 0;
    box-shadow: rgba(82, 82, 82, 0.47) -1px 1px 3px;
}

.mb_YTPBar .YTPOverlay {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: "flat";
    box-sizing: border-box;
}


/*RASTER OVERLAY*/

.YTPOverlay.raster {
    background: url('../img/template_home/raster.png');
}

.YTPOverlay.raster.retina {
    background: url('../img/template_home/raster@2x.png');
}

.YTPOverlay.raster-dot {
    background: url('../img/template_home/raster_dot.png');
}

.YTPOverlay.raster-dot.retina {
    background: url('../img/template_home/raster_dot@2x.png');
}


/*VOLUME SLIDER*/

.mb_YTPBar .simpleSlider {
    position: relative;
    width: 100px;
    height: 10px;
    border: 1px solid #fff;
    overflow: hidden;
    box-sizing: border-box;
    margin-left: 10px;
    cursor: pointer !important;
    border-radius: 3px;
}

.mb_YTPBar.compact .simpleSlider {
    width: 40px;
}

.mb_YTPBar .simpleSlider.muted {
    opacity: .3;
}

.mb_YTPBar .level {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #fff;
    box-sizing: border-box;
}

.mb_YTPBar .level.horizontal {
    height: 100%;
    width: 0;
}

.mb_YTPBar .level.vertical {
    height: auto;
    width: 100%;
}
.content{

    overflow: hidden;
}
.content .text,
.content .heading,
.content .cta,
.first,
.second,
.third{
    max-width: 100%;
}
.content .text{
    color: #7F7874; 
    font-family: "Futura";
/*
    font-size: 12px;
    line-height: 20px;
*/
    font-size: 14px;
    line-height: 21px;
    text-align: justify;
/*
    display: flex;
    align-items: center;
    justify-content: center;
*/
}
.content .heading{
    position: relative;
    cursor: default;
    
}
.horizontal .content .heading .innerheading,
.horizontal .content .text .innertext,
.horizontal .content .cta .innercta{
    
 display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
}

.vertical_33_33_33 .first{
    display: none;
}
.content h2{
    color: #4A4A4A;
    font-size: 30px;
    line-height: 30px;
    font-style: normal;
    min-height: 130px;
    width: 100%;
    position: relative;
    margin: auto;
    opacity: 1;
    text-align: center;
    font-family: "RM_Bodoni_Italic";
    font-weight: normal;
}
.cta .innercta{
    padding: 0 20px;
}



.content h2 em{
    display: none;
}
.content h2 span{
    position: relative;
    z-index: 4;
    width: auto;
    display: inline-block;
    z-index: 4;
    margin-top: 80px;
    padding: 0 5px;
}
.content h2 span:first-child::after{
    background: transparent url('../img/icon_et.svg') center center no-repeat;
    background-size: 100px;
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    margin: -55px -30px 0 0;
    z-index: -1;
}
.content h2 span:last-child{
    margin: 0 25px 0 0;
}
.content .innertext{
    padding: 20px;
}
.content .cta{
    margin-bottom: 40px;
}
.content .cta a{
    font-family: "RM_Bodoni_Italic";
    font-style: normal;
    color: #4A4A4A;
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
    display: inline-block;
    transition: all .3s ease;
    text-align: right;
}
.content .cta a i{
    background: transparent url('../img/icon_arrow_black.svg') top left no-repeat;
    width: 34px;
    height: 22px;
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    margin: -3px 10px 0 0;
    display: inline-block;
    vertical-align: top;
    transition: transform .2s ease;
    -webkit-backface-visibility: hidden;
}
.content .cta a:hover{
    opacity: 0.7;
}
.content .cta a:hover i{
    transform: translate(-10px);
    -ms-transform: translate(-10px);
    -webkit-transform: translate(-10px);

}

#template_rooms{
    
}
.media{
    min-height: 120px;
}
.page-template-template_home-php .media,
.page-template-template_home-php .mediasmall{
    
    background-position: center center;
    background-size: cover;
    height: 100%;
    width: 100%;
/*  min-height: 220px; */
    min-height: 180px;
    display: -webkit-box;       
    display: -moz-box;       
    display: -ms-flexbox;        
    display: -webkit-flex;   
    display: flex;
/*
    -ms-flex-pack: center;
    align-items: center;
    justify-content: center;
*/
    
    position: relative;
}

.page-template-template_home-php .mediasmall{
/*
    height: 33.33%; 
    min-height: 220px;
*/
height: auto;
    
}
.page-template-template_home-php .media{

}
.page-template-template_home-php .mediasmall:before{
    content:"";
    width:100%;
    background: white;
    position: absolute;
    bottom: 0px;
    height: 1px;
}
.page-template-template_home-php .mediasmall:after{
    content:"";
    height:100%;
    background: white;
    position: absolute;
    left: 0px;
    width: 1px;
}
.page-template-template_home-php .mediasmall:last-child:before{
    content:none;
}
#second .media{
    background-image:url('../img/template_home/slide_template_rooms.jpg');
}
#third .media{
    background-image:url('../img/template_home/slide_template_restaurants.jpg');
}
#fourth .media{
    background-image:url('../img/template_home/slide_template_art.jpg');
}
#fourth .mediasmall_1{
    background-image:url('../img/template_home/slide_template_art_small_1.jpg');
}
#fourth .mediasmall_2{
    background-image:url('../img/template_home/slide_template_art_small_2.jpg');
}
#fourth .mediasmall_3{
    background-image:url('../img/template_home/slide_template_art_small_3.jpg');
}

/*
#fourth .mediasmall_1{
    background-image:url('../img/template_home/slide_template_art_small_3.jpg');
}
*/

#fifth .media{
    background-image:url('../img/template_home/slide_template_wellness.jpg');
}

#sixth .first .mediasmall_1{
    background-image:url('../img/template_home/slide_template_news_small_1.jpg');
}
#sixth .first .mediasmall_2{
    background-image:url('../img/template_home/slide_template_art_small_2.jpg');
}
#sixth .third .mediasmall_1{
    background-image:url('../img/template_home/slide_template_news_small_3.jpg');
}
#sixth .third .mediasmall_2{
    background-image:url('../img/template_home/slide_template_restaurants.jpg');
}

/* HOME REORDER */
#second, #third, #fourth, #fifth, #sixth{
    display: -webkit-box;       
    display: -moz-box;       
    display: -ms-flexbox;        
    display: -webkit-flex;  
    display: flex;
    
    flex-direction: column;
    -ms-flex-direction:column;
    -webkit-flex-direction:column;
}
#third .second, #fifth .second, #sixth .third{
    order: 1;
}
#third .first, #fifth .first, #sixth .second{
    order: 2;
}
/******/

/**
 * Hompage popup
 */

@keyframes opacity-popup {
    0% {opacity: 0;}
    50% {opacity: 0;}
    70% {opacity: 0}
    90% {opacity: 0.8;}
    100% {opacity: 1;}
}

#popup_wrapper {
    z-index: 10;
    position: fixed;
    width: calc(100vw - 20px );
    height: calc( 100vh - 160px );
    top: 80px;
    right: 10px;
    background: rgba( 0, 0, 0, 0.8);
    animation-name: opacity-popup;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    opacity: 1;
}
#popup_wrapper.closed{
    display: none;
}

#homepage_popup {
    animation-name: opacity-popup;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    opacity: 1;
    position: absolute;
    border: 1px solid #fff;
    background-color: #fff;
    z-index: 1000;
    width: 280px;
    height: 380px;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
}
#homepage_popup.closed{
    display: none;
} 
#homepage_popup .close_popup{
    width: 15px;
    height: 15px;
    top: 11px;
    left: 11px;
    background-image: url('../img/swipebox_close.svg');
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    z-index: 10;
}
#homepage_popup .image{
    width: 40%;
    background-size: cover;
    background-position: center;
    display: inline-block;
    float: right;
    height: 202px;
} 
#homepage_popup .content{
    box-sizing: border-box;
    padding: 20px;
    width: 60%;
    height: 202px;
    overflow: hidden;
    background: #fff;
}
#homepage_popup .content h2{
    min-height: inherit;
    color: #4A4A4A; 
    font-family: "Futura", sans-serif;    
    font-size: 20px;    
    font-weight: 300;   
    letter-spacing: 1px;    
    line-height: 24px;
    text-align: right;
    margin: 0;
}
#homepage_popup .content p {
    color: #7F7874; 
    font-family: "RM_Bodoni_Italic";   
    font-size: 18px;    
    font-style: italic; 
    font-weight: 300;   
    line-height: 24px;
    margin: 0;
}
#homepage_popup .link {
    align-self: flex-end;
    margin-top: 15px;
}
#homepage_popup .link a{
    font-family: "RM_Bodoni_Italic";
    font-style: normal;
    color: #4A4A4A;
    text-decoration: none;
    display: block;
    transition: all .3s ease;
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    line-height: 20px;
    text-align: right;
}

#homepage_popup .link a i{
    background: transparent url('../img/icon_arrow_black.svg') top left no-repeat;
    width: 34px;
    transform: rotate(0deg);
    display: inline-block;
    vertical-align: top;
    transition: transform .2s ease;
    -webkit-backface-visibility: hidden;
    margin: 0px 10px 0 0;
    height: 20px;
}

#homepage_popup .link a:hover{
    opacity: 0.7;
}
#homepage_popup .link a:hover i{
    transform: translate(-10px) rotate(0deg);
}

/*Instagram feed section*/
#preview_instagram_feed{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
}
#preview_instagram_feed .first{
  width: 33.3%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#preview_instagram_feed .first .text,
#preview_instagram_feed .first .social-network{
  margin: 30px auto 20px auto;
}
#preview_instagram_feed .first .text{
  width: 70%;
}
#preview_instagram_feed .second{
  width: 66.6%;
}
#sb_instagram,
#sbi_images,
#sb_instagram .sbi_photo_wrap{
  height: 100%;
}
#preview_instagram_feed .second #sb_instagram{
  padding-bottom: 0 !important;
}

#sb_instagram #sbi_images{
  padding: 0 !important;
  height: 100%;
  overflow: hidden;
}

#sb_instagram.sbi_col_3 #sbi_images .sbi_item{
  border: 2px solid #ebebeb;
}
    

/******/

  /*****************************************************************************/
 /********************* CUSTOM CSS : DESKTOP **********************************/
/*****************************************************************************/


@media only screen and (min-width: 990px){
    
      /*******************************************************************/
     /******************** HOME + SLIDES LAYOUTS ************************/
    /*******************************************************************/
     /**
     * Hompage popup
     */
    
    #homepage_popup{
        left: 20px;
        right: initial;
        width: 500px;
        height: 200px;
        flex-direction: row;
        transform: translate(0);
        animation-duration: 5s;
        bottom: auto;
        top: 50px;
    }
    .homepage-sliders-container{
        overflow: hidden;
    }
    #homepage_popup .content{
        padding: 30px 40px 30px 20px;
    }
    #homepage_popup .close_popup{
        width: 15px;
        height: 15px;
        top: 11px;
        left: 11px;
        background-image: url(../img/swipebox_close_black.svg);
    }
    /* HOME REORDER */
     #third, #fourth, #sixth{
        flex-direction: row;
        -ms-flex-direction:row;
        -webkit-flex-direction:row;
    }
    #third .second, #fifth .second, #sixth .third{
        order: unset;
    }
    #third .first, #fifth .first, #sixth .second{
        order: unset;
    }
    /*****/
    .swiper-slide.slide_video{
        height: 100%;
        min-height: 0;
    }
    .slide_video h1{
        margin: -30px 0 0 0;
        font-size: 72px;
        line-height: 72px;
        top:50%;
        opacity: 0;
        transition:opacity 5s ease;
    }
    .slide_video .mb_YTPlayer h1,
    .novideo h1{
        opacity: 1;
    }
    .slide_video.hideTitle .mb_YTPlayer h1{
        opacity: 0;
    }   
    .slide_video h1 span{
        line-height: 30px;
        margin: 0 60px 0 60px;  
    }
    .slide_video h1 span:first-child::after{
        background-size: 350px;
        width: 350px;
        height: 350px;
        margin: -245px -5px 0 0;
        position: absolute;
        left: 50%;
    }
    .slide_video h1 span.last{
        top:0;
    }
    /* HORIZONTAL : 70 / 30 */
    
    .horizontal_70_30{
        
    }
    .horizontal_70_30 .first{
        height: 70%;
    }
    .horizontal_70_30 .second{
        height: 30%;
        display: -webkit-box;       
        display: -moz-box;       
        display: -ms-flexbox;        
        display: -webkit-flex;   /* NEW - Chrome */
        display: flex;
        flex: 1;
    }
    .horizontal_70_30 .second .columns,
    .horizontal_30_70 .first .columns{
        display: -webkit-box;       
        display: -moz-box;       
        display: -ms-flexbox;        
        display: -webkit-flex;   /* NEW - Chrome */
        display: flex;
        flex:1;
        height: 100%;
        width: 100%;
    }

    .horizontal .columns .heading,
    .horizontal .columns .cta
    {
        width: 24%;
        min-width: 200px;
        display: -webkit-box;       
        display: -moz-box;       
        display: -ms-flexbox;        
        display: -webkit-flex;  
        display: flex;
        -ms-flex-pack: center;
        align-items: center;
        justify-content: center;
    }
    .horizontal_70_30 .second .columns .heading,
    .horizontal_30_70 .first .columns .heading{
        order: 1;
    }
    .horizontal_70_30 .second .columns .text,
    .horizontal_30_70 .first .columns .text{
        flex: 1;
        order: 2;
        width: 40%;
    }
    .text .innertext p{
        
        width: 100%;
    }
    .horizontal_70_30 .second .columns .text .innertext{
        
    }
    .horizontal_70_30 .second .columns .text .innertext,
    .horizontal_30_70 .first .columns .innertext{
/*      max-width: 500px; */
        
    }
    .horizontal_70_30 .second .columns .cta,
    .horizontal_30_70 .first .columns .cta{
        order: 3;
    }
    
    /* VERTICAL : 40 / 60 */
    .vertical_30_70{
        width: 100%;
    }
    .vertical_30_70 .first,
    .vertical_30_70 .second{
        height: 100%;
        float: right;
    }
    .vertical_30_70 .first{
        width: 30%;
        
    }
    .vertical .content{
        display: -webkit-box;       
        display: -moz-box;       
        display: -ms-flexbox;        
        display: -webkit-flex;  
        display: flex;
        
        flex-direction: column;
        -ms-flex-direction:column;
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        justify-content: center;
        
        -ms-flex-pack: center;      
    }
    .vertical .content .heading,
    .vertical .content .text,
    .vertical .content .cta{
/*      width: 100%; */
/*
        display: -webkit-box;       
        display: -moz-box;       
        display: -ms-flexbox;        
        display: -webkit-flex;  
        display: flex;
*/
/*
        -ms-flex-basis:100%;
        flex-basis: 100%;
*/
    }
    .vertical_30_70 .first .text{
        
    }
    .vertical_30_70 .second{
        width: 70%;
    }
    .vertical_30_70 .text,
    .vertical_33_33_33 .text{
        width: 70%;
        margin:30px auto 20px auto;
        
    }
    .vertical .innerheading{
    }
    .vertical .cta .innercta{
              width: 70%;
            margin: 20px auto;
            text-align: right;
    }
    /* VERTICAL : 33 / 33 / 33 */
    .vertical_33_33_33{
        display: -webkit-box;       
        display: -moz-box;       
        display: -ms-flexbox;        
        display: -webkit-flex;  
        display: flex;

    }
    
    .vertical_33_33_33 .first,
    .vertical_33_33_33 .second,
    .vertical_33_33_33 .third{

        display: -webkit-box;       
        display: -moz-box;       
        display: -ms-flexbox;        
        display: -webkit-flex;  
        display: flex;
        
        flex-direction: column;
/*      flex: 1; */ 
        -ms-flex-basis:33.33%;
         flex-basis: 33.33%;    
         width: 33.33%;
/*
            -ms-flex-basis:33%;
            flex-basis: 33%;
            min-width: 33%;
*/
            
/*           */
/*
        align-content: center;
        -ms-flex-align:center;
*/
/*      min-width: 33.33%; */
/*
        -ms-flex-basis:auto;
        flex-basis: auto;
        width: auto;
        overflow: hidden;
*/
        
       -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        height:100%;
        
    }
    .vertical_33_33_33 .first{
        flex-direction: row;
    }
    .vertical_33_33_33 .second .media{
        flex:1;
        height: 100%;
        min-height: 100%;
    }

    /* HORIZONTAL : 20 / 80 */
    .horizontal_30_70{
        
    }
    .horizontal_30_70 .first{
        height: 30%;
        flex: 1;
    }
    .horizontal_30_70 .second{
        height: 70%;
    }
    .horizontal_30_70 .first h2{
    }
/*
    .vertical_33_33_33 .third .heading,
    .vertical_33_33_33 .third .text,
    .vertical_33_33_33 .third .cta{
        width: 100%;
    }
*/
    .content .innertext{
        padding: 0;
        width: 100%;
    }
    .content h2{
        font-size: 22px;
        line-height: 22px;
    }
    .content h2 span{
        margin-top: 0;
    }
    .content .cta{
        margin-bottom: 0;
    }
    .content .cta a{
        font-size: 15px;
        line-height: 16px;
    }
    /* ANIMATION HEADINGS */
    .content h2{
        opacity: 0;
        min-height: 0;
        transition:all 2s ease;
    }
    .swiper-slide-active .content h2{
        opacity: 1;
    }
    /* ANIMATION TEXTS */
    .content .innertext{
        opacity: 0;
        transition:all 2s ease;
        
    }
    .swiper-slide-active .content .innertext{
        opacity: 1;
    }
    /* ANIMATION CTAs */
    .content .cta .innercta{
        opacity: 0;
        transition:all 1s ease;
        transform: translateX(20px);
    }
    .swiper-slide-active .content .cta .innercta{
        opacity: 1;
        transform: translateX(0);
    }
    
    .content .text{
        font-size: 12px;
        line-height: 20px;
        padding: 0 20px;
    }
    .cta .innercta{
        padding: 0;
    }
    .page-template-template_home-php .mediasmall{
/*
        height: auto;   
        min-height: 0px;
*/      
    }
    
    
    
    
    
/*
        
    #template_news .third .mediasmall_1{
        min-height: 55%;
    }
    #template_news .third .mediasmall_2{

        min-height: 45%;
    }
*/
    #sixth .first .mediasmall_1{
        min-height: 45%;
    }
    #sixth .first .mediasmall_2{
        min-height: 55%;
    }
    #sixth .third .mediasmall_1{
        min-height: 55%;
    }
    #sixth .third .mediasmall_2{
        min-height: 45%;
    }
    
    #sb_instagram #sbi_images a.sbi_photo{
        height: 100% !important;
        aspect-ratio: 1/1;
    }
    #sb_instagram.sbi_col_3 #sbi_images .sbi_item{
        height: 50%;
    }

}


 /***************************************************************************************************/
 /********************* CUSTOM CSS : LARGE SCREENS (typos only)  ************************************/
/***************************************************************************************************/
@media only screen and (min-width: 1025px){
    .content h2{
        font-size: 30px;
        line-height: 30px;
    }
    .content .cta a{
            font-size: 18px;
            line-height: 18px;
    }

}
 /**************************************************************************************/
 /********************* CUSTOM CSS : SMALL HEIGHT  *************************************/
/**************************************************************************************/
@media only screen and (min-width: 1023px) and (max-height: 600px){
        
    /* no swiper = remove animations */
    .content h2,
    .content .text .innertext,
    .content .cta .innercta{
        opacity: 1;
        transform: scale(1);
    }
    /* no swiper = force slide height */
    .swiper-slide,
    .swiper-slide .vertical .first,
    .swiper-slide .vertical .second{
        min-height: 630px;
        height: 630px;
    }
    .swiper-slide.slide_video{
        min-height: 350px;
        height: 350px;
    }
    
    

    
}

 /*********************************************************************************************************/
 /********************* CUSTOM CSS : LARGE SCREENS  - First slide text************************************/
/********************************************************************************************************/
@media only screen and (min-width: 1350px){
    .horizontal .columns .heading,
    .horizontal .columns .cta
    {
        width: 30%;
        min-width: 250px;
        display: -webkit-box;       
        display: -moz-box;       
        display: -ms-flexbox;        
        display: -webkit-flex;  
        display: flex;
        -ms-flex-pack: center;
        align-items: center;
        justify-content: center;
    }
    .horizontal_70_30 .second .columns .text,
    .horizontal_30_70 .first .columns .text{
        width: 40%
    }
    .content .text {
        font-size: 14px;
        line-height: 24px;
        padding: 0; 
    }
    .content .cta a {
        font-size: 16px;
        line-height: 16px;
    }
}

 /*********************************************************************************************************/
 /********************* CUSTOM CSS : SMALL HEIGHT   - First slide text************************************/
/********************************************************************************************************/

@media only screen and (max-width: 1550px) and (max-height: 900px) and (min-width: 1350px){
    .horizontal .columns .heading,
    .horizontal .columns .cta
    {
        width: 22%;
        min-width: 200px;
        display: -webkit-box;       
        display: -moz-box;       
        display: -ms-flexbox;        
        display: -webkit-flex;  
        display: flex;
        -ms-flex-pack: center;
        align-items: center;
        justify-content: center;
    }
    .horizontal_70_30 .second .columns .text,
    .horizontal_30_70 .first .columns .text{
        width: 40%
    }
    .content .text {
        font-size: 12px;
        line-height: 24px;
        padding: 0; 
    }
    .content .cta a {
        font-size: 14px;
        line-height: 16px;
    }
}

  @media only screen and (max-width: 989px) {
      .homepage-sliders-container{
          overflow: hidden;
      }
      #homepage_popup .swiper-wrapper{
          display: flex;
      }
      #homepage_popup .image, #homepage_popup .content{
          width: 100%;
      }
      #homepage_popup .content{
          height:180px;
      }
      #homepage_popup .link{
          margin-top: 20px;
      }
      #homepage_popup .swiper-button-prev,
      #homepage_popup .swiper-button-next{
          display: block;
      }

  }