.box-shadow-bottom {
    -webkit-box-shadow: 0 1px 10px 0 #ebebeb;
    -moz-box-shadow: 0 1px 10px 0 #ebebeb;
    box-shadow: 0 1px 10px 0 #ebebeb
}

.link-transition {
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out
}

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

.white-color {
    color: #fff !important
}

.black-color {
    color: #000 !important
}

.regular-font {
    font-weight: 400 !important
}

.container-960 {
    margin: 0 auto;
    max-width: 960px
}

.container-1080 {
    margin: 0 auto;
    max-width: 1080px
}

.container-1200 {
    margin: 0 auto;
    max-width: 1200px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-60 {
    margin-bottom: 60px
}

.mb-100 {
    margin-bottom: 100px
}

.mtb-100 {
    margin: 100px 0
}

.mtb-80 {
    margin: 80px 0
}

.pad-all-10 {
    padding: 10px
}

.pad-all-20 {
    padding: 20px
}

.pad-all-40 {
    padding: 40px
}

.pad-all-60 {
    padding: 60px
}

.pad-all-80 {
    padding: 80px
}

.pad-tb-5 {
    padding: 5px 0
}

.pad-tb-10 {
    padding: 10px 0
}

.pad-tb-15 {
    padding: 15px 0
}

.pad-tb-20 {
    padding: 20px 0
}

.pad-tb-30 {
    padding: 30px 0
}

.pad-tb-60 {
    padding: 60px 0
}

@media(min-width: 240px)and (max-width: 599px) {
    .pad-tb-60 {
        padding: 30px 0
    }
}

.pad-tb-80 {
    padding: 80px 0
}

@media(min-width: 240px)and (max-width: 599px) {
    .pad-tb-80 {
        padding: 30px 0
    }
}

.pad-lr-15 {
    padding: 0 15px
}

@media(min-width: 240px)and (max-width: 599px) {
    .pad-lr-15 {
        padding: 0 .4rem
    }
}

.closed {
    display: none !important
}

.border-radius-3 {
    border-radius: 3px
}

.border-radius-5 {
    border-radius: 5px
}

.show-only-mobile {
    display: none !important
}

@media(min-width: 240px)and (max-width: 599px) {
    .show-only-mobile {
        display: block !important
    }
}

@media(min-width: 600px)and (max-width: 768px) {
    .show-only-mobile {
        display: block !important
    }
}

.show-only-tablet {
    display: none
}

@media(min-width: 600px)and (max-width: 768px) {
    .show-only-tablet {
        display: block
    }
}

.hide-only-mobile {
    display: block !important
}

@media(min-width: 240px)and (max-width: 599px) {
    .hide-only-mobile {
        display: none !important
    }
}

@media(min-width: 600px)and (max-width: 768px) {
    .hide-only-mobile {
        display: none !important
    }
}

@media(min-width: 240px)and (max-width: 599px) {
    .center-on-mobile {
        text-align: center
    }
}

@media(min-width: 240px)and (max-width: 599px) {
    .small-mobile-height {
        height: 20px !important
    }
}

@media(min-width: 240px)and (max-width: 599px) {
    .small-mobile-padding {
        padding: 10px 0
    }
}

.container.grid-xl {
    max-width: 1180px
}

.container.ultra-xl {
    max-width: 1800px
}

.opaque-link>a {
    opacity: .65
}

.wpb_single_image.full-width-image .vc_single_image-wrapper {
    width: 100% !important;
    height: auto !important
}

.wpb_single_image.full-width-image .wpb_wrapper.vc_figure {
    width: 100% !important
}

.wpb_single_image.full-width-image .wpb_wrapper.vc_figure img {
    width: 100% !important
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.screen-reader-text:focus {
    clip: auto !important;
    display: block;
    height: auto;
    left: 5px;
    top: 5px;
    width: auto;
    z-index: 100000
}

body {
    background: #fff;
    font-size: 16px;
    font-family: "Ubuntu", sans-serif;
    line-height: 26px;
    word-wrap: break-word;
    word-break: break-word
}

a {
    color: #111;
    text-decoration: none
}



a:focus {
    outline: none !important;
    box-shadow: none;
    color: inherit
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Ubuntu", serif
}

p {
    margin-bottom: 1.3em;
    line-height: 26px
}

h1,
h2,
h3,
h4 {
    margin: 1.114em 0 .5em;
    font-weight: inherit;
    line-height: 1.2
}

h1 {
    margin-top: 0;
    font-size: 3.157em
}

h2 {
    font-size: 2.2em
}

h3 {
    font-size: 1.777em
}

h4 {
    font-size: 1.333em
}

small,
.font_small {
    font-size: .75em
}

.hide-element {
    display: none
}

.show-element {
    display: block
}

.alignleft {
    float: left;
    margin: 0 15px 30px 0
}

.aligncenter {
    display: block;
    margin: 0 auto 30px auto
}

.alignright {
    float: right;
    margin: 0 0 30px 15px
}

.alignnone {
    float: none;
    display: block;
    margin: 0 0 30px 0
}

.size-full {
    width: 100%;
    height: auto;
    margin: 0 0 30px 0
}

p .alignleft {
    float: left;
    margin: 5px 15px 30px 0
}

p .aligncenter {
    display: block;
    margin: 5px auto 30px auto
}

p .alignright {
    float: right;
    margin: 5px 0 30px 15px
}

p .alignnone {
    float: none;
    display: block;
    margin: 5px 0 0 0
}

p .size-full {
    width: 100%;
    height: auto;
    margin: 5px 0 0 0
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px
}

.bypostauthor {
    font-size: 16px
}

.sticky .sticky-icon {
    color: #ffc80a
}

.gallery {
    margin: 0 auto 18px
}

.gallery.gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33%
}

.gallery-columns-2 .gallery-item {
    width: 50%
}

.gallery-columns-4 .gallery-item {
    width: 25%
}

.gallery img {
    box-shadow: 0px 0px 4px #999;
    border: 1px solid #fff;
    padding: 8px;
    background: #f2f2f2
}

.gallery img:hover {
    background: #fff
}

.gallery-columns-2 .attachment-medium {
    max-width: 92%;
    height: auto
}

.gallery-columns-4 .attachment-thumbnail {
    max-width: 84%;
    height: auto
}

.gallery .gallery-caption {
    color: #888;
    font-size: 12px;
    margin: 0 0 12px
}

.gallery dl,
.gallery dt {
    margin: 0
}

.gallery br+br {
    display: none
}

.topbar-area {
    font-size: 15px;
    background: #000c34;
    color: #fff;
    font-family: "Ubuntu", serif
}

.topbar-area .topbar-text {
    text-align: right
}

@media(min-width: 240px)and (max-width: 599px) {
    .topbar-area .topbar-text {
        text-align: center;
        margin-top: 10px
    }
}

.topbar-area .widget-container {
    margin-bottom: 0
}

.topbar-menu {
    padding: 0;
    list-style-type: none;
    margin: 0
}

@media(min-width: 240px)and (max-width: 599px) {
    .topbar-menu {
        text-align: center
    }
}

.topbar-menu li {
    margin: 0 21px 0 0;
    display: inline-block;
    position: relative
}

@media(min-width: 1025px)and (max-width: 1180px) {
    .topbar-menu li {
        margin: 0 13px 0 0
    }
}

.topbar-menu .current-menu-item a {
    color: #00aeef
}

.topbar-menu li.home-link {
    margin: 0 5px 0 0
}

.topbar-menu li.home-link:first-child a {
    color: transparent;
    line-height: 0;
    font-size: 0
}

.topbar-menu li.home-link:first-child a:before {
    vertical-align: super;
    margin-right: 3px;
    font-family: "FontAwesome";
    font-size: 20px;
    content: "";
    color: #00bdf2
}

.topbar-menu li.home-link:last-child {
    margin-right: 0;
    border-right: none
}

.topbar-menu a {
    color: #fff;
    font-family: "Ubuntu", sans-serif;
    font-weight: 300
}

@media(min-width: 1025px)and (max-width: 1180px) {
    .topbar-menu a {
        font-size: 14px
    }
}

.topbar-menu a:hover {
    text-decoration: none;
    color: #00cdff
}

.topbar-menu li:hover>ul {
    z-index: 999;
    opacity: 1;
    visibility: visible;
    margin-top: 0
}

.topbar-menu li ul {
    padding: 10px 0 0 0;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    left: -30px;
    background: #000c34;
    -webkit-transition: opacity .4s linear, margin-left .2s linear, margin-top .2s linear;
    -moz-transition: opacity .4s linear, margin-left .2s linear, margin-top .2s linear;
    -ms-transition: opacity .4s linear, margin-left .2s linear, margin-top .2s linear;
    -o-transition: opacity .4s linear, margin-left .2s linear, margin-top .2s linear;
    transition: opacity .4s linear, margin-left .2s linear, margin-top .2s linear
}

.topbar-menu li ul li {
    position: relative;
    display: block;
    float: none;
    margin: 0;
    border-bottom: 1px solid rgba(155, 155, 155, .3)
}

.topbar-menu li ul li:last-child {
    border-bottom: none
}

.topbar-menu li ul li a {
    width: 270px;
    font-weight: normal;
    font-size: 15px;
    display: block;
    text-align: left;
    padding: 8px 0 8px 20px
}

.topbar-menu li ul li a:hover {
    background: #00cdff;
    color: #fff;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.lang-switch {
    padding: 0;
    margin: 0 0 0 10px;
    list-style-type: none;
    text-align: left
}

.lang-switch li {
    display: inline-block;
    margin: 0 12px 0 0
}

.lang-switch li:last-child {
    margin-right: 0
}

.lang-switch li.menu-item-language-current a {
    color: #00cdff
}

.lang-switch a {
    font-weight: 700;
    color: #fff
}

@media(min-width: 240px)and (max-width: 599px) {
    .lang-switch a {
        font-size: 14px
    }
}

.lang-switch a:hover {
    text-decoration: underline
}

.social-menu {
    text-align: right;
    padding: 0;
    margin: 0;
    list-style: none
}

@media(min-width: 240px)and (max-width: 599px) {
    .social-menu {
        text-align: left;
        line-height: 17px
    }
}

@media(min-width: 600px)and (max-width: 768px) {
    .social-menu {
        text-align: left;
        line-height: 17px
    }
}

.social-menu li {
    display: inline-block;
    margin: 0 2px 0 0
}

.social-menu li:last-child {
    margin-right: 0;
    margin-left: 30px
}

@media(max-width: 1024px) {
    .social-menu li:last-child {
        margin-left: 0
    }
}

.social-menu li a {
    color: #fff;
    border: 1px solid #fff;
    padding: 4px 5px;
    border-radius: 5px;
    font-size: 12px
}

@media(min-width: 240px)and (max-width: 599px) {
    .social-menu li a {
        padding: 2px 3px
    }
}

.social-menu li a:hover {
    color: #00aeef;
    border-color: #00aeef
}

.trans-header {
    position: fixed;
    width: 100%;
    padding: 20px 0 80px 0;
    color: #fff;
    z-index: 998
}

.trans-header h1 {
    position: absolute;
    padding-bottom: 4px;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0;
    border-bottom: 1px solid #fff;
    text-align: right;
    width: 46%;
    top: 50%;
    left: 50%;
    margin: 11% 0 0 -57%
}

.trans-header h3 {
    font-size: 20.98px;
    margin: 0;
    font-weight: 300
}

.trans-header h4 {
    font-size: 16.044px;
    font-weight: 300;
    margin: 8px 0 0 0
}

.trans-header .header-btn {
    margin-right: 20px;
    padding: 4px 10px 4px 19px;
    font-weight: 300;
    font-size: 17px;
    color: #fff;
    border: 2px solid #0796d6;
    border-radius: 36px
}

@media(min-width: 1025px)and (max-width: 1180px) {
    .trans-header .header-btn {
        font-size: 13px
    }
}

.trans-header .header-btn .fas {
    margin-left: 10px
}

.trans-header .header-btn:last-child {
    margin-right: 0
}

.trans-header .header-btn:hover {
    background: #fff;
    color: #020000;
    border-color: #fff
}

.header-highlights {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 990
}

@media(min-width: 1025px)and (max-width: 1180px) {
    .header-highlights {
        display: none
    }
}

.header-highlights h4 {
    margin: 0;
    text-align: center;
    background: #000c34;
    color: #eee;
    padding: 4px 10px 4px 10px;
    font-weight: 500;
    font-size: 22px
}

.header-highlights .highlight-box {
    position: relative;
    padding: 21px 17px 22px 19px;
    font-size: 15px;
    font-weight: 700;
    border-bottom: 2px solid #01195f
}

.header-highlights .highlight-box p {
    margin: 0;
    line-height: 18px
}

.header-highlights .highlight-box a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.header-highlights .more-highlights-link {
    display: block;
    background: #000c34;
    color: #939598;
    font-size: 13px;
    font-weight: 700;
    padding-right: 5px
}

.header-highlights .more-highlights-link .fas {
    margin-left: 10px
}

.highlight-red {
    background: #d2232a url(https://foodexpo.gr/wp-content/uploads/2018/06/hight-red-arrow.png) bottom right no-repeat;
    color: #fff
}

.highlight-grey {
    background: #eaf7fe url(https://foodexpo.gr/wp-content/uploads/2018/08/highlight-arrow.png) bottom right no-repeat;
    color: #000
}

.header-highlights-1180-1025 {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999
}

@media(min-width: 1025px)and (max-width: 1180px) {
    .header-highlights-1180-1025 {
        display: block
    }
}

.header-highlights-1180-1025 h4 {
    margin: 0;
    background: #2c2c2c;
    color: #939598;
    padding: 4px 10px 4px 10px;
    font-weight: 700;
    font-size: 22px
}

.header-highlights-1180-1025 .highlight-box {
    position: relative;
    padding: 19px 30px 30px 10px;
    font-size: 16px;
    font-weight: 700
}

.header-highlights-1180-1025 .highlight-box p {
    margin: 0
}

.header-highlights-1180-1025 .highlight-box a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.header-highlights-1180-1025 .more-highlights-link {
    display: block;
    background: #2c2c2c;
    color: #939598;
    font-size: 13px;
    font-weight: 700;
    padding-right: 5px
}

.header-highlights-1180-1025 .more-highlights-link .fas {
    margin-left: 10px
}

@media(min-width: 1025px)and (max-width: 1180px) {
    .header-highlights-1180-1025 {
        display: block
    }
}

.top-action-bg:nth-child(odd) {
    background-color: #00bdf2
}

.top-action-bg:nth-child(even) {
    background-color: #275baa
}

@media(max-width: 1024px) {
    .top-action-links-section {
        display: none
    }
}

.top-action-link {
    padding: 6px 0;
    justify-content: center;
    align-items: center
}

.top-action-link img {
    max-width: 52px
}

.top-action-link .top-action-link-texts {
    color: #fff;
    padding-left: 10px
}

.top-action-link .top-action-link-texts h4 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin: 0
}

