html body div.container-fluid {

    padding: 0;

}



html body {

  

    color: black;

    font-family: ubuntunormal;

  font-family: 'Ubuntu', sans-serif;

}

html body div#container6 div.col-sm-3 {

    margin-bottom: 40px;

}

html body div#container5.container-fluid div.container div#container5-row2 div div.moduletable div.custom {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    border-color: -moz-use-text-color grey grey;

    border-image: none;

    border-style: none solid solid;

    border-width: medium 1px 1px;

    font-size: 16px;

    padding: 30px 0;

    text-align: center;

}

html body div#container4 {

    background-color: #54af2e;

    color: white;

}

html body div#container2 {

    margin-bottom: 70px;

}

html body div#container3 {

    margin-bottom: 60px;

}

html body div#container1 {

    border-bottom: 3px solid #54af2e;

    box-shadow: 0 0 15px black;

    padding-top: 20px;

    position: relative;

    z-index: 5;

}

html body div#container1 img {

    width: 132px !important;

}

html body div#container1 ul#cat-menu-sn.nav.menu {

    display: table-row;

}

html body div#container1 ul#cat-menu-sn.nav.menu li {

    display: table-cell;

    height: 108px;

    vertical-align: middle;

    width: 14%;

}

html body div#container1 ul#cat-menu-sn.nav.menu li a {

    color: black;

    font-family: ubuntucond;

 font-family: 'Ubuntu Condensed', sans-serif;

    padding: 10;

    text-align: center;

}

html body div#container1 ul#cat-menu-sn.nav.menu li:hover a {

    background-color: transparent;

    color: #54af2e;

}

html body div#container1 ul#cat-menu-sn.nav.menu li:hover {

    border-bottom: 3px solid #54af2e;

    padding-top: 3px;

}

html body div#container4 h3 {

    font-weight: bold;

    margin-bottom: 20px;

    text-align: center;

}

html body div#container1 div:nth-of-type(3) img {

    float: right !important;

}

html body div#container5 {

    margin-bottom: 80px;

}

html body div#container6 {

    background-color: #161616;

    color: #a5a5a5;

}

html body div#container6 a {

    color: #a5a5a5;

    padding: 5px 0;

}

html body div#container6 div.acymailing_form p.onefield input {

    background-color: #161616;

    font-style: italic;

}

html body div#container6 div#container6-row2 {

    border-top: 1px solid grey;

    font-size: 12px;

    padding: 10px 0;

    text-align:;

}

html body div#container6 div#container6-row2 img {

    width: auto !important;

}

html body div#container6 div.acymailing_form p.acysubbuttons input {

    background-color: transparent;

    border-color: #a5a5a5;

    border-radius: 0;

    color: #a5a5a5;

}

html body div#container6 div.acymailing_form p.acysubbuttons input:hover {

    background-color: #eee;

    border-color: #161616;

    color: #161616;

}

html body div#container6 div.acymailing_introtext {

    margin-bottom: 10px !important;

}

html body div#container6 a:hover {

    color: #161616;

}

html body div#container6 h3 {

    color: white;

    font-size: 14px;

    font-weight: bold;

}

html body div#container6 div#top {

    border-bottom: 1px solid grey;

    margin-bottom: 14px;

    padding-bottom: 20px;

}

html body div#container6 div.col-sm-3:nth-of-type(4) a {

    color: inherit;

    text-decoration: underline;

}

html body div#container3 div.control-label{

  padding-top:7px;

  margin-bottom:0px;

  text-align:left !important;

  

}

@media (max-width: 480px) {
	
img {

    width: 100% !important;

}	
	
	}


div.buttons-ftr{
text-align:center;	
	}
	
div.buttons-ftr p, div.buttons-ftr a{
	display:inline-block;
	font-size:18px;
	color:#54af2e;
	font-weight:600;
	padding:10px;
	}	
	
div.buttons-ftr a {
	border:1px solid #54af2e;
	
	}
div.buttons-ftr a:hover{
	background:#54af2e;
	color:#fff;
	text-decoration:none;
	}	
	/*---- manos----*/
