@import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@200;300;400;500;600;700;800&family=Roboto+Condensed:wght@300;400;700&display=swap');
:root {
	--zluta: rgb(255,204,1);
	--modra: rgb(0,20,145);
	--font: 'Oxanium', cursive;
}
.zluta {
	color: var(--zluta);;
}
.bg-zluta {
	background: var(--zluta);
}
.modra {
	color: var(--modra);;
}
.bg-modra {
	background: var(--modra);
}
.font {
	font-family: var(--font);
}
#menuSpacer {
	min-height: 100px;
}

:target:before {
    content: "";
    display: block;
    height: 80px;
    margin: -80px 0 0;
}

html, body, .fullHeight {
   /*min-height: 100% !important;*/
	/*height: calc(100% - 5px);*/
	height: calc(100%);
   position: relative;
	scroll-behavior: smooth;
}
body {
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-family: 'Roboto Condensed', sans-serif;
	font-family: var(--font);
	color: #303030;
	background: white;
	background-size: cover;
	scroll-behavior: smooth;
}



.container {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
}
.containerIn {
	padding: 10px;
}
.container::after, .clearfix {
	content: "";
   clear: both;
   display: table;
}
.cleaner{
	clear: both;
	height: 0;
	visibility: hidden;
}
.stin {
	-webkit-box-shadow: 0px 0px 5px 0px rgb(207,176,93);
   -moz-box-shadow:    0px 0px 5px 0px rgb(207,176,93);
   box-shadow:         0px 0px 5px 0px rgb(207,176,93);
}


#topFixed {
	position: fixed;
	width: 100%;
	z-index: 500;
	background: var(--modra);
	-webkit-transition: all 0.2s; 
   transition: all 0.2s;
	color: white;
	font-family: var(--font);
}

#topFixed .containerIn {
	justify-content: space-between;
	display: flex;
	align-items: center;
}
#logo {
	background: url(../images/logo.jpg?v1) no-repeat 50% / cover;
	width: 100px;
	height: 62px;
	display: block;
	float: left;
	position: relative;
	z-index: 10;
	margin: 10px;
	-webkit-transition: all 0.2s; 
   transition: all 0.2s;
}
#logoGT {
	background: url(../images/george-technika_menu.jpg?v1) no-repeat 50% / cover;
	width: 100px;
	height: 62px;
	display: inline-block;
	float: left;
	position: relative;
	z-index: 10;
	margin: 10px;
	-webkit-transition: all 0.2s; 
   transition: all 0.2s;
}
.logoResp {
	background-size: cover !important;
	height: 40px !important;
	width: 65px !important;
	margin: 0 !important;
}

#contact-search {
	text-transform: uppercase;
	font-size: 15px;
	justify-content: space-between;
	display: flex;
	align-items: center;
	line-height: 140%;
	float: right;
}
#contact-search a {
	color: white;
	text-decoration: none;
}
#searchForm {
	position: relative;
}
#search {
	margin-right: 20px;
}
.searchInput {
	display: inline-block;
	width: 150px;
	padding: 5px 30px 5px 5px;
	background: white;
	border: 2px solid white;
	color: var(--modra);
	border-radius: 5px;
	text-transform: uppercase;
}
.searchBtn {
	position: absolute;
	top: 5px;
	right: 10px;
	cursor: pointer;
	display: inline-block;
   vertical-align: middle;
   background-size: 100% 100%;
   background-repeat: no-repeat;
   width: 18px;
   height: 18px;
	background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJWcnN0dmFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48dGl0bGU+S3Jlc2xpY8OtIHBsw6F0bm8gMTwvdGl0bGU+PGcgZmlsbD0iIzNkM2QzZCI+PHBhdGggZD0iTTE1LjY5LDE0LjE5bC0yLjc5LTIuODJjMi4zLTMuMjUsMS41Mi03Ljc1LTEuNzMtMTAuMDVDOS45OCwwLjQ4LDguNTcsMC4wMiw3LjExLDBDMy4xNiwwLjAzLTAuMDIsMy4yNiwwLDcuMjFjLTAuMDIsMy45NSwzLjE2LDcuMTcsNy4xMSw3LjJjMS41OCwwLDMuMS0wLjUzLDQuMzQtMS41MWwyLjc2LDIuNzljMC4yLDAuMjIsMC40OSwwLjMzLDAuNzksMC4zMWMwLjI4LDAsMC41NS0wLjExLDAuNzQtMC4zMUMxNi4xMywxNS4yNiwxNi4xLDE0LjYsMTUuNjksMTQuMTl6IE0xMS40MSwxMC41N2MtMC4yNCwwLjMtMC41LDAuNTgtMC43OSwwLjg0Yy0wLjk4LDAuODQtMi4yMiwxLjMxLTMuNTEsMS4zMWMtMy4wMi0wLjAyLTUuNDUtMi40OS01LjQzLTUuNTFjMCwwLDAsMCwwLDBDMS42Niw0LjE5LDQuMDksMS43Miw3LjExLDEuN2MwLDAsMCwwLDAsMGMzLjAyLDAuMDIsNS40NSwyLjQ5LDUuNDMsNS41MWMwLDAsMCwwLDAsMEMxMi41NCw4LjQyLDEyLjE0LDkuNiwxMS40MSwxMC41N3oiLz48L2c+PC9zdmc+);
	border: none;
}
.telMail {
	background: url(../images/telMail.png) no-repeat left 50% / 14%;
	padding-left: 40px;
}



