/*!
 *  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;
	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 { height: calc(100%) }
.kwicks li { height: 100% }
.kwicks li:nth-of-type(odd) { background: #f1f1f1 }
.kwicks li:nth-of-type(odd) .title { background: #b3deec }
.kwicks li:nth-of-type(even) { background: #e7e7e7 }	 
.kwicks li:nth-of-type(even) .title { background: #c2e1eb }

.kwicks-con { right: 0; width: 266px; height: 260px }

.kwicks .title, .kwicks .txt, .kwicks .buttonbox, .kwicks .button, .kwicks-bg { -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s }

.kwicks .title { padding: 0 25px; writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; -ms-writing-mode: vertical-lr }
.kwicks .txt { writing-mode: vertical-rl; writing-mode: tb-rl; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }
.kwicks .buttonbox { width: 42px; margin-right: 40px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.kwicks .button { padding: 5px; color: #fff; writing-mode: vertical-lr; writing-mode: tb-lr }
.kwicks-bg { z-index: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.kwicks-bg01 { background: url(../images/club/cindex-img01.jpg) center center no-repeat; background-size: cover }
.kwicks-bg02 { background: url(../images/club/cindex-img02.jpg) center center no-repeat; background-size: cover }
.kwicks-bg03 { background: url(../images/club/cindex-img03.jpg) center center no-repeat; background-size: cover }
.kwicks-bg04 { background: url(../images/club/cindex-img04.jpg) center center no-repeat; background-size: cover }
.kwicks-bg05 { background: url(../images/club/cindex-img05.jpg) center center no-repeat; background-size: cover }
.kwicks-bg06 { background: url(../images/club/cindex-img06.jpg) center center no-repeat; background-size: cover }

.kwicks-expanded .kwicks-bg { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.kwicks-expanded .kwicks-con { right: auto; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.kwicks-expanded .kwicks-con .iconfont { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.kwicks li:nth-of-type(odd).kwicks-expanded .title, .kwicks li:nth-of-type(even).kwicks-expanded .title { color: #fff; background: transparent }

.kwicks-expanded .title { transform: scale(1.7); -ms-transform: scale(1.7); -webkit-transform: scale(1.7); -o-transform: scale(1.7);	-moz-transform: scale(1.7) }
.kwicks-expanded .txt { color: #fff; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.kwicks-expanded .buttonbox { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }

.kwicks-collapsed .txt { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }

@media ( max-width:800px ) {	
.kwicks-con { width: 186px }
.kwicks .title { padding: 0 5px }
.kwicks .txt { color: #fff; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.kwicks-expanded .txt { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }

.kwicks .buttonbox { margin-right: 10px }	
}