body{ background:#e9e9e9; color: black;padding:0; margin:0; font-family: 'Kade-Regular'; letter-spacing: 1px; 
      cursor:url(/images/newpointer.png);}
a {

outline:none !important;
cursor: url(/images/newpointer.png);
    
}

.custom {
   cursor:url(/images/newpointer.png),auto;
}


.bottom-nav {
width:100%;
 position:fixed; bottom:0;
 margin:0;
  padding:0;
}
a:hover{ text-decoration:none;}
.seq-pagination{
	  
margin:0; padding:0;
	list-style:none;
	width:100%;
	display: flex;
    justify-content: space-between;
	text-align:center;
}

/* Changing the text down menu */

.containerproject {
    
    margin-top: 20px;
    position: relative;
}


.seq-pagination li {

transform: rotate(-90deg);
margin: 0;
padding-top: 20px;
padding-bottom: 0;
padding-right: 0;
padding-left: 40px;
position: relative;
border: 1.5px solid transparent;
font-size: 10px;
z-index: 9999;

}

.top-description p{ font-size:18px; padding-top:25px; padding-left:40px; color:#000; }


.seq-pagination a {
text-decoration:none;
color:#959595;
padding-bottom:10px;
}
.active-marker a {
color: #000 !important;
 transition: all 1s ease-out;
}


.active-marker {border-bottom-color:#000 !important;
 transition: border-color 1s ease-out;
}

@font-face {
    font-family: 'geomanist_regularregular';
    src: url('../fonts/geomanist-regular-webfont.woff2') format('woff2'),
         url('../fonts/geomanist-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PxGroteskBold-Regular';
    src: url('../fonts/PxGroteskBold-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    
}

@font-face {
    font-family: 'PxGroteskRegular-Regular';
    src: url('../fonts/PxGroteskRegular-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

    
}


@font-face {
    font-family: 'Kade-Regular';
    src: url('../fonts/Kade-Regular.otf')format('opentype');
    font-weight: normal;
    font-style: normal;
    
}

@font-face {
    font-family: 'Kade-Medium';
    src: url('../fonts/Kade-Medium.otf')format('opentype');
    font-weight: normal;
    font-style: normal;
    
}

Kade-Regular.otf

.box_link{ display:block; width:100%; height:100%; background-color: transparent; }

.about-align{ padding-top:25px;}

.seq-title p{ text-align:left; }

.seq-title h2{ padding:0; margin:0; font-size:35px;}

.about-align{ font-size:18px;}

.middle-line{ text-decoration:line-through;}

#news{ list-style:none; display:inline-block; width:100px;}




#sequence{position:relative; list-style:none;padding:0;margin-left:-15x;overflow:hidden; display:none; z-index: 0;}
.bjqs-slide{position:absolute; }

.bjqs-controls{list-style:none;padding:0;z-index: 9999;}
.bjqs-controls.v-centered li a{position: absolute;
bottom: 40px;
z-index: 9999;
color: #000;}
.bjqs-controls.v-centered li.bjqs-next a{right:0;}
.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
.bjqs-markers{list-style: none;
padding: 0;
margin-left: 4%;
margin-right: 4%;
width: 92%;
z-index: 9999;}
.bjqs-markers.h-centered{text-align: center;}
.bjqs-markers li{display:inline;}
.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

.seq-title{ margin-top:10%;margin-left:-15px}
.seq-title p{ margin:0; padding:0;}


.bottomlinkmarker {
z-index:9999;
}

.bottomlinkmarker span {
z-index:9999;
}



.active-slide {
display:block !important;
z-index:100 !important;
}




.seq-step {
z-index:1;
}

span.crosshair {
    cursor: crosshair;
}


.seq-step  img {
  opacity: 0;
  transform: none;  
  transition: all .75s ease;

}


.seq-step  p{
  opacity: 0;
  transform: none;  
  transition: all 0.5s ease;
}
.seq-step  h1{
    
/*border-bottom: 1.5px solid #000;*/
/*display: inline-block;*/
opacity: 0;
transform: none;
transition: all 0.75s ease;
font-family: 'Kade-Medium';
letter-spacing: 0;
/*padding-bottom: 15px; */  

}



.active-slide img {
  opacity: 1;
  transform: translateX(-50px);  
  transition: all .75s ease;
  animation-delay:1s;
 transition-delay: 1s;
}


/* text title css */

.active-slide p {
  transform: translateY(50px);  
  opacity: 1;
  transition: all .75s ease;
  animation-delay:1s;
  transition-delay: 1s;
  
}



.active-slide h1 {
  transform: translateY(50px);  
  opacity: 1;
  transition: all .5s ease;
  animation-delay:1s;  
  transition-delay: 1s;
  
  
}



#slideshow {
    position:relative;

}

#slideshow > div { 
    position: absolute;
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
     
}



.introtext {
    
    font-size: 18px;
}

.attachmentimage {
}



.active-slide img.mainimg {

width:100%;

}

.active-slide img.mainimg:hover {

-webkit-transition: Zoomin 0.3s ease;
animation: Zoomin 0.3s ease;
animation-delay: 0;
animation-fill-mode: forwards;


}  


/* FADE INBETWEEN PAGES */ 

.animate-in {
    -webkit-animation: fadeIn 1s ease-in;
    animation: fadeIn 1s ease-in;
}

.animate-out {
    -webkit-transition: fadeOut 0.5s ease;
    animation: fadeOut 0.5s ease;
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

@-webkit-keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes Zoomin {
    from {opacity: 1;}
    to { opacity: 0.9;}
}



.swingshelterslidder {
    
    margin-bottom: 800px;
}

.textmargin {
    
    padding-left: 40px;
}



.leftside {
    
float:left;
background-color: white;

}

.leftside:hover {
    
cursor:help;

}

.rightside {

}

.align_left {

color:blue;
float: right;
    
}

#blue {

color:blue !important;
    
}

#blue a {

color:blue !important;
    
}

.scrollToTop{
    
    width: 100px;
    height: 50px;
    padding-top: 20px;
	text-align:center; 
	text-decoration: none;
   /* background: url('http://localhost/david-web2/images/newpointer.png') no-repeat;*/
}