/*!----------------------------------------------------------------------
    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:13px;
	text-transform:uppercase;
    background-color: transparent;	
    color: #000;
    padding:9px 10px;	
	border:none;	
	position:relative;
}

.is-active > .skltbs-tab {
	font-size:14px;	
	text-transform:uppercase;
    background-color:transparent;	
    color: #001c32;
    padding:5px;	
	position:relative;	
	border-bottom:2px solid #001c32;
 
}

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

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

.skltbs-panel-group {
     
}

.skltbs-panel {
    background:;    
    box-sizing: border-box;
	border:none;
	outline:none;
}
@media screen and (max-width:1440px){

.skltbs-tab {
	font-size:12px;	
    padding:6px;	
}

.is-active > .skltbs-tab {
	font-size:14px;	   
    padding:5px; 
}
}
@media screen and (max-width:1279px){
.skltbs-tab {
	font-size:10px;	
    padding:3px;	
}

.is-active > .skltbs-tab {
	font-size:12px;	   
    padding:3px; 
}
}
@media screen and (max-width:1023px){
.skltbs-tab {
	font-size:10px;	
    padding:3px ;	
}

.is-active > .skltbs-tab {
	font-size:12px;	   
    padding:3px; 
}
}
@media screen and (max-width:639px){
.skltbs-tab {
	font-size:12px;	
    padding:5px 10px;	
}

.is-active > .skltbs-tab {
	font-size:14px;	   
    padding:5px 10px; 
}
}