﻿
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, address, cite, code, img, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

.footerInfo .social a img {
    max-width: 32px;
}

ol, ul, li {
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

input, textarea, select {
    font-family: inherit;
}

body {
    margin: 0px auto;
    padding: 0px;
    /*background-image:url(../images/bg-general.png); */
    background-position: top left;
    background-repeat: repeat;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    color: #777777;
    font-size: 11px;
}

html {
    margin: 0px auto;
    padding: 0px;
}


form {
    margin: 0px;
    padding: 0px;
}

img {
    border: 0px;
}

input {
    vertical-align: inherit;
    margin: 0;
    margin-right: 3px;
    display: inline-block;
}

p {
    padding: 4px 0px 4px 0px;
    margin: 0px;
    color: #777777;
}

.camera_wrap img {
    margin-top: 0 !important;
}

.jqtransformdone label span {
    font-size: 11px;
    font-weight: bold;
    display: block;
}

.ckpolicy a:visited {
    color: #33a8a7 !important;
}

.contactFormRow.terms-check .alertterms, .contactFormRow.terms-check label {
    margin: 0;
}

.contactFormRow.terms-check label {
    float: none;
    display: inline-block;
    width: 85%;
    margin-left: 5px;
}

    .contactFormRow.terms-check label a {
        color: #33a8a7 !important;
    }

.ckpolicy {
    margin: 5px 0px;
}

    .ckpolicy .jqTransformHidden {
        display: block;
        margin: 0;
    }

.contactForm .ckpolicy span.jqTransformCheckboxWrapper {
    float: none;
    display: inline-block;
    margin: 0px !important;
}

    .contactForm .ckpolicy span.jqTransformCheckboxWrapper a {
        display: none;
    }

.contactFormRow .contfile input {
    width: 100%;
    min-width: 386px;
}

.contactFormRow .contfile {
    float: left;
}

.csr-contact {
    float: left;
    width: 100%;
}

    .csr-contact .contactInfo {
        width: 100%;
        text-align: left;
        padding: 0;
        background-position: left bottom;
        padding-bottom: 15px;
        font-size: 15px;
    }

form.jqtransformdone .ckpolicy label {
    float: none;
    display: inline;
    margin: 0;
}

div.clear {
    clear: both;
}

div.iconLeft {
    position: fixed;
    right: 0px;
    top: 200px;
    z-index: 1000;
}

div#holderHeader {
    background-image: url(../images/bg-top.png);
    background-position: top 15px left;
    background-repeat: repeat-x;
    border: 0px;
    padding: 0px;
    margin: 0px auto;
}

div#containerTop {
    margin: 0px auto;
    width: 1140px;
    position: relative;
}

div#holderHeaderInner {
    background-image: url(../images/bg-top-inner.png);
    background-position: top 15px left;
    background-repeat: repeat-x;
    border: 0px;
    padding: 0px;
    margin: 0px auto;
}

div#containerTopInner {
    margin: 0px auto;
    width: 980px;
    position: relative;
}

div#holderFooter {
    background-color: #239F9E;
    border: 0px;
    padding: 0px;
    margin: 0px;
    margin-top: 30px;
}

div#containerFooter {
    margin: 0px auto;
    width: 1140px;
    position: relative;
}

div.topExtras {
    width: 1140px;
    height: 100px;
    padding: 6px 0px 0px 0px;
    font-family: Tahoma, Arial,Verdana,'Trebuchet MS',GRHelvetica;
}

div#holderHeader .vertu {
    height: 30px;
}

.vertu > ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

div.topExtras .sep {
    color: #58595B;
    padding-right: 10px;
}

div.topExtras .social {
    display: inline-block;
}

    div.topExtras .social a {
        padding-right: 10px;
    }

    div.topExtras .social img {
        width: 22px;
    }

div.topExtras .contact-header {
    display: inline-flex;
    width: 230px;
    height: 25px;
}

    div.topExtras .contact-header a {
        color: #239F9E;
        text-decoration: none;
        font-size: 15px;
        letter-spacing: 0.5px;
    }

.tblCat td, .tblCat th, .tblCat {
    padding: 14px 50px 14px 0 !important;
    border: 0 !important;
}

    .tblCat tr td:nth-child(2n+2) {
        padding-right: 0 !important;
    }

div.logo {
    width: 375px;
    text-align: center;
    display: inline-block;
    top: 12px;
    position: relative;
}

    div.logo img {
        width: 80px;
        height: 53px;
    }

div.menuExtra {
    width: 376px;
    text-align: right;
    display: inline-block;
}

div.menuExtraPosition {
    float: right;
}

div.language {
    float: left;
    color: #bababa;
    background-image: url(../images/line-separator.png);
    background-position: right;
    background-repeat: no-repeat;
    padding: 2px 12px;
    height: 18px;
    font-size: 1.35em;
}

    div.language a.lang {
        color: #999999;
        text-decoration: none;
        padding: 0px 2px;
    }

        div.language a.lang:hover {
            color: #33a8a7;
        }

    div.language a.langSelected {
        color: #33a8a7;
        text-decoration: none;
        padding: 0px 2px;
    }

div.increase {
    float: left;
    background-image: url(../images/line-separator.png);
    background-position: right;
    background-repeat: no-repeat;
    padding: 2px 12px;
    height: 18px;
}

    div.increase a {
        color: #999999;
        font-size: 10px;
        text-decoration: none;
    }

div.contact {
    float: left;
    background-image: url(../images/line-separator.png);
    background-position: right;
    background-repeat: no-repeat;
    padding: 2px 16px;
    height: 18px;
}

    div.contact a {
        color: #999999;
        font-size: 0.909em; /* 10px */
        text-decoration: none;
    }

div.search {
    float: left;
    padding: 2px 12px;
    height: 18px;
}

    div.search input.txtSearch {
        border: 0px;
        border-bottom: 1px solid #b8b8b8;
        background-color: transparent;
        font-size: 1.27em; /* 14px */
        color: #999999;
    }

    div.search input.txtSearch {
        border: 0px;
        border-bottom: 1px solid #b8b8b8;
        background-color: transparent;
        font-size: 1.27em; /* 14px */
        color: #999999;
        float: left;
        line-height: 14px;
        height: 15px;
    }

    div.search input.btnSearch {
        border: 0px;
        float: left;
    }

    div.search td {
        vertical-align: bottom;
    }

div.topMenu { /*FONT*/
    width: 980px;
    height: 26px;
    color: #aaaaaa;
    font-size: 15px;
    text-align: center;
}

    div.topMenu a.level1 {
        color: #4d4d4d;
        font-size: 15px;
        text-decoration: none;
    }

        div.topMenu a.level1:hover {
            color: #33a8a7;
        }

    div.topMenu a.level1Selected {
        color: #33a8a7;
        font-size: 15px;
        text-decoration: none;
    }

div.map {
    width: 1140px;
    position: relative;
    float: left;
    height: 572px;
    top: 0px;
}

#camera_wrap_3 {
    height: 552px;
}

div.mapImage {
}

div.mapPlus {
    position: absolute;
    right: 12px;
    top: 35px;
    z-index: 11;
}

    div.mapPlus div.mapPlusOptions {
        text-align: right;
        clear: both;
        width: 450px;
        float: right;
        height: 100%;
    }

        div.mapPlus div.mapPlusOptions span.bgmap {
            background-image: url(../images/tlt-gradient.png);
            background-position: top right;
            background-repeat: no-repeat;
            background-size: cover;
            text-align: right;
            height: 100%;
            float: right;
            padding: 8px 15px 8px 15px;
            margin: 2px 0;
            color: #fff;
            font-size: 16px;
        }

.openplus {
    background-image: url(../images/tlt-gradient.png);
    background-position: top right;
    background-repeat: repeat;
    float: right;
    width: 425px;
}

    .openplus span.bgmap {
        background: none !important;
    }

div.mapPlus div.mapPlusOptions a { /*FONT*/
    /*background-image:url(../images/cross-home.png);
	background-position:top left;
	background-repeat:no-repeat;*/
    text-decoration: none;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 600;
}


