header {
    height: 92px;
    background: url(../images/logo.jpg) no-repeat; 90% 0px;
    background-color: #275884;

}

nav {
    width: 100%;
    display: none;
    position: absolute;
    padding: 0px 20px 0px 0px;
    background-color: #275884;
    right: 0;
    top: 90px;
    z-index: 1002;

}

.home-page{
    background: url(../images/home-image_sml.jpg)  no-repeat  center 0px;

}

.menu-on {
    background: url(../images/menu.png) no-repeat 90% 0px;
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    margin: 10px auto 0px auto;
    z-index: 1001;
    right: 0;
    top: 0;
}

.menu-off {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(38, 88, 132, 0.3);
    z-index:1000;
    display: none;
}

#togglemenu { display: none;}

#togglemenu:checked ~ nav { display:block;}

#togglemenu:checked ~ .menu-off { display:block;}

/* ---------------------------------------------- */

a.blankproduct {
    float: left;
    width: 0%;
    padding: 0px 0px 150px 0px;
    
}

a.solar_link {
    float: left;
    width: 50%;
    padding: 0px 0px 150px 0px;
    
}

a.wind_link {
    float: left;
    width: 50%;
    padding: 0px 0px 150px 0px;
    
}

a.hydro_link {
    float: left;
    width: 50%;
    padding: 0px 0px 150px 0px;
    
}

a.heatpumps_link {
    float: left;
    width: 50%;
    padding: 0px 0px 150px 0px;
    
}

/* ----------------------SOCIAL LINKS------------------------ */

a.mail {
    float: left;
    width: 12%;
    padding: 0px 0px 40px 0px;
    
}

a.tel {
    float: left;
    width: 12%;
    padding: 0px 0px 40px 0px;
    
}

a.home_back {
    float: left;
    width: 12%;
    padding: 0px 0px 40px 0px;
    
}

a.face {
    float: left;
    width: 12%;
    padding: 0px 0px 40px 0px;
    
}

a.twitter {
    float: left;
    width: 12%;
    padding: 0px 0px 40px 0px;
    
}


a.linkin {
    float: left;
    width: 12%;
    padding: 0px 0px 40px 0px;
    
}

.blank {
    float: left;
    width: 11%;
    padding: 0px 0px 40px 0px;
    
}

.blank2 {
    float: left;
    width: 12%;
    padding: 0px 0px 40px 0px;
    
}

.blankside {
    float: left;
    width: 3%;
    padding: 0px 0px 40px 0px;
    
}

.portlinks_container {
    height: 500px;
    margin: 0px 0px 20px 0px;
}

h1 { 
    font-size: 3.5em; 
    margin: 1em 0 .5em 0;

}

p { 
    margin: 4em 2em .75em 2em;
}

.profile{
        width: 100%;
        height: 200px;
        margin: 4em 0 .5em 0;


}

.transparent {

    width: 70%; 
    height: 70px; 
    float: left; 
    background-color: transparent;
}

.home{
    
    width: 15%; 
    height: 80px; 
    float: left;  
    background: url(../images/home_SMALL.png) no-repeat  0px;


}

.top{
    
    width: 15%; 
    height: 80px; 
    float: left;  
    background: url(../images/top_SMALL.png) no-repeat  0px;


}



/* ----------------------------------Contact------------------------------------ */

.map{
        width: 100%;
        height: 200px;
        margin: 4em 0 .5em 0;


}

.contact_container {
    background-repeat: no-repeat;
    background-color: #fff;
    height: 760px;
    width: 100%;
    padding: 0px 0px 50px 0px;

}

.contact_address_container {

    background-repeat: no-repeat;
    background-color: #fff;
    height: 300px;
    width: 100%;
    padding: 0px 0px 0px 0px;

}

.contact_tel_container {

    background-repeat: no-repeat;
    background-color: #fff;
    height: 230px;
    width: 100%;
    padding: 0px 0px 0px 0px;

}

.contact_mail_container {

    background-repeat: no-repeat;
    background-color: #fff;
    height: 230px;
    width: 100%;
    padding: 0px 0px 0px 0px;

}



.address_icon {
    background: url(../images/contact_address.png) no-repeat center 0px; 
    width: 100%;
    height: 154px;
    padding: 0px 0px 0px 0px;
}

.contact_address {
    background-color: #fff;
    text-align:center;
    font-size: 1em;
    font-weight: 100;
    width: 100%;
    height: 100px;

}

.tel_icon {
    background: url(../images/contact_tel.png) no-repeat center 0px; 
    width: 100%;
    height: 154px;
    padding: 0px 0px 0px 0px;

}

.contact_tel {

    background-color: #fff;
    text-align:center;
    font-size: 1em;
    font-weight: 100;
    width: 100%;
    height: 30px;

}

.mail_icon {
    background: url(../images/contact_mail.png) no-repeat center 0px; 
    width: 100%;
    height: 154px;
    padding: 0px 0px 0px 0px;
}

.contact_mail {

    background-color: #fff;
    text-align:center;
    font-size: 1em;
    font-weight: 100;
    width: 100%;
    height: 3y0px;

}