#menu {
	float: right;
	clear: right;
	display: flex;
   align-items: center;
	padding: 0; 
}

	#nav {
		margin: 0 0 0 0;
		padding: 0;
		position: relative;
	}
	#nav li {
		list-style: none;
		position: relative;
		text-align: center;
		display: inline-block;
	}
	#nav li a {
		display: block;
		font-size: 18px;
		font-weight: 400;
		text-transform: uppercase;
		-webkit-transition: all 0.2s; 
    	transition: all 0.2s;
		text-decoration: none;
		color: white;
		padding: 5px 10px;
		z-index: 999;
		position: relative;
		outline: none;
	}
	#nav li a:hover,.actMenu {
		color:var(--zluta) !important;
	}
	.actMenu .brdr-btm {
		width: 50%;
	}
	#nav li a:hover > .brdr-btm {
		width: 50%;
	}
.brdr-btm {
	height: 1px;
	background: var(--zluta);
	width: 0%;
	margin: 0 auto;
	-webkit-transition: width 0.2s; 
   transition: width 0.2s;
}
	
#nav ul {
    opacity: 0;
    padding: 0;
    position: absolute;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: auto;
	overflow: hidden;
}
#nav ul li {
    display: block;
    float: none !important;
    line-height: normal;
    width: auto;
}
#nav ul li a {
    border-left: medium none;
    color: #222;
    display: block;
    font-size: 16px;
    margin: 0;
    padding: 7px 10px;
    position: relative;
    transition: none 0s ease 0s ;
    white-space: nowrap;
    width: auto;
	 font-weight: normal;
	 -webkit-transition: color 0.2s; 
   transition: color 0.2s;
	text-transform: none;
}
#nav ul li a:hover {
    /*background: white none repeat scroll 0 0 !important;*/
    color: var(--zlata) !important;
}
#nav li:hover > ul {
    background: rgba(255,255,255,0.9) none repeat scroll 0 0;
    box-shadow: 0 0 2px 0 rgba(50, 50, 50, 0.75);
    opacity: 1;
    visibility: visible;
    z-index: 9999;
}
#rezIcon {
	position: relative;
}
#rezIcon div {
	height: 17px;
	width: 17px;
	border-radius: 50%;
	background: var(--zluta);
	color: var(--modra);
	font-size: 12px;
	position: absolute;
	top: 4px;
	left: 16px;
	text-align: center;
	font-weight: 700;
}


#menuResponsive {
	display: none !important;
	cursor: pointer;
}
#menuResponsive a:hover {
	color: #07A9AA !important;
	background: none !important;
}
#menuResponsive a img {
	vertical-align: middle;
}



.box2 {
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
	position: relative;
}
.box2 .box {
	width: 45%;
	position: relative;
}
	
.box3 {
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
	position: relative;
}
.box3 .box {
	width: 30%;
	position: relative;
}

.box4 {
	display: flex;
	justify-content: space-around;
	flex-flow: row wrap;
	position: relative;
}
.box4 .box {
	position: relative;
	width: 22%;
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;margin:65px 0 0 0; }
.embed-container iframe,.embed-container object,.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.left, .right {
    width: calc(50%);
}
p {
	padding: 0;
	margin: 0;
}
.part {
	padding: 30px 0 50px 0;
}
.left {
	float: left;
	position: relative;
}
.right {
	float: right;
	position: relative;
	clear: right;
}
.text  {
	line-height: 150%;
	/*overflow: auto;*/
}
.text::after {
  content: "";
  clear: both;
  display: table;
}

.text a {
	color: #303030;
	border-bottom: 1px dashed var(--modra);
	text-decoration: none;
}
.text strong, .text b {
	font-weight: 500;
}

.text iframe, .text img {
	max-width: 100%;
	height: auto;
}
.text ul {
	list-style-image: url(../images/li.png);
}
.text-left {
	text-align: left;
}
.text .left, .text .right {
	width: 45%;
}
.text-right {
	text-align: right;
}
input {
	font-family: var(--font);
}
.flex {
	display: flex;
}




