
.accordionplus * {box-sizing: border-box}

.accordionplus { 	
	margin: 0 auto;
    display: flex; 
    width: -webkit-fill-available;
    flex-direction: row;
    flex-wrap: wrap;
	justify-content: center !important;
	overflow: hidden;
}

/*.accordionplus:before {
	position: fixed; top: 0; left: 0;
	width: 100%; height: 100%; content: '';
	background: #011a2d; z-index: -5; 
	opacity: 0; visibility: hidden; 
	transition: 0.5s ease all;
}*/
.accordionplus.initiated:before { 
	opacity: 1; z-index: 5; visibility: visible;
}

.tiptop { z-index: 99999999 !important; }
.pause-scroll { overflow: hidden }

.ap-itemwrap {
	position: absolute; z-index: 1;
    width: auto; 
    display: inline-flex;
    flex-grow: 1;
    text-align: center;
    background-size: cover !important;
    flex-wrap: wrap;
    /*aspect-ratio: 4 / 3;*/
    flex-direction: row;
	align-items: center;
    justify-content: center;
	padding: 0; 
	min-width: 100%;
	height: 100%;
	top: 0; left: 0;
	opacity: 0; 
	visibility: hidden;
	transition: 0.75s ease-in-out all;
	
}
	/*.ap-itemwrap::after {
		position: absolute; top: 0; left: 0;
		width: 100%; height: 100%; content: '';
		background: rgba(21,26,45,0.5); z-index: 0;
		transition: 0.25s ease background;
	}
	.ap-itemwrap:hover::after {
		background: rgba(21,26,45,0.2);
	}*/
	/*.ap-itemwrap.active:after { 
		background: rgba(0,0,0,0.75);
		transition: 0.75s ease all;
	}*/
	.ap-itemwrap.hide {  
		overflow: hidden;
		/*transition: 0.5s ease all;*/
	}
.ap-item { 
	cursor: pointer;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-grow: 1;
	transition: 0.25s ease-in-out background;
	flex-basis: 100%;
	z-index: 1;
	width: -webkit-fill-available;
	flex-direction: column;
	}
	/*.ap-item:hover {
		background: rgba(21,26,45,0);
	}*/
	.ap-itemwrap.active,
	.ap-itemwrap.show { visibility: visible; opacity: 1; z-index: 5; }
	.ap-itemwrap.active .ap-item {
		background: none;
		color: #333;
	} 
