@font-face { font-family: 'Klavika Bd'; src: url("Klavika-BoldItalic.eot"); src: url("Klavika-BoldItalic.eot?#iefix") format("embedded-opentype"), url("Klavika-BoldItalic.woff2") format("woff2"), url("Klavika-BoldItalic.woff") format("woff"), url("Klavika-BoldItalic.ttf") format("truetype"), url("Klavika-BoldItalic.svg#Klavika-BoldItalic") format("svg"); font-weight: bold; font-style: italic; }
@font-face { font-family: 'Klavika Lt'; src: url("Klavika-LightItalic.eot"); src: url("Klavika-LightItalic.eot?#iefix") format("embedded-opentype"), url("Klavika-LightItalic.woff2") format("woff2"), url("Klavika-LightItalic.woff") format("woff"), url("Klavika-LightItalic.ttf") format("truetype"), url("Klavika-LightItalic.svg#Klavika-LightItalic") format("svg"); font-weight: 300; font-style: italic; }
@font-face { font-family: 'Klavika Rg'; src: url("Klavika-RegularItalic.eot"); src: url("Klavika-RegularItalic.eot?#iefix") format("embedded-opentype"), url("Klavika-RegularItalic.woff2") format("woff2"), url("Klavika-RegularItalic.woff") format("woff"), url("Klavika-RegularItalic.ttf") format("truetype"), url("Klavika-RegularItalic.svg#Klavika-RegularItalic") format("svg"); font-weight: normal; font-style: italic; }
@font-face { font-family: 'Klavika Lt'; src: url("Klavika-Light.eot"); src: url("Klavika-Light.eot?#iefix") format("embedded-opentype"), url("Klavika-Light.woff2") format("woff2"), url("Klavika-Light.woff") format("woff"), url("Klavika-Light.ttf") format("truetype"), url("Klavika-Light.svg#Klavika-Light") format("svg"); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Klavika Rg'; src: url("Klavika-Regular.eot"); src: url("Klavika-Regular.eot?#iefix") format("embedded-opentype"), url("Klavika-Regular.woff2") format("woff2"), url("Klavika-Regular.woff") format("woff"), url("Klavika-Regular.ttf") format("truetype"), url("Klavika-Regular.svg#Klavika-Regular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Klavika Md'; src: url("Klavika-MediumItalic.eot"); src: url("Klavika-MediumItalic.eot?#iefix") format("embedded-opentype"), url("Klavika-MediumItalic.woff2") format("woff2"), url("Klavika-MediumItalic.woff") format("woff"), url("Klavika-MediumItalic.ttf") format("truetype"), url("Klavika-MediumItalic.svg#Klavika-MediumItalic") format("svg"); font-weight: 500; font-style: italic; }
@font-face { font-family: 'Klavika Md'; src: url("Klavika-Medium.eot"); src: url("Klavika-Medium.eot?#iefix") format("embedded-opentype"), url("Klavika-Medium.woff2") format("woff2"), url("Klavika-Medium.woff") format("woff"), url("Klavika-Medium.ttf") format("truetype"), url("Klavika-Medium.svg#Klavika-Medium") format("svg"); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Klavika Bd'; src: url("Klavika-Bold.eot"); src: url("Klavika-Bold.eot?#iefix") format("embedded-opentype"), url("Klavika-Bold.woff2") format("woff2"), url("Klavika-Bold.woff") format("woff"), url("Klavika-Bold.ttf") format("truetype"), url("Klavika-Bold.svg#Klavika-Bold") format("svg"); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Sequel 100 Black 95'; src: url("Sequel100Black-95.eot"); src: url("Sequel100Black-95.eot?#iefix") format("embedded-opentype"), url("Sequel100Black-95.woff2") format("woff2"), url("Sequel100Black-95.woff") format("woff"), url("Sequel100Black-95.ttf") format("truetype"); font-weight: 800; font-style: normal; font-display: swap; }
body { background-color: #000000; font-family: 'Klavika Rg'; font-size: 0px; letter-spacing: 0px; color: #black; }

#mainContainer { display: block; position: absolute; visibility: hidden; overflow: hidden; width: 100vw; height: 100vh; top: 0; left: 0; margin: 0; transition: .5s; }
#mainContainer.open { visibility: visible; }
#mainContainer.hide { opacity: 0; }
#mainContainer div, #mainContainer span, #mainContainer a, #mainContainer p { box-sizing: border-box; transition: .5s; }
#mainContainer a { text-decoration: none; pointer-events: auto; cursor: pointer; }
#mainContainer #imageLoader { display: none; }
#mainContainer div#background { position: absolute; display: block; left: 0px; top: 0px; width: 100%; height: 100%; }
#mainContainer div#background div.bgimg { position: absolute; display: block; right: 0px; top: 0px; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0; transition: .5s; }
#mainContainer div#background div.bgimg.show { opacity: 1; }
#mainContainer div#background div.bgimg.shrink { width: calc(100% - 700px); }
@media (max-width: 1600px) { #mainContainer div#background div.bgimg.shrink { width: calc(100% - 600px); } }
@media (max-width: 1200px) { #mainContainer div#background div.bgimg.shrink { width: calc(100% - 500px); } }
@media (max-width: 1000px) { #mainContainer div#background div.bgimg.shrink { width: calc(100% - 400px); } }
#mainContainer div#background div.bgimg.shrink.summary { width: 400px; background-position: center right; }
#mainContainer div#background div.bgimg span.caption { display: none; position: absolute; top: 65px; left: 40px; padding: 15px; width: auto; max-width: 200px; background: rgba(68, 39, 108, 0.85); color: #ffffff; font-family: 'Klavika Rg'; font-size: 18px; line-height: 22px; text-align: left; text-transform: uppercase; }
#mainContainer div#background div.bgimg span.caption.show { display: block; }
#mainContainer div#background img#loading { display: none; position: absolute; z-index: 11; max-width: 150px; width: 80%; }
#mainContainer div#background img#loading.show { display: block; }
#mainContainer div#background.contain div.bgimg { background-position: center center; background-repeat: no-repeat; background-size: contain; top: 55px; height: calc(100% - 55px); }
#mainContainer div#background.contain div.bgimg span.caption { top: 10px; }
#mainContainer div.main { position: absolute; display: none; z-index: 100; left: 0px; top: 0px; width: 100%; height: 100%; }
#mainContainer div.main.nav.show { display: block; pointer-events: none; cursor: default; }
#mainContainer div.main.nav.show div.block { position: absolute; display: none; }
#mainContainer div.main.nav.show div.block.show { display: flex; justify-content: center; align-items: center; pointer-events: none; cursor: default; }
#mainContainer div.main.nav.show div.block.show.top { z-index: 100; justify-content: space-between; left: 0px; top: 0px; width: 100%; height: 55px; background-image: linear-gradient(0deg, #FFFFFF 0%, #F5F5F5 100%); box-shadow: 0 3px 24px 0 rgba(0, 0, 0, 0.5); }
#mainContainer div.main.nav.show div.block.show.top.hide { opacity: 0; transform: translate(0px, -80px); }
#mainContainer div.main.nav.show div.block.show.top div.part { display: inline-flex; position: relative; justify-content: center; align-items: center; height: 100%; }
#mainContainer div.main.nav.show div.block.show.top div.part.left { padding-left: 246px; justify-content: flex-start; }
#mainContainer div.main.nav.show div.block.show.top div.part.left a.btn-home { display: block; position: absolute; left: 0px; top: 0px; width: 320px; height: 133px; background-image: url("../images/Top_Cutout.png"); background-position: center center; background-repeat: no-repeat; background-size: contain; background-position: top left; padding: 20px 30px; }
#mainContainer div.main.nav.show div.block.show.top div.part.left a.btn-home img { width: 50px; }
#mainContainer div.main.nav.show div.block.show.top div.part.left a.btn-home.disabled { pointer-events: none; cursor: default; }
#mainContainer div.main.nav.show div.block.show.top div.part.left div.logo-client { display: inline-flex; position: relative; justify-content: center; align-items: center; justify-content: flex-start; width: 200px; height: 100px; padding: 30px 0px; }
#mainContainer div.main.nav.show div.block.show.top div.part.left div.logo-client img { max-width: 100%; max-height: 100%; }
#mainContainer div.main.nav.show div.block.show.top div.part.right { padding-right: 30px; }
#mainContainer div.main.nav.show div.block.show.top div.part.right div.buttons { display: inline-flex; position: relative; justify-content: center; align-items: center; justify-content: flex-end; width: auto; height: 100%; }
#mainContainer div.main.nav.show div.block.show.top div.part.right div.buttons a.btn-sitemap { display: inline-block; position: relative; width: 26px; height: 26px; margin-left: 10px; }
#mainContainer div.main.nav.show div.block.show.top div.part.right div.buttons a.btn-sitemap span { display: block; position: absolute; left: 0px; width: 100%; height: 2px; background: #686868; }
#mainContainer div.main.nav.show div.block.show.top div.part.right div.buttons a.btn-sitemap span.l0 { top: 5px; }
#mainContainer div.main.nav.show div.block.show.top div.part.right div.buttons a.btn-sitemap span.l1 { top: 12px; }
#mainContainer div.main.nav.show div.block.show.top div.part.right div.buttons a.btn-sitemap span.l2 { top: 19px; }
#mainContainer div.main.nav.show div.block.show.top div.part.right div.buttons a.btn-sitemap:hover span { background: #000000; }
#mainContainer div.main.nav.show div.block.show.top div.part.right div.buttons a.btn-fullscreen { display: inline-flex; position: absolute; width: 40px; height: 40px; right: -10px; top: 70px; padding: 5px; border-radius: 5px; background: rgba(0, 0, 0, 0.5); }
#mainContainer div.main.nav.show div.block.show.top div.part.right div.buttons a.btn-fullscreen span { display: inline-block; position: relative; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url(../images/fullscreen-off.svg); }
#mainContainer div.main.nav.show div.block.show.top div.part.right div.buttons a.btn-fullscreen.contain span { background-image: url(../images/fullscreen-on.svg); }
@media (max-width: 880px) { #mainContainer div.main.nav.show div.block.show.top div.part.right div.buttons a.btn-fullscreen { display: none; visibility: hidden; } }
@media (max-width: 880px) { #mainContainer div.main.nav.show div.block.show.top.hide { transform: translate(0px, -55px); }
  #mainContainer div.main.nav.show div.block.show.top div.part.left { padding-left: 0px; }
  #mainContainer div.main.nav.show div.block.show.top div.part.left a.btn-home { display: inline-flex; position: relative; justify-content: center; align-items: center; width: auto; height: 100%; background-image: none; padding: 5px; }
  #mainContainer div.main.nav.show div.block.show.top div.part.left a.btn-home img { height: 45px; }
  #mainContainer div.main.nav.show div.block.show.top div.part.left div.logo-client { width: 100px; height: 45px; padding: 0px; margin-left: 10px; }
  #mainContainer div.main.nav.show div.block.show.top div.part.right { padding-right: 20px; } }
#mainContainer div.main.nav.show div.block.show.bottom.buttons { justify-content: space-between; left: 0px; bottom: 20px; width: 100%; height: auto; }
#mainContainer div.main.nav.show div.block.show.bottom.buttons.hide { opacity: 0; transform: translate(0px, 80px); }
@media (max-width: 880px) { #mainContainer div.main.nav.show div.block.show.bottom.buttons { bottom: auto; left: auto; top: 5px; right: 70px; z-index: 1000; width: 96px; pointer-events: none; cursor: default; }
  #mainContainer div.main.nav.show div.block.show.bottom.buttons.hide { transform: translate(0px, 0px); } }
#mainContainer div.main.nav.show div.block.show.bottom.buttons a { display: inline-flex; justify-content: center; align-items: center; position: relative; width: 46px; height: 46px; background-image: url("../images/gold-bg.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; pointer-events: auto; cursor: pointer; }
#mainContainer div.main.nav.show div.block.show.bottom.buttons a div.hotspot { display: inline-flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 100%; padding: 0px 5px 0px 0px; }
#mainContainer div.main.nav.show div.block.show.bottom.buttons a div.hotspot span.arrow { display: inline-block; position: relative; width: 14px; height: 14px; border-top: 2px solid #000000; border-right: 2px solid #000000; transform: rotate(45deg); }
#mainContainer div.main.nav.show div.block.show.bottom.buttons a.btn-prev div.hotspot { padding: 0px 0px 0px 5px; }
#mainContainer div.main.nav.show div.block.show.bottom.buttons a.btn-prev div.hotspot span.arrow { transform: rotate(225deg); }
#mainContainer div.main.nav.show div.block.show.bottom.buttons a.disabled { opacity: .3; pointer-events: none; cursor: default; }
#mainContainer div.main.nav.show div.block.show.bottom.buttons a:hover div.hotspot { background: rgba(255, 255, 255, 0.2); }
#mainContainer div.main.nav.show div.block.top-right { display: none; z-index: 101; }
#mainContainer div.main.nav.show div.block.top-right.show { display: block; left: auto; right: 0px; width: 60vw; max-width: 760px; min-width: 640px; height: auto; padding-top: 45px; }
#mainContainer div.main.nav.show div.block.top-right.show a.btn-edit { display: flex; position: absolute; justify-content: center; align-items: center; flex-direction: column; width: 32px; height: 32px; top: 10px; right: 70px; }
#mainContainer div.main.nav.show div.block.top-right.show a.btn-edit img { width: auto; max-width: 70%; height: auto; max-height: 70%; }
#mainContainer div.main.nav.show div.block.top-right.show div.page-edit-window { display: none; }
#mainContainer div.main.nav.show div.block.top-right.show.show-edit-page div.page-edit-window { display: block; position: relative; width: 100%; height: 60vh; max-height: 640px; padding: 1px; background: white; border: 1px solid #000000; pointer-events: auto; }
#mainContainer div.main.nav.show div.block.top-right.show.show-edit-page div.page-edit-window iframe { display: block; position: relative; width: 100%; height: 100%; }
@media (max-width: 880px) { #mainContainer div.main.nav.show div.block.top-right.show { display: none; } }
#mainContainer div.main.nav.show.show-sitemap div.block.top div.part.right div.buttons a.btn-sitemap span.l0 { top: 12px; transform: rotate(45deg); }
#mainContainer div.main.nav.show.show-sitemap div.block.top div.part.right div.buttons a.btn-sitemap span.l1 { transform: rotate(45deg); }
#mainContainer div.main.nav.show.show-sitemap div.block.top div.part.right div.buttons a.btn-sitemap span.l2 { top: 12px; transform: rotate(-45deg); }
#mainContainer div.main.nav.show.show-sitemap div.block.sitemap { display: flex; left: 0px; top: 0px; width: 100%; height: 100%; padding-top: 55px; z-index: 102; }
#mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level { display: inline-flex; position: relative; vertical-align: top; width: calc(100% / 3); height: 100%; padding: 180px 20px 20px 30px; overflow-y: auto; background-image: url("../images/page-bg.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; background-position: center left; }
#mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level p.title { display: block; position: absolute; left: 50px; top: 110px; text-align: left; font-family: 'Sequel 100 Black 95'; color: #000000; font-size: 41px; line-height: 40px; text-transform: uppercase; }
#mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level div.list { display: block; position: relative; width: 100%; height: 100%; overflow: auto; pointer-events: auto; }
#mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level div.list a { display: flex; position: relative; justify-content: center; align-items: center; width: 100%; height: auto; padding: 3px 0px; border-bottom: 2px solid #BCBCBC; }
#mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level div.list a:first-child { border-top: 2px solid #BCBCBC; }
#mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level div.list a span { display: inline-block; position: relative; width: 100%; padding: 19px 20px; font-family: 'Klavika Md'; color: #44276C; font-size: 15px; line-height: 15px; letter-spacing: 3px; text-transform: uppercase; text-align: left; }
#mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level div.list a.on span, #mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level div.list a:hover span { color: #F7C13C; background: #44276C; }
#mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level div.list a.on { pointer-events: none; cursor: default; }
#mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level.l0, #mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level.l1 { box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.5); z-index: 1; }
#mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level.l0 { z-index: 2; }
#mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level.l0 div.sub-level { display: none; }
#mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level.l2 { z-index: 0; background-image: url("../images/purple-trees.jpg"); background-position: center right; }
#mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level.l2 div.list a { border-bottom: 2px solid #8562B5; }
#mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level.l2 div.list a:first-child { border-top: 2px solid #8562B5; }
#mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level.l2 div.list a span { color: #ffffff; }
#mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level.l2 div.list a.on, #mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level.l2 div.list a:hover { pointer-events: auto; cursor: pointer; }
#mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level.l2 div.list a.on span, #mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level.l2 div.list a:hover span { color: #F7C13C; background: none; }
@media (max-width: 880px) { #mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level { width: 100%; padding: 0px 0px; min-height: 100vh; max-height: 100vh; box-shadow: none; }
  #mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level.l1, #mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level.l2 { display: none; }
  #mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level.l0 { display: block; }
  #mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level.l0 p.title { position: relative; left: 0px; top: 0px; font-size: 24px; line-height: 24px; padding: 20px 20px 10px 20px; }
  #mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level.l0 div.list { height: calc(100vh - 118px); padding: 0px 20px; }
  #mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level.l0 div.list a span { padding: 5px 10px; letter-spacing: 1px; }
  #mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level.l0 div.sub-level { display: block; padding-left: 10px; }
  #mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level.l0 div.sub-level a:first-child { border-top: 0px; }
  #mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level.l0 div.sub-level span { letter-spacing: 1px; }
  #mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level.l0 div.page-level { display: block; padding-left: 20px; }
  #mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level.l0 div.page-level a { border-bottom: 2px solid #8562B5; }
  #mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level.l0 div.page-level a:first-child { border-top: 0px; }
  #mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level.l0 div.page-level a span { color: #44276C; letter-spacing: 1px; text-transform: none; }
  #mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level.l0 div.page-level a.on, #mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level.l0 div.page-level a:hover { pointer-events: auto; cursor: pointer; }
  #mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level.l0 div.page-level a.on span, #mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.level.l0 div.page-level a:hover span { background: gold; } }
#mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.buttons { display: flex; position: absolute; justify-content: center; align-items: center; top: 65px; right: 10px; width: auto; }
#mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.buttons a { display: inline-flex; position: relative; justify-content: center; align-items: center; width: auto; padding: 5px 10px; color: #5a5a5a; font-family: 'Klavika Md'; letter-spacing: 1px; text-transform: uppercase; font-size: 10px; line-height: 15px; border-radius: 5px; background: rgba(255, 255, 255, 0.8); }
#mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.buttons a.disabled { opacity: .3; pointer-events: none; cursor: default; }
#mainContainer div.main.nav.show.show-sitemap div.block.sitemap div.buttons a.btn-pdf { margin-left: 10px; }
#mainContainer div.main.intro.open { display: block; background: #000000; z-index: 200; }
#mainContainer div.main.intro.open div#intro-video { display: block; position: relative; width: 100%; height: 100%; }
#mainContainer div.main.intro.open a { display: inline-flex; position: absolute; justify-content: center; align-items: center; top: 10px; right: 0px; width: auto; padding: 15px 25px; background: #44276C; }
#mainContainer div.main.intro.open a span { text-transform: uppercase; color: #ffffff; font-family: 'Klavika Bd'; font-size: 24px; line-height: 24px; }
#mainContainer div.main.home.show { display: block; }
#mainContainer div.main.home.show div.black-pattern { display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 232px; background-image: url("../images/main-menu-bg.jpg"); /*background-image:url('../images/page-bg.jpg');*/ background-position: center center; background-repeat: no-repeat; background-size: cover; background-position: top center; }
@media (min-height: 1000px) { #mainContainer div.main.home.show div.black-pattern { height: 400px; } }
@media (max-width: 880px) { #mainContainer div.main.home.show div.black-pattern { height: 50vh; } }
#mainContainer div.main.home.show div.black-pattern.hide { height: 0%; }
#mainContainer div.main.home.show div.black-pattern.extended { height: 100%; }
#mainContainer div.main.home.show div.content { display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
#mainContainer div.main.home.show div.content.show { display: flex; justify-content: center; align-items: center; flex-direction: column; }
#mainContainer div.main.home.show div.content.show.landing { align-items: flex-start; padding-left: 76px; }
#mainContainer div.main.home.show div.content.show.landing div.logos { z-index: 10; display: inline-flex; position: relative; justify-content: center; align-items: center; justify-content: flex-start; width: 390px; height: 195px; overflow: hidden; transform: translate(76px, 100px); }
#mainContainer div.main.home.show div.content.show.landing div.logos.hide { opacity: 0; transform: translate(76px, 0px); }
#mainContainer div.main.home.show div.content.show.landing div.logos span { display: inline-flex; position: relative; justify-content: center; align-items: center; width: 50%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
#mainContainer div.main.home.show div.content.show.landing div.logos span img { max-width: 80%; max-height: 80%; }
#mainContainer div.main.home.show div.content.show.landing div.logos.no-client-logo span.logo.client { display: none; }
#mainContainer div.main.home.show div.content.show.landing div.box { display: block; position: relative; width: 100%; height: auto; padding: 146px 76px 100px 76px; background-image: url("../images/landing-purple-area.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; }
#mainContainer div.main.home.show div.content.show.landing div.box.hide { opacity: 0; }
#mainContainer div.main.home.show div.content.show.landing div.box p, #mainContainer div.main.home.show div.content.show.landing div.box div.button { display: block; position: relative; width: 100%; text-align: left; color: #ffffff; text-transform: uppercase; }
#mainContainer div.main.home.show div.content.show.landing div.box p.hide, #mainContainer div.main.home.show div.content.show.landing div.box div.button.hide { opacity: 0; transform: translate(0px, 100px); }
#mainContainer div.main.home.show div.content.show.landing div.box p.title, #mainContainer div.main.home.show div.content.show.landing div.box div.button.title { font-family: 'Klavika Md'; font-size: 24px; line-height: 24px; letter-spacing: 4.8px; margin: 20px 0px 60px 0px; }
#mainContainer div.main.home.show div.content.show.landing div.box p.skol, #mainContainer div.main.home.show div.content.show.landing div.box div.button.skol { font-family: 'Sequel 100 Black 95'; font-size: 230px; line-height: 230px; letter-spacing: -15px; }
#mainContainer div.main.home.show div.content.show.landing div.box p a.btn-enter, #mainContainer div.main.home.show div.content.show.landing div.box div.button a.btn-enter { display: inline-flex; position: relative; justify-content: center; align-items: center; width: 195px; height: 47px; background-image: url("../images/gold-bg.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; }
#mainContainer div.main.home.show div.content.show.landing div.box p a.btn-enter div.hotspot, #mainContainer div.main.home.show div.content.show.landing div.box div.button a.btn-enter div.hotspot { display: inline-flex; position: relative; justify-content: center; align-items: center; width: 100%; height: 100%; padding-left: 20px; }
#mainContainer div.main.home.show div.content.show.landing div.box p a.btn-enter div.hotspot span, #mainContainer div.main.home.show div.content.show.landing div.box div.button a.btn-enter div.hotspot span { display: inline-block; position: relative; width: auto; height: auto; font-family: 'Klavika Md'; color: #000000; font-size: 18px; line-height: 18px; letter-spacing: 3.6px; text-transform: uppercase; }
#mainContainer div.main.home.show div.content.show.landing div.box p a.btn-enter div.hotspot span.arrow, #mainContainer div.main.home.show div.content.show.landing div.box div.button a.btn-enter div.hotspot span.arrow { width: 14px; height: 14px; border-top: 2px solid #000000; border-right: 2px solid #000000; transform: rotate(45deg); margin-left: 20px; }
#mainContainer div.main.home.show div.content.show.landing div.box p a.btn-enter:hover div.hotspot, #mainContainer div.main.home.show div.content.show.landing div.box div.button a.btn-enter:hover div.hotspot { background: rgba(255, 255, 255, 0.2); }
#mainContainer div.main.home.show div.content.show.landing div.player { display: block; position: absolute; right: 40px; bottom: 0px; width: 50%; height: calc(100% - 10px); background-image: url("../images/Jefferson_cutout.png"); background-position: center center; background-repeat: no-repeat; background-size: contain; background-position: bottom right; pointer-events: none; cursor: default; }
#mainContainer div.main.home.show div.content.show.landing div.player.hide { opacity: 0; transform: translate(500px, 0px); }
#mainContainer div.main.home.show div.content.show.landing div.location { display: block; position: relative; width: 100%; height: auto; margin-top: 32px; padding-left: 76px; text-align: left; }
#mainContainer div.main.home.show div.content.show.landing div.location.hide { opacity: 0; transform: translate(0px, 50px); }
#mainContainer div.main.home.show div.content.show.landing div.location span { font-family: 'Klavika Bd'; color: #ffffff; font-size: 10px; line-height: 10px; letter-spacing: 3.6px; }
@media (max-height: 880px) { #mainContainer div.main.home.show div.content.show.landing div.logos { width: 300px; height: 150px; transform: translate(76px, 75px); justify-content: center; }
  #mainContainer div.main.home.show div.content.show.landing div.box { padding: 100px 76px 70px 76px; }
  #mainContainer div.main.home.show div.content.show.landing div.box p.title { font-size: 20px; line-height: 20px; letter-spacing: 2px; margin: 20px 0px 40px 0px; }
  #mainContainer div.main.home.show div.content.show.landing div.box p.skol { font-size: 180px; line-height: 180px; letter-spacing: -10px; } }
@media (max-height: 740px) { #mainContainer div.main.home.show div.content.show.landing div.logos { width: 240px; height: 120px; transform: translate(56px, 60px); }
  #mainContainer div.main.home.show div.content.show.landing div.box { padding: 100px 56px 50px 56px; }
  #mainContainer div.main.home.show div.content.show.landing div.box p.title { font-size: 18px; line-height: 18px; letter-spacing: 2px; margin: 10px 0px 30px 0px; }
  #mainContainer div.main.home.show div.content.show.landing div.box p.skol { font-size: 140px; line-height: 140px; letter-spacing: -5px; } }
@media (max-width: 880px) { #mainContainer div.main.home.show div.content.show.landing { padding-left: 0px; justify-content: flex-start; align-items: center; padding-top: 40px; }
  #mainContainer div.main.home.show div.content.show.landing div.logos { transform: translate(0px, 40px); }
  #mainContainer div.main.home.show div.content.show.landing div.logos.hide { transform: translate(0px, 0px); }
  #mainContainer div.main.home.show div.content.show.landing div.box { padding: 70px 20px 40px 20px; }
  #mainContainer div.main.home.show div.content.show.landing div.box p, #mainContainer div.main.home.show div.content.show.landing div.box div.button { text-align: center; }
  #mainContainer div.main.home.show div.content.show.landing div.box p.title, #mainContainer div.main.home.show div.content.show.landing div.box div.button.title { font-size: 20px; line-height: 20px; letter-spacing: 1px; }
  #mainContainer div.main.home.show div.content.show.landing div.box p.skol, #mainContainer div.main.home.show div.content.show.landing div.box div.button.skol { font-size: 60px; line-height: 60px; letter-spacing: 0px; }
  #mainContainer div.main.home.show div.content.show.landing div.player { right: 0px; }
  #mainContainer div.main.home.show div.content.show.landing div.location { position: absolute; left: 20px; bottom: 20px; margin-top: 0px; padding-left: 0px; } }
@media (max-width: 520px) { #mainContainer div.main.home.show div.content.show.landing div.logos { width: 60vw; height: 30vw; } }
#mainContainer div.main.home.show div.content.show.menu { padding: 40px 0px 80px 0px; }
@media (max-width: 880px) { #mainContainer div.main.home.show div.content.show.menu { padding: 20px 0px; } }
#mainContainer div.main.home.show div.content.show.menu div.top { display: inline-flex; position: relative; justify-content: center; align-items: center; width: 100%; height: 90px; }
#mainContainer div.main.home.show div.content.show.menu div.top div.logos { display: inline-flex; position: relative; justify-content: center; align-items: center; width: auto; height: 100%; }
#mainContainer div.main.home.show div.content.show.menu div.top div.logos span.logo { display: inline-flex; position: relative; justify-content: center; align-items: center; width: 96px; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; /*
&:first-child {justify-content:flex-end;
	&.hide {opacity:0; transform:translate(-50px,0px);}
}
&:last-child {justify-content:flex-start;
	&.hide {opacity:0; transform:translate(50px,0px);}								
}
*/ }
#mainContainer div.main.home.show div.content.show.menu div.top div.logos span.logo img { max-width: 80%; max-height: 80%; }
#mainContainer div.main.home.show div.content.show.menu div.top div.logos div.divider { display: inline-block; position: relative; width: 1px; height: 100%; background: #5C5C5C; margin: 0px 30px; }
#mainContainer div.main.home.show div.content.show.menu div.top div.logos div.divider.hide { opacity: 0; }
#mainContainer div.main.home.show div.content.show.menu div.top div.logos.no-client-logo span.logo:first-child { justify-content: center; }
#mainContainer div.main.home.show div.content.show.menu div.top div.logos.no-client-logo span.logo:last-child { display: none; }
#mainContainer div.main.home.show div.content.show.menu div.top div.logos.no-client-logo span.divider { display: none; }
#mainContainer div.main.home.show div.content.show.menu div.sections { display: inline-flex; position: relative; justify-content: center; align-items: center; justify-content: flex-start; width: 100%; height: auto; padding-left: 40px; margin-top: 40px; }
#mainContainer div.main.home.show div.content.show.menu div.sections.center { justify-content: center; }
#mainContainer div.main.home.show div.content.show.menu div.sections div.slides { display: block; position: relative; width: auto; height: auto; white-space: nowrap; text-align: left; left: 0px; transition: .5s; }
#mainContainer div.main.home.show div.content.show.menu div.sections div.slides a { display: inline-block; position: relative; vertical-align: top; width: 436px; height: 700px; margin-right: 40px; overflow: hidden; }
#mainContainer div.main.home.show div.content.show.menu div.sections div.slides a.hide { opacity: 0; transform: translate(600px, 0px); pointer-events: none; cursor: default; }
#mainContainer div.main.home.show div.content.show.menu div.sections div.slides a div.hotspot { z-index: 0; display: block; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background-image: url("../images/bg-section.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; }
#mainContainer div.main.home.show div.content.show.menu div.sections div.slides a p { z-index: 1; display: block; position: relative; width: 100%; height: auto; white-space: normal; text-align: center; text-transform: uppercase; padding: 0px 20px; }
#mainContainer div.main.home.show div.content.show.menu div.sections div.slides a p.number { position: absolute; display: flex; justify-content: center; align-items: center; left: 100px; bottom: 0px; width: calc(100% - 200px); height: 40px; white-space: nowrap; background-image: url("../images/purple-bg.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; color: #ffffff; font-family: 'Klavika Bd'; font-size: 12px; line-height: 47px; letter-spacing: 2.4px; }
#mainContainer div.main.home.show div.content.show.menu div.sections div.slides a p.name { margin-top: 70px; color: #9254f7; font-family: 'Sequel 100 Black 95'; font-size: 32px; line-height: 30px; letter-spacing: 0px; }
#mainContainer div.main.home.show div.content.show.menu div.sections div.slides a:hover { transform: scale(1.1); }
#mainContainer div.main.home.show div.content.show.menu div.sections div.slides a.custom-slide p.name { display: none; }
@media (max-height: 980px) { #mainContainer div.main.home.show div.content.show.menu div.sections div.slides a { width: 374px; height: 600px; }
  #mainContainer div.main.home.show div.content.show.menu div.sections div.slides a p.number { height: 36px; }
  #mainContainer div.main.home.show div.content.show.menu div.sections div.slides a p.name { margin-top: 30px; font-size: 28px; line-height: 26px; } }
@media (max-height: 800px) { #mainContainer div.main.home.show div.content.show.menu div.sections div.slides a { width: 336px; height: 540px; }
  #mainContainer div.main.home.show div.content.show.menu div.sections div.slides a p.number { line-height: 38px; left: 50px; width: calc(100% - 100px); } }
@media (max-height: 640px) { #mainContainer div.main.home.show div.content.show.menu div.sections { margin-top: 20px; }
  #mainContainer div.main.home.show div.content.show.menu div.sections div.slides a { width: 240px; height: 384px; }
  #mainContainer div.main.home.show div.content.show.menu div.sections div.slides a p.number { line-height: 34px; left: 20px; width: calc(100% - 40px); }
  #mainContainer div.main.home.show div.content.show.menu div.sections div.slides a p.name { margin-top: 20px; font-size: 22px; line-height: 20px; } }
@media (max-width: 880px) { #mainContainer div.main.home.show div.content.show.menu div.sections { justify-content: center; align-items: flex-start; height: auto; max-height: calc(100vh - 120px); overflow: auto; padding-left: 0px; margin-top: 20px; }
  #mainContainer div.main.home.show div.content.show.menu div.sections div.slides { width: 80vw; max-width: 400px; white-space: normal; }
  #mainContainer div.main.home.show div.content.show.menu div.sections div.slides a { width: 100%; height: auto; margin-right: 0px; margin-top: 10px; padding: 20px; background-image: url("../images/gold-bg.jpg"); }
  #mainContainer div.main.home.show div.content.show.menu div.sections div.slides a.hide { transform: translate(0px, 0px); }
  #mainContainer div.main.home.show div.content.show.menu div.sections div.slides a div.hotspot { display: none; }
  #mainContainer div.main.home.show div.content.show.menu div.sections div.slides a p { padding: 0px; }
  #mainContainer div.main.home.show div.content.show.menu div.sections div.slides a p.number { bottom: auto; top: 0px; margin-bottom: 10px; background: none; color: #000000; }
  #mainContainer div.main.home.show div.content.show.menu div.sections div.slides a p.name { margin-top: 15px; color: #44276C; font-size: 22px; line-height: 22px; }
  #mainContainer div.main.home.show div.content.show.menu div.sections div.slides a.custom-slide p.name { display: block; }
  #mainContainer div.main.home.show div.content.show.menu div.sections div.slides a:hover { transform: scale(1); } }
#mainContainer div.main.home.show div.content.show.menu div.buttons { display: flex; position: absolute; justify-content: center; align-items: center; top: 10px; right: 10px; }
#mainContainer div.main.home.show div.content.show.menu div.buttons.hide { opacity: 0; }
#mainContainer div.main.home.show div.content.show.menu div.buttons a { display: inline-flex; position: relative; justify-content: center; align-items: center; width: auto; padding: 5px 10px; color: #5a5a5a; font-family: 'Klavika Md'; letter-spacing: 1px; text-transform: uppercase; font-size: 10px; line-height: 15px; border-radius: 5px; background: rgba(255, 255, 255, 0.8); }
#mainContainer div.main.home.show div.content.show.menu div.buttons a.disabled { opacity: .3; pointer-events: none; cursor: default; }
#mainContainer div.main.content.show { display: flex; justify-content: center; align-items: center; justify-content: flex-start; }
@media (max-width: 880px) { #mainContainer div.main.content.show { display: block; } }
#mainContainer div.main.content.show div.page { z-index: 2; display: inline-flex; position: relative; width: 700px; height: 100%; padding: 160px 20px 60px 20px; box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.5); background-image: url("../images/page-bg.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; background-position: center left; }
#mainContainer div.main.content.show div.page div.location { display: flex; position: absolute; justify-content: center; align-items: center; width: 40px; height: 200px; left: 0px; bottom: 80px; pointer-events: none; cursor: default; }
#mainContainer div.main.content.show div.page div.location span { font-family: 'Klavika Bd'; color: #000000; font-size: 10px; line-height: 10px; letter-spacing: 3.6px; white-space: nowrap; transform: rotate(90deg); }
#mainContainer div.main.content.show div.page div.copy { display: flex; position: relative; flex-direction: column; width: 100%; height: 100%; padding: 0px 80px; }
#mainContainer div.main.content.show div.page div.copy div.my-title { display: flex; position: relative; flex-direction: column; width: 100%; height: auto; flex-grow: 1; }
#mainContainer div.main.content.show div.page div.copy div.my-title p { display: block; position: relative; width: 100%; height: auto; text-align: left; text-transform: uppercase; }
#mainContainer div.main.content.show div.page div.copy div.my-title p.t0 { font-family: 'Klavika Md'; color: #44276C; font-size: 15px; line-height: 15px; letter-spacing: 3px; }
#mainContainer div.main.content.show div.page div.copy div.my-title p.t1 { font-family: 'Sequel 100 Black 95'; color: #000000; font-size: 28px; line-height: 28px; padding: 20px 0px; }
#mainContainer div.main.content.show div.page div.copy div.my-content { display: flex; position: relative; width: 100%; height: auto; max-height: calc(100vh - 300px); overflow-y: auto; flex-grow: 100; }
#mainContainer div.main.content.show div.page div.copy div.my-content div.my-copy { display: block; position: relative; width: 100%; height: auto; font-size: 15px; line-height: 20px; }
#mainContainer div.main.content.show div.page div.copy div.my-content div.my-copy p { display: block; position: relative; width: 100%; height: auto; text-align: left; font-family: 'Klavika Rg'; color: #000000; font-size: 15px; line-height: 20px; margin-top: 20px; }
#mainContainer div.main.content.show div.page div.copy div.my-content div.my-copy p:first-child { margin-top: 0px; }
#mainContainer div.main.content.show div.page div.copy div.my-content div.my-copy p.file { margin-bottom: 10px; }
#mainContainer div.main.content.show div.page div.copy div.my-content div.my-copy p.file a { display: inline-flex; position: relative; justify-content: center; align-items: center; padding: 8px 15px; color: #000000; text-decoration: none; text-transform: uppercase; font-size: 14px; line-height: 16px; background: #F7C13C; }
#mainContainer div.main.content.show div.page div.copy div.my-content div.my-copy p.file a img { height: 16px; margin-right: 8px; }
#mainContainer div.main.content.show div.page div.copy div.my-content div.my-copy strong { font-family: 'Klavika Bd'; }
#mainContainer div.main.content.show div.page div.copy div.buttons { display: flex; position: absolute; justify-content: center; align-items: center; justify-content: flex-start; bottom: -40px; left: calc(100% + 80px); }
#mainContainer div.main.content.show div.page div.copy div.buttons a.btn-video { display: none; position: relative; justify-content: center; align-items: center; white-space: nowrap; width: auto; height: 47px; padding: 0px 20px; background: rgba(0, 0, 0, 0.6); color: #ffffff; font-family: 'Klavika Md'; font-size: 15px; line-height: 15px; text-transform: uppercase; margin-right: 10px; }
#mainContainer div.main.content.show div.page div.copy div.buttons a.btn-video.show { display: inline-flex; }
#mainContainer div.main.content.show div.page div.copy div.buttons a.btn-video:hover { background: #44276C; }
#mainContainer div.main.content.show div.page div.copy div.buttons div.gallery-buttons { display: flex; justify-content: center; align-items: center; width: auto; height: 100%; pointer-events: none; cursor: default; margin-right: 20px; }
#mainContainer div.main.content.show div.page div.copy div.buttons div.gallery-buttons.hide { display: none; }
#mainContainer div.main.content.show div.page div.copy div.buttons div.gallery-buttons a.btn-media { display: inline-flex; justify-content: center; align-items: center; position: relative; width: 46px; height: 46px; /*background-image:url('../images/gold-bg.jpg');*/ background: rgba(0, 0, 0, 0.5); background-position: center center; background-repeat: no-repeat; background-size: cover; pointer-events: auto; cursor: pointer; }
#mainContainer div.main.content.show div.page div.copy div.buttons div.gallery-buttons a.btn-media div.hotspot { display: inline-flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 100%; padding: 0px 5px 0px 0px; }
#mainContainer div.main.content.show div.page div.copy div.buttons div.gallery-buttons a.btn-media div.hotspot span.arrow { display: inline-block; position: relative; width: 14px; height: 14px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; transform: rotate(45deg); }
#mainContainer div.main.content.show div.page div.copy div.buttons div.gallery-buttons a.btn-media.btn-prev-media div.hotspot { padding: 0px 0px 0px 5px; }
#mainContainer div.main.content.show div.page div.copy div.buttons div.gallery-buttons a.btn-media.btn-prev-media div.hotspot span.arrow { transform: rotate(225deg); }
#mainContainer div.main.content.show div.page div.copy div.buttons div.gallery-buttons a.btn-media.disabled { opacity: .3; pointer-events: none; cursor: default; }
#mainContainer div.main.content.show div.page div.copy div.buttons div.gallery-buttons a.btn-media:hover div.hotspot { background: rgba(255, 255, 255, 0.2); }
#mainContainer div.main.content.show div.page div.copy div.buttons div.gallery-buttons div.gallery-dots { display: flex; position: relative; justify-content: center; align-items: center; width: auto; height: 47px; margin: 0px 10px; }
#mainContainer div.main.content.show div.page div.copy div.buttons div.gallery-buttons div.gallery-dots a { display: inline-block; position: relative; vertical-align: middle; width: 10px; height: 10px; margin: 0px 10px; border-radius: 50%; background: #ffffff; opacity: .5; }
#mainContainer div.main.content.show div.page div.copy div.buttons div.gallery-buttons div.gallery-dots a.on { opacity: 1; pointer-events: none; cursor: default; }
#mainContainer div.main.content.show div.page div.copy div.my-gallery { display: none; }
@media (max-width: 1600px) { #mainContainer div.main.content.show div.page { width: 600px; } }
@media (max-width: 1400px) { #mainContainer div.main.content.show div.page { width: 600px; }
  #mainContainer div.main.content.show div.page div.copy { padding: 0px 60px; } }
@media (max-width: 1200px) { #mainContainer div.main.content.show div.page { width: 500px; }
  #mainContainer div.main.content.show div.page div.copy { padding: 0px 40px; } }
@media (max-width: 1000px) { #mainContainer div.main.content.show div.page { width: 400px; }
  #mainContainer div.main.content.show div.page div.copy div.my-title p.t1 { font-size: 32px; line-height: 32px; } }
@media (max-width: 880px) { #mainContainer div.main.content.show div.page { width: 100%; padding: 55px 0px 50px 0px; }
  #mainContainer div.main.content.show div.page div.location { width: calc(100vw - 100px); height: 46px; left: 50px; bottom: 0px; }
  #mainContainer div.main.content.show div.page div.location span { transform: rotate(0deg); }
  #mainContainer div.main.content.show div.page div.copy { display: block; padding: 0px; overflow-x: hidden; overflow-y: auto; padding: 30px 20px 0px 20px; }
  #mainContainer div.main.content.show div.page div.copy div.my-title p.t1 { font-size: 32px; line-height: 32px; }
  #mainContainer div.main.content.show div.page div.copy div.my-content { display: block; max-height: none; overflow-y: hidden; }
  #mainContainer div.main.content.show div.page div.copy div.buttons { display: none; }
  #mainContainer div.main.content.show div.page div.copy div.my-gallery { display: block; position: relative; width: calc(100% + 40px); height: auto; transform: translate(-20px, 0px); margin-top: 20px; }
  #mainContainer div.main.content.show div.page div.copy div.my-gallery div.photo { display: block; position: relative; width: 100%; height: auto; margin-top: 0px; }
  #mainContainer div.main.content.show div.page div.copy div.my-gallery div.photo img { width: 100%; }
  #mainContainer div.main.content.show div.page div.copy div.my-gallery div.photo span.caption { display: block; position: absolute; top: 0px; left: 0px; padding: 10px; width: auto; max-width: 100%; background: rgba(68, 39, 108, 0.85); color: #ffffff; font-family: 'Klavika Rg'; font-size: 12px; line-height: 14px; text-align: left; text-transform: uppercase; }
  #mainContainer div.main.content.show div.page div.copy div.my-gallery div.video { display: block; position: relative; width: 100%; height: calc(100vw * 9 / 16); margin-top: 5px; } }
#mainContainer div.main.content.show div.purple-band { z-index: 1; display: inline-block; position: relative; width: 44px; height: 100%; background: rgba(68, 39, 108, 0.9); }
#mainContainer div.main.content.show div.rep-info { display: inline-flex; position: absolute; justify-content: center; align-items: center; flex-direction: column; padding: 40px; width: 300px; height: 100%; top: 0px; right: 0px; opacity: 0; transform: translate(300px, 0px); }
#mainContainer div.main.content.show div.rep-info p, #mainContainer div.main.content.show div.rep-info a { display: inline-block; position: relative; width: 100%; height: auto; text-align: center; }
#mainContainer div.main.content.show div.rep-info p.contact, #mainContainer div.main.content.show div.rep-info a.contact { font-family: 'Klavika Bd'; color: #F7C13C; font-size: 12px; line-height: 12px; letter-spacing: 2.4px; text-transform: uppercase; }
#mainContainer div.main.content.show div.rep-info p.rep-name, #mainContainer div.main.content.show div.rep-info a.rep-name { font-family: 'Klavika Bd'; color: #ffffff; font-size: 18px; line-height: 18px; letter-spacing: 0px; text-transform: uppercase; margin: 10px 0px; }
#mainContainer div.main.content.show div.rep-info a { font-family: 'Klavika Lt'; color: #ffffff; font-size: 14px; line-height: 17px; }
#mainContainer div.main.content.show div.rep-info span.dot { width: 4px; height: 4px; border-radius: 50%; background: #F7C13C; margin-bottom: 5px; }
#mainContainer div.main.content.show.template2 div.page, #mainContainer div.main.content.show.template20 div.page { width: calc(100% - 300px); }
@media (min-width: 1200px) { #mainContainer div.main.content.show.template2 div.page div.copy, #mainContainer div.main.content.show.template20 div.page div.copy { padding: 0px 200px; } }
#mainContainer div.main.content.show.template2 div.page div.copy div.my-title p, #mainContainer div.main.content.show.template20 div.page div.copy div.my-title p { text-align: center; }
#mainContainer div.main.content.show.template2 div.page div.copy div.my-content div.my-copy p, #mainContainer div.main.content.show.template2 div.page div.copy div.my-content div.my-copy ul, #mainContainer div.main.content.show.template20 div.page div.copy div.my-content div.my-copy p, #mainContainer div.main.content.show.template20 div.page div.copy div.my-content div.my-copy ul { text-align: center; }
#mainContainer div.main.content.show.template2 div.purple-band, #mainContainer div.main.content.show.template20 div.purple-band { width: 0px; }
#mainContainer div.main.content.show.template2 div.rep-info, #mainContainer div.main.content.show.template20 div.rep-info { opacity: 1; transform: translate(0px, 0px); }
@media (max-width: 880px) { #mainContainer div.main.content.show.template2, #mainContainer div.main.content.show.template20 { overflow-y: auto; }
  #mainContainer div.main.content.show.template2 div.page, #mainContainer div.main.content.show.template20 div.page { width: 100%; height: auto; }
  #mainContainer div.main.content.show.template2 div.purple-band, #mainContainer div.main.content.show.template20 div.purple-band { display: none; }
  #mainContainer div.main.content.show.template2 div.rep-info, #mainContainer div.main.content.show.template20 div.rep-info { position: relative; width: 100%; height: auto; padding: 40px 20px; background-image: url("../images/purple-trees.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; } }
#mainContainer div.main.gallery.open { display: block; padding: 47px; background: rgba(0, 0, 0, 0.9); }
#mainContainer div.main.gallery.open div.video-box, #mainContainer div.main.gallery.open div.gallery-box { display: block; position: relative; width: 100%; height: 100%; }
#mainContainer div.main.gallery.open a.btn-close-pop { display: flex; position: absolute; justify-content: center; align-items: center; top: 0px; right: 0px; width: 47px; height: 47px; background-image: url("../images/gold-bg.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; }
#mainContainer div.main.gallery.open a.btn-close-pop div.hotspot { display: inline-flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 100%; }
#mainContainer div.main.gallery.open a.btn-close-pop:hover div.hotspot { background: rgba(255, 255, 255, 0.2); }
#mainContainer div.main.gallery.open div.gallery-box div { display: block; position: absolute; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; opacity: 0; }
#mainContainer div.main.gallery.open div.gallery-box div.show { opacity: 1; }
#mainContainer div.main.gallery.open div.buttons { display: flex; position: absolute; justify-content: center; align-items: center; justify-content: space-between; width: 100%; height: 100%; left: 0px; top: 0px; pointer-events: none; cursor: default; }
#mainContainer div.main.gallery.open div.buttons.hide { display: none; }
#mainContainer div.main.gallery.open div.buttons a.btn-media { display: inline-flex; justify-content: center; align-items: center; position: relative; width: 46px; height: 46px; background-image: url("../images/gold-bg.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; pointer-events: auto; cursor: pointer; }
#mainContainer div.main.gallery.open div.buttons a.btn-media div.hotspot { display: inline-flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 100%; padding: 0px 5px 0px 0px; }
#mainContainer div.main.gallery.open div.buttons a.btn-media div.hotspot span.arrow { display: inline-block; position: relative; width: 14px; height: 14px; border-top: 2px solid #000000; border-right: 2px solid #000000; transform: rotate(45deg); }
#mainContainer div.main.gallery.open div.buttons a.btn-media.btn-prev-media div.hotspot { padding: 0px 0px 0px 5px; }
#mainContainer div.main.gallery.open div.buttons a.btn-media.btn-prev-media div.hotspot span.arrow { transform: rotate(225deg); }
#mainContainer div.main.gallery.open div.buttons a.btn-media.disabled { opacity: .3; pointer-events: none; cursor: default; }
#mainContainer div.main.gallery.open div.buttons a.btn-media:hover div.hotspot { background: rgba(255, 255, 255, 0.2); }
#mainContainer div.main.gallery.open div.gallery-dots { display: flex; position: absolute; justify-content: center; align-items: center; width: 100%; height: 47px; left: 0px; bottom: 0px; }
#mainContainer div.main.gallery.open div.gallery-dots a { display: inline-block; position: relative; vertical-align: middle; width: 10px; height: 10px; margin: 0px 5px; border-radius: 50%; background: #ffffff; opacity: .5; }
#mainContainer div.main.gallery.open div.gallery-dots a.on { opacity: 1; pointer-events: none; cursor: default; }

/*# sourceMappingURL=vikings.css.map */