@import "global.less";

/* old green #00bf5d */

* {
	margin: 0;
	padding: 0;
	font-family: 'Roboto Condensed', sans-serif;
}

::selection {
	background: #5f7cfb;
	color: #fff;
}

::-moz-selection {
	background: #5f7cfb;
	color: #fff;
}

.wrapper {
	width: 92%;
	max-width: 1100px;
	margin: 0 auto;
	position: relative;
	
	&.no-relative {
		.wrapper-relative {
			display: inline-block;
		}
	}
	
	.wrapper {
		width: 100%;
	}
}

.pb200 {
	padding-bottom: 200px !important;
}

.pro-media {
	width: 100%;
	text-align: center;
	
	li {
		width: 96%;
		max-width: 300px;
		text-align: center;
		display: inline-block;
		margin: 20px;
		
		img {
			max-width: 100%;
		}
		
		.radius {
			max-width: 100px;
			.radius(100%);
		}
	}
}

.centraTable {
	table {
		.poda {
			width: 180px;
			text-align: left !important;
		}
		
		td { text-align: left !important; }
	}
}

#hpLine1 { z-index: 1 !important; }
#hpLine2 { z-index: 99999 !important; }

.txt-left { text-align: left; }
.txt-center { text-align: center; }
.txt-right { text-align: right; }
.txt-left-i, .fst-table .table.txt-left-i td { text-align: left !important; }
.txt-center-i, .fst-table .table.txt-center-i td { text-align: center !important; }
.txt-right-i, .fst-table .table.txt-right-i td { text-align: right !important; }
.bullets { list-style: disc; }

a:hover { text-decoration: none; }

h1.green {
	font-size: 60px;
	color: #C1D750;
	margin-bottom: 30px;
	margin-top: 100px;
}

.main-page {
	h1 { display: none; }

	#header {
		height: 100%;
		background: none !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		-ms-box-shadow: none !important;
		-o-box-shadow: none !important;
	}
}

section, footer {
	width: 100%;
	float: left;
}
.auto_search_result{
	position: absolute;
}

#fixedHeader {
	width: 100%;
	height: 59px;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999999;

	&.anim {
		/*.transition(0.3s);*/
	}

	&.smaller {
		/*height: 59px;*/
		/*.transition(0.3s);*/

		#logo {
			height: 45px;
		}

		/*.navbar #navmenu li a {
			line-height: 59px;
			height: 59px;
		}

		.navbar #navmenu li {
			line-height: 59px;
			height: 59px;
		}*/
		
		#searchModal { 
			height: 59px;
			
			input.button, input.text { height: 40px; }
			
			input.text {
				height: 38px;
				line-height: 38px;
			}
		}
	}

	&.bg {
		background: #fff;
		/*-webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
		-ms-box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
		box-shadow: 0px 4px 4px rgba(0,0,0,0.1);*/
	}
	
	&.shadow {
		-webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
		-ms-box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
		box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
	}
}

.btn-huge { width: 300px !important; }

.biggerFont {
	font-size: 32px !important;
}

.services-list {
	width: 100%;
	float: left;
	margin: 25px 0 0;
	text-align: center;

	li {
		display: inline-block;
		width: 265px;
		height: 235px;
		text-align: center;
		margin: 0 3px;
		position: relative;
		padding-top: 50px;
		.box_sizing();

		h2 {
			font-size: 25px;
			text-transform: uppercase;
		}

		p {
			font-size: 17px;
			color: rgba(0,0,0,0.6);
			margin: 15px 0;
		}

		&:before {
			content: '';
			width: 50px;
			height: 1px;
			background: #5f7cfb;
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			margin: auto;

			display: none;
		}

		&:nth-child(1) {
			background: url('/css/layout/icons/internet.png') no-repeat center 0; /*35px*/
		}

		&:nth-child(2) {
			background: url('/css/layout/icons/tv.png') no-repeat center 0;
		}

		&:nth-child(3) {
			background: url('/css/layout/icons/mobil.png') no-repeat center 0;
		}

		&:nth-child(4) {
			background: url('/css/layout/icons/klientska_zona.png') no-repeat center 0;

			&:before { background: #c00c14; }
		}
	}

	&.var2 {
		position: absolute;
		bottom: -180px;
		z-index: 0;
		
		li {
			margin: 0 5px;
			background-color: #fff !important;
			background-image: none;
			height: 290px;
			position: relative;
			top: 0;
			padding: 85px 10px 10px;
			.transition(0.3s);
			.box-shadow(0 5px 5px rgba(102,126,149,0.25));
			.radius(5px);
			.scale(1);

			&:nth-child(1) { background: url('/uploaded/ikony/file.svg') no-repeat center 20px; background-size: 50px; margin-left: 0; }
			&:nth-child(2) { background: url('/uploaded/ikony/file-2.svg') no-repeat center 20px; background-size: 50px; }
			&:nth-child(3) { background: url('/uploaded/ikony/file-3.svg') no-repeat center 20px; background-size: 50px; }
			&:nth-child(4) { background: url('/uploaded/ikony/file-1.svg') no-repeat center 20px; background-size: 50px; margin-right: 0; }

			&:hover {
				height: 310px;
				top: -10px;
				margin-bottom: -20px !important;
				.box-shadow(0px 0px 20px rgba(102,126,149,0.25));
				/*animation: swing 4.3s infinite;
				-moz-animation: swing 4.3s infinite;
				-webkit-animation: swing 4.3s infinite;
				-ms-animation: none !important;*/
			}
		}
	}
	
	&.var3 {
		li {
			width: 260px;
			margin: 0 5px 15px;
			background-color: #fff !important;
			background-image: none;
			height: 290px;
			position: relative;
			top: 0;
			padding: 85px 10px 10px;
			.transition(0.3s);
			.box-shadow(0 2px 5px rgba(102,126,149,0.15));
			.radius(5px);
			.scale(1);

			&:nth-child(1) { background: url('/uploaded/ikony/file.svg') no-repeat center 20px; background-size: 50px; margin-left: 0; }
			&:nth-child(2) { background: url('/uploaded/ikony/file-2.svg') no-repeat center 20px; background-size: 50px; }
			&:nth-child(3) { background: url('/uploaded/ikony/file-3.svg') no-repeat center 20px; background-size: 50px; }
			&:nth-child(4) { background: url('/css/layout/icons/vernostni-icon.png') no-repeat center 20px; margin-right: 0; } /*/uploaded/ikony/strezeni-icon.png*/
			&:nth-child(5) { background: url('/uploaded/ikony/pro-firmy-icon.png') no-repeat center 20px; margin-left: 0; }
			&:nth-child(6) { background: url('/uploaded/ikony/unet-icon.png') no-repeat center 20px; }
			&:nth-child(7) { background: url('/uploaded/ikony/file-1.svg') no-repeat center 20px; background-size: 50px; }
			&:nth-child(8) { background: url('/uploaded/ikony/kontakty-icon.png') no-repeat center 20px; margin-right: 0; }

			&:hover {
				height: 310px;
				top: -10px;
				margin-bottom: -20px !important;
				.box-shadow(0px 0px 20px rgba(102,126,149,0.25));
				/*animation: swing 4.3s infinite;
				-moz-animation: swing 4.3s infinite;
				-webkit-animation: swing 4.3s infinite;
				-ms-animation: none !important;*/
			}
		}
	}
}

#section-2 {
	#ContactFormText4Value { display: none; }
}