.top-action-link .top-action-link-texts p {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    margin: -5px 0 0 0
}

.action-links-section {
    padding: 16px 0;
    background: #fff;
    border-bottom: 1px solid #eee
}

@media(max-width: 1024px) {
    .action-links-section {
        display: none
    }
}

.action-links-section .action-link {
    justify-content: space-between;
    align-items: center
}

.action-links-section .action-link img {
    max-height: 30px
}

.action-links-section .action-link a {
    font-size: 16px;
    font-weight: 700;
    color: #0e1432
}

.action-links-section .action-link .fas {
    color: #00bdf2
}

.action-links-divider {
    padding-right: 15px;
    padding-left: 15px;
    border-right: 1px solid #00bdf2
}

.action-links-divider:first-child {
    padding-left: 0
}

.action-links-divider:last-child {
    padding-right: 0;
    border-right: none
}

.top-action-links-section-mobile {
    display: none
}

@media(max-width: 1024px) {
    .top-action-links-section-mobile {
        display: block;
        padding: 7px;
        background: #000e34
    }
}

.top-action-links-section-mobile .mobile-action-num {
    font-size: 25px;
    font-weight: 500;
    color: #00aeef
}

.top-action-links-section-mobile .mobile-action-val {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    color: #fff
}

.makeMeStick {
    position: fixed;
    width: 100%;
    z-index: 9999;
    opacity: 1;
    transition: opacity .5s linear
}

#fixed-below-menu,
#fixed-below-menu-internal {
    display: none;
    padding: 14px 0;
    background: #001b54;
    color: #fff
}

#fixed-below-menu h3,
#fixed-below-menu-internal h3 {
    font-size: 17px;
    margin: 0 0 4px 0;
    font-weight: 300
}

