/*
Theme Name: The Peech by simplr.co.za
Theme URI:
Description:
Version: 2.0
Author: Eugene Cilliers
*/
/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
* { box-sizing: border-box; }

html { color: #5F5E5E; font-size: 1.1em; line-height: 1.5; }

body { -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); font-family: 'Lato', sans-serif; background-size: 100%; background-color: #8e8169; /* background: radial-gradient(at center, #8e8169, #A08E6E); */ }

::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

hr { display: block; height: 1px; border: 0; height: 21px; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 100%); margin: 0; padding: 0; }

audio, canvas, iframe, img, svg, video { vertical-align: middle; }

fieldset { border: 0; margin: 0; padding: 0; }

textarea { resize: vertical; }

/* p strong em { color: #7A002F; font-style: normal; } */

.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ========================================================================== Author's custom styles ========================================================================== */
/* Preloader */
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 99999; }

/* Barba reset */
.barba-container { opacity: 1 !important; }

/* Layout Helpers */
.upper { text-transform: uppercase; }

.w100 { width: 100%; }

.w40 { width: 40%; }

.w50 { width: 50%; }

.w60 { width: 60%; }

.w70 { width: 70%; }

.relative { position: relative; }

.absolute { position: absolute; }

.fixed { position: fixed !important; }

.z-1 { z-index: 1; }

.z-2 { z-index: 2; }

.z-3 { z-index: 3; }

.container-f { width: 100%; padding: 0 14vw; }

.container-wide { width: 100%; padding: 0 8.5vw; }

.container-left { width: 100%; padding: 0 0 0 14vw; }

.container-right { width: 100%; padding: 0 14vw 0 0; }

.container-left-half { padding-left: 40px; }

.container-right-half { padding-right: 40px; }

.inner { /* max-width: 1400px; */ margin: 0 auto; /*width: 86vw;*/ }

.inner-lg { max-width: 1400px; margin: 0 auto; }

.inner-sm { max-width: 460px; }

.inner-half { width: 42vw; }

.inner-half-2 { width: calc(43vw - 80px); }

.list-unstyled { padding: 0; margin: 0 0 30px 0; list-style: none; }

.list-unstyled li { margin: 7px 0; line-height: 1.2; }

.float-right { float: right; }

.text-right { text-align: right; }

.p-fix { padding-top: 1px; padding-bottom: 1px; }

.padding { padding: 80px; }

.padding-0 { padding: 0 !important; }

.padding-right { padding-right: 80px; }

.padding-left { padding-left: 80px; }

.padding-right-half { padding-right: 40px !important; }

.padding-left-half { padding-left: 40px !important; }

.padding-top { padding-top: 80px; }

.padding-top-0 { padding-top: 0px !important; }

.padding-top-sm, .padding-top-half { padding-top: 40px; }

.padding-top-quarter { padding-top: 20px; }

.padding-bottom { padding-bottom: 80px; }

.padding-bottom-0 { padding-bottom: 0 !important; }

.padding-bottom-sm, .padding-bottom-half { padding-bottom: 40px; }

.padding-top-fix { padding-top: 1px; }

.padding-bottom-fix { padding-bottom: 1px; }

.margin { margin: 80px; }

.margin-half { margin: 40px; }

.margin-top { margin-top: 80px; }

.margin-top-sm, .margin-top-half { margin-top: 40px; }

.margin-bottom-sm, .margin-bottom-half { margin-bottom: 40px; }

.margin-left { margin-left: 80px; }

.margin-right { margin-right: 80px; }

.margin-left-half { margin-left: 40px; }

.margin-right-half { margin-right: 40px; }

.margin-bottom-10 { margin-bottom: 10px; }

.margin-bottom-0 { margin-bottom: 0px !important; }

.margin-bottom-30 { margin-bottom: 30px; }

.margin-minus-top { margin-top: -80px; }

.containerX2 { padding: 0 120px; }

.overflow-hidden { overflow: hidden; }

.max-width-10 { max-width: 10%; }

.max-width-20 { max-width: 20%; }

.max-width-30 { max-width: 30%; }

.max-width-40 { max-width: 40%; }

.max-width-50 { max-width: 50%; }

.max-width-60 { max-width: 60%; }

.max-width-70 { max-width: 70%; }

.max-width-80 { max-width: 80%; }

.max-width-90 { max-width: 90%; }

.max-width-small { max-width: 570px; }

.max-width-xs { max-width: 490px; }

.max-width-md { max-width: 640px; }

.margin-auto { margin: 0 auto; }

.min-height-100vh { min-height: 100vh; }

.min-height-60vh { min-height: 60vh; }

.inline-block { display: inline-block; }

.flex { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;}

.flex-direction-column { flex-direction: column; }

.flex-end { align-items: flex-end; -webkit-box-align: end;
         -ms-flex-align: end;}

.justify-center { justify-content: center; -webkit-box-pack: center;
         -ms-flex-pack: center;}

.justify-end { justify-content: flex-end; -webkit-box-pack: end;
         -ms-flex-pack: end;}

.align-center { align-items: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center;}

.align-bottom { align-items: flex-end; }

.align-self-center { align-self: center; }

