/*!
 *  Kwicks: Sexy Sliding Panels for jQuery - v2.2.1
 *  http://devsmash.com/projects/kwicks
 *
 *  Copyright 2013 Jeremy Martin (jmar777)
 *  Contributors: Duke Speer (Duke3D), Guillermo Guerrero (gguerrero)
 *  Released under the MIT license
 *  http://www.opensource.org/licenses/mit-license.php
 */
/*
 *  This file contains styles that are common to all kwicks instances.  Note that each kwicks instance requires
 *  additional styling - please see the examples for more info.
 */
.kwicks {
    display: block;
    list-style-type: none;
    list-style: none;
    position: relative;
    padding: 0;
}
.kwicks > * {
    display: block;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.kwicks.kwicks-processed > * {
    margin: 0;
    position: absolute;
}
.kwicks-horizontal > * {
    float: left;
}
.kwicks-horizontal > :first-child {
    margin-left: 0;
}
.kwicks-vertical > :first-child {
    margin-top: 0;
}

.kwicks { height: 1000px;/* border-left: 1px solid #bebebe */}
.kwicks > li { width: 100%; height: 16.66%; border-left: 0 }

.kwicks li .details { width: calc(100vw); height: calc(100%); overflow: hidden; position: absolute; left: 0; top: 0; background: #fff; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; cursor: pointer }
.kwicks li.kwicks-expanded .details { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }
.kwicks li .details .logo-31 { width: 10%; height: auto }
.kwicks li .details .icon-topright { position: absolute; top: 20px; right: 20px }
.kwicks li .details .year { position: absolute; top: 60px; right: 30px }

.kwicks li .kwicks-year { padding-left: 10px; white-space:nowrap; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s }
.kwicks li.kwicks-collapsed .kwicks-year { filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }

.kwicks-line { display: none }

.kwicks-num { width: 100%; border-top: 2px solid #FFC107; position: absolute; left: 0; bottom: 2%; text-align: center; height: 22px }
.kwicks-num em { display: block; height: 15px; width: 3px; background: #FFC107; position: absolute; top: -50%; left: 0 }