/* ACCORDION CLICK TABS */
.vb-accordion nav { display:flex; justify-content: center; align-items: flex-start; flex-wrap:wrap; }
.vb-accordion nav ul { padding:0; margin:0 0 35px 0; flex-wrap: wrap; }
.vb-accordion nav ul > li { position:relative; align-self: stretch; display: flex; align-items: center; }
.vb-accordion nav ul > li:not(:last-child):after { content:'>>'; color:#2e5ebb; position:absolute; top: auto; bottom: auto; right: -11px; }
.vb-accordion nav a { display:inline-block; text-align:center; color:#888; font-size:90%; font-weight:400; line-height:normal; text-transform:uppercase; text-decoration:none; padding:8px 25px; }
.vb-accordion nav a:hover, .vb-accordion nav li.active a { color: #000; }
.vb-accordion nav li a:before { content:''; display:block; bottom:3px; height:1px; position: absolute; left:50%; right:50%; opacity:0; background-color:#000; transition: all 0.3s ease 0s; }
.vb-accordion nav li:not(.active) a:hover:before, .vb-accordion nav li.active a:before { right:18px; left:18px; opacity: 1; }

.vb-accordion.vb-style-1 .accordion-content { position:relative; font-size: 18px; line-height: 23px; font-weight: 300; color:#666; }
.vb-accordion.vb-style-1 .vb-tile-wrap { position:absolute; top:0; left:0; right:0; bottom:0; display: flex; justify-content: center; align-items: center; }

.vb-accordion.vb-style-1 .vb-tile { width:100%; display:flex; flex-wrap: wrap; }
.vb-accordion.vb-style-1 .vb-tile > div { width:50%; display: flex; align-items: center; }

.vb-accordion.vb-style-1 .vb-image-wrap { justify-content:flex-start; }
.vb-accordion.vb-style-1 .vb-image-wrap > div { width: 100%; }
.vb-accordion.vb-style-1 .vb-image { position:relative; padding-top:60%; overflow: hidden; }
.vb-accordion.vb-style-1 .vb-image > div { position:absolute; top:0; left:0; right:0; bottom:0; background-position:center; background-size:cover; }
.vb-accordion.vb-style-1 .vb-image:after { content:''; border:2px solid #fff; position:absolute; top:20px; left:20px; bottom:20px; right:20px; }
.vb-accordion.vb-style-1 .vb-content-wrap { justify-content:flex-end; }
.vb-accordion.vb-style-1 .vb-content:after { content:''; border:1px solid #2e2e2e; position:absolute; top:20px; left:20px; bottom:20px; right:20px; }
.vb-accordion.vb-style-1 .vb-content h2 { font-size:20px; font-weight: 500; color:#2e2e2e; }

.vb-accordion.vb-style-1 .vb-tile-wrap .vb-image { opacity:0; transform:translateY(25%) scale(0); z-index:2; transition:all .55s ease-in-out; }
.vb-accordion.vb-style-1 .accordion-content .vb-tile-wrap.active .vb-image { opacity:1; transform:translateY(0) scale(1); z-index:1; transition:all .75s ease-in-out;  }
.vb-accordion.vb-style-1 .vb-tile-wrap .vb-content { opacity:0; transform:translateX(150%); transition:all .4s ease-in-out; z-index:1; }
.vb-accordion.vb-style-1 .accordion-content .vb-tile-wrap.active .vb-content { opacity:1; transform:translateX(0); transition:transform .65s ease-in-out; transition-delay:.35s; z-index:2; }
.vb-accordion.vb-style-1 .vb-image-wrap > div { width:120%; margin-right:-100%; margin-left:0; }
.vb-accordion.vb-style-1 .vb-content-wrap > div { width:115%; margin-left:-100%; margin-right:0; }
.vb-accordion.vb-style-1 .accordion-content .vb-tile-wrap.active .vb-image > div { animation:zoomLoop 48s ease-in-out infinite; }


@media all and (max-width:991px) {
	.vb-accordion nav ul { margin: 0 0 20px 0; }
	.vb-accordion.vb-style-1 .vb-content-wrap > div { width: 140%; }
	.vb-accordion.vb-style-1 .vb-content::after { top:15px; left:15px; bottom:15px; right:15px; }
}


/*
.vb-accordion.vb-style-1 .vb-tile-wrap { transition:all .35s ease-in-out; }
.vb-accordion.vb-style-1 .vb-tile-wrap:not(.active) { opacity:0; }
.vb-accordion.vb-style-1 .vb-tile-wrap.active { opacity:1; }

.vb-accordion.vb-style-1 .vb-tile-wrap { transition:all .6s ease-in-out; }
.vb-accordion.vb-style-1 .vb-tile-wrap:not(.active) { transform:translateY(20%) scale(.2); opacity:0; z-index:2; }
.vb-accordion.vb-style-1 .vb-tile-wrap.active { transform:translateY(0) scale(1); opacity:1; z-index:1; }



@media all and (min-width:768px) {
	.vb-accordion.vb-style-1 .vb-tile-wrap .vb-image { opacity:0; transform:translateY(25%) scale(0); z-index:2; transition:all .55s ease-in-out; }
	.vb-accordion.vb-style-1 .accordion-content.shown .vb-tile-wrap.active .vb-image { opacity:1; transform:translateY(0) scale(1); z-index:1; transition:all .75s ease-in-out;  }
	.vb-accordion.vb-style-1 .vb-tile-wrap .vb-content { opacity:0; transform:translateX(100%); transition:all .4s ease-in-out; z-index:1; }
	.vb-accordion.vb-style-1 .accordion-content.shown .vb-tile-wrap.active .vb-content { opacity:1; transform:translateX(0); transition:all .65s ease-in-out; transition-delay:.35s; z-index:2; }
	.vb-accordion.vb-style-1 .vb-image-wrap > div { width:120%; margin-right:-100%; margin-left:0; }
	.vb-accordion.vb-style-1 .vb-content-wrap > div { width:115%; margin-left:-100%; margin-right:0; }
	.vb-accordion.vb-style-1 .accordion-content.shown .vb-tile-wrap.active .vb-image > div { animation:zoomLoop 48s ease-in-out infinite; }
}

@media all and (max-width:767px) {
	.vb-accordion nav { display:none; }
	.vb-accordion.vb-style-1 .accordion-content { height:auto !important; }
	.vb-accordion.vb-style-1 .vb-tile-wrap { position:relative; top:auto; left:auto; right:auto; bottom:auto; margin-bottom: 30px; }
	.vb-accordion.vb-style-1 .vb-tile > div { width:100%; }
}
@media all and (max-width:575px) {
	.vb-accordion.vb-style-1 .vb-image:after { top:10px; left:10px; bottom:10px; right:10px; }
	.vb-accordion.vb-style-1 .vb-content:after { border:none; }
}
*/