/*
Theme Name: nuDesign One
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: nuDesign
Author URI: https://www.nudesign.cz
Description: First theme by nuDesign
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: nuDesign, theme, onepage
Text Domain: nuDesign

This theme, like WordPress, is licensed under the GPL.
*/

@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin-ext';

body {
  background-color: #FFFFFF;
  font-family: 'Open Sans', sans-serif;
	font-weight: 400;
  font-size: 18px;
  line-height: 161%;
  color: #000000;
  overflow-y: scroll;
 /* overflow-x: hidden; */
}
.page {
	width: 100%;
		/*min-width: 1200px;  /* for width to 1200 - remove for responsive */
	position: relative;
}
.fullscreen {
	height: 100%; 
	min-height: 100%; 
	width: 100%;
	min-width: 100%;
}
.yellowstripe {
	background-color: #FEBE29;
	min-width: 100%;
	height: 5px;
}
a, a:active, a:visited {
	color: #000000;	
}
a:hover {
	color: #FEBE29;
}
h1 {
	font-size: 62px;
	line-height: 100%;
	font-weight: 300;
	color: #666666;
	padding: 73px 0 45px 0;
	text-transform: uppercase;
	text-align: center;
}
p {
	padding: 0px 0 10px 0;
	margin: 0;
	text-align: justify;
	line-height: 161%;
}
p a:hover {
	color: #E7A201;
	text-shadow: 2px 2px 2px #FFFFFF;
}
strong {
	font-weight: 700;
	color: #303030;
}
.clearfix:after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}
.container {
	margin: 0px 80px 0 80px;
}
.perc33width {
	float: left;
	width: 33.3%;	
}
.perc50width {
	float: left;
	width: 50%;	
}
.perc25width {
	float: left;
	width: 25%;	
}
.perc100width {
	float: left;
	width: 100%;	
}
.centerblock {
	display: table;
	margin: 0 auto;
}
.left {float: left;}
.right {float: right; text-align: right;}
.upper {text-transform: uppercase;}

/* ================================= home =================================*/
@keyframes animatedSky {
	from { background-position-x: 0px; }
	to { background-position-x: 1920px; }
}
#home {
	background-image: url('media/sky.jpg');
	background-repeat: repeat-x;
	background-position: 0px center;
	background-attachment: fixed; 
  background-size: cover;
  /* animation: animatedSky 320s linear infinite; */
}
#craneimage {
	background: url('media/crane-Liebher-LTM1030.png') no-repeat center center scroll; 
  background-size: cover;
  position: relative;
}
#hometitle {
	padding: 50px 80px 50px 80px;
	position: absolute;
  right: 0px;
  top: 11%;
  background-color:rgba(0,0,0, 0.5);
  text-align: right;
}
#home h1 {
	font-weight: 300;
	font-size: 74px;
	line-height: 100%;
	color: #FEBE29;
	margin: 0;
	padding: 0;
	text-shadow: 0px 0px 3px #000000;
	text-transform: none;
}
#home h2 {
	font-weight: normal;
	font-size: 28px;
	line-height: 100%;
	letter-spacing: 10px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-shadow: 0px 0px 15px #000000;
	line-height: 100%;
	padding: 20px 0 0 0;
	margin: 0;
}
#homefooter {
	font-weight: 300;
	font-size: 45px;
	color: #666666;
	position: absolute;
  left: 0px;
  bottom: 0px;
  padding-bottom: 50px;
	width: 100%;
	text-shadow: 2px 2px 6px #FFFFFF;
	line-height: 100%;
}
.city {
	padding-left: 80px;
}
.phone {
	padding-right: 80px;
}
#homearrowarea {
	position: absolute;
	bottom: 0;
	left: 50%;
}
@keyframes animatedArrow {
	from { padding: 20px 30px 55px 30px; }
	to { padding: 30px 30px 45px 30px; }
}
#homearrowarea a{
	position: relative;
	left: -50%;
	padding: 30px;
	display: block;
	animation: animatedArrow 1s ease-in 0s infinite alternate;
	-webkit-transition: background-color 0.8s ease;
	transition: background-color 0.8s ease;
}
#homearrowarea a:hover {
	background-color:rgba(255,255,255, 0.5);
	-webkit-transition: background-color 0.4s ease;
	transition: background-color 0.4s ease;
}
#homearrowarea a:hover #arrowdown {
	border-color: #FEBE29;
	-webkit-transition: none;
	transition: none;
}
#arrowdown {
	border: solid #888888;
	border-width: 0 3px 3px 0;
	display: block;
	width: 30px;
	height: 30px;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	-webkit-transition: border-color 0.8s ease;
	transition: border-color 0.8s ease;
	box-shadow: 2px 2px 5px rgba(255,255,255, 0.5);
	margin: 0 5px 0 5px;
}
@keyframes animatedHook {
	from{transform: rotate(5deg);}
	to{transform: rotate(-5deg);}
}
#cranehook {
	position: absolute;
	left: 0px;
	transform-origin: 50% 0%;
	animation: animatedHook 2s ease-in-out 0s infinite alternate;
}
#stopplaycontainer {
	position: absolute;
	left: 0;
	top: 5px;
	cursor: pointer;
	padding: 35px 40px 35px 40px;
	-webkit-transition: background-color 0.8s ease;
	transition: background-color 0.8s ease;
}
#stopplaycontainer:hover {
	background-color:rgba(255,255,255, 0.30);
	-webkit-transition: background-color 0.4s ease;
	transition: background-color 0.4s ease;
}
#playbutton {
	width: 0; 
	height: 0;
	border: 13px solid transparent;
	border-left: 17px solid #666666;
	border-right: none;
	-webkit-transition: border-color 0.8s ease;
	transition: border-color 0.8s ease;
	display: none;
}
#stopplaycontainer:hover #playbutton {
	border-left-color: #FEBE29;
	-webkit-transition: border-left-color 0.4s ease;
	transition: border-left-color 0.4s ease;
}

