/* ======================================================================================================================================================
Tab Section and Slideshow / Tab Section
====================================================================================================================================================== */
.av-inner-tab-title,
.av-tab-section-icon,
.av-tab-arrow-container,
.av-tab-section-image{
	width: 90px;
}

.av-tab-section-container{
	width: 100%;
	overflow: hidden;
	position: relative;
	border: none;
}

.av-tab-section-outer-container{
	overflow: hidden;
}

.av-tab-section-inner-container{
	display: table;
	position: relative;
	left: 0%;

	/* Safari pixel gap fix */
	margin-left: -1px;
	margin-right: -1px;
}

.av-layout-tab{
	width: 100vw;
	display: block;
	vertical-align: middle;
	padding: 50px 0;
	border-top-style: solid;
	border-top-width: 1px;
}

.js_active .av-layout-tab{
	display: table-cell;
	border: none;
}

.av-tab-section-tab-title-container{
	text-align: center;
	padding: 20px 0 0 0;
	display: none;
	position: relative;
	transition: all 0.4s ease-in-out;
}

.js_active .av-tab-section-tab-title-container{
	display: block;
}

.js_active .av-tab-section-container.av-minimum-height .container{
	opacity: 1;
}

#top .av-section-tab-title{
	padding: 10px 20px 0px 20px;
	display: inline-block;
	text-decoration: none;
}

.av-section-tab-title,
.av-section-tab-title:hover{
	transition: all 0.4s ease-in-out;
}

.av-outer-tab-title{
	display: block;
}

.av-inner-tab-title{
	text-transform: uppercase;
	display: block;
	line-height: 1.2em;
	margin-top: 7px;
	margin-bottom: 3px;
	font-size: 13px;
	text-align: center;
}


.av-tab-with-image .av-inner-tab-title{
	display: table-cell;
	vertical-align: middle;
	height: 40px;
}

.av-tab-section-icon{
	display: inline-block;
    font-size: 40px;
    line-height: 1em;
}

.av-tab-section-icon.avia-svg-icon svg:first-child{
	margin-bottom: -6px;
}

.av-tab-arrow-container{
	display: block;
	height: 15px;
	overflow: hidden;
	position: relative;
	top: 8px;
}

.avia_transform .av-tab-arrow-container span{
	position: absolute;
	left: 50%;
	width: 50px;
	height: 50px;
	transform: translateX(-50%) rotate(45deg);
	transition: all 0.4s ease-in-out;
	top: 40px;
}

.avia_transform .av-active-tab-title .av-tab-arrow-container span{
	top: 10px;
}

.av-tab-section-image{
	display: block;
	opacity: 0.65;
	filter: grayscale(1);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	height:90px;
}

.av-section-tab-title:hover .av-tab-section-image{
	opacity: 0.85;
}

.av-active-tab-title .av-tab-section-image{
	opacity: 1;
	filter: grayscale(0);
}

.av-tab-image-circle .av-tab-section-image{
	border-radius: 200px;
}

.av-tab-image-rounded .av-tab-section-image {
    border-radius: 4px;
}

.av_tab_navigation{
	position: absolute;
}

.avia-section-small .av-layout-tab{
	padding-top: 20px;
	padding-bottom: 20px;
}

.avia-section-large .av-layout-tab{
	padding-top: 70px;
	padding-bottom: 70px;
}

.avia-section-huge .av-layout-tab{
	padding-top: 130px;
	padding-bottom: 130px;
}

.avia-section-no-padding .av-layout-tab{
	padding-top: 0;
	padding-bottom: 0;
}

#top .av-custom-tab-color a{
	color: inherit;
}

.av-tab-no-icon.av-tab-no-image .av-inner-tab-title{
	margin-bottom: 15px;
}

.avia-tab-title-padding-none .av-outer-tab-title{
	padding: 0 0;
    position: relative;
    top: -6px;
}

.avia-tab-title-padding-small .av-outer-tab-title{
	padding: 0 0;
}

.avia-tab-title-padding-default .av-outer-tab-title{
	padding: 10px 0;
}

.avia-tab-title-padding-large .av-outer-tab-title{
	padding: 20px 0;
}

.av-tab-with-icon .av-outer-tab-title{
	margin-bottom: 10px;
	padding: 0 0;
}

.av-tab-without-text .av-outer-tab-title{
	display: none;
}

#top .av-tab-without-text.av-section-tab-title{
	padding-top: 0;
}

#top .av-tab-below-content .av-tab-without-text.av-section-tab-title{
	padding-bottom: 10px;
}

.av-tab-below-content .av-tab-arrow-container{
	position: absolute;
	top: 0;
}

.avia_transform .av-tab-below-content .av-tab-arrow-container span{
	top: -65px;
}

.avia_transform .av-tab-below-content .av-active-tab-title .av-tab-arrow-container span{
	top: -45px;
}

#top .av-tab-below-content .av-section-tab-title{
	padding: 5px 20px 0px 20px;
}

.av-tab-below-content .av-tab-section-tab-title-container{
	padding: 30px 0px 20px 0px;
}

.boxed .av-layout-tab-inner .container,
.html_header_sidebar .av-layout-tab-inner .container{
	margin:0;
}

.av-tab-content-auto .av-layout-tab-inner{
	transition: height 0.4s ease-in-out;
}

/* Arrows for tab header */
.av-tab-above-content .av-tabsection-arrow{
	position: absolute;
	width: 100%;
	top: 30px;
	left: 0;
}

.av-tab-below-content .av-tabsection-arrow{
	position: absolute;
	width: 100%;
	bottom: 30px;
	left: 0;
}

#top .av-tabsection-arrow > a{
	width: 30px;
	margin: -30px 0 0 0;
	display: none;
}