.align-self-end { align-self: flex-end; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.space-around { justify-content: space-around; }

.space-between { justify-content: space-between; }

.flex-1 { flex: 1; }

.flex-2 { flex: 2; }

.flex-3 { flex: 3; }

.flex-4 { flex: 4; }

.flex-5 { flex: 5; }

.flex-6 { flex: 6; }

.flex-1-overlap { width: calc(50% + 30px); }

.bg-white { background-color: #fff; }

.h100 { height: 100vh; }

.h130 { height: 130vh; }

.h100p { height: 100%; }

.position-sticky { position: sticky; top: 0; }

.top-60 { top: 60px; }

.background-cover, .cover { background-size: cover; }

.v-hidden { visibility: hidden; }

.overflow-y-scroll { overflow-y: scroll; }

h1 { color: #fff; font-size: 11vw; line-height: 0.8; text-transform: uppercase; margin: 0; font-weight: normal; }

.text-light { color: #fff; }

h2 { font-size: 52px; line-height: 48px; color: #fff; margin: 0 0 30px; font-weight: normal; }

h3 { font-size: 20px; line-height: 35px; color: #ffffff; margin-bottom: 10px; margin-top: 0; font-weight: normal; }

h4 { font-size: 18px; line-height: 26px; color: #FCC917; margin-bottom: 20px; margin-top: 10px; font-weight: 600; letter-spacing: 0.4px; font-weight: normal; }

h5 { padding: 0; margin: 0 0 10px 0; font-weight: 300; font-size: 16px; line-height: 20px; color: #fff; font-weight: normal; }

h6 { padding: 0; margin: 0 0 10px 0; font-weight: 300; font-size: 16px; line-height: 20px; color: #fff; font-weight: normal; }

.intro { font-size: 21px; }

.text-light h3 { color: #ffffff; }

img { max-width: 100%; }

section { padding: 60px 0; background-size: cover; }

.hero-section { /* background-color: #0A214F; */ background-size: 100%; background-position: top; /* background: radial-gradient(at 50% center, rgba(8, 47, 121, 0.8), #0a214fc7); */ /* background: -webkit-linear-gradient(top, rgba(177, 124, 27, 0.42) 0%, rgba(255, 255, 255, 0) 100%); */ position: relative; z-index: 2; /* min-height: 50vh; */ display: flex; align-items: center; }

.hero-section p { font-size: 18px; opacity: 0.9; margin-bottom: 0; }

.hero-section p span { color: #ffffff; }

/*.lazyload {width: 100%; transition: opacity 0.4s; opacity: 1}*/
/* Animation */
.pin-it { top: 0 !important; bottom: 0 !important; }

.pin-section { height: 100vh; }

.delay-2 { transition-delay: 0.1s !important; }

.delay-3 { transition-delay: 0.2s !important; }

.delay-4 { transition-delay: 0.3s !important; }

.zoom-section-container { overflow: hidden; background-size: cover; background-repeat: no-repeat; /*image-rendering: pixelated;*/ }

.lazyloaded .animate-zoom-section { opacity: 1 !important; transition: opacity 0.3s ease-out; }

.lazyloaded .animate-zoom-section.zoom-in { opacity: 0 !important; }

.translate-y-20 { transform: translateY(20px); }

.translate-y-40 { transform: translateY(40px); }

.translate-y-60 { transform: translateY(60px); }

.animate-section { transform: translate3d(0, 40px, 0px) scaleY(0.8); transform-origin: center bottom; opacity: 0; transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1); transform-style: preserve-3d; }

.animate-section.animate-in { transform: translate3d(0, 0, 0) scaleY(1); opacity: 1; }

.animate-section-time { transform: translate3d(0, 40px, 0px) scaleY(0.8); transform-origin: center bottom; opacity: 0; transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1); transform-style: preserve-3d; }

.animate-section-time.animate-in { transform: translate3d(0, 0, 0) scaleY(1); opacity: 1; }

.animate-section-2 { perspective: 500; }

.opacity-transition { opacity: 0; }

/* Home */
.landing-page { overflow: hidden; }

.bg { background-color: #0A214F; background-size: 100%; background-position: top; background: radial-gradient(at 50% top, #072e7b, #0a214f); }

.landing-page { background-color: #0A214F; background: radial-gradient(at 50% bottom, #072e7b, #0a214f); }

.backdrop-wrapper { overflow: hidden; }

.backdrop-container { position: relative; /*display: none */ z-index: 2; opacity: 0.3; overflow: hidden; width: 143.5%; transform: translate(-16%, -18%); mix-blend-mode: multiply; }

.backdrop img { display: block; }

.container-home-right { position: absolute; height: 100vh; top: 0; right: 7vw; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; }

.logo-home { width: 78vw; margin-bottom: 0; position: relative; z-index: 2; }

.logo-home img { display: block; width: 100%; }

.report-holder { /* display: flex; */ width: 100%; }

.report_title { width: 24vw; margin-left: 27.4vw; mix-blend-mode: inherit; position: relative; align-self: flex-start; z-index: 2; flex: 1; margin-bottom: -5vw; }

.report_title img { display: block; width: 100%; }

.scroll-down { display: flex; color: #fff; font-size: 17px; position: relative; z-index: 2; margin-right: 7vw; justify-content: flex-end; flex: 1; }

.scroll-down .scroll-down-spinner { width: 4vw; width: 55px; }

.scroll-down svg { display: block; width: 100%; }

.scroll-down a { /* align-self: flex-start; */ position: relative; letter-spacing: 1px; margin-right: 20px; margin-top: 17px; }

.scroll-down a:after { content: ''; display: block; position: relative; z-index: 888; left: 0; bottom: -2px; height: 1px; width: 0; background: #fff; transition: all 0.2s ease-in-out; opacity: 0.8; }

.scroll-down a:hover:after { width: 100%; transition: all 0.2s ease-in-out; }

.scroll-down-line { display: block; width: 2px; height: 7.3vw; background: #D0AD53; background: -webkit-linear-gradient(top, #D0AD53 0%, #FBE0B0 50%, #D0AD53 100%); margin: 20px auto 0 auto; position: relative; right: -1px; }

.bg-patern { background-image: url(img/bg.svg); background-size: 130%; background-position: 40% -60px; background-repeat: no-repeat; }

video.video-background { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100vh; overflow: hidden; object-fit: cover; font-family: object-fit\:cover; }

.hero-bg-holder { opacity: 0.7; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100vh; z-index: 1; background: rgba(10, 37, 83, 0.9); background: -webkit-linear-gradient(top, #0a2553 0%, #0a2553 50%, #804700 100%); mix-blend-mode: hard-light; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .hero-bg-holder { background-size: cover !important; } }

.touch .hero-bg-holder { background-attachment: inherit !important; }

.section-slide { height: 100vh; color: #fff; }

.section-slide h1 { opacity: 0; transition: all 0.6s; transition-delay: 0s; transform: translateY(-60px); }

.active .section-slide h1 { opacity: 1; transition-delay: 1s; transform: translateY(0); }

.bg-multiply { opacity: 0; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; top: 0; mix-blend-mode: hard-light; opacity: 0.9; background: #0a2553; transition: all 0.6s; transition-delay: 0s; }

.fp-section .bg-multiply { opacity: 0; }

.fp-section.active .bg-multiply { opacity: 0.9; transition-delay: 0.6s; }

.bg-image { background-size: 100%; background-size: cover; position: absolute; left: 0; right: 0; bottom: 0; top: 0; }

.section-slide-text { padding: 60px 45px 15px 15px; opacity: 0; transition: all 0.6s; transition-delay: 0s; transform: translateY(60px); }

.active .section-slide-text { opacity: 1; transition-delay: 1.2s; transform: translateY(0); }

.section-slide-text-2 { padding-left: 0; padding-top: 10px; padding-left: 10px; max-width: 40vw; }

.cta-arrow { line-height: 40px; font-size: 14px; transition: color 0.6s; }

.cta-arrow i { width: 40px; display: inline-block; position: relative; top: -1px; margin-right: 15px; }

.cta-arrow i svg { width: 100%; }

.cta-arrow i svg polygon { fill: #fff; transition: all 0.5s; }

.cta-arrow i svg circle { stroke: #fff; transition: all 0.5s; }

.cta-arrow:hover i svg polygon { fill: #fff; }

.cta-arrow:hover i svg circle { stroke: transparent; }

.cta-arrow span { position: relative; }

.cta-arrow span:after { content: ''; display: block; position: absolute; z-index: 888; left: 0; bottom: -4px; right: 0; height: 1px; width: 0; background: #fff; transition: all 0.2s ease-in-out; opacity: 0.8; }

.cta-arrow:hover span:after { width: 100%; transition: all 0.2s ease-in-out; }

/* Nav */
.nav-title { flex: 1; color: #fff; font-size: 13px; word-spacing: 2px; letter-spacing: 0.3px; text-align: left; margin-left: 60px; }

.nav-logo { margin-left: 60px; }

.nav-logo img { width: 100%; max-width: 240px; float: right; }

.nav-container { top: 0; left: 0; right: 0; z-index: 6; display: flex; align-items: center; width: 100%; padding: 26px 10vw; }

.nav-menu-container { cursor: pointer; margin-left: 20px; position: relative; top: -5px; width: 54px; }

.nav-menu-container:before { content: ''; position: absolute; display: block; height: 26px; width: 2px; left: 10px; top: -32px; background: #D0AD53; background: -webkit-linear-gradient(top, #D0AD53 0%, #FBE0B0 50%, #D0AD53 100%); }

.nav-menu-container:after { content: ''; position: absolute; display: block; height: 26px; width: 2px; left: 10px; top: 36px; background: #D0AD53; background: -webkit-linear-gradient(top, #D0AD53 0%, #FBE0B0 50%, #D0AD53 100%); }

.nav-menu-container span { height: 2px; background: #D0AD53; background: -webkit-linear-gradient(left, #D0AD53 0%, #FBE0B0 50%, #D0AD53 100%); display: block; font-weight: 900; overflow: hidden; position: relative; margin: 6px 0; transition: all 0.2s; }

.nav-menu-container span.mline-1 { width: 54px; transform-origin: top left; }

.nav-menu-container span.mline-2 { width: 44px; }

.nav-menu-container span.mline-3 { width: 30px; transform-origin: bottom left; }

.nav-menu-container.open span { height: 2px; background: #D0AD53; background: -webkit-linear-gradient(left, #D0AD53 0%, #FBE0B0 50%, #D0AD53 100%); display: block; font-weight: 900; overflow: hidden; position: relative; top: 2px; margin: 6px 0; }

.nav-menu-container.open span.mline-1 { width: 30px; transform: rotate(45deg); top: -2px; left: 1px; }

.nav-menu-container.open span.mline-2 { width: 0; opacity: 0; }

.nav-menu-container.open span.mline-3 { width: 30px; transform: rotate(-45deg); bottom: -2px; left: 1px; }

.nav-menu-container i { font-size: 13px; display: inline-block; margin-left: 10px; font-weight: 900; line-height: 1vw; overflow: hidden; height: 0.9vw; position: absolute; top: 8px; left: -63px; font-style: normal; }

.nav-menu-container i b { display: block; font-weight: 900; transition: all 0.3s; color: #D1AD55; -webkit-text-fill-color: transparent; background: -webkit-linear-gradient(left, #D1AD55 0%, #FDE5B6 50%, #E3C37E 100%); -webkit-background-clip: text; background: -o-linear-gradient(transparent, transparent); }

.b-open { position: relative; /*top: -11px;*/ transform: translate(0%, 0) matrix(1, 0, 0, 1, 0, 0); }

.b-close { position: relative; /*top: -11px;*/ transform: translate(0%, 0) matrix(1, 0, 0, 1, 0, 0); }

.open .b-open { transform: translate(0%, -100%) matrix(1, 0, 0, 1, 0, 0); }

.open .b-close { transform: translate(0%, -100%) matrix(1, 0, 0, 1, 0, 0); }

.nav-opener { top: 0; right: 0; left: 0; bottom: 0; z-index: 5; opacity: 0; padding: 69px 4vw 0 0; padding: 69px 10vw 0 0; visibility: hidden; transition: opacity 0.5s, visibility 0s 0.5s; }

.nav-opener.open { top: 0; right: 0; bottom: 0; z-index: 5; visibility: visible; transition: opacity 0.5s; opacity: 1; background: rgba(141, 128, 104, 0.9); }

body.opened { overflow: hidden; }

.nav-list { position: relative; right: -98px; width: 164px; float: right; }

.nav-list ul { margin: 0; padding: 0; transform: translateY(30px); }

.nav-opener-home .nav-list ul { opacity: 0; visibility: hidden; }

.nav-opener-home { background-color: transparent !important; left: auto; }

.nav-list ul li { color: #fff; list-style: none; line-height: 1.1; position: relative; width: 100%; }

.nav-opener.open .nav-list ul li { opacity: 1; transition: all 0.4s; }

.nav-list ul li:before { content: ''; height: 25px; width: 2px; display: block; background: #d1af57; background: linear-gradient(0deg, #d1af57 0%, #fee5b7 50%, #d1af57 100%); position: relative; left: 20px; }

.nav-list ul li:first-child:before { /*display: none;*/ visibility: hidden; }

.nav-list ul li a { font-size: 14px; color: #fff; display: flex; align-items: center; transition: color 0.4s; padding: 10px 0; position: relative; }

.nav-list ul li:hover > a, .nav-list > ul > li.current > a { color: #d6b45e; }

/*
.current-1 li.nav-item-1 a {color: #d6b45e;}
.current-2 li.nav-item-2 a {color: #d6b45e;}
.current-3 li.nav-item-3 a {color: #d6b45e;}
.current-4 li.nav-item-4 a {color: #d6b45e;}
.current-5 li.nav-item-5 a {color: #d6b45e;}
*/
.nav-list ul li a i { width: 50px; }

.nav-list ul li a i img { max-height: 35px; }

.nav-list ul li a span { margin-left: 10px; }

.nav-opacity a, .opacitised { opacity: 0.3; }

.transition-wrapper { position: relative; z-index: 1; }

.secondary-listing { margin: 0; padding: 0; }

.secondary-listing > li { opacity: 1; color: #fff; list-style: none; line-height: 1.1; position: relative; margin: 10px 0; }

.nav-list > ul > li:hover li a { color: #fff; }

.secondary-listing > li > a { font-size: 22px; color: #fff; display: flex; align-items: center; transition: color 0.4s; padding: 0px 0; }

.secondary-listing > li:hover a { color: #d6b45e; }

.secondary-listing > li > a i { width: 60px; }

.secondary-listing > li > a i img { max-height: 126px; width: 100%; }

.secondary-listing > li > a span { margin-left: 15px; display: block; width: 100%; padding: 15px 0; }

.secondary-listing > li:last-child > a span { /* border-bottom: 1px solid white; */ }

/*Deck of cards */
.breadcrumb { z-index: 3; width: 100%; /* background-color: rgba(255, 255, 255, 0.15); */ padding-top: 15px; padding-bottom: 15px; padding-right: 10vw; position: absolute; box-shadow: 0 0 30px transparent; /* border-top: 1px solid #cdb587; */ border-bottom: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.3s; }

.breadcrumb-inner { display: flex; align-items: center; }

.breadcrumb.affix { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 9; background: #BF8D3F; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }

.breadcrumb-height-fix { height: 61px; }

.breadcrumb-inner .nav-menu-container { flex: inherit; float: right; }

.breadcrumb-menu { flex: 1; }

.breadcrumb-menu .nav-menu-container { width: 54px; opacity: 0; top: -1px; }

.breadcrumb.affix .breadcrumb-menu .nav-menu-container { margin-left: 0; opacity: 1; }

.breadcrumb-menu .nav-menu-container i { transform-origin: center left !important; }

.breadcrumb-menu .nav-menu-container:before, .breadcrumb-menu .nav-menu-container:after { display: none; }

.add-to-report { margin-left: 17px; cursor: pointer; color: #ffffff; font-size: 10px; line-height: 1; position: relative; bottom: -1px; background: #BF8D3F; padding: 7px 12px; border-radius: 3px; transition: all 0.3s; }

.add-to-report:before { content: ''; position: absolute; left: -5px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #BF8D3F; transition: all 0.3s; }

.add-to-report i { width: 9px; display: inline-block; margin-right: 8px; position: relative; top: -1px; }

.add-to-report i img { width: 9px; height: 9px; }

.add-to-report:hover { background-color: #e1c177; }

.add-to-report:hover:before { border-right: 5px solid #e1c177; }

.breadcrumb ul { list-style: none; margin: 0; padding: 0; position: relative; top: -2px; }

.breadcrumb ul li { color: #dad7d4; font-size: 12px; line-height: 1; display: inline-block; text-transform: uppercase; line-height: 1; }

.breadcrumb ul li:after { content: ''; width: 4px; height: 4px; border-radius: 5px; background-color: #e4e4e4; margin: 0 16px 0 20px; display: inline-block; position: relative; top: -3px; }

.breadcrumb ul li:last-child:after { display: none; }

.breadcrumb ul li a { position: relative; color: #f8f9fa; font-size: 11px; line-height: 1; }

.breadcrumb ul li a:after { content: ''; display: block; position: absolute; z-index: 888; left: 0; bottom: -3px; height: 1px; width: 0%; background: rgba(255, 255, 255, 0); transition: all 0.3s ease-in-out; opacity: 0.8; }

.breadcrumb ul li a:hover:after { width: 100%; transition: all 0.2s ease-in-out; background: rgba(255, 255, 255, 0.4); }

.back-home { position: relative; cursor: pointer; color: #fff !important; align-items: center; }

.back-home span { position: relative; }

.back-home span img { width: 18px; }

.back-home span:before { content: ''; display: block; position: absolute; z-index: 888; left: 0; bottom: -3px; height: 1px; width: 0%; background: rgba(255, 255, 255, 0); transition: all 0.3s ease-in-out; opacity: 0.8; }

.back-home span:hover:before { width: 100%; transition: all 0.2s ease-in-out; background: rgba(255, 255, 255, 0.4); }

/* Front of house */
.f-title { position: absolute; bottom: -140%; left: -60px; text-align: left; z-index: 1; }

.f-list { position: absolute; bottom: 590%; text-align: left; z-index: 2; display: flex; justify-content: center; align-items: center; width: 100%; }

.f-item { position: relative; cursor: pointer; }

.f-item-top { background-color: #fff; width: 16vw; height: 16vw; border-radius: 20vw; border: 2px solid #BF8D3F; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; padding: 20px; background-size: cover; }

.f-item-top h2 { color: #BF8D3F; margin: 0; padding: 0; font-size: 0.7vw; line-height: 0.8vw; }

.f-item-top h3 { color: #BF8D3F; margin: 0; padding: 0; font-size: 0.6vw; line-height: 1vw; }

.f-item-top-inner { max-width: 60%; right: 0; width: 100%; }

.f-item-bottom { background-color: rgba(255, 214, 153, 0.84); /* width: 10vw; */ /* height: 10vw; */ height: 100%; border-radius: 20vw; border: 1px solid #BF8D3F; display: flex; flex-direction: column; justify-content: center; padding: 20px; text-align: center; margin: -30% auto 0 auto; position: absolute; bottom: -30%; left: 0; right: 0; display: none; }

.f-item-1 .f-item-bottom { left: 0; bottom: 0; right: auto; }

.f-item-2 .f-item-bottom { left: 0; bottom: 0; right: auto; }

.f-item-3 .f-item-bottom { left: 0; bottom: 0; right: auto; }

.f-item-bottom h4 { font-family: 'Lato', sans-serif; margin: 10px 0 8px; padding: 0; font-weight: 700; color: #333; font-size: 0.7vw; line-height: 1.1; }

.f-item-bottom p { font-size: 0.6vw; margin: 0 0 10px; padding: 0; color: #333; line-height: 1.2; }

.f-item-3 .f-item-top-inner { right: -20px; position: relative; }

.f-icons { text-align: center; margin: 20px auto; }

.f-icons a { display: inline-block; margin: 0 10px; width: 35px; }

.f-icons a svg { width: 100%; height: 100%; margin-bottom: 0 !important; }

.path-g-to-blue { fill: #89724B; transition: fill 0.3s; }

.f-icons a:hover .path-g-to-blue { fill: #0A214F; }

.f-about { transition: background-color 0.4s; position: absolute; bottom: -457%; right: 27.8%; z-index: 1; border-radius: 100px; background-color: #ffffff; color: #0A214F; border: 2px solid #0A214F; width: 8vw; height: 8vw; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; line-height: 0.96; }

.f-about i { width: 2.2vw; }

.f-about span { font-size: 0.9vw; margin-top: 8px; font-weight: 600; }

.f-about:hover { background-color: #BF8D3F; }

/*Deck of cards */
.cardWrapper { position: relative; cursor: pointer; margin-bottom: 15px; }

.cardWrapper img { width: 100%; }

.cardWrapper-holder { width: 100%; visibility: hidden; }

.cardFace { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; }

.cardFace.back { z-index: 2; }

/* Global Presence */
.global-nav { z-index: 3; width: 100%; padding-top: 2px; padding-bottom: 5px; padding-right: 10vw; position: absolute; box-shadow: 0 0 30px transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-top: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.3s; background: -webkit-linear-gradient(left, rgba(254, 254, 254, 0.07) 0%, rgba(7, 46, 114, 0) 70%); }

.global-nav.affix { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 9; background: -webkit-linear-gradient(left, #0b3c82 0%, #082a6d 70%); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); transition: all 0.5s; }

.global-inner { display: flex; align-items: center; }

.global-height-fix { height: 58px; }

.global-nav.affix { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 9; background: #BF8D3F; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }

.global-inner .nav-menu-container { flex: inherit; }

.global-menu { overflow: hidden; flex: 1; }

.global-menu .nav-menu-container { margin-left: -140px; opacity: 0; transition: all 0.4s ease-out; float: right; margin-top: 8px; }

.global-nav.affix .global-menu .nav-menu-container { margin-left: 0; opacity: 1; }

.global-menu .nav-menu-container i { transform-origin: center left !important; }

body.opened .global-nav ul { opacity: 0; }

body.opened .global-nav { background: transparent; box-shadow: none; }

.global-nav ul { list-style: none; margin: 0; padding: 0; }

.global-nav ul li { display: inline-block; text-transform: uppercase; line-height: 1; margin-right: 30px; }

.global-nav ul li a { transition: color 0.3s; position: relative; color: #f8f9fa; font-size: 12px; line-height: 1; padding-top: 18px; padding-bottom: 17px; display: inline-block; letter-spacing: 0.5px; }

.global-nav ul li a:after { content: ''; display: block; position: absolute; z-index: 888; left: 0; bottom: 12px; height: 1px; width: 0%; background: rgba(255, 255, 255, 0.4); transition: all 0.3s ease-in-out; opacity: 0.8; }

.global-nav ul li.active a { color: #ffffff; }

.global-nav ul li a:hover:after, .global-nav ul li.active a:after { width: 100%; transition: all 0.2s ease-in-out; }

.map { position: fixed; right: 0; width: 100%; top: 0; }

.map-inner { margin-top: 60px; width: 55%; height: 100vh; float: right; }

.map-inner div { height: 100vh; }

.map svg { width: 100%; position: relative; top: 20%; left: 0; transition: all 0.8s ease; opacity: 0.4; transform: scale(1.4); }

.map-1 { fill: #e2b977; }

.map-2 { fill: #be8d3f; }

.map-3 { fill: #e2b977; }

.map-4 { fill: #fff; font-size: 12px; font-weight: normal; opacity: 0; }

.map-5, .map-6 { fill: none; stroke: #fff; opacity: 0; }

.map-6 { stroke-width: 2px; }

.map-1, .map-2, .map-3, .map-4, .map-5, .map-6 { transition: all 0.4s; }

.map g { transition: opacity 0.4s ease; }

/* Group */
.active-group svg { opacity: 1; transform: scale(1.2) translate(26%, -10%); }

.active-group #group path, .active-group #south-africa path, .active-group #latin-america path, .active-group #swaziland path, .active-group #nigeria path { fill: #FFD599; }

.active-group #group text, .active-group #south-africa text, .active-group #latin-america text, .active-group #swaziland text, .active-group #nigeria text, .active-group #group line, .active-group #south-africa line, .active-group #latin-america line, .active-group #swaziland line, .active-group #nigeria line { opacity: 1; }

.active-group #latin-america circle { opacity: 0; }

/* Laten America */
.active-latin-america svg { opacity: 1; transform: scale(1.8) translate(32%, 16%); top: 0; }

.active-latin-america #latin-america path, .active-latin-america #latin-america line { fill: #FFD599; }

.active-latin-america #latin-america text, .active-latin-america #latin-america line, .active-latin-america #latin-america circle { opacity: 1; }

.active-latin-america #africa, .active-latin-america #asia, .active-latin-america #usa { fill: #FFD599; opacity: 0.3; }

/* Nigeria */
.active-nigeria svg { opacity: 1; transform: scale(1.8) translate(12%, 10%); }

.active-nigeria #nigeria path { fill: #FFD599; }

.active-nigeria #nigeria text, .active-nigeria #nigeria line { opacity: 1; }

.active-nigeria #usa, .active-nigeria #south-america, .active-nigeria #asia { opacity: 0.3; }

/* South Africa */
.active-south-africa svg { opacity: 1; transform: scale(1.8) translate(9%, -11%); }

.active-south-africa #south-africa path { fill: #FFD599; }

.active-south-africa #south-africa text, .active-south-africa #south-africa line { opacity: 1; }

.active-south-africa #usa, .active-south-africa #south-america, .active-south-africa #asia { opacity: 0.3; }

/* Swaziland */
.active-swaziland svg { opacity: 1; transform: scale(1.8) translate(7%, -12%); }

.active-swaziland #swaziland path { fill: #FFD599; }

.active-swaziland #swaziland text, .active-swaziland #swaziland line { opacity: 1; }

.active-swaziland #usa, .active-swaziland #south-america, .active-swaziland #asia { opacity: 0.3; }

.active-nodes path { fill: #fff; }

.active-nodes text { opacity: 1; }

.opacity-nodes path { fill: #fff; opacity: 0.1; }

.g-icon-holder { margin-top: 15px; text-align: center; padding: 20px; background-color: rgba(255, 255, 255, 0.02); background-size: 100%; background-position: top; border: 2px solid rgba(255, 255, 255, 0.09); }

.g-icon { width: 35px; margin: 0 auto 10px auto; }

.g-icon img { width: 100%; max-height: 30px; }

.g-icon-holder h3 { font-size: 32px; line-height: 1; margin-bottom: 0px; }

.g-icon-holder p { color: #fff; margin-bottom: 0; padding-bottom: 0; font-size: 15px; }

.g-icon-holder p span { display: block; font-size: 15px; }

.chip-container { margin-top: 30px; text-align: center; padding: 60px 0 60px 0; background-size: 100%; }

.chip-container-bg { background-color: #092762; border-top: 2px solid rgba(255, 255, 255, 0.09); background: -webkit-linear-gradient(top, rgba(12, 34, 80, 0.82) 0%, rgba(8, 45, 115, 0.93) 50%, rgba(8, 44, 114, 0) 100%); }

.chip-container h4 { margin: 0 0 20px 0; padding: 0 0 18px 0; }

.chip-container h5 { margin: 0; padding: 18px 0; background: rgba(255, 255, 255, 0.06); border-bottom: 2px solid rgba(255, 255, 255, 0.09); }

.chip-container-2 { margin-top: 30px; text-align: center; padding: 60px 0 60px 0; background-position: top; }

.chip-container-2 h4 { margin: 0 0 20px 0; padding: 0 0 18px 0; }

.chip-container-2 h5 { margin: 0; padding: 18px 0; background: rgba(255, 255, 255, 0.06); border-bottom: 2px solid rgba(255, 255, 255, 0.09); }

.chip-container-2 .chip-col { margin-bottom: 30px; }

.chip-holder { margin-top: 20px; }

.chip-holder h6 { margin-top: 0; }

.chip { margin-top: 10px; position: relative; padding: 0 15px; display: flex; justify-content: space-around; }

.chip img { margin: 0 auto; max-width: 170px; width: 100%; display: block; }

.chip-inner { position: absolute; top: 0; left: 0; width: 100%; display: flex; flex-direction: column; height: 100%; align-items: center; justify-content: center; text-align: center; }

.chip-inner h3 { font-size: 32px; line-height: 1; margin-bottom: 3px; color: #484848; }

.chip-inner p { margin-bottom: 0; line-height: 1; font-size: 14px; color: #666; }

.chip-inner p span { display: block; color: #111; }

.chip-col { background-color: rgba(255, 255, 255, 0.02); padding-bottom: 30px; box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); border: 2px solid rgba(255, 255, 255, 0.09); }

.chip-col small { color: #fff; font-size: 15px; padding-top: 20px; display: inline-block; }

.chip-col small span { color: #FCC917; }

/* Group structure */
.fade-nav { width: 100%; background-color: #08296b; background: -webkit-linear-gradient(left, rgba(254, 254, 254, 0.07) 0%, rgba(7, 46, 114, 0) 70%); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px transparent; }

table.table-1 { border-spacing: 10px; border-collapse: inherit; }

table.table-1 tr td { border: 1px solid #FFD699; padding: 8px 10px; font-size: 14px; line-height: 17px; }

table.table-1 .spacer td { border: none !important; height: 10px; }

.no-border { border: none !important; }

.bg-gold { background-color: #BF8D3F; }

.bg-white { background-color: #fff; color: #0a2457; }

.border-gold { border-color: #BF8D3F !important; }

.bg-blue { background-color: #0A214F; }

.border-blue { border-color: #0A214F !important; }

.highlighted { transition: all 0.4s; }

tr.hover td { transition: all 0.2s; background-color: rgba(254, 254, 254, 0); }

tr.hover:hover td { background-color: rgba(254, 254, 254, 0.1); }

.table-mar { margin-left: 10px; margin-right: 10px; }

.star-link svg { width: 20px; height: 20px; position: relative; top: -2px; }

.star-link svg path { fill: #0A214F; transition: all 0.3s; }

.star-link a:hover svg path { fill: #fff; }

span[data-tooltip] { position: relative; bottom: -1px; display: inline-block; /* width: 15px; */ }

span[data-tooltip]::before, span[data-tooltip]::after { position: absolute; display: none; opacity: 0.95; }

span[data-tooltip]::before { content: attr(data-tooltip); text-transform: uppercase; background: #BF8D3F; color: #fff; font-size: 11px; padding: 6px 20px; border-radius: 5px;  white-space: normal; text-decoration: none; width:300px; word-break: break-word; line-height: 1.5em;}

span[data-tooltip]::after { width: 0; height: 0; border: 6px solid transparent; content: ''; }

span[data-tooltip]:hover::before, span[data-tooltip]:hover::after { display: block; }

/** positioning **/
/* left tooltip */
span[data-tooltip][data-placement="left"]::before { top: -25%; right: 100%; margin-right: 10px; }

span[data-tooltip][data-placement="left"]::after { border-left-color: #BF8D3F; border-right: none; top: 50%; right: 100%; margin-top: -6px; margin-right: 4px; }

/* right tooltip */
span[data-tooltip][data-placement="right"]::before { top: -25%; left: 100%; margin-left: 10px; }

span[data-tooltip][data-placement="right"]::after { border-right-color: #BF8D3F; border-left: none; top: 50%; left: 100%; margin-top: -6px; margin-left: 4px; }

/* top tooltip */
span[data-tooltip][data-placement="top"]::before { bottom: 100%; right: -10px; margin-bottom: 10px; }

span[data-tooltip][data-placement="top"]::after { border-top-color: #BF8D3F; border-bottom: none; bottom: 100%; left: 4px; margin-bottom: 4px; }

/* bottom tooltip */
span[data-tooltip][data-placement="bottom"]::before { top: 100%; left: 0; margin-top: 10px; }

span[data-tooltip][data-placement="bottom"]::after { border-bottom-color: #BF8D3F; border-top: none; top: 100%; left: 10px; margin-top: 4px; }

.table-2 { width: 80%; margin-right: 30px; }

.table-2 td { font-size: 14px; padding: 4px 8px; }

.dot-1 { display: inline-block; width: 10px; height: 10px; background-color: #0b1824; border-radius: 100px; margin-right: 10px; }

.dot-2 { display: inline-block; width: 10px; height: 10px; background-color: #293955; border-radius: 100px; margin-right: 10px; }

.dot-3 { display: inline-block; width: 10px; height: 10px; background-color: #fed698; border-radius: 100px; margin-right: 10px; }

/*
.team-holder:before { content: ''; position: absolute; bottom: -15px; background: #D0AD53; background: -webkit-linear-gradient(left, #D0AD53 0%, #FBE0B0 50%, #D0AD53 100%); height: 4px; display: block; width: 100%; }
*/
.team-holder img { display: block; width: 100%; object-fit: cover; height: 100%; }

.team-bg { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: #b7b7b7; mix-blend-mode: color-burn; opacity: 0.5; }

.team-holder-inner { width: 100%; }

.team-holder-inner ul { margin: 0; padding: 0; height: 0; }

.team-holder-inner ul li { margin: 0; padding: 0; height: 0; }

.hotspot { font-size: 12px; line-height: 1; position: absolute; top: 0; width: 278px; cursor: pointer; opacity: 0; transition: all 0.3s; }

.hotspot:hover { opacity: 1; }

.hotspot img { width: 100%; }

.team-11 .hotspot, .team-1 .team-open { top: 2%; left: 7%; }

.team-11 .hotspot { top: 24.98%; left: 4.7%; width: 275px; }

.team-22 .hotspot { top: 30.3%; left: 26.15%; width: 164px; }

.team-33 .hotspot { top: 33.8%; left: 39.7%; width: 171px; }

.team-3 .hotspot, .team-3 .team-open { top: 8%; left: 27%; }

.team-4 .hotspot, .team-4 .team-open { top: 4.2%; left: 36.5%; }

.team-open-inner { margin: 20px; position: relative; }

.team-open-inner:before { /* content: ''; */ position: absolute; left: 7%; top: -35px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #D0AD53; transition: all 0.5s; }

.top-line { display: block; border: 0; height: 5px; background: #D0AD53; background: -webkit-linear-gradient(left, #D0AD53 0%, #FBE0B0 50%, #D0AD53 100%); margin: 0; padding: 0; }

.bottom-line { display: block; border: 0; height: 5px; background: #D0AD53; background: -webkit-linear-gradient(left, #D0AD53 0%, #FBE0B0 50%, #D0AD53 100%); margin: 0; padding: 0; }

.team-item h3 { font-size: 18px; line-height: 1; padding: 0; margin: 0 0 14px; color: #000; font-weight: normal; }

.team-item h4 { font-size: 12px; line-height: 1; padding: 0; margin: 0 0 10px; color: #BF8D3F; }

.team-item em { font-size: 10px; line-height: 1; padding: 0; margin: 0; color: #000; }

.team-item p { font-size: 13px; line-height: 1.4; padding: 0; margin: 0 0 10px; color: #000; }

.cta-10 { transition: background-color 0.4s; position: absolute; top: -5vw; right: 30%; transform: translateX(-5vw); z-index: 1; border-radius: 100px; background-color: #fff; color: #0A214F; border: 2px solid #0A214F; width: 10vw; height: 10vw; padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; line-height: 0.96; }

.cta-10 i { width: 2.2vw; }

.cta-10 span { font-size: 0.9vw; margin-top: 8px; font-weight: 600; }

.cta-10:hover { background-color: #FFD699; }

.title-overlap { margin-bottom: -48px; position: relative; z-index: 1; }

.title-overlap h2 { display: flex; flex: 1; margin-top: 20px; }

.title-overlap h2 strong:before { content: ''; opacity: 0; display: inline-block; width: 10px; }

.title-overlap h2:before { content: ''; position: relative; bottom: -13px; height: 4px; display: inline-block; width: 14vw; margin-right: 20px; background: #D0AD53; background: -webkit-linear-gradient(left, #D0AD53 0%, #FBE0B0 50%, #D0AD53 100%); }

.title-overlap h2:after { content: ''; position: relative; bottom: -13px; background: #D0AD53; background: -webkit-linear-gradient(left, #D0AD53 0%, #FBE0B0 50%, #D0AD53 100%); height: 4px; display: inline-block; flex: 1; margin-left: 20px; }

.team-holder-2 { position: relative; }

.team-holder-2:after { content: ''; position: absolute; bottom: -3px; background: #D0AD53; background: -webkit-linear-gradient(left, #D0AD53 0%, #FBE0B0 50%, #D0AD53 100%); height: 4px; display: block; width: 100%; }

/*
.team-holder-2:before { content: ''; position: absolute; bottom: -15px; background: #D0AD53; background: -webkit-linear-gradient(left, #D0AD53 0%, #FBE0B0 50%, #D0AD53 100%); height: 4px; display: block; width: 100%; }
*/
.team-holder-2 img { display: block; width: 100%; }

.team-bg { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: #b7b7b7; mix-blend-mode: color-burn; opacity: 0.5; }

.team-holder-2-inner { width: 100%; }

.team-holder-2-inner ul { margin: 0; padding: 0; height: 0; }

.team-holder-2-inner ul li { margin: 0; padding: 0; height: 0; }

.hotspot-2 { font-size: 12px; line-height: 1; position: absolute; top: 0; width: 8.5vw; height: 8.5vw; cursor: pointer; opacity: 0; transition: all 0.3s; }

.hotspot-2:hover { opacity: 1; }

.hotspot-2 img { width: 8.5vw; height: 8.5vw }

.team-1 .hotspot-2, .team-1 .team-open-2 { top: 9%; left: 10.1%; }

.team-2 .hotspot-2, .team-2 .team-open-2 { top: 9%; left: 19.4%; }

.team-3 .hotspot-2, .team-3 .team-open-2 { top: 6%; left: 35%; }

.team-4 .hotspot-2, .team-4 .team-open-2 { top: 6%; left: 41.9%; }

.team-5 .hotspot-2, .team-5 .team-open-2 { top: 6%; left: 49.4%; }

.team-6 .hotspot-2, .team-6 .team-open-2 { top: 7%; left: 62%; }

.team-7 .hotspot-2, .team-7 .team-open-2 { top: 5%; left: 71%; }

.team-8 .hotspot-2, .team-8 .team-open-2 { top: 32%; left: 16%; }

.team-9 .hotspot-2, .team-9 .team-open-2 { top: 28%; left: 26.4%; }

.team-10 .hotspot-2, .team-10 .team-open-2 { top: 22%; left: 31%; }

.team-11 .hotspot-2, .team-11 .team-open-2 { top: 21%; left: 44.7%; }

.team-12 .hotspot-2, .team-12 .team-open-2 { top: 23%; left: 55.9%; }

.team-13 .hotspot-2, .team-13 .team-open-2 { top: 25%; left: 62%; }

.team-14 .hotspot-2, .team-14 .team-open-2 { top: 27%; right: 19.8%; }

.team-open-2 { margin-top: 9.3vw; /*margin-left: 4vw;*/ position: absolute; width: 400px; background-color: #fff; padding: 0; display: none; transition: all 0.3s; z-index: 2; }

.team-open-2-inner { margin: 20px; position: relative; }

.team-open-2-inner-right { margin: 20px; position: relative; }

.team-open-2-inner:before { content: ''; position: absolute; left: 7%; top: -35px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #D0AD53; transition: all 0.3s; }

.team-open-2-inner-right:before { content: ''; position: absolute; right: 7%; top: -35px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #D0AD53; transition: all 0.3s; }

.top-line { display: block; border: 0; height: 5px; background: #D0AD53; background: -webkit-linear-gradient(left, #D0AD53 0%, #FBE0B0 50%, #D0AD53 100%); margin: 0; padding: 0; }

.bottom-line { display: block; border: 0; height: 5px; background: #D0AD53; background: -webkit-linear-gradient(left, #D0AD53 0%, #FBE0B0 50%, #D0AD53 100%); margin: 0; padding: 0; }

.team-item-2 h3 { font-size: 15px; line-height: 1; padding: 0; margin: 0 0 4px; color: #000; }

.team-item-2 h4 { font-size: 12px; line-height: 1; padding: 0; margin: 0 0 10px; color: #BF8D3F; }

.team-item-2 em { font-size: 10px; line-height: 1; padding: 0; margin: 0; color: #000; }

.team-item-2 p { font-size: 13px; line-height: 1.4; padding: 0; margin: 0 0 10px; color: #000; }

.cta-10-2 { transition: background-color 0.4s; position: absolute; top: -5vw; right: 3.2%; transform: translateX(-5vw); z-index: 1; border-radius: 100px; background-color: #fff; color: #0A214F; border: 2px solid #0A214F; width: 10vw; height: 10vw; padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; line-height: 0.96; }

.cta-10-2 i { width: 2.2vw; }

.cta-10-2 span { font-size: 0.9vw; margin-top: 8px; font-weight: 600; }

.cta-10-2:hover { background-color: #FFD699; }

.title-overlap-2 { top: 48px; position: relative; z-index: 1; }

.title-overlap-2 h2 { display: flex; flex: 1; position: relative; top: -10px; }

.title-overlap-2 h2 strong:before { content: ''; opacity: 0; display: inline-block; width: 10px; }

.title-overlap-2 h2:before { content: ''; position: relative; bottom: -28px; height: 4px; display: inline-block; width: 12.2vw; margin-right: 20px; background: #D0AD53; background: -webkit-linear-gradient(left, #D0AD53 0%, #FBE0B0 50%, #D0AD53 100%); }

.title-overlap-2 h2:after { content: ''; position: relative; bottom: -28px; background: #D0AD53; background: -webkit-linear-gradient(left, #D0AD53 0%, #FBE0B0 50%, #D0AD53 100%); height: 4px; display: inline-block; flex: 1; margin-left: 20px; }

.tooltipz sup { border-bottom: 1px dashed; }

/* Spinning wheel */
.number-holder { padding: 0 30px; }

.wheel-holder { position: relative; }

.wheel-text { position: absolute; top: 50%; transform: translateY(-55%); left: 0; right: 0; }

.wheel-text p { margin: 0; text-align: center; width: 11vw; margin: 0 auto; border-radius: 500px; line-height: 1.3; font-size: 15px; }

.number-holder ol { list-style: none; padding: 0; margin: 0; }

.number-holder ol li { position: relative; padding-left: 30px; margin-bottom: 35px; font-size: 15px; color: rgba(255, 255, 255, 0.5); transition: all 0.4s; cursor: pointer; }

.number-holder ol li span { position: absolute; left: 0; top: 5px; }

.number-holder svg { height: 30px; width: 20px; }

.number-holder svg path { fill: rgba(255, 255, 255, 0); stroke: #fff; transition: all 0.4s; }

.number-holder span { width: 40px; }

.number-holder .opened { color: #fff; }

.number-holder .opened svg path { fill: #ffffff; stroke: #ffffff; transition: all 0.4s; }

/* ========================================================================== Media Queries ========================================================================== */
/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
/* Portrait and Landscape */

/*# sourceMappingURL=style.min.css.map */

.list ul{height: auto; padding-left: 18px; margin-bottom: 10px}

.list ul li{height:auto; color: #000;}

.rM{
  display: none;
}

.readM{ 
	cursor: pointer; }
	
	
.exec-1 .hotspot-2, .exec-1 .team-open-2 { top: 7.3%; right: 8.5%; }
.exec-2 .hotspot-2, .exec-2 .team-open-2 { top: 28.5%; left: 24.5%; }
.exec-3 .hotspot-2, .exec-3 .team-open-2 { top: 20.2%; left: 46.9%; }
.exec-4 .hotspot-2, .exec-4 .team-open-2 { top: 8%; left: 6.5%; }
.exec-5 .hotspot-2, .exec-5 .team-open-2 { top: 23%; left: 59.8%; }
.exec-6 .hotspot-2, .exec-6 .team-open-2 { top: 10.6%; left: 30.8%; }
.exec-7 .hotspot-2, .exec-7 .team-open-2 { top: 6.8%; left: 39.6%; }
.exec-8 .hotspot-2, .exec-8 .team-open-2 { top: 32%; right: 18.8%; }
.exec-9 .hotspot-2, .exec-9 .team-open-2 { top: 6.8%; left: 14.6%; }
.exec-10 .hotspot-2, .exec-10 .team-open-2 { top: 5.7%; left: 48%; }
.exec-11 .hotspot-2, .exec-11 .team-open-2 { top: 9%; left: 23.4%; }
.exec-12 .hotspot-2, .exec-12 .team-open-2 { top: 9.7%; right: 16.8%; }
.exec-13 .hotspot-2, .exec-13 .team-open-2 { top: 6.1%; left: 66%; }
.exec-14 .hotspot-2, .exec-14 .team-open-2 { top: 28.2%; left: 65.9%; }
.exec-15 .hotspot-2, .exec-15 .team-open-2 { top: 25%; left: 30.7%; }
.exec-16 .hotspot-2, .exec-16 .team-open-2 { top: 6.4%; left: 56.2%; }
.exec-17 .hotspot-2, .exec-17 .team-open-2 { top: 31%; left: 16.6%; }	
	
.page-template-default .CFO, .page-template-page-simon .CFO {

    margin-bottom: 100px!important;

}

.page-template-default .CGO-bg, .page-template-page-simon .CGO-bg {

    background-image: url(../../../../../../images/CFO-bgg.jpg)!important;
border-top: 3px solid #88724A;
}

.page-template-default .CM-bg, .page-template-page-simon .CM-bg {

    background-image: url(../../../../../../images/CM-bg.jpg);
    width: 100%;
    height: 650px;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left 50%;
	border-top: 3px solid #88724A;

}

.page-template-default .CM, .page-template-page-simon .CM {

    margin-bottom: 200px;

}

.page-template-default .CEO-bg, .page-template-page-simon .CEO-bg {

    background-image: url(../../../../../../images/CEO-bg.jpg);
    width: 100%;
    height: 650px;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left 50%;
border-top: 3px solid #88724A;
}

.page-template-default .CEO, .page-template-page-simon .CEO {

    margin-bottom: 150px;

}

.page-template-page-group tr.lgold-bg {

    font-weight: normal!important;

}

.t2headgb {
	background-color: #88724A;
	color: #ffffff;
    border: 2px solid #88724A;
	font-weight:bold;
}

.tgoldl {
    border-left: 1px solid #040707;
	background-color: #F3F1ED;
}

.tgoldlr {
    border-left: 1px solid #040707;
	border-right: 1px solid #040707;
	background-color: #F3F1ED;
}

.tgoldlrb {
    border-left: 1px solid #040707;
	border-right: 1px solid #040707;
	border-bottom: 1px solid #040707;
	background-color: #F3F1ED;
}

.tgoldr {
    border-right: 1px solid #040707;	
}

.tgoldb {
    border-bottom: 1px solid #040707;
	background-color: #F3F1ED;
}

.tborderb {
    border-bottom: 1px solid #040707;
}

.tborderl {
    border-left: 1px solid #040707;
}

.tborderr {
    border-right: 1px solid #040707;
}


.tborderb2 {
    border-bottom: 2px solid #040707;
	
}

.high-gold {

    background-color: #F3F1ED!important;
    border: 2px solid #88724A!important;
	text-align: center;
	padding: 20px!important;
	margin-bottom: 20px;

}

.boxed.lgold-bg {
    background-color: #F3F1ED!important;

}
.boxed {

    padding: 20px!important;
    border: 2px solid #88724A!important;
    margin-bottom: 20px;

}

.nomarginb{
	margin-bottom:0;
	}
	
.bulfoot{
	font-size:14px;
	}
	
	.card .btn-link {
    text-transform: uppercase;

}

.g-material{
	border:solid 1px #ffffff;
	}
	
.g-matter{
    background-color: #BF8D3F;
    border-left: 1px solid #fff;
    color: #fff;
	}

.ipayouts{
	width: 30px !important;
	}
	
#directions2 {
    right: 16.2vw!important;
    top: -190px!important;
	left: inherit!important;
}

.no-bg{
	background-color:none!important;
	}
	
	
ul.subNav-menu a {
	font-size: 15px!important;
    line-height: 1em;
    margin-bottom: 6px;

}

.downloadhead{
	padding-top: 10px;
	font-size: 18px;
	color:#BF8D3F;
	}