/**
 * @version   $Id: showcase.css 18850 2014-02-19 00:46:32Z kevin $
 * @author    RocketTheme http://www.rockettheme.com
 * @copyright Copyright (C) 2007 - 2014 RocketTheme, LLC
 * @license   http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
 */

/* Features - Layout Showcase - Core */
.layout-showcase {position: relative;margin: 0;-webkit-transform: translateZ(0);height: 206px;}
.layout-showcase:after {display: table;content: "";*zoom: 1;clear: both;}
.layout-showcase ul {list-style: none !important;margin: 0;padding: 0;}

/* Features - Layout Showcase - Content */
.pagination-active {margin-bottom: 35px;}
.layout-showcase .sprocket-features-list {position: relative;overflow: hidden;padding: 0 !important;margin: 0 -40px;}
.layout-showcase .sprocket-features-list li {position: absolute;top: auto;left: auto;opacity: 0;width: 100%;height: 100%;display: none;}
.layout-showcase .sprocket-features-list li.active {position: static;height: auto;opacity: 1;display: block;}
.layout-showcase .sprocket-features-content, .layout-showcase .sprocket-features-img-container {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0 15px;}
.layout-showcase .sprocket-features-img-container {float: right;width: 50%;}
.layout-showcase .sprocket-features-content {float: left; padding:0;}
.layout-showcase .sprocket-features-title {font-size: 2.9em;margin: 0;padding: 0;line-height: 120%; text-transform:lowercase;}
.layout-showcase .sprocket-features-desc {font-size: 1.4em;line-height: 140%;margin-top: 0;}
.layout-showcase .readon {margin: 15px 0 0 0;display: table;}
/* Features - Layout Showcase - Navigation */
.layout-showcase .sprocket-features-arrows .arrow {position: absolute;display: block;width: 40px;height: 40px;top: 50%;cursor: pointer;z-index: 10;text-align: center;font-size: 24px;line-height: 38px;opacity: 0.7;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;}
.layout-showcase .sprocket-features-arrows .arrow span {display: none;}
.layout-showcase .sprocket-features-arrows .prev {right: 45px;}
.layout-showcase .sprocket-features-arrows .next {right: 0;}
.layout-showcase .sprocket-features-arrows .arrow.next:before {content: '\f105';font-family: FontAwesome;}
.layout-showcase .sprocket-features-arrows .arrow.prev:before {content: '\f104';font-family: FontAwesome;}
.sprocket-features.arrows-onhover .sprocket-features-arrows .arrow {opacity: 0;}
.sprocket-features.arrows-onhover:hover .sprocket-features-arrows .arrow {opacity: 0.25;}
.sprocket-features.arrows-onhover:hover .sprocket-features-arrows .arrow:hover {opacity: 1;}
.layout-showcase .sprocket-features-pagination {position: absolute;left: 40%; bottom:0; z-index: 10;}
.layout-showcase .sprocket-features-pagination-hidden {display: none;}
.layout-showcase .sprocket-features-pagination li {display: inline-block;padding: 7px;margin: 0 3px;opacity: 0.8;border-radius: 1em;cursor: pointer;}
.layout-showcase .sprocket-features-pagination li.active {opacity: 1;}
.layout-showcase .sprocket-features-pagination li span {display: none;font-size: 0.85em;line-height: 1em;}

/* Features - Layout Showcase - Transitions */
.layout-showcase .sprocket-features-pagination li, .layout-showcase .sprocket-features-arrows .arrow {-webkit-transition: opacity 0.2s ease-in;-moz-transition: opacity 0.2s ease-in;-o-transition: opacity 0.2s ease-in;transition: opacity 0.2s ease-in;}

/* Custom */
.layout-showcase .sprocket-features-arrows .arrow {color: #ffffff;background: rgba(0, 0, 0, 0.5);}
.layout-showcase .sprocket-features-pagination li {background: rgba(0, 0, 0, 0.7);}
.layout-showcase .sprocket-features-pagination li.active {background: #000000;}

/* agnis prvky */
#slogan {
	position:absolute;
	right:0;
	bottom:0;
	color: #ffffff;
	width:50%;
	font-size: 20px;
	white-space:nowrap;
	padding:15px 25px;
	text-align:right;
	background-image:-moz-linear-gradient(9% 50% 0deg,rgba(255,255,255,0) 0%,rgb(166,171,173) 50%); 
	background-image:-webkit-gradient(linear,9% 50%,36% 50%,color-stop(0, rgba(255,255,255,0)),color-stop(0.5, rgb(166,171,173)));
	background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0) 0%,rgb(166,171,173) 50%);
	background-image:-o-linear-gradient(0deg,rgba(255,255,255,0) 0%,rgb(166,171,173) 50%);
	background-image:-ms-linear-gradient(0deg,rgba(255,255,255,0) 0%,rgb(166,171,173) 50%);
	background-image:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgb(166,171,173) 50%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#0ffffff,endColorstr=#ffa6abad,GradientType=1)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0ffffff,endColorstr=#ffa6abad,GradientType=1);
	-webkit-border-radius: 0px 12px 12px 0px;
	-moz-border-radius: 0px 12px 12px 0px;
	border-radius: 0px 12px 12px 0px;
}
#kontaktujte {
	font-size: 20px;
	position:absolute;
	z-index:100;
	bottom:-25px;
	background:#DB140F;
	width:312px;
	height:69px;
	-webkit-border-radius: 12px 12px 0px 0px;
	-moz-border-radius: 12px 12px 0px 0px;
	border-radius: 12px 12px 0px 0px;
	text-align:center;
}
#kontaktujte:hover {
	background:#A50F0B;
}
#kontaktujte a, #kontaktujte a:hover {
	color: #ffffff;
}
#kontaktujte a:before {
	font-family: FontAgnis; content: "\f007";
	font-size:55px; line-height:70px; vertical-align:middle;
	margin-right: 15px;
}
@media only screen and (max-width: 1199px) {
	#kontaktujte {
		font-size: 16px;
		width:252px;
	}
	.layout-showcase .sprocket-features-title {font-size: 2.7em;}
	.layout-showcase .sprocket-features-desc {font-size: 1.2em;}
	#slogan {
		font-size: 18px;
	}
}

@media only screen and (max-width: 959px) {
	#kontaktujte {
		font-size: 13px;
		width:204px;
	}
	.layout-showcase .sprocket-features-title {font-size: 2.2em;}
	.layout-showcase .sprocket-features-desc {font-size: 1.1em;}
	#slogan {
		font-size: 14px;
	}
}

@media only screen and (max-width: 769px) {
	#kontaktujte {
		font-size: 16px;
		width:100%;
	}
	.layout-showcase .sprocket-features-title {font-size: 2.2em;}
	.layout-showcase .sprocket-features-desc {font-size: 1.1em;}
	#slogan { font-size: 14px; }
	#slogan {
		display:none;
	}
	.layout-showcase .sprocket-features-pagination {bottom:100px;}
	.layout-showcase .sprocket-features-arrows .arrow {top: 35%;}
}

@media only screen and (max-width: 540px) {
	.layout-showcase .sprocket-features-pagination, 
	.layout-showcase .sprocket-features-arrows .arrow { display:none !important;}
}