/* Colors
Blau: #004E77
Hellblau: #00a1e7
Hellgrau: #F0F0F0
Dunkelgrau: #CCCCCC
Türkis: #00a1e7
*/

* { box-sizing: border-box; }

html { font-size: 17px; font-family: Roboto, sans-serif; }
html:dir(rtl) { font-size: 20px; }

body { color: #000; }

@media(max-width: 1024px) {
    html { font-size: 15px; }
    html:dir(rtl) { font-size: 17px; }
}

hr { margin: 2rem 0; border: 0px none; border-top: 4px solid #F0F0F0; }

/*Page outer containers*/
#page { height: 100%; position: relative; }
#page-menu { min-height: 100%; position: absolute; top: 0px; right: 0; overflow-y: scroll !important; display: block; z-index: 1000; }
#page-content { position: relative; width: 100%; }


/*Sidebar menu*/
#btn-navi-mobile { color: #FFF; text-decoration: none; text-align: center; background-color: #004E77; font-size: 1.5rem; display: block; position: fixed; padding: .5rem .9rem; cursor: pointer; top: 0; right: 0; z-index: 1000; }
    #btn-navi-mobile:hover { text-decoration: none; }
    #btn-navi-mobile:before { font-family: FontAwesome; content: '\f0c9'; font-size: 1.5rem; }


.multilevelpushmenu_wrapper .levelHolderClass {
    overflow-y: scroll !important;
    background: #004E77;
    color: #FFF;
    font-family: "Roboto Slab", serif !important;
    font-size: 1rem;
}

.multilevelpushmenu_wrapper .ltr {
    margin-left: -100%;
    left: 0;
    -moz-box-shadow: 5px 0 5px -5px #004E77;
    -webkit-box-shadow: 5px 0 5px -5px #004E77;
    box-shadow: 5px 0 5px -5px #004E77;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#004E77,direction=90,strength=2);
}

.multilevelpushmenu_wrapper .rtl {
    margin-right: -100%;
    right: 0;
    -moz-box-shadow: 5px 0 5px 5px #004E77;
    -webkit-box-shadow: 5px 0 5px 5px #004E77;
    box-shadow: 5px 0 5px 5px #004E77;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#004E77,direction=270,strength=2);
}

.multilevelpushmenu_wrapper .multilevelpushmenu_inactive {
    background: #096097;
}

.multilevelpushmenu_wrapper h2 {
    font-family: Roboto, sans-serif;
    font-weight: normal;
    font-size: .9rem;
    line-height: 1.2em;
    font-weight: normal;
    color: #FFF;
    padding: .8rem;
    text-transform: uppercase;
}

.multilevelpushmenu_wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.multilevelpushmenu_wrapper li {
    cursor: pointer;
    border-top: 1px solid #295685;
    padding: .4rem .4rem .4rem .4rem;
    text-align: left !important;
}

.multilevelpushmenu_wrapper li:last-child {
    border-bottom: 1px solid #295685;
}

.multilevelpushmenu_wrapper li:hover {
    background-color: rgba(255,255,255,.05);
}

.multilevelpushmenu_wrapper li .fa.floatLeft { margin-right: 1rem; }

.multilevelpushmenu_wrapper a {
    display: block;
    outline: none;
    overflow: hidden;
    font-size: 1rem;
    line-height: 1.1em;
    padding: .4rem .4rem;
    text-decoration: none;
    font-family: "Roboto Slab", serif !important;
    color: #fff;
}

.multilevelpushmenu_wrapper a:hover {
    color: #ffe;
}

.multilevelpushmenu_wrapper .badge { float: right; margin-left: .4rem; }
.multilevelpushmenu_wrapper .badge:not(.badge-count-favorites) { background-color: rgba(255,255,255, .1); }

.multilevelpushmenu_wrapper .backItemClass {
    display: block;
    padding: .4rem .4rem .4rem .4rem;
    background: rgba(255,255,255,.05);
    border-top: 1px solid #295685;
}

/*Bootstrap customization*/

/*Tooltip*/
    .tooltip > .tooltip-inner { background-color: rgba(26,168,192,.9); font-size: .9rem; }

    .tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
        margin-left: -3px;
        content: "";
        border-width: 5px 5px 0;
        border-top-color: rgba(26,168,192,.9);
    }

    .tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {
        margin-top: -3px;
        content: "";
        border-width: 5px 5px 5px 0;
        border-right-color: rgba(26,168,192,.9);
    }

    .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
        margin-left: -3px;
        content: "";
        border-width: 0 5px 5px;
        border-bottom-color: rgba(26,168,192,.9);
    }

    .tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before {
        right: 0;
        margin-top: -3px;
        content: "";
        border-width: 5px 0 5px 5px;
        border-left-color: rgba(26,168,192,.9);
    }

    /*Dropdowns*/
    .dropdown-menu {}
    #dropdownMenuButton { white-space: normal; }
    .dropdown-item { color: #004E77; font-family: "Roboto Slab", serif; text-decoration: none; font-size: .9rem; opacity: 1; max-width:400px; white-space: normal; }
    .dropdown-item:hover { background: none; text-decoration: underline; }

    .dropdown-menu-optionpanel { max-height: 500px; overflow-y: scroll; }

/*Containers & Sections*/
section { position: relative; }
section > .container, section > .container-fluid, footer > .container, footer > .container-fluid { max-width: 1400px; margin: auto; padding: 0 2rem; position: relative; }
section.section-first { padding-top: 0rem; }


@media(max-width:767px) {
    * { font-size: 16px; }
}

@media(max-width:576px) {
    section > .container, section > .container-fluid, footer > .container, footer > .container-fluid { padding: 0 .3rem; }
}

/*Colors*/
.bg-color-theme { background-color: #004E77; }
.bg-color-theme-light { background-color: #00a1e7; }
.bg-color-light { background-color: #F0F0F0; }
.bg-color-darker { background-color: #CCCCCC; }
.bg-color-white { background-color: #FFF; }

.text-color-default { color: #000; }
.text-color-theme { color: #004E77; }
.text-color-theme-light { color: #00a1e7; }
.text-color-white { color: #FFFFFF; }
.text-color-white a { color: #FFFFFF !important; }

.border-top-white { border-top: 1px solid #FFF; }

/*Typo*/
.text-serif { font-family: "Roboto Slab", serif; }
.text-sans-serif { font-family: Roboto, sans-serif;}

.text-small, small { font-size: .9rem; }
.text-large { font-size: 1.1rem; }

.text-muted { color: #6E706F !important; }

h1, h2, h3, h4, h5, h6 { font-family: "Roboto Slab", serif; font-weight: normal; line-height: 1.2em; }

h1 { font-size: 1.7rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.3rem; }
h4, h5, h6 { font-size: 1.2rem; }

h1.xlarge { font-size: 2.2rem; }

@media(max-width: 992px) {
    h1.xlarge { font-size: 1.7rem; }
}

@media(max-width: 767px) {
    h1 { font-size: 1.5rem; }
    h2 { font-size: 1.4rem; }
    h3 { font-size: 1.3rem; }
    h4, h5, h6 { font-size: 1.2rem; }

    h1.xlarge { font-size: 1.5rem; }
}

/*Images*/
.img-fluid-full { width: 100%; height: auto; }

/*Navigation*/
nav {  }
nav .nav-link {color: #0079b2;font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial,' sans-serif';font-size: 1rem;text-decoration: none;}
nav .nav-link.active { font-weight: 700; }
nav .nav-link:hover { text-decoration: underline; }

nav .nav-item:last-child .nav-link{ padding-right: 0 !important; }

/*Links*/
a { color: #004E77; text-decoration: underline; }
a:hover { color: #004E77; text-decoration: none; opacity: .8; transition: opacity .5s; }

a.text-color-white:hover { color: #FFFFFF; }

a.no-underline, a.no-underline:hover { text-decoration: none !important; }

/*Lists*/
ul.list-chevron { list-style-type: none; margin: 0; padding: 0; }
    ul.list-chevron li { padding-left: 1rem; position: relative; margin-bottom: .6rem; line-height: 1.2em; }
    ul.list-chevron li:before { font-family: FontAwesome; content: '\f105'; color: #00a1e7; position: absolute; left: 0; }

/*Tables*/
.table-wrap { max-width: 100%; overflow-x: auto; }

/*Header*/
#container-header { box-shadow: 0 0 5px rgba(191, 191, 191, 1); -webkit-box-shadow: 0 0 5px rgba(191, 191, 191, 1); -moz-box-shadow: 0 0 5px rgba(191, 191, 191, 1);  }
#container-header.scrolled { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; }
#container-header.scrolled .section-logos { display: none; }

    /*Toolbar*/
    #section-toolbar { border-bottom: 1px solid #F0F0F0; }
        #section-toolbar .nav-item > a { color: #004E77; font-size: .9rem; font-family: "Roboto Slab", serif; text-decoration: none; display: inline-block; position: relative; }
        #section-toolbar .nav-item > a i.fa { margin-left: .3rem; font-size: 1.1rem; }

    /*Navbar*/
    #section-navbar {}
        #section-navbar .navbar-brand { height: 4rem; width: auto; display: none; }
        #container-header.scrolled #section-navbar .navbar-brand { display: inline-block; }

        /*GTQ*/
        .icon-gtq-small { height: 1rem; width: auto; margin-top: -.1rem; }
        .icon-gtq-large { max-width: 300px; height: auto; }

    /*Logo section*/
    .section-logos {}
        .section-logos .logo-main { max-height: 160px; max-width: 100%; width: auto; height: auto; margin-top: 0.2rem; margin-bottom: 20px; }
        .section-logos .logo-bmwi { max-height: 70px; max-width: 100%; }
        .section-logos .logo-bmel { max-height: 70px; max-width: 100%; }
        .section-logos .logo-auma { max-height: 70px; max-width: 100%; }
        .section-logos .logo-fair { max-height: 110px; max-width: 100%; }


    @media(max-width: 767px) {
        .section-logos .logo-main { max-height: 90px; }
        .section-logos .logo-fair { max-height: 90px; }
    }

/*Sliders*/
.slider {}

@media(max-width: 767px) {
    .slider { padding-left: 2rem; padding-right: 2rem; }
}

.slider-nav { position: absolute; top: 50%; margin-top: -1.5rem; height: 3rem; cursor: pointer; padding: .5rem; z-index: 100; }
.slider-nav.white i.fa  { color: #FFF; }
.slider-nav i.fa { color: #004E77; font-size: 2rem;  }
.slider-nav-prev { left: -2rem; }
.slider-nav-next { right: -2rem; }

@media(max-width: 767px) {
    .slider-nav-prev { left: 0rem; }
    .slider-nav-next { right: 0rem; }
}

/*Forms & buttons*/
.btn { text-decoration: none; }
.btn:hover { text-decoration: none; }

.btn.bg-color-white { background-color: #FFFFFF; color: #004E77 !important; }
.btn.bg-color-theme-light {background: #00a1e7; }
.btn.bg-color-theme { color: #FFF !important; }

.btn-fluid { width: 100%; display: block; float: none; }

.is-invalid { border: 3px solid rgba(194, 0, 0, .5) !important; }

/*Content sections and elements*/

    .box-shadow { box-shadow: 0 0 5px rgba(191, 191, 191, 1); -webkit-box-shadow: 0 0 5px rgba(191, 191, 191, 1); -moz-box-shadow: 0 0 5px rgba(191, 191, 191, 1); }

    /*Cookie flyout*/
    #privacy-flyout { background-color: #FFFFFF; border-top: 1px solid #E9E9E9; position: fixed; bottom: 0; width: 100%; left: 0; }
        #privacy-flyout .btn { float: right; margin: 0 0 0 1rem; }

    /*Search results*/
    .search-result-item {  }
    .search-result-thumbnail { max-width: 150px; max-height: 150px; height: auto; }
    .sitesearch-input { min-width: 180px; }

    /*My German pavilion*/
    .mygp-sidebar {}
        .mygp-sidebar-button { text-align: center; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.1); padding: 1.5rem .5rem; }
        .mygp-sidebar-button:hover { opacity: .9; }
        .mygp-sidebar-button .icon { display: block; margin-bottom: 1rem; clear: both; float: none; font-size: 2rem; }

    @media(max-width: 768px) {
        .mygp-sidebar-button .label { display: none; }
        .mygp-sidebar-button .icon { margin-bottom: 0; }
    }

    @media(max-width: 576px) {
        .mygp-sidebar-button .fa { font-size: 1.4rem; }
    }

    /*Fairs (sites.german-pavilion.com)*/

        /*German Pavilion*/
        #section-gp-contacts {}
            #section-gp-contacts .contact-tile { position: relative; color: #000; text-decoration: none; }
            #section-gp-contacts .contact-tile .logo-contact { max-height: 100px; max-width: 70%;  }

            .logo-contact-detail { max-width: 200px; max-height: 150px; }

        /*Home page*/

            /*Exhibitors slider*/
            #exhibitor-slider {}
                .exhibitor-slider-item { color: #000; display: block !important; text-decoration: none; position: relative; }
                .exhibitor-slider-item:hover { text-decoration: none; }
                .exhibitor-slider-item .d-inline-flex { height: 300px; width: 100%; border-radius: 24px; }
                .exhibitor-slider-item .exhibitor-logo-wrapper { height: 180px; position: relative; border-bottom: 1px solid #f0eded; margin-bottom: 18px; }
                .exhibitor-slider-item .exhibitor-logo-wrapper img { max-width: 100%; max-height: 130px; width: auto; height: auto; }

            /*News slider*/
            #news-slider {}
                a.news-slider-item { text-decoration: none; }
                .news-slider-item-content { height: 300px !important; }

        /*Exhibitor detail*/
        .button-exhibitor { color: #004E77; padding: .65rem .75rem .65rem 2.5rem; position: relative; background-color: #F0F0F0; display: block; clear: both; width: 100%; max-width: 250px;  margin-bottom: .3rem; text-align:left; text-decoration: none; font-family: "Roboto Slab", serif; }
            .button-exhibitor:before { font-family: FontAwesome; color: #004E77; font-weight: normal; position: absolute; top: .7rem; left: .75rem;}
            .button-exhibitor:hover:before { color: #FFF; }
            .button-exhibitor:hover { color: #FFF; background-color: #004E77; }
            .button-exhibitor:hover i.fa { color: #FFF; }

            .button-exhibitor.message:before { content: '\f0e0'; }
            .button-exhibitor.businessmatching:before { content: '\f0c0'; }
            .button-exhibitor.favorite:before { content: '\f006'; }
            .button-exhibitor.favorite.is-favorite:before { content: '\f005'; }
            .button-exhibitor.floorplan:before { content: '\f279'; }

        @media(max-width:400px) {
            .button-exhibitor { max-width: 100%; }
        }

        .exhibitor-product-item {}
        .exhibitor-product-item-info { position: relative; }
        .exhibitor-product-item-image img { max-width: 100%; max-height: 500px; }
        .exhibitor-product-item-image img:hover { opacity: .8; }

        .button-teaser-message { display: inline-block; position: fixed; bottom: 2rem; right: 5rem; padding: 1rem 1rem 1rem 4rem; z-index: 1000; font-size: 1.1rem; text-decoration: none;
                                    background-color: rgba(45,154,224,0.8);
                                    border-radius: 5px;
                                    box-shadow: 0 0 5px rgba(191, 191, 191, 1);
                                    -webkit-box-shadow: 0 0 5px rgba(191, 191, 191, 1);
                                    -moz-box-shadow: 0 0 5px rgba(191, 191, 191, 1);
                                }

        .button-teaser-message:hover { color: #FFF; }
        .button-teaser-message:before { content: '\f27a'; font-family: FontAwesome; color: #FFF; font-size: 1.8rem; margin-right: .5rem; position: absolute; left: 1rem; top: .4rem; }


         /*Add favourite button*/
        .button-favorite:not(.button-exhibitor) { padding: .5rem .85rem; background-color: #004E77; position: absolute; bottom: 0; right: 0; color: #FFF; font-size: 1.3rem; cursor: pointer; }
        .button-favorite:not(.button-exhibitor):before { font-family: FontAwesome; content: '\f006'; color: #FFF; }
        .button-favorite:not(.button-exhibitor).is-favorite:before { font-family: FontAwesome; content: '\f005'; color: #FFF; }
        .button-favorite:not(.button-exhibitor):hover { color: #FFF; text-decoration: none !important; }

.button-cart {
    padding: .5rem .85rem;
    background-color: #004E77;
    position: absolute;
    top: 0;
    right: 0;
    color: #FFF;
    font-size: 1.3rem;
    cursor: pointer;
}

    .button-cart:before {
        font-family: FontAwesome;
        content: '\f217';
        color: #FFF;
        font-size: 30px;
    }

    .button-cart.is-cart:before {
        font-family: FontAwesome;
        content: '\f218';
        color: #FFF;
        font-size: 30px;
    }

    .button-cart:hover {
        color: #FFF;
        text-decoration: none !important;
    }
        /*Exhibitor overview*/
        .exhibitors-list { margin-right: -2rem; }
            .exhibitors-list .gutter-sizer { width: 2rem; }
            .exhibitors-list .exhibitor-list-item { width: calc(25% - 2rem); margin-bottom: 2rem; }
            .exhibitors-list .exhibitor-list-item .exhibitor-list-item-logo { height: 120px; }
            .exhibitors-list .exhibitor-list-item .exhibitor-logo { max-height: 100px; max-width: 100%; width: auto; height: auto; }
            .exhibitors-list .exhibitor-list-item a.exhibitor-link { text-decoration: none; }
            .exhibitors-list .exhibitor-list-item a.exhibitor-link:hover { text-decoration: underline; }
            .exhibitors-list .exhibitor-list-item .exhibitor-list-item-productimage { height: 150px; background-size: cover; background-position: center; position: relative; }
            .exhibitors-list .exhibitor-list-item .exhibitor-list-item-productimage:hover:before { content: ' '; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(255, 255, 255, .2); z-index: 50; }
            .exhibitors-list .exhibitor-list-item .exhibitor-list-item-info { position: relative; }

        @media(max-width: 1200px) {
            .exhibitors-list .exhibitor-list-item { width: calc(33% - 2rem); }
        }

        @media(max-width: 800px) {
            .exhibitors-list { margin-right: -1rem; }
            .exhibitors-list .gutter-sizer { width: 1rem; }
            .exhibitors-list .exhibitor-list-item { width: calc(50% - 1rem); }
        }

        @media(max-width: 600px) {
            .exhibitors-list { margin-right: 0; }
            .exhibitors-list .gutter-sizer { width: 0; }
            .exhibitors-list .exhibitor-list-item { width: 100%; }
        }

        /*exhibitor detail*/
        #section-exhibitor-intro .exhibitor-logo { max-width: 300px; max-height: 250px; }

        /*Products list*/
        .products-list { margin-right: -1.5rem; }
            .products-list .gutter-sizer { width: 1.5rem; }
            .products-list .product-list-item { width: calc(25% - 1.5rem); margin-bottom: 2rem; color: #000000; text-decoration: none; }
            .products-list .product-list-item:hover { text-decoration: none; }
            .products-list .product-list-item a { text-decoration: none; }
            .products-list .product-list-item a:hover { text-decoration: underline; }
            .products-list .product-list-item .product-image-wrapper {  }
            .products-list .product-list-item .product-image { max-width: 100%; max-height: 400px; }
            .products-list .product-list-item .product-list-item-info { position: relative; }

        @media(max-width: 900px) {
            .products-list .product-list-item { width: calc(33% - 1.5rem); margin-bottom: 1rem; }
        }

        @media(max-width:700px) {
            .products-list .product-list-item { width: calc(50% - 1.5rem);}
        }

        @media(max-width:500px) {
            .products-list { margin-right: 0; }
            .products-list .gutter-sizer { width: 0; }
            .products-list .product-list-item { width: 100%;}
        }

        /*Startseite*/
        #section-fair-mood {  }
            #section-fair-mood > img { position: relative; width: 100%; height: auto; display: block; }
            #section-fair-mood .section-mood-inner { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
            .container-fluid-mood { max-width: 1400px; height: 100%; margin: auto; position: relative; left: 0; }

            #section-fair-mood .copyright-note { position: absolute; bottom: .5rem; right: 1rem; }

        @media(max-width:992px) {
            #section-fair-mood h1.xlarge { font-size: 1.8rem; color: #004E77 !important; }
            #section-fair-mood { border-bottom: 3px solid #F0F0F0; }
            #section-fair-mood .section-mood-inner { position: relative; height: auto; width: calc(100%-2rem);  }
            #section-fair-mood .text-color-white { color: #000; }
        }

        /*German Pavilion*/
        #section-gp-info {}
            #section-gp-info .logo-bmwi { max-height: 140px; max-width: 200px; margin-top: 4rem; }
            #section-gp-info .logo-auma { max-height: 140px; max-width: 200px; }

        /*News & Innovatons*/
        .news-innovations-item {}
            .news-innovations-item .exhibitor-logo { max-width: 250px; max-height: 200px; }

        /*Contacts*/
        .contacts-nav {}
        .contacts-nav a { text-decoration: none; }
        .contacts-nav a:hover { text-decoration: underline; }
        .contacts-nav a.active { font-weight: bold; }

        /*Floor plan*/
        .floorplan-container { position: relative; display: inline-block; overflow: scroll; max-width: 100%; }
            .floorplan-overlay-item { position: absolute; z-index: 50; }

        /*Exhibitor detail*/
        .ni-accordion-header { cursor: pointer; border-top: 1px solid #FFFFFF; display: block; position: relative; padding-right: 3rem; }
        .ni-accordion-header:hover { text-decoration: underline; }

    /*Portal www.german-pavilion.com*/

        /*Startseite*/

            /*Mood section*/
            #section-portal-mood {  }
            #section-portal-mood > img { position: relative; width: 100%; height: auto; display: block; }
            #section-portal-mood .section-mood-inner { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
            #section-portal-mood .container-fluid-mood { max-width: 1400px; height: 100%; margin: auto; position: relative; left: 0; }

            @media (max-width:768px) {
                #section-portal-mood .section-mood-inner { position: relative; }
                #section-portal-mood h1.xlarge { font-size: 1.8rem; color: #004E77 !important; }
            }
            
            /*Teaser buttons*/
            .portal-home-teaser-button { text-decoration: none; position: relative; }
            .portal-home-teaser-button:hover { color: #FFFFFF; opacity: .9; }
            .portal-home-teaser-button:before { position: absolute; right: 1rem; top: calc(50% - 1.2rem); font-family: FontAwesome; content: '\f105'; font-size: 1.7rem;}

        /*About*/
        ul.portal-about-menu { list-style-type: none; margin: 0; padding: 0; display: block; margin-right: 2rem; }
            ul.portal-about-menu li { padding: .5rem 0rem; border-top: 1px solid #00a1e7; }
            ul.portal-about-menu li a { font-family: "Roboto Slab", serif; font-weight: normal; font-size: 1rem; line-height: 1em; text-decoration: none; }
            ul.portal-about-menu li a:hover { text-decoration: underline; }

         .about-gp-logo { max-width: 200px; max-height: 200px; width: 100%; height: auto; }

        /*Exhibitor list table*/
        table.fair-exhibitor-list { width: 100%;}
            table.fair-exhibitor-list td, table.fair-exhibitor-list th { padding: .5rem 2rem .5rem 0; vertical-align: top; text-align: left; }
            table.fair-exhibitor-list thead th { text-align: left; border-bottom: 1px solid #00a1e7; }
            table.fair-exhibitor-list tbody td { border-bottom: 1px solid #E9E9E9; }

        /*Fair list*/
        .fairlist-item { position: relative; }
            .fairlist-label { display: block; position: relative; padding: .75rem 0 .75rem 3rem; }
            .fairlist-label-icon { display: inline-block; position: absolute; left: 0; top: 0; }
            .fairlist-label-icon .fa { font-size: 1.4rem; padding: .4rem 0; }
                .fair-list-countlabel { font-size: 1.5rem; margin-left: .3rem; display: inline-block; }

         .fair-logo { width: 100%; height: auto; max-width: 200px; max-height: 200px; }

        @media(min-width: 768px) {
            .fairlist-label { padding: 0; }
            .fairlist-label-icon { position: relative; display: block; height: 2rem; margin-bottom: .5rem; }
            .fairlist-label-icon .fa { font-size: 1.6rem; padding: 0; }
        }

        /*Fairs by country*/
        .portal-fair-countrylist { column-count: 5; column-gap: 2rem; }

        @media(max-width: 800px) {
            .portal-fair-countrylist { column-count: 3; column-gap: 2rem; }
        }

        @media(max-width: 500px) {
            .portal-fair-countrylist { column-count: 2; column-gap: 2rem; }
        }

        @media(max-width: 300px) {
            .portal-fair-countrylist { column-count: 1; column-gap: 0; }
        }

        /*Fairs by branch*/
        .portal-fair-branchlist { column-count: 3; column-gap: 3rem; }

        @media(max-width: 800px) {
            .portal-fair-branchlist { column-count: 2; column-gap: 3rem; }
        }

        @media(max-width: 580px) {
            .portal-fair-branchlist { column-count: 1; column-gap: 0; }
        }

        /*Filter Dropdowns*/
        .filter-dropdown .btn { padding-right: 2.5rem; padding-left: 1rem; }
        .filter-dropdown .btn:after { content: '\f107'; border: 0; font-family: FontAwesome !important; font-size: 1.6rem !important; color: #004E77; position: absolute; right: 1.75rem; top: 0rem; }

        @media(max-width: 768px) {
            .filter-dropdown { display: block; margin-bottom: .5rem; }
            .filter-dropdown .dropdown-menu { width: 100%; }
            .filter-dropdown .btn { text-align: left; }
            .filter-dropdown .btn:after { content: '\f107'; border: 0; font-family: FontAwesome !important; font-size: 1.6rem !important; color: #004E77; position: absolute; right: 1.75rem; top: 0rem; }
        }

/*GTAI login page*/
body.gtai-login {}
    body.gtai-login .logo-main { width: 300px; height: auto; float: left; }