.tabbed-content-region {
	 margin-bottom:20px;
}
 .tab-content>.tab-pane {
	 display:none;
}
 .active[data-tab-content] {
	 display:block;
	 animation: fadeInDown .25s ease-in;
}
 #tab-wrapper {
	 display: flex;
	 justify-content: flex-start;
	 padding: 0;
	 margin: 0;
}
 .tab-content {
	 position:relative;
	 height:auto;
	 background:#fff;
	 color: #364451;
	 padding:25px;
	 box-shadow: 0 0 0 2px #364451;
	 font-size: 1.3em;
}
.tab-content li {
    margin-bottom:30px;
}
 #tab-wrapper div {
	 display:flex;
	 flex-direction:column;
	 margin-right:5px;
}
 .tab {
	color: #fff;
    background: #364451;
    padding: 10px 20px;
    cursor: pointer;
    box-shadow: 0 0 0 2px #364451;
    transition: all .25s ease-out;
    font-size: 1.8em;
    font-weight: 900;
    border-radius: 10px 10px 0 0;
    border-bottom: none;
}
 .tab:hover:not(.active) {
	 background: #6c7b8a;
	 color: #fff;
}
 .tab.active {
	 background: #fff;
	 color: #800000;
}
 .whitebox.active {
	 background: #fff;
	 height: 2px;
	 z-index:100;
	/*border-right:2px solid #364451;
	*/
}
 #tab-wrapper div:last-of-type .whitebox.active {
	 border-right:0;
}
 @keyframes fadeInDown {
	 0% {
		 opacity: 0;
		 transform: translateY(-40px);
	}
	 100% {
		 opacity: 1;
		 transform: translateY(0);
	}
}
@media (max-width:970px) {
    #tab-wrapper {
        flex-direction: column;
    }
    .tab {
        border-radius: 0;
    }
}
 @media (max-width:526px) {
	 #tab-wrapper div {
		 margin-right:0;
	}
	 #tab-wrapper {
		 flex-direction:column;
	}
	.content {
	    flex-direction: column !important;
	}
	.content >  {
	    margin-left:0 !important;
	    margin-top: 15px;
	}
}