.text .tabulka {
	border: 1px solid var(--zlata);
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
.text .tabulka th {
	text-align: left;
}
.text .tabulka td {
	padding: 5px;
	border-top: 1px solid var(--zlata);
	vertical-align: top;
}
.text .tabulka tr:nth-child(odd) {
    /*background-color: rgba(230,230,230,0.5);*/
}
.tabulka thead td {
	border-top: 0 !important;
}
.tabulka tr td:nth-child(2) {
	width: 250px;
}
.textPadding {
	padding: 0 20px 50px 20px;
}
.textBtn {
	padding: 5px 15px;
	border-radius: 5px;
	border-bottom:  2px solid var(--modra) !important;
	border: 2px solid var(--modra);
	display: inline-block;
	text-decoration: none;
	color: var(--modra) !important;
	text-transform: uppercase;
	margin: 20px 20px 10px 0;
	-webkit-transition: background 0.2s; 
   transition: background 0.2s;
	font-weight: 500;
}
.textBtn:hover {
	background: var(--zluta);
}





h1,h2,h3,h4 {
	line-height: 150%;
}
h1 {
	margin: 0;
	padding: 0px 0 20px 0;;
	font-family: var(--font);
	font-weight: 400;
	text-align: center;
}
h2 {
	font-size: 35px;
	font-family: var(--font);
	font-weight: 400;
	text-align: center;
	margin: 0;
	padding: 30px 0 10px 0;
}
h3 {
	font-weight: 300;
	font-size: 30px;
	color: var(--modra);
	margin: 0;
	padding: 0;
	font-family: var(--font);
}



#footer, #footer a  {
	font-size: 14px;
	color: var(--modra);
}
.kontakt-adresa,.kontakt-telmail {
	padding: 0px 0 10px 60px;
	margin: 25px 0;
	white-space: nowrap;
	font-weight: 500;
}

.kontakt-telmail {
	background: url(../images/telMail-modra.png) no-repeat left 35px;
}
.kontakt-adresa {
	background: url(../images/adresa.png) no-repeat left 5px;
}
.kontakt-otv {
	background: url(../images/icon-otv.png) no-repeat left 5px;
	padding: 0px 0 10px 60px;
	margin: 25px 0;
	white-space: nowrap;
}




#o-nas h2 {
	text-align: left;
}
#o-nas .leftBg {
	background: url(../images/slider/4.jpg) no-repeat 50% / cover;
}
#o-nas .rightText {
	/*max-width: 700px;*/
}





.sloupecUvod {
	padding-top: 150px;
	text-align: center;
	max-width: 200px;
}
.sloupecNadpis {
	font-weight: 500;
}
.sloupecUvod img {
	display: block;
	height: auto;
	max-width: 90%;
	margin: 0 auto;
}





#drobeckova {
	font-size: 14px;
}
#drobeckova .dr-nav {
	color: var(--modra);
	font-weight: 600;
	display: inline-block;
	padding: 0 5px;
}
.sortiment, .sortiment2 {
	position: relative;
	display: flex;
	justify-content: space-around;
	flex-flow: row wrap;
	/*align-items: center;*/
	padding: 10px 0 0 0;
}
.strojInfo .left,.strojInfo .right {
	width: 50% !important;
}
.strojInfo .left {
	float: left !important;
}
.strojInfo .right {
	float: left !important;
}
.sortiment2 {
	align-items: center;
}
.sortiment .sortiment-polozka, .sortiment2 .sortiment-polozka {
	box-sizing: border-box;
	display: flex;
	align-items: top;
	width: calc(100% / 5 - 20px);
	margin: 5px 0 20px 0;
	padding: 10px;
	min-height: 188px;
}
.sortiment2 .sortiment-polozka {
	align-items: center;
	width: calc(100% / 4 - 20px);
}
.sortiment .sortiment-polozka a,.sortiment2 .sortiment-polozka a {
	display: block;
	border: none;
	width: 100%;
	/*display: flex;
	align-items: center;*/
	text-align: center;
}
.sortiment2 .sortiment-polozka a {
	display: flex;
	align-items: center;
}
.sortiment .sortiment-polozka-name {
	font-size: 18px;
	text-align: center;
}
.sortiment .sortiment-polozka-image {
	width: 100px;
	height: 100px;
	margin: 0 auto 10px auto;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
}
.sortiment .sortiment-polozka:nth-child(odd) .sortiment-polozka-image {
	/*background: url(../images/tempIcon.png) no-repeat 50% / cover;*/
}
.katImgPage {
	float: left;
	padding: 0 20px 20px 0;
}

.sortiment2 .sortiment-polozka-name {
	font-size: 18px;
	width: calc(100% - 120px);
	float: left;
	text-align: left;
}
.sortiment2 .sortiment-polozka-image {
	width: 80px;
	height: 80px;
	margin: 0 20px 0 0;
	background: url(../images/tempIcon.png) no-repeat 50% / cover;
	float: left;
}
.sortiment2 .sortiment-polozka:nth-child(odd) .sortiment-polozka-image {
	background: url(../images/tempIcon2.png) no-repeat 50% / cover;
}







