/*@font-face{font-family:Futura;src:url(../fonts/Futura_Medium_BT.ttf),url(../fonts/Futura_Light_BT.ttf),url(../fonts/Futura_Medium_Bold_BT.ttf)}*/

/*@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap&subset=latin-ext');*/

html, body {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
}


body {
	
	/*font-family: 'Montserrat', sans-serif;*/

font-family: Verdana, sans-serif;
font-size:20px;
background-image:url(../imgs/bg_map.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
}

.nav {
background-color: rgba(255, 255, 255, 0.93);
    top: 0;
    position: fixed;
    width: 100%;
    height: 75px;
    padding-top:0px;
    z-index: 9999;
    box-shadow: 0 0 15px rgba(0,0,0,.5);

}

.logo {
position: absolute;
left: 40px;
z-index: 2;

}
.logo img {
width: 130px;
    margin-top: 7px;
}

.content {
text-align: center;
width:100%;
}

.main {
    margin: 20px;
    padding-top: 0px;
}

.main h1 {
text-align:center;
font-size:40px;
}

.content > div {
background:rgba(0,0,0,0.1);
width:220px;
height:400px;
border:1px solid rgba(0,0,0,0.1);
border-radius:5px;
display:inline-block;
margin: 0px 0px 10px 10px;
}

.content > div img{
border-radius:5px 5px 0px 0px;
}

.content h1 {
text-align:center;
font-size:24px;
}

.content h2 {
text-align:center;
font-size:14px;
}



.footer {
margin: 20px;
}


/* SLIDER START */

.wrap {
  height: calc(100% - 100px);
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #120103;
  color: #fff;
  text-align: center;
  padding-top: 100px;
}

.wrap header {
position: absolute;
    bottom: 2%;
  left: 0;
  z-index: 900;
  width: 100%;
}

.wrap header label {
  cursor: pointer;
  display: inline-block;
  padding: 0 1em;
}

.slide {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 10;
  padding: 8em 1em 0;
  background-color: #120103;
  background-position: 50% 50%;
  background-size: cover;
  transition: left 0s 0.75s;
}

.slide-one {
  background-image: url(https://labtakaro.hu/slides/tucano_urbano_labtakaro_slider_01.jpg);
}

.slide-two {
  background-image: url(https://www.labtakaro.hu/slides/tucano_urbano_labtakaro_slider_02.jpg);
}

.slide-three {
  background-image: url(https://www.labtakaro.hu/slides/tucano_urbano_labtakaro_slider_03.jpg);
}

.slide-four {
  background-image: url(https://www.labtakaro.hu/slides/tucano_urbano_labtakaro_slider_04.jpg);
}

.slide-five {
  background-image: url(https://www.labtakaro.hu/slides/tucano_urbano_labtakaro_slider_05.jpg);
}

.slide-six {
  background-image: url(https://www.labtakaro.hu/slides/tucano_urbano_labtakaro_slider_06.jpg);
}

[id^="slide"]:checked + .slide {
  left: 0;
  z-index: 100;
  transition: left 0.65s ease-out;
}

.slide h1 {
  opacity: 0;
  transform: translateY(100%);
  transition: transform 0.5s 0.5s, opacity 0.5s;
  
  text-transform:uppercase;
  text-shadow: 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000;
  font-size:2em;
}


	.slide a, .slide a:active, .slide a:visited, .slide a:focus, .slide a:focus-within {
color:#fff;
text-transform:uppercase;
text-decoration: none;
}


[id^="slide"]:checked + .slide h1 {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.5s 0.5s;
}


div[class^="trigger"] {
background-image: url(../imgs/on.png);
height:50px;
width:50px;
}

div[class^="trigger"]:hover {
background-image: url(../imgs/off.png);
}

/* SLIDER END */




.filtertitle {
background:url(../imgs/tucano_urbano_labtakaro_szuro.jpg);
border-bottom:10px solid #f7a600;
width:100%;
padding-top:20px;
min-height:100px;
}

.filtertitle h1, .etctitle h1, .footertitle h1 {
text-align:center;
text-transform:uppercase;
color:#fff;
font-size: 28px;
padding-right:5px;
padding-left:5px;
}

.filterlinks {
text-align:center;
line-height:50px;
padding-bottom: 20px;
background: #fff;
}

.filterlinks p {
margin:0px;
padding:20px 0px 20px 0px;
}

.filterlinks a {
font-size:24px;
margin:0px 35px 0px 35px;
color:#000;
text-transform:uppercase;
text-decoration: none;
font-weight: normal;
}


.etctitle {
background:url(../imgs/tucano_urbano_labtakaro_szuro.jpg);
border-bottom:10px solid #41bfef;
width:100%;
padding-top:20px;
min-height:100px;
}

.footertitle {
background:url(../imgs/tucano_urbano_labtakaro_szuro.jpg);
border-bottom:10px solid #d2d92b;
width:100%;
padding-top:20px;
min-height:100px;
}


a {
color:#000;
text-transform:uppercase;
text-decoration: none;
font-weight: normal;

}

a, a:active, a:visited, a:focus, a:focus-within {
color:#000;
text-transform:uppercase;
text-decoration: none;
}

#menulinks a:hover {
padding-bottom: 10px;
}





#menulinks a:first-child:hover {
border-bottom: 5px solid #f7a600; 
}

#menulinks a:nth-child(2):hover {
border-bottom: 5px solid #41bfef; 
}

#menulinks a:nth-child(3):hover {
border-bottom: 5px solid #d2d92b;
}

#menulinks a:nth-child(4):hover {
border-bottom: 5px solid #e40520;
}

.footer a, .footer a:active, .footer a:visited, .footer a:focus, .footer a:focus-within{
    text-transform: none;
	    font-weight: bold;
}

.copyright {
text-align:center;
padding:20px 0px;
margin-top:100px;
background:#222;
color:#fff;
}

.copyright a, .copyright a:active, .copyright a:visited, .copyright a:focus, .copyright a:focus-within {
color:#fff;
}



/* mobil-menu START */


.menu {
  position: relative;
  width: 100%;
  height: 38px;
}

.menu #menulinks {
  display: none;
  text-align: center;
  background: rgba(0, 0, 0, 0.9);
  position:fixed;
margin-top: 75px;
font-size:20px;
    padding-top: 30px;
height:100%;
width:100%;
}


.menu > #menulinks > a {
  color: #fff;
  padding: 28px 5px;
  text-decoration: none;
  font-size: 25px;
  display: block;
text-transform:uppercase;
margin-right: 20px;
margin-left: 20px;
border-bottom: 5px solid rgba(0, 0, 0, 0);
}


.menu .icon {
  display: block;
  position: absolute;
  right: 35px;
  top: 18px;
  cursor: pointer;
}


/* mobil-menu END */



/* Menu icon START */


.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #000;
  margin: 6px 0;
  transition: 0.4s;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-9px, -7px);
  transform: rotate(45deg) translate(-9px, -7px);
}

/* Menu icon END */


/* Gallery Slider - START */

.tuslidercanvas {
	width:100%;
	overflow: hidden;
}

.tuslidercanvas .tuslidediv {
	height: 300px;
    width: 4011px;
	margin: 0 auto;
	position: relative;
	transform: translate3d(0, 0, 0);
	background:#fff;
}

.tuslidediv img {
	width:auto;
	height:300px;
	border:1px solid #fff;
	left:0px;
	animation: moveSlideshow 30s linear infinite;
}


@keyframes moveSlideshow {
	100% {transform: translateX(-818%);}
}

/* Gallery Slider - END */