html,body,#bg,#bg table,#bg td{width:100%;height:100%; margin:0px; overflow-y:auto; overflow-x:hidden; background:#ffffff}

body{font-family:Arial,Helvetica,sans-serif,menufont;font-size:10px;cursor:default; color:#000; font-size: 15px; }

h1,h2,.large,.left{font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;font-size:40px}

h2,.box div img{padding-bottom:10px}

textarea {    resize: none;	overflow:hidden;	width:151px;}

.placeholder{  color: #aaa;}


@font-face{
    font-family: menufont;
    src: url('fonts/JuliusSansOne-Regular.ttf');
}

#fbinsta{ z-index:15; position:absolute; top: 0px; left:88%; width: 70px; height:30px; background:transparent; border-style: solid 1px; border-color: #1b9a98; padding: 10px; border-radius: 0px 0px 10px 10px;}


#logo{ position:absolute; top:25px; left:30px; width:100%; z-index:8; background-color:transparent;
}

.logo_big a {background-color:transparent;}


#menu{ position: absolute; left:0px; width:100vw; height:auto; min-height: 150px; top:0px; text-align:center; font-size: 24px; text-decoration:none; background:none; z-index:7; text-transform: uppercase; background-color: #ffffff; }

#menu-cont{position:relative; height: auto; top: 90px; -webkit-transform: translateZ(0); background-color: #ffffff; border-bottom: solid; border-bottom-width: thin; border-color: #1b9a98;}

.topmenu ul li a {font-family: menufont; color: #1b9a98;}

.topmenu ul li.active a, .topmenu ul li a:hover {
    text-decoration:none;
    color:#000000;
	
    
}

#menu li {
    display: inline;
	margin: 0;
    padding: 0;
	-webkit-transform: translateZ(0);
	}
	
	
	
///	
	
	

.dropbtn {
    color:#fff;
}

.dropdown {
    position: relative;
    display: inline-block;
	font-family: menufont;
	
}



.dropdown-content {
    display: none;
    position: absolute;

    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    text-align:left;
	font-size:18px;
	background-color: rgba(255, 255, 255, 0.8);
}

.dropdown-content a {
    color: #ffffff;
    padding: 12px 16px;
    display: block;
	    font-family: menufont;
	
}

.dropdown-content a:hover {background-color: #fff; -webkit-transform: translateZ(0);}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}
	

///

#menu_down{	position: relative;	bottom: 0px; z-index:4; width: 600px; height:280px; text-align:left; padding: 0px; background-color: #1b9a98; overflow:hidden; border-top: solid; border-top-width: thin; border-color: #1b9a98; text-align: left;}

.hidden{display:none;}

#menu_down_content{position:relative;top:10%; left:0px; text-align:left; padding: 10px; }







#cont {
	text-align:left;
	position: relative;
	top: 80px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-height: 500px;
	z-index: 2;
	overflow: hidden;
	left: 0px;
	
}







#cf4a { text-align:left; position:relative; left:0px; top:70px; overflow:hidden; width: 100vw; height: 50vh; border-bottom: solid; border-bottom-width: thin; border-color: #1b9a98;}

#cf4a img {
  position:absolute;  
  display: block;
  opacity:1;
  top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 100%;
width: auto;
height: auto;
width: 100%;
margin-top:0px;
padding-top:0px;
  }


#cf4a1 img {
  position:absolute;
  top:0px;
  left:0%;
  display: block;
  width: 100vw;
  height: 90vh;
  object-fit: cover;
  opacity:1;
  }


#cf4a img {
  -webkit-animation-name: cf4FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 18s;

  -moz-animation-name: cf4FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 18s;

  -o-animation-name: cf4FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 18s;

  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 18s;
}

#cf4a img:nth-of-type(1) {
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}
#cf4a img:nth-of-type(2) {
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -o-animation-delay: 6s;
  animation-delay: 6s;
}
#cf4a img:nth-of-type(3) {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}




@-webkit-keyframes cf4FadeInOut {
 0% {opacity:1;}
 33% {opacity:0;}
 66% {opacity:0;}
 100% {opacity:1;}
}


@-moz-keyframes cf4FadeInOut {
 0% {opacity:1;}
 33% {opacity:0;}
 66% {opacity:0;}
 100% {opacity:1;}
}

@-o-keyframes cf4FadeInOut {
 0% {opacity:1;}
 33% {opacity:0;}
 66% {opacity:0;}
 100% {opacity:1;}
}

@keyframes cf4FadeInOut {
 0% {opacity:1;}
 33% {opacity:0;}
 66% {opacity:0;}
 100% {opacity:1;}
}