@charset "utf-8";

/* CSS Document */


/* =========================================
   DEFAULT - DESKTOP
   ========================================= */

#nav-button {
    display: none !important;
}


/* =========================================
   LARGE SCREENS
   ========================================= */

@media only screen and (max-width:1920px) {

    #wrapper-out {
        width:100%;
    }

}


/* =========================================
   TABLET
   ========================================= */

@media only screen and (max-width:1100px) {

    #wrapper-in {
        width:100%;
    }

    #image img {
        width:100%;
        height:auto;
    }

}


/* =========================================
   MOBILE MENU
   ========================================= */

@media only screen and (max-width:900px) {


    /* HAMBURGER */

    #nav-button {
        display:block !important;
        position:absolute !important;
        top:15px !important;
        right:15px !important;
        left:auto !important;
        float:none !important;
        margin:0 !important;
        z-index:99999 !important;
    }


    #nav-button .mobilemenu {
        display:block !important;
        background:transparent !important;
        border:0 !important;
        outline:0 !important;
        box-shadow:none !important;
        color:#ffffff !important;
        font-size:34px !important;
        line-height:1 !important;
        padding:5px !important;
        margin:0 !important;
        cursor:pointer !important;
    }


    /* ΒΑΣΙΚΟ MENU */

    #menu {
        display:none;
        margin-top:5px;
        height:auto;
        width:94%;
        margin-left:auto;
        margin-right:auto;
    }


    #menu ul {
        width:98%;
        margin-right:auto;
        margin-left:auto;
    }


    #menu ul ul {
        margin-left:0;
        padding:0;
    }


    #nav ul {
        width:100%;
    }


    /* MAIN MENU ITEMS */

    #menu ul > li {

        width:100%;
        display:block;
        position:relative;

        text-align:left;

        margin-left:0;
        padding-left:0;

        background-color:#DADBDC;

        border-top:#939598 2px solid;
        border-bottom:none;

        height:auto;

        vertical-align:bottom;

        background-image:none;
    }


    nav ul li:hover {
        background-image:none;
    }

#menu li.item-339 a {
  color: #000;
}
    #menu li a,
    #menu li span {

        padding-left:30px;
        display:inline-block;

        padding-top:15px;
        padding-bottom:15px;

        top:0;
    }


    #menu li.item-102 a,
    #menu li.item-106 a {

        display:block;
    }


    /* =========================================
       SUBMENUS
       ========================================= */

    #menu ul ul {

        position:relative;

        width:100%;

        margin-left:0;
        margin-top:0;
        margin-bottom:0;

        top:0;

        box-shadow:none;
        -moz-box-shadow:none;
        -webkit-box-shadow:none;
    }


    #menu ul ul ul {

        margin-left:0;
        margin-top:0;
        margin-bottom:0;

        position:relative;

        width:100%;
    }


    #menu ul ul li {

        width:100%;

        padding-left:0;
        padding-top:0;
        padding-bottom:0;

        background-color:#EFEFF0;
    }


    #menu ul ul li a,
    #menu ul ul li span {

        padding-left:60px;

        display:block;

        top:0;
    }


    #menu ul ul ul li a,
    #menu ul ul ul li span {

        padding-left:90px;
    }


    #menu ul ul ul li {

        padding-top:16px;
        padding-bottom:8px;
    }


    #menu ul ul li,
    #menu ul ul li:first-child {

        border-top:#939598 2px solid;
        border-bottom:none;
    }


    #menu ul ul li:last-child {

        border-bottom:0;
    }


    #menu li:hover,
    #menu ul li.active {

        background-image:none;
    }


    #menu ul li:hover,
    #menu ul li.active,
    #menu ul ul li:hover,
    #menu ul ul li.active {

        border-top:#939598 2px solid;
        border-bottom:none;
    }


    /* =========================================
       MOBILE SUBMENU BUTTONS
       ========================================= */

    #menu li > .mobile-submenu {

        display:none;
    }


    #menu li.parent > .mobile-submenu {

        display:block;

        float:right;

        outline:none;

        background-image:url('../images/thin.png');
        background-repeat:no-repeat;
        background-position:center;

        height:15px;
        width:15px;

        background-color:transparent;

        border:none;

        margin-right:10%;
        margin-top:15px;

        cursor:pointer;

        transition:all 0.3s ease;
    }


    #menu li.item-125 > .mobile-submenu,
    #menu li.item-131 > .mobile-submenu {

        display:block;

        float:right;

        outline:none;

        background-image:url('../images/thin-empty.png');
        background-repeat:no-repeat;
        background-position:center;

        height:25px;
        width:25px;

        background-color:transparent;

        border:none;

        margin-right:10%;
        margin-top:1%;
    }


    .transform {

        transform:rotate(180deg);

        transition:all 0.3s ease;
    }


    a.img-menu-res img {

        display:none;
        float:right;
    }


    footer {

        width:95%;
    }


    img.full {

        width:100%;
        height:auto;
    }

}


/* =========================================
   SMALL MOBILE
   ========================================= */

@media only screen and (max-width:767px) {

    #content {

        display:block;
        float:none;

        width:85%;

        min-height:250px;

        margin:40px auto;
    }


    #image {

        float:none;

        width:330px;

        margin:10px auto;
    }


    #content p.imgErga img {

        width:40%;

        height:auto;

        display:inline-block;

        margin-bottom:2%;
    }

}


/* =========================================
   VERY SMALL MOBILE
   ========================================= */

@media only screen and (max-width:375px) {

    #image {
        width:95%;
    }

}