@font-face {
    font-family: 'Jura';
    src: url('Jura-Regular.woff2') format('woff2'),
        url('Jura-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jura';
    src: url('Jura-Bold.woff2') format('woff2'),
        url('Jura-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

.site {
	position: relative;
	margin: 2em auto;
	width: 100%;
	max-width: 1010px;
	height: 100%;
	background: #fff;
}

header {
	position: relative;
	top: 0;
	width: 100%;
	height: 130px;
	background: url(../images/header.jpg) no-repeat;
}

.headerInner {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 1010px;
	height: 100%;
}

.custom-logo-link {
	position: absolute;
	top: 22px;
	left: 21px;
	z-index: 10000;
}

.post-thumbnail {
	position: relative;
	width: 100%;
	height: auto;
	max-height: 600px;
	line-height: 0 !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

.post-thumbnail img {
	visibility: hidden;
}

/* Menü */
nav {
	position: relative;
	top: 8px;
	left: 222px;
	width: calc( 100% - 222px);
	max-width: 788px;
	min-height: 40px;
	line-height: 1;
	background: #010000;
	border-radius: 15px 0 0 0;
	z-index: 1000;
}

.menu-main-menu-container {
	height: 100%;
	display: table;
	width: 100%;
}

.menu {
	width: 100%;
	display: table-cell !important;
	vertical-align: middle;
}

.main-navigation ul {
	padding-left: 50px;
}

.main-navigation li {
	margin-right: 30px;
}

.main-navigation li:last-child, .main-navigation li li {
	border-right: none;
}

.main-navigation a {
	padding-top: 12px;
	width: 100%;
	height: 40px;
	color: #fff;
	font-size: 1em;
	text-align: center;
	text-transform: uppercase;
}

.main-navigation a:hover, .current_page_item a, .current-menu-parent>a {
	color: #ffc100 !important;
}

.left-navigation {
	position: absolute;
	top: 350px;
	left: 32px;
}

.left-navigation .subMenu {
	margin: 0;
	list-style: none;
}

.left-navigation .subMenu li {
	margin-bottom: 5%;
	padding-left: 23px;
	background: url(../images/subMenuPoint.png) left 5px no-repeat;
	text-transform: uppercase;
}

.mobile-navigation {
	display: none;
}

@media screen and (min-width:800px) {
	.sub-menu {
		width: 100%;
		box-shadow: 0 3px 13px rgba(0, 0, 0, 0.2);
		opacity: 1;
	}
	
	.main-navigation ul ul {
		padding: 6px;
		width: auto;
		max-height: 0;
		overflow: hidden;
		-webkit-transition: all .2s ease-out;
		transition: all .2s ease-out;
		opacity: 0;
		background: rgba(127, 142, 128, .7);
	}
	
	.main-navigation ul ul li {
		border-bottom: 1px solid #000;
	}
	
	.main-navigation ul ul li:last-child {
		border: none;
	}
	
	.main-navigation ul ul a {
		width: 100%;
		text-transform: none;
		text-align: left;
	}

	.main-navigation ul li:hover > ul {
		max-height: 600px;
		opacity: 1;
		-webkit-transition: all .2s ease-in;
		transition: all .2s ease-in;
	}
}

/* Hamburger Menü */
.menuButton {
	display:none;
}

.menuButton {
	position: absolute;
	top: 1em;
	right: 1em;
	width:30px;
	height:30px;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
	cursor:pointer;
	z-index: 10000;
}

.menuButton span {
	display:block;
	position:absolute;
	height:4px;
	width:30px;
	background: #ffc100;
	border-radius:9px;
	opacity:1;
	left:0;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:.25s ease-in-out;
	-moz-transition:.25s ease-in-out;
	-o-transition:.25s ease-in-out;
	transition:.25s ease-in-out;
}

.menuButton span:nth-child(1) {
	top:0px;
}

.menuButton span:nth-child(2) {
	top:10px;
}

.menuButton span:nth-child(3) {
	top:20px;
}

.menuButton.open span:nth-child(1) {
	top:10px;
	background: #ffc100;
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	transform:rotate(135deg);
}

.menuButton.open span:nth-child(2) {
	opacity:0;
	left:-10px !important;
}

.menuButton.open span:nth-child(3) {
	top:10px;
	background: #ffc100;
	-webkit-transform:rotate(-135deg);
	-moz-transform:rotate(-135deg);
	-o-transform:rotate(-135deg);
	transform:rotate(-135deg);
}


/* Content */
.site-content {
	position: relative;
	top: 12px;
	left: 222px;
	width: calc( 100% - 222px);
	max-width: 788px;
	height: 100%;
	min-height: 408px;
	color: #010000;
	background: #fff;
}

.site-content ul {
	width: 100%;
	list-style: none;
}

.twoColLi ul {
	-webkit-column-count: 2;
	-webkit-column-gap: 1em;
	column-count: 2;
	column-gap: 1em;
}

.site-content ul li {
	padding-left: 1em;
	font-size: .8em;
	background: url(../images/listPoint.png) left 8px no-repeat;
}

.site-content a {
	text-decoration: underline;
}

.content-area, .site-main, .hentry, .entry-content, .panel-layout, .panel-grid, .panel-row-style {
	height: 100%;
}

.homeText {
	width: 55%;
	font-size: .9em !important;
	text-shadow: 2px 2px #000;
}

h1, h2 {
	margin-bottom: 0.5em;
	font-size: 1.6em;
	font-weight: bold;
	color: #ffc100;
	text-transform: uppercase;
}

h2 {
	margin-bottom: 0;
	font-size: 1em;
	text-transform: none;
}

.entry-content p {
	line-height: 1.4;
	font-size: .8em;
}

#pl-24 .so-panel {
	margin-bottom: 0 !important;
}

article {
	position: relative;
	overflow: auto;
}

.panel-grid-cell {
	padding: 56px 2em 10px 50px;
}

.noPaddingPGC .panel-grid-cell {
	padding: 0;
}

.noPaddingPGC .panel-grid-cell div:nth-of-type(2) {
	position: absolute;
	top: 56px;
	left: 50px;
}

.entry-title {
	margin-bottom: 2em;
}

strong {
	font-weight: 700;
}

.rightImages>div:nth-of-type(2) {
	padding: 0;
	width: 25% !important;
}

.rightImages div:nth-of-type(2) div {
	margin-bottom: 0 !important;
}

/* Contact Form */
.wpcf7 p {
	margin-bottom: 6px;
}

.wpcf7-form div {
	float: left;
	padding-bottom: 6px;
	width: 100%;
}

.wpcf7-form div label {
	float: left;
	width: 35%;
	font-size: 1.1em;
}

.wpcf7-form div span {
	float: right;
	width: 65%;
}

.wpcf7-form .options>span {
	width: 100%;
}

.wpcf7-form .options>span>span {
	width: 50%;
	margin: 0;
}

.wpcf7-form .options>span>span label {
	width: 100%;
}

.wpcf7-form .options>span>span label input, .wpcf7-form .options>span>span label span {
	float: left;
	line-height: 1;
}

.wpcf7-form .options>span>span label span {
	display: flex;
}

span.wpcf7-list-item-label::before {
	margin-left: 1em;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	background: rgba(255, 255, 255, .7);
	padding: 5px 10px;
	color: #1a171b;
}

.wpcf7-submit {
	float: right;
	background: #fff !important;
	color: #ffc100 !important;
	font-weight: bold;
	border: 2px solid #ffc100 !important;
}

.wpcf7-not-valid-tip {
	width: 100% !important;
	color: #c20f19 !important;
	font-size: .9em !important;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-response-output {
	margin: 1em 0 0 0 !important;
	padding-bottom: 0;
	border: 2px solid #c20f19;
	font-size: .8em;
}

.gmaps .custom-html-widget {
	float: left;
	width: 100%;
}

iframe, .map {
	margin-bottom: 1em;
	padding-right: 2em;
	width: 100%;
	max-height: 600px;
	height: 50vw;
}

.bgTruck {
	background-size: initial;
	background-repeat: no-repeat !important;
	background-position: right top;
}

/* Footer */
footer {
	position: relative;
	top: 10px;
	padding: 0 1em;
	width: 100%;
	max-width: 1010px;
	height: 57px;
	background: url(../images/footer.jpg) no-repeat;
}

footer p {
	margin-bottom: 0;
	color: #000;
	font-size: .7em;
}

footer a {
	text-decoration: none !important;
}

footer a:hover {
	color: #ffc100;
}

.footerInner {
	position: relative;
	float: right;
	margin: 8px auto;
	width: 75%;
	max-width: 800px;
	line-height: 2;
}

footer .widget {
	float: left;
	margin: 0;
	width: auto;
	font-size: .82em;
	display: table;
	font-weight: bold;
}

footer .widget:nth-of-type(2) {
	float: left;
	width: 33%;
}

footer .widget:nth-of-type(3) {
	width: 33%;
	text-align: right;
}

footer .widget:nth-of-type(4) {
	float: right;
	width: 33%;
	text-align: right;
}

@media screen and (max-width:1010px) {
	footer .widget {
		font-size: .7em;
	}
}

@media screen and (max-width:870px) {
	.bgTruck {
		background-image: none !important;
	}
	
	.contactForm div:nth-of-type(1) {
		width: 100% !important;
	}
	
	.twoColLi ul {
		-webkit-column-count: 1;
		-webkit-column-gap: 0;
		column-count: 1;
		column-gap: 0;
	}
	
	.homeText {
		width: 70%;
	}
	
	footer {
		background: #23476e;
	}
	
	.footerInner {
		width: 100%;
	}
	
	.widget {
		margin-bottom: 1em !important;
		width: 100% !important;
		text-align: left !important;
		font-size: 1.3em !important;
	}
	
	footer p, footer a {
		color: #fff;
	}
	
	footer a {
		font-size: 1em;
	}
	
	#pg-12-0 .panel-grid-cell {
		width: 100% !important;
	}
	
	.noPaddingPGC .panel-grid-cell div:nth-of-type(2) {
		width: 80% !important;
	}
}

@media screen and (max-width:780px), (min-device-width: 1366px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	.site {
		margin-top: 0;
	}

	.custom-logo-link {
		top: 3vw;
		left: 3%;
		width: 23%;
		z-index: 9999;
		-webkit-transition: all .1s ease-out;
		transition: all .1s ease-out;
	}
	
	header {
		background-size: cover;
	}

	.site-header {
		position: absolute;
		top: 0;
	}
	
	nav {
		left: 0;
		width: 100%;
		display: none;
		display: none !important;
	}

	.menuButton {
		display: block;
	}
	
	.openMenu {
		width: 100% !important;
		-webkit-transition: all .2s ease-in;
		transition: all .1s ease-in;
		opacity: 1 !important;
	}
	
	.left-navigation {
		display: none;
	}
	
	.mobile-navigation {
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: 0;
		background: rgba(255, 255, 255, .9);
		-webkit-transition: all .1s ease-in;
		transition: all .1s ease-in;
		opacity: 0;
		z-index: 10000;
		display: block;
	}
	
	.mobile-navigation ul:first-child {
		margin-top: 3em;
	}
	
	.mobile-navigation a {
		margin: 0 1em;
		font-size: 2em;
		font-weight: bold;
	}
	
	.sub-menu {
		display: block;
	}
	
	.main-navigation ul {
		float: left;
		width: 96%;
		display: block;
	}
	
	.main-navigation ul ul {
		width: 100%;
	}
	
	.main-navigation ul li {
		padding: .2em 0;
		width: 100%;
	}
	
	.main-navigation li:last-child {
		width: 100%;
	}
	
	.main-navigation ul ul {
		position: relative;
		padding: .2em 0 0 0;
		min-height: auto;
	}
	
	.main-navigation ul ul li a {
		margin: 0 .5em;
		width: 100%;
	}
	
	.main-navigation ul ul li:last-child {
		padding-bottom: 0;
	}
	
	.menuButton {
		padding:0;
		display:block;
		text-align:left;
		background:none;
		z-index: 100000;
	}
	
	.menuButton div {
		margin-left:5px;
		width:40px;
		color:#252525;
		font-size:120%;
		font-weight:bold;
		line-height:1;
		cursor:pointer;
		text-align:center;
	}
	
	.site-header {
		height: 16vw;
	}

	.panel-grid-cell {
		padding: 0 2em !important;
	}
	
	.panel-row-style {
		padding: 0;
	}
	
	.site-content {
		top: 35vw;
		left: 0;
		margin-bottom: 35vw;
		width: 100%;
	}
	
	.site-content img {
		width: 100%;
		max-width: 600px;
	}
	
	.imgLogosResponsive img {
		float: left;
		max-width: 250px;
		clear: both;
	}
	
	.rightImages div:nth-of-type(2) {
		margin-bottom: 1em;
		width: 100% !important;
		display: flex;
	}
	
	.rightImages div:nth-of-type(2) img {
		float: left;
		width: auto !important;
	}
	
	.noPaddingPGC .panel-grid-cell {
		display: flex;
		flex-wrap: wrap-reverse;
	}
	
	.noPaddingPGC .panel-grid-cell div:nth-of-type(2), .noPaddingPGC .panel-grid-cell div:nth-of-type(2) p {
		position: initial;
		width: 100% !important;
		color: #000;
	}
	
	.noPaddingPGC .panel-grid-cell div:nth-of-type(2) p br {
		float: left;
	}
	
	.homeText {
		text-shadow: none;
	}
	
	footer {
		float: left;
		width: 100%;
		height: auto;
	}
}

@media screen and (max-width:500px) {
	.wpcf7-form div label, .wpcf7-form div span {
		float: left;
		width: 100%;
	}
	
	.wpcf7-form .options > span > span {
		margin-top: 6px;
		width: 100%;
	}
	
	.wpcf7-form .options > span > span label span {
		float: left;
		width: auto;
	}
}