/**
 * Reset
 */
*,
*::before,
*::after {
	box-sizing: border-box;
}
.tab-body h2{color: white; font-family: var(--fnt2); font-weight: 700; font-size: 28px;  }

/**
 * Article Container
 */
.article-container {
	padding: 2rem; 
}



/**
 * Article Block
 */
.article-block {
	text-align: center;
}

.article-block .entry-content > p {
	color: #666;
}

/**
 * Tabs Container
 */
.tabs-container {
	/*padding: 2rem;*/
}







/* .tabBtn:hover  span{ margin-left: 10px; margin-top: -2px; position: absolute; background:  var(--cor2); color: #fff; border-radius: 20px; padding: 4px; } */

/**
 * Tabs Block
 */

.tabs-block { 
	/*display: flex;*/
	align-items: center;
	justify-content: center;
}

/**
 * Tabs
 */
.tabs {
	display: flex;
}

.tabs > ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 15%;
	position: absolute;
	z-index: 100;
}

.tabs > ul li {
	display: block;
}

.tabs > ul li:not(:last-child) {
	border-bottom: 0px solid #1f3460;
}

.tabs > ul li a,
.tabs > ul li a:visited {
	display: flex;
	border-bottom: none;
	text-decoration: none;
	/*background-color: var(--cor5);*/
	background: rgba(255, 255, 255, 0.2);
	color: #fff;
	padding: 1rem 0.5rem;
	transition: all 0.2s ease-in-out;
	word-wrap: break-word;
	border-radius:0 10px 10px 0;
	margin-bottom: 3px;
}

.tabs > ul li a:hover,
.tabs > ul li a:active
{
	border-bottom: none;
	outline: 0;
	background:none!important;
}



.tabs > ul li a.active {
	/*background-color: #f0f1f5;
	color: #0067b8;*/
	background:none;
	color: var(--cor2);
}

.tabs > ul li a:hover:not(.active) {
	/*color: #0067b8;*/
	color: var(--cor2);
	background: rgba(255, 255, 255, 0.2);	
}


.tabs > ul li a > span {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.tabs > ul li a > span.tab-label {
	display: none;
	font-family: var(--fnt2); 
}

.tabs section {
	width: 100%; /*width: 85%;*/
	/*background-color: #091224;*/
	padding: 1rem;
	display: none;
	word-wrap: break-word;
	z-index: 50; 
	
	/*border-bottom: 6px solid #0067b8;*/
}

.tabs section >  * {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.2s, transform 0.2s; 
}



.tabs section > *:nth-child(1) {
	transition-delay: 0.2s;
}

.tabs section > *:nth-child(2) {
	transition-delay: 0.3s;
}

.tabs section > *:nth-child(3) {
	transition-delay: 0.4s;
}

.tabs section > *:nth-child(4) {
	transition-delay: 0.5s;
}

.tabs section > *:nth-child(5) {
	transition-delay: 0.6s;
}

.tabs section > *:nth-child(6) {
	transition-delay: 0.7s;
}

.tabs section > *:nth-child(7) {
	transition-delay: 0.8s;
}

.tabs section > *:nth-child(8) {
	transition-delay: 0.9s;
}

.tabs section > *:nth-child(9) {
	transition-delay: 1s;
}

.tabs section > *:nth-child(10) {
	transition-delay: 1.1s;
}

.tabs section > *:nth-child(11) {
	transition-delay: 1.2s;
}

.tabs section > *:nth-child(12) {
	transition-delay: 1.3s;
}

.tabs section > *:nth-child(13) {
	transition-delay: 1.4s;
}

.tabs section > *:nth-child(14) {
	transition-delay: 1.5s;
}

.tabs section > *:nth-child(15) {
	transition-delay: 1.6s;
}

.tabs section > *:nth-child(16) {
	transition-delay: 1.7s;
}

.tabs section > *:nth-child(17) {
	transition-delay: 1.8s;
}

.tabs section > *:nth-child(18) {
	transition-delay: 1.9s;
}

.tabs section > *:nth-child(19) {
	transition-delay: 2s;
}

.tabs section > *:nth-child(20) {
	transition-delay: 2.1s;
}

.tabs section.active {
	display: block;
}

.tabs section.active-content > * {
	opacity: 1;
	transform: translateY(0);
}



@media (min-width: 576px) {

	.tabs > ul {
		width: 200px;
	}

	.tabs > ul li a {
		flex-wrap: wrap;
	}

	.tabs > ul li a > span {
		width: 100%;
	}

	.tabs > ul li a > span.tab-label {
		width: 100%;
		display: block;
		margin-top: 0.2rem;
	}

	.tabs section {
		width: calc(100%); /*width: calc(100% - 150px);*/
		padding: 2rem 2rem;
	}
}
@media (min-width: 768px) {

	.tabs-container {
		/*padding: 4rem 4rem;*/
	}
	section h2{ font-size: 44px; }

	/* .bannerDiamond{ width: 140px; height: 140px;  bottom: 20px; left: 30%;}  */
}
@media (min-width: 992px) {

	.tabs {
		width: 100%;
	}
}


/*Add on*/



 /* .bannerDiamond{  border-radius: 10px; background: var(--cor2); position: absolute; z-index: 10; transform: rotate(-45deg); transform-origin: 0% 0%} 
 .bannerDiamond{ width: 80px; height: 80px;  bottom: 150px; left: 20%;}  */


.nav-tabs{border: 0;}
.tabCont{color: #fff; font-size: 14px ; max-width: 35%;  margin: 20px 0  30px 0;}
.tabBtn{background: #d7dbe4; font-family: var(--fnt2); border-radius: 30px; font-size: 14px; color: var(--cor5); line-height: 24px; text-shadow: none;  }
/*.tabBtn:hover{box-shadow: 0px 0px 5px 5px  #d4d5d8;}*/

.tabBtn span{vertical-align: middle; font-size: 22px; color: var(--cor2); margin-left: 0; transition: all 0.5s ease-in-out;}
.tabBtn:hover{ background: var(--cor2); }
.tabBtn:hover span{ color: white; }

.tabs ul {margin: 50px 0;} 
.tabs section{ min-height: 400px;} /* JK*/

.sSub{ margin-top: 50px; position: absolute; margin-left: 18%; text-shadow: 1px 1px #5b5b5b; bottom:15%; }



.tabs section .sSub > *{
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.2s, transform 0.2s; 
}
.tabs section .sSub > *:nth-child(1) {
	transition-delay: 0.2s; 
}
.tabs section .sSub > *:nth-child(2) {
	transition-delay: 0.3s; 
}
.tabs section .sSub > *:nth-child(3) {
	transition-delay: 0.4s;
}
.tabs section.active-content .sSub> * {
	opacity: 1;
	transform: translateY(0);
}


@media (min-width: 576px) /*sm*/ {.tabs section{ min-height: 550px;} .sSub{margin-left: 250px} }
@media (min-width: 768px) /*md*/ {.sSub{bottom:15%;}}
@media (min-width: 992px) /*lg*/ {}
@media (min-width: 1200px) /*xl*/ {
	.tabs ul {margin: 9vh 0;} 
	.tabs section{ min-height: calc(100vh - 115px);
	}
}
@media (min-width: 1400px) /*xxl*/ {
	.tabs ul {margin: 23vh 0;}
	.sSub{bottom:31%;}
}