.ap-icon,
.ap-info .ap-icon-close { 
    line-height: 1;
    border-radius: 5px;
	width: 35px;
	height: 35px;
	background: #d01f2e;
	display: flex;
    margin-top: 15px;
	font-size: 1rem;
	min-width: auto !important;
}
.ap-info button.ap-icon-close { 
	display: inline-flex; min-width: auto;font-size: 1.5rem; margin-top: 75px; border-radius: 100px; padding: 14px 15px 13px 15px !important; width: auto; height: auto;border: 0; color: #fff; }
.ap-icon i { position: relative; margin: auto; /*transform: rotate(-45deg);*/ }
.ap-icon-close:after { display: none !important;  }

.ap-info {
	opacity: 0;
    padding: 0;
    display: block;
    text-align: left;
    vertical-align: top;
    align-content: space-around;
    position: absolute;
	visibility: hidden;
    top: 0; left: 0;
    width: 100%;
    height: auto;
	z-index: 0; 
	transition: 0.75s ease-in-out all;
	background-size: cover !important;
    /*background-attachment: fixed !important;*/
	}
	
	.ap-info::after {
	position: absolute; top: 0; left: 0;
	width: 100%; height: 100%; content: '';
	background: rgba(0,0,0,0.65);
    mix-blend-mode: multiply;
    backdrop-filter: blur(2px);	
	z-index: 0;
	transition: 0.75s ease-in-out all;
	}
	/*.ap-itemwrap.active .ap-info:after { background: rgba(1,26,45,0.8); backdrop-filter: blur(5px);}
	*/

	.ap-info .ap-submenu ul,
	.ap-info .ap-submenu ul li { margin: 0; padding: 0; list-style-type: none; text-align: center; transition: 0.25s ease all; }
	.ap-info .ap-submenu ul li { cursor: pointer; font-weight: 400; border-right: 5px solid rgba(47, 89, 139, 0); }
	.ap-info .ap-submenu ul li.active { background: #fff; font-weight: 900;  }
	.ap-info .ap-submenu ul li.active .theading { color: #c20f2f !important; }
	.ap-info .ap-submenu .theading { line-height: 1; }
		

	.ap-info button { min-width: 100px; }
	.ap-info button.close.button {  
		cursor: pointer;
		transition: 0.25s ease background;
	} 
	
	.ap-itemwrap.hide { 
		overflow: hidden;
		transition: 0.5s ease all;
	}
	.ap-info h1, .ap-info h2, .ap-info h3, .ap-info h4, .ap-info h5 { text-transform: none !important; }
	
	.ap-info .tabtitle { 
		position: fixed; top: -5vh; width: 100%; text-align: center; left: 0;
		color: #2f598b !important; font-size: 10vw !important; opacity: 0.75; text-wrap: nowrap;
	}
	.ap-stack { display: block; width: 100%; margin: 25px auto; }

.ap-colwrap {
	display: flex;
    width: -webkit-fill-available;
    clear: both;
    align-items: flex-start;
    padding: 5% 0;
    max-width: 1140px;
    margin: auto;
	}
	.ap-col {
    display: inline-block;
	z-index: 99999;
	}
	.ap-col1 { }
	.ap-col2 { }

	.ap-col2-cnt { 
	display: flex;
    flex-direction: row-reverse;
    align-items: center;
	}

	.ap-itemwrap button.closemobile { display: none; }
		
@media screen and (max-width: 1150px)
{
	/* mobile display - vertical/regular accordion layout */
	
	.accordionplus 					{ /*min-height: 90vh;*/ height: auto; flex-direction: column; flex-wrap: wrap; padding: 0; }
	
	.ap-itemwrap 					{ flex-wrap: wrap; flex-direction: column; transition: 0.75s ease-in-out all;
									  margin: 0; width: -webkit-fill-available;
									  position: relative; opacity: 1; visibility: visible;
									}
	
	.ap-item 						{ width: 100%; height: auto; padding: 5%; background: rgba(0,0,0,0.5) }
	.ap-item .tabtitle 				{ padding: 15%; font-size: 1.5rem !important;width: -webkit-fill-available;
									  display: flex;flex-direction: column;align-items: center; }
	/*ap-info .tabtitle 			{ transform: rotate(-180deg);font-size: 8vh !important;
									  opacity: 0.5; left: -10px; top: 0vh; 
									  writing-mode: vertical-rl; text-orientation: mixed; height: max-content; }*/
		
	.ap-info button 				{ margin: 8px 0; display: inline-block !important; }
	
	.ap-info .ap-submenu			{  }
	.ap-info .ap-content			{ font-size: 0.9rem; line-height: 1; }
	
	.ap-itemwrap.hide 				{ /*height: auto; opacity: 1;*/ }
	.ap-info button.close			{ /*position: fixed; bottom: 5vw; right: 5vw;*/ margin-top: 45px; } 

	.ap-colwrap 					{ flex-direction: column; padding: 8%; }
	.ap-colwrap.ap-colrev			{ flex-direction: column; }
	.ap-col 						{ flex-basis: 100%; min-width: 100%; }
	.ap-col1 						{ padding: 0; display: none!important; }
	.ap-col2 						{ visibility: hidden; opacity: 0; z-index: -9;
									  position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
									  transition: 0.75s ease-in-out all; overflow-y: scroll; padding: 15% 5%;
									}
	.ap-itemwrap.active .ap-col2 	{ visibility: visible; opacity: 1; z-index: 9; }
	.ap-col2.ap-image				{ padding: 0 0 15% 0; }
	.ap-col2.ap-stack				{ padding: 5% 0 0 0; }
	
	.ap-itemwrap.active .ap-info 	{ position: fixed;top: 0;left: 0;width: 100%;height: 100%;
									  opacity: 1 !important; visibility: visible !important; z-index: 99 !important; }

	
	.ap-col2-cnt 					{ display: flex; flex-direction: column; align-items: flex-start; }
	.ap-col2-cnt .ap-image,
	.ap-col2-cnt .ap-content		{ flex: 1; }
	
	.nano 							{ height: auto; }
	.nano > .nano-content 			{ max-height: none; }

	.ap-itemwrap button.closemobile 		{ display: inline-block; }
	.ap-info .ap-submenu ul li 		{ border-radius: 15px; padding: 4% 5% 3% 5%; margin: 2% auto; border: 0; }
	.ap-info .ap-submenu ul li.active { border: 0; }
	.ap-icon,
	.ap-info .ap-icon-close 		{ margin-left: auto; margin-right: auto; }
	
.accordionplus .swiper-wrapper {
    position: relative;
    width: auto !important;
    /* height: 100%; */
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    align-content: stretch;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
}
.accordionplus .swiper-autoheight, 
.accordionplus .swiper-autoheight .swiper-slide {
    height: auto;
    width: auto;
}
.accordionplus .swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}
.accordionplus .swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    /* transition-property: transform,height; */
}
.accordionplus .featureswiper .swiper-wrapper {
    padding: 0 0 30px 0;
}
.accordionplus .swiper-slide {
    flex-shrink: revert;
    width: max-content;
    height: 100%;
    position: relative;
    transition-property: transform;
}

	

}
@media screen and (min-width: 1150px) 
{
	/* desktop display - horizontal accordion layout */
	.ap-itemwrap button.closemobile 		{ display: none !important; }
	
	.accordionplus 					{ height: auto; }
	.ap-itemwrap 					{ transition: 0.75s ease-in-out all; width: 100%;
									  flex-basis: 100%; overflow: hidden; }
	
	
	.ap-item 						{ width: 100%; height: 100%; }
	.ap-item .tabtitle 				{ display: flex;flex-direction: column;align-items: center; 
									  /*transform: rotate(-180deg); writing-mode: vertical-rl; text-orientation: mixed;*/ }
	
	.ap-info 						{ /*width: 0;*/ }
	.ap-info button 				{ margin: 0 10px 0 0; }
	.ap-info close.button 		{ margin: 45px 0 0 0 ; }
	
	.ap-itemwrap.active .ap-info 	{ }
	.ap-itemwrap.hide 				{ }
	
	.ap-colwrap 					{ flex-direction: row; }
	.ap-col 						{ flex-grow: 1; display: inline-block; }
	.ap-col1 						{ min-width: 35%; flex-basis: 35%; padding: 3% 0 3% 0; 
									  border-right: 1px #fff solid; margin-right: -1px; }
	.ap-col2 						{ min-width: 65%; flex-basis: 65%; padding: 3% 0 3% 5%; border-left: 1px #fff solid; }
	
	.ap-col2-cnt 					{ display: flex; flex-direction: column; align-items: flex-start; }
	.ap-col2-cnt .ap-image			{ flex: 1; flex-basis: 100%; max-width: 750px; }
	.ap-col2-cnt .ap-content		{ flex: 1; flex-basis: 60%; }
	
	.ap-info .ap-submenu ul li 		{ padding: 10% 5%; }
	.ap-info .ap-submenu ul li.active {  
									 border-radius: 15px 0 0 15px; border-right: 5px solid rgba(255, 255, 255, 1) !important; }
	.ap-info .ap-submenu ul li:hover { border-right: 5px solid #c20f2f;  }
	
	.ap-itemwrap.active .ap-info,
	.ap-itemwrap.show .ap-info {
		opacity: 1;
		z-index: 5;
		visibility: visible;
	}
	.ap-mobilelnks 					{ display: none !important; opacity: 0; visibility: hidden; }
	
	/*.nano 							{ height: 100%; margin-bottom: 25px; }
	.nano > .nano-content 			{ max-height: 45vh; }*/
 
}
 