.vypisKat {
	display: flex;
	position: relative;
	justify-content: space-between;
	flex-flow: row wrap;
	text-align: center;	
}
.katStroj .textBtn {
	margin: 20px auto;
	font-size: 16px;
}
.katStroj img {
	max-height: 200px;
	width: auto;
	padding: 15px 0 10px 0;
}
.strojInfo {
	font-size: 14px;
	padding: 5px 0px 10px 0px;
}
.strojInfo .left {
	text-align: left;
}
.strojInfo .right {
	text-align: right;
}
.cenaStroj,.strojZnacka {
	color: var(--modra);
	font-weight: 600;
}
.katStroj h3 {
	font-size: 16px;
	font-weight: 600;
	padding: 0 0 10px 0;
	/*min-height: 65px;*/
}
.strojZnacka {
	text-transform: uppercase;
}
.katStroj h3 a,.katStrojImgA,#stroj-images a {
	border: none !important;
}
.katStroj {
	width: calc(100% / 4 - 30px);
	padding: 0 10px 20px 10px;
	box-sizing: border-box;
	margin: 0 auto 30px auto;
	position: relative;
	-webkit-transition: box-shadow 0.2s; 
   transition: box-shadow 0.2s;
}
.katStroj:hover {
	-webkit-box-shadow: 0px 0px 5px 0px gray;
   -moz-box-shadow:    0px 0px 5px 0px gray;
   box-shadow:         0px 0px 5px 0px gray;
}
#stroj-images {
	text-align: center;
	/*width: 40%;*/
}
#stroj-text {
	/*width: 55%;*/
}
.strojImgMain {
	max-width: 100%;
	height: auto;
	outline: none;
}
#stroj-ceny, #stroj-rezervace {
	margin: 30px 0 0 0;
}

#stroj-ceny fieldset, #stroj-rezervace fieldset {
	border: 1px solid #c3c3c3;
	width: 100%;
	margin: 0;
	box-sizing: border-box;
}
.filesPDF {
	padding: 10px 0 0 0; 
	font-size: 15px;
}
a.filePDF img {
	height: 30px;
	vertical-align: middle;
	padding-right: 5px;
}
a.filePDF {
	border-bottom: none;
}
a.filePDF:hover {
	color: var(--modra);
}

#rezF,.rezF {
	border: 1px solid var(--modra) !important;
}
#stroj-ceny fieldset legend, #stroj-rezervace fieldset legend, legend h2 {
	font-weight: 600;
	color: var(--modra);
	text-transform: uppercase;
	padding: 0 15px;
	font-size: 18px;
}
legend h2 {
     margin: 0;
     padding: 0;
}
.cenikTab {
	width: 100%;
	font-size: 15px;
}
.cenikTab .dny,.cenaStroj {
	font-weight: 700;
}
.cenikTab .cena, .cenaStroj {
	color: var(--modra);

}
.cenikTab tr td {
	border-bottom: 1px solid var(--zluta);
	padding: 5px 10px;
}
.cenikTab tr:last-child td,.cenikTab tr:nth-child(4) td {
	border-bottom: none;
}
.souvisejici {
	padding-top: 30px;
}
#stroj-text .text{
	font-size: 15px;
}
#rezForm,.rezForm {
	height: auto;
	padding: 10px 10px 18px 10px;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
#rezBtn {
	font-size: 18px;
	cursor: pointer;
}
#rezForm .left,#rezForm .right {
	width: 50%;
}
.rez-break {
	width: 100%;
	height: 15px;
}
#rezForm .textBtn {
	margin: 0 !important;
	padding: 1px 10px;
}
#datepicker {
	background-image: url(../images/calendar.png);
    background-repeat: no-repeat;
    background-position: center right 7px;
    padding: 5px;
		border: 1px solid #c3c3c3;
		border-radius: 3px;
		font-size: 16px;
		width: 205px;/*205px;*/
		cursor: pointer;
}
#kusu,.kusu {
	 padding: 5px;
		border: 1px solid #c3c3c3;
		border-radius: 3px;
		font-size: 16px;
		width: 20px;
}
#ks-control,.ks-control {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 15px;
	height: 32px;
}
#ks-control #plus,#ks-control #minus,
.ks-control .plus,.ks-control .minus{
	height: 50%;
	width: 100%;
	color: var(--modra);
	cursor: pointer;
	-moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.month-wrapper {
	width: 190px;
}
#ks-control #plus,.ks-control .plus {
	background: url(../images/controls-up.jpg) no-repeat 50%;
}
#ks-control #minus,.ks-control .minus {
	background: url(../images/controls-down.jpg) no-repeat 50%;
}
.celkem {
	display: inline-block;
	width: 70px;
}

.text table {
	border: nonse !important;
	border-color: white !important;
}
.nowrap {
	white-space: nowrap;
}
#kosik-fancy {
	display: none;
}
.calcOption {
	display: none;
}