#fixed-below-menu h4,
#fixed-below-menu-internal h4 {
    font-size: 15px;
    font-weight: 300;
    margin: 0
}

#fixed-below-menu .header-btn,
#fixed-below-menu-internal .header-btn {
    margin-right: 20px;
    padding: 6px 10px 6px 19px;
    font-weight: 300;
    font-size: 17px;
    color: #fff;
    border: 2px solid #0796d6;
    border-radius: 36px
}

#fixed-below-menu .header-btn .fas,
#fixed-below-menu-internal .header-btn .fas {
    margin-left: 10px
}

#fixed-below-menu .header-btn:last-child,
#fixed-below-menu-internal .header-btn:last-child {
    margin-right: 0
}

#fixed-below-menu .header-btn:hover,
#fixed-below-menu-internal .header-btn:hover {
    background: #fff;
    color: #020000;
    border-color: #fff
}

#fixed-below-menu-internal {
    padding: 14px 0;
    display: block
}

#fixed-below-menu-internal h3 {
    font-size: 17px;
    margin-bottom: 4px
}

#fixed-below-menu-internal h4 {
    font-size: 15px
}

#fixed-below-menu-internal .header-btn {
    padding: 6px 10px 6px 19px;
    font-weight: 300
}

article ul,
ol {
    padding: 0;
    margin: 0;
    list-style-type: none
}

article ul li,
ol li {
    margin: 2px
}

article ul li:before,
ol li:before {
    content: "•";
    margin-right: 5px;
    color: #2ac4f4
}

.key-figures-wrapper {
    padding: 33px;
    background: #212222
}

.vc-foodex-section .h-section-title,
.vc-horeca-section .h-section-title,
article .h-section-title {
    font-size: 28px;
    font-weight: 500;
    line-height: 33.6px;
    color: #0e1432;
    margin: 0 0 30px 0;
    letter-spacing: 0
}

.vc-foodex-section .suptitle,
.vc-horeca-section .suptitle,
article .suptitle {
    color: #808285;
    font-weight: 700;
    font-size: 19px;
    margin: 0 0 8px 0
}

.vc-foodex-section .title,
.vc-horeca-section .title,
article .title {
    font-size: 25px;
    font-weight: 500;
    color: #323751;
    line-height: 32.6px;
    margin: 0 0 20px 0
}

.vc-foodex-section .video-titles,
.vc-horeca-section .video-titles,
article .video-titles {
    position: absolute;
    font-weight: 700;
    color: #fff;
    width: 100%;
    text-align: center;
    background: rgba(0, 0, 0, .45);
    padding: 10px 0;
    margin: 0;
    top: 0;
    box-shadow: 1px 13px 17px rgba(0, 0, 0, .35)
}

@media(min-width: 240px)and (max-width: 599px) {

    .vc-foodex-section .video-titles,
    .vc-horeca-section .video-titles,
    article .video-titles {
        font-size: 17px
    }
}

.vc-foodex-section p,
.vc-horeca-section p,
article p {
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    color: #000;
    margin: 0 0 20px 0
}

.vc-foodex-section .read-more-btn,
.vc-horeca-section .read-more-btn,
article .read-more-btn {
    margin-top: 50px;
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    color: #323751;
    padding: 4px 10px 4px 19px;
    border: 2px solid #0c9cd2;
    border-radius: 36px
}

@media(min-width: 240px)and (max-width: 599px) {

    .vc-foodex-section .read-more-btn,
    .vc-horeca-section .read-more-btn,
    article .read-more-btn {
        margin-top: 8px
    }
}

.vc-foodex-section .read-more-btn .fas,
.vc-horeca-section .read-more-btn .fas,
article .read-more-btn .fas {
    margin-left: 10px;
    color: #0c9cd2
}

.vc-foodex-section .read-more-btn:hover,
.vc-horeca-section .read-more-btn:hover,
article .read-more-btn:hover {
    background: #0c9cd2;
    color: #fff
}

.vc-foodex-section .read-more-btn:hover .fas,
.vc-horeca-section .read-more-btn:hover .fas,
article .read-more-btn:hover .fas {
    color: #fff
}

.vc-foodex-section .inverted-btn,
.vc-horeca-section .inverted-btn,
article .inverted-btn {
    color: #fff
}

.vc-foodex-section .keyfigure,
.vc-horeca-section .keyfigure,
article .keyfigure {
    padding: 30px 20px 12px 20px;
    color: #fff;
    background: #2d2c2c;
    height: 100%
}

@media(min-width: 240px)and (max-width: 599px) {

    .vc-foodex-section .keyfigure,
    .vc-horeca-section .keyfigure,
    article .keyfigure {
        padding: 16px 8px 8px 10px
    }
}

@media(min-width: 600px)and (max-width: 768px) {

    .vc-foodex-section .keyfigure,
    .vc-horeca-section .keyfigure,
    article .keyfigure {
        padding: 16px 8px 8px 10px
    }
}

.vc-foodex-section .keyfigure .keyfigure-line-one,
.vc-horeca-section .keyfigure .keyfigure-line-one,
article .keyfigure .keyfigure-line-one {
    font-size: 26.78px;
    margin-top: 13px;
    font-weight: 500
}

@media(min-width: 240px)and (max-width: 599px) {

    .vc-foodex-section .keyfigure .keyfigure-line-one,
    .vc-horeca-section .keyfigure .keyfigure-line-one,
    article .keyfigure .keyfigure-line-one {
        font-size: 20px !important;
        font-weight: 500;
        margin-top: 13px
    }
}

@media(min-width: 600px)and (max-width: 768px) {

    .vc-foodex-section .keyfigure .keyfigure-line-one,
    .vc-horeca-section .keyfigure .keyfigure-line-one,
    article .keyfigure .keyfigure-line-one {
        font-size: 20px !important;
        font-weight: 500;
        margin-top: 13px
    }
}

.vc-foodex-section .keyfigure .keyfigure-line-two,
.vc-foodex-section .keyfigure .keyfigure-line-three,
.vc-horeca-section .keyfigure .keyfigure-line-two,
.vc-horeca-section .keyfigure .keyfigure-line-three,
article .keyfigure .keyfigure-line-two,
article .keyfigure .keyfigure-line-three {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 8px
}

@media(min-width: 240px)and (max-width: 599px) {

    .vc-foodex-section .keyfigure .keyfigure-line-two,
    .vc-foodex-section .keyfigure .keyfigure-line-three,
    .vc-horeca-section .keyfigure .keyfigure-line-two,
    .vc-horeca-section .keyfigure .keyfigure-line-three,
    article .keyfigure .keyfigure-line-two,
    article .keyfigure .keyfigure-line-three {
        font-size: 14px;
        margin-top: 3px
    }
}

@media(min-width: 600px)and (max-width: 768px) {

    .vc-foodex-section .keyfigure .keyfigure-line-two,
    .vc-foodex-section .keyfigure .keyfigure-line-three,
    .vc-horeca-section .keyfigure .keyfigure-line-two,
    .vc-horeca-section .keyfigure .keyfigure-line-three,
    article .keyfigure .keyfigure-line-two,
    article .keyfigure .keyfigure-line-three {
        font-size: 14px;
        margin-top: 3px
    }
}

.vc-foodex-section .keyfigure .keyfigure-line-three,
.vc-horeca-section .keyfigure .keyfigure-line-three,
article .keyfigure .keyfigure-line-three {
    margin-top: 0
}

article .read-more-btn {
    margin-top: 0
}

@media(min-width: 240px)and (max-width: 599px) {
    .read-more-wrapper {
        text-align: center
    }
}

.sectors-wrapper {
    padding: 43px 0;
    background: #e0e0e3
}

.single-sector {
    padding: 20px 40px
}

@media(min-width: 240px)and (max-width: 599px) {
    .single-sector {
        padding: 10px 5px;
        margin-bottom: 10px
    }
}

.single-sector img {
    margin: 0 auto;
    max-height: 45px
}

@media(min-width: 240px)and (max-width: 599px) {
    .single-sector img {
        margin: 20px auto 0 auto;
        max-width: 60px;
        max-height: 40px
    }
}

.single-sector h3 {
    font-weight: 500;
    margin: 30px 0 0 0;
    font-size: 27px
}

@media(min-width: 240px)and (max-width: 599px) {
    .single-sector h3 {
        font-size: 14px;
        margin: 10px 0 0 0
    }
}

