/* --------------------------------------------- */
/* Author: http://codecanyon.net/user/CodingJack */
/* --------------------------------------------- */

/* Resources: 

http://www.fontsquirrel.com/fontface/generator
http://www.colorzilla.com/gradient-editor/

*/

/* SimpleSlider uses @font-face */
/*@font-face {
	
    font-family: "FranchiseRegular";
    src: url("../fonts/franchise-bold-hinted-webfont.eot");
    src: url("../fonts/franchise-bold-hinted-webfont.eot?#iefix") format("embedded-opentype"),
         url("../fonts/franchise-bold-hinted-webfont.woff") format("woff"),
         url("../fonts/franchise-bold-hinted-webfont.ttf") format("truetype"),
         url("../fonts/franchise-bold-hinted-webfont.svg#FranchiseRegular") format("svg");
    font-weight: normal;
    font-style: normal;

}*/

@font-face {
    font-family: 'OpenSansCondensedBold';
    src: url('../fontsGr/OpenSans-CondBold.eot');
    src: url('../fontsGr/OpenSans-CondBold.eot') format('embedded-opentype'),
         url('../fontsGr/OpenSans-CondBold.woff') format('woff'),
         url('../fontsGr/OpenSans-CondBold.ttf') format('truetype'),
         url('../fontsGr/OpenSans-CondBold.svg#OpenSansCondensedBold') format('svg');
	font-style: normal;
	font-weight: 700;
}

/* The main slider container */
.cj-slider {
	
	width: 100%;
	position: relative;
	overflow: hidden;
	
	-webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
	
}

/* Main image container */
.cj-slider-holder {
	
	cursor: url(../img/simpleslider/graphics/openhand.png), move;
	overflow: hidden;
	border-style: solid;
	border-width: 10px;
	border-bottom-width: 0;
	
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	
}

/* Light skin border and bg colors */
.cj-light .cj-slider-holder {

	background-color: #EEE;
	border-color: #FFF;
	
}

/* Dark skin border and bg colors */
.cj-dark .cj-slider-holder {

	background-color: #2f2f2f;
	border-color: #232323;
	
}

/* custom grab cursor */
.cj-slider-down {

	cursor: url(../img/simpleslider/graphics/closedhand.png), move !important;
	
}

/* Individual Slide container */
.cj-container {

	position: relative;	
	left: 0;
	
}

/* Main slide container */
.cj-item {

	float: left;
	position: absolute;
	overflow: hidden;
	line-height: 0;
	height: 100%;

}

/* All other slides are set to relative when the script runs so this is for graceful degradation */
.cj-item:first-child {

	position: relative;
	
}

/* Main description container */
.cj-info-container {
	
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.65);
	
	display: inline-block;
	line-height: 18px;
	opacity: 1;
	float: none;
	
	width: 33%;
	height: 100%;
	overflow: hidden;
	
	position: absolute;
	top: -100%;
	left: 0;
	
}

/* Blocked descriptions */
.cj-info-blocked {

	margin: 20px;
	padding-bottom: 10px;
	height: auto;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	-moz-box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	box-shadow: 0 0 3px #555;
	
}

/* The HTML5 Canvas based preloader */
.cj-preloader {

	position: absolute;
	top: 0;
	left: 0;
	
	width: 21px;
	height: 21px;
	
}

/* Main description */
.cj-info {
	
	padding: 20px;
	visibility: hidden;
	
}

/* Right aligned descriptions */
.cj-info-right {

	left: auto !important;
	right: 0;
	
}

/* H2 header style */
.cj-info h2 {
	
	font: 27px "OpenSansCondensedBold", Arial, Helvetica, sans-serif;
	margin: 0;
	
}

/* description paragraph margins */
.cj-info p {
	
	margin: 12px 0 12px 0;
	color: #DDD;
	
}

/* no button blocked info */
.cj-no-button p {

	margin-bottom: -12px;
	
}

/* inline description image example */
.cj-slider .jacked {
	
	float: left;
	padding: 0 15px 0 0;
		
}

/* text links */
.cj-info p a {
	outline: none;
	text-decoration: none;
	padding-top:8px;
}

/* hyperlink color */
.cj-info p a, 
.cj-info p a:visited {

	color: #89b5cd;
	
}

/* hyperlink mouse over */
.cj-info p a:hover {
	color: #e88d00;
	text-decoration: none;
	
}