#stopbutton div { 
	height: 26px;
	width: 4px;
	background-color: #666666;
	float: left;
	margin: 0 1px 0 1px;
	box-shadow: 2px 2px 5px rgba(255,255,255, 0.3);
	-webkit-transition: background-color 0.8s ease;
	transition: background-color 0.8s ease;
}
#stopbutton div:first-child {
	margin-right: 6px;
}
#stopplaycontainer:hover #stopbutton div {
	background-color: #FEBE29;
	-webkit-transition: background-color 0.4s ease;
	transition: background-color 0.4s ease;
}


/* ================================= new home (dlohodobĂ˝ pronajem) =================================*/
#newhome {
	overflow: hidden;
}
#newhome h1 {
	font-weight: 300;
	font-size: 74px;
	line-height: 100%;
	color: #FEBE29;
	margin: 0;
	padding: 0;
	text-shadow: 0px 0px 3px #000000;
	text-transform: none;
}
#newhome h2 {
	font-weight: normal;
	font-size: 28px;
	line-height: 100%;
	letter-spacing: 10px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-shadow: 0px 0px 15px #000000;
	line-height: 100%;
	padding: 20px 0 0 0;
	margin: 0;
}
#newhome video {
	/*position: absolute; 
	right: 0; 
	bottom: 0;
	min-width: 100%; 
	min-height: 100%;
	width: auto; 
	height: auto; 
	/*z-index: -100;
	background-size: cover;
	overflow: hidden; */
	
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	transform: translateX(-50%) translateY(-50%);
	background-size: cover;
	background-color: #3B74B1;
	overflow: hidden;
}

#homemessage {
	padding: 50px 80px 50px 80px;
	position: absolute;
  left: 0px;
  top: 50%;
  background-color:rgba(0,0,0, 0.7);
  text-align: left;
}
#homemessage h2 {
	color: #FEBE29;
	font-weight: normal;
	font-size: 28px;
	line-height: 100%;
	letter-spacing: 10px;
	text-transform: uppercase;
	text-shadow: 0px 0px 15px #000000;
	line-height: 100%;
	padding: 20px 0 0 0;
	margin: 0;
	text-align: center;
}
#homemessage p {
	color: #FFFFFF;
	text-transform: none;
	letter-spacing: normal;
	font-weight: normal;
	font-size: 22px;
	text-shadow: 0px 0px 15px #000000;
	line-height: 130%;
	padding: 20px 0 0 0;
	margin: 0;
	text-align: left;
}
#homemessage strong {
	color: #FEBE29;
	font-weight: 700;
}