.blue-bg {
    background: #00bdf2;
    color: #fff
}

.reddish-bg {
    color: #fff;
    background-color: #cb2847
}

.orangish-bg {
    color: #fff;
    background-color: #f36f21
}

.greyish-bg {
    color: #fff;
    background: #a6b4ce
}

.pinky-bg {
    background: #ff2c50;
    color: #fff
}

.dark-blue-bg {
    background: #000c34;
    color: #fff
}

.light-blue-bg {
    background: #275baa;
    color: #fff
}

.sector {
    position: relative;
    padding: 26px 0 40px 0;
    border-radius: 10px
}

@media(min-width: 240px)and (max-width: 599px) {
    .sector {
        padding: 15px 3px 18px 3px
    }
}

.sector img {
    margin: 0 auto 22px auto
}

@media(min-width: 240px)and (max-width: 599px) {
    .sector img {
        width: 30%
    }
}

.sector .sector-line-one,
.sector .sector-line-two {
    font-size: 26px;
    font-weight: 700;
    line-height: 31.2px
}

@media(min-width: 240px)and (max-width: 599px) {

    .sector .sector-line-one,
    .sector .sector-line-two {
        font-size: 14.5px;
        line-height: 22px
    }
}

.sector .sector-line-one {
    color: #fff
}

.sector .sector-line-two {
    color: #fff
}

.sector a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.sector-yellow {
    background: #faa61a
}

.sector-gray {
    background: #b7b7bf
}

.sector-blue {
    background: #00aeef
}

.sector-red {
    background: #ce2127
}

.sector-green {
    background: #8dc63f
}

.sector-reddish {
    background: #962f34
}

#oenoteleia,
#oenoteleia-mobile {
    position: relative;
    height: 660px
}

@media(min-width: 2200px) {

    #oenoteleia,
    #oenoteleia-mobile {
        height: 760px
    }
}

#oenoteleia h2.h-section-title,
#oenoteleia-mobile h2.h-section-title {
    font-weight: 400;
    margin: 30px 0 30px 0
}

@media(min-width: 240px)and (max-width: 599px) {

    #oenoteleia h2.h-section-title,
    #oenoteleia-mobile h2.h-section-title {
        font-size: 24px
    }
}

#oenoteleia .oenoteleia-logo-container img,
#oenoteleia-mobile .oenoteleia-logo-container img {
    max-width: 2226px
}

#oenoteleia .be-an-exhibitor-container a,
#oenoteleia-mobile .be-an-exhibitor-container a {
    border-color: #4f1211;
    color: #fff
}

#oenoteleia .be-an-exhibitor-container a .fas,
#oenoteleia-mobile .be-an-exhibitor-container a .fas {
    color: #fff
}

#oenoteleia .be-an-exhibitor-container a:hover,
#oenoteleia-mobile .be-an-exhibitor-container a:hover {
    background: #fff;
    color: #4f1211
}

.oenoteleia-keyfigures {
    background: #fff;
    position: absolute;
    bottom: 35px;
    left: 0;
    width: 100%
}

@media(min-width: 240px)and (max-width: 599px) {
    .oenoteleia-keyfigures .top-action-link {
        height: 100%
    }
}

.oenoteleia-keyfigures .top-action-link-texts {
    text-align: center
}

@media(min-width: 240px)and (max-width: 599px) {
    .oenoteleia-keyfigures .top-action-link-texts {
        padding-left: 0
    }
}

.oenoteleia-keyfigures .top-action-link-texts h4 {
    color: #444
}

@media(min-width: 240px)and (max-width: 599px) {
    .oenoteleia-keyfigures .top-action-link-texts h4 {
        color: #c9252b;
        font-size: 19px
    }
}

.oenoteleia-keyfigures .top-action-link-texts p {
    color: #444;
    margin-top: 4px !important;
    line-height: 17px
}

.news-wrapper {
    padding: 45px 0 45px 0;
    background: #275baa
}

@media(max-width: 1024px) {
    .news-wrapper {
        display: none
    }
}

.news-wrapper-mobile {
    background: #2a5baa;
    display: none;
    padding: 30px 0 30px 0
}

@media(max-width: 1024px) {
    .news-wrapper-mobile {
        display: block
    }
}

.news-featured-item {
    background: #fff;
    border: 2px solid #000;
    position: relative
}

.news-featured-item a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%
}

.news-featured-item .news-texts {
    padding: 30px 24px 5px 24px
}

.news-featured-item h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28.8px;
    color: #4d4d4f;
    margin: 0 0 30px 0
}

.news-featured-item p {
    margin: 0 0 10px 0;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 26px;
    color: #000
}

.news-featured-item .fas {
    color: #888;
    font-size: 10px
}

.news-featured-item .news-image {
    padding: 10px 0 10px 10px;
    position: relative
}

.single-news-item {
    margin-right: 20px;
    position: relative
}

.single-news-item .small-news-image {
    position: relative
}

.small-news-texts {
    padding: 24px 21px 24px 18px;
    color: #000 !important;
    background: #fff;
    height: 249px;
    overflow: hidden
}

.small-news-texts .fas {
    color: #888;
    font-size: 10px
}

@media(min-width: 1350px)and (max-width: 1550px) {
    .small-news-texts {
        height: 275px
    }
}

.small-news-texts p {
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 23px;
    color: #000 !important
}

.small-news-texts h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 21.6px;
    color: #4d4d4f;
    margin: 0 0 30px 0
}

.small-news-arrow-bottom {
    position: absolute;
    top: -24px;
    right: 0
}

.small-news-arrow-top {
    position: absolute;
    bottom: -43px;
    right: 0
}

.news-carousel-container .slick-slide {
    margin: 0 15px
}

.news-carousel-container-mobile .slick-slide {
    margin: 0 10px
}

.news-carousel-container-mobile a.read-more-btn {
    color: #000;
    margin-top: 15px;
    padding: 4px 10px;
    text-align: center
}

.news-carousel-container-mobile .small-news-texts {
    height: auto
}

.news-carousel-container-mobile .small-news-arrow-top {
    right: -12px
}

.internal-padding {
    padding: 12px;
    background: #fff
}

.sponsors-carousel .slick-slide,
.auspicy-carousel .slick-slide {
    height: 70px;
    margin: 10px;
    display: flex;
    justify-items: center;
    align-items: center
}

@media(min-width: 240px)and (max-width: 599px) {

    .sponsors-carousel .slick-slide,
    .auspicy-carousel .slick-slide {
        height: 130px
    }
}

.sponsor-logo {
    display: flex;
    justify-content: center;
    align-items: center
}

.special-events-wrapper-mob {
    background: #ffb01c
}

.special-events-wrapper-mob h2.h-section-title {
    color: #fff !important
}

.special-events-wrapper {
    padding: 45px 0 20px 0
}

.special-events-wrapper-mob {
    padding: 30px 0
}

.special-events-wrapper {
    display: block
}

@media(max-width: 1024px) {
    .special-events-wrapper {
        display: none
    }
}

.special-events-wrapper-mob {
    display: none
}

@media(max-width: 1024px) {
    .special-events-wrapper-mob {
        display: block
    }
}

.event-bg-black {
    background: #212222
}

.event-bg-gray {
    background: #e0e0e3
}

.event-bg-yellow {
    background: #faa61a
}

.event-image {
    padding: 20px
}

.single-event-texts {
    background: #212222
}

@media(min-width: 240px)and (max-width: 599px) {
    .single-event-texts {
        background: #fff
    }
}

.vertical-event .single-event-texts {
    padding: 20px
}

.vertical-event .event-image {
    padding: 20px
}

.horizontal-event .single-event-texts {
    padding: 28px 50px 14px 36px;
    height: 100%
}

.single-event {
    text-align: center
}

@media(min-width: 240px)and (max-width: 599px) {
    .single-event {
        background: #fff
    }
}

.single-event h4 {
    font-size: 21px;
    font-weight: 700;
    line-height: 28.8px;
    margin: 0 0 15px 0;
    color: #fff
}

@media(min-width: 240px)and (max-width: 599px) {
    .single-event h4 {
        color: #000
    }
}

.single-event .event-icon {
    max-width: 48px;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px
}

.single-event p {
    font-size: 15px;
    font-weight: 700;
    line-height: 26px;
    margin: 0;
    color: #fff
}

@media(min-width: 240px)and (max-width: 599px) {
    .single-event p {
        color: #000
    }
}

