.gdpr-overlay {
    background: rgba(0,0,0,0.8);
    display: none;
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    bottom: 0;
    z-index: 99999;
    overflow-y: scroll;
    color: #404040;
}
.gdpr-msg button, .gdpr-popup button {
    padding: 0;
    border: none;
    font: inherit;
    font-size: 13px;
    color: inherit;
    background-color: transparent;
    cursor: pointer;
    display: inline-block;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.gdpr-msg button:focus, .gdpr-popup button:focus {
    outline: none;
}
.gdpr-popup {
    /* background: #0775c4; */
    width: 610px;
    top: 50%;
    margin-top: -215px;
    left: 50%;
    margin-left: -300px;
    position: absolute;
}
.gdpr-popup .upper {
    position: relative;
    padding: 10px 50px 10px 0;
}
.gdpr-popup .upper-left {
    width: 210px;
    padding-left: 30px;
}
.gdpr-popup .upper-left img {
    width: 105px;
    height: auto;
}
.gdpr-popup .upper-right {
    padding-left: 10px;
}
.gdpr-popup .upper-right h2 {
    color: #fff;
    font-size: 20px;
}
.gdpr-popup .upper-left, .gdpr-popup .upper-right {
    display: inline-block;
    vertical-align: middle;
}
.gdpr-close, .gdpr-msg .close-btn {
    position: absolute;
    right: 6px;
    top: 7px;
    width: 40px;
    height: 40px;
    text-align: center;
    cursor: pointer;
    font-size: 0;
}
.gdpr-close:after, .gdpr-msg .close-btn:after {
    content: '×';
    color: #fff;
    font-size: 36px;
    width: 40px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
}
.gdpr-popup .bottomer {
    text-align: right;
    padding: 13px 15px;
}

.gdpr-opts {
    background: #fff;
    position: relative;
}
.gdpr-opts .opt-title {
    cursor: pointer;
    width: 210px;
    padding: 16px 10px;
    padding-left: 29px;
    position: relative;
    font-size: 13px;
    font-family:  var(--font-name), Trebuchet, Century Gothic, Segoe UI, sans-serif;
    color: #4f4f4f;
    border: solid 1px #c8c8c8;
    background: #f2f2f2;
    margin-bottom: -1px;
    line-height: 130%;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.gdpr-opts .opt-title a {
    color: #4f4f4f;
    font-family: inherit;
    display: block;
    padding: 16px 0;
    margin: -16px 0;    
}
.gdpr-opts .opt-title .gdpr-i-target,.gdpr-opts .opt-title .gdpr-i-more, .gdpr-opts .opt-title .gdpr-i-graph, .gdpr-opts .opt-title .gdpr-i-info, .gdpr-opts .opt-title .gdpr-i-tick, .gdpr-opts .opt-title .gdpr-i-function {
    position: absolute;
    top: 17px;
    left: 9px;
}
.gdpr-opts .opt-title.current {
    border: solid 1px transparent;
    background: none;
}
.gdpr-opts .opt-content {
    position: absolute;
    right: 0;
    top: 0;
    width: 400px;
    visibility: hidden;
    opacity: 0;
    padding: 15px 15px 0 20px;
    font-size: 13px;
}
.gdpr-opts .opt-content h3 {
    margin-bottom: 15px;
    font-family:  var(--font-name), Trebuchet, Century Gothic, Segoe UI, sans-serif;
    font-size: 15px;
    line-height: 130%;
}
.gdpr-opts .opt-content h4 {
    margin-bottom: 13px;
    font-family:  var(--font-name), Trebuchet, Century Gothic, Segoe UI, sans-serif;
    margin-bottom: 7px;
    line-height: 130%;
}
.gdpr-opts .opt-content ul {
    padding-bottom: 15px;
    padding-left: 10px;
    list-style:none;
}
.gdpr-opts .opt-content ul li {
    position: relative;
}
.gdpr-opts .opt-content ul li:before {
    content: '';
    display: block;
    background: #404040;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    position: absolute;
    left: -10px;
    top: 7px;
}
.gdpr-opts .opt-content p {
    margin-bottom: 15px;
}
.gdpr-opts .opt-content.current {
    visibility: visible;
    opacity: 1;
}
.gdpr-opts .opt-content a {
    color: #404040;
    text-decoration: underline;
}
.gdpr-popup button.on-off {
    color: #999999;
    font-family:  var(--font-name), Trebuchet, Century Gothic, Segoe UI, sans-serif;
    font-size: 15px;
    text-transform: capitalize;
    padding-right: 47px;
    position: absolute;
    right: 20px;
    top: 13px;
    width: 110px;
    text-align: right;
}
.gdpr-popup button.on-off:before {
    content: '';
    display: block;
    height: 18px;
    background: #999999;
    width: 36px;
    border-radius: 50px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -9px;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.gdpr-popup button.on-off:after {
    content: '';
    display: block;
    height: 16px;
    width: 16px;
    background: #fff;
    right: 19px;
    top: 50%;
    margin-top: -8px;
    position: absolute;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.gdpr-popup button.on-off.active {
    color: #43c232;
}
.gdpr-popup button.on-off.active:before {
    background:  #43c232;
}
.gdpr-popup button.on-off.active:after {
    right: 1px;
}
.gdpr-popup .always-active {
    color: #43c232;
    font-family:  var(--font-name), Trebuchet, Century Gothic, Segoe UI, sans-serif;
    font-size: 15px;
    width: 110px;
    position: absolute;
    right: 20px;
    top: 13px;
    text-align: right;
}
.gdpr-popup .has-opts h3 {
    padding-right: 110px;
}

.gdpr-msg {
    box-shadow: 0px -2px 8px 0 rgb(40 45 55 / 29%);
    /* background: #0775c4; */
    display: none;
    z-index: 70;
    color: #fff;
    position: fixed;
    width: 100%;
    bottom: 0;
    left:0;
    right: 0;
    font-size: 13px;
    line-height: 140%;
  }
@media screen and (min-width: 1200px) {
  .gdpr-msg {
    left: 250px;
  }
  .gdpr-msg-close.close-btn{
    left: -250px;
  }
}
.gdpr-msg .container {
    position: relative;
}

.gdpr-msg .close-btn {
    /* top: 50%; */
    /* right: -18%; */
    margin-top: -22px;
}

.gdpr-msg .right-part,
.gdpr-msg .left-part {
    padding: 0 15px;
    display: inline-block;
    vertical-align: middle;
}
.gdpr-msg .left-part {
    width: 69%;
    text-align: left;
}
.gdpr-msg .right-part {
    width: 30%;
}
.gdpr-msg .right-part  {
    padding-right: 40px;
    text-align: center;
}
.gdpr-msg .cookie-settings {
    text-decoration: underline;
    position: relative;
    cursor: pointer;
    /* margin: 0 10px 10px; */
}

.gdpr-msg .cookie-settings:hover:before, .gdpr-msg .cookie-settings:hover:after {
    background: #c4e2f7;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.gdpr-msg .cookie-settings:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 3px;
}
.gdpr-msg .cookie-settings:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 8px;
}
.gdpr-msg .cookie-settings:hover, .gdpr-msg .cookie-settings:focus {
    color: #c4e2f7;
}
.gdpr-msg a {
    text-decoration: underline;
    color: #fff;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.gdpr-msg a:focus, .gdpr-msg a:hover, .gdpr-msg a:active {
    color: #c4e2f7;
}

.gdpr-msg .accept-btn, .gdpr-popup .save-all {
    background: #fff;
    color: #0775c4;
    padding: 8px 15px;
    border-radius: 3px;
    position: relative;
}
.gdpr-msg .accept-btn {
    padding-left: 28px;
}
.gdpr-msg-close .gdpr-i-tick {
    left: 10px;
    top: 10px;
}
.gdpr-i-tick {
    background: url(../images/gdpr/gdpr-icons.png) no-repeat left top;
    background-size: 100%;
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    background-position: 0 -28px;
}
.gdpr-i-info {
    background: url(../images/gdpr/gdpr-icons.png) no-repeat left top;
    background-size: 100%;
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    background-position: 0 -14px;
}
.gdpr-i-graph {
    background: url(../images/gdpr/gdpr-icons.png) no-repeat left top;
    background-size: 100%;
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    background-position: 0 -42px;
}
.gdpr-i-target {
    background: url(../images/gdpr/gdpr-icons.png) no-repeat left top;
    background-size: 100%;
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    background-position: 0 0;
}
.gdpr-i-more {
    background: url(../images/gdpr/gdpr-icons.png) no-repeat left top;
    background-size: 100%;
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    background-position: 0 -71px
}

.gdpr-i-function {
    background: url(../images/gdpr/gdpr-icons.png) no-repeat left top;
    background-size: 100%;
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    background-position: 0 -56px;
}

@media only screen and (min-width: 1500px) {
   
    .gdpr-msg {
        /* left:150px; */
    }
}
@media only screen and (min-width: 975px) {
   .gdpr-msg .row {
        padding-left:40px;
    }
    
}
@media only screen and (max-width: 975px) {
   .gdpr-msg .row {
        padding-left:5px;
    }
    
}

/* 
@media only screen 
    and (min-width: 1200px) {
    .gdpr-msg .container-fluid {
        margin-left:250px;
    }
}
 */
 
@media only screen 
    and (max-width: 1500px)
    and (min-width: 1200px) {
    .gdpr-msg {
        /* left: 100px; */
    }
   

    .gdpr-msg .container {
        width: 970px;
    }
}

@media only screen 
    and (max-width: 1300px)
    and (min-width: 1200px) {
    .gdpr-msg .right-part {
        width: 25%;
    }
    .gdpr-msg .left-part {
        width: 60%;
    }
}

@media only screen and (max-width: 767px) {
    .gdpr-msg .right-part, .gdpr-msg .left-part {
        width: 100%;
    }
    .gdpr-msg .right-part {
        padding-right: 15px;
        margin-top: 15px;
    }
    .gdpr-msg .left-part {
        padding-right: 30px;
    }
    .gdpr-msg .close-btn {
        right: 0;
        top: 0;
        margin-top: -14px;
    }
    .gdpr-msg .close-btn:after {
        font-size: 36px;
    }

    .gdpr-opts .opt-content, .gdpr-opts .opt-title {
        position: relative;
        width: 100%;
    }
    .gdpr-opts .opt-content.current {
        display: block;
    }
    .gdpr-opts .opt-content {
        opacity: 1;
        visibility: visible;
        padding-left: 15px;
        display: none;
    }
    .gdpr-opts .opt-title {
        padding: 11px 35px 11px 15px;
    }
    .gdpr-opts .opt-title:before, .gdpr-opts .opt-title:after {
        content: '';
        width: 2px;
        height: 9px;
        background: #8c8c8c;
        display: block;
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -5px;
        -webkit-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
    }
    .gdpr-opts .opt-title:after {
        -webkit-transform: rotate(90eg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .gdpr-opts .opt-title.current:before {
        -webkit-transform: rotate(90eg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .gdpr-popup .upper {
        padding-right: 0;
    }
    .gdpr-popup .upper-left {
        padding-bottom: 5px;
    }
    .gdpr-popup .upper-right {
        padding: 0 15px;
        background: #fff;
        width: 100%;
        border-bottom: solid 1px #c8c8c8;
        z-index: 2;
        position: relative;
        margin-bottom: -1px;
        padding: 11px 15px;
    }
    .gdpr-popup .upper-right h2 {
        text-align: left;
        color: #4f4f4f;
        font-size: 15px;
    }
    .gdpr-popup .upper {
        padding-bottom: 0;
    }
    .gdpr-close:after {
        font-size: 36px;
    }
    .gdpr-close {
        right: -2px;
        top: -4px;
    }
    .gdpr-popup .upper-left {
        padding-left: 15px;
    }
    .gdpr-opts .opt-title.current {
        border: solid 1px #c8c8c8;
    }
    .gdpr-popup {
        width: 92%;
        margin: 20px auto;
        position: relative;
        left: auto;
        top: auto;
    }
    .gdpr-opts .opt-title {
        padding-left: 28px;
    }
    .gdpr-opts .opt-title .gdpr-i-target, .gdpr-opts .opt-title .gdpr-i-more, .gdpr-opts .opt-title .gdpr-i-graph, .gdpr-opts .opt-title .gdpr-i-info, .gdpr-opts .opt-title .gdpr-i-tick, .gdpr-opts .opt-title .gdpr-i-function {
        top: 12px;
    }
}