.kontakt-list {
	width: 100%;
	float: left;
	margin: 62px 0 0;
	text-align: center;

	li {
		display: inline-block;
		width: 315px;
		/*height: 235px;*/
		text-align: center;
		margin: 0 22px;
		position: relative;
		vertical-align: top;
		padding-top: 70px;
		.box_sizing();

		h2 {
			font-size: 17px;
			text-transform: uppercase;
			min-height: 42px;
		}

		p {
			font-size: 18px;
			line-height: 1.5;
			color: rgba(0,0,0,0.6);
			margin: 15px 0;
			min-height: 81px;
		}

		a { color: inherit; }

		strong {
			font-size: 40px;
			font-weight: bold;
		}

		&:before {
			content: '';
			width: 50px;
			height: 1px;
			background: #5f7cfb;
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			margin: auto;
			display: none;
		}

		&:nth-child(1) {
			background: url('/css/layout/icons/blue-mobile-icon.png') no-repeat center 0; /*35px*/
			background-size: 26px;
		}

		&:nth-child(2) {
			background: url('/css/layout/icons/blue-mail-icon.png') no-repeat center 0;
		}

		&:nth-child(3) {
			background: url('/css/layout/icons/zarovka-blue.png') no-repeat center 0;

			/*a, h2, strong { color: #c00c14; }*/
		}
	}

	&.podanet {
		img { margin-bottom: 15px; }
		li { padding-top: 0; }
		li { background: none; }
		li:nth-child(3) { h2 { color: #5f7cfb; } }
		/*li:nth-child(2) { background: url('/css/layout/icons/tablet-blue.png') no-repeat center 0; background-size: 40px; }
		li:nth-child(3) { background: url('/css/layout/icons/pc-blue.png') no-repeat center 0;  background-size: 65px auto;  h2 { color: #5f7cfb; } }*/
	}
	
	&.podanet2 {
		img { margin-bottom: 15px; }
		li { padding-top: 0; }
		li { background: none; width: 215px; }
		li { h2 { color: #000; } }
		
		a.blue {
			color: #5f7cfb;
			display: block;
			margin-top: 5px;
		}
		/*li:nth-child(2) { background: url('/css/layout/icons/tablet-blue.png') no-repeat center 0; background-size: 40px; }
		li:nth-child(3) { background: url('/css/layout/icons/pc-blue.png') no-repeat center 0;  background-size: 65px auto;  h2 { color: #5f7cfb; } }*/
	}
}

.mt200 { margin-top: 200px !important; }
.mt10 { margin-top: 10px !important; }
.mb10 { margin-bottom: 10px !important; }
.ml0 { margin-left: 0 !important; }

p {
	font-size: 18px;
	color: rgba(0,0,0,0.6);
	line-height: 1.4;
}

.h175 { height: 175px !important; }
.relative50 {
	top: 61px;
	margin-bottom: 10px;
}

.button {
	text-decoration: none;
	display: block;
	width: 225px;
	height: 55px;
	padding-top: 18px;
	text-align: center;
	line-height: 1 !important;
	font-size: 18px;
	color: #5f7cfb;
	background: #fff;
	border: 1px solid #5f7cfb;
	cursor: pointer;
	margin: 25px auto 0;
	font-family: 'Roboto Condensed', sans-serif;
	.box_sizing();
	/*.box-shadow(0 10px 10px rgba(102,126,149,0.25));*/
	.transition(0.3s);
	.radius(10px);

	&.wider { width: 300px; }
	&.huge { width: 380px; }

	&.smaller {
		width: 135px;
		height: 35px;
		padding-top: 9px;
		margin-top: 10px;
	}

	&.circle {
		width: 35px;
		height: 35px;
		font-size: 29px;
		font-weight: 100;
		letter-spacing: inherit !important;
		padding-top: 0;
		.radius(10px);
	}

	&.red {
		background: #bc0006;
		color: #fff;
	}

	&:hover {
		/*.box-shadow(0px 0px 10px rgba(102,126,149,0.45));*/
		background: #5f7cfb !important;
		color: #fff !important;
		border-color: #5f7cfb !important;
	}
	
	&.color-white { color: #fff !important; }
	
	&.blue {
		background: #5f7cfb;
		color: #fff;
		border-color: #5f7cfb;
		
		&:hover {
			background: #B9D532 !important;
			color: #fff !important;
			border-color: #B9D532 !important;
		}
	}

	&.color-red {
		border-color: #B9D532;

		&:hover {
			background: #B9D532 !important;
			border-color: #B9D532 !important;
		}
	}
}

.sll.relative { position: relative; }

.residomoPage, .sluzba-section {
	.table {
		width: auto !important;
		max-width: 100% !important;
		
		th, td {
			vertical-align: middle !important;
			text-align: center !important;
		}
		
		tbody {
			tr {
				td:nth-child(1) {
					background: #B9D532;
					color: #fff;
					
					a {
						color: inherit;
					}
				}
			}
		}
	}
}

.service-residomo {
	width: 100%;
	float: left;
	margin-top: 40px;
	
	.left {
		float: left;
		width: 250px;
		position: relative;
		margin-bottom: 40px;
		
		img {
			position: absolute;
			left: 0;
			right: 0;
			margin: auto;
		}
	}
	
	.right {
		float: right;
		width: 850px;
		margin-bottom: 40px;
	}
}

.residomoPage {
	margin-top: 70px;
}

.middTable {
	margin: 25px auto !important;
}

input.button {
	padding-top: 2px !important;
}

.clear { clear: both; }

.sll {
	width: 49%;
	float: left;
}

.slr {
	width: 49%;
	float: right;
}

.mt0 { margin-top: 0 !important; }

.promo {
	width: 100%;
	height: 265px;
	float: left;
	margin: 20px 0 40px;
	margin-top: 200px;
	background-size: contain;
	position: relative;

	.button {
		position: absolute;
		right: 0;
		bottom: 0;
		color: #be000a;
	}
}

.article {
	h3 {
		margin-bottom: 25px;
		text-transform: uppercase;
		line-height: 1.2;

		a {
			color: inherit;
		}
	}

	p {
		line-height: 1.3;
	}
}

.lh1-5 { line-height: 1.5; }

footer {
	width: 100%;
	float: left;
	margin-top: 60px;
	border-top: 1px solid #f1f3f4;
	padding-top: 50px;
	.box_sizing();
}

#logo {
	width: 189px;
	height: 61px;
	text-decoration: none;
	display: block;
	background: url('/css/layout/logo.png');
	margin-top: 7px;
	margin-left: 25px;
	float: left;
	position: relative;
	z-index: 10;
}

.kontatkLogo {
	width: 189px;
	height: 44px;
	text-decoration: none;
	display: block;
	margin: 50px auto 25px;
	background: url('/css/layout/logo.png');
}

.on-mobile { display: none; }

#header, #header_adopt {
	height: 80px;
	background: #fff;
	width: 100%;
	position: relative;
	z-index: 10;
	float: left;
	/*-webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
	-ms-box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
	box-shadow: 0px 4px 4px rgba(0,0,0,0.1);*/
}

.main-page {
	#header { height: inherit !important; }
}

.other-pages {
	#header_adopt {
		-webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
		-ms-box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
		box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
	}
}

#header_adopt.banner {
	height: 1118px;
	/*background: url('/css/layout/banner.jpg') no-repeat center center;*/
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-attachment: fixed;
	
	&:after {
		content: '';
		width: 100%;
		height: 180px;
		pointer-events: none;
		position: absolute;
		left: 0;
		bottom: -181px;
		background: -moz-linear-gradient(top, rgba(204,205,207,0.65) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(top, rgba(204,205,207,0.65) 0%,rgba(0,0,0,0) 100%);
		background: linear-gradient(to bottom, rgba(204,205,207,0.65) 0%,rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6cccdcf', endColorstr='#00000000',GradientType=0 );
	}
}

.overflowX { overflow-x: hidden; }

#header {
	.transition(0.3);

	&.active {
		height: 200px;
	}

	.blur-box {
		width: 100%;
		height: 200px;
		float: left;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto !important;
		/*background: url('/css/layout/banner-blur.jpg') no-repeat;
		background-position: center;
		background-size: cover;
		background-attachment: fixed;*/

		.searchAddrButton {
			border-color: #fff !important;
		}

		.button:hover {
			border-color: #fff !important;
			background: #fff !important;
			color: #5f7cfb !important;
		}

		.line {
			width: 100%;
			height: 100px;
			display: block;
			text-decoration: none;
			background: rgba(0,0,0,0.3);
			border-bottom: 1px solid rgba(255,255,255,0.15);
			position: absolute;
			top: 0;
			left: 0;
			z-index: 10;
			cursor: pointer;
			text-shadow: 0px 0px 4px rgba(0,0,0,0.4);
			line-height: 110px;
			text-align: center;
			color: #fff;
			font-size: 60px;
			text-transform: uppercase;
			font-weight: 300;
			.box_sizing();
			.transition(0.5s);

			&:nth-child(1) {
				border-top: 1px solid rgba(255,255,255,0.15);
				-webkit-transform: translateX(-2000px);
				-ms-transform: translateX(-2000px);
				-moz-transform: translateX(-2000px);
				transform: translateX(-2000px);
			}

			&:nth-child(2) {
				-webkit-transform: translateX(2000px);
				-ms-transform: translateX(2000px);
				-moz-transform: translateX(2000px);
				transform: translateX(2000px);
			}

			&.go {
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				-moz-transform: translateX(0);
				transform: translateX(0);
			}

			.buttons {
				width: 100% !important;
				margin: 0 !important;

				.button {
					vertical-align: top;
					display: inline-block !important;
					float: none !important;
					height: 65px !important;
					line-height: 1.2 !important;
					padding-top: 14px;
					text-transform: none !important;
					border: 1px solid #fff !important;
					.box_sizing();

					small {
						display: block;
						font-size: 15px;
						color: rgba(255,255,255,0.8);
					}

					&:hover {
						border-color: #fff !important;
						background: #fff !important;
						color: #5f7cfb !important;

						small { color: inherit !important; }
					}
				}
			}

			strong {
				font-family: 'Roboto Condensed', sans-serif;
				font-weight: 700;
				position: relative;
				text-shadow: inherit;
			}

			&:nth-child(1) {
				strong {
					/*&:before {
						content: attr(data-strong);
						font-size: 18px;
						position: absolute;
						text-align: right;
						left: -350px;
						line-height: 1;
						top: 5px;
						vertical-align: text-top;
						width: 325px;
					}*/

					&:after {
						content: attr(data-regular);
						font-size: 16px;
						position: absolute;
						text-align: right;
						left: -350px;
						top: 25px;
						line-height: 1;
						font-family: 'Roboto Condensed', sans-serif;
						width: 325px;
						.transition(0.3s);
					}
				}
			}

			&:nth-child(2) {
				top: 100px;

				strong {
					/*&:before {
						content: attr(data-strong);
						font-size: 18px;
						position: absolute;
						text-align: left;
						right: -470px;
						line-height: 1;
						top: 5px;
						width: 325px;
					}*/

					&:after {
						content: attr(data-regular);
						font-size: 16px;
						position: absolute;
						text-align: left;
						right: -495px;
						top: 25px;
						line-height: 1;
						font-family: 'Roboto Condensed', sans-serif;
						width: 325px;
						.transition(0.3s);
					}
				}
			}

			&:nth-child(3) {
				top: 200px;
				font-size: 18px;
				text-shadow: 0px 0px 4px rgba(0,0,0,0.4);
				font-family: 'barlow_condensedsemibold';
			}

			&:hover {
				background: #5f7cfb;
			}

			&.active {
				background: #5f7cfb;
				text-shadow: none;
				height: 200px;

				&#hpLine2 { top: -100px; }

				strong:after {
					color: rgba(255,255,255,0.6);
				}
			}
		}

		/*&:before {
			width: 100%;
			height: 1118px;
			content: '';
			position: absolute;
			left: 0;
			top: -550px;
			background: url('/css/layout/banner.jpg') no-repeat;
			background-position: 50% calc(~"50% - 90px");
			background-size: cover;
			filter: blur(10px);
			z-index: 10;
		}*/
	}
}

@media (max-width: 1500px) {
	.blur-box {
		margin-top: 170px !important;
	}
}

#navbar { margin-right: 25px; }

.navbar {
	float: right;

	.navbar-header {
		display: none;
	}

	#navmenu {
		list-style: none;

		li {
			float: left;
			height: 80px;
			line-height: 80px;

			a {
				text-decoration: none;
				margin: 0 25px;
				color: #000;
				line-height: 80px;
				height: 80px;
				display: block;
				position: relative;
				font-size: 18px;
				font-family: 'Roboto Condensed', sans-serif;
				text-transform: uppercase;
				.transition(0.3s);

				&:after {
					content: '';
					width: 0%;
					height: 2px;
					background: #B9D532;
					position: absolute;
					left: 0;
					top: 0;
					.transition(0.3s);
				}

				&:hover {
					&:after {
						width: 97%;
					}
				}

				&#sp22 {
					font-size: 0;
					width: 20px;
					position: relative;

					&:before {
						content: '';
						width: 100%;
						height: 50px;
						background: url('/css/layout/icons/search.png') no-repeat center center;
						background-size: contain;
						position: absolute;
						left: 0;
						top: 0;
						bottom: 0;
						margin: auto;
					}
				}
			}

			&:last-child a {
				margin-right: 0;
			}

			&.menu_active {
				a:after { width: 97%; }
			}
		}
	}
}