.single-event .read-more-btn {
    margin-top: 16px;
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    padding: 3px 10px 3px 19px;
    border: 2px solid #fff;
    border-radius: 36px
}

@media(min-width: 240px)and (max-width: 599px) {
    .single-event .read-more-btn {
        color: #000;
        border: 2px solid #000
    }
}

.single-event .read-more-btn .fas {
    color: #fff
}

@media(min-width: 240px)and (max-width: 599px) {
    .single-event .read-more-btn .fas {
        color: #000
    }
}

.single-event .read-more-btn:hover {
    background: #fff;
    color: #212222
}

.single-event .read-more-btn:hover .fas {
    color: #212222
}

.gray-event {
    background: #e0e0e3
}

.gray-event h4,
.gray-event p {
    color: #4d4d4f
}

.gray-event .read-more-btn {
    color: #4d4d4f;
    border: 2px solid #4d4d4f
}

.gray-event .read-more-btn .fas {
    color: #4d4d4f
}

.gray-event .read-more-btn:hover {
    background: #fff;
    color: #212222
}

.gray-event .read-more-btn:hover .fas {
    color: #212222
}

.yellow-event {
    background: #faa61a
}

.yellow-event h4,
.yellow-event p {
    color: #fff
}

.yellow-event .read-more-btn {
    color: #fff;
    border: 2px solid #fff
}

.yellow-event .read-more-btn .fas {
    color: #fff
}

.yellow-event .read-more-btn:hover {
    background: #fff;
    color: #212222
}

.yellow-event .read-more-btn:hover .fas {
    color: #212222
}

.testimonials-wrapper {
    padding: 33px 0 60px 0;
    background: #275baa
}

.testimonials-container .slick-slide {
    margin: 10px 10px 0 10px
}

@media(min-width: 240px)and (max-width: 599px) {
    .testimonials-container .slick-slide {
        margin: 0
    }
}

.meta-txts {
    color: #2b296a !important
}

.meta-txts p {
    margin: 0
}

.dots {
    text-align: center
}

.dot {
    width: 36px;
    height: 7px;
    background: #bbbdc0;
    display: inline-block;
    margin-right: 5px
}

.dot.active {
    background: #da2128
}

.single-arrow-wrapper {
    display: flex;
    justify-content: center;
    align-items: center
}

.single-arrow-inner {
    padding: 0 15px
}

.single-arrow-inner h4 {
    margin: 0;
    font-size: 27px;
    font-weight: 700;
    color: #001b54
}

.single-arrow-inner p {
    margin: 1px 0 0 35px;
    font-size: 15px;
    font-weight: 700;
    color: #262626
}

@media(min-width: 240px)and (max-width: 599px) {
    .single-arrow-inner p {
        font-size: 14px
    }
}

.international-wrapper {
    border: 2px solid #14397d;
    border-radius: 12px;
    padding: 30px 0
}

@media(min-width: 240px)and (max-width: 599px) {
    .international-wrapper .single-international-item {
        margin-bottom: 0
    }
}

.international-wrapper .single-international-item .international-icon {
    padding: 8px
}

.international-wrapper .single-international-item .international-texts h4 {
    margin: 0;
    font-weight: 500;
    font-size: 22px;
    color: #002e6e;
    padding: 0 58px 0 0
}

@media(min-width: 240px)and (max-width: 599px) {
    .international-wrapper .single-international-item .international-texts h4 {
        padding: 0 10px 0 0;
        font-size: 18px
    }
}

.international-wrapper .single-international-item .international-texts p {
    margin: 5px 0 0 0;
    font-size: 15px;
    font-weight: 700;
    color: #262626
}

@media(min-width: 240px)and (max-width: 599px) {
    .international-wrapper .single-international-item .international-texts p {
        color: #58595b;
        font-size: 14px;
        margin-bottom: 30px
    }
}

.video-section-wrapper {
    padding: 60px 0 40px 0;
    background: #fff
}

.newsletter-wrapper {
    padding: 20px 0 20px 0;
    background: #001b54
}

.newsletter-wrapper h3 {
    letter-spacing: 0;
    font-weight: 400;
    font-size: 32px;
    color: #959595;
    margin: 0
}

@media(min-width: 240px)and (max-width: 599px) {
    .newsletter-wrapper h3 {
        margin: 0 0 8px 0;
        font-size: 20px;
        text-align: center
    }
}

.newsletter-wrapper h3 span {
    font-weight: 700;
    color: #fff
}

.newsletter-form input[type=text] {
    width: 100%;
    padding: 8px !important;
    border: none;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px
}



.top-menu {
    margin: 0;
    padding: 0
}

.justwp-sticky {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    border-top: 0;
    background: inherit
}

.single-video h4 {
    margin: 10px 0 40px 0;
    font-weight: 500;
    font-size: 16px
}

.slider-insider {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.slider-insider .slide-content {
    width: 60%
}

.slider-insider .slide-content h3 {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    margin: 0;
    color: #333;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4)
}

@media(min-width: 1800px) {
    .slider-insider .slide-content h3 {
        font-size: 95px
    }
}

@media(min-width: 1201px)and (max-width: 1799px) {
    .slider-insider .slide-content h3 {
        font-size: 80px
    }
}

@media(min-width: 900px)and (max-width: 1199px) {
    .slider-insider .slide-content h3 {
        font-size: 52px
    }
}

@media(min-width: 600px)and (max-width: 899px) {
    .slider-insider .slide-content h3 {
        font-size: 42px
    }
}

.slider-insider .slide-content p {
    margin: 0
}

.slider-insider .slide-content .slide-btn {
    margin-top: 20px;
    text-transform: uppercase;
    border: 2px solid #ffc80a;
    border-radius: 50px;
    padding: 15px 40px;
    min-width: 200px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 800;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    background: #f8f8f8
}

.slider-insider .slide-content .slide-btn:hover {
    background: #ffc80a;
    color: #333
}

#content {
    overflow: inherit
}

@media(min-width: 240px)and (max-width: 599px) {
    #mobile-header.internal-mobile {
        background: #152549 !important
    }

    #mobile-header.internal-mobile .mobile-logo-wrapper {
        margin: 27px 0 -12px 0
    }
}

@media(min-width: 600px)and (max-width: 768px) {
    #mobile-header.internal-mobile {
        height: 220px !important;
        background: #152549 !important
    }

    #mobile-header.internal-mobile .mobile-logo-wrapper {
        margin: 27px 0 -12px 0
    }
}

#mobile-header {
    display: none
}

@media(min-width: 240px)and (max-width: 599px) {
    #mobile-header {
        background: url("https://foodexpo.gr/wp-content/uploads/2018/09/FOTO-MOBILE-480X400-PX.jpg") center no-repeat !important;
        background-size: cover !important;
        height: 360px !important;
        background: #152549
    }
}

@media(min-width: 600px)and (max-width: 768px) {
    #mobile-header {
        background: url("https://foodexpo.gr/wp-content/uploads/2018/09/mobile_768x400.jpg") center no-repeat !important;
        background-size: cover !important;
        height: 406px !important
    }
}

@media(min-width: 801px)and (max-width: 1024px) {
    #mobile-header {
        background: url("https://foodexpo.gr/wp-content/uploads/2018/09/mobile_768x400.jpg") center no-repeat !important;
        background-size: cover !important;
        height: 406px !important
    }
}

@media(max-width: 1024px) {
    #mobile-header {
        display: block;
        position: relative;
        background: #000
    }

    #mobile-header .mobile-trigger {
        display: none;
        font-size: 14px;
        font-weight: 300;
        padding: 8px;
        background-color: #fdb813
    }

    #mobile-header .mobile-logo-container {
        margin: 10px 0 0 0
    }

    #mobile-header .mobile-logo-container img {
        margin: 0 auto 10px auto
    }

    #mobile-header .mobile-logo-container h3 {
        font-weight: 300;
        font-size: 32px;
        margin: 0;
        color: #fff
    }

    #mobile-header .mobile-logo-container h4 {
        font-weight: 500;
        font-size: 19px;
        margin: 0 0 5px 0;
        color: #fff
    }

    #mobile-header .mobile-logo-container .fas {
        font-size: 5px;
        vertical-align: middle;
        margin: 0 5px 0 7px
    }

    #mobile-header .mobile-header-image {
        position: relative
    }

    #mobile-header .mobile-header-image h1 {
        position: relative;
        color: #fff;
        font-size: 37px;
        padding: 48px 25px 10px 30px;
        font-weight: 700;
        z-index: 100
    }

    #mobile-header .mobile-header-image .mobile-buttons {
        padding: 40px;
        position: relative;
        z-index: 100
    }
}

