#GeoLocationBanner {

    .popupOverLay{
        z-index: 999999998;
    }

    #geolocation-popup{
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        position: fixed !important;
        left: 50% !important;
        top: 50% !important;
        margin-left: -215px !important;
        transform: translateY(-50%);
        width: 430px;
        z-index: 999999999;
        box-shadow: rgba(0,0,0,.3) 0 0 15px 2px;
        
        .container {
            background:#fff;
            padding: 22px 22px 82px 22px !important;

            .TextHolder {
                .title {
                    padding: 10px 0 0 0;
                    font-size: 20px;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                    margin: 0 0 20px 0;
                    font-weight: bold;
                    color: @pv-color-blue;
                    line-height: 24px;
                    text-transform:uppercase;
                }

                .text{

                }

                .button-holder {
                    position:absolute;
                    right:22px;
                    bottom:25px;
                    width:260px;

                    &> a::before {
                        display:block;
                        content:'';
                        width: 27px;
                        height: 18px;
                        overflow: hidden;
                        background:#fff;
                        border:1px solid #fff;
                        float:left;
                        margin:-4px 10px 0 -10px;
                        border-radius:3px;
                    }
                    &> a.flag-nl::before{ background:url(img/base/ico/vlaggetje_NL.png) no-repeat 0 0; }
                    &> a.flag-be::before{ background:url(img/base/ico/vlaggetje_BE.png) no-repeat 0 -1px; }

                }
            }
        }
    }



    #HideGeoLocationBanner {
        float: right;
    }

    .TextHolder a {
        font-weight: bold;
        padding-left: 25px;
    }

    #HideGeoLocationBanner {
            position: absolute;
            top:20px;
            right:20px;
            width:22px;
            height:22px;

            a {
                color:#333;
                font-size:40px;
                line-height:20px;
                font-weight:400;
                text-decoration:none;
            }
        }

    &.banner-fluid {


        #HideGeoLocationBanner {

            a {
            }
        }

        .TextHolder {

            a {
            }
        }


    }
}


@media (max-width: 767px) 
{
    #GeoLocationBanner
    {
        #geolocation-popup
        {
            width:310px;
            margin-left:-155px !important;
            margin-top:-100px;

            .container{
                width:auto;
                padding-top:50px !important;

                .title{
                    margin-bottom:15px !important;
                }
            }
        }

        #HideGeoLocationBanner
        {

        }
    }
}

@media (min-width: 767px) and (max-width:979px)
{
    #GeoLocationBanner 
    {
        #geolocation-popup
        {

        }
    }
}