div.mapPlus div.mapPlusOptions .tlt { /*FONT*/
    background-image: url(../images/cross-home.png) !important;
    background-position: top left;
    background-repeat: no-repeat;
    color: #ffffff !important;
    font-size: 16px;
    padding: 0 0 0 20px;
    width: 350px;
}

div.mapPlus div.openplus .tlt { /*FONT*/
    background-image: url(../images/minus-home.png) !important;
    background-position: top left;
    background-repeat: no-repeat;
    color: #ffffff !important;
    font-size: 16px;
    padding: 0 0 0 20px;
}

.descmap {
    width: 100%;
    clear: both;
    float: right;
    color: White;
    font-size: 11px;
}

.minmax {
    display: none;
}

div.mapBox {
    position: absolute;
    width: 250px;
    left: 80px;
    top: 0px;
    bottom: 0px;
    z-index: 11;
    /*background-color:#e1e1e1;*/
    padding: 18px 16px 6px 16px;
    /*background: rgb(255, 255, 255) transparent;
	background: rgba(255, 255, 255, 0.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e1e1e1, endColorstr=#e1e1e1);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e1e1e1, endColorstr=#e1e1e1)";*/
    /* default fallback */
    /*background: rgb(255, 255, 255) transparent;*/
    /* nice browsers */
    /*background: rgba(255, 255, 255, 0.8);*/
    /* IE 6/7 */
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e1e1e1, endColorstr=#e1e1e1);*/
    /* IE8 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e1e1e1, endColorstr=#e1e1e1)";*/
    background-image: url(../images/header.png);
    background-position: top left;
    background-repeat: repeat;
}


.mapBox .minmax {
    background-image: url(../images/cross-home-s.png);
    background-position: top right;
    background-repeat: no-repeat;
}


.mapBox .minmax_hover {
    background-image: url(../images/minus-home-sm.png) !important;
}


div.mapBox h1 { /*FONT*/
    color: #239f9e;
    font-size: 22px;
    font-weight: 600;
    padding: 6px 0 14px 0;
    margin: 0px;
    text-align: right;
    border-bottom: 1px dashed #525253;
}

div.mapBox h2 {
    color: #525253;
    font-size: 12px;
    line-height: 19px;
    font-weight: 600;
    padding: 14px 0;
    margin: 0px;
    text-align: left;
    /*display:none;*/
    border-bottom: 1px dashed #525253;
}

div.mapBox div.pager {
    padding: 16px 0;
    text-align: right;
}

    div.mapBox div.pager a.num {
        text-decoration: none;
        color: #777777;
        font-size: 12px;
        background-color: #cccccc;
        padding: 1px 5px;
        font-weight: bold;
    }

        div.mapBox div.pager a.num:hover {
            color: #ffffff;
            background-color: #33a8a7;
        }

    div.mapBox div.pager a.numSelected {
        text-decoration: none;
        color: #ffffff;
        font-size: 12px;
        background-color: #33a8a7;
        padding: 1px 5px;
        font-weight: bold;
    }

div.homeSectionRow.vid {
    background-image: none;
}

div.homeSectionRow {
    width: 1140px;
    background-image: url(../images/double-line.png);
    background-position: bottom left;
    background-repeat: repeat-x;
    padding: 40px 0px 26px 0px;
    float: left;
}

div.welcome { /*FONT*/
    width: 1140px;
    padding: 0px 0px 20px 0px;
}

    div.welcome h1 { /*FONT*/
        margin: 0px;
        padding: 0px 0px 4px 0px;
        font-weight: 600;
        color: #333333;
        font-size: 2.6em; /* 40px */
        background-image: url(../images/line.png);
        background-position: bottom center;
        background-repeat: no-repeat;
        text-align: center;
    }

    div.welcome h2 { /*FONT*/
        margin: 0px;
        padding: 4px 0px 4px 0px;
        font-weight: bold;
        color: #33a8a7;
        font-size: 1.182em; /* 13px */
        text-align: center;
    }

    div.welcome h3 { /*FONT*/
        margin: 0px;
        padding: 4px 0px 4px 0px;
        font-weight: 600;
        color: #707070;
        font-size: 1.3em;
        font-weight: 600;
    }

    div.welcome div.more {
        text-align: right;
    }

        div.welcome div.more a { /*FONT*/
            color: #006968;
            font-size: 1.5em;
            font-weight: 600;
            text-decoration: none;
            background-image: url(../images/arrow-more.png);
            background-position: right;
            background-repeat: no-repeat;
            padding: 0px 16px 0px 0px;
        }


.video_text {
    float: left;
    width: 575px;
    padding-right: 90px;
    font-size: 16px;
    color: #707070;
}

.newshomeVideo_title {
    max-width: 290px;
    padding-bottom: 30px;
}


.video_banner {
    width: 460px;
    display: inline-block;
}

.social-media-links li a img {
    margin-right: 10px;
    box-shadow: 1px 1px 5px #eee;
    border-radius: 50%;
}

.social-media-links li a {
    display: flex;
    align-items: center;
}

.social-media-links ul {
    padding: 0;
}

.social-media-links li {
    list-style: none;
    margin-bottom: 10px;
}

.newshomeVideo_title h1 {
    margin: 0px;
    padding: 0px 0px 12px 0px;
    color: #111111;
    font-size: 23px;
    font-weight: 600;
    background-image: url(../images/line.png);
    background-position: bottom left;
    background-repeat: repeat-x;
}

#example_video_1, .homevideodiv {
    width: 460px !important;
    height: 300px !important;
}

.investor-relations-section p {
    font-size: 17px;
    font-weight: bold;
}

.investor-relations-section a {
    font-size: 15px;
    font-weight: bold;
    background: #33a8a7;
    color: #fff !important;
    padding: 10px;
    display: inline-block;
    margin-top: 10px;
}

div.newsHome {
    width: 33%;
    float: left;
    padding-right: 2%;
}

.oikonomikeskatastaseis {
    padding-bottom: 50px;
    float: left;
}

.quarterly-results {
    float: left;
    width: 29%;
    padding-left: 1%;
    padding-right: 2%;
}

    .quarterly-results p {
        color: #444;
        font-size: 1.182em;
        margin-top: 74px;
        font-weight: bold;
        height: 145px;
    }

    .quarterly-results div.more {
        text-align: right;
        padding: 36px 0 0 0;
    }

        .quarterly-results div.more a {
            color: #006968;
            font-size: 1.5em;
            text-decoration: none;
            background-image: url(../images/arrow-more.png);
            background-position: right;
            background-repeat: no-repeat;
            padding: 0 16px 0 0;
        }

    .quarterly-results h1 {
        margin: 0;
        padding: 0 0 12px 0;
        color: #111;
        font-size: 23px;
        font-weight: 600;
        background-image: url(../images/line.png);
        background-position: bottom left;
        background-repeat: repeat-x;
    }

div.newsHome h1 { /*FONT*/
    margin: 0px;
    padding: 0px 0px 12px 0px;
    color: #111111;
    font-size: 23px;
    font-weight: 600;
    background-image: url(../images/line.png);
    background-position: bottom left;
    background-repeat: repeat-x;
}

div.newsHome .newsHolder { /*FONT*/
    margin: 36px 0px 0px 0px;
    height: 184px;
    overflow: auto;
    padding: 0px 10px 0px 0px;
}

    div.newsHome .newsHolder .newsList {
        border-bottom: 1px solid #b0c9c9;
        padding: 6px 0px 10px 0px;
    }

        div.newsHome .newsHolder .newsList h2 { /*FONT*/
            margin: 0px;
            padding: 0px 0px 10px 0px;
            font-weight: 600;
            color: #33a8a7;
            font-size: 1.7em;
        }

        div.newsHome .newsHolder .newsList a { /*FONT*/
            padding: 0px 10px 0px 0px;
            font-weight: bold;
            color: #444444 !important;
            font-size: 1.182em; /*13px */
            text-decoration: none;
            background-image: url(../images/arrow-more.png);
            background-position: right bottom;
            background-repeat: no-repeat;
            display: block;
        }