@media(max-width: 1024px)and (min-width: 240px)and (max-width: 599px) {
    #mobile-header .mobile-header-image .mobile-buttons {
        padding: 0 30px 0 35px
    }
}

@media(max-width: 1024px) {
    #mobile-header .mobile-header-image .mobile-buttons .header-btn {
        background: transparent;
        margin-right: 20px;
        margin-bottom: 20px;
        padding: 10px 10px 10px 19px;
        font-weight: 700;
        font-size: 16px;
        display: block;
        color: #fff;
        border: 2px solid #00aeef;
        border-radius: 36px
    }
}

@media(max-width: 1024px)and (min-width: 1025px)and (max-width: 1180px) {
    #mobile-header .mobile-header-image .mobile-buttons .header-btn {
        font-size: 13px
    }
}

@media(max-width: 1024px) {
    #mobile-header .mobile-header-image .mobile-buttons .header-btn .fas {
        margin-left: 10px
    }
}

@media(max-width: 1024px)and (min-width: 240px)and (max-width: 599px) {
    #mobile-header .mobile-header-image .mobile-buttons .header-btn .fas {
        float: right;
        margin: 5px 0
    }
}

@media(max-width: 1024px) {
    #mobile-header .mobile-header-image .mobile-buttons .header-btn:last-child {
        margin-right: 0
    }
}

@media(max-width: 1024px) {
    #mobile-header .mobile-header-image .mobile-buttons .header-btn:hover {
        background: #fff;
        color: #020000;
        border-color: #fff
    }
}

.mobile-motto h1 {
    font-size: 19px;
    letter-spacing: .5px;
    text-align: left;
    margin: 30px 0 40px 20px;
    color: #fff;
    font-weight: 500
}

#header {
    position: relative
}

@media(max-width: 1024px) {
    #header {
        display: none
    }
}

#header ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 16px;
    color: #111;
    font-family: "Ubuntu", serif
}

#header ul li {
    display: inline-block;
    margin: 0 12px 0 12px;
    position: relative
}

#header ul li:first-child {
    margin-left: 0
}

#header ul li:last-child {
    margin-right: 0
}

#header ul li.current-menu-item {
    border-top: 3px solid #ffc80a
}


#header ul li a {
    color: inherit;
    font-weight: 700;
    padding: 4px 0 10px 0
}

#header ul li a:hover {
    color: #00bdf2
}

.site-title,
.site-tagline {
    margin: 0
}

.site-title a {
    font-family: "Ubuntu", serif;
    font-size: 32px;
    color: #333;
    text-shadow: 0 1px 3px #bebebe;
    text-decoration: inherit
}

.site-title a:hover {
    text-shadow: 0 1px 3px #969696
}

.site-tagline {
    color: #333;
    font-size: .9em;
    font-family: "Ubuntu", sans-serif;
    font-weight: 700
}

.header-style-2 ul.social-menu li {
    margin: 0 4px 0 4px !important
}

.header-style-3 .main-menu-nav {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eee
}

