@font-face {
    font-family: "NeueHaasGrotesk";
    src: url('../font/en/NHaasGroteskTXPro-55Rg/NHaasGroteskTXPro-55Rg.otf'); /* IE9 Compat Modes */
    src: url('../font/en/NHaasGroteskTXPro-55Rg/NHaasGroteskTXPro-55Rg.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/en/NHaasGroteskTXPro-55Rg/NHaasGroteskTXPro-55Rg.woff') format('woff'), /* Modern Browsers */
    url('../font/en/NHaasGroteskTXPro-55Rg/NHaasGroteskTXPro-55Rg.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../font/en/NHaasGroteskTXPro-55Rg/NHaasGroteskTXPro-55Rg.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: "NeueHaasGrotesk";
    src: url('../font/en/NHaasGroteskTXPro-65Md/NHaasGroteskTXPro-65Md.otf'); /* IE9 Compat Modes */
    src: url('../font/en/NHaasGroteskTXPro-65Md/NHaasGroteskTXPro-65Md.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/en/NHaasGroteskTXPro-65Md/NHaasGroteskTXPro-65Md.woff') format('woff'), /* Modern Browsers */
    url('../font/en/NHaasGroteskTXPro-65Md/NHaasGroteskTXPro-65Md.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../font/en/NHaasGroteskTXPro-65Md/NHaasGroteskTXPro-65Md.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: bold;
}

@font-face {
    font-family: "Roboto";
    src: url('../font/gv/NeueHaasUnicaW1G-Regular/NeueHaasUnicaW1G-Regular.otf'); /* IE9 Compat Modes */
    src: url('../font/gv/NeueHaasUnicaW1G-Regular/NeueHaasUnicaW1G-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/gv/NeueHaasUnicaW1G-Regular/NeueHaasUnicaW1G-Regular.woff') format('woff'), /* Modern Browsers */
    url('../font/gv/NeueHaasUnicaW1G-Regular/NeueHaasUnicaW1G-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../font/gv/NeueHaasUnicaW1G-Regular/NeueHaasUnicaW1G-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: "Roboto";
    src: url('../font/gv/NeueHaasUnicaW1G-Medium/NeueHaasUnicaW1G-Medium.otf'); /* IE9 Compat Modes */
    src: url('../font/gv/NeueHaasUnicaW1G-Medium/NeueHaasUnicaW1G-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/gv/NeueHaasUnicaW1G-Medium/NeueHaasUnicaW1G-Medium.woff') format('woff'), /* Modern Browsers */
    url('../font/gv/NeueHaasUnicaW1G-Medium/NeueHaasUnicaW1G-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../font/gv/NeueHaasUnicaW1G-Medium/NeueHaasUnicaW1G-Medium.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: bold;
}
* {
  box-sizing: border-box;
}
html, body {
    -webkit-font-smoothing: antialiased;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 100%;

}
body{
/*  background: url("../images/age-bg_v2.png") center center;*/
  background: rgba(0, 0, 0, 0.5);
  color: #606060;
  padding-bottom: 0px;
}

.logo {
  background: url("../images/C2_limo_icon_small.png") no-repeat left left;  
  width: 100%;
}

#header{  
  width:100%;
  /*height:12%;*/
  color: #FFFFFF;  
  height: auto;
 
}
.welcome {
  font-family: "NeueHaasGrotesk" !important;
  top: 10px;
  position: absolute;
  text-align: center;
  width: 100%;
  /*z-index:100;*/
}
.welcome.gr {
  font-family: "Roboto" !important;
  font-weight: 600;
}
#header a img{
  padding-left: 15%;
  margin-top: 0.5%;
  margin-bottom: 0.5%;
      z-index: 1081;
    position: relative;
}
#sidebar-left{
  float:left;
  width:15%;
}
#main{
  float:left;
  padding-left: 1%;
  padding-right: 1%;
  width:70%;
  background-color: #F5F5F5;
  
}

.custom {
  height: 900px;
}

#sidebar-right{
  float:left;
  width:15%;

}
#footer{
  clear:both;
  width: 100%;  
  height: auto;
  padding-bottom: 0%;
  overflow: auto;
  color: #FFFFFF;
}

#footer a {
  color: #FFFFFF;
}
.table {
  font-family: "NeueHaasGrotesk" !important;
  font-weight: 400;
  font-size: 0.9em;
  padding-left: 15%;
  color: #FFFFFF;
}

h1, h2, h3, h4, h5, h6, p, div, span, label {
    font-family: "NeueHaasGrotesk" !important;  
    
}

h1, h2, h3, h4, h5, h6, p, div, span, label.gr{
    font-family: "Roboto" !important;  
    
}
ul li, ol li {
  font-size: 0.95em;  
  font-weight: 400;
}
#main p, div, span, label {
  font-size: 0.95em;
  font-weight: 400;
}

h1,h2, h3, h4{
  text-align: center;
  font-size: .97em;
  font-weight: 600;
}

.lang {
    text-align: right;
    padding-left: 81%;
    position: absolute;
    top: 7%;
    font-family: "NeueHaasGrotesk" !important;
    color: #FFFFFF;
    z-index: 0;
}

.gr {
  font-family: 'Roboto', sans-serif !important;
}

