/**
 * Google fonts
 * font-family: 'Fira Sans', sans-serif; (400,700)
 * font-family: 'Hammersmith One', sans-serif; (400)
 */
@import url(https://fonts.googleapis.com/css?family=Fira+Sans:400,700|Hammersmith+One&subset=latin,latin-ext);

/**
 * GLOBAL
 */
body,p {
	font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1,h2,h3,h4,h5 {
	font-family: "Hammersmith One", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
}
h1 {
	font-size: 30px;
}
a {
	color: #34B6C2;
	text-decoration: underline;
}
.navbar a,
a.btn {
	text-decoration: none;
}
.btn-primary,
.btn-primary:active,
.btn-primary.active:focus,
.btn-primary:focus {
	background-color: #34B6C2;
	border-color: #34B6C2;
}

/**
 * GLOBAL
 */
.section {
	padding: 70px 0;
}

/**
 * TOP
 */
#top,
#vice-schranek {
	background-color: #34B6C2;
	color: #ffffff;
	padding: 40px 0 50px;
}
	#top a,
	#vice-schranek a {
		color: #ffffff;
		text-decoration: underline;
	}
		#top a:hover,
		#top a:focus,
		#vice-schranek a:hover,
		#vice-schranek a:focus {
			color: #f2f2f2;
		}
		#top a:active,
		#vice-schranek a:active {
			color: #ffffff;
		}

/**
 * NAVIGATION
 */
#navbar {
	float: right;
}
.nav > li > a {
	margin-left: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.nav > li:first-child > a {
	margin-left: 0;
}
.nav > li > a:hover,
.nav > li > a.active {
	background-color: #34B6C2;
	color: #ffffff;
}
.navbar-brand {
	padding: 0;
}
	.navbar-brand:after {
		display: block;
		content: '';
		clear: both;
	}
	.navbar-brand > span {
		display: none;
	}
	.navbar-brand img {
		width: 200px;
	}
.navbar-fixed-top {
	background-color: #ffffff;
	border-bottom: 1px solid #cccccc;
	-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
	height: 60px;
}
	.navbar-fixed-top img.logo {
		width: 100px;
		padding-top: 15px;
	}
	.navbar-fixed-top .navbar-nav {
		margin-top: 10px;
	}
		.navbar-fixed-top .navbar-nav > li > a {
			padding-top: 8px !important;
			padding-bottom: 8px !important;
		}
.navbar-toggle > span {
	background-color: #34B6C2;
}
@media screen and (max-width: 991px) {
	.navbar-header img.logo {
		width: 150px;
	}
		.navbar-fixed-top img.logo {
			width: 100px;
		}
	#navbar {
		padding-right: 0;
		padding-left: 0;
		font-size: .85em;
	}
}
@media screen and (max-width: 767px) {
	.navbar-header img.logo {
		padding-left: 15px;
	}
	#navbar {
		display: block;
		position: absolute;
		margin-left: -15px;
		background-color: #ffffff;
		width: 100%;
		padding-top: 15px;
		padding-right: 45px;
		padding-left: 45px;
		border-bottom: 1px solid #cccccc;
		-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
		-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
		box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
		z-index: 100000;
	}
	.nav > li > a {
		margin-left: 0;
	}	
}


/**
 * UVOD
 */
#uvod {
	padding-top: 30px;
}
#uvod .home-text {
	margin-top: 60px;
}

/**
 * USPORA
 */
#casova-uspora {
	background-color: #f2f2f2;
}
	.cas-bottom {
		display: block;
		clear: both;
		padding-top: 30px;
	}
@media screen and (min-width: 992px) {
	#casova-uspora div.text-cas {
		display: block;
	}
	#casova-uspora div.text-cas p {
		margin-top: 25px;
	}
}
@media screen and (max-width: 991px) {
	#casova-uspora canvas {
		display: block;
		margin: auto;
	}
	#casova-uspora div.text-cas {
		text-align: center;
	}
}
/**
 * NABIZIME
 */

/**
 * OVERENI
 */