.header-image-container {
    position: relative;
    background-size: cover !important;
    image-rendering: -webkit-optimize-contrast;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(min-width: 240px)and (max-width: 599px) {
    .header-image-container {
        height: 400px
    }
}

@media(min-width: 600px) {
    .header-image-container {
        height: 550px
    }
}

@media(min-width: 1200px) {
    .header-image-container {
        height: 500px
    }
}

.header-image-container .header-texts {
    font-family: "Ubuntu", serif;
    width: 60%;
    font-weight: 700
}

@media(min-width: 600px) {
    .header-image-container .header-texts {
        width: 75%
    }
}

@media(min-width: 240px)and (max-width: 599px) {
    .header-image-container .header-texts {
        width: 80%
    }
}

.header-image-container .header-texts h2 {
    color: #222;
    margin: 0 0 20px 0;
    text-shadow: 0 1px 1px rgba(100, 100, 100, .8)
}

@media(min-width: 1800px) {
    .header-image-container .header-texts h2 {
        font-size: 80px
    }
}

@media(min-width: 1200px) {
    .header-image-container .header-texts h2 {
        font-size: 60px
    }
}

@media(min-width: 600px) {
    .header-image-container .header-texts h2 {
        font-size: 45px
    }
}

@media(min-width: 240px)and (max-width: 599px) {
    .header-image-container .header-texts h2 {
        font-size: 24px
    }
}

.header-image-container .header-texts a {
    padding: 12px 24px;
    background: #333;
    color: #fefefe;
    display: inline-block;
    margin-right: 10px;
    border-radius: 2px;
    font-size: 18px;
    margin-top: 8px;
    font-weight: 100
}

@media(min-width: 240px)and (max-width: 599px) {
    .header-image-container .header-texts a {
        padding: 6px 12px
    }
}

.header-image-container .header-texts a:hover {
    background: #ffc80a;
    color: #333
}

.blog-item {
    margin-bottom: 30px
}

.featured-image-container {
    position: relative
}

.featured-image-container img {
    width: 100%
}

.featured-image-container .blog-item-categories {
    position: absolute;
    top: 8px;
    left: 8px
}

.featured-image-container .blog-item-categories a {
    padding: 2px 8px;
    font-size: 14px;
    background: #50596c;
    color: #fefefe;
    margin-right: 4px
}

.featured-image-container .blog-item-categories aa:last-child {
    margin-right: 0
}

.featured-image-container .blog-item-image {
    border-radius: 2px;
    margin-bottom: 35px
}

.blog-item-meta {
    font-size: 14px;
    color: #888;
    list-style: none;
    padding: 0;
    margin: 0
}

.blog-item-meta li {
    display: inline-block;
    margin: 0;
    padding: 0
}

.blog-item-meta li:after {
    font-family: "FontAwesome";
    content: "";
    font-size: 5px;
    vertical-align: middle;
    color: #00bdf2;
    margin: 0 8px
}

.blog-item-meta li:last-child:after {
    content: ""
}

.blog-item-meta li a {
    margin: 0 4px 0 4px
}

.blog-item-meta li:first-child {
    margin-left: 0
}

.blog-item-title {
    margin: 19px 0 30px 0
}

.blog-item-title a {
    color: #111
}

.blog-item-title a:hover {
    color: #00bdf2
}

.read-more-link,
.comment-reply-link,
.pagination-link {
    padding: 8px 24px;
    border: 1px solid #50596c;
    color: #333;
    margin-top: 5px;
    display: inline-block
}

.read-more-link:hover,
.comment-reply-link:hover,
.pagination-link:hover {
    border: 1px solid #00bdf2;
    color: inherit
}

.pagination-link {
    padding: 3px 8px
}

.carousel-style .slick-slide {
    margin: 0 10px
}

.slick-next {
    top: 62%
}

.slick-next:before {
    content: "";
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    font-size: 40px;
    color: #333
}

.slick-prev {
    top: 62%
}

.slick-prev:before {
    content: "";
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    font-size: 40px;
    color: #333
}

.single-list-item {
    margin: 0 0 20px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(100, 100, 100, .3)
}

.single-list-item .list-item-texts {
    padding-left: 20px
}

.single-list-item img {
    padding: 1px
}

.single-list-item img:hover {
    opacity: .75;
    transition: all .4s ease-in
}

.single-list-item h2 {
    font-size: 23px;
    margin: 0 0 12px 0;
    display: block;
    font-weight: 700;
    line-height: 36px
}

.single-list-item a .fas {
    vertical-align: text-bottom
}



.foodex-breadcrumb {
    list-style-type: none;
    padding: 0;
    margin: 15px 0 20px 0
}

.foodex-breadcrumb li {
    display: inline-block
}

.foodex-breadcrumb li:after {
    content: "";
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    font-size: 4px;
    vertical-align: middle;
    margin: 0 4px;
    color: #ccc
}

.foodex-breadcrumb li:last-child:after {
    content: none
}

.foodex-breadcrumb li:last-child {
    margin-right: 0
}

.foodex-breadcrumb li a {
    font-size: 16.32px;
    font-weight: 400;
    color: #ccc
}

.page-content {
    font-size: 15px;
    line-height: 26px;
    font-weight: 400;
    color: #000
}

.atlast-breadcrumb {
    margin: 0;
    padding: 2px 4px;
    background: #fafafa;
    margin-bottom: 8px;
    border: 1px solid #f0f0f0;
    font-size: 14px
}

@media(min-width: 240px)and (max-width: 599px) {
    .atlast-breadcrumb {
        display: none
    }
}

.atlast-breadcrumb li:before {
    color: #c8c8c8
}

.section-title {
    position: relative;
    display: inline-block;
    margin: 0;
    font-family: "Ubuntu", sans-serif;
    font-size: 50px;
    font-weight: 900
}

.section-title:before {
    position: absolute;
    height: 3px;
    width: 30px;
    background: #ffc80a;
    content: "";
    top: 53%;
    left: -32px
}

.section-title:after {
    position: absolute;
    height: 3px;
    width: 30px;
    background: #ffc80a;
    content: "";
    top: 53%;
    right: -32px
}

.section-subtitle {
    margin: 0;
    font-size: 24px
}

.section-editor-content h1,
.section-editor-content h2,
.section-editor-content h3,
.section-editor-content h4,
.section-editor-content h5,
.section-editor-content h6,
.section-editor-content:not(h2.section-title-inline) h1,
.section-editor-content:not(h2.section-title-inline) h2,
.section-editor-content:not(h2.section-title-inline) h3,
.section-editor-content:not(h2.section-title-inline) h4,
.section-editor-content:not(h2.section-title-inline) h5,
.section-editor-content:not(h2.section-title-inline) h6,
.section-editor-content:not(h3.section-subtitle-inline) h1,
.section-editor-content:not(h3.section-subtitle-inline) h2,
.section-editor-content:not(h3.section-subtitle-inline) h3,
.section-editor-content:not(h3.section-subtitle-inline) h4,
.section-editor-content:not(h3.section-subtitle-inline) h5,
.section-editor-content:not(h3.section-subtitle-inline) h6 {
    margin: 0 0 15px 0
}

.section-editor-content p,
.section-editor-content:not(h2.section-title-inline) p,
.section-editor-content:not(h3.section-subtitle-inline) p {
    margin: 8px 0 20px 0
}

.section-title-inline {
    font-size: 20px;
    font-weight: 900;
    margin: 0
}

.section-subtitle-inline {
    font-size: 21px;
    font-weight: 100;
    margin: 4px 0 30px 0
}

.home-about-2 .about-texts-wrapper {
    background: #fcfcfc
}

.home-services {
    background: #222;
    color: #f8f8f8
}

.home-services .front-single-service {
    position: relative;
    display: flex;
    padding: 30px;
    background: #fff;
    color: #222;
    margin-bottom: 55px;
    border: 5px solid rgba(200, 200, 200, .3);
    border-radius: 3px
}

@media(min-width: 240px)and (max-width: 599px) {
    .home-services .front-single-service {
        margin-bottom: 20px
    }
}

.home-services .front-single-service:hover {
    border-left: 5px solid #ffc80a
}

.home-services .front-single-service h3 {
    margin: 0 0 20px 0;
    padding: 0;
    font-family: "Ubuntu", sans-serif;
    text-transform: uppercase;
    font-weight: 900
}

.home-services .front-single-service p {
    margin: 0;
    font-family: "Ubuntu", serif
}

.home-services .front-single-service .service-icon {
    padding: 0 8px;
    color: #ffc80a
}

.home-services .front-single-service a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.front-single-service-alt {
    margin-bottom: 40px;
    padding: 8px 45px
}

@media(min-width: 240px)and (max-width: 599px) {
    .front-single-service-alt {
        margin-bottom: 20px
    }
}

.front-single-service-alt a {
    color: #ffc80a;
    padding: 7px 16px;
    border: 2px solid #fff;
    line-height: 35px;
    border-radius: 30px;
    font-weight: 900;
    font-family: "Source Sans Pro", serif;
    letter-spacing: .5px;
    text-transform: uppercase
}

.front-single-service-alt a:hover {
    background: #fff;
    color: #00bdf2
}

.home-projects .front-single-project {
    margin-bottom: 50px
}

.home-projects .front-single-project h4 {
    margin: 0;
    font-size: 18px;
    color: #888;
    padding: 15px 0
}

.front-single-project-img {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    color: #000;
    text-align: left;
    font-size: 16px;
    background: #fff;
    margin: 0
}

.front-single-project-img *,
.front-single-project-img:before,
.front-single-project-img:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.front-single-project-img img {
    max-width: 100%;
    backface-visibility: hidden;
    vertical-align: top
}

.front-single-project-img:before,
.front-single-project-img:after {
    content: "";
    background-color: #000;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.front-single-project-img:before {
    width: 100%;
    height: 2px
}

.front-single-project-img:after {
    height: 100%;
    width: 2px
}

.front-single-project-img figcaption {
    position: absolute;
    left: 0;
    bottom: 0
}

.front-single-project-img h3 {
    font-weight: 400;
    padding: 8px 15px;
    margin: 0;
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.front-single-project-img a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.front-single-project-img:hover img,
.front-single-project-img.hover img {
    zoom: 1;
    filter: alpha(opacity=25);
    -webkit-opacity: .25;
    opacity: .25
}

.front-single-project-img:hover:before,
.front-single-project-img.hover:before,
.front-single-project-img:hover:after,
.front-single-project-img.hover:after {
    opacity: 1
}

.front-single-project-img:hover:before,
.front-single-project-img.hover:before {
    width: 50px
}

.front-single-project-img:hover:after,
.front-single-project-img.hover:after {
    height: 50px
}

.front-single-project-img:hover h3,
.front-single-project-img.hover h3 {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1
}

.home-gallery {
    background: #222;
    color: #f8f8f8
}

.home-team {
    background: #f5f5f5;
    border-top: 1px solid #e8e8e8
}

.home-team .single-team-item {
    margin-bottom: 50px
}

.home-team .single-team-item h4 {
    font-size: 24px;
    font-weight: 700
}

.home-team .single-team-item p {
    font-family: "Ubuntu", sans-serif;
    color: #adadad
}

.home-team .single-team-item .single-team-item-image {
    position: relative
}

.home-team .single-team-item .single-team-item-image img {
    margin: 0 auto 10px auto
}

.home-team .single-team-item .single-team-item-image a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.single-blog-item {
    margin: 0 0 20px 0
}

.single-blog-item .blog-item-contents {
    padding: 0 0 0 20px
}

.single-blog-item .blog-item-contents .date {
    font-size: 12px;
    margin: 7px 0 8px 0;
    color: #c8c8c8;
    text-transform: uppercase
}

.single-blog-item .blog-item-contents .date span {
    margin-right: 5px
}

.single-blog-item .blog-item-contents h4 {
    margin: 5px 0 8px 0;
    font-weight: 700
}

.single-blog-item .blog-item-contents a {
    font-size: 15px;
    letter-spacing: .03em;
    margin-right: 5px;
    color: #a0a0a0;
    font-family: "Ubuntu", serif
}

.single-blog-item .blog-item-contents a:hover span {
    color: #00bdf2
}

.single-blog-item .blog-item-contents a span {
    margin-left: 5px;
    font-size: 10px;
    vertical-align: middle
}

.faq-item-title {
    background: #f8f8f8;
    padding: 9px;
    border: 1px solid #e2e2e2;
    cursor: pointer
}

.faq-item-title h4 {
    margin: 0
}

.faq-item-content {
    padding: 10px;
    border: 1px solid #e2e2e2;
    display: none
}

.faq-item-title.active {
    background: #444;
    color: #fff
}

.avatar {
    height: 64px;
    width: 64px
}

.gravatar {
    flex: 3
}

.gravatar img {
    float: right
}

.comments-container article {
    padding: 15px 20px;
    background: #231f20
}

.comments-container.comment-meta {
    flex: 2
}

.comments-container .comment-author-link {
    font-size: 16px;
    color: #222;
    font-weight: 900
}

.comments-container time {
    font-size: 13px;
    padding: 5px;
    background: #222;
    color: #fff;
    display: block
}

.comments-container time a {
    color: #00bdf2
}

.comments-container .comment-author {
    margin: 0
}

.comments-container .comment-content {
    margin: 20px 0 0 0
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form input[type=password],
.comment-form input[type=tel] {
    width: 100%;
    border: 2px solid #d8d8d8
}

.comment-form textarea {
    width: 100%;
    border: 2px solid #d8d8d8
}

.comment-form input[type=submit] {
    padding: 8px 24px;
    border: 1px solid #50596c;
    color: #333;
    margin-top: 5px;
    display: inline-block;
    cursor: pointer
}

.comment-form input[type=submit]:hover {
    border: 1px solid #50596c;
    color: inherit;
    background: #ffc80a
}

.widget-area {
    padding: 0 8px
}

.widget-area h3 {
    margin-bottom: 30px
}

.widget-area h3:first-child {
    margin-top: 0
}

.widget-container {
    margin-bottom: 50px
}

.widget-container img {
    max-width: 100%;
    height: auto
}

.widget-container select,
.widget-container input[type=text],
.widget-container input[type=email] {
    width: 100%;
    padding: 4px;
    border: 1px solid #d8d8d8
}

.widget-container ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.widget-container ul li {
    padding-bottom: 16px;
    line-height: 24px;
    border-bottom: 1px solid rgba(100, 100, 100, .1);
    margin-top: 16px
}

.widget-container ul li:first-child {
    margin-top: 0
}

.widget-container ul li:before {
    font-family: "Font Awesome 5 Free", Serif;
    content: "";
    margin-right: 6px;
    vertical-align: text-top;
    color: #00bdf2;
    font-size: 7px;
    font-weight: 900
}

.widget-container ul li .post-date {
    font-size: 12px;
    display: block
}

.widget-container ul li a {
    color: #111
}

.widget-container ul li a:hover {
    color: #00bdf2
}

.widget-container #wp-calendar {
    width: 100%
}

.widget-container #wp-calendar caption {
    padding: 4px 0;
    background: rgba(220, 220, 220, .2)
}

.widget-container #wp-calendar tfoot tr td a {
    padding: 4px;
    background: rgba(220, 220, 220, .2);
    color: #444
}

