body{
	font-family: 'Montserrat', sans-serif;
	padding: 0;
	margin: 0;
	background: #fff;
	font-size: 12px;
  	scroll-behavior: smooth;
}
.foot_line a{
	color: #fff !important;
}
#main_overlay{
/*	padding: 35px 50px;   */
}


.scrolllogo{
	display: none;
}
.pulse {
	height: 1px;
	background: #fff;
	width: 100%;
	position: relative;
	display: block;
	  -webkit-animation-name: pulsate;
	  -webkit-animation-duration: 3s;
	  -webkit-animation-timing-function: ease-in-out;
	  -webkit-animation-iteration-count: infinite;
	  -webkit-animation-direction: alternate;
}

@-webkit-keyframes pulsate {
 0% {
   top: 0px;
 }
 5% {
   top: 2px;
 }
 10% {
   top: 4px;
 }
 15% {
   top: 6px;
 }
 20% {
   top: 8px;
 }
 25% {
   top: 10px;
 }
 30% {
   top: 12px;
 }
 35% {
   top: 14px;
 }
 40% {
   top: 16px;
 }
 45% {
   top: 18px;
 }
 50% {
   top: 20px;
 }
 55% {
   top: 18px;
 }
 60% {
   top: 16px;
 }
 65% {
   top: 14px;
 }
 70% {
   top: 12px;
 }
 75% {
   top: 10px;
 }
 80% {
   top: 8px;
 }
 85% {
   top: 6px;
 }
 90% {
   top: 4px;
 }
 95% {
   top: 2px;
 }
 100% {
   top: 0px;
 }
}


header{
	height: 100vh;
	background: #000;
	position: relative;
	width: 100%;
}

.footer_about_layout{
	height: 100vh;
	background: url('/images/contact_personal.jpg') bottom left no-repeat;
	-moz-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	width: 100%;
}

.footer_about_inner{
	float: right;
	width: 100%;
	height: 100%;
	height: 100%;
	color: #fff;
}
.footer_about_title{
    float: left;
    font-size: 45px;
    margin-bottom: 20px;
    font-weight: bold;
    text-transform: uppercase;
}
.footer_submain_text{
    font-size: 25px;
    margin-top: 0px;
    display: block;
    font-weight: bold;
}
.footer_about_text{
	font-size: 17px;
    line-height: 1.6em;
    float: right;
    width: 50%;
}
.footer_contact_text a{
	color: #fff;
	text-decoration: none;
}
.social_icon{
    background: transparent;
    margin-top: 10px;
    color: #252525 !important;
    text-decoration: none;
    display: block;
    font-size: 26px;
    float: left;
    width: 41px;
    padding: 0px 0;
    text-align: center;
}
.footer_contact_layout{
	height: 90vh;
	background: url('/images/contact_footer.jpg') top left no-repeat;
	-moz-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	width: 100%;
}