/* ================================= header =================================*/
header {
	width: 100%;
	height: 60px;
	position: relative;
}
#headercontainer {
	width: 100%;
	overflow:hidden; /* display background with floating children */
	height: 60px;
	background: #eaeaea;
	background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #eaeaea 100%);
	z-index: 100;
	position: relative;
}
header nav {
	padding: 0 50px 0 0; /* only 50 - 30 is meni titem padding */
	margin: 0;
	float: right;
	font-size: 23px;
	line-height: 60px;
	text-transform: uppercase;
}
nav ul {
	padding: 0;
	margin: 0;
}
nav li {                         
	list-style-type: none;
	display: inline;
}
header nav a, header nav a:active, header nav a:visited  {
	text-decoration: none;
	color: #808080;	
	padding: 0 30px 0 30px;
	display: inline-block;
	background-color: transparent;
	-webkit-transition: background-color 0.8s ease, color 0.8s ease;
	transition: background-color 0.8s ease, color 0.8s ease;
}
header nav a:hover {
	color: #FEBE29;
	text-decoration: none;
	background-color: #FFFFFF;
	-webkit-transition: background-color 0.5s ease, color 0s;
	transition: background-color 0.5s ease, color 0s;
}

#headertitle {
	float: left;
	margin: 0 0 0 50px;
	padding: 9px 30px 0 30px;
	height: 60px;
	text-decoration: none;
	display: block;
	background-color: transparent;
	-webkit-transition: background-color 0.8s ease;
	transition: background-color 0.8s ease;
}
#logo {
	font-style: italic;
	font-size: 23px;
	color: #FEBE29;
	font-weight: 400;
	line-height: 100%;
	text-transform: uppercase;
}
#logo strong {
	font-weight: 700;
	color: #FEBE29;
} 
#owner {
	font-weight: 700;
	font-style: normal;
	font-size: 17px;
	color: #808080;
	line-height: 100%;
	text-transform: uppercase;
	float: right;
	padding-top: 2px;
}
#ownerline {
	width: 93px;
	height: 3px;
	margin: 9px 16px 0 0;
	background-color: #808080;
	float: left;
	-webkit-transition: all 0.8s ease;
	transition: background-color 0.8s ease;
}
#headertitle:hover {
	background-color: #FFFFFF;
	-webkit-transition: all 0.5s ease;
	transition: background-color 0.5s ease;
}
#headertitle:hover #ownerline {
	background-color: #FEBE29;
	transition-property: none;
}
.headerstrips {
	background-image: url('media/redstrips.jpg');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 24px;
	height: 60px;
	display: block;
	top: 0;
}
.absleft {
	position: absolute;
	left: 0;
}
.absright {
	position: absolute;
	right: 0;
}
/* ================================= adverts =================================*/
.advert {
	width: 100%;
		/*	min-width: 1200px;  /* for width to 1200 - remove for responsive */
	background: #ffffff;
	background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 75%, #eaeaea 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #ffffff), color-stop(75%, #ffffff), color-stop(100%, #eaeaea));
	background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 75%, #eaeaea 100%);
	background: -o-linear-gradient(left, #ffffff 0%, #ffffff 75%, #eaeaea 100%);
	background: -ms-linear-gradient(left, #ffffff 0%, #ffffff 75%, #eaeaea 100%);
	background: linear-gradient(to right, #ffffff 0%, #ffffff 75%, #eaeaea 100%);
}

.adverttitle {
	font-weight: 400;
	font-size: 35px;
	line-height: 100%;
	color: #666666;
	text-transform: uppercase;
	padding: 119px 0 0 38%;
}
.adverttitle2 {
	font-weight: 700;
	font-size: 23px;
	color: #6A93C4;
	text-transform: uppercase;
	padding-left: 50px;
	padding: 40px 80px 30px 41%;
}
.advert p, .text-highlight {
	font-size: 23px;
	padding: 0 0 112px 38%;
	margin: 0;
	color: #666666;
}

.advert strong {
	font-weight: 700;
	font-size: 138%;
	color: #666666;
}
.advert .container {
	background-repeat: no-repeat;
	background-position: 5% 0px; 
	background-attachment: scroll; 
  background-size: contain;
}
#dosahnoutvyse .container {
	background-image: url('media/a-reach.jpg');
}
#nasimcilem .container {
	background-image: url('media/a-worker.jpg');
}
#procvybrat .container {
	background-image: url('media/a-hold.jpg');
}
#overtesi .container {
	background-image: url('media/a-money.jpg');
}
#duleziteparametry .perc33width {
	text-align: center;
	padding: 0 10px 0 10px;
	box-sizing: border-box;
}	
.parametertitle1 {
	font-weight: 400;
  font-size: 74px;
  line-height: 100%;
  color: #FEBE29;
  padding: 13px 0 25px 0;
}
.parametertitle2 {
  font-size: 23px;
  line-height: 100%;
  color: #404040;
	padding: 0 0 17px 0;
}
#price .perc50width {
	text-align: center;
	padding: 0 10px 74px 10px;
	box-sizing: border-box;
}
#duleziteparametry p {
	padding: 0;
	font-size: 18px;
  line-height: 100%;
	padding: 0 0 80px 0;
	text-align: center;
}
.center {
	text-align: center;}
	
