@charset "utf-8";
/* CSS Document */

html, 
body { padding:0; margin:0; height:100%;}

h1 { font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
margin:0;
padding:0;
}


body 
{
    background-color:#e3e8eb;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:1.4em;
}


/*td { text-align:center;}*/

.pt5{padding-top:5px;}
.pl10{padding-left:10px;}
.pr10{padding-right:10px;}
.pt45{padding-top:45px;}
.pr25{padding-right:15px;}
.pl25{padding-left:25px;}
.pt10{padding-top:10px;}


.nav .container
{
height:100%;
width: unset;
 margin:auto;
 display: flex;
    justify-content: center;
        align-items: center;
}

.container
{
    height: 100%;
    overflow: hidden;
    width: 960px;
    margin: auto;
}



.main
{
    min-height: 65vh;
    display: flex;
}

.header
{
 height:150px;
 background-color:#005aab;  
}

.header .container {
    display: flex;
    max-width: 1200px;
    width: unset;
    justify-content: space-around;
    align-items: center;
    padding: 0 2rem 0 2rem;
}

.nav
{
    background-color:#0075bc;
    height:40px;

}

#mynav {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
}

#mynav li, #mynav a {
    display: block;
    color: white;
    text-decoration: none;
    font-size: 1rem;
    font-style: italic;
    font-weight: bold;
}

#mynav li {
    float: left;
    list-style: none;
    display: flex;
    justify-content: center;
    transition: background 0.5s ease-in-out;
    height: 40px;
    align-items: center;
    width: unset;
    padding: 1rem;
}

#mynav li:hover {
    background: #6baeff;
}

#bt-home { width: 91px; }
#bt-etairia { width: 105px; }
#bt-proionta { width: 130px; }
#bt-contact { width: 146px; }
#bt-isologismoi { width: 0px; }



.footer
{
    height: 5rem;
    display: flex;
    color:#005aab;
    line-height: 2rem;
    text-align:center;
    background-color:#d9e6e6;
    background-image: url(images/pattern.gif);
}

.footer .container{
    display: flex;
    align-items: center;
    justify-content: center;
}



.location
{
    padding: 1rem;
    font-size:11px;
    
}
#images-container{      
position:relative;
width:600px;
height:400px;
left: 50%;
top: 50%;
transform: translate(-50%, 0%);
}
.images{
position:absolute; /*this will stack all the image one over the other*/
top:0px;
left:0px;
display:none; /*initially all the images will be hidden*/
width:600px;
height:400px;
}
#image1{
display:block /*show only the first image initially*/
}

.contact-text
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#000;
    font-weight:bold;
}

.product_title 
{ 
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
margin:0;
padding:0;
line-height:normal;
}


.kataxorimenes-markes-mob{
    display: none;
}

@media screen and (max-width: 992px) {
    .kataxorimenes-markes-mob{
        display: block;
        margin: auto;
    }

    .kataxorimenes-markes{
        display: none;
    }
}

.container-social-tagline {
    display: flex;
    flex-direction: column;
    width: 70%;
    justify-content: end;
}

.social {
    display: flex;
    justify-content: end;
}

.tagline {
    display: flex;
    justify-content: end;
}

.tagline img{
    width: 400px;
    height: auto;
}

@media screen and (max-width: 700px) {
    .tagline img{
        width: 100%;
    }
}

.social a {
    margin-right: 9px;
}

.tuv-iso {
    display: block;
    width: 415px;
    margin: 2.5rem auto;
}

/* proionta */

.proionta-col {
  width: 50%;
  display: inline-block;
  float: left;
  line-height: 0;
}

.proionta-col img {
    width: 100%;
    max-width: 480px;
}

@media (max-width: 576px){
  .proionta-col {
      width: 100%;
      text-align: center;
  }
}

/* product  */

.product-table {
    width: 100% !important;
    max-width: 600px;
    display: inline-block;
    position: relative;
}


@media (max-width: 900px){
    .product-table {
    float: left !important;
    margin-top: 380px;
    }
}

.product-table-top-cat {
    max-width: 690px;
}
@media (max-width: 690px){
    .product-table-top-cat img {
    width: 100%;
    height: auto;
}

}

/* contact map */

.map-container {
  display: flex;
  position: relative;
}
.map-col {
  width: 60%;
  display: inline-block;
  position: relative;
}
.map-text-col {
  width: 40%;
  display: inline-block;
  position: relative;
}
.map-col iframe {
  width: calc(100% - 20px);
  padding: 10px;
  padding-right: 28px;
  border: none;
}

.back-to-home {
    padding: 0;
    margin: 0;
    height: unset;
    width: unset;
}

@media (max-width: 576px){
      .map-container {
      flex-direction: column;
      padding: 10px;
    }
      .map-col, .map-text-col {
      width: 100%;
    }
  #mynav li a{
      font-size: 0.75rem;
  } 
}

@media (max-width: 450px){
    .kataxorimenes-markes-mob{
        max-width: 300px;
    }
}

@media (max-width: 480px){
    .back-to-home img{
        max-height: 85px;
    }
}


@media (max-width: 350px){

    #mynav li{
        padding: 0.5rem;
    } 

  #mynav li a{
      font-size: 0.75rem;
  } 

}

div#AWMEL0, div#AWMEL0 > div {
    height: 0 !important;
    z-index: 0;
}

.two-product-per-row {
    display: flex;
    flex-direction: column;
}

.two-products {
    display: flex;
    flex-direction: row;
}

@media (max-width: 567px){
    .two-products {
        flex-direction: column;
    }   
}


/* New menu  */

.has-children ul {
  display: none;
}
.active.has-children > ul {
  display: block;
}
.has-children ul {
  display: none;
}
.active.has-children > ul {
  display: block;
}

.new-menu > li > a {
  background: #0075BC;
  display: block;
  color: white;
  text-align: center;
  padding: 0;
  margin-bottom: 2px;
  font-weight: bold;
  padding-top: ;
  padding-bottom: ;
  margin-bottom: 2px;
  width: 100%;
}
.new-menu {
  display: block;
  width: 200px;
}
.new-menu, .new-menu ul {
  list-style-type: none;
  text-align: center;
  margin-left: 0;
  padding-left: 0;
}
.new-menu > li > ul > li > a {
  background: #99CCCC;
  margin-bottom: 3px;
  display: block;
  text-decoration: none;
  width: 100%;
  color: black;
}
.new-menu > li > ul > li > a:hover {
  color: #000066;
}
.new-menu > li > ul > li > ul > li {
  background: white;
  width: 100%;
  color: blue;
  margin-bottom: 2px;
}
.new-menu > li > ul > li > ul > li a {
  color: #000066;
  width: 100%;
  text-decoration: none;
}
.new-menu > li > ul > li > ul > li a:hover {
  color:#F27910;
}

.new-menu li a {
  padding: 8px 0;
  display: inline-block;
  margin-bottom: ;
}

.new-menu a {
  cursor: pointer;
}

.footer .container div {
    padding: 1rem;
}

.footer .container div a {
    color: #005aab;
    text-decoration: none;
    transition: opacity 0.4s ease-in-out;
  }
  
  .footer .container div a:hover {
    opacity:0.75;
  }