/* ----------------------Contact Social------------------------ */

a.contact_face {
    float: left;
        height:100px;
    width: 25%;
    padding: 0px 0px 80px 0px;
    
}

a.contact_twitter {
    float: left;
        height:100px;
    width: 25%;
    padding: 0px 0px 80px 0px;
    
}

a.contact_insta {
    float: left;
        height:100px;
    width: 25%;
    padding: 0px 0px 80px 0px;
    
}

a.contact_linkin {
    float: left;
        height:100px;
    width: 25%;
    padding: 0px 0px 80px 0px;
    
}

.contact_social{
    float:left;
        background-color: #fff;
    width:10%;
    height:100px;
    margin:0;
}

.contact_social2{
        background-color: #fff;
    float:left;
    width:80%;
    height:100px;
    margin:0;
}

/* ----------------------------------index------------------------------------ */



.index_container {
    background-repeat: no-repeat;
    background-color: transparent;
    height: 760px;
    width: 100%;
    padding: 350px 0px 250px 0px;


}

.index_wind {
    background-repeat: no-repeat;
    background-color: transparent;
    height: 300px;
    width: 100%;
    padding: 0px 0px 0px 0px;
}

.index_water {
    background-repeat: no-repeat;
    background-color: #fff;
    height: 300px;
    width: 100%;
    padding: 0px 0px 0px 0px;

}

.index_solar {
    background-repeat: no-repeat;
    background-color: #fff;
    height: 300px;
    width: 100%;
    padding: 0px 0px 0px 0px;

}



.wind_icon {
    background: url(../images/index_wind.png) no-repeat center 0px; 
    width: 100%;
    height: 154px;
    padding: 0px 0px 0px 0px;
}

.wind_details {
    background-color: #fff;
    text-align:center;
    font-size: 1em;
    font-weight: 100;
    width: 100%;

}

.wind_text {

    background-color: #fff;
    text-align:center;
    font-size: 1em;
    font-weight: 100;
    padding: 0px 20px 0px 20px;

}

.water_icon {
    background: url(../images/index_water.png) no-repeat center 0px; 
    width: 100%;
    height: 154px;
    padding: 0px 0px 0px 0px;

}

.water_details {

    background-color: #fff;
    text-align:center;
    font-size: 1em;
    font-weight: 100;
    width: 100%;


}


.water_text {

    background-color: #fff;
    text-align:center;
    font-size: 1em;
    font-weight: 100;
    padding: 0px 20px 0px 20px;

}

.solar_icon {
    background: url(../images/index_solar.png) no-repeat center 0px; 
    background-color: transparent;
    width: 100%;
    height: 154px;
    padding: 0px 0px 0px 0px;
}

.solar_details {

    background-color: #fff;
    text-align:center;
    font-size: 1em;
    font-weight: 100;
    width: 100%;
}

.solar_text {

    background-color: #fff;
    text-align:center;
    font-size: 1em;
    font-weight: 100;
    padding: 0px 20px 0px 20px;


}

/* ----------------------------------Product Headings------------------------------------ */

.solar_power_heading
{
    background-repeat: no-repeat;
    background: url(../images/solar_power_heading_MEDIUM.png) no-repeat  0px;
    width: 100%;
    height: 100px;


}



.transparent_hydro {

    width: 80%;
    background: url(../images/hydro_power_heading_MEDIUM.png) no-repeat  0px;
    height: 100px; 
    float: left; 
    background-color: transparent;
}

.transparent_wind {

    width: 80%;
    background: url(../images/wind_energy_heading_MEDIUM.png) no-repeat  0px;
    height: 100px; 
    float: left; 
    background-color: transparent;
}

.transparent_heat {

    width: 80%;
    background: url(../images/heatpumps_headings_small.png) no-repeat  0px;
    height: 100px; 
    float: left; 
    background-color: transparent;
}




.top{
    
    width: 20%; 
    height: 100px; 
    float: left;  
    background: url(../images/top_MEDIUM.png) no-repeat 0px;


}

.productlinks_container {
    background-repeat: no-repeat;
    background-color: #fff;
    height: 340px;
    padding: 0px 0px 0px 0px;

}

/* ----------------------------------Product details------------------------------------ */

.solar_thermal{

    width: 100%;
}

.solar_thermal_model{

    width: 100%;
    
}

.hydro_power{

    width: 100%;
}

.hydro_power_controls{

width: 100%;
    
}

.heat_controls{ 
width: 100%;

    
}



/* ---------------------------------SOLAR THERMAL------------------------------------ */

.solar_thermal_text {

    background-repeat: no-repeat;
    width: 100%;

}

.solar_thermal_text p { 
    text-align: left;
    font-size: 1em;
    font-weight: lighter;
    margin: 0em 2em .75em 2em;

}

.solar_thermal_text h { 
    text-align: left;
    font-size: 1.5em;
    font-weight: lighter;
}

.solar_thermal_img {
    background-color: #ff0000;
    background: url(../images/solar_thermal_installation.jpg) no-repeat center 0px;
    background-repeat: no-repeat;
    width: 100%;
        margin: 0em 0em 0em 0em;



}