.social-link {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-color: #5f7cfb;
	background-position: center center;
	background-repeat: no-repeat;
	font-family: 'awesome';
	color: #fff !important;
	font-weight: normal !important;
	text-align: center;
	text-decoration: none !important;
	margin-right: 5px;
	.transition(0.3s);
	
	&:hover {
		background-color: #B9D532;
	}
	
	&.fb { background-image: url('/css/layout/icons/fb.svg'); background-size: 10px; }
	&.youtube { background-image: url('/css/layout/icons/youtube.svg'); background-size: 22px; }
	&.instagram { background-image: url('/css/layout/icons/instagram.svg'); background-size: 22px; }
	&.linkedin { background-image: url('/css/layout/icons/linkedin.svg'); background-size: 22px; }
}

footer {
	padding-bottom: 50px;

	.copyright {
		width: 100%;
		text-align: center;
		font-size: 14px;
		margin-top: 50px;

		a { color: inherit; }
	}

	ul {
		width: 275px;
		float: left;
		list-style: none;
		vertical-align: top;

		li {
			margin-bottom: 5px;
			font-size: 17px;
			font-family: 'Roboto Condensed', sans-serif;
			text-decoration: none;
			color: rgba(255, 255, 255, 0.6);
			
			.white { color: #fff; }
			.fs21 { font-size: 21px; }

			a {
				font-size: 17px;
				font-family: 'Roboto Condensed', sans-serif;
				text-decoration: none;
				color: rgba(0,0,0,0.6);

				&:hover { text-decoration: underline; }
			}

			&.main {
				font-size: 20px;
				color: #000;
				text-transform: uppercase;
				font-family: 'Roboto Condensed', sans-serif;
				font-weight: 700;
				margin-bottom: 15px;
			}
		}
	}
}

/*.autocomplete{
	border: 1px solid rgba(0, 0, 0, 0.6);
	width: 302px;
	padding: 10px;
	margin: 30px 0 5px 0;
	font-size: 18px;
	transition: .2s;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;

	&:focus{
		outline: none;
		border-color: #5f7cfb;

	}
	&:hover{
		border-color: #5f7cfb;
	}
}
*/

.auto_search_result{
	border: 1px solid #4256af;
	background-color: #4256af;
	color: #fff;
	.search_line{
		height: 30px;
		cursor: pointer;
		line-height: 30px;
		position: relative;
		font-size: 16px;
		text-transform: initial;
		overflow: hidden;
		text-align: left;
		padding: 0 20px;
		transition: .2s;
		-webkit-transition: .2s;
		-moz-transition: .2s;
		-o-transition: .2s;
		-ms-transition: .2s;

		/*&:hover, &:focus{
			background-color: #5f7cfb;
			color: #fff;
			&:after{
				content: "\f002";
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-decoration: inherit;
				color: #fff;
				position: absolute;
				right: 10px;


			}
		}*/
	}
}
.fstBox {
	position:fixed;
	top:0;
	left:0;
	z-index:10000;
	padding: 5px 10px;
	&.error{
		color:#a94442;
		background-color:#e22f2f !important;
		border-color:#e22f2f !important;
		hr{
			border-top-color:#e4b9c0
		}
		.alert-link{
			color:#843534
		}
		& .fstBox_ico:before{
			content: "\f00d" !important;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-decoration: inherit;
		}
	}

	&.ok {
		color:#3c763d;
		background-color:#dff0d8;
		border-color:#d6e9c6;
		hr{
			border-top-color:#c9e2b3;
		}
		.alert-link{
			color:#2b542c
		}
		& .fstBox_ico:before{
			content: "\f05d";
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-decoration: inherit;
		}

	}

	.fstBox_ico {
		display:inline-block;
		width: 20px;
		height: 20px;
		text-align: left;
		padding-right: 10px;
		float: left;
		line-height: 20px;
	}
	.fstBox_content {
		display:inline-block;
		width: auto;
		text-align: left;
		float: left;

	}
}

.dropShadow {
	z-index: 100;
	-webkit-box-shadow: 0 10px 10px rgba(102, 126, 149, 0.25);
	-moz-box-shadow: 0 10px 10px rgba(102, 126, 149, 0.25);
	-ms-box-shadow: 0 10px 10px rgba(102, 126, 149, 0.25);
	box-shadow: 0 10px 10px rgba(102, 126, 149, 0.25);
}

.mainImg {
	width: 100%;
	height: 450px !important;
	float: left;
	display: table;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	background-attachment: scroll;

	&.bgposbottom {
		background-position: center bottom !important;
	}

	&.bgpostop {
		background-position: center top !important;
	}

	.blackRow {
		width: 100%;
		height: 200px;
		position: absolute;
		left: 0;
		top: 0;
		background: #000;
		background: rgba(0,0,0,0.5);

		ul {
			width: 100%;
			text-align: center;
			height: 100%;

			li {
				display: inline-block;
				width: 225px;
				height: 100%;
				margin: 0 5px;
				position: relative;
				.box_sizing();

				&:before {
					content: '';
					width: 0;
					height: 0;
					border-style: solid;
					border-width: 27px 25px 0 25px;
					border-color: #ffffff transparent transparent transparent;
					position: absolute;
					left: 0;
					right: 0;
					top: 0;
					margin: auto;
					opacity: 0;
					.transition(0.35s);
				}

				&:nth-child(1) { background: url('/css/layout/icons/zeme-bila.png') no-repeat center 50px; }
				&:nth-child(2) { background: url('/css/layout/icons/tv-bila.png') no-repeat center 50px; }
				&:nth-child(3) { background: url('/css/layout/icons/mobile-bila.png') no-repeat center 50px; }

				a.button {
					width: 100%;
					margin-top: 110px;
					line-height: 60px;
					background: #5f7cfb !important;
					border: 1px solid #5f7cfb !important;
					color: #fff !important;
					font-size: 16px !important;
					box-shadow: none !important;

					&:hover {
						background: rgba(255,255,255,0) !important;
						border-color: rgba(255,255,255,0.2) !important;
						box-shadow: none !important;
					}
				}

				&.active {
					&:before { opacity: 1; }

					a.button {
						background: rgba(255,255,255,0) !important;
						border-color: rgba(255,255,255,0.2) !important;
						box-shadow: none !important;
					}
				}
			}
		}
	}

	.bottomText, .middleText {
		width: 100%;
		height: 500px;
		float: left;
		display: table-cell;
		vertical-align: middle;

		.title {
			font-size: 60px;
			color: #fff;
			text-align: center;
			text-transform: uppercase;
			font-family: 'Roboto Condensed', sans-serif;
			font-weight: 700;

			small {
				display: block;
				font-size: 25px;
				font-family: 'Roboto Condensed', sans-serif;
				margin-top: 15px;
				font-weight: 100;
			}
		}

		.button {
			width: 270px;
			color: #5f7cfb;

			&:hover {
				background: #5f7cfb;
				color: #fff;
			}
		}
	}

	.middleText {
		height: auto;
		max-width: 700px;
		float: none;
		display: table-cell;
		vertical-align: middle;

		.title { margin-top: 0; }
	}
}

.chciPodu {
	form {
		text-align: center;
	}

	input.input {
		width: 210px;
		
		&.searchAddr1 { width: 250px } 
	}

	.w100 { width: 140px !important; }

	.button {
		display: inline-block !important;
	}

	.wrapper-relative { display: inline-block; }
}

#technik {
	position: relative;
	padding-left: 30px;
	color: rgba(0, 0, 0, 0.6) !important;

	&:before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 1.25em;
		height: 1.25em;
		border: 1px solid #C6C6C6;
		background: #fff;
	}

	&.blue {
		&:after {
			content: '\f00c';
			font-family: 'awesome';
			position: absolute;
			top: 6px;
			left: 5px;
			font-size: 12px;
			line-height: 0.8;
			color: #5f7cfb;
			transition: all .2s;
		}
	}
}

.icons-list {
	text-align: center;

	li {
		display: inline-block;
		vertical-align: top;
		max-width: 240px;
		margin: 0 20px;

		a {
			color: #5f7cfb;
		}

		img {
			display: block;
			margin: 20px auto;
			max-height: 40px;
		}

		strong {
			font-size: 18px;
			color: #5f7cfb;
			text-transform: uppercase;
			margin-bottom: 20px;
			display: block;
		}
	}
}

.full-imgs {
	width: 100%;
	float: left;
	margin: 50px 0;

	.fImg {
		width: 25%;
		float: left;
		position: relative;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;

		&:before {
			content: '';
			display: block;
			padding-top: 75%;
		}

		.abs {
			position: absolute;
			top: 10px;
			left: 0;
			right: 0;
			width: 100%;

			.letter {
				display: block;
				text-align: center;
				color: #fff;
				font-size: 60px;
				font-weight: 700;
				margin-bottom: 10px;
			}

			strong {
				display: block;
				text-align: center;
				color: #fff;
				text-transform: uppercase;
				font-size: 18px;
			}

			p {
				color: #fff;
				color: rgba(255,255,255,0.9);
				text-align: center;
				font-size: 18px;
				max-width: 340px;
				margin: 10px auto;
				padding: 0 25px;
				.box_sizing();
				
				a { color: inherit; display: block; margin-top: 10px; }
			}
		}
	}
	
	&.smallerLetters {
		.abs {
			height: 120px !important;
		}
		.fImg .abs .letter { font-size: 38px !important; }
	}
	
	&.hpImgs {
		.abs {
			bottom: 0;
			top: 0 !important;
			height: 170px;
			margin: auto;
		}
	}
}