.rezItem {
	border: 1px solid #c3c3c3;
	display: flex;
	position: relative;
	margin: 0 0 20px 0;
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	font-size: 16px;
	flex-flow: wrap;
}
.rezItemInfo {
	display: flex;
	position: relative;
	justify-content: space-between;
	flex-grow: 2;
	
}
.rezItem > div {
	padding: 10px;
}
.rezItem .big {
	font-size: 18px;
	font-weight: 600;
	color: var(--modra);
}
.itemName {
	display: inline-block;
	padding: 0 0 10px 0;
}
.rezItem .remove {
	position: absolute;
	top: -2px;
	right: 3px;
	border-bottom: none;
	font-weight: 600;
	width: 15px;
	text-align: center;
}
.rezItemName strong, .rezItemSelect strong {
	color: var(--modra);
}
.itemName {
	font-size: 18px;
}
.rezItemCeny .left, .rezItemCeny .right {
	width: 50% !important;
}
.rezItemCeny {
	max-width: 350px;
}
.rezItemName {
	width: 220px;
}
.rezItemChange {
	background: #c3c3c3;
	text-align: center;
}
.objednavka label {
	cursor: pointer;
}
.objednavkaItem strong {
	color: var(--modra);
}
.objednavkaItem small {
	display: block;
	padding: 0 0 0px 25px;
}
.objednavkaItem {
	padding: 15px 0 0 0;;
}
.objednavkaLine {
	padding: 10px 0 0 0;
	width: calc(100% / 2 - 15px);
	display: inline-block;
	box-sizing: border-box;
	margin: 0 5px;
	min-width: 120px;
}
.objednavkaLine label {
	font-size: 15px;
}
.objednavkaLine input, #objednavka textarea {
	display: block;
	border: 1px solid gray;
	padding: 5px;
	border-radius: 5px;
	font-size: 16px;
	width: 100%;
	box-sizing: border-box;
}
#jina-adresa, #nafirmu {
	display: none;
}

#objednavka input.error {
	border: 1px solid red;
}
#objednavka label.error {
	display: none !important;
}
#objednavka textarea {
	width: 100%;
	height: 100px;
}
.errors {
	text-align: center;
	display: inline-block;
	border: 1px dashed red;
	background: rgba(255,0,0,0.2);
	padding: 10px 20px;
}
.formError {
	font-weight: 600;
	padding: 2px 0;
	font-size: 15px;
}







#home {
	height: 350px;
	position: relative;
	overflow: hidden;
}
#sliderHome {
	height: 100%;
	position: relative;
}
.sliderItem {
	background: #F2F2F2;
	position: relative;
	height: 100%;
}
.sliderLink {
     position: absolute;
     display: inline-block;
     width: 100%;
     height: 100%;
}
	.sliderItemImg {
		float: left;
		width: 50%;
		position: relative;
		height: 100%;
	}
	.sliderItemImgIn {
		background: url(../images/sliderR.png) no-repeat top right;
		height: 100%;
		width: 200px;
		float: right;
	}
	.sliderItemText {
		float: right;
		width: 50%;
		color: Black;
		height: 100%;
	}
	.more {
		position: absolute;
		bottom: 20px;
		border: 2px solid #FF4500;
		color: black;
		font-size: 18px;
		text-transform: uppercase;
		padding: 5px 15px;
	}
	.arrSlider {
		display: inline-block;
		font-size: 26px;
		position: relative;
		line-height: 25px;
		margin: 0 0 0 2px;
	}
	.arrSlider:after {
		content: "\00bb";
	}
	.more:hover > .arrSlider {
		color: #FF4500;
	}
#slider {
	height: 100% !important;
	width: 100% !important;
	position: relative;
	margin: 0;
	overflow: hidden;
}
.slider,.bx-wrapper, .bx-viewport {
	height: 100% !important;
	width: 100% !important;
	position: relative;
}
.sliderItem {
	width: 100% !important;
	height: 100% !important;
	background-position: 50%;
	background-size: cover;
}
.uvodRightText {
	color: #303030;
	max-width: 800px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}
.uvodRightTextIn {
	padding: 40px 10px 40px 20px;
}
.uvodRightTextIn > strong {
	font-size: 25px;
}
.uvodRightTextIn ul {
	list-style-image: url(../images/li.png);
	font-size: 22px;
}

.sliderItemText h2 {
	text-align: left;
	font-size: 30px;
	color: var(--modra);
	font-weight: 500;
}
#map {
	width: 100%;
	height: 400px;
}