#top .av-tabsection-arrow > a.prev-slide{
	border-radius: 0 5px 5px 0;
}

#top .av-tabsection-arrow > a.next-slide{
	border-radius: 5px 0 0 5px;
}

#top .av-tabsection-arrow.av-visible-prev > a.prev-slide,
#top .av-tabsection-arrow.av-visible-next > a.next-slide{
	display: block;
}

#top .av-tabsection-arrow > a:hover{
	opacity: 0.7;
	transition: all 0.4s ease-in-out;
}

/* ============================================
	Slideshow section specific
=============================================== */
.av-tab-section-container.av-hide-tabs .av-tab-section-tab-title-container,
.av-tab-section-container.av-hide-tabs .av-tabsection-arrow{
	display: none;
}

.av-slideshow-section.av-is-slideshow .av-section-tab-title:hover{
	cursor: default;
}

.av-slideshow-section.av-strech-full .av-layout-tab-inner > .container{
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

#top .av-tabsection-slides-arrow > a{
	top: 50%;
	width: 0px;
	margin: -30px 0 0 0;
	display: block;
	opacity: 0;
	transition: all 0.8s ease-in-out;
}

#top .av-is-slideshow .av-control-default:not(.av-slideshow-ui) .avia-slideshow-arrows a,
#top .av-is-slideshow .av-control-minimal:not(.av-slideshow-ui) .avia-slideshow-arrows a{
	opacity: 1;
	width: 35px;
}

/*	show/hide nav arrows depending on options and state of slider	*/
#top .av-is-slideshow .av-slideshow-ui.av-loop-endless .avia-slideshow-arrows > a,
#top .av-is-slideshow .av-slideshow-ui.av-loop-manual-endless .avia-slideshow-arrows > a,
#top .av-is-slideshow .av-slideshow-ui .avia-slideshow-arrows.av-visible-prev > a.prev-slide,
#top .av-is-slideshow .av-slideshow-ui .avia-slideshow-arrows.av-visible-next > a.next-slide{
	opacity: 1;
	width: 35px;
	transition: all 0.8s ease-in-out;
}

#top .av-is-slideshow .av-no-slider-navigation .av-tabsection-slides-dots{
	display: none;
}

#top .av-is-slideshow .av-slideshow-ui .av-tabsection-slides-arrow.av-visible-prev > a:hover,
#top .av-is-slideshow .av-slideshow-ui .av-tabsection-slides-arrow.av-visible-next > a:hover{
	opacity: 0.7;
	transition: all 0.4s ease-in-out;
}


/* hide controls on desktop */
.avia_desktop #top .av-slideshow-section.av-is-slideshow .av-slideshow-ui .avia-slideshow-controls a{
	opacity: 0;
}
.avia_desktop #top .av-slideshow-section.av-is-slideshow .av-slideshow-ui.av-nav-arrows-visible .avia-slideshow-arrows a,
.avia_desktop #top .av-slideshow-section.av-is-slideshow .av-slideshow-ui.av-nav-dots-visible .avia-slideshow-dots a{
	opacity: 0.6;
}

.avia_desktop #top .av-slideshow-section.av-is-slideshow:hover .avia-slideshow-controls a{
	opacity: 0.6;
}

.avia_desktop #top .av-slideshow-section.av-is-slideshow:hover .avia-slideshow-controls a:hover{
	opacity: 0.8;
}

#top .av-is-slideshow .av-slideshow-ui.av-hide-nav-arrows .avia-slideshow-arrows a,
#top .av-is-slideshow:hover .av-slideshow-ui.av-hide-nav-arrows .avia-slideshow-arrows a{
	width: 0;
	opacity: 0;
	transition: none;
}

#top .av-tabsection-slides-dots > a{
	transition: all 0.8s ease-in-out;
}

.av-tab-slide-up-transition .av-tab-section-tab-title-container{
	z-index: 2;
}

.av-tab-slide-up-transition .av-slide-section-container-wrap{
	overflow: hidden;
	width: 100%;
}

.av-tab-slide-up-transition .av-tab-section-inner-container,
.av-tab-fade-transition .av-tab-section-inner-container{
	width: 100%;
	display: block;
}

.av-tab-slide-up-transition .av-layout-tab{
	display: block;
	opacity: 0;
	transition: all 0.4s ease-in-out;
}

.av-tab-slide-up-transition.av-tab-content-fixed .av-layout-tab,
.av-tab-fade-transition .av-layout-tab{
	display: flex;
	height: 100%;
	width: 100%;
	flex-direction: column;
    align-items: start;
	justify-content: start;
}

.av-tab-slide-up-transition.av-tab-content-fixed .av-layout-tab.vertical-align-middle,
.av-tab-fade-transition .av-layout-tab.vertical-align-middle{
	justify-content: center;
}

.av-tab-slide-up-transition.av-tab-content-fixed .av-layout-tab.vertical-align-bottom,
.av-tab-fade-transition .av-layout-tab.vertical-align-bottom{
	justify-content: end;
}

.av-tab-slide-up-transition.av-tab-content-fixed .av-layout-tab-inner,
.av-tab-fade-transition .av-layout-tab-inner{
	width: 100%;
}

.av-tab-fade-transition .av-layout-tab.av-active-tab-content{
	position: relative;
	z-index: 5;
	opacity: 1;
}

.av-tab-fade-transition .av-layout-tab{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	opacity: 0;
	transition: all 0.8s ease-in-out;
}

/*		slide transitions sidewards and up	*/
.av-tab-slide-transition .av-tab-section-inner-container,
.av-tab-slide-up-transition .av-tab-section-inner-container{
	transition: all 0.4s ease-in-out;
}

.av-tab-slide-up-transition .av-tab-section-outer-container{
	transition: all 0.4s ease-in-out;
}
