/*
Theme Name: Peter Bajus Basic Theme
*/


@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@100;300;400;700&display=swap");

body{
	border:0;
	font-family: "Barlow", sans-serif;
	font-size:1em;
	color:#1D1D1B;
}
.icon {
    vertical-align: 0.1em;
  }

.section{
	display:flex;
	width:100%;
	flex-direction:column;
	align-items:center;	
}

.container{
	display:flex;
	width:1400px;
	max-width:100%;
	height:100%;
}

.section.start-navigacia{
	padding:10px;
}

.start-navigacia .navigacia{
	display:flex;
	flex-direction:row;
}

.start-navigacia .navigacia a{
	padding-right:40px;
	text-decoration:none;
	font-weight:700;
	color:#1D1D1B;
}

.start-navigacia .navigacia a:before{
	position:relative;
	width:100%;
	border-bottom:1px solid #F3930D;
}	

.section.start-hero{
	height:750px;
	background-image:url("../img/start_bg.svg");
	background-repeat:no-repeat;
	background-position:60% 0px;
	background-size:auto calc(100% - 160px);
}

.start-hero .container{
	flex-direction:row;
	justify-content:space-between;
	width:1400px;
}

.start-hero .block{
	width:50%;
}

.block.logo{
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.block.logo > div.logopic{
	height:475px;
	display: flex;
}	

.block.logo > div.logopic img{
	width:344px;
	height:auto;
	margin-top:-75px;
}	



.block.logo ul{
	list-style-type: square;
	padding:0;
	margin:0;
	margin-left:20px;
}
.block.logo li{
	font-size:1.5em;
}


.block.stroj .kontakt{
	float:right;
	text-align:right;
	display:flex;
	flex-direction:column;
	align-items:right;
	justify-content:flex-end;
	margin-top:0px;
}

.block.logo .logopic .kontakt{
	display:none;
}

.block.stroj .strojpic{
	background-image:url("../img/cisteniedpf_stroj.png");
	width:437px;
	height:468px;
	position:absolute;
	-webkit-filter: drop-shadow(7px 7px 22px rgb(0,0,0, 0.3));
	filter: drop-shadow(7px 7px 22px rgb(0,0,0, 0.3));
	top:200px;
	right:calc(50% - 700px);
	background-size: auto 100%;
	background-repeat:no-repeat;
}

.block.stroj .strojsticker{
	background:#1D1D1B;
	color:#fff;
	width:200px;
	height:200px;
	border-radius:200px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;	
	text-align:center;
	position: absolute;
	top:500px;
	right: calc(50% - 350px);	
	-webkit-filter: drop-shadow(7px 7px 22px rgb(0,0,0, 0.3));
	filter: drop-shadow(7px 7px 22px rgb(0,0,0, 0.3));
}

.block.stroj .strojsticker :first-child{
	font-weight:700;
	width:70%;
	font-size:1.2em;
}

.block.stroj .strojsticker :nth-child(2){
	font-weight:700;
	width:70%;
	color:#F3930D;
	font-size:2.0em;
}


.block.stroj .kontakt :first-child{
	font-size:1.3em;
	font-weight:400;
	color:#F3930D;
}

.block.stroj .kontakt :nth-child(2){
	font-size:2.5em;
	font-weight:700;
}

.block.stroj .kontakt a, .block.stroj .kontakt a:visited, .popis .c2a a, .popis .c2a a:visited{
	text-decoration:none;
	color:#1D1D1B;
	transition: all 0.4s ease 0s;
	o-transition-duration:  all 0.4s ease 0s;
	ms-transition-duration:  all 0.4s ease 0s;
	moz-transition-duration:  all 0.4s ease 0s;
	webkit-transition-duration:  all 0.4s ease 0s;
	font-weight:700;
}

.block.stroj .kontakt a:hover, .popis .c2a a:hover{
	letter-spacing:1px;
}

.section.rychlykontakt{
	background:#FFF;
	width:100%;
	display:flex;
	align-items:center;
	padding-top:60px;
}	

.section.rychlykontakt .container{
	max-width:calc(100% - 40px);
	width:1400px;
}

.section.rychlykontakt .container > div:first-child{
	width:40%;
}

.section.rychlykontakt .container > div:nth-child(2){
	width:60%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	padding-left:120px;
}

.section.rychlykontakt h2{
	font-size:3em;
	font-weight:700;
	line-height:0.9;
	margin-bottom:10px;
}

.section.rychlykontakt h3{
	font-size:1.5em;
	font-weight:400;
}

.section.rychlykontakt h3.highlight{
	margin-top:20px;
	color:#F3930D; 
	font-weight:700;
}

.section.rychlykontakt a{
	text-decoration:none !important;
	text-align:center;
}

.section.rychlykontakt svg{
	color:#F3930D;
}

.section.rychlykontakt .text{
	color:#000 !important;
	font-size:1.2em;
	font-weight:700;
	margin-top:20px;
}

.section.popis{
	height:590px;
	background-image:url("../img/popis_bg.svg");
	background-repeat:no-repeat;
	background-position:50% 0px;
	background-size:auto 100%;
	margin-top:100px;
	position:relative;
}

.popis > .container{
	flex-direction:column;
	justify-content:center;
	width:1400px;
}

.popis > .container > *{
	width:70%;
	float:left;
}

.popis h2{
	font-size:3em;
	color:#F3930D;
	font-weight:700;
	margin:0px;
	padding-bottom:30px;
}

.popis h3{
	margin:0px;
	font-weight:700;
	padding-bottom:10px;
	padding-top:20px;
}

.popis .c2a{
	background-image:url("../img/popiscta_bg.svg");
	width:100%;
	position:absolute;
	bottom:-120px;
	height:175px;
	background-size:auto 100%;
	background-position:50%;
	background-repeat:no-repeat;
	display:flex;
	justify-content:center;
}

.popis .c2a .container{
	flex-direction:column;
	justify-content:center;
	width:1400px;
	align-items: end;
	justify-content: center;
}

.popis .c2a .container > *{
	width:60%;
	float:right;
}

.popis .c2a .container > p{	
	padding:0px;
	padding-top:20px;
	color:#000;
	font-size:1.2em;
	font-weight:700;
}

.popis .c2a .container > h2{	
	padding:0px;
	padding-top:10px;
	color:#000;
	font-size:2.0em;
}




.section.fakty{
	margin-top:250px;
	position:relative;
}

.fakty > .container{
	flex-direction:row;
	justify-content:center;
	width:1400px;
	max-width:100%;
	justify-content:space-around;
}

.fakty > .container.big{
	flex-direction:column;
	width:1000px;
	font-size:1.5em;
	text-align:center;
	padding-bottom:60px;
}	

.fakty > .container.big strong{
	font-size:1.5em;
}	


.fakty h2{
	font-size:3em;
	color:#F3930D;
	font-weight:700;
	margin:0px;
	padding-bottom:60px;
}

.fakty .fakt{
	width:20%;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:center;
}

.fakty .fakt p{
	font-size:1.5em;
	font-weight:700;
	text-align:center;
	padding:20px 40px;
}	

.fakty .fakt .ikona{
	width:150px;
	height:100px;
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:50% 0%;
}

.fakty .fakt .ikona.tel{
	background-image:url("../img/ikona_tel.svg");
}
.fakty .fakt .ikona.servis{
	background-image:url("../img/ikona_servis.svg");
}
.fakty .fakt .ikona.filter{
	background-image:url("../img/ikona_filter.svg");
}
.fakty .fakt .ikona.h24{
	background-image:url("../img/ikona_24h.svg");
}

.fakty .c2a{
	background-image:url("../img/c2a_tel_bg.svg");
	background-size:auto 100%;
	height:150px;
	margin: 60px;
	width: 690px;
	background-repeat: no-repeat;
	background-position: 50%;
	display: flex;
	justify-content: center;
	align-items: center;	
	-webkit-filter: drop-shadow(7px 7px 22px rgb(0,0,0, 0.3));
	filter: drop-shadow(7px 7px 22px rgb(0,0,0, 0.3));	
}

.fakty .c2a a, .fakty .c2a a:visited{
	font-size:3em;
	font-weight:700;
	transition: all 0.4s ease 0s;
	o-transition-duration:  all 0.4s ease 0s;
	ms-transition-duration:  all 0.4s ease 0s;
	moz-transition-duration:  all 0.4s ease 0s;
	webkit-transition-duration:  all 0.4s ease 0s;
	font-weight:700;
	color:#000 !important;
	text-decoration:none;
}

.fakty .c2a a:hover{
	letter-spacing:1px;
}


.section.cennik{
	height:540px;
	background-image:url("../img/cennik_bg.svg");
	background-repeat:no-repeat;
	background-position:50% 0px;
	background-size:auto 100%;
	margin-top:100px;
	position:relative;
	display:flex;
	justify-content:center;
}

.cennik .container{
	flex-direction:column;
	justify-content:center;
	align-items:flex-end;
	width:1400px;
	height:auto !important;
}

.cennik .container.asterisk{
	padding-top:40px;
}

.cennik .kategoria{
	display:flex;
	flex-direction:row;
	width:85%;
	border-bottom:4px solid #fff;
}

.cennik div:last-child{
	border-bottom:0 !important;
}


.cennik .kategoria .label{
	width:40%;
	font-size:1.5em;
	font-weight:700;
	padding-top:20px;
	padding-bottom:20px;
	display:flex;
	text-align:left;
}

.cennik .kategoria .hodnota{
	width:20%;
	font-size:1.8em;
	font-weight:700;
	text-align:center;
	border-right:4px solid #fff;
	padding-top:20px;
	padding-bottom:20px;
	display:flex;
	justify-content:center;
}

.cennik .kategoria .hodnota .mini{
	font-size: 0.5em;
	margin-top: 15px;
	margin-right:5px;
}

.cennik .kategoria .hodnota.neplati{
	font-size:1.2em;
	text-decoration:line-through;
	text-decoration-color: red;
	color:red !important;
}


.cennik .kategoria div:last-child{
 border-right:0 !important;
}


.cennik .kategoria.head{
	border-bottom:0 !important;
}

.cennik .kategoria.head .label, .cennik .kategoria.head .hodnota{
	align-items:center;
	border-right:0 !important;
}

.cennik h2.mobile{
	display:none;
}	

.cennik h2{
	font-size:2em;
	color:#F3930D;
	font-weight:700;
	margin:0px;
	padding-bottom:30px;
}

.cennik h3{
	margin:0px;
	font-weight:700;
	padding-bottom:10px;
	padding-top:20px;
}

.cennik .cenniksticker{
	background:#1D1D1B;
	color:#fff;
	width:160px;
	height:160px;
	border-radius:160px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;	
	text-align:center;
	position: absolute;
	top:-80px;
	left: calc(50% - 700px + 20px);	
	-webkit-filter: drop-shadow(7px 7px 22px rgb(0,0,0, 0.3));
	filter: drop-shadow(7px 7px 22px rgb(0,0,0, 0.3));
}
.cennik .cenniksticker :first-child{
	font-weight:700;
	width:70%;
	font-size:1.5em;
}

.cennik .cenniksticker :nth-child(2){
	font-weight:700;
	width:70%;
	color:#F3930D;
	font-size:3.0em;
}

.section.kontakt{
	height:620px;
	background-image:url("../img/kontakt_bg.svg");
	background-repeat:no-repeat;
	background-position:50% 0px;
	background-size:auto 100%;
	margin-top:100px;
	position:relative;
	display:flex;
	justify-content:center;
	margin-bottom:100px;
}

.section.kontakt .container{
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	width:1400px;
	height:100% !important;
	color:#fff;
	
	position:relative;
}

.section.kontakt h2{
	margin-top:-50px;
	color:#F3930E;
	font-size:3.5em;
	font-weight:700;
	margin-bottom:20px;
}	

.section.kontakt p{
	padding-top:20px;
	font-size:1.2em;
}

.section.kontakt a, .kontakt a:visited{
	color:#F3930D !important;
	text-decoration:none;
}	

.section.kontakt a:hover{
	text-decoration:underline;
}

.section.kontakt #map-canvas{
	position:absolute;
	bottom:0px;
	right:0px;
	width:1000px !important;
	height:500px !important;
	-webkit-filter: drop-shadow(7px 7px 22px rgb(0,0,0, 0.3));
	filter: drop-shadow(7px 7px 22px rgb(0,0,0, 0.3));
}

.wp-gallery-content{
	display:flex;
	flex-direction:row;
}

.wp-gallery-content .wp-gallery-image img{
	width:200px;
	height:200px;
}