/* ==========================================================================
   JAVASCRIPT COMPONENTS CLASSES
   ========================================================================== */

/* ************************************************ */
/* ACCORDION */
/* Accordion Default Style */

.sk-accordion * {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.toggle-accordion {
    cursor: pointer;
}

.box-accordion {
    display:none;
}

.box-accordion.opened {
    display:block;
}

.item-accordion {
    margin-bottom: 2px;
}

.toggle-accordion {
    border-color: #888;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    background-color: #999;
    color: #fff;
    padding: 0 10px;
    height: 50px;
    line-height: 50px;
    -webkit-transition: background-color 0.2s ease;
            transition: background-color 0.2s ease;
}

.toggle-accordion.active,
.toggle-accordion:hover {
    background-color: orange;
}
.toggle-accordion.active {
    border-bottom: 0;
}
.box-accordion {
    border-color: #888;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    padding: 10px;
}

/* ************************************************ */
/* DROPDOWN */
/* Dropdown Default Style */

.sk-nav.dropdown {
    overflow: visible;
}
.sk-nav.dropdown .item {
    float: left;
    overflow: visible;
    background: #ccc;
    color: #888;
    margin-left: 5px;
    -webkit-transition: background 0.2s ease, color 0.2s ease, border 0.2s ease;
            transition: background 0.2s ease, color 0.2s ease, border 0.2s ease;
}
.sk-nav.dropdown .item:first-child {
    margin: 0;
}
.sk-nav.dropdown .item:hover {
    background: #ddd;
    color: #999;
}
.sk-nav.dropdown .item.active,
.sk-nav.dropdown .item.active:hover {
    background: orange;
    color: #fff;
}
.sk-nav.dropdown .item span {
    display: block;
    border-left: 4px solid #999;
    padding: 0 20px 0 10px;
    line-height: 30px;
    cursor: pointer;
    -webkit-transition: border 0.2s ease;
            transition: border 0.2s ease;
}
.sk-nav.dropdown .item.active span {
    border-left: 4px solid #555;
}
.sk-nav.dropdown .item span:before {
    content: "";
    display: block;
    float: left;
    border-color: #999 transparent transparent transparent;
    border-width: 5px 5px 0 5px;
    border-style: solid;
    margin: 13px 10px 0 0;
}
.sk-nav.dropdown .item.active span:before {
    content: "";
    border-color: #fff transparent transparent transparent;
}
.sk-nav.dropdown .item ul {
    margin: 5px 0 0 0;
    padding: 0;
    list-style-type: none;
    position: absolute;
    z-index: 10;
    min-width: 200px;
    max-width: 300px;
    background-color: #999;
    border-left: 4px solid #555;
    display: none;
}
.sk-nav.dropdown .item ul li {
    margin: 0 5px;
    border-top: 1px solid #efefef;
}
.sk-nav.dropdown .item ul li:first-child {
    border-top: 0;
}

.sk-nav.dropdown .item ul li a {
    display: block;
    color: #fff;
    text-decoration: none;
    line-height: 30px;
    padding: 0 10px;
    -webkit-transition: color 0.2s ease, border 0.2s ease;
            transition: color 0.2s ease, border 0.2s ease;
}
.sk-nav.dropdown .item ul li a:hover {
    color: #ccc;
}
.sk-nav.dropdown .item ul li a:hover:before {
    border-color: transparent transparent transparent #ccc;
}
.sk-nav.dropdown .item ul li a:before {
    content: "";
    display: inline-block;
    border-color: transparent transparent transparent #fff;
    border-width: 5px 0 5px 5px;
    border-style: solid;
    margin-right: 5px;
}

/* Single Dropdown */
.dropdown-box {
    display: none;
}
/* ************************************************ */
/* TABS */
/* Tabs Default Style */

.sk-tab{}

.tab-controller {
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow:auto;
}

.tab-controller li {
    height: 50px;
    line-height: 50px;
    background-color: #999;
    color: #fff;
    padding: 0 10px;
    margin: 0 1px 0 0;
    float: left;
    cursor: pointer;
    min-width: 80px;
    -webkit-transition: background-color 0.2s ease;
            transition: background-color 0.2s ease;
}

.tab-controller li.active,
.tab-controller li:hover {
    background-color:#ccc;
}

.tab-contents {
    position: relative;
    border: 1px solid #ccc;
}

.tab-item {
    display: none;
    min-height: 100px;
    
}

.tab-item.opened {
    display: block;
}

.tab-inner {
    padding: 20px;
}

/* ************************************************ */
/* MODALS */
/* Modal Default Style */

.sk-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
    display: none;
    overflow: auto;
    z-index: 100000;
}
.sk-modal-box {
    width: 60%;
    max-width: 1000px;
    margin: -110% auto 0 auto;
    position: relative;
    -webkit-transition: margin 0.2s ease;
            transition: margin 0.2s ease;
  
}
.sk-modal-box.opened {
    margin: 10% auto;
}
.sk-modal-title   {
    padding: 10px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}