div.newsHome div.more {
    text-align: right;
    padding: 36px 0px 0px 0px;
}

    div.newsHome div.more a { /*FONT*/
        color: #006968;
        font-size: 1.5em; /*16px */
        text-decoration: none;
        background-image: url(../images/arrow-more.png);
        background-position: right;
        background-repeat: no-repeat;
        padding: 0px 16px 0px 0px;
    }

div.graphicHome {
    width: 300px;
    float: left;
    padding: 0px 110px 0px 0px;
}

    div.graphicHome h1 { /*FONT*/
        margin: 0px;
        padding: 0px 0px 12px 0px;
        color: #111111;
        font-size: 23px;
        font-weight: 600;
        background-image: url(../images/line.png);
        background-position: bottom left;
        background-repeat: repeat-x;
    }

    div.graphicHome h2 { /*FONT*/
        margin: 0px;
        padding: 10px 0px 10px 0px;
        font-weight: bold;
        color: #33a8a7;
        font-size: 1.091em; /* 12px */
    }

    div.graphicHome .graphicImg {
        /*padding:28px 0px 0px 0px;*/
        /*height:192px;*/
        height: 220px;
    }

    div.graphicHome div.more {
        text-align: right;
    }

        div.graphicHome div.more a { /*FONT*/
            color: #006968;
            font-size: 1.5em; /*16px */
            text-decoration: none;
            background-image: url(../images/arrow-more.png);
            background-position: right;
            background-repeat: no-repeat;
            padding: 0px 16px 0px 0px;
        }

div.stockHome {
    width: 32%;
    float: left;
    padding: 0 0 0 0;
    padding-left: 1%;
}

    div.stockHome h1 { /*FONT*/
        margin: 0px;
        padding: 0px 0px 12px 0px;
        color: #111111;
        font-size: 23px;
        font-weight: 600;
        background-image: url(../images/line.png);
        background-position: bottom left;
        background-repeat: repeat-x;
    }

    div.stockHome .topInfo {
        width: 302px;
        padding: 12px 0px 40px 0px;
    }

        div.stockHome .topInfo .calendar { /*FONT*/
            float: left;
            background-image: url(../images/calendar.png);
            background-position: left;
            background-repeat: no-repeat;
            padding: 0px 0px 0px 20px;
            font-size: 1.182em; /* 13px */
            color: #858585;
            font-weight: bold;
            width: 131px;
        }

        div.stockHome .topInfo .clock { /*FONT*/
            background-image: url(../images/clock.png);
            background-position: left;
            background-repeat: no-repeat;
            padding: 0px 0px 0px 20px;
            float: right;
            font-size: 1.182em; /* 13px */
            color: #858585;
            font-weight: bold;
            text-align: right;
        }

    div.stockHome .stockTxt {
        width: 302px;
        background-image: url(../images/gradient-stock.png);
        background-position: top left;
        background-repeat: repeat;
        height: 122px;
        margin: 10px 0px 4px 0px;
        padding: 36px 0px 0px 0px;
    }

        div.stockHome .stockTxt .stockTxtColumn {
            width: 78px;
            float: left;
            text-align: center;
            padding: 0px 11px;
        }

            div.stockHome .stockTxt .stockTxtColumn .stockTxtValue { /*FONT*/
                font-size: 2.273em; /* 25px */
                color: #33a8a7;
                border-bottom: 2px solid #bdcbcd;
                padding: 0px 0px 14px 0px;
            }

            div.stockHome .stockTxt .stockTxtColumn .stockTxtLabel { /*FONT*/
                font-size: 1.182em; /* 25px */
                color: #333333;
                font-weight: bold;
                padding: 14px 0px 0px 0px;
            }

    div.stockHome div.more {
        text-align: right;
        padding: 30px 0px 0px 0px;
        padding-top: 15px;
    }

    div.stockHome p {
        color: #444;
        font-size: 1.182em;
        margin-top: 74px;
        font-weight: bold;
        height: 145px;
    }

    div.stockHome div.more a { /*FONT*/
        color: #006968;
        font-size: 1.5em;
        text-decoration: none;
        background-image: url(../images/arrow-more.png);
        background-position: center right 8px;
        background-repeat: no-repeat;
        padding: 10px;
        background-color: #e9e9e9;
        display: block;
        text-align: left;
    }

.homeSectionRow.stock-home {
    display: flex;
}

.productValueArea {
    width: 800px;
    float: left;
}

.homeBannerArea {
    width: 300px;
    float: left;
    padding: 0px 0px 0px 26px;
}

div.productValueArea h1 { /*FONT*/
    margin: 0px;
    padding: 0px;
    font-weight: 600;
    color: #111111;
    font-size: 2.273em; /* 25px */
}

div.productValueArea span.title { /*FONT*/
    margin: 0px;
    padding: 0px 80px 4px 0px;
    font-weight: 600;
    color: #111111;
    background-image: url(../images/line.png);
    background-position: bottom left;
    background-repeat: repeat-x;
    font-size: 23px; /* 40px*/
}


div.productValueArea h2 { /*FONT*/
    margin: 0px;
    padding: 10px 0px 10px 0px;
    font-weight: bold;
    color: #33a8a7;
    font-size: 1.8em; /* 20px */
}

div.productValueArea h3 { /*FONT*/
    margin: 0px;
    padding: 30px 0px 2px 0px;
    font-weight: bold;
    color: #4d4d4d;
    font-size: 1.45em; /* 16px */
}

div.productValueArea h4 { /*FONT*/
    margin: 0px;
    padding: 4px 0px 10px 0px;
    font-weight: 600;
    color: #777777;
    font-size: 1.3em; /* 14px */
    font-style: italic;
}

div.productValueArea h5 { /*FONT*/
    margin: 0;
    padding: 15px 0px 10px 0px;
    font-weight: 600;
    color: #888888;
    font-size: 1.27em; /* 14px */
    font-style: italic;
    clear: both;
    width: 625px;
}

.onOff {
    float: left;
    width: 634px;
}

    .onOff .pop {
        float: left;
        width: 121px;
        height: 100px;
        background-color: #dddddd;
        margin: 0px 4px 0px 0px;
    }

        .onOff .pop span { /*FONT*/
            cursor: pointer;
            font-weight: 600;
            font-size: 1.091em; /* 12px */
            color: #58595B;
            padding: 0;
            text-align: center;
            margin: 0px 0px 0px 0px;
            height: 100px;
            vertical-align: middle;
            display: table-cell;
        }


    .onOff .pop-hover {
        float: left;
        width: 121px;
        height: 100px;
        display: block;
        background-color: #239F9E;
        margin: 0px 4px 0px 0px;
    }

        .onOff .pop-hover span { /*FONT*/
            cursor: pointer;
            font-weight: 600;
            font-size: 1.28em; /* 14px */
            color: #fff;
            display: block;
            padding: 0 10px;
            text-align: center;
            margin: 0px 0px 0px 0px;
            height: 100px;
            vertical-align: middle;
            display: table-cell;
        }

    .onOff .off {
        display: none;
        clear: left;
        padding: 0px 0px;
        margin: 6px 0px 10px 0px;
    }

    .onOff .on {
        display: block;
        margin: 6px 0px 10px 0px;
        text-align: left;
        font-size: 1.364em; /* 15px */
        color: #58595B;
        padding: 0 0px 0 0;
        clear: left;
    }

.resultValue {
    background-color: #239F9E;
    margin: 6px 0px 0px 0px;
    float: left;
    width: 621px;
    padding: 10px 0px;
}

    .resultValue .region {
        float: left;
        width: 295px;
        text-align: center;
        padding: 0px 5px;
    }

        .resultValue .region h1 { /*FONT*/
            font-size: 0.93em; /* 14x */
            color: #a2c6c7;
            margin: 0px;
            padding: 3px 0;
            font-weight: 600;
        }

        .resultValue .region h2 { /*FONT*/
            font-size: 2.26em; /*34px */
            color: #fff;
            margin: 0px;
            padding: 6px 0;
            font-weight: 600;
        }

        .resultValue .region h3 { /*FONT*/
            font-size: 0.93em; /* 14px */
            color: #aacccd;
            margin: 0px;
            padding: 3px 0;
            font-weight: 600;
        }

    .resultValue .regionSep {
        float: left;
        width: 10px;
        background-image: url(../images/line-results.png);
        background-position: top center;
        background-repeat: no-repeat;
        min-height: 99px;
    }