.footer_contact_inner{
	float: left;
	width: 50%;
	height: 100%;
	height: 100%;
	color: #fff;
}
.footer_text_contact{
	position: absolute;
	top: 50%;
	padding: 0 2.5% 0 10%;
	transform: translateY(-50%);
	width: 30%;
}
.field_title{
	font-size: 15px;
	color: #fff;
	margin-bottom: 7px;
	text-transform: uppercase;
}
.maininput{
	background: rgba(255, 255, 255, 0.40);
	border: 2px solid #fff;
	outline: none;
	padding: 2%;
	width: 96%;
	margin-bottom: 7px;
	color: #000;
}
textarea{
	height: 110px;
}
.footer_form_contact{
	position: absolute;
	top: 50%;
	right: 0px;
	padding: 0 20% 0 2.5%;
	transform: translateY(-50%);
	width: 35%;
}
.mainsubmit{
	background: black;
	outline: none;
	color: #fff;
	padding: 3% 4%;
	text-transform: uppercase;
	border: none;
}
.footer_contact_title{
    font-size: 45px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.footer_contact_text{
    font-size: 17px;
    line-height: 1.6em;
}


.footer_text{
	position: absolute;
	top: 50%;
	padding: 0 5%;
	transform: translateY(-50%);
}

.offices_0{
	height: auto;
	background: #fff;
	position: relative;
	width: 100%;
}
.offices{
	height: 90vh;
	background: #fff;
	position: relative;
	width: 100%;
	margin-top: 5vh;
	margin-bottom: 5vh;
}
.section_title{
	height: 5vh;
	background: #fff;
	position: relative;
	width: 100%;
}

.title{
	color: #000;
	text-transform: uppercase;
	float: left;
	left: 50%;
	top: 50%;
	padding: 15px 40px 30px;
	font-size: 17px;
	font-weight: 500;
	position: relative;
	transform: translate(-50%,-50%);
	border-bottom: 1px solid black;

}

.realizace{
	height: 90vh;
	background: #fff;
	position: relative;
	width: 100%;
	margin-top: 5vh;
	margin-bottom: 5vh;
}

.office{
	position: relative;
	width: 33.33333333333333%;
	float: left;
	height: 95%;
	background: red;
}
.office_0{
	position: relative;
	width: 30%;
	float: left;
	min-height: 490px;
	margin: 1% 1.666666666666665%;
	background: red;
}
.office_0x{
	position: relative;
	width: 30%;
	float: left;
	min-height: 490px;
	margin: 1% 1.666666666666665%;
	background: transparent;
}
.office_mensi{
	position: relative;
	width: 100%;
	float: left;
	min-height: 230px;
	margin: 0% 0%;
	margin-bottom: 30px;

	background: red;
}
.office_detail{
	position: relative;
	width: 30%;
	float: left;
	min-height: 245px;
	margin: 1% 1.666666666666665%;
	background: red;
}

.overlay{
	width: 1160px;
	margin: 0 auto;
}

.office_bg0{

}

.office_bg1, .office_bg3{
	margin-top: 2.5%;
}

.office_bg0{
	background: url('/nahledy/1.jpg') center center no-repeat;
	-moz-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
.office_bg1{
	background: url('/images/praha_kancelare.jpg') center center no-repeat; -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); -moz-background-size: cover; -webkit-background-size: cover; background-size: cover;
}
.office_bg2{
	background: url('/images/praha_korbicka.jpg') center center no-repeat;
	-moz-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
.office_bg3{
	background: url('/images/brno_centrum.jpg') center center no-repeat;
	-moz-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}

.office_link{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	text-align: center;
	transition: 300ms all;
}
.office_link:hover{
	background: rgba(0, 0, 0, 0.35);
}

.office_link_detail{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	text-align: center;
	transition: 300ms all;
}

.office_link_detail:hover{
	background: rgba(0, 0, 0, 0.85);
}


.vizualizations{
	height: 60vh;
	background: #fff;
	position: relative;
	width: 100%;
	margin-top: 5vh;
	margin-bottom: 5vh;
}

.vizualizace{
	position: relative;
	width: 33.33333333333333%;
	float: left;
	height: 100%;
	background: red;
}

.vizualizace_bg1, .vizualizace_bg3{
	margin-top: 2.5%;
	height: 85%;
}

.vizualizace_bg1{
	background: url('/images/masazni_koberce.jpg') center center no-repeat;
	-moz-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
.vizualizace_bg2{
	background: url('/images/design_dreveny_stolek.jpg') center center no-repeat;
	-moz-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
.vizualizace_bg3{
	background: url('/images/kvetinac.png') center center no-repeat;
	-moz-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}

.vizualizace_link{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	text-align: center;
	transition: 300ms all;
}
.vizualizace_link:hover{
	background: rgba(0, 0, 0, 0.35);
}

.main_head_title{
	font-size: 25px;
	margin-left: 1.66666666665%;
    margin-top: 30px;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.left_title{
	font-size: 25px;
	margin-left: 1.66666666665%;
	margin-top: 20px;
	margin-bottom: 15px;
	float: left;
	width: 35%;
	text-transform: uppercase;
}
.right_text{
	float: right;
	width: 60%;
	margin-top: 15px;
	margin-bottom: 50px;
	margin-right: 1%;
}



.inner_text{
	color: #fff;
	text-decoration: none;
	position: absolute;
    top: 50%;
	text-align: center;
	left: 50%;
	font-size: 20px;
	transform: translate(-50%,-50%);
	transition: 300ms ease-in-out;
	    width: 470px;
	text-transform: uppercase;
}

.vizualizace:hover .inner_text{
	color: #000;
	top: 75% !important;
}

.office:hover .inner_text{
	color: #000;
	top: 75% !important;
}

.office_0:hover .inner_text{
	color: #fff;
	top: 75% !important;
	border-bottom: 1px solid #fff;
}
.office_mensi:hover .inner_text{
	color: #fff;
	top: 75% !important;
	border-bottom: 1px solid #fff;
}
.office_detail:hover .inner_text{
	color: #fff;
	top: 75% !important;
	border-bottom: 1px solid #fff;
}


.realizace_link{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	text-align: center;
	transition: 300ms all;
}
.realizace_link:hover{
	background: rgba(0, 0, 0, 0.35);
}
.realizace_link .inner_text{
	opacity: 0;
	color: #fff;
	text-decoration: none;
	position: absolute;
    bottom: 40px;
    top: auto;
	text-align: center;
	left: 50%;
	font-size: 20px;
	transform: translate(-50%);
	transition: 300ms ease-in-out;
	text-transform: uppercase;
    padding-bottom: 30px;
	border-bottom: 1px solid #fff;
}

.realizace_link:hover .inner_text{
	opacity: 1;
}

.center_overlay{
	margin: 0 auto;
}

header ul{
	position: relative;
	left: 50%;
	border-bottom: 1px solid #fff;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 50px;
	transform: translate(-50%);
}

header ul li{
	float: left;
}

header ul li a{
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 53px 20px;
	font-size: 17px;
	text-transform: uppercase;
	transition: 300ms;
	position: relative;
}
header ul li a .upline{
	position: relative;
	width: 100%;
	top: -10px;
	height: 1px;
	display: block;
	background: transparent;
}
header ul li a:hover .upline{
	background: #fff !important;
}
.clearfix{
	clear: both;
	width: 100%;
	height: 0;
}
.main_logo{
	float: left;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.main_logo img{
	max-width: 25%;
}
.foot_line{
	width: 10%;
	position: absolute;
	bottom: 6.5%;
	left: 50%;
	text-align: center;
	color: #fff;
	    font-size: 40px;
	transform: translate(-50%);
}


.realizace_part_left{
	float: left;
	width: 43.5%;
	margin-right: 1.5%;
	position: relative;
	height: 100%;
}

.realizace_part_right{
	float: right;
	width: 55%;
	margin-left: 0;
	position: relative;
	height: 100%;
}

.realizace_left_1{
	position: relative;
	width: 100%;
	background: url('/images/realizace_1.jpg') center center no-repeat;
	-moz-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	height: 40%;
	margin-bottom: 2.5%;
}
.realizace_left_2{
	position: relative;
	width: 100%;
	background: url('/images/realizace_2.jpg') center center no-repeat;
	-moz-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	height: 55%;
	margin-top: 2.5%;
}

.realizace_right_1{
	position: relative;
	width: 100%;
	background: url('/images/realizace_3.jpg') center center no-repeat;
	-moz-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	height: 70%;
	margin-bottom: 2.5%;
}
.realizace_right_2{
	position: relative;
	width: 100%;
	background: url('/images/realizace_4.jpg') center 40% no-repeat;
	-moz-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	height: 24.5%;
	margin-top: 2.5%;
}
.col-md-2{
	float: left;
	width: 16.66666666666667%;
}
@media(min-width: 1000px){
	.menu_button{
		display: none;
	}
	header ul{
		display: block !important;
	}
}
@media(max-width: 1000px){
	header ul{
		display: none;
	}
	header ul li {
		width: 100%;
	}
	.noh{
		height: 71px !important;
		    background: black !important;
	}
	.menu_button{
		color: #fff;
		display: block;
		padding: 5px;
		text-align: center;
		cursor: pointer;
		float: right;
		margin-top: 10px;
		margin-right: 10px;
		max-width: 35px;
	}
	.overlay{
		width: 100% !important;
	}
	.office_0x{
		width: 98% !important;
		margin: 1% !important;
	}
	.office_0{
		width: 98% !important;
		margin: 1% !important;
	}
	.right_text{
		width: 98% !important;
		margin: 1% !important;
	}
	.left_title{
		width: 98% !important;
		margin: 1% !important;
	}
	.xoh{
		    margin-top: 71px !important;
	}
	.upline{
		display: none !important;
	}
	.scrolllogo{
		display: none !important;
	}
	header ul li a {
	    display: block;
	    color: #fff;
	    text-decoration: none;
	    padding: 4px 20px;
	    font-size: 17px;
	    text-transform: uppercase;
	    transition: 300ms;
	    background: #333;
	    position: relative;
	}
	header ul{
		border-bottom: none;
	}
	.menu_button img{
		max-width: 100%;
	}
	.main_logo img{
		width: 85%;
		max-width: 85%;
	}
	.footer_form_contact{
	    width: 97%;
	        position: relative;
		padding: 5px !important;
		top: 0;
		transform: none;
	}
	.footer_text_contact{
	    width: 97%;
	        position: relative;
		padding: 6px !important;	
		top: 0;
		transform: none;	
	}
	.footer_contact_layout {
    	height: 143vh;
	}
	.foot_line{
		display: none;
	}
	.col-md-2{
		width: 100% !important;
	}
	.office{
		width: 100% !important;
	}
	.vizualizace{
		width: 100% !important;
	}
	.realizace_part_left{
		width: 100% !important;
	}
	.realizace_part_right{
		width: 100% !important;
	}
	.footer_about_title{
		width: 100% !important;
	}
	.footer_about_text{
		width: 100% !important;
	}
	.inner_text{
		width: 80%;
	}
	.section_title{
		margin-top: 40px;
	}
	.footer_contact_inner {
	    float: left;
	    width: 100%;
	}
}