.sk-modal-title h1,
.sk-modal-title h2,
.sk-modal-title h3,
.sk-modal-title h4,
.sk-modal-title h5,
.sk-modal-title h6 {
    margin: 0;
    padding: 0;
    font-size: 1.17em;
}

.sk-modal-content {
    min-height: 300px;
    padding: 10px;
    background-color: #fff;
}
.sk-modal-content p {
    padding: 0;
    margin: 0 0 10px 0;
}
.sk-modal-footer {
    min-height: 40px;
    padding: 10px;
    background-color: orange;
}
span.sk-modal-close {
    position: absolute;
    right: 0;
    display: block;
    line-height: 47px;
    width: 47px;
    background-color: #ccc;
    text-align: center;
    cursor: pointer;
    -webkit-transition: background 0.2s ease, color 0.2s ease;
            transition: background 0.2s ease, color 0.2s ease;
}
span.sk-modal-close:hover {
    background-color: #999;
    color: #fff;
}
button.sk-modal-close {
    float: right;
}

/* Modal "Rounded" Style */

.sk-modal-box.rounded {
    border-radius: 10px;
}
.sk-modal-box.rounded .sk-modal-title {
    border-radius: 10px 0 0 0;
}
.sk-modal-box.rounded .sk-modal-footer {
    border-radius: 0 0 10px 10px;
}
.sk-modal-box.rounded span.sk-modal-close {
    top: -15px;
    right: -15px;
    border-radius: 50%;
    border: 2px solid #fff;
}

/* Modal "full-colored" Style */
.sk-modal-box.full-colored .sk-modal-title {
    background-color: orange;
    color: #fff;
}

/* ************************************************ */
/* CAROUSEL */
/* Carousel Default Style */

.sk-carousel-slider .item{
    margin: 0;
    position: relative;
}
.sk-carousel-slider .item-caption{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
}
.sk-carousel-slider .item.items-more .item-caption{
    left: 5px;
    right: 5px;
    padding: 10px;
    font-size: 0.8em;
}
.sk-carousel-slider .item-caption.dark{
    background-color: #333;
    background-color: rgba(0,0,0,0.8);
    color: #fff;
}
.sk-carousel-slider .item-caption.light{
    background-color: #fff;
    background-color: rgba(255,255,255,0.8);
    color: #333;
}
.sk-carousel-slider .item-caption.on-hover{
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.25s ease;
            transition: opacity 0.25s ease;
}
html.no-touch .sk-carousel-slider .item:hover > .item-caption.on-hover{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
.sk-carousel-slider .item.items-more{
  padding: 0 5px;
}
.sk-carousel-slider .item img{
  display: block;
  width: 100%;
  height: auto;
}

/* ************************************************ */
/* JAVASCRIPT COMPONENTS MEDIA QUERIES 
/* ************************************************ */

/* ExtraLarge Desktop */
@media only screen and (max-width:1979px) {
    
}

/* Large Desktop */
@media only screen and (max-width:1599px) {

}

/* Medium Desktop */
@media only screen and (max-width:1279px) {

}

/* Small Desktop & Landscape Tablet */
@media only screen and (max-width:1023px) {
    .sk-nav.dropdown .item,
    .sk-nav.dropdown .item:first-child {
        float: none;
        margin: 0 0 5px 0;
    }
    .sk-nav.dropdown .item ul {
        position: relative;
        min-width: none;
        max-width: none;
        margin: 0;
    }
    .sk-nav.dropdown .item span {
        line-height: 40px;
    }
    .sk-nav.dropdown .item span:before {
        content: "";
        margin: 18px 10px 0 0;
    }
    .sk-nav.dropdown .item ul li a {
        line-height: 40px;
    }
}

/* Small Tablet */
@media only screen and (max-width:859px) {

}

/* Portrait Tablet */
@media only screen and (max-width:767px) {

}
/* Smartphone Landscape */
@media only screen and (max-width:480px) {

}

/* Portrait Phone */
@media only screen and (max-width:320px) {

}