@media (min-width: 1350px) {
	.fImg .abs {
		top: 20px !important;
	}
}

@media (min-width: 1600px) {
	.fImg .abs {
		top: 40px !important;
	}
}

@media (min-width: 1800px) {
	.fImg .abs {
		top: 80px !important;
	}
}

input {
	outline: none !important;
}

.align-left { text-align: left !important; }
.bold { font-family: 'Roboto Condensed', sans-serif; font-weight: 700 !important; }
.mt25 { margin-top: 25px !important; }
.mt50 { margin-top: 50px !important; }
.mb50 { margin-bottom: 50px !important; }
.mt70 { margin-top: 70px !important; }
.big { font-size: 50px !important; }
.fs40 { font-size: 40px !important; }
.lowercase { text-transform: lowercase !important; }
.black { color: #000 !important; }
.uppercase { text-transform: uppercase; }
.txt-center { text-align: center; }
.bgPosBottom { background-position: center bottom; }
.bgPosTop { background-position: center top; }
h2.bigger { font-size: 42px !important; }

h2 {
	span.light {
		font-weight: 100;
	}
}

.article_text {
	width: 100%;
	float: left;

	h2 {
		margin-bottom: 10px;
	}

	p {
		margin-bottom: 15px;
		line-height: 1.4;
	}

	ul, ol {
		margin-top: 20px;

		li {
			list-style-position: inside;
			font-size: 18px;
			color: rgba(0, 0, 0, 0.6);
			margin-bottom: 10px;
		}
	}

	a {
		color: #5f7cfb;
	}

	h1 {
		margin-bottom: 20px;
		font-size: 40px;
	}
}

.smaller-wrapper {
	width: 100%;
	max-width: 775px;
	margin: 0 auto;

	p {
		label {
			margin-bottom: 15px;
			width: 120px;
			font-weight: bold;
			display: inline-block;
		}
	}

	form {
		max-width: 580px;
		margin: 40px auto;

		.input {
			width: 280px;
			margin: 0 !important;
			margin-bottom: 20px !important;
			.box_sizing();
		}

		#ContactFormText0Value {
			width: 100%;
		}

		#ContactFormText1Value, #ContactFormText3Value {
			float: right;
		}
	}
}

.tarifs {
	width: 100%;
	float: left;
}