.widget-container .widget_recent_entries {
    font-size: 12px;
    display: inline-block
}

.widget-container .tagcloud a {
    padding: 2px 8px;
    background: #f4f4f4;
    margin: 0 3px 6px 0;
    display: inline-block;
    border: 1px solid rgba(200, 200, 200, .5);
    font-size: 13px !important;
    color: #333
}

.widget-container .tagcloud a:hover {
    background: #eee;
    border: 1px solid #c8c8c8
}


.footer-widget {
    padding: 0 10px 0 10px;
    margin-bottom: 15px;
    font-size: 12px;
    font-weight: 500
}

.footer-widget h3 {
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 15px 0;
    color: #231f20
}

.footer-widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
    background: transparent;
    box-shadow: none
}

.footer-widget ul li {
    padding: 0 !important;
    margin: 0 !important
}

.footer-widget ul li:first-child {
    margin-top: 0 !important
}

.footer-widget ul li .post-date {
    font-size: 12px;
    display: block
}

.footer-widget ul li a {
    font-size: 12px;
    font-weight: 500;
    padding: 0 !important;
    margin: 0 !important;
    color: #231f20
}

.footer-widget ul li a:hover {
    text-decoration: underline !important;
    background: transparent !important;
    color: inherit !important
}

.footer-widget .tagcloud a {
    padding: 2px 8px;
    background: #fefefe;
    margin: 0 3px 6px 0;
    display: inline-block;
    border: 1px solid rgba(200, 200, 200, .5);
    font-size: 13px !important;
    color: #333
}

.footer-widget .tagcloud a:hover {
    background: #eee;
    border: 1px solid #c8c8c8
}


#below-footer .single-footer-date {

    height: 112px;
    width: 95px;
    position: relative;
    margin-right: 10px
}

@media(min-width: 240px)and (max-width: 599px) {
    #below-footer .single-footer-date {
        margin: 0 auto 20px auto
    }
}

#below-footer .single-footer-date .date-top,
#below-footer .single-footer-date .date-bottom {
    position: absolute
}

#below-footer .single-footer-date .date-top {
    width: 100%;
    text-align: center;
    top: 13px;
    left: 0;
    color: #fff
}

#below-footer .single-footer-date .date-top span.month {
    display: block;
    font-size: 24px;
    font-weight: 500;
    padding-top: 5px;
    line-height: 21px
}

#below-footer .single-footer-date .date-top span.daynum {
    font-size: 30px;
    font-weight: 700
}

#below-footer .single-footer-date .date-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center
}

#below-footer .single-footer-date .date-bottom span.day {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #000;
    margin-bottom: -10px
}

#below-footer .single-footer-date .date-bottom span.time {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #000
}

#below-footer .date-number {
    font-size: 24px;
    text-align: center;
    padding: 10px 8px;
    border: 2px solid #ffb01c;
    font-weight: 300
}

#below-footer .date-text {
    padding-bottom: 5px;
    border-bottom: 1px solid #4d4d4f
}

#below-footer .date-text,
#below-footer .time-text {
    font-size: 13px;
    font-weight: 700;
    line-height: 13px
}

#below-footer .day-text,
#below-footer .month-text {
    display: block
}

#below-footer .month-text {
    color: #bcbec0
}

#below-footer .time-text {
    padding-top: 5px
}

#auspicy {
    margin-top: 85px
}

#auspicy h5 {
    font-family: "Arial", sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 11px;
    margin-bottom: 39px;
    border-bottom: 1px solid #a09f9f
}

#auspicy-mobile {
    margin-top: 45px
}

#auspicy-mobile h5 {
    font-family: "Arial", sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 11px;
    margin-bottom: 39px;
    border-bottom: 1px solid #a09f9f
}

#sponsors {
    margin-top: 45px;
    margin-bottom: 20px
}

#sponsors h5 {
    color: #212222;
    font-family: "Arial", sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 11px;
    margin-bottom: 20px;
    border-bottom: 1px solid #212222
}

#sponsors-mobile {
    margin-top: 45px;
    margin-bottom: 20px
}

#sponsors-mobile h5 {
    color: #212222;
    font-family: "Arial", sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 11px;
    margin-bottom: 39px;
    border-bottom: 1px solid #212222
}

#copyright {
    background: #212222;
    color: #fff;
    font-family: "Ubuntu", sans-serif;
    font-size: 12px;
    font-weight: 400;
    padding: 10px 0 0 0
}

#copyright p {
    margin: 0
}

#copyright a {
    color: #fff;
    vertical-align: top
}

#copyright img {
    margin-left: 10px
}

#copyright img:hover {
    color: #9fa3a7
}

#copyright ul {
    list-style-type: none;
    margin: 0
}

#copyright ul li {
    display: inline-block;
    margin: 0 8px 0 0
}

#copyright ul li:after {
    content: "-";
    margin-left: 10px
}

#copyright ul li:last-child {
    margin-right: 0
}

#copyright ul li:last-child:after {
    content: "";
    margin-left: 0
}

#copyright .social-menu li:after {
    content: "";
    margin: 0
}

#copyright .social-menu a {
    font-size: 14px
}

@media(min-width: 240px)and (max-width: 599px) {
    .copyright-menu {
        text-align: center
    }
}

.wpcf7 {
    font-family: "Abel", serif
}

.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=password],
.wpcf7 input[type=tel] {
    width: 100%;
    border: 2px solid #d8d8d8
}

.wpcf7 textarea {
    width: 100%;
    border: 2px solid #d8d8d8
}

.wpcf7 input[type=submit] {
    padding: 8px 24px;
    border: 1px solid #50596c;
    color: #333;
    margin-top: 5px;
    display: inline-block;
    cursor: pointer
}

.wpcf7 input[type=submit]:hover {
    border: 1px solid #ffc80a;
    color: inherit;
    background: #ffc80a
}

.wpcf7 .wpcf7-not-valid-tip {
    background: red;
    color: #fff;
    font-size: 14px
}

.wpcf7 .wpcf7-validation-errors {
    display: block;
    margin: 0;
    padding: 10px;
    background: #ffc80a;
    border: 1px solid #ffc80a;
    color: #000
}

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel] {
    padding: 4px !important
}

form select {
    padding: 8.4px !important
}

.fix-front-stick {
    padding: 20px 0;
    background: #001b54
}

.sponsor-logo-3 {
    height: 32px !important
}

.sponsor-logo-7,
.sponsor-logo-5 {
    height: 50px !important
}

.select-import-countries {
    overflow-y: scroll;
    max-height: 220px
}

/*# sourceMappingURL=main-styles.css.map */