/* ================================= about =================================*/
#about {
	background-color: transparent;
	background-image: url("media/bg1.jpg");
	background-attachment: fixed;
	background-position: center center;
	background-size:cover;
	background-repeat: no-repeat;
	padding-bottom: 0px;
}
#imagescontainer {
	padding: 73px 0 0 0;
}
.imageframe {
	width: 20%;
	float: left;
	overflow:hidden;
	line-height: 0;
	position: relative;
}
.imageframe img{ 
	width: 110%;
	margin: -5% 0 0 -5%;
	filter:grayscale(100%);
	transition: all 0.6s ease;
}
.imageframe:hover img { 
	width: 100%;
	margin: 0;
	filter:none;
	transition: all 0.4s ease;
}
.imageframe div {
	bottom: 100%;
	left: 0px;
	transform: rotate(0);
	position: absolute;
	line-height: 161%;
	width: 100%;
	color: #FEBE29;
	text-align: center;
	background-color:rgba(0,0,0, 0.5);
	transition: all 0.8s ease;
}
.imageframe:hover div {
	bottom: 0;
	transition: all 0.4s ease;
}

/* ================================= services =================================*/
#services {
	background-color: transparent;
	background-image: url("media/bg2.jpg");
	background-attachment: fixed;
	background-position: center center;
	background-size:cover;
	background-repeat: no-repeat;
	padding-bottom: 0px;
}

#services ul {
	padding: 10px 0 45px 0;
	margin: 0;
}
#services li {                         
	list-style-type: none;
	display: block;
	width: 33%;
	min-height: 205px;
	float: left;
	text-align: center;
	font-size: 23px;
	padding: 125px 28px 35px 28px;
	box-sizing: border-box;
	position: relative;
	transition: all 1s ease;
}
#services li:hover {
	background: transparent;
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(15%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 100%);
	background: radial-gradient(ellipse closest-side at center center, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
	color: #6A93C4;
	-webkit-transition: background-color 0.4s ease;
	transition: background-color 0.4s ease;
	transform: scale(1.07);
	transition: all .4s ease;
}
#services li:after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%; /* centers the left edge of the sprite */
	width: 75px; /* size of sprite window */
	height: 75px;
	margin-left: -37px;
	margin-top: 35px;
	background-image: url("media/service-icons.png");
	background-size: 450px;
	background-repeat: no-repeat;
	transition: all 1s ease;
}
#services li:hover:after {
	transform: scale(1.1);
	transition: all 1s ease;
}	
#serviceblock1:after {
	background-position: 0 0;
}
#serviceblock2:after {
	background-position: -75px 0;
}
#serviceblock3:after {
	background-position: -150px 0;
}
#serviceblock4 {
	clear: both;
}
#serviceblock4:after {
	background-position: -225px 0;
}
#serviceblock5:after {
	background-position: -300px 0;
}
#serviceblock6:after {
	background-position: -375px 0;
}


/* ================================= references =================================*/
#references {
	background-color: transparent;
	background-image: url("media/bg3.jpg");
	background-attachment: fixed;
	background-position: center center;
	background-size:cover;
	background-repeat: no-repeat;
	padding-bottom: 80px;
}
#references ul {                         
	display: table;
	margin: 0 auto;
	list-style-type: none;
}
#references li {
	line-height: 161%;
	padding-bottom: 13px;
}  
#references div.cez, #references div.skoda {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	height: 250px; 
}
#references div.cez { background-image: url("media/reference-cez.png"); }	
#references div.skoda {	background-image: url("media/reference-skoda.png"); }


/* ================================= crane =================================*/
#crane img {
	width: 90%;
	margin: 0 auto;
	display: block;
}


/* ================================= price =================================*/
#price {
	background-color: transparent;
	background-image: url("media/bg4.jpg");
	background-attachment: fixed;
	background-position: center center;
	background-size:cover;
	background-repeat: no-repeat;
}

