@charset "iso-8859-1";
/* CSS Document */


body {
       background-color: white; 
       color:#303030;
       font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif; 
  font-size: 14px;  
         font-weight:400; 
         font-style: normal; 
         font-variant: normal; 
         letter-spacing:0.01em;
        overflow-y: scroll ;         
        overflow-x: hidden ; 
        scroll-behavior: smooth;  
        margin: 0px; 
        padding: 0px; 
        box-sizing:border-box; 
}
html { 
 scroll-behavior: smooth;    
}


img {  
   user-drag: none;  
   user-select: none;
   -moz-user-select: none;
   -webkit-user-drag: none;
   -webkit-user-select: none;
   -ms-user-select: none;
}


h1 {   font-family: 'Helvetica Neue Medium', Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight:normal;   line-height: 200%; color:#303030; margin:0px; opacity:1; }

h2 {   font-family: 'Helvetica Medium', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight:normal;     }

h3 {   font-family: 'Helvetica Medium', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight:normal;   line-height: 200%; color:#303030; margin:0px; opacity:1; text-align:right;    }

h4 {    font-family: 'Helvetica Medium', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight:normal;   line-height: 200%; color:#303030; margin:0px; opacity:1; text-align:left;  }

h5 {    font-family: 'HelveticaNeueBold' , HelveticaNeue-Bold , Helvetica Neue Bold, Helvetica Bold , sans serif ;  font-size: 12px; font-style: normal; font-variant: normal; font-weight: bold; line-height: 140%; color:#36454F; opacity:1; margin:0px;  text-transform:none;  }

h6 {    font-family: 'HelveticaNeueBold' , HelveticaNeue-Bold , Helvetica Neue Bold, Helvetica Bold , sans serif ;   font-size: 12px; font-style: normal; font-variant: normal; font-weight:bold; line-height: 140%; color:#a35b27; opacity:1; margin:0px;  text-transform:none;  }

.animatedfadeIn { animation: fadeIn 2s; }

.animatedfadeIn2 { animation: fadeIn 3s; }

.animatedfadeIn3 { animation: fadeIn 4s; }

.animatedzoomIn { animation: zoomIn 4s; }

@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}

@-webkit-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}


@keyframes zoomIn { 0% { width: 0%; } 100% { width:100%; } }

@-webkit-keyframes zoomIn {0% {width: 0%; } 100% {width:100%;} }





a img {
	border:0;
	outline:none;
}
a:active {
        color:#686868; 
         padding: 0px;
        border: 0; 
        text-decoration:none;
}

a:visited {
        color:#686868; 
         padding: 0px;
         border: 0; opacity:0.5; 
        text-decoration:none;
}

a:link {
        color:	#686868;  
         padding: 0px;
         bottom: 0px; 
        text-decoration:none;
}
a:hover {	
        color: #686868; 
         padding: 0px;
         bottom: 0px; opacity:0.4; 
        text-decoration:none; 
  
}


a.con {
        color: 
        #F0F0F0;   
        opacity:1;  
        padding:0px; 
        border:0;
}

a.con:hover {
	color: #F0F0F0; 
        opacity:0.5; 
        padding:0px; 
        border:0; 
        transition:none;
 }

a.con2 {
color:	#505050; 
            padding: 0px; 
           opacity: 1;
          border:0;  
}

a.con2:hover {
	color:	#505050; 
        opacity: 0.3; 
      padding: 0px; 
   border:0;   
}





.gets {
    opacity:0.9;
}

.gets:hover { 
      opacity:0.5; 
}


::-webkit-scrollbar {
  width: 15px;
}

::-webkit-scrollbar-track {
  background: #d1cfc7; 
}
 
::-webkit-scrollbar-thumb {
  background: #a35b27; height: 50px;
 }

.list::-webkit-scrollbar {
    -webkit-appearance: scrollbar-track-vertical;
}    

::-webkit-scrollbar-thumb:horizontal {
  background: #a35b27; height: 50px;
 }


.line {
animation: line-animation 8s ease-in-out forwards; animation-iteration-count: infinite; transform-origin: right; stroke:black; stroke-width:1px;}
@keyframes line-animation {
	0% { stroke-dasharray: 3000; stroke-dashoffset:0; }
	50% {stroke-dasharray: 500; stroke-dashoffset:1000 ; }
	100% {stroke-dasharray:3000;  stroke-dashoffset:0;}}

.line11 {
animation: line11-animation 8s ease-in-out forwards; animation-iteration-count: infinite; stroke: black ; transform-origin: left; stroke-width:1px;}
@keyframes line11-animation {
	0% { stroke-dasharray: 3000; stroke-dashoffset:1000; }
	50% {stroke-dasharray: 500; stroke-dashoffset:0; }
	100% {stroke-dasharray:3000;  stroke-dashoffset:1000; }}





* {
  box-sizing: border-box;
  text-align: left;
  color: #555;
}
*:before, *:after {
  box-sizing: border-box; 
}

.navigation {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0px;
  bottom: 0;
  left: -100%; 
  overflow: hidden;
  transition: left 0.3s; 
  width: 100%; 
  z-index: 0;
}
.navigation h1, .navigation h1 a {
  color: white;
  width:auto;
  text-align: left; 
  font-size: 11px;  letter-spacing: 0px;
  z-index: 101;
}
.navigation h1 a {
  display: block;
  font-size: 11px;
  padding: 0px 30px;
  margin-bottom: 0px;
  text-decoration: none;
  transition: all 0.3s ease;
}
.navigation h1 a:hover {
  background: none; 
 color: #A9A9A9;
}





.reveal{
  position: relative;
  transform: translateY(100);
  opacity: 0.3;
  transition: 0.5s all ease;
}

.reveal.active{
  transform: translateY(0);
  opacity: 1;
}




/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: fixed; top: 45px; right:70px; 
  display: inline-block; z-index: 45;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 70px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); font-size:12px;
  z-index: 45;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #E8E8E8;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}