/*!----------------------------------------------------------------------
    Skeletabs
    Basic, accessible, responsive and freely restylable jQuery tabs
 ----------------------------------------------------------------------*/
/* Skeletabs: Core (required)
 ----------------------------------------------------------------------*/
.skltbs-tab-group {
    margin: 0;
    padding: 0;
}

.skltbs-tab-group::after {
    clear: both;
    display: table;
    content: "";
}

.skltbs-tab-item {
    display: block;
    float: left;
}

.skltbs-tab {
    display: block;
    text-decoration: none;
    touch-action: manipulation;
}

.is-active > .skltbs-tab {
    touch-action: none;
}

.is-disabled > .skltbs-tab {
    cursor: default;
    pointer-events: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.skltbs-panel-group {
    clear: both;
}

.skltbs-panel-heading {
    margin: 0;
    font: inherit;
}

/* Skeletabs: Animation (optional if you don't need animation)
 ----------------------------------------------------------------------*/
.skltbs.has-animation .skltbs-tab {
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.skltbs.has-animation .skltbs-panel-group {
    transition: height 0.3s ease-in-out;
    transition-delay: 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.skltbs.has-animation .skltbs-panel {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.skltbs.has-animation .skltbs-panel.is-active {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

.skltbs.has-animation .skltbs-panel.is-getting-in, .skltbs.has-animation .skltbs-panel.is-getting-out {
    visibility: visible;
}

.skltbs.has-animation.fade .skltbs-panel.is-getting-out {
    -webkit-animation: fade 0.3s ease-in-out forwards;
    animation: fade 0.3s ease-in-out forwards;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}

.skltbs.has-animation.fade .skltbs-panel.is-getting-in {
    -webkit-animation: fade 0.3s ease-in-out forwards;
    animation: fade 0.3s ease-in-out forwards;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.skltbs.has-animation.fade-scale .skltbs-panel.is-getting-out {
    -webkit-animation: fade-scale-out 0.3s ease-in-out forwards;
    animation: fade-scale-out 0.3s ease-in-out forwards;
}

.skltbs.has-animation.fade-scale .skltbs-panel.is-getting-in {
    -webkit-animation: fade-scale-in 0.3s ease-in-out forwards;
    animation: fade-scale-in 0.3s ease-in-out forwards;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.skltbs.has-animation.drop .skltbs-panel.is-getting-out {
    -webkit-animation: slide-down-out 0.4s ease-in-out forwards;
    animation: slide-down-out 0.4s ease-in-out forwards;
}

.skltbs.has-animation.drop .skltbs-panel.is-getting-in {
    -webkit-animation: scale-up 0.4s ease-in-out forwards;
    animation: scale-up 0.4s ease-in-out forwards;
}

.skltbs.has-animation.rotate .skltbs-panel-group {
    overflow: hidden;
}

.skltbs.has-animation.rotate .skltbs-panel.is-getting-out {
    -webkit-animation: rotate-out 0.5s ease-in-out forwards;
    animation: rotate-out 0.5s ease-in-out forwards;
}

.skltbs.has-animation.rotate .skltbs-panel.is-getting-in {
    -webkit-animation: rotate-in 0.5s ease-in-out forwards;
    animation: rotate-in 0.5s ease-in-out forwards;
}

@-webkit-keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fade-scale-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
        transform: scale(0.95);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes fade-scale-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
        transform: scale(0.95);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes fade-scale-out {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
        transform: scale(0.95);
    }
}

@keyframes fade-scale-out {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
        transform: scale(0.95);
    }
}

@-webkit-keyframes scale-up {
    from {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale-up {
    from {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes slide-down-out {
    from {
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        -ms-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }
}

@keyframes slide-down-out {
    from {
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        -ms-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }
}

@-webkit-keyframes rotate-in {
    from {
        -webkit-transform: translate3d(50%, 0, 0);
        -ms-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes rotate-in {
    from {
        -webkit-transform: translate3d(50%, 0, 0);
        -ms-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes rotate-out {
    from {
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        -ms-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
}

@keyframes rotate-out {
    from {
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        -ms-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
}

/* Skeletabs: Default theme (optional if you want a personalized theme)
 ----------------------------------------------------------------------*/
.skltbs {
    margin-top:.5em;
    margin-bottom:1em;
	position:relative;
	box-sizing: border-box;
}

.skltbs-tab-item {
    margin: 0px 5px 0px 0px;
	position:relative;
}

.skltbs-tab {
	font-size:18px;
	text-transform:uppercase;
    background-color: #9ba9b8;
	background-image: linear-gradient(top, #9ba9b8, #4f6985); 
	background-image: -webkit-linear-gradient(top, #9ba9b8, #4f6985);
	background-image: -moz-linear-gradient(top, #9ba9b8, #4f6985);
	background-image: -ms-linear-gradient(top, #9ba9b8, #4f6985);	
    color: #fff;
    padding:9px 20px;	
	border:none;
	bottom:-11px;
	position:relative;	
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

.is-active > .skltbs-tab {
	font-size:22px;	
	text-transform:uppercase;
    background-color: #ae0700;
	background-image: linear-gradient(top, #e50900 45%, #ae0700 ); 
	background-image: -webkit-linear-gradient(top, #e50900 45%, #ae0700);
	background-image: -moz-linear-gradient(top, #e50900 45%, #ae0700);
	background-image: -ms-linear-gradient(top, #e50900 45%, #ae0700);
    color: #fff;
    padding:12px 20px;
	bottom:0px;
	position:relative;	
	border: none;	
	border-top-left-radius:15px;
	border-top-right-radius:15px;   
}

.is-disabled > .skltbs-tab {
    background: #f2f2f2;
    color: #c7c7c7;
}

.skltbs-tab:focus {
    outline: 0;    
}

.skltbs-panel-group {
     
}

.skltbs-panel {
    background: #fff;    
    box-sizing: border-box;
	border:1px solid #9ba9b8;
	outline:none;
}
@media screen and (max-width:767px){
.skltbs-tab {
	font-size:16px;	
    padding:7px 15px;	
	bottom:-11px;	
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

.is-active > .skltbs-tab {
	font-size:20px;	
    padding:10px 20px;
	bottom:0px;		
	border-top-left-radius:15px;
	border-top-right-radius:15px;   
}
}
@media screen and (max-width:639px){
.skltbs-tab {
	font-size:13px;	
    padding:5px 8px;	
	bottom:-8px;	
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}

.is-active > .skltbs-tab {
	font-size:15px;	
    padding:8px 10px;
	bottom:0px;		
	border-top-left-radius:8px;
	border-top-right-radius:8px;   
}
}
@media screen and (max-width:479px){
.skltbs-tab {
	font-size:13px;	
    padding:5px 8px;	
	bottom:0px;
	margin-bottom:2px;	
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}

.is-active > .skltbs-tab {
	font-size:15px;	
    padding:8px 10px;
	bottom:0px;
	margin-bottom:0px;		
	border-top-left-radius:8px;
	border-top-right-radius:8px;   
}
}