/* ================================= contact =================================*/
#contact {
	position: relative;
}
#gmap {
	width: 100%;
	height: 200px;
}
#contact .container {
	position: absolute;
	background-color:rgba(255,255,255, 0.75);
	top: 5px;
	left: 0;
	margin: 0;
	padding: 0 80px 80px 80px;
	width: 100%;
	box-sizing: border-box;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,1+90,0.46+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.80) 0%,rgba(255,255,255,0.80) 90%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
#contact h2 {
  font-size: 23px;
  line-height: 100%;
  color: #404040;
	padding: 0 0 24px 0;
	text-align: center;
	
	font-weight: 400;
	font-size: 35px;
	line-height: 100%;
	color: #666666;
}
 #contact i {
	font-size: 30px;
	color: #666666;
	display: inline-block;
 	width: 45px;
 	text-align: right;
 	margin-right: 20px;
}
	
/* ================================= footer =================================*/
footer {
	font-size: 15px;
	line-height: 60px;
	height: 60px;
	width: 100%;
		/*	min-width: 1200px;  /* for width to 1200 - remove for responsive */
	overflow:hidden; /* display background with floating children */
	background: #eaeaea;
	background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #eaeaea 100%);
}
footer nav {
	margin: 0;
}
footer li {                         
	list-style-type: none;
	display: inline;
}
footer nav ul li:not(:first-child):before {
	content: " | ";
}

/* ================================= arrow up =================================*/
#arrowuplink {
	position: fixed;
	bottom: 0;
	right: 0;
	padding: 45px 30px 15px 30px;
	display: block;
	background-color: transparent;
	-webkit-transition: background-color 0.8s ease;
	transition: background-color 0.8s ease;
	-webkit-transition: padding 1s ease;
	transition: padding 1s ease;
}
@keyframes animatedArrowUp {
	from { padding: 45px 30px 15px 30px; }
	to { padding: 35px 30px 25px 30px; }
}
#arrowuplink:hover {
	background-color:rgba(255,255,255, 0.5);
	-webkit-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
	/*padding: 30px 30px 25px 30px;
/*	-webkit-transition: padding 0.5s ease;
	transition: padding 0.5s ease; */
	animation: animatedArrowUp 1s ease-out 0s infinite alternate;
}
#arrowuplink:hover #arrowup {
	border-color: #FEBE29;
	-webkit-transition: none;
	transition: none;
}
#arrowup {
	border: solid #888888;
	border-width: 0 3px 3px 0;
	display: block;
	width: 30px;
	height: 30px;
	-webkit-transform:rotate(225deg);
	transform:rotate(225deg);
	-webkit-transition: border-color 0.8s ease;
	transition: border-color 0.8s ease;
	box-shadow: 2px 2px 5px #FFFFFF;
}


/* ================================= MAIN CONTENT =================================*/
#maincontent {
	padding-bottom: 80px; 
}
#maincontent h1 {
	padding: 44px 0 45px 0;
}
#maincontent h2 {
	font-size: 45px;
	line-height: 100%;
	font-weight: 300;
	color: #666666;
	padding: 45px 0 28px 0;
	text-transform: uppercase;
}
#maincontent h3 {
	font-size: 35px;
	line-height: 100%;
	font-weight: 300;
	color: #666666;
	padding: 28px 0 17px 0;
	text-transform: none;
}
#maincontent ul {
  padding: 6px 0px 16px 60px;
}
#maincontent img {
	border:0px;
	margin:0;
	line-height: 0;
}
#maincontent img.leftfloatintext {
	float: left;
	padding-right: 2%;
	width: 25%;
}
#maincontent img.rightfloatintext {
	float: right;
	padding-left: 2%;
	width: 25%;
	clear: right;
}
#maincontent img.aligncenter {
	margin:0 auto;
	display: block;
}
#maincontent img.width90perc {
	width: 90%;
}
#maincontent img.width100perc {
	width: 100%;
}
#maincontent table {
    margin: 0 auto;
}
#maincontent table tbody tr td {
	text-align: right;
}
#breadcrumb {
	color: #A0A0A0;
	font-size: 16px;
	line-height: 100%;
	padding: 12px 0 0 0;
}
#breadcrumb a, #breadcrumb a:active, #breadcrumb a:visited {
	color: #A0A0A0;
	text-decoration: underline;
}
#breadcrumb a:hover {
	color: #FEBE29;
	text-decoration: underline;
}
blockquote p {
	font-style: italic;
	color: #6A93C4;
	font-size: 20px;
	border-left: 5px solid #6A93C4;
	padding: 0 0 0 40px;
	margin: 16px 0 26px 0;
}
blockquote p:before {
	font-size: 28px;
	font-family: Georgia, serif;
	content: "\0201C";
}
blockquote p:after {
	font-size: 28px;
	font-family: Georgia, serif;
	content: "\0201D";
}
.smallcomment {
	color: #A0A0A0;
	font-size: 14px;
}
.nodecor, .nodecor:hover {
	text-decoration: none;
}

