/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

@font-face {
  font-family: 'CenturyGothic-Bold';
  src: url('../fonts/century-gothic-bold/century-gothic-bold.eot');
  src: url('../fonts/century-gothic-bold/century-gothic-bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/century-gothic-bold/century-gothic-bold.woff2') format('woff2'),
       url('../fonts/century-gothic-bold/century-gothic-bold.woff') format('woff'),
       url('../fonts/century-gothic-bold/century-gothic-bold.ttf') format('truetype'),
       url('../fonts/century-gothic-bold/century-gothic-bold.svg#CenturyGothic-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CenturyGothic';
  src: url('../fonts/century-gothic-regular/century-gothic.eot');
  src: url('../fonts/century-gothic-regular/century-gothic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/century-gothic-regular/century-gothic.woff2') format('woff2'),
       url('../fonts/century-gothic-regular/century-gothic.woff') format('woff'),
       url('../fonts/century-gothic-regular/century-gothic.ttf') format('truetype'),
       url('../fonts/century-gothic-regular/century-gothic.svg#CenturyGothic') format('svg');
  font-weight: normal;
  font-style: normal;
}


.scrollPos{
	background: black;
	padding: 10px 20px;
	font-size: 16px;
	color: white;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	display: none !important;
}

html, body{background: black;}


html.overflow-type,
html.overflow-type body{
	height: 100%;
	overflow: hidden !important;
}


.tm-navbar-sticky .tm-navbar-wrapper, .tm-navbar-sticky .tm-navbar-wrapper-animate{border-width: 0;}

#tm-main{padding: 0 !important;}


.uk-navbar{
	background: rgba(0, 0, 0, 0);
	
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}



.tm-navbar .tm-navbar-container{min-height: 90px;}

.header-inner{
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	height: 90px;
	
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}



.tm-navbar-center{padding-left: 240px;}

.uk-navbar-nav > li > a{
	line-height: 90px;
	height: 90px;
	
	font-size: 16px;
	text-transform: none;
	color: white;
	padding: 0 20px;
	
}

.uk-nav-offcanvas > li > a{
	font-size: 16px;
	text-transform: none;
	color: white;
}


.uk-nav-offcanvas > .uk-open > a,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus,
html .uk-nav-offcanvas > li > a:hover,
html .uk-nav-offcanvas > li > a:focus{
	background: #fc6e27;
}

.uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle{height: 90px;}


.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a{
	color: #fc6e27;
}

.tm-navbar-left{left: 0;}
.uk-navbar-brand{
	padding: 0 15px;
	line-height: 90px;
}


.uk-navbar-toggle{position: absolute; right: -10px;}

.tm-navbar-right{right: 15px;}

.tm-more{
	font-size: 16px;
	color: white;
}

.tm-more i{color: #fc6e27; font-size: 18px; margin-right: 5px;}

.tm-more a{color: inherit; text-decoration: none;}


.vc_row:not(.uk-container-center){margin: 0;}

.vc_column_container>.vc_column-inner{padding: 0;}



#tm-content{
	background: black url(../images/asfault.jpg) no-repeat center top;
	background-size: 100% auto;
}

.scrollbox{
	margin: 0 !important;
	height: 100vh;
	width: 100%;
	overflow: hidden;
	
	background-size: 100% auto;
	z-index: 2;
}

.scrollbox > .wpb_column{
	float: none;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}



.scrollbox > .wpb_column > .vc_column-inner{
	padding: 0;
	margin-top: 90px;
	height: calc(100vh - 90px);
	overflow: hidden;
}

.scrollbox > .wpb_column > .vc_column-inner > .wpb_wrapper{
	position: relative;
	height: 810px;
	width: 1180px;
	
	left: 50%;
	top: 50%;
	
	margin-left: -590px;
	margin-top: -405px;
	
	
	-webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -o-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;

}

.scrollbox .scroll-image{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	margin: 0;
	
	transform: translateX(-50%) translateY(-50%);
	transition-property: transform;
    transition-duration: 0.4s;
}

.scrollbox .scroll-image.animate-scroll-image{
	transform: translateX(-50%) translateY(-50%)  rotate(45deg);
}

.scrollbox .scroll-image img{max-width: none;}

.scrollbox .scroll-image .vc_single_image-wrapper{display: block;}

.carimage img{width: 300px !important;}
.houseimage img{width: 676px !important;}
.bagimage img{width: 600px !important;}
.peopleimage img{width: 700px !important;}

.fixed-image{
	position: fixed;
	top: 50%;
	right: 50%;
	z-index: 3;
	margin-top: 46px;
	transform: translateY(-50%);
	
	
    
    -webkit-transition: width 0.2s ease;
	-moz-transition: width 0.2s ease;
	-ms-transition: width 0.2s ease;
	-o-transition: width 0.2s ease;
	transition: width 0.2s ease;
}

.fixed-image.animate-scroll-image{
	transition-property: transform;
    transition-duration: 0.4s;
}

.fixed-image.decsacle{
	-webkit-transition: width 0.2s;
	-moz-transition: width 0.2s;
	-ms-transition: width 0.2s;
	-o-transition: width 0.2s;
	transition: width 0.2s;
}



.scrollbox .text-container{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	cursor: pointer;
	max-width: 450px;
}

html.uk-touch .scrollbox .text-container{display: block;}

.scrollbox .text-container .vc_column-inner{padding: 0;}

.scrollbox .text-container h3{
	font-size: 25px;
	font-family: 'CenturyGothic-Bold';
	line-height: normal;
	color: #fc6e27;
	border-bottom: 1px solid white;
	padding-bottom: 5px;
	margin-bottom: 10px;
	position: relative;
	
}

.scrollbox .text-container h3 .line{
	display: block;
	width: 1px;
	height: 100px;
	background: white;
	position: absolute;
	bottom: 0;
	
	transform: rotate(-45deg);
		
	
	-webkit-transform-origin: bottom center;
    -moz-transform-origin: bottom center;
    -o-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
}

.scrollbox .text-container .wpb_text_column{
	margin: 0 !important;
	font-size: 18px !important;
	line-height: normal !important;
	font-family: 'CenturyGothic-Bold' !important;
	color: white;
}

.scrollbox .text-container .wpb_text_column span{font: inherit !important;}




#tm-main{position: relative;}
#tm-main .lock-page{
	height: 100vh;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	
	display: none;
}