.tarifBox {
	width: 49%;
	height: 675px;
	float: left;
	vertical-align: top;
	padding: 15px 10px;
	position: relative;
	.box_sizing();
	.box-shadow(0 10px 10px rgba(102,126,149,0.25));
	
	&.hauto { height: auto !important; }

	.abs {
		position: absolute;
		bottom: 170px;
		font-size: 15px;
		width: 100%;
		text-align: center;
		max-width: 479px;
		
		a { color: inherit; }
	}

	.title {
		color: #5f7cfb;
		font-size: 25px;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		text-align: center;
		margin-bottom: 50px;
		position: relative;

		span {
			position: absolute;
			top: -20px;
			font-size: 15px;
			font-family: 'Roboto Condensed', sans-serif;
		}
	}

	.row {
		width: 100%;
		border-top: 1px solid #d9d9d9;
		float: left;
		font-size: 18px;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 700;
		padding: 10px 0;

		img {
			position: relative;
			top: 5px;
		}

		&:last-child { border-bottom: 1px solid #d9d9d9; }

		label {
			color: #666666;
			font-size: 15px;
			width: 215px;
			display: inline-block;
			line-height: 50px;
			font-family: 'Roboto Condensed', sans-serif;
		}

		strong {
			width: 100%;
			display: block;
		}

		a {
			width: 100%;

			strong {
				width: 100%;
				display: block;
			}
		}
	}
	
	p {
		line-height: 1.1;
	}

	.button {
		background: #5f7cfb;
		color: #fff;
		
		&:hover {
			background: #B9D532 !important;
			border-color: #B9D532 !important;
		}
	}

	&:nth-child(2) { float: right; }

	&.red {
		.title, .title span, .price, .colour { color: #bc0006; }
		.button { background: #bc0006; }
	}
}

.color-red { color: #B9D532 !important; }

.tarifs.box-3, .tarifs.box-1, .tarifs.box-4 {
	text-align: center;

	.tarifBox {
		width: 30%;
		height: 460px;
		text-align: left;
		float: none !important;
		display: inline-block !important;
		margin: 0 15px;
		margin-bottom: 30px;

		.price {
			padding-top: 20px;
			margin-top: 0;
			margin-bottom: 20px;
			border-top: 1px solid #d9d9d9;
		}

		.back {
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
			background: #fff;
			padding: 20px;
			opacity: 1;
			z-index: 1;
			pointer-events: all;
			.transition(0.3s);
			.box_sizing();
			.box-shadow(0 10px 10px rgba(102,126,149,0.25));

			&:before {
				content: '';
				width: 100%;
				height: 30px;
				position: absolute;
				left: 0;
				top: -30px;
				background: #fff;
			}

			&.hide {
				opacity: 0;
				pointer-events: none;
			}

			.close, .x {
				width: 28px;
				height: 28px;
				background: url('/css/layout/close.png');
				position: absolute;
				right: 10px;
				top: 0px;
				cursor: pointer;
			}

			ul {
				margin-top: 15px;
				margin-bottom: 15px;
				list-style: inside;

				li {
					font-size: 15px;
					color: #969696;
					margin: 10px 0;
				}
			}
		}

		label {
			width: 120px;
		}

		.row {
			a, strong, img {
				float: right;
			}

			img { top: 13px !important; }
		}

		.title {
			margin-bottom: 0px;
		}

		.link {
			width: 100%;
			text-align: center;
			display: block;
			margin-top: 10px;
			color: rgba(0,0,0,0.6);
		}
	}
}

.tarifs.box-4 {
	hr, .small-info { margin-bottom: 8px !important; }
	
	.price {
		padding-top: 0px !important;
		margin-bottom: 0px !important;
	}
	
	.button { margin-top: 15px !important; }
}

.tarifs.hauto {
	text-align: justify;

	.tarifBox {
		height: auto;
		float: none;
		margin-bottom: 35px;
		display: inline-block;
		vertical-align: top;

		img {
			max-width: 100%;
			height: auto;
			max-height: 270px;
			display: block;
			margin: 0 auto;
			margin-bottom: 20px;
		}
	}
}

#ContactForm4 {
	select#ContactFormText6Value {
		width: 100% !important;
	}
}

.left { float: left !important; }
.right { float: right !important; }

.tarifs.box-1 {
	.tarifBox {
		width: 100%;
		margin: 0;
		height: 520px;

		label {
			width: 200px;
			line-height: 1.2;
		}

		strong {
			width: auto;
		}
	}
}

.fs21 { font-size: 21px; }

.tarifs.box-4 {
	padding-bottom: 50px;

	.tarifBox {
		width: 24%;
		margin: 4px;
		height: 545px;
		padding: 20px 15px;
		.box-shadow(0 0px 10px rgba(102,126,149,0.25));
		.radius(5px);
		.box_sizing();
		
		.dow-upl {
			font-size: 34px;
			color: #5f7cfb;
			display: block;
			text-align: center;
		}
		
		.small-info {
			color: #a7a7a7;
			text-align: center;
			width: 100%;
			display: block;
			margin-bottom: 25px;
		}

		.title {
			font-size: 28px;
			position: relative;
			color: #000;

			span {
				padding: 7px;
				background: #5f7cfb;
				color: #fff;
				position: absolute;
				right: 0;
				top: -40px;
				font-size: 14px;
				.radius(5px);
			}
		}
		
		p {
			font-weight: 100;
			text-align: center;
		}

		.price {
			font-size: 24px;
			border: 0;
			margin-top: 0;
			font-size: 32px;
			color: #000;
		}

		.button {
			width: 180px;
			height: 45px;
			padding-top: 13px;
			background: #B9D532;
			border-color: #B9D532;
			font-weight: 600;
			
			&:hover {
				background: #5f7cfb !important;
				border-color: #5f7cfb !important;
			}
		}

		label {
			width: 200px;
		}
		
		.back {
			text-align: left;
			padding: 20px 15px;
			
			.title.blue {
				color: #5f7cfb;	
				text-align: left;
			}
			
			.row {
				border: 0;
			}
			
			.serviceTitle {
				text-transform: uppercase;
				color: #5f7cfb;
				font-size: 20px;
				font-weight: 600;
				width: 100%;
				text-decoration: none;
				margin-bottom: 5px !important;
				padding-top: 10px;
				display: block;
				border-top: 1px solid #d9d9d9;
				
				strong {
					color: inherit;
					font: inherit;
				}
			}
			
			p {
				text-align: left;
				font-size: 16px;
			}
			
			.activationPrices {
				small {
					float: left;
					font-size: 21px;
					line-height: 36px;
				}
				
				strong {
					float: right;
					width: auto;
					font-size: 28px;
				}
			}
		}
	}
}

.price {
	color: #5f7cfb;
	font-size: 60px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	text-align: center;
	margin-top: 50px;
	position: relative;
	width: 100%;
	float: left;

	span {
		color: #000;
		font-size: 18px;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		position: relative;
		top: -10px;
		left: 6px;
	}

	&.spanTop span {
		position: static;
		display: block;
	}
}

.h640 {
	/*height: 640px; */

	.price {
		margin-top: 0;
		position: absolute;
		left: 0;
		bottom: 20px;
	}
}

ul.bullets {
	list-style: none;

	li {
		position: relative;
		padding-left: 15px;
		line-height: 1.3;
		font-size: 18px;
		color: rgba(0, 0, 0, 0.6);

		&:before {
			content: '';
			width: 6px;
			height: 6px;
			background: #5f7cfb;
			position: absolute;
			top: 8px;
			left: 0;
			.radius(100%);
		}
	}
}

.no-relative { position: static !important; }

.buttons {
	width: 520px;
	margin: 30px auto;
	text-align: center;
	
	&.wider {
		width: 100%;
	}

	a.button {
		display: inline-block;
		margin: 0 10px;

		&.blue {
			background: #5f7cfb;
			color: #fff;
		}
	}
	
	&.smaller-buttons {
		a.button {
			width: 155px;
			height: 40px;
			padding-top: 10px;
		}
	}
}

.blok {
	width: 96%;
	height: 400px;
	margin: 2% auto;
	background-repeat: no-repeat;
	background-position: center center;

	&.bgPosLeft { background-position: left center; }

	&.h570 { height: 570px; }
	&.small { height: 177px; }

	h2 {
		font-size: 25px;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 700;
		color: #fff;
		margin-top: 100px;
		text-align: center;
		text-transform: uppercase;
		font-weight: normal;
		width: 100%;
		float: left;
		margin-bottom: 30px;
	}

	p {
		width: 100%;
		max-width: 700px;
		margin: 30px auto;
		text-align: center;
		color: rgba(255,255,255,0.9);
	}

	&.more-text {

		h2 {
			margin-top: 60px;
		}
	}

	a {
		color: inherit;
	}

	.wrap {
		width: 100%;
		max-width: 680px;
		margin: 0 auto;
		text-align: left;
	}

	.posLeft {
		width: 100%;
		max-width: 680px;
		float: left;
		margin-left: 50px;
		text-align: left;

		h2, .wrap, .wrap p { text-align: left; }
	}

	ol, ul {
		font-size: 18px;
		color: rgba(255,255,255,0.9) !important;
		line-height: 1.3;
		list-style: inside decimal;

		li {
			color: inherit !important;
			margin-bottom: 0 !important;
		}
	}

	ul {
		list-style: inside disc;
	}

	.wideBox {
		width: 45%;
		height: 175px;
		float: left;
		padding-top: 35px;
		border-top: 1px solid rgba(255,255,255,0.3);
		.box_sizing();

		.title {
			font-size: 25px;
			color: #fff;
			font-family: 'Roboto Condensed', sans-serif;
			font-weight: 700;
			text-transform: uppercase;
		}

		.row {
			width: 100%;
			float: left;
			height: 50px;
			line-height: 50px;
			font-size: 18px;
			color: rgba(255,255,255,1);
			font-family: 'Roboto Condensed', sans-serif;
			font-weight: 700;

			label {
				width: 250px;
				display: inline-block;
				font-size: 18px;
				color: rgba(255,255,255,0.9);
				font-family: 'Roboto Condensed', sans-serif;
			}
		}
	}
}

.right { float: right !important; }
.awesome { font-family: 'awesome'; }

.drobeckova {
	width: 100%;
	height: 45px;
	background: rgba(0,0,0,0.3);
	position: absolute;
	overflow: hidden;
	top: 80px;
	left: 0;
	line-height: 45px;
	color: #fff;
	padding-left: 25px;
	font-weight: 100;
	opacity: 1;
	.box_sizing();

	&.hide {
		opacity: 0;
	}

	&.no-bg { background: none; }

	.awesome {
		margin: 0 10px;
	}

	a {
		text-decoration: none;
		color: #fff;
	}
}

.faq {
	width: 100%;
	float: left;

	.w100p {
		list-style: none;
	}

	.mainTitle {
		font-size: 25px;
		color: #5f7cfb;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 700;
		text-transform: uppercase;
	}

	.color-red {
		color: #5f7cfb !important;
		border-color: #5f7cfb !important;

		&:hover {
			background: #5f7cfb !important;
			color: #fff !important;
			border-color: #5f7cfb !important;
		}
	}

	.fRow, .fRowSub {
		width: 100%;
		border-top: 1px solid #d9d9d9;
		padding-top: 20px;
		padding-bottom: 20px;
		max-height: 60px;
		overflow: hidden;
		.box_sizing();
		.transition(0.2s);

		&.bottomLine {
			border-bottom: 1px solid #d9d9d9;
		}

		.fRowTitle {
			font-size: 18px;
			font-family: 'Roboto Condensed', sans-serif;
			font-weight: 700;
			cursor: pointer;
			position: relative;
			padding-right: 80px;
			width: 100%;
			.transition(0.3s);
			.box_sizing();

			.circle {
				margin-top: 0;
				position: absolute;
				right: 0;
				top: -8px;
				/*top: 0;
				bottom: 0;
				margin: auto;*/
			}

			&:hover { color: #5f7cfb; }
		}

		p, ul, ol, .hide {
			width: 90%;
			opacity: 0;
			pointer-events: none;
			margin-top: 15px;
			.transition(0.3s);
		}

		.fRow.active .fRow p {
			opacity: 0 !important;
			pointer-events: none !important;
		}

		&.active {
			max-height: 3500px;

			.fRowTitle { color: #5f7cfb }

			p, ul, ol, .hide {
				opacity: 1;
				pointer-events: all;
			}

			.fRow.active .fRow.active p {
				opacity: 1 !important;
				pointer-events: all !important;
			}

			.w100p .fRow .fRowTitle { color: #000 !important; }

			.fRow:hover .fRowTitle, .fRow.active .fRowTitle { color: #5f7cfb !important; }
		}
	}

	.w100p {
		.fRow {
			border-top: 0;
			padding-top: 15px;
			padding-bottom: 15px;
			max-height: 43px;

			p {
				opacity: 0 !important;
				pointer-events: none !important;
			}

			&.active {
				max-height: 500px;

				p {
					opacity: 1 !important;
					pointer-events: all !important;
				}
			}

			.button.circle {
				width: 30px;
				height: 30px;
				padding-top: 7px;
				font-size: 18px;
				display: none;
				.box-shadow(0 2px 2px rgba(102,126,149,0.25));

			}
		}
	}
}

.blue { color: #5f7cfb; }

body.other-pages {

}

footer {
	background: #4d4d4d;

	li.main { color: #fff !important; }
	li a, .copyright { color: rgba(255,255,255,0.6) !important; }
}

.sluzba-buttons {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 0;

	li {
		display: inline-block;
		list-style: none;
		border-right: 3px solid #fff;

		a.button {
			background: #5f7cfb;
			color: #fff;
			padding-top: 19px !important;
			.box_sizing();
			.radius(10px);
		}

		a.button.active, a.button:hover {
			color: #fff !important;
			background: #B9D532 !important;
			border-color: #B9D532 !important;
			/*.box-shadow(0 -10px 10px rgba(102,126,149,0.25));*/
		}
	}

	&.years {
		white-space: nowrap;
		padding-top: 50px;

		li {
			width: 170px;

			a {
				width: inherit;
			}
		}
		
		a.button.active, a.button:hover {
			background: #B9D532 !important;
			border-color: #B9D532 !important;
		}
	}
}

.wrapper-programs {
	.sluzba-buttons {
		.button:hover, .button.active {
			background: #5f7cfb !important;
			border-color: #5f7cfb !important;
		}
	}
}

.sluzba-section {
	width: 100%;
	min-height: 200px;
	float: left;
	margin-bottom: 50px;
	padding-top: 25px;
	position: relative;
	z-index: 1;
}

.none { display: none; }

.mobileTarifs {
	width: 100%;
	float: left;
	text-align: center;
	margin-bottom: 30px;
	font-size: 0;
	.radius(10px);
	.box-shadow(0 5px 10px rgba(102,126,149,0.25));

	.mobileT {
		width: 220px;
		height: 800px;
		display: inline-block;
		padding: 20px 20px;
		position: relative;
		border-right: 1px solid #E0E0E0;
		.box_sizing();
		
		&:last-child {
			border-right: 0;
		}

		.title {
			color: #5f7cfb;
			font-size: 25px;
			font-family: 'Roboto Condensed', sans-serif;
			font-weight: 700;
			text-transform: uppercase;
			text-align: center;
			margin-bottom: 30px;
			position: relative;
			width: 100%;
			float: left;

			span {
				position: absolute;
				top: -20px;
				font-size: 15px;
				font-family: 'Roboto Condensed', sans-serif;
			}
		}

		.button {
			position: absolute;
			left: 0;
			right: 0;
			margin: auto;
			bottom: 20px;
			width: 90%;
			background: #B9D532;
			border-color: #B9D532;
			text-transform: uppercase;
			font-weight: 700;
			color: #fff;
			.radius(5px);
			
			&:hover {
				background: #5f7cfb;
				border-color: #5f7cfb;
			}
		}

		.row {
			width: 100%;
			height: 50px;
			border-top: 1px solid #d9d9d9;
			float: left;
			font-size: 18px;
			font-family: 'Roboto Condensed', sans-serif;
			font-weight: 700;
			line-height: 50px;
			text-align: left;
			position: relative;

			img {
				position: absolute;
				top: 0;
				bottom: 0;
				right: 0;
				margin: auto;
			}

			&.bottomLine { border-bottom: 1px solid #d9d9d9; }

			label {
				color: #666666;
				font-size: 15px;
				width: 100px;
				display: inline-block;
				line-height: 1.2;
				text-align: left;
				margin-top: 8px;
				font-family: 'Roboto Condensed', sans-serif;
			}

			strong {
				position: absolute;
				top: 0;
				bottom: 0;
				margin: auto;
				right: 0;
			}
		}
	}
}

.blackTxt {
	color: #000;
	
	p, div, strong, .borderTopBox, ul, li, h2 { color: #000 !important; }
	
	.borderTopBoxes {
		height: 125px;
		border-top: 1px solid #ECECEC !important;
		border-bottom: 1px solid #ECECEC !important;
		
		.borderTopBox { width: 130px; }
	}
}
strong.bigger { font-size: 25px; }

.borderTopBoxes {
	width: 100%;
	float: left;
	text-align: center;
	margin: 25px 0;
	vertical-align: top;

	.borderTopBox {
		width: 140px;
		height: 105px;
		padding: 0 5px;
		display: inline-block;
		padding-top: 10px;
		border-top: 1px solid rgba(255, 255, 255, 0.3);
		color: rgba(255, 255, 255, 0.6);
		text-align: center;
		font-size: 18px;
		vertical-align: top;
		margin: 0 10px;
		.box_sizing();

		strong {
			display: block;
			width: 100%;
			text-align: center;
			color: #fff;
			margin: 7px 0 0;
			font-size: 25px;
		}

		small {
			font-size: 15px;
			color: inherit;
		}
	}
}

.load_google_map, #load_google_map2 {
	width: 100%;
	padding-top: 0;
	margin-bottom: -50px;
	
	/*
	padding: 20px;
	margin-bottom: 25px;
	background: #fff;
	.box_sizing();
	.box-shadow(0 10px 10px rgba(102,126,149,0.25));
	*/
}

#map_canvas, #map_canvas2, #map_canvas3 {
	width: 100%;
	height: 600px;
}

.wholeBox {
	width: 100%;
	height: 805px;
	float: left;
	margin-bottom: 25px;
	padding: 20px;
	padding-bottom: 0;
	background: #fff;
	position: relative;
	.box_sizing();
	.box-shadow(0 10px 10px rgba(102,126,149,0.25));

	table {
		width: 100%;
		border-collapse: collapse;
		margin-top: 25px;

		td {
			height: 50px;
			border-top: 1px solid #d9d9d9;
			vertical-align: middle;
			font-size: 15px;
			color: rgba(0, 0, 0, 0.6);

			strong {
				color: #000;
				font-size: 18px;
			}
		}

		tr td:nth-child(1) { width: 420px; }
		tr td:nth-child(2), tr td:nth-child(4) { width: 150px; text-align: center; }
		tr td:nth-child(3) { width: 70px; text-align: center; }
	}

	.price {
		position: absolute;
		pointer-events: none;
		margin-top: 0;
	}
	
	.abs-bottom {
		bottom: 35px !important;
	}
}

.abs-bottom {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
}

.sl30 {
	width: 35%;
	float: left;
}

.timeline {
	width: 100%;
	height: 100%;
	min-height: 200px;
	position: relative;
	float: left;
	margin-top: 50px;

	&:before {
		content: '';
		width: 1px;
		height: 100%;
		height: calc(~"100% - 50px");
		background: #e5e5e5;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		margin: auto;
	}

	.half {
		width: 50%;
		float: left;
		position: relative;
		text-align: right;
		padding: 0 40px;
		.box_sizing();

		.time {
			width: 100%;
			margin-bottom: 90px;
		}

		.year {
			font-size: 40px;
			color: #5f7cfb;
			font-weight: bold;
			position: relative;
			margin-bottom: 10px;
			.transition(0.3s);

			&:after {
				content: '';
				width: 11px;
				height: 11px;
				background: #B9D532;
				position: absolute;
				top: 14px;
				right: -46px;
				.radius(100%);
			}
		}

		.time:hover {
			/*.year { color: #B9D532; }*/
		}

		&:nth-child(2) {
			padding-top: 80px;
			text-align: left;

			.year:after {
				right: auto;
				left: -45px;
			}
		}
	}
}

.autoWidth {
	width: auto !important;
	max-width: 100% !important;
}

.mb0 { margin-bottom: 0 !important; }
.mb25 { margin-bottom: 25px !important; }

.wide {
	width: 800px;
	margin-top: 50px;
}

/*
article {
	width: 100%;
	float: left;
	border-bottom: 1px solid #d9d9d9;
	padding-top: 50px;
	overflow: hidden;
	max-height: 130px;
	.transition(0.3s);

	h2 a {
		text-decoration: none;
		color: #5f7cfb;
		text-transform: uppercase;
		.transition(0.3s);
	}

	h2 {
		margin-bottom: 15px;
	}

	.created {
		width: 100px;
		height: 100%;
		float: left;
		text-align: center;
		.transition(0.3s);

		strong {
			display: block;
			font-size: 40px;
			color: #5f7cfb;
			font-weight: bold;
			.transition(0.3s);
		}

		small {
			display: block;
			font-size: 15px;
			font-weight: bold;
			color: rgba(0,0,0,0.5);
		}
	}

	.actual-text {
		width: 950px;
		width: calc(~"100% - 100px");
		float: right;
		position: relative;

		a {
			color: #5f7cfb;
		}

		table {
			margin: 25px 0;
			border-spacing: 0;

			th {
				background-color: #969696;
				border-left: solid 1px #aaa;
				border-bottom: solid 1px #aaa;
				font-weight: 500;
				color: white;

				strong {
					color: #fff !important;
				}
			}

			td, th {
				padding: 10px;
				margin: 0px;
				font-size: 18px;
				color: rgba(0, 0, 0, 0.6);

				strong {
					color: inherit;
					font-size: inherit;
				}

				p {
					width: auto !important;
				}
			}

			caption {
				padding-bottom: 5px;
				font-size: 1.2em;
				font-weight: bold;
				text-align: center;
			}

			td {
				background-color: #ececec;
				border-left: solid 1px #f6f6f6;
				border-bottom: solid 1px #f6f6f6;
			}
		}
	}

	.button.circle {
		position: absolute;
		right: 0;
		top: 0;
		margin-top: 0;
	}

	p {
		width: 800px;
		width: calc(~"100% - 250px");
	}

	&.active {
		max-height: 5000px;
		.transition(0.3s);
		.button.circle {

			&:hover { color: #fff !important; }
		}
	}
}
*/

article {
	width: 100%;
	float: left;
	border-bottom: 1px solid #d9d9d9;
	
	h2 {
		a { text-decoration: none; }
	}
	
	.created {
		font-size: 16px;
		color: #7F7F7F;
		margin-bottom: 10px;
	}
	
	.left {
		width: 50%;
		float: left;
	}
	
	.right {
		width: 50%;
		float: right;
		
		.img {
			width: 90%;
			height: 220px;
			float: right;
			background-repeat: no-repeat;
			background-size: cover;
		}
	}
	
	.actual-text {
		width: 100%;
		float: left;
		margin-top: 10px;
	}
}

.smallest-wrapper {
	.input, textarea {
		margin: 0 auto 10px;
		display: block;
		float: left;
		width: 49.1%;
	}

	#ContactFormText1Value {
		float: right !important;
	}

	textarea {
		width: 100%;
	}
}

.lighter-ul {
	#showMoreActuals {
		float: left;
		height: 43px;
		padding-top: 12px;
		margin-top: 75px !important;
	}	
	
	.sluzba-buttons.years {
		text-align: right;
		width: 70%;
		float: right;
	}
	
	.sluzba-buttons.years li {
		width: 110px;
		
		a {
			height: 43px;
			padding-top: 12px !important;
		}
	}
}

#items {
	table {
		margin: 25px 0;
		border-spacing: 0;

		th {
			background-color: #969696;
			border-left: solid 1px #aaa;
			border-bottom: solid 1px #aaa;
			font-weight: 500;
			color: white;

			strong {
				color: #fff !important;
			}
		}

		td, th {
			padding: 10px;
			margin: 0px;
			font-size: 18px;
			color: rgba(0, 0, 0, 0.6);

			strong {
				color: inherit;
				font-size: inherit;
			}

			p {
				width: auto !important;
			}
		}

		caption {
			padding-bottom: 5px;
			font-size: 1.2em;
			font-weight: bold;
			text-align: center;
		}

		td {
			background-color: #ececec;
			border-left: solid 1px #f6f6f6;
			border-bottom: solid 1px #f6f6f6;
		}
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1100px) {
	.button { line-height: 62px; }
	.button.circle { line-height: 2; }
	.mainImg .blackRow ul li a.button { line-height: 64px; }

	input.button {
		padding-top: 8px !important;
	}
	
	.line {
		input.button {
			top: -35px !important;
		}
	}
}

.displayBlock { display: block; }

#klz {
	.middleText {
		vertical-align: top;
		
		h1 { margin-top: 45px; }
	}
}

.article_title {
	a { color: inherit; }
}

#login-section {
	position: absolute;
	right: 0;
	left: 0;
	width: 860px;
	height: 150px;
	top: 235px;
	margin: auto;
	background: #fff;
	text-align: center;
	.radius(5px);
	
	&.chciPodu {
		width: 960px;
		top: 335px;
	}

	input {
		display: inline-block !important;
		margin-top: 40px;
	}
	
	.pt30 {
		padding-top: 30px;
	}
	
	.pt5 {
		padding-top: 5px;
	}
	
	.w100p {
		width: 90% !important;
		float: left;
		color: #fff;
		background: #B9D532;
		border-color: #B9D532;
		text-transform: uppercase;
	}
	
	/*
	a {
		font-size: 13px;
		position: absolute;
		bottom: 25px;
		right: 70px;
	}*/
}

.input, textarea, select.text {
	width: 230px;
	height: 55px;
	line-height: 55px;
	border: 1px solid #d9d9d9;
	font-size: 18px;
	color: #000;
	padding: 0 20px;
	margin-right: 12px;
	background: rgb(234,234,234);
	background: -moz-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(255,255,255,1) 43%);
	background: -webkit-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(255,255,255,1) 43%);
	background: linear-gradient(to bottom, rgba(234,234,234,1) 0%,rgba(255,255,255,1) 43%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 );
	.box_sizing();

	&.long {
		width: 100% !important;
	}
	
	&.isEmpty {
		border-color: #be000a;
	}
}

select.text {
	width: 280px;
	background: rgb(234,234,234);
	background: url('/css/layout/icons/arrow.png'), -moz-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(255,255,255,1) 43%);
	background: url('/css/layout/icons/arrow.png'), -webkit-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(255,255,255,1) 43%);
	background: url('/css/layout/icons/arrow.png'), linear-gradient(to bottom, rgba(234,234,234,1) 0%,rgba(255,255,255,1) 43%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 );
	background-position: right center;
	background-repeat: no-repeat;
	margin-right: 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	.radius(0);
}

