:root {
    --main: #00AEEC;
    --alt: #008CCC;
    --accent: #ED6009;
    --bg: #FFFFFF;
    --bgLight: #dddddd;
    --fore: #000;
    --red: #a00;
    --green: #2eb872;
    --gold: #cba73c;
}

body {
    font-family: 'Kanit', Arial, Helvetica, sans-serif;
    /*background-color: #f3f3f3;*/
    /*background: linear-gradient(10deg, #f3f3f3, #fff);*/
}

div#headerLogo {
    width: 300px;
    height: 75px;
    background-image: url(../img/Logo.svg);
    background-size: 134%;
    background-position: -64px -185px;
    background-repeat: no-repeat;
    margin: 0 auto;
}
div.divider {
    height: 1px;
    width: 100%;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #c0c0c0;
    margin-bottom: 40px;
}
div.mainContainer {
    width: 100%;
    margin: 0 auto;
}
div.dataPanel {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: justify;
    padding-left: calc(50% - 280px);
    padding-right: calc(50% - 230px);
}
div#pnlWho {
    color: #000;
}

#pnlWhat{
    padding-bottom:20px;
}

#pnlWhat div.content-main {
    padding-top: 0;
}

#pnlWhat ul.dt-sc-tabs-vertical-frame li a.current:after,
#pnlWhat ul.dt-sc-tabs-vertical-frame li a:hover:after {
    height: 84px;
    top: -2px;
    width: 84px;
    right: -71px;
    background: var(--gold);
    transform: none !important;
}




#pnlWhat ul.dt-sc-tabs-vertical-frame li a {
    font-size: 1rem;
}

#pnlWhat .videoContainer {
    width: 100%;
    position: relative;
}
    #pnlWhat .videoContainer video {
        width: 100%;
    }
    #pnlWhat .videoContainer .videoOverlay {
        position: absolute;
        top: -1px;
        bottom: -1px;
        right: -1px;
        left: -1px;
        background: radial-gradient(closest-corner, #fffc, #fff);
        z-index:1;
    }

    #pnlWhat .dt-sc-tabs-vertical-frame-content i,
    #pnlWhat .dt-sc-tabs-frame-content i {
        opacity: .1;
    }

    #pnlWhat div.dt-sc-tabs-vertical-frame-content ul{
        font-size:1rem;
    }

#pnlLegal .subContainer {
    margin: 0 auto;
    background-color: #555a;
    box-shadow: 0px 0px 5px 10px #555a;
    padding: 20px 0;
}


div.contact-info h3 {
    color: var(--gold);
}
div.contact-info a{
    color:#fff;
}


#pnlLegal .content-main{
    padding-top:0;
}

#pnlPrivacy{
    font-size:.9rem;
}
#pnlPrivacy h3 {
    font-size: 1.4rem;
    font-weight: 600;
}
    #pnlPrivacy h4 {
        font-size: 1.2rem;
        font-weight: 600;
    }
    #pnlPrivacy .content-main,
    #pnlCookie .content-main{
        padding: 40px 0 0;
    }
.mean-container a.meanmenu-reveal span {
    background: var(--gold) !important;
}