.uk-offcanvas-bar-flip:after{content: none;}
.uk-offcanvas-bar{padding: 20px;}


.content-block{float: none;}
.content-block > div > .wpb_wrapper{padding-right: 50px;}


.block-cont{padding-top: 100px; padding-bottom: 100px;}
.block-cont.block-color{
	background: url(../images/back-color.jpg);
	background-size: 150px 150px;
}

.box-content{
	background: white;
	padding: 45px;
	font-size: 22px;
	color: black;
	line-height: normal;
	font-weight: 300;
	position: relative;
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
}

.box-content span{font: inherit !important;}


#page-content .box-content{margin-top: 100px;}
#content-blocks{padding-top: 180px;}


.box-content.contrast{color: white;}

.box-content.box-border{
	background: none;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-top: none;
	padding-top: 0;
	box-shadow: none;
}

.box-content.box-border.contrast{
	border-color: rgba(255, 255, 255, 0.2);
}

.box-content.box-border .top-line{
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 1px;
	background: rgba(0, 0, 0, 0.2);
}

.box-content.box-border .top-line{background: rgba(255, 255, 255, 0.2);}

.box-content > div > div > .wpb_wrapper > *:last-child{margin-bottom: 0;}

.box-content .box-title{
	font-family: 'CenturyGothic';
	font-size: 42px;
	line-height: normal;
	color: #fc6e27;
	margin: 0;
	text-transform: uppercase;
	margin-bottom: 30px;
	margin-top: -10px;
}

.box-content.contrast .box-title{color: white; display: table;}
.box-content.box-border .box-title{margin-top: -25px;}

.box-content p{margin: 10px 0;}


#kontakt .box-content .box-title{margin-bottom: 15px;}


.kontakt-grid{margin-top: 25x; margin-bottom: 15px; font-size: 14px;}
.kontakt-grid a{color: inherit; text-decoration: none;}
.kontakt-grid .uk-margin{
	background: url(../images/marker.png) no-repeat left top;
	background-size: 34px auto;
	padding-left: 55px;
}


