/** 

 *  sliderkit-core.css

 *	> Core CSS styles

 *  

 *  This file is part of Slider Kit jQuery plugin.

 *  http://www.kyrielles.net/sliderkit/

 *  

 *  Copyright (c) 2010-2012 Alan Frog

 *  Licensed under the GNU General Public License

 *  See <license.txt> or <http://www.gnu.org/licenses/>

 *

 */



/*

 *  PLUGIN BASICS

 *  ------------------------------------------------

 */

.sliderkit{display:none;/* position:relative; */overflow:hidden;text-align:left;}

.sliderkit a,

.sliderkit a:hover{text-decoration:none;}

.sliderkit a:focus{outline:1px dotted #000;/*optional*/}

.sliderkit img{border:0;}



/*---------------------------------

 *  Navigation

 *---------------------------------*/

.sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:center;}



/* Nav > Clip */

.sliderkit .sliderkit-nav-clip{width:626px !important;position:relative;overflow:hidden;margin:0 auto;}

.sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}

.sliderkit .sliderkit-nav-clip ul li{float:left;}

.sliderkit-nav-clip ul li p{

	font-family: 'myriadpro'Arial, Helvetica, sans-serif;

	font-size: 13px;

	line-height: 20px;

	font-weight: normal;

	color: #68655f;

	padding:4px 0;

}

.sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;}



/*---------------------------------

 *  Buttons

 *---------------------------------*/

.sliderkit .sliderkit-btn{z-index:10;}



/*---------------------------------

 *  Panels

 *---------------------------------*/

.sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;}

.sliderkit .sliderkit-panel-active{z-index:5;}

.sliderkit .sliderkit-panel-old{z-index:4;}



/* Panels > Overlay */

.sliderkit .sliderkit-panel .sliderkit-panel-textbox{position:absolute;z-index:1;}

.sliderkit .sliderkit-panel .sliderkit-panel-text{position:absolute;z-index:3;top:0;left:0;}

.sliderkit .sliderkit-panel .sliderkit-panel-overlay{position:absolute;z-index:2;top:0;left:0;}



/*---------------------------------

 *  Counter

 *---------------------------------*/

.sliderkit .sliderkit-count{position:absolute;top:5px;right:5px;z-index:10;padding:5px;color:#fff;background:#000;}



/*---------------------------------

 *  Loader

 *---------------------------------*/

.sliderkit .sliderkit-timer{position:absolute;top:0;left:0;z-index:10;height:3px;background:#ccc;}





/* This code can be reduced and pasted in any other CSS file :



Here is a compact version :

-------------------------------



.sliderkit{display:none;position:relative;overflow:hidden;text-align:left;}

.sliderkit a,

.sliderkit a:hover{text-decoration:none;}

.sliderkit a:focus{outline:1px dotted #000;}

.sliderkit img{border:0;}

.sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:center;}

.sliderkit .sliderkit-nav-clip{position:relative;overflow:hidden;margin:0 auto;}

.sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}

.sliderkit .sliderkit-nav-clip ul li{float:left;}

.sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;}

.sliderkit .sliderkit-btn{z-index:10;}

.sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;}

.sliderkit .sliderkit-panel-active{z-index:5;}

.sliderkit .sliderkit-panel-old{z-index:4;}

.sliderkit .sliderkit-panel .sliderkit-panel-textbox{position:absolute;z-index:1;}

.sliderkit .sliderkit-panel .sliderkit-panel-text{position:absolute;z-index:3;top:0;left:0;}

.sliderkit .sliderkit-panel .sliderkit-panel-overlay{position:absolute;z-index:2;top:0;left:0;}

.sliderkit .sliderkit-count{position:absolute;top:5px;right:5px;z-index:10;padding:5px;color:#fff;background:#000;}

.sliderkit .sliderkit-timer{position:absolute;top:0;left:0;z-index:10;height:3px;background:#ccc;}

*/



/* =Responsivei 

	Platform : Pad/Tablet, iPhone/Mobile

-------------------------------------------------------------- */

@media screen and (max-width:768px) {

	#gallery .photosgallery-std {

		width: 100% !important;

		height: 434px !important;

	}

	

	.photosgallery-std {

		width: 100% !important;

		height: 635px !important;

	}

	.photosgallery-std {

		width: 100%;

	}

	.photosgallery-std .sliderkit-nav {

		left: 15% !important;

		width:62%;

	}

	.photosgallery-std .sliderkit-panel {

		width: 100% !important;

	}

	.sliderkit img {

		width: 100%;

		height: auto;

	}

	.photosgallery-std .sliderkit-panel .caption {

		width: 96% !important;

		padding: 21px 2% !important;

	}

	.photosgallery-std .sliderkit-panel .caption span {

		font-size: 20px !important;

		padding: 0 !important;

		width: 200px !important;

	}

	.sliderkit .sliderkit-nav-clip {

		width: 100% !important;

	}

	.photosgallery-std .sliderkit-nav{bottom:140px!important}

	

	

}



@media screen and (max-width:640px) {

	.photosgallery-std {

		height: 445px !important;

	}

	.photosgallery-std .sliderkit-nav {

		display:none;

	}

	.sliderkit{position:relative;}

}



@media screen and (max-width:480px) {

	#gallery .photosgallery-std {

		height: 330px !important;

	}

	

	.photosgallery-std {

		height: 420px !important;

	}

	.sliderkit img {

		width: 100%;

		height: 360px;

	}

	.sliderkit .sliderkit-nav-clip {

		width: 46% !important;

	}

	.sliderkit .sliderkit-nav-clip img {

		height: auto !important;

	}

	.photosgallery-std .sliderkit-panel h2 {

		font-size: 20px!important;

		line-height: 20px!important;

		margin: -41px 0 0!important;

	}

	.photosgallery-std .sliderkit-nav {

		left: 5% !important;

		bottom:30% !important;

	}

}



@media screen and (max-width:320px) {

	/* .photosgallery-std {

		height: 215px !important;

	} */

	.photosgallery-std .sliderkit-panel .caption span {

		display: none !important;

	}

}