.kontaktLine {
	background: url(../images/kontaktLineBg.jpg) no-repeat bottom center / cover;
	text-align: center;
	padding: 20px;
}
.kontaktLine h2 {
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
.kontaktLine .icon {
    display: inline-block;
    padding: 15px 10px 15px 80px;
    text-align: left;
    font-size: 20px;
    margin: 15px 25px;
	 color: white;
}
.kontaktLine .icon b {
	color: var(--zluta);
}

.kontaktLine .icon.phone {
    background: url(../images/phone.png) no-repeat left 50%;
}
.kontaktLine .icon.mail {
    background: url(../images/mail.png) no-repeat left 50%;
}
/*
#galeriePage {
    display: flex;
    justify-content: center;
	 align-content: space-around;
	 flex-flow: row wrap;
    position: relative;
    font-size: 0;
    text-align: center;
}

.gal {
    display: inline-block;
    margin: 5px;
	 font-size: 0;
	 padding: 0;
    width: calc(100% / 7 - 10px);
	 position: relative;
	/*margin-top: -11px;*/
/*}*//*
.g2x2 {
	width: calc(100% / 2 - 10px);
}
.gal .square {
	width: 100%;
	height: auto;
	position: relative;
	visibility: hidden;
	z-index:-999;
}
.gal a {
    display: block;
    height: 100%;
    transition: all 0.2s ease 0s;
    width: 100%;
	 position: absolute;
	 top:0;left:0;
}
.zoomImg {
	display: none;
	margin: 0 auto;
	line-height: 100%;
	padding-top: calc(50% - 26px);
}
.gal a:hover {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
}
.gal a:hover > .zoomImg {
	display: block !important;
}
.gal a img {
    display: none;
}*/

#galerieP {
    display: flex;
    justify-content: center;
	 align-content: space-around;
	 flex-flow: row wrap;
    position: relative;
    font-size: 0;
    text-align: center;
	 line-height: normal;
}

.gal {
    display: inline-block;
    margin: 5px;
	 font-size: 0;
	 padding: 0;
    width: calc(100% / 3 - 10px);
	 position: relative;
}
.gal .square {
	width: 100%;
	height: auto;
	position: relative;
	visibility: hidden;
	z-index:-999;
}
.gal a {
    display: block;
    height: 100%;
    transition: all 0.2s ease 0s;
    width: 100%;
	 position: absolute;
	 top:0;left:0;
}
.zoomImg {
	display: none;
	margin: 0 auto;
	line-height: 100%;
	padding-top: calc(50% - 26px);
}
.gal a:hover {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
}
.gal a:hover > .zoomImg {
	/*display: block !important;*/
}
.gal a img {
    display: none;
}



.break {
		display:none;
	}

.video {width:100%; max-width: 800px; margin: 0 auto; position: relative;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#poptavka {
/*	width: 95%;*/
	min-width: 200px;
	/*max-width: 600px;*/
	margin: 0px auto;
}
.nadpisPoptavka {
   font-weight: 300;
	font-size: 35px;
	color: var(--zlata);
	text-align: right;
}
#poptavka label {
    padding-right: 8px;
    padding-top: 0px;
    text-align: right;
    width: 50%;
	 font-weight: 300;
	 font-size: 17px;
}
.formLine input, .formLine select, .formLine textarea, #odeslat {
    font-size: 16px;
    width: 50%;
	 color: white;
	 padding: 5px;
	 margin: 0;
	 background: rgba(0,0,0,0.8);
	 border: 1px solid var(--zlata);
	 -webkit-border-radius: 5px;
	 -moz-border-radius: 5px;
    border-radius: 5px;
	 transition: border 0.2s ease 0s;
	 font-family: var(--font);
}
.formLine input:focus, .formLine textarea:focus,
.formLine input:hover, .formLine textarea:hover {
	border: 1px solid var(--zlata);
}
.formLine {
	margin-bottom: 8px;
	text-align: right;
	color: ;
}
.napiste {
	border-bottom: 1px solid var(--modra);
	padding: 0 0 5px 10px;
	display: block;
	margin-bottom: 7px;
	text-align: left;
}
#odeslat:hover {
	color: var(--modra);
}
#odeslat {
	border: 1px solid var(--zlata);
	width: 50%;
	cursor: pointer;
	display: block;
	margin: 10px auto;
	background: rgba(0,0,0,0.8);
	color: white;
	font-size: 20px;
}
.formLine textarea {
	height: 80px;
	width: calc(100% - 12px);
}
.formInfo {
	text-align: right;
	position: relative;
	top: 0px;
	right: 0px;
}
.nowrap {
	white-space: nowrap;
}




#blog {
	text-align: center;
	margin: 0px 0;
	position: relative;
	/*top: -50px;*/
	z-index: 100;
}
.blogItem {
	margin: 0 20px 40px 20px;
	display: inline-block;
	width: calc(33% - 40px);
	-webkit-box-shadow: 0px 0px 4px 0px rgba(100, 100, 100, 1);
	-moz-box-shadow:    0px 0px 4px 0px rgba(100, 100, 100, 1);
	box-shadow:         0px 0px 4px 0px rgba(100, 100, 100, 1);
	vertical-align: top;
	background: white;
	position: relative;
}

.blogItemIn {
	padding: 10px;
}
.fotogalItem {
     background: rgb(14,87,131);
     
     position: absolute;
     width: 100%;
     box-sizing: border-box;
}
.fi {
     height: 250px !important;
}
.fotogalItem .blogTitle{
     color: white!important;
}
.blogTitle {
	font-size: 20px;
	font-weight: 500;
	text-decoration: none;
	color: var(--modra) !important;
	text-align: left;
	display: block;
}
.blogItemIn a {
	border: none !important;
}
.blogImage {
	width: 100%;
	height: 200px;
}
	.blogImage a {
		width: 100%;
		height: 100%;
		display: block;
		border: none !important;
	}	
