/*!
 *  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
 */

.kwicks {
    display: block;
    list-style-type: none;
    list-style: none;
    position: relative;
    margin: 0;
    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 {
	width: 722px;
	height: 215px;
}

.kwicks > li {
    height: 215px;
	width: 236px;
	margin-left: 7px;
	float: left;
}




/*--- VALUES: width/height/padding/margin ---*/

.effectsKwicks {
    height: 215px;
}

.effectsKwicks > li {
    height: 215px;
}

/*--- design ---*/
.effectsKwicks [onclick] {
    cursor: pointer;
}
.effectsKwicks li {
    background-color: #B71234 !important;
}

.effectsKwicks > li::before {
    content: '';
    display: block;
    background-color: #B71234;
    width: 236px;
    height: 100%;
	/* background-size: cover; */
    background-repeat: no-repeat;
	background-position: top left;
    position: absolute;
    
    transition: width 0.5s;
    -webkit-transition: width 0.5s;
    -moz-transition: width 0.5s;
}
.effectsKwicks > li.kwicks-expanded::before {
    width: 236px;    
}


/*--- content ---*/

.effectsKwicks .itemWrapper {
    display: flex;
    height: 100%;
    position: relative;
    z-index: 2;
}
.effectsKwicks .modTeaser {
    flex: 1 0 236px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    
    
    transition: flex-basis 0.5s;
    -webkit-transition: flex-basis 0.5s;
    -moz-transition: flex-basis 0.5s;
}
.effectsKwicks > li.kwicks-expanded .modTeaser {
    flex-basis: 236px;
}

.effectsKwicks .modTeaser .titleWrapper {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 15px;
    bottom: 0px;
    position: absolute;
    width: 206px;
}
.effectsKwicks .modTeaser a {
    color: #ffffff;
    text-decoration: underline;
}

.effectsKwicks .modTeaser a:hover {
    color: #ffffff;
    text-decoration: none;
}

.effectsKwicks .modTeaser .title {
    color: #000000;
    text-transform: uppercase;
    font-weight: 400;
}

.effectsKwicks .modBody {
    color: #ffffff;
    padding: 15px;
    font-weight: 400;
    flex-basis: 241px;
}
.effectsKwicks .modBody .swslang {
	width: 211px;
	color: #ffffff;
}