/* ACCORDION HOVER SLIDE */
.vb-accordion.vb-style-2 > div { display:flex; flex-direction:row; }
.vb-accordion.vb-style-2 .vb-tile-wrap { flex:1; position: relative; background-position: center; background-size:cover; display: flex; flex-direction: column; overflow: hidden; }
.vb-accordion.vb-style-2 .vb-tile-wrap.active { flex:4; }
.vb-accordion.vb-style-2 .vb-tile-wrap .vb-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity:.8; z-index:1; }
.vb-accordion.vb-style-2 .vb-tile-wrap .vb-overlay { opacity:1; }
.vb-accordion.vb-style-2 .vb-tile-wrap.active .vb-overlay { opacity:0; }
.vb-accordion.vb-style-2 .vb-tile-wrap .vb-title { position: absolute; bottom: 20px; left: 20px; z-index: 2; transform: rotateZ(-90deg); transform-origin: bottom left; }
.vb-accordion.vb-style-2 .vb-tile-wrap .vb-title > div { position: absolute; top: 0; left: 0; text-transform: uppercase; font-weight: 400; letter-spacing: .5px; font-size: 20px; color: #fff; }
.vb-accordion.vb-style-2 .vb-tile-wrap .vb-content { flex:1; padding-left:var(--pad_lg); padding-right:var(--pad_lg); z-index: 3; overflow:hidden; display:flex; justify-content:center; align-items:center; }
.vb-accordion.vb-style-2 .vb-tile-wrap .vb-content > div { background-color: #ffffffee; padding: 20px 25px; opacity:0; border-radius: 20px; }
.vb-accordion.vb-style-2 .vb-tile-wrap.active .vb-content > div { opacity:1; }
.vb-accordion.vb-style-2 .vb-tile-wrap .vb-content > div > *:last-child { margin-bottom:0 !important; }

.vb-accordion.vb-style-2 .vb-tile-wrap { transition:all 0.3s ease-in-out; }
.vb-accordion.vb-style-2 .vb-tile-wrap .vb-overlay { transition:all 0.4s ease-in-out; }
.vb-accordion.vb-style-2 .vb-tile-wrap .vb-content > div { transition:all 0.35s ease-in-out; transition-delay:.25s; }

body.user-mobile .vb-accordion.vb-style-2 > div { display: flex; flex-direction:column; }
body.user-mobile .vb-accordion.vb-style-2 .vb-tile-wrap .vb-overlay { display:none; }
body.user-mobile .vb-accordion.vb-style-2 .vb-tile-wrap .vb-title { transform: none; top: auto; left: auto; position: relative; width:auto; bottom: auto; margin: 20px 25px; }
body.user-mobile .vb-accordion.vb-style-2 .vb-tile-wrap .vb-title > div { position: relative; top:auto; left:auto; }
body.user-mobile .vb-accordion.vb-style-2 .vb-tile-wrap .vb-content { padding-top:0 !important; }
body.user-mobile .vb-accordion.vb-style-2 .vb-tile-wrap .vb-content > div { opacity:1; }