.blogText {
	font-size: 15px;
	text-align: left;
}
.blogDate {
	font-size: 13px;
	color: #044C6E;
}
.blogMore {
	display: block;
	text-decoration: none;
	background: var(--modra);
	color: white !important;
	font-size: 14px;
	padding: 2px 10px;
}
.leva {
	float: left;
}
.prava {
	float: right;
}
.prava.dole {
	text-align: right;
}
.akt {
	margin: 15px;
}












@media screen and (max-width: 1400px) {
	.sortiment .sortiment-polozka {
		    width: calc(100% / 4 - 20px);
	}
}
@media screen and (max-width: 1250px) {
	.sortiment .sortiment-polozka {
		    width: calc(100% / 3 - 20px);
	}
	#contact-search .telMail {
		display: none;
	}
}
@media screen and (max-width: 1150px) {
	#rezForm .left,#rezForm .right {
		width: 100%;
	}
	#rezForm .left {
		padding-bottom: 20px;
	}
	#rezForm .textBtn {
		float: none !important;
	}
}

@media screen and (max-width: 1000px) {
	#sortimentUprava {
		flex-wrap: wrap;
		justify-content: center;
	}
	.sortiment .sortiment-polozka {
		    width: calc(100% / 4 - 20px);
	}
	#sloupecSortiment {
		order: 1;
		flex-basis: 100%;
	}
	#spoluprace {
		order: 2;
	}
	#prodejznacky {
		order: 3;
	}
	.sloupecUvod {
		padding-top: 50px;
	}
	.menuItemResp {
		/*display: none !important;*/
	}
	.menuItemRespOn{
		display: block !important;
	}
	#menuResponsive {
		display: block !important;
		
	}
	#menuResponsive a {
		font-size: 23px !important;
	}
	#nav {
		display: none;
		position: absolute;
		right: 0;
		background: var(--modra);
	}
	#menuSpacer {
    min-height: 65px;
}
#menu {
	flex-direction: row-reverse;
}
#menuResponsive {
	display: inline-block !important;
	padding-left: 15px;
}
	#logo {
	background-size: cover !important;
	height: 40px !important;
	width: 65px !important;
	margin: 0 !important;
}
	#nav ul {
		
	}
	#nav ul li a  {
		color: white;
	}
	#menu, #nav li  {
		text-align: right;
		display: block;
	}
	#nav li:hover > ul {
    background: none;
    box-shadow: none;
}
#nav ul {
		opacity: 1;
		position: relative;
		visibility: visible;
	}
	#nav li:hover > ul {
    	background: none;
    	box-shadow: none;
/*    	opacity: 1;
    	visibility: visible;
    	z-index: 9999;*/
	}
	.brdr-btm {
		margin: 0 0 0 50%;
	}
	.kontaktName {
		font-size: 17px;
	}
	#overlay {
		display: block;
	}
	
	#kontakt .logoB {
		width: 100px;
	}
	.sliderItemImg {
		width: 40%;
	}
	.sliderItemText {
		width: 60%;
	}
	
	.katStroj {
	    width: calc(100% / 3 - 30px);
	}
	#stroj-text1 {
		width: 100%;
	}
	#rezIcon div{
		left: -82px;
		top: -41px;
	}
}