div.productValueArea div.more {
    text-align: right;
    padding: 0px 16px 0px 0px;
    width: 625px;
}

    div.productValueArea div.more a { /*FONT*/
        color: #006968;
        font-size: 1.5em; /*20px */
        text-decoration: none;
        background-image: url(../images/arrow-more.png);
        background-position: right;
        background-repeat: no-repeat;
        padding: 0px 16px 0px 0px;
    }

.homeBannerArea div.banner {
    padding: 0px 0px 0px 0px;
}

.homeBannerArea div.pager {
    padding: 10px 0;
    text-align: right;
}

    .homeBannerArea div.pager a.num {
        text-decoration: none;
        color: #777777;
        font-size: 12px;
        background-color: #cccccc;
        padding: 1px 5px;
        font-weight: bold;
    }

        .homeBannerArea div.pager a.num:hover {
            color: #ffffff;
            background-color: #33a8a7;
        }

    .homeBannerArea div.pager a.numSelected {
        text-decoration: none;
        color: #ffffff;
        font-size: 12px;
        background-color: #33a8a7;
        padding: 1px 5px;
        font-weight: bold;
    }


.homeLinks {
    padding: 20px 0;
    min-height: 180px;
    background: #DBEBEB;
}

div.homeLinks h1 { /*FONT*/
    margin: 0px;
    padding: 0px 0px 4px 0px;
    font-weight: 600;
    color: #333333;
    font-size: 3.64em; /* 40px */
    background-image: url(../images/line.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    text-align: center;
}

div.homeLinks h2 { /*FONT*/
    margin: 0px;
    padding: 4px 0px 4px 0px;
    font-weight: bold;
    color: #999999;
    font-size: 1.6em; /* 18px */
    text-align: center;
}

div.homeLinks a.links { /*FONT*/
    font-weight: bold;
    color: #999999;
    text-decoration: none;
}

    div.homeLinks a.links:hover { /*FONT*/
        color: #006968;
    }

div.homeLinks a.linksSelected { /*FONT*/
    font-weight: bold;
    color: #239F9E;
    text-decoration: none;
}

.companyLogos {
    width: 1140px;
    text-align: center;
    padding: 40px 0px 0px 0px;
}

.footerInfo {
    width: 1140px;
    margin: 0px 10px;
    border-bottom: 1px dashed #1f7576;
    float: left;
    padding: 30px 0px 20px 0;
}

    .footerInfo .social {
        width: 645px;
        float: left;
        text-align: right;
    }

        .footerInfo .social a {
            padding: 0px 6px;
        }

    .footerInfo .helpe { /*FONT*/
        width: 480px;
        float: left;
        color: #fff !important;
        font-size: 1.273em; /* 14px */
    }

        .footerInfo .helpe span { /*FONT*/
            color: #f5f5f7;
            font-size: 1.4em; /* 20px */
            padding: 0px 0px 6px 0px;
            display: block;
            font-weight: 600;
        }

.footerMenu {
    width: 1140px;
    float: left;
    padding: 30px 0px 0px 0px;
    display: flex;
    justify-content: space-between;
}

    .footerMenu div.columnMenu {
        width: 130px;
        float: left;
        padding: 0px 15px;
    }

        .footerMenu div.columnMenu h1 { /*FONT*/
            padding: 0px;
            margin: 0px;
            font-size: 0.85rem; /* 14px */
            color: #FFFFFF;
            font-weight: 600;
            height: 40px;
        }

        .footerMenu div.columnMenu a { /*FONT*/
            font-size: 1.1em; /* 12px */
            color: #93DEDE;
            font-weight: 600;
            text-decoration: none;
            display: block;
            padding: 3px 0px;
        }

            .footerMenu div.columnMenu a:hover {
                text-decoration: underline;
            }

.footerRights {
    width: 1140px;
    margin: 0px 10px;
    float: left;
    padding: 30px 0px 0px 0px;
}

    .footerRights .copyrights { /*FONT*/
        width: 760px;
        float: left;
        font-size: 1.1em; /* 12px */
        color: #ffffff !important;
    }

    .footerRights .gg {
        width: 200px;
        float: left;
        text-align: right;
    }

        .footerRights .gg a { /*FONT*/
            font-size: 1.1em; /* 11px */
            color: #ffffff;
            text-decoration: none;
        }

            .footerRights .gg a img { /*FONT*/
                top: 1px;
                position: relative;
            }

/*inner pages*/

.pageBanner {
    width: 1140px;
    position: relative;
    height: 358px;
    overflow: hidden;
}

    .pageBanner img {
        width: 100%;
    }

.pageContent {
    width: 1140px;
    padding: 80px 10px;
}

    .pageContent .leftArea {
        width: 300px;
        float: left;
        padding: 8px 0 0 0;
    }

.menu1 { /*FONT*/
    width: 240px;
    background-image: url("../images/line.png");
    background-position: left bottom;
    background-repeat: repeat-x;
    margin: 0px 60px 18px 0px;
    padding: 0px 0px 8px 0px;
    color: #004949;
    font-weight: 600;
}

a.mnLevel1, .mnLevel1-selected { /*FONT*/
    text-decoration: none;
    font-size: 22px; /* 22px */
    color: #004949;
}

.menu2 {
    width: 220px;
    padding: 2px 10px 8px 10px;
}

a.mnLevel2 { /*FONT*/
    text-decoration: none;
    font-size: 1.2em;
    font-weight: 600;
    color: #004949;
    padding: 0px 0px 0px 14px;
    display: block;
}

a.mnLevel2-selected { /*FONT*/
    text-decoration: none;
    font-size: 1.2em;
    font-weight: 600;
    padding: 0px 0px 0px 14px;
    display: block;
    color: #00afaf;
    background-image: url(../images/arrow-level2.png);
    background-position: top left;
    background-repeat: no-repeat;
}


a.mnLevel2:hover { /*FONT*/
    color: #00afaf;
    background-image: url(../images/arrow-level2.png);
    background-position: top left;
    background-repeat: no-repeat;
}

a.mnLevel2Selected { /*FONT*/
    text-decoration: none;
    font-size: 1.273em; /* 14px */
    color: #00afaf;
    padding: 0px 0px 0px 14px;
    background-image: url(../images/arrow-level2.png);
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
}

.menu3 {
    width: 200px;
    padding: 8px 0px 0px 20px;
}

a.mnLevel3 { /*FONT*/
    text-decoration: none;
    font-size: 1.182em; /* 13px */
    color: #257c7c;
    display: block;
    padding: 0px 0px 0px 14px;
}

    a.mnLevel3:hover {
        color: #00afaf;
        padding: 0px 0px 0px 14px;
        background-image: url(../images/arrow-level2.png);
        background-position: top left;
        background-repeat: no-repeat;
        display: block;
    }

a.mnLevel3-selected { /*FONT*/
    text-decoration: none;
    font-size: 1.182em; /* 13px */
    color: #00afaf;
    padding: 0px 0px 0px 14px;
    background-image: url(../images/arrow-level2.png);
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
}

.menu4 {
    width: 180px;
    padding: 8px 0px 0px 20px;
}

a.mnLevel4 { /*FONT*/
    text-decoration: none;
    font-size: 1.182em; /* 13px */
    color: #257c7c;
    display: block;
    padding: 0px 0px 0px 14px;
}

    a.mnLevel4:hover {
        color: #00afaf;
        padding: 0px 0px 0px 14px;
        background-image: url(../images/arrow-level2.png);
        background-position: top left;
        background-repeat: no-repeat;
        display: block;
    }

a.mnLevel4-selected { /*FONT*/
    text-decoration: none;
    font-size: 1.182em; /* 13px */
    color: #00afaf;
    padding: 0px 0px 0px 14px;
    background-image: url(../images/arrow-level2.png);
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
}




.menu5 {
    width: 160px;
    padding: 4px 0px 0px 15px;
}

a.mnLevel5 { /*FONT*/
    text-decoration: none;
    font-size: 1.182em; /* 13px */
    color: #257c7c;
    display: block;
    padding: 0px 0px 0px 14px;
}

    a.mnLevel5:hover {
        color: #00afaf;
        padding: 0px 0px 0px 14px;
        background-image: url(../images/arrow-level2.png);
        background-position: top left;
        background-repeat: no-repeat;
        display: block;
    }

a.mnLevel5-selected { /*FONT*/
    text-decoration: none;
    font-size: 1.182em; /* 13px */
    color: #00afaf;
    padding: 0px 0px 0px 14px;
    background-image: url(../images/arrow-level2.png);
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
}

.pageContent .rightArea {
    width: 810px;
    float: left;
}

    .pageContent .rightArea h1 { /*FONT*/
        font-size: 30px;
        color: #333333;
        padding: 0px;
        margin: 0px;
        font-weight: 600;
    }

    .pageContent .rightArea span.title { /*FONT*/
        /*font-size:30px;*/
        font-size: 24px;
        font-weight: 600;
        color: #333333;
        background-image: url(../images/line.png);
        background-position: left bottom;
        background-repeat: repeat-x;
        padding: 0 40px 6px 0;
    }

.mainContent {
    padding: 20px 0px 50px 0px;
    font-size: 1.3em; /* 15px */
    color: #777777;
}

    .mainContent a {
        color: #33a8a7;
        text-decoration: none;
    }

        .mainContent a:hover {
            text-decoration: underline;
        }


        .mainContent a:visited {
            color: #326262;
            text-decoration: underline;
        }

    .mainContent h2 { /*FONT*/
        font-size: 1.0em; /* 18px */
        color: #33a8a7;
        padding: 16px 0px;
        margin: 0px;
        font-weight: 600;
    }

    .mainContent h3 { /*FONT*/
        font-size: 1.0em; /* 16px */
        color: #2a5353;
        padding: 1px 0px;
        margin: 0px;
        font-weight: 600;
    }

    .mainContent p, ul, li, ol { /*FONT*/
        font-size: 15px;
        color: #777777 !important;
        font-size: inherit;
        font-family: inherit;
        font-weight: 400;
    }

    .mainContent div { /*FONT*/
        font-size: 15px;
        /*ΠΡΟΣΟΧΗ ΜΗ ΒΑΛΕΤΕ COLOR ΛΟΓΩ CHART*/
        /*color:#777777 !important; */
        /*ΠΡΟΣΟΧΗ ΜΗ ΒΑΛΕΤΕ COLOR ΛΟΓΩ CHART*/
        font-size: inherit;
        font-family: inherit;
    }

.faq {
    width: 660px;
}


    .faq .pop, .faq .pop-hover {
        border-bottom: 1px dashed #498a89;
        cursor: pointer;
        position: relative;
    }

    .faq .pop {
        background: url(/images/down-img.png);
        background-repeat: no-repeat;
        background-position: center right;
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .faq .pop-hover {
        background: url(/images/up-img.png);
        background-repeat: no-repeat;
        background-position: center right;
        display: flex;
        flex-direction: column;
        width: 100%;
    }

        .faq .pop span, .faq .pop-hover span {
            display: block;
            padding: 1rem 0;
        }

    .faq .off {
        display: none;
        clear: left;
        padding: 0px 0px;
        margin: 6px 0px 10px 0px;
    }

    .faq .on {
        display: block;
        margin: 14px 0px 26px 0px;
        text-align: left;
        font-size: 1.0em; /* 15px */
        color: #777777;
        padding: 0 0px 0 0;
        clear: left;
        min-height: 280px;
    }

.pageContent .fullArea {
    width: 1140px;
    float: left;
    padding: 8px 0 0 0;
}

    .pageContent .fullArea h1 { /*FONT*/
        font-size: 28px;
        color: #333333;
        padding: 0px;
        margin: 0px;
        font-weight: 600;
    }

    .pageContent .fullArea span.title { /*FONT*/
        font-size: 28px;
        color: #333333;
        background-image: url(../images/line.png);
        background-position: left bottom;
        background-repeat: repeat-x;
        padding: 0 40px 6px 0;
    }

.mapPlus dt {
    font-size: 1.091em; /* 12px */
    color: #C52468;
    font-weight: bold;
    cursor: pointer;
}

.mapPlus dd {
    clear: both;
    color: White;
    width: 420px;
    padding: 0;
    font-size: 1.091em; /* 12px */
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 5px
}

.selectPress {
    border-bottom: 1px dashed #b0c9c9;
    padding: 0px 0px 16px 0px;
    margin: 30px 0px 20px 0px;
}

    .selectPress table { /*FONT*/
        width: 100%;
        margin: 0px 0px 18px 0px;
    }

    .selectPress td { /*FONT*/
        padding: 0px 0px 0px 0px;
    }

    .selectPress label { /*FONT*/
        font-size: 15px;
        color: #666666;
    }

    .selectPress select { /*FONT*/
        font-size: 15px;
        color: #666666;
        width: 100px;
    }

.inpKey { /*FONT*/
    font-size: 15px;
    color: #666666;
    border: 1px solid #c6c6c6;
    background-color: #fff;
    width: 152px;
    height: 26px;
    line-height: 26px;
}

.btnPress { /*FONT*/
    float: right;
    display: inline-block;
    background-color: #003d3e;
    border: 0px;
    font-size: 14px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    cursor: pointer;
}

.btnClear { /*FONT*/
    float: left;
    display: inline-block;
    background-color: #2f9b9b;
    border: 0px;
    font-size: 14px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    cursor: pointer;
}

.resultPress {
    padding: 10px 0px 10px 0px;
}

.yearPress { /*FONT*/
    border-bottom: 2px solid #4a8a8a;
    font-size: 26px;
    color: #333333;
    padding: 5px 0;
    margin: 0px 0px 10px 0px;
}

.listPress {
    padding: 8px 0 40px 0px;
}

.itemPress {
    border-bottom: 1px solid #b0c9c9;
    padding: 8px 0px 12px 0px;
}

.date { /*FONT*/
    color: #33a8a7 !important;
    font-size: 22px;
    padding: 6px 0px 8px 0px;
}

.itemPress a { /*FONT*/
    color: #444444 !important;
    font-size: 1.0em; /* 14px */
    text-decoration: none;
    background-image: url(../images/arrow-more.png);
    background-repeat: no-repeat;
    background-position: top right;
    display: block;
    font-weight: bold;
}

    .itemPress a:hover { /*FONT*/
        text-decoration: none;
    }

.pagerCount {
    border-top: 1px dashed #b0c9c9;
    text-align: center;
    padding: 16px 0px 40px 0px;
    margin: 10px 0px 0px 0px;
    clear: both;
}

    .pagerCount table {
        margin: 0px auto;
    }

    .pagerCount td { /*FONT*/
        padding: 0px 10px;
    }

    .pagerCount a {
        margin: 0px 4px;
    }

        .pagerCount a.num { /*FONT*/
            font-size: 12px;
            color: #777777;
            text-decoration: none;
            background-color: #dadbdb;
            padding: 2px 6px;
            margin: 0px 4px;
            font-weight: bold;
        }

            .pagerCount a.num:hover { /*FONT*/
                color: #fff;
                background-color: #33a8a7;
            }

        .pagerCount a.numSelected { /*FONT*/
            font-size: 12px;
            color: #fff;
            text-decoration: none;
            background-color: #33a8a7;
            padding: 2px 6px;
            margin: 0px 4px;
            font-weight: bold;
        }

/* NEW*/

.carouselHolder {
    padding: 30px 0px 10px 0px;
}

.carouselAwards {
    padding: 6px 0px 10px 0px;
}

.carouselAwardsTxt {
    padding: 0px 0px 0px 0px;
    color: #777777 !important;
    font-size: 1em; /* 15px */
    text-align: center;
}

.tltFirst {
    color: #020202 !important;
    font-size: 1.7em; /* 25px */
    border-bottom: 1px dashed #b2cacb;
    text-align: center;
    padding: 0 0 10px 0px;
    width: 650px;
}

.tltSecond {
    color: #004242 !important;
    font-size: 1.2em; /* 20px */
    text-align: center;
    padding: 14px 0 20px 0px;
}

.resultfinancial {
}

.tltYear {
    border-bottom: 2px solid #498a89;
    font-size: 26px;
    color: #333333;
    padding: 10px 0px 4px 0px;
}

.financialList {
    float: left;
    padding: 30px 0 20px;
    width: 100%;
}

    .financialList .itemFinancial {
        width: 201px;
        float: left;
        padding: 0px 9px;
    }

        .financialList .itemFinancial .itemFinancialImg {
            background-image: url(../images/bg-financial-shadow.png);
            background-position: top center;
            background-repeat: no-repeat;
            height: 260px;
            width: 199px;
            position: relative;
            padding: 3px 0 0 6px;
        }

        .financialList .itemFinancial .itemFinancialTxt {
            text-align: center;
            color: #555555;
            font-size: 15px;
            padding: 10px 16px 20px 16px;
        }

.archiveList {
    padding: 30px 0px 244px 38px;
    background-image: url(../images/shelf.png);
    background-position: bottom center;
    background-repeat: no-repeat;
}

    .archiveList .itemArchive {
        width: 180px;
        float: left;
        padding: 0px 9px;
    }

        .archiveList .itemArchive .itemArchiveImg {
            background-image: url(../images/bg-archive-shadow.png);
            background-position: top center;
            background-repeat: no-repeat;
            height: 223px;
            width: 166px;
            padding: 3px 0 0 4px;
            position: relative;
        }

        .archiveList .itemArchive .itemArchiveTxt {
            text-align: center;
            color: #555555 !important;
            font-size: 1em; /* 15px; */
            padding: 20px 16px 20px 16px;
        }

.selectMedia {
    border-bottom: 1px dashed #b0c9c9;
    padding: 0px 0px 0px 0px;
    margin: 30px 0px 20px 0px;
}

    .selectMedia table { /*FONT*/
        width: 100%;
        margin: 0px 0px 18px 0px;
    }

    .selectMedia td { /*FONT*/
        padding: 0px 0px 0px 0px;
        vertical-align: bottom;
    }

    .selectMedia label { /*FONT*/
        font-size: 15px;
        color: #666666;
    }

    .selectMedia select { /*FONT*/
        font-size: 15px;
        color: #666666;
    }

.inpKey { /*FONT*/
    font-size: 15px;
    color: #666666;
    border: 1px solid #c6c6c6;
    background-color: #fff;
    width: 152px;
    height: 26px;
    line-height: 26px;
}

.resultMedia {
}

.mediaList {
    padding: 30px 0px 20px 0px;
}

    .mediaList .itemMedia {
        width: 330px;
        float: left;
        padding: 6px 0px 40px 0px;
    }

        .mediaList .itemMedia .itemMediaImg {
            background-image: url(../images/mediaList-shadow.png);
            background-position: bottom center;
            background-repeat: no-repeat;
            padding: 0px 0 14px 0px;
            text-align: center;
        }

        .mediaList .itemMedia .itemMediaTxt {
            text-align: center;
            color: #555555;
            font-size: 15px;
            padding: 10px 16px 20px 16px;
        }

.areaDivided {
    padding: 70px 0 0 0;
}

.areaDividedLeft {
    float: left;
    width: 370px;
    padding: 0px 0px 30px 0px;
    min-height: 600px;
}

    .areaDividedLeft .shadowImg {
        background-image: url(../images/sustainability-b.png);
        background-position: top left;
        background-repeat: no-repeat;
        height: 463px;
        width: 346px;
        padding: 7px 0px 0px 7px;
    }

    .areaDividedLeft .shadowDate {
        text-align: center;
        font-size: 1.9em;
        font-weight: 600;
        color: #020202 !important;
        padding: 10px 0px 15px 0px;
        background-image: url(../images/double-line.png);
        background-position: bottom left;
        background-repeat: repeat-x;
    }


/*.areaDividedLeft .relativeLinks {
	padding:12px 0px 0px 0px;
	background-image:url(../images/double-line.png);
	background-position:top left;
	background-repeat:repeat-x;
	font-size:15px;
	color:#666666;
	margin:14px 0px 0px 0px;
}*/
.shelfList .itemListImg > img {
    max-width: 98px;
    height: auto;
    max-height: 126px;
    width: 100%;
}

.areaDividedLeft .shadowImg > img {
    width: 100%;
    max-width: 339px;
    max-height: 441px;
    object-fit: cover;
}

.areaDividedLeft .relativeLinks a.downloadPdf {
    font-size: 1.0em; /* 15x */
    color: #666666;
    float: left;
    text-decoration: none;
    background-image: url(../images/download-grey.png);
    background-position: left;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 20px;
}

.areaDividedLeft .relativeLinks a.viewEbook {
    font-size: 15px;
    color: #666666;
    float: right;
    text-decoration: none;
    background-image: url(../images/ebook-grey.png);
    background-position: left;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 30px;
}

.areaDividedRight {
    float: left;
    width: 290px
}

.shelfList {
    background-image: url(../images/shelf-small.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    padding: 0px 0 156px 38px;
    margin: 0px 0px 50px 0px;
}


    .shelfList .itemListImg {
        background-image: url(../images/sustainability-s.png);
        background-position: left top;
        background-repeat: no-repeat;
        height: 138px;
        padding: 3px 0 0 4px;
        width: 103px;
        float: left;
        position: relative;
    }



/* NEW NEW*/


.annualList {
    padding: 0px 0px 40px 0px;
    float: left;
}

.annualItem {
    border-bottom: 1px solid #b0c9c9;
    padding: 16px 0px 8px 0px;
    float: left;
    clear: both;
    width: 660px;
}

.annualItemTlt {
    width: 610px;
    float: left;
    font-size: 14px;
    color: #444444 !important;
    font-weight: bold;
}

.annualItemIcons {
    float: right;
}

    .annualItemIcons a {
        padding: 0px 0px 0px 10px;
    }

.faq .pop span.dateMeeting {
    font-size: 18px;
    color: #517e7b;
}

.faq .pop-hover span.dateMeeting {
    font-size: 18px;
    color: #517e7b;
}

.tooltipSmall {
    width: 133px;
    padding: 0px;
    position: absolute;
    right: 50px;
    top: 102px;
    font-size: 13px;
    color: #ffffff;
}

    .tooltipSmall table {
        border-collapse: collapse;
        padding: 0px;
        margin: 0px;
    }

    .tooltipSmall td.angleRight {
        vertical-align: bottom;
        padding: 0px;
        margin: 0px;
    }

        .tooltipSmall td.angleRight img {
            vertical-align: bottom;
        }

    .tooltipSmall td.txtRight {
        font-size: 13px;
        color: #ffffff;
        vertical-align: bottom;
        background-color: #468787;
        padding: 5px 8px;
    }



.calendarList {
    padding: 28px 0px 40px 0px;
    float: left;
}

    .calendarList h2 {
        border-bottom: 2px solid #4A8A8A;
        color: #333333;
        font-size: 1.8em !important; /* 26px */
        margin: 0 0 10px;
        padding: 5px 0;
    }

.oikonomikeskatastaseis h2 {
    border-bottom: 2px solid #4A8A8A;
    color: #333333;
    font-size: 1.8em !important; /* 26px */
    margin: 0 0 10px;
    padding: 5px 0;
    float: left;
    width: 100%;
    margin-top: 40px;
}


.oikonomikeskatastaseis h3 {
    color: #33A8A7;
    font-size: 1em;
    font-weight: 600;
    margin: 0;
    margin-top: 16px;
    padding: 16px 0;
    float: left;
    width: 100%;
}

.calendarItem {
    border-bottom: 1px solid #b0c9c9;
    padding: 10px 0px 10px 0px;
    float: left;
    clear: both;
}

.calendarItemTlt {
    width: 610px;
    float: left;
    color: #444444 !important;
    font-weight: bold;
}

.rowCalendar {
    width: 610px;
    padding: 1px 0px;
    clear: both;
    font-size: 1em;
}

.calendarDate {
    color: #33a8a7 !important;
    font-size: 22px;
    display: inline-block;
    padding: 0px 10px 0px 0px;
    font-weight: 600;
    float: left;
}

.calendarInfo {
    color: #33a8a7;
    font-size: 22px;
    display: inline-block;
    float: left;
}

.calendarItemIcons {
    float: right;
    padding: 4px 0px 0px 0px;
}

.tooltipBig {
    width: 337px;
    padding: 0px;
    position: absolute;
    left: 140px;
    top: 92px;
    font-size: 13px;
    color: #ffffff;
}

    .tooltipBig table {
        border-collapse: collapse;
        padding: 0px;
        margin: 0px;
    }

    .tooltipBig td.angleLeft {
        vertical-align: bottom;
        padding: 0px;
        margin: 0px;
    }

        .tooltipBig td.angleLeft img {
            vertical-align: bottom;
        }

    .tooltipBig td.txtLeft {
        font-size: 13px;
        color: #ffffff;
        vertical-align: bottom;
        background-color: #468787;
        padding: 18px;
    }


/* investorKit*/

.investorKit {
    border-bottom: 1px solid #b0c9c9;
    padding: 0px 0px 12px 0px;
}

    .investorKit table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
    }

    .investorKit td.tdDownload {
        vertical-align: bottom;
        text-align: right;
        padding: 0px 0px 6px 0px;
    }

    .investorKit a.download {
        background-color: #004242;
        padding: 4px 26px 4px 50px;
        font-size: 1.2em; /* 18px */
        color: #ffffff !important;
        text-decoration: none;
        border: 1px solid #002c2c;
        background-image: url(../images/icon-download-white.png);
        background-position: left;
        background-repeat: no-repeat;
    }

.investorKitItem {
    padding: 12px 0px 12px 10px;
    font-size: 1.0em; /* 14px */
    font-weight: bold;
    color: #444444 !important;
    float: left;
    clear: both;
}

    .investorKitItem label {
        margin-left: 8px;
    }

.faq .pop span.kit {
    font-size: 18px;
    color: #33a8a7;
}

.faq .pop-hover span.kit {
    font-size: 18px;
    color: #33a8a7;
}


/* CONTACT*/

.contactForm {
    float: left;
    width: 634px;
    padding: 50px 0px 60px 0px;
    min-height: 300px;
}

.contactFormRow {
    padding: 8px 0px;
    float: left;
    width: 100%;
    clear: both;
}

.contactFormBtn {
    padding: 8px 10px 8px 0px;
    float: right;
    text-align: right;
}

.contactFormRow label {
    font-size: 15px;
    color: #004242 !important;
    text-align: left;
    width: 226px;
    float: left;
}

.contactFormRow .txtContact {
    font-size: 14px;
    color: #666666 !important;
    width: 374px;
    float: left;
    padding: 0 0 0 10px;
    line-height: 26px;
    height: 26px;
    /*background-color:transparent;
	background-image:url(../images/bg-contact.png);
	background-position:top left;
	background-repeat:repeat;*/
    background-color: #f8f8f8;
    border: 1px solid #c9c9c9;
}

.contactFormRow .areaContact {
    font-size: 14px;
    color: #666666 !important;
    width: 374px;
    float: left;
    padding: 0 0 0 10px;
    /*background-color:transparent;
	background-image:url(../images/bg-contact.png);
	background-position:top left;
	background-repeat:repeat;*/
    background-color: #f8f8f8;
    border: 1px solid #c9c9c9;
    height: 214px;
}

.contactFormBtn .btnContact {
    font-size: 20px;
    color: #ffffff !important;
    border: 0px;
    padding: 8px 44px;
    background-color: #003e3e;
    font-weight: 600;
    cursor: pointer;
}

    .contactFormBtn .btnContact:disabled {
        background-color: #dddddd;
        cursor: none;
    }

input[type="image" i]:disabled {
    opacity: 0.4;
}

.contactInfo {
    float: left;
    width: 290px;
    padding: 50px 0px 12px 26px;
    text-align: right;
    font-size: 17px;
    color: #666666 !important;
    background-image: url(../images/line-contact.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.company {
    display: block;
    font-size: 23px;
    font-weight: 600;
    color: #004242 !important;
}

.contactFormRow td {
    float: left;
}

.contactFormRow table {
    float: left;
}

.selectcategory {
    width: 355px;
}



/*Glossary*/


.glossaryDefinition {
    display: block;
}

    .glossaryDefinition .glossaryDefinitionTlt {
        color: #468787;
        display: block;
        font-size: 1.7em;
        padding-bottom: 5px;
    }

    .glossaryDefinition .glossaryDefinitionTxt {
        color: #555555;
        display: block;
        font-size: 1.0em;
        padding-bottom: 15px;
    }

.glossary .glossary-tabs {
    display: block;
    list-style-type: none;
    margin: 26px 0 34px;
    overflow: hidden;
    padding: 0 0 22px 0px;
    border-bottom: 1px dashed #b2cacb;
}

    .glossary .glossary-tabs li {
        display: block;
        float: left;
        margin: 0 0 0 3px;
    }

        .glossary .glossary-tabs li:first-child {
            margin: 0;
        }

        .glossary .glossary-tabs li a {
            background-color: #fcfcfc;
            border: 1px solid #c6c6c6;
            color: #666666;
            display: block;
            font-size: 1.0em;
            height: 20px;
            padding: 1px 0 1px 0px;
            text-align: center;
            width: 20px;
            text-decoration: none;
        }

            .glossary .glossary-tabs li a:hover {
                background-color: #468787;
                color: #f5f5f7;
                text-decoration: none;
            }

            .glossary .glossary-tabs li a.active {
                background-color: #468787;
                color: #f5f5f7;
                text-decoration: none;
            }

            .glossary .glossary-tabs li a.no-content {
                background-color: #fcfcfc;
                border-color: #CCCCCC;
                color: #CCCCCC;
                cursor: default;
                text-decoration: none;
            }

.glossary .glossaryContent {
    display: none;
}

    .glossary .glossaryContent.selected {
        display: block;
    }






/* STOCK PAGE*/

.tblStock {
    border-collapse: collapse;
    border-spacing: 0px;
    border: 0px;
    width: 100%;
}

    .tblStock th {
        background-color: #93b0b0;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        padding: 8px 0px;
        border-right: 1px solid #d0d2d2;
    }

        .tblStock th.last {
            border-right: 0px solid #d0d2d2;
        }

    .tblStock td {
        color: #777777;
        font-size: 14px;
        text-align: center;
        border-bottom: 1px dashed #d0d2d2;
        border-right: 1px solid #d0d2d2;
        padding: 10px 0px;
        background-image: url(../images/bg-stock.png);
        background-position: top left;
        background-repeat: repeat;
    }

        .tblStock td.last {
            border-right: 0px solid #d0d2d2;
        }

    .tblStock tr:hover td {
        color: #004242;
        background-color: #e4eded;
    }

.tblStatistic {
    border-collapse: collapse;
    border-spacing: 0px;
    border: 0px;
    width: 100%;
}

    .tblStatistic th {
        background-color: #93b0b0;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        padding: 8px 0px;
    }

    .tblStatistic td {
        color: #777777;
        font-size: 14px;
        text-align: left;
        border-bottom: 1px dashed #d0d2d2;
        border-right: 1px solid #d0d2d2;
        padding: 6px 16px;
        background-image: url(../images/bg-stock.png);
        background-position: top left;
        background-repeat: repeat;
        width: 40%;
    }

        .tblStatistic td.last {
            text-align: right;
        }

    .tblStatistic tr:hover td {
        color: #004242;
        background-color: #e4eded;
    }

.stock {
    position: relative;
    min-height: 760px;
    float: left;
    margin-top: 100px;
}

.stockPager {
    text-align: center;
    padding: 12px 0px 12px 0px;
}

    .stockPager table {
        margin: 0px auto;
        border-collapse: collapse;
        border-spacing: 0px;
    }

    .stockPager td {
        padding: 0px 10px;
    }

    .stockPager a {
        margin: 0px 4px;
    }

        .stockPager a.num {
            font-size: 12px;
            color: #777777;
            text-decoration: none;
            background-color: #dadbdb;
            padding: 2px 6px;
            margin: 0px 4px;
            font-weight: bold;
        }

            .stockPager a.num:hover {
                color: #fff;
                background-color: #33a8a7;
            }

        .stockPager a.numSelected {
            font-size: 12px;
            color: #fff;
            text-decoration: none;
            background-color: #33a8a7;
            padding: 2px 6px;
            margin: 0px 4px;
            font-weight: bold;
        }

.breadcrumb {
    border-bottom: 1px dashed #B0C9C9;
    float: left;
    margin: 19px 0 9px;
    padding: 0px 0 3px;
    width: 100%;
    font-weight: 600;
}

    .breadcrumb a {
        font-size: 1.182em;
        color: #666666;
        padding: 0px 2px 0px;
        text-decoration: none;
    }


    .breadcrumb .act {
        font-size: 1.182em;
        color: #31a1a0;
        padding: 0px 2px 0px;
    }

.onOff .pop span {
    width: 100px;
    padding: 0px 10px;
}

.tblCat {
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 0px auto;
}

    .tblCat td {
        padding: 14px 30px 14px 0px;
    }

div.fullArea div.more {
    text-align: right;
    padding: 10px 0px 0px 0px;
    background-image: url("../images/double-line.png");
    background-position: left top;
    background-repeat: repeat-x;
    width: 980px;
    margin: 20px 0 0 0;
}

    div.fullArea div.more a { /*FONT*/
        color: #006968;
        font-size: 1.2em; /*16px */
        text-decoration: none;
        background-image: url(../images/arrow-more.png);
        background-position: right;
        background-repeat: no-repeat;
        padding: 0px 16px 0px 0px;
    }

.alertterms {
    margin-top: 10px;
}

.itemArchiveImg a {
    color: #fff !important;
}



.cameracurrent .mapBox {
    display: block !important;
}


.search-results h2 {
    color: #4A8A89;
    font-size: 18px;
    padding: 25px 0 5px;
    font-weight: 600;
}

    .search-results h2 a {
        color: #4A8A89;
        font-size: 18px;
    }

.highlight {
    font-weight: bold;
}

.abstract a {
    color: Black;
    text-decoration: none;
}

.searchpath {
    color: #478787;
}

.yellow_title {
    border-bottom: 1px solid grey;
    padding-bottom: 8px;
}

.keyword {
    color: #31a1a0;
    font-weight: bold;
}

.error {
    color: red;
    font-size: 14pt !important;
    font-weight: bold;
}

/*Cookies Consent*/
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0d5756;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 3px;
        bottom: 3px;
        background-color: #aaf0ff;
        -webkit-transition: .4s;
        transition: .4s;
        border: 1px solid #aaf0ff;
    }

input:checked + .slider {
    background-color: #0d5756;
}

input:focus + .slider {
    box-shadow: 0 0 1px #239F9E;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    background-color: #ffffff;
    border: 1px solid #ffffff;
}

.cookiesOption.essential input:checked + .slider:before {
    background-color: transparent;
    border: 1px solid #ffffff;
}

.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.cookiesConsentPopUp {
    position: relative;
    width: 100%;
    background: #239F9E;
    color: #ffffff;
    height: auto;
    display: flex;
}

    .cookiesConsentPopUp.expanded {
        height: 100vh;
        position: fixed;
        top: 0;
        z-index: 999;
    }

.cookiesLeftSide {
    width: 11.5%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 4px 0 3px -3px #002a2a;
    z-index: 99;
    margin: 7px 5px;
}

.cookiesImg {
    font-size: 20px;
    display: flex;
    align-items: center;
}

    .cookiesImg img {
        max-width: 45px;
        width: 35%;
        margin-right: .5rem;
    }

.cookiesConsentPopUp.expanded .cookiesLeftSide {
    align-items: flex-end;
}

.cookiesConsentPopUp.expanded .cookiesImg {
    transform: translateY(-100%) translateX(3%)rotate(-90deg);
}

.cookiesRightSide {
    width: 88.5%;
    max-height: 100vh;
    overflow: auto;
}

.cookiesOptions {
    display: none;
    width: 100%;
    padding: 20px 30px 20px 30px;
    box-sizing: border-box;
    border-top: 1px solid #002a2a;
}

.cookiesOptionsTitle {
    font-size: 30px;
    margin-top: 15px;
    margin-bottom: 30px;
}

.cookiesMain {
    display: flex;
    align-items: center;
    font-size: 15px;
    padding: 20px 30px 20px 30px;
    background: #239F9E;
    width: 100%;
    box-sizing: border-box;
}

.cookiesDesc {
    width: 70%;
    padding-right: 20px;
}

    .cookiesDesc a {
        color: #aaf0ff;
        text-decoration: none;
        white-space: nowrap
    }

        .cookiesDesc a:hover {
            text-decoration: underline;
        }

.cookiesSettingsBtn {
    width: 170px;
    color: #aaf0ff;
    text-align: right;
    padding: 10px 20px;
    cursor: pointer;
}

.cookiesSettingsCloseBtn {
    color: #ffffff;
    padding-right: 10px;
    font-size: 20px;
    display: none;
}

.cookiesSettingsBtn:hover span:not(.cookiesSettingsCloseBtn) {
    border-bottom: 1px solid #aaf0ff;
    padding-bottom: 3px;
}

.cookiesSettingsBtn.clicked span:not(.cookiesSettingsCloseBtn) {
    border-bottom: 1px solid #aaf0ff;
    padding-bottom: 3px;
    position: relative;
}

    .cookiesSettingsBtn.clicked span:not(.cookiesSettingsCloseBtn):after {
        position: absolute;
        left: 50%;
        top: 106%;
        transform: translateX(-50%);
        content: "";
        border-top: 0.4em solid #aaf0ff;
        border-right: 0.4em solid transparent;
        border-bottom: 0;
        border-left: 0.4em solid transparent;
    }

.cookiesSettingsBtn.clicked .cookiesSettingsCloseBtn {
    display: inline-block;
}

.cookiesBtn {
    width: 15%;
    background: #346363;
    border: 1px solid #346363;
    padding: 10px 20px;
    text-align: center;
    font-size: 1.1rem;
    cursor: pointer;
}

.social-contact {
    display: inline-flex;
    align-items: center;
}

.cookiesBtn:hover {
    background: transparent;
}

.cookiesOption {
    margin-bottom: 30px;
}

    .cookiesOption.essential {
        pointer-events: none;
    }

.cookiesOptionTitle {
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

.cookiesOptionInner {
    display: flex;
    align-items: center;
}

.cookiesOptionTxt {
    width: 80%;
    font-size: 16px;
}

.cookiesOptionSwitch {
    width: 20%;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.cookiesOptionSwitchTxt {
    margin-right: 20px;
    font-size: 18px;
    color: #aaf0ff;
}

.cookiesSubmit {
    width: auto;
    background: #239F9E;
    border: 1px solid #239F9E;
    padding: 10px 20px;
    text-align: center;
    font-size: 1.2rem;
    cursor: pointer;
    float: right;
    margin-top: 40px;
    transition: all 0.25 ease;
    margin-bottom: 30px;
}

    .cookiesSubmit:hover {
        background: transparent;
    }

.open_cookies_settings {
    cursor: pointer;
    padding-left: 5px;
    text-decoration: none;
    color: #ffffff;
}
/*end Cookies consent*/

/* slick slider */

/*.slick-prev, .slick-next {
    display: none!important;
}*/

a.slick_pager {
    width: 10px;
    height: 10px;
    display: block;
}

.slick-slider.companyLogos {
    width: 980px;
    margin: 0 auto;
}

.slick_pager {
    /*width: 20px;
    height: 3px;
    display: block;*/
    border-radius: 100%;
}

.slick-dots {
    padding-top: 30px;
}

    .slick-dots li {
        list-style: none;
        display: inline-block;
        margin-right: 10px;
    }

li .slick_pager {
    /*background: #F0F2F2;*/
    background: #707070;
}

li.slick-active .slick_pager {
    background: #346363;
}
