@charset "utf-8";
/* CSS Document */
   
            .intro-text {
                background: #EBEBEC;
                padding: 80px 80px;
                margin-bottom: 80px;
               
            }
            
             .intro-p{
                
                font-family:'Lato',sans-serif;line-height:2;font-size:1.2em;
            }
            form{
            
                font-family:'Oswald',sans-serif;font-weight:400;max-width:380px;
            
            }
            
            .punch {font-family:'Oswald',sans-serif;font-size:2.6em;line-height:1.2;margin-bottom:1em;}
            
            .punch span {font-size:1.1em;font-weight:700;}
            
            .design {
            
            background: #666669;
                padding:80px;
                margin-top:20px;
                
                
                background-image: url('../IMAGES/projects/new-look/harbour/background-leaf-design.png');
    background-repeat: no-repeat;
    background-attachment: float;
    background-position: 0px 100px; 
              
                z-index:-10;
                
            }
            
            
            .design h1 {
                color:#fff;
                font-size:3.1em;font-family:'Oswald',sans-serif;font-weight:400;
            }
            
            
           .design ul {
  list-style-position: outside;
}
            
            .design li {
            list-style-type:square; 
                color:#A4CC29;
                font-size:1.6em;font-family:'Lato',sans-serif;
            }
            
            
            
            
             .green-points {
            
            background: #ffffff;
              
                 
            }
            
            
            .green-points h1 {
                color:#A4CC29;
                font-size:3.1em;font-family:'Oswald',sans-serif;font-weight:400;
            }
            
            .green-points li {
            list-style-type:square;
                color:#A4CC29;
                font-size:1.6em;font-family:'Lato',sans-serif;
            }
            
            .yolk-text{font-family:'Lato',sans-serif;text-align:left;}
            
            
            .green-stripe{background:#649424;
                width:100%;
                min-height:40px;}
            
             .grey-stripe{background:#656568;
                width:100%;
                min-height:40px;}
            
            
            
            .wood-text{
            background: #ffffff;
                padding:80px 80px;
                
                
                 background-image: url('../IMAGES/projects/new-look/harbour/background-leaf-wood.png');
    background-repeat: no-repeat;
    background-attachment: float;
    background-position: right; 
                
                
                
                 
            }

.disclaimer {width:100%;text-align:left;margin:0px;    max-width: 2000px;padding:15px;}
            
             .wood-text h1 {
                color:#A4CC29;
                font-size:3.1em; font-family:'Oswald',sans-serif;font-weight:400;
            }
            
            
            .wood-text p{color:#7D7D7D;  font-family:'Lato',sans-serif;
                font-size:1.8em;}
            
            .quote{color:#7D7D7D;  font-family:'Lato',sans-serif;font-weight: 300;
    font-size: 2.1em;line-height: 1.2;}
            
          .caption{color:#7D7D7D;  font-family:'Lato',sans-serif;font-weight:300;
                font-size:1.3em;margin-bottom:15px;}
            
            
               .register-here{
                background: #333335;padding:80px 80px;
                 background-image: url('../IMAGES/projects/new-look/harbour/background-leaf-register.png');
    background-repeat: no-repeat;
    background-attachment: float;
    background-position: left; 
               
            }
            
             .register-here h1 {
                color:#fff;
                font-size:3.1em;  font-family:'Oswald',sans-serif;font-weight:400;
            }
            
            
            .register-here p{color:#fff;
                font-size:1.8em; font-family:'Lato',sans-serif;
            }
            
            .feature-description{ font-size:1.3em;line-height:1.2; font-family:'Oswald',sans-serif;padding-top:12px;padding-right:15px;}
            
            .harbour-icons{
    line-height: 2;
    width: 55px;
    float: left;
                margin-right: 1em;margin-top:0em;margin-bottom: 10px;}
.bgwhite {background-color:#fff;color:#333335;}
    .bgwhite p{background-color:#fff;color:#333335;}        
            .feature-point {margin-top:2.2em;width:100%display:block;}
            
.design .harbour-icon{margin-bottom:0px;}
         .design .feature-description{padding-top:0px;}
            
            
            .desktop{display:block;}
             .mobile{display:none;}
            
            
            
            
            .rego {
    font-family: 'Lato', sans-serif;
    font-weight:900;
    font-size: 1.5em;
    text-align: center;
    color: #fff;
    background: #A4CC29;
    position: fixed;
    top: 0px;
    right: 0px;
    padding: 10px;
    z-index: 100;
    border-radius: 0px;
    max-width: 200px;
                border: 0px solid white;
                
}
            
       
            .harbour-pic{
            padding:0px 0px 0px 0px;text-align:left;
                
                
                
            }
            
            
            .development {
            color:#434244;font-family:'Lato';font-weight:700;margin-bottom:30px;
            
            }
            
            
            @media only screen and (max-width: 700px) {
                
                
                 .development {
           margin-left:0px;margin-bottom:20px;
            
            }
                
                
                
                
                
                .yolk-text{font-family:'Lato',sans-serif;text-align:left;padding:10px;}
                .feature-pointt {margin-top:0em;margin-bottom:2em;display:block;}
             .feature-point {margin-top:2em;margin-bottom:2em;display:block;}
            
             .harbour-pic{
            padding:10px;text-align:left;
                    
                    
                    
            }
            
                .intro-text {
                background: #EBEBEC;
                padding: 50px 50px;
                margin-bottom: 20px;
               
            }
            
             .intro-p {
                
                font-family:'Lato',sans-serif;line-height:1.6;
            }
            
            
                
                
                
                  .punch {font-family:'Oswald',sans-serif;font-size:1.6em;line-height:1.5;margin-bottom:1em;}
            
           
                
                
                
                
                
            .design {
            
            background: #666669;
                padding:10px;
                margin-top:20px;
                
                
                background-image:none;
   
                
            }
                input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select  {font-size:1em;font-family:'Oswald',sans-serif;font-weight:400;}
                .cat_button{background:#A4CC29;}
            
            .design h1 {
                color:#fff;
                font-size:1.5em;font-family:'Oswald',sans-serif;font-weight:400;
            }
            

            .design li {
            
                font-size:1.2em;
            }
            
            
            
            
             .green-points {
            
          
                padding:10px;
                 
            }
            
            
            .green-points h1 {
               
                font-size:1.5em;
            }
            
            .green-points li {
           
                font-size:1.2em;
            }
            

            
            .wood-text{
                padding:20px 20px;
                
                
                 background-image: none;
  
                
                
                 
            }
            
             .wood-text h1 {
               
                font-size:1.5em; 
            }
            
            
            .wood-text p{
                font-size:1.2em;}
            
            .quote{
                font-size:1.5em;}
            
          .caption{
                font-size:0.7em;}
            
            
               .register-here{
                padding:20px 20px;
                
   background-image: none;
               
            }
            
             .register-here h1 {
             
                font-size:1.5em;  
            }
            
            
            .register-here p{
                font-size:1.2em; 
            }
            
            .feature-description{ padding-top:20px;}
            
            .harbour-icons{
    height: 48px;
    width: 55px;
    float: left;
                margin-right: 1em;margin-top:1em;}
            
            
               .feature-point {margin-top:1em;}
                    
            

            
            }    
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            @media only screen and (max-width: 600px) {
	.desktop{display:none;}
             .mobile{display:block;}
	}