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

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

.skltbs-tab-item {
    display: inline-block;    
}

.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: 1.5em; margin-bottom: 1.5em;}

.skltbs-tab-item { margin: 0 1px 3px 0; width:14%; text-align:Center; }

.skltbs-tab { background: #a93cea; color: #fff; padding: 1em 0em; font-size:18px; }
.skltbs-tab-item:nth-child(2) .skltbs-tab{background: #0ebec9;}
.skltbs-tab-item:nth-child(3) .skltbs-tab{background: #f36292;}
.skltbs-tab-item:nth-child(4) .skltbs-tab{background: #ffbc1b;}
.skltbs-tab-item:nth-child(5) .skltbs-tab{background: #04cf5c;}
.skltbs-tab-item:nth-child(5) .skltbs-tab{background: #3593db;}
.skltbs-tab-item:nth-child(7) .skltbs-tab{background: #0b4d80;}

.is-active > .skltbs-tab {  background: #000; text-shadow: 0 0 1px #000; }
.skltbs-tab-item:nth-child(2).is-active .skltbs-tab,
.skltbs-tab-item:nth-child(3).is-active .skltbs-tab,
.skltbs-tab-item:nth-child(4).is-active .skltbs-tab,
.skltbs-tab-item:nth-child(5).is-active .skltbs-tab,
.skltbs-tab-item:nth-child(5).is-active .skltbs-tab,
.skltbs-tab-item:nth-child(7).is-active .skltbs-tab{background: #000;}

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

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

.skltbs-panel-group { background: white;}

.skltbs-panel { background: white; /*padding: 1em 1.2em;*/ box-sizing: border-box; }

.skltbs-panel:focus { outline: 0; box-shadow: inset 0 0 0 2px #fff; }

.skltbs-panel ul li{float:left; width:30.4%; margin-bottom:55px; margin-right:4.35%;}
.skltbs-panel ul li:nth-child(3n){margin-right:0%; }
.skltbs-panel ul li a{display:block; width:100%; background:#152337;}
.skltbs-panel ul li a img{width:100%; height:auto;}

.photoW{position: relative;}
.photoW a{display:block;}
.photoW span{display:block; height:450px;}
.photoW .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color:rgba(0, 0, 0, 0.8);
}

.photoW:hover .overlay {
  opacity: 1;
}

.photoW .overlay .tt {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

@media all and ( max-width: 1024px ){
	.skltbs-tab{ font-size:15px; padding: 0.8em 0em;}
	.skltbs-tab-item {width:32%;}
	.skltbs-panel ul li{margin-bottom:25px;}
	.photoW span{height:350px;}
	.photoW .overlay .tt {font-size: 14px;}
}

@media all and ( max-width: 520px ){
	.skltbs-panel ul li{margin-bottom:15px;}
	.photoW span{height:250px;}
}