@media screen and (max-width: 800px) {
	#overlay {
		display: block;
	}
	.kontaktImages .box {
		width:45%;
	}
	#kontakt .left, #kontakt .right {
		float: none;
		width: 100%;
	}
	#footer {
		font-size: 14px;
	}
	.text.flex {
		display: block;
	}
	.text .left, .text .right {
		float: none;
		width: 100%;
	}
	#footer, #footer .right {
		text-align: center !important;
	}
	#footer .right {
		margin: 15px 0 0 0;
	}
	.gal {
		width: calc(100% / 3 - 10px);
	}
	#uvod .container {
		display: block;
	}
	#uvod .left, #uvod .right {
		width: 100%;
		float: none;
	}
	.textCMS.presah {
		width: auto;
	}
	#uvod .right {
		height: 350px;
	}
	#homeTitle {
		font-size: 55px;
		padding-top: 100px;
	}
	#homeTitle div {
		font-size: 30px
	}
	.tabulka tr td:nth-child(2) {
    	width: 150px;
	}
	#o-nas {
		display: block;
	}
	#o-nas .left, #o-nas .right {
		width: 100%;
		float: none;
	}
	#o-nas .left.leftBg {
		height: 200px;
	}
	.sortiment .sortiment-polozka {
		    width: calc(100% / 3 - 20px);
	}
	
	
	#home {
		height: 470px;
		overflow: hidden;
	}
	.sliderItem {
		/*position: relative !important;*/
	}
	.sliderItemImgIn {
		display: none;
	}
	.sliderItemImg, .sliderItemText {
		width: 100%;
		float: none;
		height: 200px;
	}
	.sliderItemText {
		height: auto !important;
	}
	.uvodRightTextIn {
		padding: 20px;
	}
	.sliderItemText h2 {
		padding: 0;
	}
	#rezForm {
		text-align: center;
	}
	.sliderItemText h2 {
		font-size: 23px;
	}
	.rezItemInfo .left {
		float:left;
	}
	.rezItemInfo .right {
		float: right;
	}
	.rezItemCeny .itemName,
	.rezItemSelect .itemName,
	.brk{
		display: none;
	}
	.rezItemCeny{
		text-align: right;
	}
	.souhrn .left {
		float: left;
	}
	.souhrn.rezItemCeny{
		text-align: left !important;
	}
	.souhrn .right {
		float: right;
	}
	.left.orderBtn {
		float: left;
		width: auto;
	}
	.right.orderBtn {
		float: right;
		width: auto;
	}
	#kosik-info .left, #kosik-info .right {
		float: none;
		text-align: center !important;
	}
	#kosik-info a.txtBtn {
		margin: 10px auto !important;		
	}
}
@media screen and (max-width: 750px) {
	.kontaktLine .icon {
		margin: 5px 0;
		box-sizing: border-box;
		width: 320px;
	}
	.katStroj {
    width: calc(100% / 2 - 30px);
	}
}
@media screen and (max-width: 600px) {
	.sortiment .sortiment-polozka {
		width: calc(100% / 2 - 20px);
	}
	.left.orderBtn,.right.orderBtn {
		float: none;
		width: 100%;
		text-align: center !important;
	}
	.orderBtn a.textBtn {
		margin: 15px 0 !important;
	}

}

@media screen and (max-width: 500px) {
	.sloupecUvod {
		flex-basis: 30%;
	}
	
	
	.katStroj {
    width: calc(100% / 1 - 30px);
	}
	.kontaktImages .box {
		width:95%;
	}
	.g-recaptcha {
    	transform:scale(0.77);
    	transform-origin:0 0;
	}
	#footer {
		font-size: 14px;
	}
	#logo.containerIn {
		padding: 0;
	}



	#menu.containerIn {
		padding: 12px 10px 10px 0;
	}

	.galeriePraciItem {
		display: block;
	}
	.galeriePraciItem h3 {
		text-align: center !important;
	}
	.galeriePraciItem .left,.galeriePraciItem .right {
		width: 100% !important;
		float: none;
	}
	.galeriePraciItem .presah {
		width: auto;
		left: 0 !important;
	}
	.galeriePraciItemImg {
		position: relative;
		top: -80px;
	}
	
	/* Force table to not be like tables anymore */
	#stroj-ceny table, #stroj-ceny thead, #stroj-ceny tbody, #stroj-ceny th, #stroj-ceny td, #stroj-ceny tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#stroj-ceny thead tr, .dny.hlavicka { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	

	
	#stroj-ceny td { 
		/* Behave  like a "row" */
		
		position: relative;
		padding: 5px 10px 5px 50% !important; 
	}
	
	#stroj-ceny td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	.ceny td:nth-of-type(1):before { content: "1-5 dní"; }
	.ceny td:nth-of-type(2):before { content: "6-11 dní"; }
	.ceny td:nth-of-type(3):before { content: "12+ dní"; }
	.ceny td:nth-of-type(4):before { content: "Víkend"; }
	
	.resp-dph {
		color: var(--modra);
		font-weight: 700;
	}
	#stroj-ceny .zaloha td:nth-of-type(1) {display:none; }
	#stroj-ceny .zaloha td:nth-of-type(2):before { content: "Záloha:"; }
	#stroj-ceny td.info {
		padding: 5px 5px !important;
	}
	
	.rezItemInfo {
		display: block;
	}
	.rezItemCeny {
		text-align: left;
		padding: 15px 0 0 0;
	}
	
	#kosik-info h3 {
		font-size: 22px;
	}
	.kosik-info-polozka {
		display: block !important;
		text-align: center;
	}
	.kosik-info-polozka img {
		display: block;
		float: none !important;
		padding: 0 0 15px 15px;
	}
	.kosik-info-polozka strong.modra {
		white-space: nowrap;
	}
	
}
@media screen and (max-width: 450px) {
	.sortiment .sortiment-polozka {
		    width: calc(100% / 1 - 20px);
	}
	.kontaktLine .icon {
		background-size: 13% !important;
		width: 295px;
		padding: 15px 10px 15px 50px;
	}
	
	
	
}
@media screen and (max-width: 400px) {
	.tabulka td {
		/*width: auto !important;
		display: block;*/
	}
	.tabulka tr td:nth-child(2) {
    	border-top: none;
	}
	#kontakt .logoB {
		display: none;
	}
	#contact-search {
		display: none;
	}
}