.mobile{
  display: none;
}

.desktop {
   font-weight: 600;
   font-size: 0.95em;
  
}
.tdata{
  width: 49%;
}
.tdata.gr{
  width: 22%;
}
.bold {
  font-size: 1.4em;
  font-weight: 600;
}
p {
    display: block;
    margin-block-start: 0.9em;
    margin-block-end: 0.9em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.lang a {
  color: #FFFFFF;
}
@media only screen and (max-width: 1366px) and (min-width: 1281px) {
  
  .tdata{
    width: 29%;
  }
}

@media only screen and (max-width: 1280px) and (min-width: 1151px) {
  
  .tdata{
    width: 29%;
  }
}

@media only screen and (max-width: 1152px) and (min-width: 1025px) {
  
  .tdata{
    width: 29%;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .custom {
    height: 1030px;
  }
  .lang {
    top: 6%;
    padding-left: 78%;
  }
  .tdata{
    width: 15%;
  }
}

@media only screen and (max-width: 768px) and (min-width: 641px) {
  .lang {
    top: 6%;
    padding-left: 78%;
  }
  .tdata{
    width: 29%;
  }
  
  .table{
    padding-left: 0%;
  }
  #sidebar-left {
    visibility: hidden;
    clear: both;
    float: left;
    display: none;
  }
  
  #header a img{
    padding-left: 0%;
    margin-top: 0.5%;
    margin-bottom: 0.5%;
        z-index: 1081;
    position: relative;
  }
  #main {
    width: 100%;    
  }
  #sidebar-right{
    visibility: hidden;
    clear: both;
    display: none;
  }
  /*.desktop {
    visibility: hidden;
    display: none;
  }
  .mobile {
    visibility: visible;
    display: block;
    font-size: 1.3em;
    font-weight: 400;
  }*/
  .custom {
    height: 1030px;
  }
}

@media only screen and (max-width: 640px) and (min-width: 321px) {
  #sidebar-left {
    visibility: hidden;
    clear: both;
    float: left;
    display: none;
  }
  
  #header a img{
    padding-left: 0%;
    margin-top: 0.5%;
    margin-bottom: 0.5%;
        z-index: 1081;
    position: relative;
  }
  .desktop {
    visibility: hidden;
    display: none;
  }
  .mobile {
    visibility: visible;
    display: block;
    font-size: 1.3em;
    font-weight: 400;
  }
  .tdata{
    width: 29%;
  }
  .logo {
    width: 40%;
  }
  #main {
    width: 100%;
  }
  #sidebar-right{
    visibility: hidden;
    clear: both;
    display: none;
  }
  .bold {
    font-size: 2em;
    font-weight: 600;
  }
  .welcome {
    top: 24px;
    font-size: 1.2em;
    font-weight: 600;
  }
  .lang {
    font-size: 1.2em;
    font-weight: 600;
    top: 1%;
    padding-left: 45%;
  }
  .table{
    padding-left: 0%;
    font-weight: 400;
    font-size: 0.65em;
  }
  #header {
    height: 11%;
  }


  
  #main p, div, span, label {
    font-size: 0.65em;
  }
  ul li, ol li {
   font-size: 0.65em; 
  }

  h1,h2, h3, h4{
    font-size: .75em;
  }
  .custom {
    height: 1800px;
  }
}
@media only screen and (max-width: 320px) {
  #sidebar-left {
    visibility: hidden;
    clear: both;
    float: left;
    /*margin: 10px auto 5px 20px;*/
    /*width: 28%;*/
    display: none;
  }
  .desktop {
    visibility: hidden;
    display: none;
  }
  .mobile {
    visibility: visible;
    display: block;
    font-size: 1em;
    font-weight: 400;
  }
  .tdata{
    width: 29%;
  }
  .logo {
    width: 40%;
  }
  #header {
    height: 15%
  }
  #header a img{
    padding-left: 0%;
    margin-top: 0.5%;
    margin-bottom: 0.5%;
    z-index: 1081;
    position: relative;
  }
  #main {
    width: 100%;
  }
  #sidebar-right{
    visibility: hidden;
    clear: both;
    display: none;
  }
  .bold {
    font-size: 1.5em;
    font-weight: 600;
  }
  .welcome {
    top: 24px;
    font-size: 1.2em;
    font-weight: 600;    
  }
  .lang {
    font-size: 1.2em;
    font-weight: 600;
    top: 1%;
    padding-left: 45%;
  }
  .table {
    padding-left: 0%;
    font-weight: 400;
    font-size: 0.5em;
  }
  ul li, ol li {
    font-size: 0.5em;  
  }
  #main p, div, span, label {
    font-size: 0.5em;
  }

  h1,h2, h3{
    font-size: .6em;
  }
  .custom {
    height: 1820px;
  }
}



.cookies-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #000;
    color: #fff;
    padding: 3px 30px;
    font-size: 0.9em;
    font-weight: 400;
    z-index: 100;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cookies-container .btn-container {
    text-align: center;
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 2.3vw;
}

.cookies-container .btn-container a {
    background: #fff;
    color: #000;
    padding: 10px 40px;
    border-radius: 1px;
}
.disableClass {
  pointer-events: none;
}