.page-header{
  text-align:center;
}
.item-pageanemo .page-header:before{
    content: '';
    background-image: url(/ergosun/images/anemo.jpg);
    width: 132px;
    background-position: 50% 50%;
    position: absolute;
    height: 96px;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
}
.item-pageanemo .page-header:after{
    content: '';
    background-image: url(/ergosun/images/anemo.jpg);
    width: 132px;
    background-position: 50% 50%;
    position: absolute;
    height: 96px;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
}
.item-pageantlies .page-header:before{
    content: '';
    background-image: url(/ergosun/images/antlies.jpg);
    width: 132px;
    background-position: 50% 50%;
    position: absolute;
    height: 96px;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
}
.item-pageantlies .page-header:after{
    content: '';
    background-image: url(/ergosun/images/antlies.jpg);
    width: 132px;
    background-position: 50% 50%;
    position: absolute;
    height: 96px;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
}
.item-pageiliakoi .page-header:before{
    content: '';
    background-image: url(/ergosun/images/iliakoi.jpg);
    width: 132px;
    background-position: 50% 50%;
    position: absolute;
    height: 96px;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
}
.item-pageiliakoi .page-header:after{
    content: '';
    background-image: url(/ergosun/images/iliakoi.jpg);
    width: 132px;
    background-position: 50% 50%;
    position: absolute;
    height: 96px;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
}
.item-pagempataries .page-header:before{
    content: '';
    background-image: url(/ergosun/images/mpataries.jpg);
    width: 132px;
    background-position: 50% 50%;
    position: absolute;
    height: 96px;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
}
.item-pagempataries .page-header:after{
    content: '';
    background-image: url(/ergosun/images/mpataries.jpg);
    width: 132px;
    background-position: 50% 50%;
    position: absolute;
    height: 96px;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
}
.item-pagefoto .page-header:before{
    content: '';
    background-image: url(/ergosun/images/b-a-logo.png);
    width: 132px;
    background-position: 50% 50%;
    position: absolute;
    height: 96px;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
}
.item-pagefoto .page-header:after{
    content: '';
    background-image: url(/ergosun/images/b-a-logo.png);
    width: 132px;
    background-position: 50% 50%;
    position: absolute;
    height: 96px;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
}
.four-col{
  display:flex;
  justify-content: center;
}
.ipsos{
  height:120px;
}
.sidebar p,.sidebar a{
  font-size:17px;
  color:black;
}
.sidebar .custom{
  border-right: 1px solid #f5f5f5;
}
.sublist{
  display:none;
  padding-left: 15px;
}
.sublist li{
  list-style:none;
}
.prosfores-list{
  display:none;
  padding-left: 15px;
}
.prosfores-list li{
  list-style:none;
}
.side-menu,.fotobol,.inverter,.pinakes-pro,.baseis,.prosfores{
  cursor: pointer;
}
.foto-list,.inverter-list,.pinakes-pro-list,.baseis-list{
  display:none;
}
.contact h3{
  display:none;
}
.contact h1{
  text-align:center;
}
input{
    max-width: 100%;
    width: 373px;
}
legend{
  text-align:center;
}

/* *** */

@media screen and (min-width: 1200px) {
#container1 div.row > div:nth-child(3) .custom { position: relative; top: -10px; } }

@media screen and (max-width: 1200px) {
#container1 div.row > div:nth-child(3) { display: none; }
#container2 { margin-bottom: 20px !important; }
#container3 .page-header { margin: 10px 0px 20px 0px !important; }
#container3 { margin-bottom: 30px !important; } }

@media screen and (max-width: 992px) {
#container1>div.container { width: unset !important; }
#container1 div.row > div.col-sm-2 { width: 15% !important; }
#container1 div.row > div.col-sm-8 { width: 85% !important; }
#container1 div.row > div.col-sm-2 img { max-width: 80px !important; }
#container1 div.row > div.col-sm-2 .custom { margin-top: 20px; } }

@media screen and (max-width: 840px) {
#container1 div.row > div.col-sm-2 { width: 8% !important; }
#container1 div.row > div.col-sm-8 { width: 92% !important; }
#container1 div.row > div.col-sm-2 img { max-width: 60px !important; }
#container1 div.row > div.col-sm-2 .custom { margin-top: 30px !important; } }

@media screen and (max-width: 768px) {
#container1 div.row > div.col-sm-2 { width: 100% !important; text-align: center; }
#container1 div.row > div.col-sm-2 img { max-width: 80px !important; }
#container1 div.row > div.col-sm-2 .custom { margin: 0px !important; }
#container1 div.row > div.col-sm-2 .custom>p { margin: 0px !important; }
#container1 div.row > div.col-sm-8 { display: none !important; }
#container1 { padding-top: 10px !important; padding-bottom: 10px; }
#container31 .custom.buttons-ftr > div.four-col { display: block; }
#container3 .ipsos { height: 40px !important; }
#container3 { margin-bottom: 10px !important; }
#container4 { margin-bottom: 30px; } }

textarea#jform_contact_message { width: 373px; max-width: 100%; }