#overeni {
	background-color: #FDB813;
	color: #ffffff;
	padding: 40px 0 50px;
}
	#overeni a {
		color: #ffffff;
		text-decoration: underline;
	}
		#overeni a:hover,
		#overeni a:focus {
			color: #f2f2f2;
		}
		#overeni a:active {
			color: #ffffff;
		}

/**
 * CENIK
 * http://shapebootstrap.net/item/flat-pricing-table-bootstrap-3-0/
 */
.flat {
	display: block;
	clear: both;
	margin-top: 40px;
}
	.flat .plan {
		list-style: none;
		padding: 0 0 20px;
		margin: 0 0 15px;
		background: #fff;
		text-align: center;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
		.flat .plan li {
			padding: 10px 15px;
			color: #ccc;
			border-top: 1px solid #f5f5f5;
		}
			.flat .plan li.plan-price {
				border-top: 0;
			}
			.flat .plan li.plan-name {
				padding: 15px;
				font-size: 24px;
				line-height: 24px;
				color: #fff;
				background-color: #FDB813;
				margin-bottom: 30px;
				border-top: 0;
				-webkit-border-top-left-radius: 5px;
				-webkit-border-top-right-radius: 5px;
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-topright: 5px;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
			}
			.flat .plan li > strong {
				color: #FDB813;
			}
			.flat .plan li.plan-action {
				margin-top: 10px;
				border-top: 0;
			}
		.flat .plan.featured {
			background-color: #f2f2f2;
		}
			.flat .plan.featured li {
				border-color: #cccccc;
				color: #000000;
			}
				.flat .plan.featured li.plan-name {
					background-color: #00A4E8;
					color: #ffffff;
				}
				.flat .plan.featured li > strong {
					color: #00A4E8;
				}
/**
 * REFERENCE
 * http://www.bootdey.com/snippets/view/Clients-testimonial-190
 */
.testimonials blockquote {
	position: relative;
	background: white;
	min-height: 150px;
	padding-bottom: 40px;
	margin-top: 20px;
	margin-bottom: 100px;
	border: 1px solid #ecedf1;
}
	.testimonials blockquote:before {
		content: '';
		position: absolute;
		bottom: -10px;
		left: 50%;
		margin-left: -10px;
		border-top: 10px solid #ecedf1;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
	}
	.testimonials blockquote:after {
		content: '';
		position: absolute;
		bottom: -8px;
		left: 50%;
		margin-left: -9px;
		border-top: 9px solid white;
		border-left: 9px solid transparent;
		border-right: 9px solid transparent;
	}

	.testimonials blockquote img {
		height: 50px;
		width: 50px;
		position: absolute;
		border: 1px solid #ecedf1;
		background: white;
		bottom: -65px;
		left: 50%;
		margin-left: -25px;
	}

	blockquote p.clients-words {
		font-size: 1.15em;
		font-style: italic;
	}
	span.clients-name {
		font-family: "Hammersmith One", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 400;
		font-size: 1.3em;
		position: absolute;
		bottom: 10px;
		right: 10px;
	}

/**
 * FAQ
 */
#faq {
	background-color: #f2f2f2;
}
#faq .panel-default {
	border: 0;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
#faq .panel-default .panel-heading {
	background-color: #ffffff;
	padding: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
#faq .panel-default .panel-heading a {
	display: block;
	width: auto;
	padding: 12px 17px;
	text-decoration: none;
}
#faq .panel-default .panel-body {
	border-top: 5px solid #f2f2f2;
}

/**
 * KONTAKT
 */
#kontakt {
	background-color: #34B6C2;
	color: #ffffff;
}
	#kontakt a {
		color: #ffffff;
		text-decoration: underline;
	}
		#kontakt a:hover,
		#kontakt a:focus {
			color: #f2f2f2;
		}
		#kontakt a:active {
			color: #ffffff;
		}
	.kontakt .first {
		padding-left: 0;
	}
	.kontakt .second {
		padding-right: 0;
	}
	@media screen and (max-width: 991px) {
		.kontakt .first {
			padding-right: 0;
		}
		.kontakt .second {
			padding-left: 0;
		}
	}
	.kontakt .form-control {
		height: 50px;
	}
	.kontakt .form-group.textarea .form-control {
		height: 120px;
	}