/* CSS3-styled button */
.cj-info a.cj-button {
	
	color: #444;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 1px 1px 0 #FFF;
	border: 1px solid #FFF;

	display: inline-block !important;
	padding: 5px 8px 5px 8px;
	margin-top: 5px;
	
	background: #e8e8e8 url(../img/simpleslider/graphics/ie_button.png) repeat-x;
	background: -moz-linear-gradient(top, #FFF 0%, #e8e8e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%, #e8e8e8));
	background: -webkit-linear-gradient(top, #FFF 0%, #e8e8e8 100%);
	background: -o-linear-gradient(top, #FFF 0%, #e8e8e8 100%);
	background: -ms-linear-gradient(top, #FFF 0%, #e8e8e8 100%);
	background: linear-gradient(top, #FFF 0%, #e8e8e8 100%);
	
	-moz-box-shadow: inset 0 0 5px #DDD;
	-webkit-box-shadow: inset 0 0 5px #DDD;
	box-shadow: inset 0 0 5px #DDD;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	-webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
	
}

/* CSS3 Button on mouse over */
.cj-info a.cj-button:hover {

	background: #FFF url(../img/simpleslider/graphics/ie_button_over.png) repeat-x;
	background: -moz-linear-gradient(top, #e8e8e8 0%, #FFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e8e8), color-stop(100%, #FFF));
	background: -webkit-linear-gradient(top, #e8e8e8 0%, #FFF 100%);
	background: -o-linear-gradient(top, #e8e8e8 0%, #FFF 100%);
	background: -ms-linear-gradient(top, #e8e8e8 0%, #FFF 100%);
	background: linear-gradient(top, #e8e8e8 0%, #FFF 100%);
	
}

/* Navigation bar */
.cj-slider-nav {
	
	height: 42px;
	text-align: center;
	
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	
}

/* Navigation bar, light style */
.cj-light .cj-slider-nav {

	background: #e8e8e8 url(../img/simpleslider/graphics/ie.png) repeat-x;
	background: -moz-linear-gradient(top, #FFF 0%, #e8e8e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #e8e8e8));
	background: -webkit-linear-gradient(top, #FFF 0%,#e8e8e8 100%);
	background: -o-linear-gradient(top, #FFF 0%, #e8e8e8 100%);
	background: -ms-linear-gradient(top, #FFF 0%, #e8e8e8 100%);
	background: linear-gradient(top, #FFF 0%, #e8e8e8 100%);
	
}

/* Navigation bar dark style */
.cj-dark .cj-slider-nav {

	background: #232323;
	background: -moz-linear-gradient(top, #232323 0%, #131313 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #232323), color-stop(100%, #131313));
	background: -webkit-linear-gradient(top, #232323 0%,#131313 100%);
	background: -o-linear-gradient(top, #232323 0%, #131313 100%);
	background: -ms-linear-gradient(top, #232323 0%, #131313 100%);
	background: linear-gradient(top, #232323 0%, #131313 100%);
	
}

/* Individual radio buttons */
.cj-slider-radio {

	width: 21px;
	height: 21px;
	position: relative;
	margin: 11px 4px 0 4px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	
}

/* Mouse-over for active button */
.cj-radio-over {

	cursor: pointer;
	
}

/* Mouse over for non-active buttons */
.cj-slider-radio:first-child {

	background-position: 0px -23px;
	
}

/* hover state for non-active radio buttons */
.cj-radio-over:hover {

	background-position: 0px -23px !important;
	
}

/* Radio button graphic for light style */
.cj-light .cj-slider-radio {
	
	background-image: url(../img/simpleslider/graphics/light_orangeAngiuli.png);
	
	/* background-image: url(../img/simpleslider/graphics/light_gray.png); */
	/* background-image: url(../img/simpleslider/graphics/light_red.png); */
	/* background-image: url(../img/simpleslider/graphics/light_green.png); */
	
}

/* Radio button graphic for dark style */
.cj-dark .cj-slider-radio {
	
	background-image: url(../img/simpleslider/graphics/dark_gray.png);
	
	/* background-image: url(../img/simpleslider/graphics/dark_blue.png); */
	/* background-image: url(../img/simpleslider/graphics/dark_red.png); */
	/* background-image: url(../img/simpleslider/graphics/dark_green.png); */
	
}

/* style #2 */
.cj-style-two .cj-slider-holder {

	border-width: 0;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	
}

/* style #3 */
.cj-style-three .cj-slider-holder {

	border: 2px solid #FFF;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	
}

/* dark style border color */
.cj-dark .cj-slider-holder {

	border-color: #232323;
	
}

/* blocked nav style */
.cj-style-three .cj-slider-nav {

	display: inline-block;
	padding: 0 5px 0 5px;
	
}

/* center-aligned nav */
.cj-nav-center .cj-slider-nav {

	position: relative;
	padding: 0 20px 0 20px;
	left: 50%;
	top: -2px;
	
}

/* right aligned nav */
.cj-nav-right .cj-slider-nav {

	float: right;
	
}

/* preload hand cursors */
.cj-preload {

	display: none;
	
}

/* Hide the description paragraphs when the screen gets too small */
@media screen and (max-width: 600px) {
	
	.cj-info-container {
	
		width: 40%;
		height: auto;
		
		-webkit-border-bottom-right-radius: 6px;
		-moz-border-radius-bottomright: 6px;
		border-bottom-right-radius: 6px;
		
	}
	
	.cj-info-right {
	
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-bottomleft: 6px;
		border-bottom-left-radius: 6px;
		
	}
	
	.cj-info-blocked {
	
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		
	}
			
	.cj-info p {
	
		display: none !important;
		
	}
	
	.cj-no-button h2 {
	
		margin-bottom: -12px !important;
		
	}
	
	a.cj-button {
	
		margin: 12px 0 3px 0 !important;
		
	}
		
}

@media screen and (max-width: 480px) {
				
	.cj-info-container {
	
		width: 50%;
		
	}
	
}

@media screen and (max-width: 320px) {
				
	.cj-info-container {
	
		width: 65%;
		
	}
	
}