@font-face {
    font-family: 'pp_editorial_oldregular';
    src: url('../fonts/ppeditorialold-regular-webfont.woff2') format('woff2'),
         url('../fonts/ppeditorialold-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bentonsansregular';
    src: url('../fonts/bentonsans_regular-webfont.woff2') format('woff2'),
         url('../fonts/bentonsans_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gt_walsheim_probold';
    src: url('../fonts/gt-walsheim-pro-bold-webfont.woff2') format('woff2'),
         url('../fonts/gt-walsheim-pro-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gt_walsheim_promedium';
    src: url('../fonts/gtwalsheimpro-medium-webfont.woff2') format('woff2'),
         url('../fonts/gtwalsheimpro-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.container {max-width: 100%; padding:0;}
a, a:hover {text-decoration: none;}

body {font-family: 'pp_editorial_oldregular'; font-size:18px;	line-height:140%;	letter-spacing:0;	color:#a97517; padding:20px 40px 30px;}
h1, h2,h3 {font-family: 'gt_walsheim_probold';}
h1 {font-size: 30px;}
h2 {font-size: 24px; display:block; margin-bottom:24px!important;}
ul{padding:0}

.title,
.header-nav,
.footer-nav {font-family: 'gt_walsheim_promedium';}

/*** Header ***/
.header-bar {display:flex; flex-wrap: wrap; background:url(../img/line.png) repeat-x;}
.header-bar .title {flex: auto;	font-size: 22px; color:#878787; text-align: left;}
.header-bar .title span {background:#fff; padding-top:11px; padding-right: 6px; display: inline-block;}
.header-bar .logo {flex: inherit;}
.header-bar .logo img{background:#fff; padding-left:8px;}

.header-nav {margin:12px 0 8px; display: flex; text-align: center;}
.header-nav li {list-style:none; font-size:20px; flex: 1; padding: 0 10px 10px; display: flex;}
.header-nav li a {padding:8px 4px; color:#878787; }
.header-nav li a:hover,
.header-nav li.active a{color:#000;}
.header-nav li:first-child,
.header-nav li:first-child a {padding-left:0;}
.header-nav li:last-child {display: contents;}
.header-nav li:last-child a {padding-right:0; }

/*** Content ***/
#tab-a {background-color: #DAFBFF;}
#tab-a .wrap {max-width:560px;}
#tab-b {background-color: #F1EBDB;}
#tab-b .wrap {max-width:640px;}
#tab-c {background-color: #F8F5EC;}
#tab-c img {width:100%; max-width:1600px;}

#tab-d {background: #D6C1FF url("../img/bg-d.jpg") center center no-repeat; background-size: contain;}
#tab-d .wrap {max-width:560px; color:#000;}

#tab-e {background: #000 url("../img/bg-e.jpg") bottom center no-repeat; background-size: cover;}
#tab-e .wrap {max-width:920px; color:#fff;}

#tab-f {background: #000 url("../img/bg-f.jpg") center center no-repeat; background-size: cover;}
#tab-f .wrap {max-width:750px; color:#fff;}
#tab-f h3 {padding-top: 20px; padding-bottom: 20px; font-weight: 600; font-family: 'pp_editorial_oldregular';}

#tab-g {background: #000 url("../img/bg-g.jpg") center center no-repeat; background-size: cover;}
#tab-g .wrap {max-width:650px; color:#fff;}

#tab-h {background: #F8F5EC;}
#tab-h .wrap {max-width:700px;}
#tab-h .pink {color:#d700ec;}
#tab-h .blue {color:#0049ec;}
#tab-h .green {color:#0a7702;}

#tab-i {background: #F2EBDB url("../img/bg-i.jpg") center center no-repeat; background-size: contain;}
#tab-i .wrap {max-width:680px;}

#tab-j {background: #FFAFAF;}
#tab-j .wrap {max-width:600px; color:#000;}
#tab-j a {color:#000;}

#tab-k {background: #FEFFD6;}
#tab-k .wrap {max-width:600px;}

#tab-l {background: #D6C1FF url("../img/bg-l.jpg") center center no-repeat; background-size: cover;}
#tab-l .wrap {max-width:900px; color:#fff;}

#tab-m {background: #DAFBFF url("../img/bg-m.jpg") center center no-repeat; background-size: contain;}
#tab-m .wrap {max-width:600px;}

#tab-n {background: #C8F9C5;}
#tab-n .wrap {max-width:540px; color:#000;}

#tab-o {background: #F2EBDA url("../img/bg-o.jpg") center center no-repeat; background-size: contain;}
#tab-o .wrap {max-width:750px;}

#tab-p .wrap {max-width:990px; color:#fff;}

#tab-q {background: #000 url("../img/bg-q.jpg") center center no-repeat; background-size: cover;}
#tab-q .wrap {max-width:700px; color:#fff;}

#tab-r .wrap {max-width:600px; color:#fff;}

#tab-s {background: #B7FFB2;}
#tab-s .wrap {max-width:600px; color:#000;}

#tab-t {background: #F8F5EC;}
#tab-t .wrap {width:90%;}
#tab-t h3 {padding-top:40px; padding-bottom:20px; font-size:22px; font-weight:600; font-family: 'pp_editorial_oldregular';}

#tab-u {background: #FEFFD6;}
#tab-u .wrap {max-width:500px; color:#000;}

#tab-v {background: #DAFBFF;}
#tab-v .wrap {width:100%;}
#tab-v .wrap p {max-width:900px; margin:0 auto;}
#tab-v .carousel {padding-top:40px;}
#tab-v span {font-size:18px; font-weight:500; padding-top:16px; display:block; font-family: 'pp_editorial_oldregular';}
#tab-v h3 {font-family: 'pp_editorial_oldregular'; font-weight:600; font-size:22px;}

#tab-w {background: #FFC1E5; color:#000;}
#tab-w .text {max-width:560px; margin:0 auto;}
#tab-w .w-nav {padding-top:30px;}
#tab-w .w-nav span {list-style:none; display:inline-block; padding:10px 24px; text-decoration:underline;}
#tab-w .w-nav span a {padding:5px; color:#000;}
#tab-w .w-nav span a:hover {color:#a97517;}

#tab-r,
#tab-x {background-color: #000; z-index:-2}
#tab-x .wrap {max-width:720px; color:#fff;}

#tab-y {background: #F1EBDB;}
#tab-y .wrap {width:100%;}
#tab-y p.subtitle {font-size: 22px; padding-bottom:40px;}
#tab-y .carousel-inner {max-width:800px; margin: 0 auto; min-height:250px;}
#tab-y span {font-family: 'bentonsansregular'; font-size:18px; font-weight:700;}

#tab-z {background: #000 url("../img/bg-z.jpg") center center no-repeat; background-size: cover;}
#tab-z .wrap {max-width:740px;}
#tab-z a {color:#a97517;}

#tab-p,
#tab-r,
#tab-x {overflow:hidden;}

/*** Common Content ***/
#tab-intro.tab-content {padding:0!important;}
.tab-content {min-height:74vh; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 60px; text-align: center;}
.tab-content h2 {text-transform: uppercase;}
.tab-content video {position:absolute; z-index:-1; width:100%; top:0; left:0}
.carousel-item p {font-family: 'bentonsansregular'; font-size:16px; line-height:130%;}

.bio {position:relative; max-width:500px; margin:0 auto;}
.bio p {opacity:0; position:absolute; top:0; width:100%; font-family: 'bentonsansregular'; font-size: 16px; line-height: 130%}
.bio:hover p {opacity:1; transition:0.5s all;}
.bio:hover img {opacity:0;}
.bio img {transition:0.5s all;}

.sm {display:none;}
.lg {display:block;}
.nav-btn {display: none;}

/*** Footer ***/
.footer-nav {margin:0; padding:26px 0; display:inline-block;}
.footer-nav li {list-style:none; display:inline-block; font-size:20px; color:#000; font-weight: 500;}
.footer-nav li a {padding:0 12px; color:#000;}
.footer-nav li:first-child a {padding-left:0;}
footer .container {display: flex;}
footer .copyright {font-family: 'gt_walsheim_promedium'; color:#000; font-weight:500; padding: 26px 0; margin-left: auto;}

/* Core tab visibility handling */
.tab-hidden {opacity: 0; pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 0;  overflow: hidden;}
.tab-active {opacity: 1; pointer-events: auto; position: relative; height: auto; overflow: visible;}

/*** Nav Slider **/
.nav-wrapper {display: flex; align-items: center; position: relative;}
.nav-scroll {overflow-x: auto; white-space: nowrap; flex: 1; margin:0 25px;
  scrollbar-width: none; /* Hide scrollbar in Firefox */
  -ms-overflow-style: none; /* Hide scrollbar in IE */
}
/* Hide scrollbar in Chrome/Safari */
.nav-scroll::-webkit-scrollbar {display: none;}
.nav-btn {background: #fff; border: none; padding: 0; cursor: pointer; margin-bottom: 8px;}

@media (max-width:768px) {
    body {padding:10px 20px; font-size: 12px;}
    .nav-btn {display: block;}
    h2 {font-size: 15px;}

    #tab-c {background: #f2ebdb;}
    #tab-d {background: #D6C1FF url("../img/bg-d-m.jpg") center center no-repeat; background-size: contain;}
    #tab-f {background: #F8F5EC; background-image: none;}
    #tab-f .wrap {color: #a97517;}
    #tab-g {background: #000000 url("../img/bg-g-m.jpg") center center no-repeat; background-size: cover;}
    #tab-i {background: #F2EBDB url("../img/bg-i-m.jpg") center center no-repeat; background-size: contain;}
    #tab-l {background: #000000 url("../img/bg-l-m.jpg") center center no-repeat; background-size: cover;}
    #tab-m {background: #DAFBFF url("../img/bg-m-m.jpg") center center no-repeat; background-size: contain;}
    #tab-o {background: #F2EBDA url("../img/bg-o-m.jpg") center center no-repeat; background-size: contain;}
    #tab-z {background: #000 url("../img/bg-z-m.jpg") center center no-repeat; background-size: cover;}

    .bio img {max-width:100%;}
    #tab-t {padding-left:0; padding-right:0;}
    #tab-f h3,
    #tab-t h3,
    #tab-v h3,
    #tab-v span,
    #tab-y span {font-size:13px;}
    #tab-v.tab-content,
    #tab-y.tab-content {padding-left: 0; padding-right: 0;}
    #tab-v .carousel-inner,
    #tab-y .carousel-inner {width: calc(100% - 100px); margin: 0 auto;}
    #tab-w .w-nav span {display:block;}

    .tab-content {min-height:500px; padding:20px;}
    .tab-content video {height: 100%; width: auto;}
    #tab-r .tab-content video,
    #tab-x .tab-content video {width: 100%; height: auto;}

    .header-bar {background: none;}
    .carousel-item p {font-size:13px; }
    .bio p {line-height:110%;}
    .bio p,
    .carousel-item p {font-size:12px;}
    .sm {display:block;}
    .lg {display:none;}
    svg,
    svg image {height:100px; width: 100px;}

    footer .container {display:block; text-align: center;}
    footer .footer-nav {padding-bottom:15px;}
    footer .copyright {width:100%; display:block; padding: 10px 0;}
}