.solar_thermal_text h2 { 
    text-align:center;
    color: #3d88c8 ;
    font-size: 2em; 
    letter-spacing: 0px; 
    font-weight: lighter; 
     line-height: 50px;
}

/* ---------------------------------SOLAR PV------------------------------------ */


.solar_pv_text {
    background-repeat: no-repeat;
    width: 100%;
}

.solar_pv_text p { 

    text-align: left;
    font-size: 1em;
    font-weight: lighter;
    margin: 0em 2em .75em 2em;

}

.solar_pv_text h { 

    text-align: left;
    font-size: 1.5em;
    font-weight: lighter;


}

.solar_pv_img {

    background: url(../images/solar_pv_installation.jpg) no-repeat center 0px;
    background-repeat: no-repeat;
    width: 100%;
    height: 270px;
            margin: 0em 0em 0em 0em;


}




.solar_pv_text h2 { 
    text-align:center;
    color: #3d88c8;
    font-size: 2em; 
    letter-spacing: 0px; 
    font-weight: lighter; 
     line-height: 50px;
}

/* ---------------------------------SOLAR PV------------------------------------ */


.wind_energy_text {
    background-repeat: no-repeat;
    width: 100%;
}

.wind_energy_text p { 

    text-align: left;
    font-size: 1em;
    font-weight: lighter;
    margin: 0em 2em .75em 2em;

}

.wind_energy_text h { 

    text-align: left;
    font-size: 1.5em;
    font-weight: lighter;


}

.wind_energy_img {

    background: url(../images/wind_energy_installation.jpg) no-repeat center 0px;
    background-repeat: no-repeat;
    width: 100%;
    height: 270px;
            margin: 0em 0em 0em 0em;


}




.wind_energy_text h2 { 
    text-align:center;
    color: #3d88c8;
    font-size: 2em; 
    letter-spacing: 0px; 
    font-weight: lighter; 
     line-height: 50px;
}

/* ---------------------------------------Hydro Power------------------------------ */
.hydro_power_text {

    background-repeat: no-repeat;
    width: 100%;


}

.hydro_power_text p { 

    text-align: left;
    font-size: 1em;
    font-weight: lighter;
    margin: 0em 2em .75em 2em;

}

.hydro_power_text h { 

    text-align: left;
    font-size: 1.5em;
    font-weight: lighter;


}

.hydro_power_img {
    background: url(../images/hydro_power_installation.jpg) no-repeat center 0px;
    background-repeat: no-repeat;
    width: 100%;
    height: 270px;
                margin: 0em 0em 0em 0em;


}

.hydro_power_controls_text {


    background-repeat: no-repeat;
    width: 100%;


}

.hydro_power_controls_text p { 

    text-align: left;
    font-size: 1em;
    font-weight: lighter;
    margin: 0em 2em .75em 2em;

}

.hydro_power_controls_text h { 

    text-align: left;
    font-size: 1.5em;
    font-weight: lighter;


}

.hydro_power_controls_img {
    background: url(../images/hydro_power_controls.jpg) no-repeat center  0px;
    background-repeat: no-repeat;
    width: 100%;
    height: 438px;


}

.hydro_power_text h2 { 
    text-align:center;
    color: #3d88c8 ;
    font-size: 2em; 
    letter-spacing: 0px; 
    font-weight: lighter; 
     line-height: 50px;
}

.hydro_power_controls_text h2 { 
    text-align:center;
    color: #3d88c8;
    font-size: 2em; 
    letter-spacing: 0px; 
    font-weight: lighter; 
     line-height: 50px;
}

/* ---------------------------------------Hydro Power------------------------------ */
.heat_text {

    background-repeat: no-repeat;
    width: 100%;


}

.heat_text p { 

    text-align: left;
    font-size: 1em;
    font-weight: lighter;
    margin: 0em 2em .75em 2em;

}

.heat_text h { 

    text-align: left;
    font-size: 1.5em;
    font-weight: lighter;


}

.heat_img {
    background: url(../images/heat_installation.jpg) no-repeat center 0px;
    background-repeat: no-repeat;
    width: 100%;
    height: 270px;
                margin: 0em 0em 0em 0em;


}

.heat_controls_text {


    background-repeat: no-repeat;
    width: 100%;


}

.heat_controls_text p { 

    text-align: left;
    font-size: 1em;
    font-weight: lighter;
    margin: 0em 2em .75em 2em;

}

.heat_controls_text h { 

    text-align: left;
    font-size: 1.5em;
    font-weight: lighter;


}

.heat_controls_img {
    background: url(../images/heat_control_installation2.jpg) no-repeat center  0px;
    background-repeat: no-repeat;
    width: 100%;
    height: 400px;


}

.heat_text h2 { 
    text-align:center;
    color: #3d88c8 ;
    font-size: 2em; 
    letter-spacing: 0px; 
    font-weight: lighter; 
     line-height: 50px;
}

.heat_controls_text h2 { 
    text-align:center;
    color: #3d88c8;
    font-size: 2em; 
    letter-spacing: 0px; 
    font-weight: lighter; 
     line-height: 50px;
}