.uk-form select, .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="number"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="color"]{
	width: 100%;
	font-size: 16px;
	text-transform: none;
	letter-spacing: normal;
	color: #000000;
	height: 46px;
	line-height: normal;
	border: 2px solid #ededed;
	padding: 0 10px;
}

.uk-form textarea{
	height: auto;
	padding: 10px;
	resize: none;
	height: 110px;
}

.uk-button{
	font-size: 16px;
	letter-spacing: normal;
	padding: 0 45px;
	min-height: 45px;
	line-height: 45px;
}
.uk-button-primary{color: white !important;}

div.wpcf7 img.ajax-loader{display: none !important;}

.wpcf7-not-valid-tip{margin-top: 3px;}


.tm-footer{min-height: 0;}
#tm-footer{color: white; font-size: 16px;}
#tm-footer a{color: inherit; text-decoration: none;}
#tm-footer i{font-size: 18px; color: #fc6e27; margin-right: 5px;}

.tm-block-footer{padding-top: 35px; padding-bottom: 35px;}




#content-blocks .box-content{
	position: relative;
	display: none;
}

#content-blocks .box-content:first-child{display: block;}


@media(max-width: 1219px){
	.uk-navbar-nav > li > a{padding: 0 12px;}
}

@media(max-width: 959px){
	.tm-navbar-right{
		right: 50%;
		transform: translateX(50%);
	}
}

@media(min-width: 768px){
	.uk-navbar.filled .header-inner{border-color: rgba(255, 255, 255, 0);}
	.uk-navbar.filled{background: rgba(0, 0, 0, 0.75);}
}

@media(max-width:767px){
	.tm-footer{height: 52px;}
}


@media(max-width:800px), (max-height: 500px){
	#tm-content{background-size: auto;}
	#tm-main .lock-page{display: none !important;}
	.scrollbox > .wpb_column > .vc_column-inner > .wpb_wrapper{
		width: 100%;
		height: 100%;
		margin: 0 !important;
		top: 0;
		left: 0;
		
		-moz-transform: none !important;
		-webkit-transform: none !important;
		-o-transform: none !important;
		-ms-transform: none !important;
		transform: none !important;
	}
	
	.scrollbox > .wpb_column > .vc_column-inner > .wpb_wrapper .scroll-image{
		right: 0;
		top: 0;
		left: auto;
		width: auto;
		display: table !important;
		margin-left: auto;
		margin-right: auto;
		position: static;
		transform: translateX(0) translateY(0) rotate(0) !important;
		margin-top: 30px;
	}
	
	.scrollbox .scroll-image img{max-width: 100% !important;}
	
	.scrollbox .text-container{
		position: static;
		width: auto;
		display: block !important;
		margin-top: 20px;
		margin-bottom: 40px;
	}
	
	.scrollbox .text-container h3 .line{display: none;}
	.scrollbox .text-container h3{font-size: 20px; border-color: rgba(255, 255, 255, 0.2);}
	
	.scrollbox,
	.scrollbox > .wpb_column,
	.scrollbox > .wpb_column > .vc_column-inner{height: auto;}
	
	.scrollbox .text-container h3{max-width: none;}
	.scrollbox .text-container .wpb_text_column br{display: none;}
	
	.scroll-image.fixed-image{display: none !important;}
	.content-block > div,
	.content-block > div > .wpb_wrapper{padding-right: 0 !important;}
	
	.block-cont{padding-top: 50px; padding-bottom: 50px;}
	.box-content.first-block{margin-top: 100px;}
	
}

@media(max-width:500px){
	.tm-navbar-right {
	    left: 150px;
	    right: auto;
	    transform: translateX(0);
	}
}

@media(max-width:400px){
	.tm-logo-small img{width: 100px;}
	.tm-navbar-right{left: 110px;}
	
	.scrollbox .text-container h3{font-size: 16px;}
	
	.box-content .box-title{font-size: 30px;}
	.box-content{padding: 25px;}
	
	#tm-footer{font-size: 13px;}
	#tm-footer i{font-size: 16px;}
}