/* ===========================================================================================*/
/* ==================================== RESPONSIVE ===========================================*/

/* ========================== for tablets with screen width 992-1200px ===========================*/

/* ========================== for tablets with screen width 768-992px ===========================*/

/* ========================== for tablets with screen width 480-768px ===========================*/
@media only screen and (max-width: 768px) {
	.left {float: none; text-align: center;}
	.right {float: none; text-align: center;}
	#home h1 { font-size: 60px; }
	#newhome h1 { font-size: 60px; }
	#newhome h2 { font-size: 24px; }
	#homemessage { padding: 30px 40px 30px 40px; }
	#homemessage p { font-size: 22px; }
	#hometitle { padding: 30px 40px 30px 40px; }
	#homefooter { font-size: 35px; }
	.city { padding: 0;}
	.phone { 	padding: 0 0 25px 0;}
	
	#homearrowarea {
	    display: none;
	}
}

/* ========================== for phones with screen width 0-480px ===========================*/
@media only screen and (max-width: 480px) {
	#headercontainer{
		height:67px;
	}
	.left {float: none; text-align: center;}
	.right {float: none; text-align: center;}
	#home h1 { font-size: 45px; }
	#newhome h1 { font-size: 45px; }
	#newhome h2 { font-size: 20px; }
	#about h1 { font-size: 45px; }
	#homemessage { padding: 30px 40px 30px 40px; }
	#homemessage p { font-size: 18px; }
	#hometitle { padding: 30px 40px 30px 40px; }
	#homefooter { font-size: 35px; }
	.city { padding: 0;}
	.phone { 	padding: 0 0 25px 0;}
	
	#imagescontainer{padding: 0 0 0 0;}
	#maincontent img.rightfloatintext {
		float: right;
		padding-left: 2%;
		width: 45%;
		clear: right;
	}
	#services li { width: 100%;}
	.adverttitle{color: #FEBE29; font-weight: bold; padding:40px 0 0 0; text-align: center;}
	.adverttitle2{color: #FEBE29; font-weight: bold; padding:40px 0 50px 0; text-align: center; }
	
	.advert p, .text-highlight{padding-left: 10%;text-align: justify; font-size: 1em;padding: 4px 8px; color: #000000; background: rgba(255, 255, 255, 0.7); font-weight: bold; border-radius: 9px;}
	.text-highlight span{display: block; padding-left: 45px;}
	.cez{width: 50%; margin: 0 auto; text-align: center;float: none;}
	.skoda{width: 100%; margin: 0 auto; text-align: center;}
	.perc50width{width: 100%;}
	.perc33width{width: 100%;}
	.centerblock{margin:0}
	#email{width: 100%;}
	#phone{width: 100%;}
	.nodecor{ background: rgba(255, 255, 255, 0.7); font-weight: bold; border-radius: 9px; padding:0 40px 0 40px;}
	#address{width: 100%; display: flex;}
	.fa-home{min-width: 45px}
	.container { margin: 0 0 0 0; padding: 0 20px 0 20px;}
	#contact .container {padding: 0 0 20px 0}
	
	/* Added gradient for images with text */
	#dosahnoutvyse .container {
		background-image:  linear-gradient(
		  rgba(0, 0, 0, 0.7),
		  rgba(0, 0, 0, 0)
		), url('media/a-reach.jpg');
	}
	#nasimcilem .container {
		background-image:  linear-gradient(
		  rgba(0, 0, 0, 0.7),
		  rgba(0, 0, 0, 0)
		), url('media/a-worker.jpg');
	}
	#procvybrat .container {
		background-image:  linear-gradient(
		  rgba(0, 0, 0, 0.7),
		  rgba(0, 0, 0, 0)
		), url('media/a-hold.jpg');
	}
	#overtesi .container {
		background-image:  linear-gradient(
		  rgba(0, 0, 0, 0.7),
		  rgba(0, 0, 0, 0)
		), url('media/a-money.jpg');
	}
	
	
	#homearrowarea {
	    display: none;
	}
}