textarea {
	height: 200px !important;
	resize: none;
	line-height: 1.5;
	padding-top: 10px;
	.box_sizing();
}

.contacts {
	.input {
		margin-right: 0;
	}
}

.findServices {
	height: 80px;
	opacity: 1;
	pointer-events: all;
	.transition(0.5s);

	input {
		display: inline-block !important;
		margin-bottom: 40px;
		//margin-right: 5px !important;
		position: relative;
		top: -40px;
		width: 230px;
		height: 55px;
		line-height: 55px;
		border: 1px solid #d9d9d9;
		font-size: 18px;
		color: #000;
		padding: 0 20px;
		//margin-right: 12px;
		background: #eaeaea;
		background: -moz-linear-gradient(top, #eaeaea 0%, #ffffff 43%);
		background: -webkit-linear-gradient(top, #eaeaea 0%, #ffffff 43%);
		background: linear-gradient(to bottom, #eaeaea 0%, #ffffff 43%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#ffffff', GradientType=0);
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	&.searchAddr, &.searchAddr1{
		width: 250px;
	}
	&.searchAddr2{
		width: 100px;
	}

	&.hidden {
		opacity: 0;
		pointer-events: none;
	}
	
	.wrapper-relative, form { height: 90px; }
}

.auto_search_result {
	z-index: 10;
}

.line .mainButtons { height: 80px; }

.w100 { width: 100px; }
.w100p { width: 100% !important; }

.bankovni-spojeni {
	width: 100%;
	height: 100px;
	float: left;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	list-style: none;
	text-align: center;
	margin-top: 30px;

	li {
		display: inline-block;
		margin: 0 35px;
		color: #8d8d8d;
		font-size: 18px;
		padding-top: 40px;
		.box_sizing();

		strong {
			color: #5f7cfb;
			display: block;
			margin-bottom: 7px;
			font-size: 18px;
		}
	}
}

.obchodnici-table {
	width: 100%;
	float: left;
	margin: 25px 0 20px;
	border-top: 1px solid #d9d9d9;
	border-collapse: collapse;

	tr {
		td {
			border-bottom: 1px solid #d9d9d9;
			padding: 10px 0;
			font-size: 18px;
			color: rgba(0,0,0,0.5);

			strong {
				color: #000;
			}

			.blue {
				color: #5f7cfb !important;
			}
		}

		.txt-right { text-align: right; }
	}
	
	tr {
		td:nth-child(1) { width: 105px; }
		td:nth-child(2) { width: 305px; }
		td:nth-child(3) { width: 105px; }
	}

	img {
		width: 65px;
		height: 65px;
		.radius(100%);
	}
}

.gm-style .gm-style-iw h3 {
	font-size: 21px;
	margin-bottom: 10px;
}

.gm-style-iw {
	label {
		display: inline-block;
		width: 150px;
		font-weight: bold;
	}
}

.white-places {
	width: 100%;
	height: 280px;
	background: #fff;
	float: left;
	position: relative;
	z-index: 9;

	.button {
		display: inline-block !important;
	}

	form {
		text-align: center;
	}

	.title {
		text-align: center;
		font-size: 60px;
	}
}

.h270 {
	height: 270px !important;
	background-attachment: scroll;

	.middleText {
		margin-top: 105px;
	}
}

#body.main-page {
	.mainImg { height: inherit !important; }
}

hr {
	margin-bottom: 20px;
	background: #d9d9d9;
	border: 0;
	height: 1px;
}

.agree {
	input[type="checkbox"]:not(:checked),
	input[type="checkbox"]:checked {
	  position: absolute;
	  left: -9999px;
	}
	input[type="checkbox"]:not(:checked) + label,
	input[type="checkbox"]:checked + label {
	  position: relative;
	  padding-left: 1.95em;
	  cursor: pointer;
	  float: right;
	  color: rgba(0,0,0,0.6);
	}

	/* checkbox aspect */
	input[type="checkbox"]:not(:checked) + label:before,
	input[type="checkbox"]:checked + label:before {
	  content: '';
	  position: absolute;
	  left: 0; top: 0;
	  width: 1.25em; height: 1.25em;
	  border: 1px solid #C6C6C6;
	  background: #fff;
	}
	/* checked mark aspect */
	input[type="checkbox"]:not(:checked) + label:after,
	input[type="checkbox"]:checked + label:after {
	  content: '\f00c';
	  font-family: 'awesome';
	  position: absolute;
	  top: 6px; left: 5px;
	  font-size: 12px;
	  line-height: 0.8;
	  color: #5f7cfb;
	  transition: all .2s;
	}
	/* checked mark aspect changes */
	input[type="checkbox"]:not(:checked) + label:after {
	  opacity: 0;
	  transform: scale(0);
	}
	input[type="checkbox"]:checked + label:after {
	  opacity: 1;
	  transform: scale(1);
	}
	/* disabled checkbox */
	input[type="checkbox"]:disabled:not(:checked) + label:before,
	input[type="checkbox"]:disabled:checked + label:before {
	  box-shadow: none;
	  border-color: #bbb;
	  background-color: #ddd;
	}
	input[type="checkbox"]:disabled:checked + label:after {
	  color: #999;
	}
	input[type="checkbox"]:disabled + label {
	  color: #aaa;
	}

	&.labels {
		input[type="checkbox"]:not(:checked) + label, input[type="checkbox"]:checked + label {
			float: left;
			margin-bottom: 10px;
			line-height: 1.3;
		}
	}
}

.searchPoda {
	opacity: 1;
	pointer-events: all;
	.transition(0.3s);
}

.searchPoda.hide {
	opacity: 0;
	pointer-events: none;
	.transition(0.3s);
}

.inline-button {
	.button {
		display: inline-block !important;
	}
}

.shadow-line {
	width: 100%;
	height: 10px;
	background: #fff;
	float: left;
	margin: 20px 0;
	-webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
	-ms-box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
	box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
}

.dblock { display: block !important; }

.load_contact_form.preloader {
	width: 100%;
	height: 200px;
	background: url('/css/layout/icons/bars.svg') no-repeat center center;
}

.table {
	margin: 25px 0;
	border-spacing: 0;
	border: 1px solid #aaa;

	th {
		background-color: #979797;
		border-left: solid 1px #aaa;
		border-bottom: solid 1px #aaa;
		font-weight: 500;
		color: white;

		strong {
			color: #fff !important;
		}
	}

	td, th {
		padding: 10px;
		margin: 0px;
		font-size: 18px;
		color: rgba(0, 0, 0, 0.6);
		border-bottom: 1px solid #aaa;

		strong {
			color: inherit;
			font-size: inherit;
		}

		p {
			width: auto !important;
		}
	}

	caption {
		padding-bottom: 5px;
		font-size: 1.2em;
		font-weight: bold;
		text-align: center;
	}

	td {
		background-color: #ececec;
		border-left: solid 1px #f6f6f6;
		border-bottom: solid 1px #f6f6f6;
	}
}

.boxes {
	width: 100%;
	float: left;
	margin-top: 50px;
	text-align: center;

	.pBox {
		width: 250px;
		height: 210px;
		background: #fff;
		display: inline-block;
		margin: 10px;
		color: #5f7cfb;
		font-size: 18px;
		line-height: 1.3;
		padding-top: 120px;
		text-transform: uppercase;
		font-weight: bold;
		cursor: pointer;
		text-decoration: none;
		.box-shadow(0 10px 10px rgba(102,126,149,0.25));
		.transition(0.3s);
		.box_sizing();

		&:nth-child(1) { background: #fff url('/css/layout/icons/navody-icon.png') no-repeat center 30px; }
		&:nth-child(2) { background: #fff url('/css/layout/icons/faq-icon.png') no-repeat center 30px; }
		&:nth-child(3) { background: #fff url('/css/layout/icons/pripojeni-icon.png') no-repeat center 30px; }
		&:nth-child(4) { background: #fff url('/css/layout/icons/platby-icon.png') no-repeat center 30px; }
		&:nth-child(5) { background: #fff url('/css/layout/icons/klient-icon.png') no-repeat center 30px; }
		&:nth-child(6) { background: #fff url('/css/layout/icons/servis-icon.png') no-repeat center 30px; }
		&:nth-child(7) { background: #fff url('/css/layout/icons/podminky-icon.png') no-repeat center 30px; }
		&:nth-child(8) { background: #fff url('/css/layout/icons/vernostni-icon.png') no-repeat center 30px; }

		&:hover {
			.box-shadow(0px 0px 10px rgba(102,126,149,0.45));
		}
	}

	&.faq-icons {
		.pBox {
			&:nth-child(1) { background: #fff url('/css/layout/icons/internet-blue.png') no-repeat center 50px; }
			&:nth-child(2) { background: #fff url('/css/layout/icons/tv-blue.png') no-repeat center 50px; }
			&:nth-child(3) { background: #fff url('/css/layout/icons/blue-mobile-icon.png') no-repeat center 50px; }
			&:nth-child(4) { background: #fff url('/css/layout/icons/dotazy-icon.png') no-repeat center 50px; }
		}
	}

	&.platba-icons {
		vertical-align: top;

		.pBox {
			vertical-align: top;

			&:nth-child(1) { background: #fff url('/css/layout/icons/internet-blue.png') no-repeat center 50px; }
			&:nth-child(2) { background: #fff url('/css/layout/icons/podminky-icon.png') no-repeat center 50px; }
			&:nth-child(3) { background: #fff url('/css/layout/icons/servis-icon.png') no-repeat center 50px; }
			&:nth-child(4) { background: #fff url('/css/layout/icons/platby-icon.png') no-repeat center 50px; }
		}
	}

	&.firmy {
		.pBox {
			&:nth-child(1) { background: #fff url('/css/layout/icons/pevny-icon.png') no-repeat center 50px; }
			&:nth-child(2) { background: #fff url('/css/layout/icons/wifi-icon.png') no-repeat center 30px; }
			&:nth-child(3) { background: #fff url('/css/layout/icons/televize-icon.png') no-repeat center 50px; }
			&:nth-child(5) { background: #fff url('/css/layout/icons/blue-mobile-icon.png') no-repeat center 30px; }
			&:nth-child(6) { background: #fff url('/css/layout/icons/volani-icon.png') no-repeat center 30px; }
		}
	}
}

.max775 { max-width: 775px !important; }

.googleChart {
	background: #fff;
	height: 450px;
	margin-top: 30px;
	.box-shadow(0 10px 10px rgba(102,126,149,0.25));
	.box_sizing();
}

#arrow_bottom_sipka {
	background: none !important;
	font-family: 'awesome';
	font-size: 66px;
	color: #fff;
	width: 200px;
	height: 70px;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	cursor: pointer;
	z-index: 0;
	text-shadow: 0px 0px 12px rgba(0,0,0,0.25);
	bottom: 60px;
	-webkit-animation: sipka 2s infinite; /* Safari 4+ */
	-moz-animation:    sipka 2s infinite; /* Fx 5+ */
	-o-animation:      sipka 2s infinite; /* Opera 12+ */
	animation:         sipka 2s infinite;
}

@keyframes sipka {
  0%   { opacity: 0; bottom: 60px; }
  10% { opacity: 1; }
  90% { opacity: 0; }
  100% { opacity: 0; bottom: 0; }
}

@-moz-keyframes sipka {
  0%   { opacity: 0; bottom: 60px; }
  10% { opacity: 1; }
  90% { opacity: 0; }
  100% { opacity: 0; bottom: 0; }
}

@-webkit-keyframes sipka {
  0%   { opacity: 0; bottom: 60px; }
  10% { opacity: 1; }
  90% { opacity: 0; }
  100% { opacity: 0; bottom: 0; }
}

@-ms-keyframes sipka {
  0%   { opacity: 0; bottom: 60px; }
  10% { opacity: 1; }
  90% { opacity: 0; }
  100% { opacity: 0; bottom: 0; }
}

.fstBox {
	width: 100% !important;
	left: 0 !important;
	top: auto !important;
	bottom: 0;
	padding: 20px 10px !important;
	background-color: #09910a !important;
	border-color: #09910a !important;
	color: #fff;
	text-align: center;
	.box_sizing();

	div {
		display: inline-block;
		float: none !important;
		font-size: 26px !important;
		color: #fff;
	}

	.fstBox_ico:before {
		content: '\f00c' !important;
	}
}

.pb25 { padding-bottom: 25px; }

#searchModal {
	position: absolute;
	top: 0;
	right: 55px;
	z-index: 1000;
	width: calc(~"100% - 55px");
	height: 80px;
	background: #fff;
	z-index: 1;

	.button {
		margin-top: 10px !important;
	}

	form {
		width: 90%;
		max-width: 520px;
		float: right;
	}

	.button {
		float: right;
		margin-right: 10px;
		width: 100px;
	}

	#SearchInput {
		float: right;
		width: 60%;
		max-width: 330px;
		height: 55px;
		line-height: 55px;
		margin-right: 20px !important;
		font-size: 18px;
		margin-top: 11px;
		padding-left: 15px;
		outline: none;
		.box_sizing();
	}
}

li.blue {
	h2, a, a strong, strong { color: #5f7cfb; }
}

@keyframes swing {
    0% {
	    top: 0;
    }

    20% {
	   top: 4px;
    }

    40% {
	    top: -3px;
    }

    80% {
	    top: 7px;
    }

    100% {
	    top: 0;
    }
}

@-moz-keyframes swing {
    0% {
	    top: 0px;
    }

    20% {
	   top: 4px;
    }

    40% {
	    top: -3px;
    }

    80% {
	    top: 7px;
    }

    100% {
	    top: 0px;
    }
}

@-webkit-keyframes swing {
    0% {
	    top: 0px;
    }

    20% {
	    top: 4px;
    }

    40% {
	    top: -3px;
    }

    80% {
	    top: 7px;
    }

    100% {
	    top: 0px;
    }
}

@-ms-keyframes swing {
    0% {
	    top: 0px;
    }

    20% {
	   top: 4px;
    }

    40% {
	    top: -3px;
    }

    80% {
	    top: 7px;
    }

    100% {
	    top: 0px;
    }
}

.piktograms {
	width: 100%;
	float: left;
	text-align: center;

	.piktogram {
		width: 60px;
		height: 40px;
		position: relative;
		display: inline-block;
		background-size: cover;

		&.mych5 { background: url('/uploaded/piktogramy/mych5.png') no-repeat center center; }
		&.mych8 { background: url('/uploaded/piktogramy/mych8.png') no-repeat center center; }
		&.mych10 { background: url('/uploaded/piktogramy/mych10.png') no-repeat center center; }
		&.mych13 { background: url('/uploaded/piktogramy/mych13.png') no-repeat center center; }
		&.mych15 { background: url('/uploaded/piktogramy/mych15.png') no-repeat center center; }
		&.mych30 { background: url('/uploaded/piktogramy/mych30.png') no-repeat center center; }
		&.podaNet { background: url('/uploaded/piktogramy/podaNET-TV.png') no-repeat center center; }
		&.sim { background: url('/uploaded/piktogramy/sim.png') no-repeat center center; }
		
		.tooltip {
			width: 130px;
			padding: 5px 10px;
			background: #5f7cfb;
			position: absolute;
			color: #fff;
			top: -35px;
			left: -25px;
			opacity: 0;
			z-index: 100;
			pointer-events: none;
			.transition(0.3s);
			.radius(5px);
			
			&:before {
				content: '';
				width: 100%;
				height: 20px;
				position: absolute;
				bottom: -20px;
				left: 0;
			}
			
			&:after {
				content: '';
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 10px 10px 0 10px;
				border-color: #5f7cfb transparent transparent transparent;
				position: absolute;
				left: 43px;
				bottom: -10px;
			}
			
			a { color: inherit; }
		}
		
		&:hover {
			.tooltip { opacity: 1; pointer-events: all; }
		}
	}
}

.smallBoxes {
	width: 100%;
	float: left;
	text-align: center;

	li {
		width: 100px;
		vertical-align: top;
		margin: 0 3px;
		display: inline-block;
		list-style: none;
		color: #5f7cfb !important;
		cursor: pointer;

		.b {
			width: 100px;
			height: 100px;
			background: #fff;
			margin-bottom: 15px;
			.box-shadow(0 10px 10px rgba(102,126,149,0.25));
			pointer-events: none;
			.radius(5px);
			.transition(0.3s);
		}
		
		&:hover {
			.b {
				.box-shadow(0px 0px 20px rgba(102,126,149,0.25));
			}
		}

		&:nth-child(4) .b { background: url('/uploaded/ikony/01-pauza.png') no-repeat center; }
		&:nth-child(3) .b { background: url('/uploaded/ikony/02-spusteni.png') no-repeat center; }
		&:nth-child(2) .b { background: url('/uploaded/ikony/03-nahravani.png') no-repeat center; }
		&:nth-child(1) .b { background: url('/uploaded/ikony/04-archiv.png') no-repeat center; }
		&:nth-child(5) .b { background: url('/uploaded/ikony/05-pruvodce.png') no-repeat center; }
		&:nth-child(6) .b { background: url('/uploaded/ikony/06-samoobsluha.png') no-repeat center; }
		&:nth-child(10) .b { background: url('/uploaded/ikony/07-titulky.png') no-repeat center; }
		&:nth-child(7) .b { background: url('/uploaded/ikony/08-seznamy.png') no-repeat center; }
		&:nth-child(8) .b { background: url('/uploaded/ikony/09-rozkoukane.png') no-repeat center; }
		&:nth-child(9) .b { background: url('/uploaded/ikony/10-sdileni.png') no-repeat center; }
	}
}

.lineBox {
	width: 100%;
	height: 500px;
	float: left;
	border-top: 1px solid #e8ecff;
	background-position: right center;
	background-repeat: no-repeat;
	
	&:nth-child(even) {
		background-color: #f7f8ff;
		background-position: left center;
	}
	
	img {
		margin-bottom: 10px;
		margin-left: 5px;
	}
	
	p {
		font-size: 16px;
	}
	
	.button {
		height: 35px;
		padding-top: 8px;
		width: 155px;
		margin-top: 10px;
	}

	.wrapper { height: 100%; }
	&.h700 { height: 700px; }

	.g-row {
		display: table-cell;
		vertical-align: middle;
		width: 75%;
		margin: 0 auto;
		text-align: left;
		
		.mt25 { margin-top: 10px !important; }
	}

	.half {
		width: 50%;
		height: 100%;
		float: left;
		position: relative;
		display: table;
	}
}

.gm-style-iw label { width: auto !important; padding-right: 10px; }

img.block { display: block; }
img.center { margin: auto; }
img.mt100 { margin-top: 100px; }

.huge { font-size: 160px; }

#banner {
	width: 100%;
	height: 270px;
	float: left;
	background-size: cover;
	position: relative;
	overflow: hidden;
	
	.img {
		position: absolute;
		top: 0;
		left: 0;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
		display: block;
	}
}

.blueList {
	list-style: none;
	counter-reset: item;
	
	li {
		position: relative;
		padding-left: 35px;
		
		&:before {
			position: absolute;
			width: 25px;
			height: 25px;
			background: #5f7cfb;
			line-height: 25px;
			text-align: center;
			content: counter(item) " ";
			counter-increment: item;
			color: #fff;
			left: 0;
			top: 0px;
			.radius(4px);
		}
	}
}

.mt100 { margin-top: 100px; }

.title-blue {
	font-size: 30px;
	color: #5f7cfb;
}

.sluzba-buttons li .button.noBgColor { 
	background: #fff !important; 
	color: #5f7cfb !important; 
	margin: 25px 10px !important;
	
	&:hover {
		background-color: #5f7cfb !important;
		color: #fff !important;
		border-color: #5f7cfb !important;
	}
}

#ContactForm4 {
	select#ContactFormText6Value { display: none; }
}

.sluzba-section {
	.table-striped {
		 tr td:nth-child(1) {
			 background: #B9D532 !important;
		 }
	}
}