/*
@font-face {
	font-family: 'ArtegraSansCondensedAlt-BoldIta';
	src: url('artegraartegrasanscondensedaltboldita.eot');
	src: url('artegraartegrasanscondensedaltboldita.eot?#iefix') format('embedded-opentype'),url('artegraartegrasanscondensedaltboldita.svg#artegraartegrasanscondensedaltboldita') format('svg'),url('artegraartegrasanscondensedaltboldita.ttf') format('truetype'),url('artegraartegrasanscondensedaltboldita.woff') format('woff'),url('artegraartegrasanscondensedaltboldita.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'ArtegraSansCondensedAlt-EBold';
	src: url('artegraartegrasanscondensedaltebold.eot');
	src: url('artegraartegrasanscondensedaltebold.eot?#iefix') format('embedded-opentype'),url('artegraartegrasanscondensedaltebold.svg#artegraartegrasanscondensedaltebold') format('svg'),url('artegraartegrasanscondensedaltebold.ttf') format('truetype'),url('artegraartegrasanscondensedaltebold.woff') format('woff'),url('artegraartegrasanscondensedaltebold.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Copperplate-Light';
	src: url('regularlight.eot');
	src: url('regularlight.eot?#iefix') format('embedded-opentype'),url('regularlight.svg#regularlight') format('svg'),url('regularlight.ttf') format('truetype'),url('regularlight.woff') format('woff'),url('regularlight.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}
*/
@font-face { font-family: 'ArtegraSansCondensedAlt-Medium'; src: url("artegraartegrasanscondensedaltmedium.eot"); src: url("artegraartegrasanscondensedaltmedium.eot?#iefix") format("embedded-opentype"), url("artegraartegrasanscondensedaltmedium.svg#artegraartegrasanscondensedaltmedium") format("svg"), url("artegraartegrasanscondensedaltmedium.ttf") format("truetype"), url("artegraartegrasanscondensedaltmedium.woff") format("woff"), url("artegraartegrasanscondensedaltmedium.woff2") format("woff2"); font-weight: 400; font-style: normal; }
@font-face { font-family: 'ArtegraSansExtended-SemiBold'; src: url("artegraartegrasansextendedscsemibold.eot"); src: url("artegraartegrasansextendedscsemibold.eot?#iefix") format("embedded-opentype"), url("artegraartegrasansextendedscsemibold.svg#artegraartegrasansextendedscsemibold") format("svg"), url("artegraartegrasansextendedscsemibold.ttf") format("truetype"), url("artegraartegrasansextendedscsemibold.woff") format("woff"), url("artegraartegrasansextendedscsemibold.woff2") format("woff2"); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Copperplate-Bold'; src: url("copperplatebold.eot"); src: url("copperplatebold.eot?#iefix") format("embedded-opentype"), url("copperplatebold.svg#copperplatebold") format("svg"), url("copperplatebold.ttf") format("truetype"), url("copperplatebold.woff") format("woff"), url("copperplatebold.woff2") format("woff2"); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Copperplate'; src: url("copperplate.eot"); src: url("copperplate.eot?#iefix") format("embedded-opentype"), url("copperplate.svg#copperplate") format("svg"), url("copperplate.ttf") format("truetype"), url("copperplate.woff") format("woff"), url("copperplate.woff2") format("woff2"); font-weight: 400; font-style: normal; }
body { background-color: #000000; font-family: 'ArtegraSansCondensedAlt-Medium'; font-size: 19px; color: #FFFFFF; }

#mainContainer { overflow: hidden; width: 100%; height: 100%; position: absolute; top: 0; left: 0; margin: 0; }
#mainContainer #background { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; }
#mainContainer #background .bgimg { display: block; position: absolute; top: 0; left: 0; margin: 0; }
#mainContainer #background div.gallery-set { display: none; position: absolute; top: 160px; left: 40px; width: calc(100% - 80px); height: calc(100% - 210px); }
#mainContainer #background div.gallery-set.show { display: block; }
#mainContainer #background div.gallery-set span { display: block; position: absolute; background-repeat: no-repeat; background-size: contain; }
#mainContainer #background div.gallery-set.n1 span.p0 { left: 0px; top: 0px; width: 100%; height: 100%; background-position: center center; }
#mainContainer #background div.gallery-set.n1 span.p1, #mainContainer #background div.gallery-set.n1 span.p2, #mainContainer #background div.gallery-set.n1 span.p3 { display: none; }
#mainContainer #background div.gallery-set.n2 span.p0 { left: 0px; top: 0px; width: calc(50% - 10px); height: 100%; background-position: center right; }
#mainContainer #background div.gallery-set.n2 span.p1 { right: 0px; top: 0px; width: calc(50% - 10px); height: 100%; background-position: center left; }
#mainContainer #background div.gallery-set.n2 span.p2, #mainContainer #background div.gallery-set.n2 span.p3 { display: none; }
#mainContainer #background div.gallery-set.n3 span.p0 { left: 0px; top: 0px; width: calc(50% - 10px); height: calc(50% - 10px); background-position: bottom right; }
#mainContainer #background div.gallery-set.n3 span.p1 { left: 0px; bottom: 0px; width: calc(50% - 10px); height: calc(50% - 10px); background-position: top right; }
#mainContainer #background div.gallery-set.n3 span.p2 { right: 0px; top: 0px; width: calc(50% - 10px); height: 100%; background-position: center left; }
#mainContainer #background div.gallery-set.n3 span.p3 { display: none; }
#mainContainer #background div.gallery-set.n4 span.p0 { left: 0px; top: 0px; width: calc(50% - 10px); height: calc(50% - 10px); background-position: bottom right; }
#mainContainer #background div.gallery-set.n4 span.p1 { right: 0px; top: 0px; width: calc(50% - 10px); height: calc(50% - 10px); background-position: bottom left; }
#mainContainer #background div.gallery-set.n4 span.p2 { left: 0px; bottom: 0px; width: calc(50% - 10px); height: calc(50% - 10px); background-position: top right; }
#mainContainer #background div.gallery-set.n4 span.p3 { right: 0px; bottom: 0px; width: calc(50% - 10px); height: calc(50% - 10px); background-position: top left; }
#mainContainer #imageLoader { visibility: hidden; }
#mainContainer .main { position: absolute; display: none; left: 0px; top: 0px; width: 100%; height: 100%; }
#mainContainer .home { z-index: 100; text-align: center; text-transform: uppercase; }
#mainContainer .home .home-top { display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 50%; background-image: linear-gradient(-1deg, transparent 0%, #000000 100%); text-align: center; }
#mainContainer .home .home-top .giants { /*margin-top:calc(25vh - 230px);*/ margin-top: 20px; font-family: 'Copperplate'; font-size: 20px; color: #FD5A1E; letter-spacing: 0.8px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.74); }
#mainContainer .home .home-top .partnership { font-family: 'Copperplate-Bold'; font-size: 100px; color: #FFFFFF; line-height: 71px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.74); }
#mainContainer .home .home-bottom { display: block; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 300px; background-image: linear-gradient(-180deg, transparent 0%, #000000 85%); }
#mainContainer .home .home-bottom p { display: inline-block; position: relative; top: 180px; max-width: 720px; font-family: 'Copperplate'; font-size: 26px; color: #FD5A1E; }
#mainContainer .home .plate { display: block; position: absolute; width: 484px; height: 412px; margin-left: calc(50vw - 207px); margin-top: calc(50vh - 201px); }
#mainContainer .home .plate div.logo { display: block; position: absolute; left: 0px; top: 0px; width: 430px; height: 412px; background-image: url("../images/Plate.png"); background-position: center center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; text-align: center; }
#mainContainer .home .plate div.logo span { display: inline-block; position: relative; vertical-align: middle; margin: 50px 0 35px; }
#mainContainer .home .plate div.logo span.logo-giants { width: 306px; height: 128px; background-image: url("../images/Logo-words.png"); background-position: center center; background-repeat: no-repeat; background-size: contain; }
#mainContainer .home .plate div.logo span.divider, #mainContainer .home .plate div.logo span.logo-client { display: none; }
#mainContainer .home .plate div.logo p { display: block; position: relative; padding: 0px 15px; width: calc(100% - 30px); font-family: 'Copperplate'; text-transform: uppercase; font-size: 17px; line-height: 18px; color: #39444C; text-align: center; white-space: normal; }
#mainContainer .home .plate div.logo p.enter { font-family: 'Copperplate-Bold'; font-size: 32px; margin: 10px 0px 30px 0px; }
#mainContainer .home .plate div.logo .arrow { position: relative; left: 10px; width: 71px; height: 64px; }
#mainContainer .home .plate div.logo a { text-decoration: none; color: #39444C; }
#mainContainer .home .plate div.logo.client span.divider, #mainContainer .home .plate div.logo.client span.logo-client { display: inline-block; }
#mainContainer .home .plate div.logo.client span.divider { width: 2px; height: 138px; background-color: #b7b7b7; margin: 50px 25px 25px 25px; }
#mainContainer .home .plate div.logo.client span.logo-giants, #mainContainer .home .plate div.logo.client span.logo-client { width: 140px; height: 128px; background-position: center center; background-repeat: no-repeat; background-size: contain; }
#mainContainer .content { z-index: 101; }
#mainContainer .content .page { display: block; position: absolute; /*width:450px;*/ width: 40%; max-width: 600px; height: auto; max-height: calc(100% - 220px); background: rgba(26, 26, 26, 0.85); border-radius: 0 15px 15px 15px; /*transition:width .5s, height .5s, left .5s, top .5s;*/ }
#mainContainer .content .page #btnCopy { display: block; position: absolute; left: 30px; top: 30px; padding-left: 30px; width: 40px; height: 20px; background-image: url("../images/btn-copy-close.png"); background-position: center left; background-repeat: no-repeat; background-size: contain; /*transition:left .5s, top .5s;*/ font-family: 'ArtegraSansExtended-SemiBold'; text-transform: uppercase; font-size: 10px; line-height: 20px; color: #9D9D9D; letter-spacing: 0px; text-decoration: none; }
#mainContainer .content .page .copy { display: inline-block; position: relative; margin: 30px; text-align: left; width: calc(100% - 60px); }
#mainContainer .content .page .copy .buttons { margin-bottom: 40px; }
#mainContainer .content .page .copy .buttons a { display: inline-block; position: relative; vertical-align: middle; }
#mainContainer .content .page .copy .buttons .btn-right { float: right; margin-left: 25px; }
#mainContainer .content .page .copy .buttons .btn-right .pop-up { display: none; position: absolute; left: -28px; top: 30px; width: 70px; text-align: center; font-family: 'ArtegraSansCondensedAlt-Medium'; text-transform: uppercase; letter-spacing: .5px; font-size: 12px; color: #6F6F6F; background-image: linear-gradient(-180deg, #FEFEFE 0%, #E8E8E8 100%); border: 2px solid #FFFFFF; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.61); border-radius: 3px; }
#mainContainer .content .page .copy .buttons .btn-right .pop-up span { display: block; position: absolute; left: 30px; top: -6px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 6px solid #FFFFFF; }
#mainContainer .content .page .copy .buttons .btn-right:hover .pop-up { display: block; }
#mainContainer .content .page .copy .buttons .btn-video img { width: 22px; height: 16px; }
#mainContainer .content .page .copy .buttons .btn-gallery img { width: 20px; height: 18px; }
#mainContainer .content .page .copy .buttons .btn-download img { width: 20px; height: 20px; }
#mainContainer .content .page .copy .my-title { text-transform: uppercase; font-family: Copperplate; }
#mainContainer .content .page .copy .my-title .title-sub { font-size: 17px; color: #FFFFFF; letter-spacing: 0.8px; line-height: 16px; margin-bottom: 5px; }
#mainContainer .content .page .copy .my-title .title-sub span.dot { display: inline-block; position: relative; vertical-align: middle; margin: 0px 15px; width: 6px; height: 6px; border-radius: 3px; background: #FFFFFF; }
#mainContainer .content .page .copy .my-title .title-page { font-size: 25px; color: #FD5A1E; line-height: 24px; }
#mainContainer .content .page .copy .my-line { display: block; position: relative; width: 100%; height: 1px; margin: 20px 0px; background-color: #FFFFFF; }
#mainContainer .content .page .copy .my-copy { font-family: 'ArtegraSansCondensedAlt-Medium'; font-size: 19px; line-height: 25px; color: #FFFFFF; }
#mainContainer .content .page .copy .my-copy p.sponsor { display: none; }
#mainContainer .content .page .copy .my-copy p.sponsor a { background-color: #FFFFFF; padding: 10px; border-radius: 5px; text-transform: uppercase; font-family: 'ArtegraSansCondensedAlt-Medium'; font-size: 12px; color: #6F6F6F; line-height: 12px; text-decoration: none; }
#mainContainer .content .page .copy .my-copy p.sponsor.on { display: block; padding: 10px 5px; }
#mainContainer .content .page.is-closed { width: 100px; height: 60px; /*transition:width .5s, height .5s,left .5s, top .5s;*/ }
#mainContainer .content .page.is-closed #btnCopy { left: 20px; top: 20px; /*transition:left .5s, top .5s;*/ background-image: url("../images/btn-copy-open.png"); }
#mainContainer .content .page-template1 { left: 12px; top: 100px; }
#mainContainer .content .page-template2 { right: 12px; top: 100px; }
#mainContainer .content .page-template3 { left: 12px; bottom: 48px; }
#mainContainer .content .page-template4 { right: 12px; bottom: 48px; }
#mainContainer .content .page-template5 { width: 60%; min-width: 600px; max-width: 1600px; }
#mainContainer .content .page-template1.is-closed, #mainContainer .content .page-template5.is-closed { left: 0px !important; top: 190px !important; border-radius: 0 15px 15px 0; }
#mainContainer .content .page-template2.is-closed { right: 0px !important; top: 190px !important; border-radius: 15px 0 0 15px; }
#mainContainer .content .page-template3.is-closed { left: 0px !important; bottom: 50px !important; border-radius: 0 15px 15px 0; }
#mainContainer .content .page-template4.is-closed { right: 0px !important; bottom: 50px !important; border-radius: 15px 0 0 15px; }
#mainContainer .content .mytitle { display: block; position: relative; margin-left: 26px; text-align: left; width: auto; top: 50%; min-width: 400px; max-width: 600px; transform: translateY(-50%); }
#mainContainer .content .mytitle .section { display: inline-block; position: relative; width: auto; }
#mainContainer .content .mytitle .section .entering { margin-left: 10px; font-family: 'Copperplate'; font-size: 20px; color: #FD5A1E; letter-spacing: 0.8px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.74); }
#mainContainer .content .mytitle .section .title-large { margin: 20px 0 0 10px; font-family: 'Copperplate-Bold'; font-size: 100px; line-height: 64px; white-space: normal; color: #FFFFFF; text-transform: uppercase; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.74); }
#mainContainer .content .mytitle .section .in-this { margin: 10px 0 0 10px; opacity: 0.4; font-family: 'Copperplate'; font-size: 16px; color: #FFFFFF; letter-spacing: 0; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.74); }
#mainContainer .content .mytitle .section img { width: 98px; height: 8px; margin-left: 10px; }
#mainContainer .content .mytitle .section div a { display: block; position: relative; width: 280px; padding: 10px; margin-top: 0px; font-family: 'Copperplate'; font-size: 20px; color: #FFFFFF; letter-spacing: 0; line-height: 20px; text-decoration: none; white-space: nowrap; }
#mainContainer .content .mytitle .section div a span { display: block; font-family: 'ArtegraSansExtended-SemiBold'; font-size: 12px; line-height: 12px; color: #FA581D; letter-spacing: 0.5px; }
#mainContainer .content .mytitle .section div a:hover { border-radius: 5px; background: rgba(255, 255, 255, 0.1); }
#mainContainer .sitemap { z-index: 102; text-transform: uppercase; background-image: url("../images/bg-sitemap.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; white-space: nowrap; }
#mainContainer .sitemap .entering { white-space: normal; margin: 80px 0 0 36px; font-family: 'Copperplate'; font-size: 20px; color: #FD5A1E; letter-spacing: 0.8px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.74); }
#mainContainer .sitemap .title-large { white-space: normal; margin-left: 36px; font-family: 'Copperplate-Bold'; font-size: 100px; line-height: 104px; color: #FFFFFF; text-transform: uppercase; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.74); }
#mainContainer .sitemap div.level { display: inline-block; position: relative; vertical-align: top; white-space: normal; margin-left: 16px; max-height: calc(100% - 230px); overflow-y: auto; overflow-x: hidden; }
#mainContainer .sitemap div.level .in-this { margin: 10px 0 0 10px; opacity: 0.4; font-family: 'Copperplate'; font-size: 14px; color: #FFFFFF; letter-spacing: 0; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.74); }
#mainContainer .sitemap div.level img.divider { width: 98px; height: 8px; margin: 10px 0 10px 10px; }
#mainContainer .sitemap div.level a { display: block; position: relative; padding: 10px; margin-bottom: 2px; font-family: 'Copperplate'; font-size: 18px; color: #FFFFFF; letter-spacing: 0; line-height: 14px; text-decoration: none; white-space: nowrap; }
#mainContainer .sitemap div.level a img.arrow { visibility: hidden; display: inline-block; position: relative; vertical-align: middle; margin-right: 16px; width: 6px; height: 10px; }
#mainContainer .sitemap div.level a p { display: inline-block; position: relative; vertical-align: middle; width: 360px; white-space: normal; }
#mainContainer .sitemap div.level a p span { display: block; font-family: 'ArtegraSansExtended-SemiBold'; margin-top: 6px; font-size: 10px; line-height: 12px; color: #FA581D; letter-spacing: 0.5px; }
#mainContainer .sitemap div.level a:hover, #mainContainer .sitemap div.level a.on { border-radius: 5px; background: rgba(255, 255, 255, 0.1); }
#mainContainer .sitemap div.level a:hover img.arrow, #mainContainer .sitemap div.level a.on img.arrow { visibility: visible; }
#mainContainer .sitemap div.level a.on { pointer-events: none; cursor: default; }
#mainContainer .sitemap .level.l1 { width: 340px; }
#mainContainer .sitemap .level.l1 a img.icon { display: inline-block; position: relative; vertical-align: middle; margin: 0px 16px 0px 5px; width: 22px; height: 22px; }
#mainContainer .sitemap .level.l1 a p { width: 265px; }
#mainContainer .sitemap .level.l2 { width: 260px; display: none; }
#mainContainer .sitemap .level.l2 a p { width: 228px; }
#mainContainer .sitemap .level.l3 { width: 260px; display: none; }
#mainContainer .sitemap .level.l3 a p { width: 228px; }
#mainContainer .sitemap .level.l4 { width: 240px; display: none; }
#mainContainer .sitemap .level.l4 a p { width: 228px; }
#mainContainer .sitemap div.level.contact { margin-left: 0px; }
#mainContainer .sitemap div.level.contact div { margin-left: 10px; margin-bottom: 20px; width: 360px; }
#mainContainer .sitemap div.level.contact div p { text-transform: none; font-family: 'ArtegraSansCondensedAlt-Medium'; font-size: 15px; line-height: 16px; margin-bottom: 5px; }
#mainContainer .sitemap div.level.contact div p a { text-decoration: none; text-transform: none; font-family: 'ArtegraSansCondensedAlt-Medium'; font-size: 15px; line-height: 16px; padding: 0px; }
#mainContainer .sitemap div.level.contact div p.name { font-size: 18px; color: #FD5A1E; }
#mainContainer .sitemap .level.off { width: 0px; margin-left: 0px; }
#mainContainer .sitemap a.btn-toggle { display: none; position: absolute; right: 0px; bottom: 0px; width: 142px; height: 44px; text-align: center; text-decoration: none; color: #FFFFFF; text-transform: uppercase; font-family: 'ArtegraSansCondensedAlt-Medium'; font-size: 16px; line-height: 40px; }
#mainContainer .sitemap a.btn-toggle.contact { background-image: url("../images/contact-button.png"); }
#mainContainer .sitemap a.btn-toggle.menu { background-image: url("../images/site-map-button.png"); }
#mainContainer .sitemap a.btn-toggle.off { display: block; }
#mainContainer .progress { z-index: 103; display: none; position: absolute; width: 100%; height: 4px; left: 0; top: 0; background-color: #4B4B4B; }
#mainContainer .progress .bar { display: block; position: absolute; width: 0%; transition: width 0.5s; height: 4px; left: 0; top: 0; background-color: #FD5A1E; }
#mainContainer .title#title { z-index: 104; display: none; position: absolute; width: 100%; height: 44px; left: 0; top: 4px; background-color: #222222; white-space: nowrap; text-transform: uppercase; }
#mainContainer .title#title div { display: inline-block; position: relative; vertical-align: middle; line-height: 40px; }
#mainContainer .title#title div.left { width: 100px; }
#mainContainer .title#title div.left img.logo { width: 18px; height: 25px; margin-left: 30px; }
#mainContainer .title#title div.right { width: calc(100% - 130px); text-align: right; font-family: 'ArtegraSansExtended-SemiBold'; font-size: 12px; color: #FD5A1E; letter-spacing: 0; }
#mainContainer .title#title div.right span { display: inline-block; position: relative; vertical-align: middle; }
#mainContainer .title#title div.right span h1 { display: inline-block; position: relative; vertical-align: middle; color: #FFFFFF; font-family: 'ArtegraSansExtended-SemiBold'; letter-spacing: 4px; font-size: 12px; margin-left: 2px; }
#mainContainer .title#title img { display: inline-block; position: relative; vertical-align: middle; }
#mainContainer .title#title img.dots { width: 8px; height: 28px; margin: 0px 20px; }
#mainContainer .nav { z-index: 105; display: none; position: absolute; top: 7px; transition: left 0.5s; width: 698px; white-space: nowrap; }
#mainContainer .nav a.btn-linear { display: block; position: absolute; width: 54px; height: 46px; top: 19px; }
#mainContainer .nav a.btn-linear img { width: 54px; height: 46px; transition: filter 0.5s; }
#mainContainer .nav a.btn-linear.off { pointer-events: none; cursor: default; }
#mainContainer .nav a.btn-linear.off img { filter: grayscale(1); }
#mainContainer .nav .btnPrevLinear { left: 0px; transition: left 0.5s; }
#mainContainer .nav .btnNextLinear { right: 0px; transition: right 0.5s; }
#mainContainer .nav .box-left { display: block; position: absolute; left: 41px; }
#mainContainer .nav .box-right { display: block; position: absolute; right: 41px; }
#mainContainer .nav .nav-box { display: block; position: absolute; width: 576px; height: 83px; left: 61px; padding-top: 5px; background-image: url("../images/Nav-Box.png"); text-align: center; /*
a, img {display:inline-block; position:relative; vertical-align:middle; margin:12px 5px 6px;}
a.btn-sitemap {width:22px; height:18px; background-image:url('../images/hamburger.png'); background-size:contain; }
a.btn-summary {width:22px; height:29px; background-image:url('../images/Summary.png'); background-size:contain; }
.dots {width:8px; height:26px;}
.logo {width:28px; height:39px;}
*/ }
#mainContainer .nav .nav-box a.btn-sitemap { display: inline-block; position: relative; vertical-align: middle; width: 64px; height: 40px; text-align: center; white-space: normal; padding: 16px 0px; text-decoration: none; }
#mainContainer .nav .nav-box a.btn-sitemap img { display: inline-block; position: relative; vertical-align: middle; width: 22px; height: 18px; margin: 4px 5px 6px; }
#mainContainer .nav .nav-box a.btn-sitemap span.menu { display: block; position: relative; font-family: 'ArtegraSansExtended-SemiBold'; text-transform: uppercase; font-size: 10px; line-height: 14px; color: #FD5A1E; letter-spacing: 0px; }
#mainContainer .nav .nav-box a.btn-sitemap span.menu.exit { color: #9D9D9D; }
#mainContainer .nav .nav-box img.dots { display: inline-block; position: relative; vertical-align: middle; width: 8px; height: 26px; margin: 0 5px; }
#mainContainer .nav .nav-box p { display: inline-block; position: relative; vertical-align: middle; width: auto; height: 72px; font-size: 0px; letter-spacing: 0px; white-space: nowrap; }
#mainContainer .nav .nav-box p a { display: inline-block; position: relative; vertical-align: middle; width: 64px; height: 74px; }
#mainContainer .nav .nav-box p a img { display: block; position: absolute; width: 32px; height: 32px; left: 16px; top: 21px; }
#mainContainer .nav .nav-box p a.on { background-image: linear-gradient(-180deg, #FC5A1E 0%, #D5440F 100%); /*pointer-events:none; cursor:default;*/ }
#mainContainer .nav .nav-box p a.on img { filter: brightness(1000%); }
#mainContainer .nav .section-name { display: block; position: absolute; left: 100px; top: 40px; /*top:75px;*/ transition: left 0.3s, top 0.3s; border-radius: 5px; background: #FAFAFA; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.24); color: #9D9D9D; text-align: center; text-transform: uppercase; font-size: 18px; line-height: 22px; padding: 8px 20px; white-space: nowrap; }
#mainContainer .nav.sitemap-open { left: calc(100vw - 176px); }
#mainContainer .nav.sitemap-open .btnPrevLinear { left: 54px; }
#mainContainer .nav.sitemap-open .btnNextLinear { right: 54px; }
#mainContainer .nav.sitemap-open .nav-box a.btn-sitemap { background-image: url("../images/X.png"); }
#mainContainer a.print { z-index: 106; display: none; visibility: hidden; position: absolute; width: 142px; height: 44px; left: 0px; bottom: 0px; padding-right: 10px; text-decoration: none; text-transform: uppercase; color: #FFFFFF; background-image: url("../images/pdf.png"); text-align: center; font-family: 'ArtegraSansCondensedAlt-Medium'; font-size: 16px; line-height: 40px; }
#mainContainer a.btn-fullscreen { z-index: 107; /*display:none; visibility:hidden;*/ position: absolute; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.61); background-image: linear-gradient(180deg, #494949 0%, #252525 100%); width: 22px; height: 22px; right: 200px; bottom: 8px; padding: 2px; border: 2px solid #222222; border-radius: 5px; }
#mainContainer a.btn-fullscreen img { width: 22px; height: 22px; }
#mainContainer a.broadcast-btn { z-index: 506; visibility: hidden; position: absolute; width: 200px; height: 44px; right: 0px; bottom: 0px; text-decoration: none; text-transform: uppercase; color: #FFFFFF; background-image: url("../images/broadcast-button.png"); text-align: center; font-family: 'ArtegraSansCondensedAlt-Medium'; font-size: 16px; line-height: 40px; }
#mainContainer .video { z-index: 107; display: none; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); }
#mainContainer .video .video-box { display: block; position: absolute; width: 964px; height: 546px; left: calc(50% - 482px); top: calc(50% - 273px); border-radius: 10px; overflow: hidden; }
#mainContainer .video .btn-close-pop { display: block; position: absolute; width: 21px; height: 17px; background-image: url("../images/X.png"); background-size: cover; background-repeat: no-repeat; right: calc(50% - 482px + 10px); top: calc(50% - 273px - 30px); }
#mainContainer .gallery { z-index: 108; display: none; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); }
#mainContainer .gallery .btn-next-media { display: block; position: absolute; width: 40px; height: 40px; right: calc(50% - 482px - 40px); top: calc(50% - 20px); transform: rotate(-180deg); background: #FAFAFA; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.24); border-radius: 10px 0 0 10px; }
#mainContainer .gallery .btn-next-media p { display: block; position: absolute; width: 30px; height: 30px; left: 5px; top: 5px; transform: rotate(-180deg); background: #C6C6C6; border-radius: 6px; }
#mainContainer .gallery .btn-next-media p span { display: block; position: absolute; left: 7px; top: 9px; width: 9px; height: 9px; border-left: 3px solid #FFFFFF; border-top: 3px solid #FFFFFF; transform: rotate(135deg); }
#mainContainer .gallery .btn-prev-media { display: block; position: absolute; width: 40px; height: 40px; left: calc(50% - 482px - 40px); top: calc(50% - 20px); background: #FAFAFA; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.24); border-radius: 10px 0 0 10px; }
#mainContainer .gallery .btn-prev-media p { display: block; position: absolute; width: 30px; height: 30px; left: 5px; top: 5px; transform: rotate(-180deg); background: #C6C6C6; border-radius: 6px; }
#mainContainer .gallery .btn-prev-media p span { display: block; position: absolute; left: 7px; top: 9px; width: 9px; height: 9px; border-right: 3px solid #FFFFFF; border-bottom: 3px solid #FFFFFF; transform: rotate(-45deg); }
#mainContainer .gallery .gallery-box { display: block; position: absolute; width: 964px; height: 546px; left: calc(50% - 482px); top: calc(50% - 273px); border-radius: 10px; overflow: hidden; background-color: #000000; }
#mainContainer .gallery .gallery-box div { display: block; position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; }
#mainContainer .gallery p.media-title { display: block; position: absolute; width: 904px; height: 24px; left: calc(50% - 472px); top: calc(50% - 306px); padding: 0px 40px 0px 10px; text-align: center; font-size: 18px; overflow: hidden; }
#mainContainer .gallery .gallery-dots { display: block; position: absolute; width: 964px; height: 10px; left: calc(50% - 482px); top: calc(50% + 273px + 10px); text-align: center; }
#mainContainer .gallery .gallery-dots a { display: inline-block; position: relative; width: 10px; height: 10px; background-color: #FFFFFF; border-radius: 5px; margin: 0px 10px; opacity: .3; }
#mainContainer .gallery .gallery-dots a.on { opacity: 1; pointer-events: none; cursor: default; }
#mainContainer .gallery .btn-close-pop { display: block; position: absolute; width: 21px; height: 17px; background-image: url("../images/X.png"); background-size: cover; background-repeat: no-repeat; right: calc(50% - 482px + 10px); top: calc(50% - 273px - 30px); }

#print-box { z-index: 600; display: block; position: absolute; width: 332px; height: 107px; margin-left: calc(50vw - 166px); margin-top: calc(50vh - 53px); padding-top: 34px; background-image: linear-gradient(-180deg, #3B3B3B 0%, #000000 100%); border: 1px solid #222222; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.61); border-radius: 3px; text-align: center; }
#print-box a.print { display: inline-block !important; position: relative; width: 328px; height: 46px; margin-bottom: 2px; background-image: url("../images/print-btn.png"); background-size: contain; background-position: center center; background-repeat: no-repeat; text-align: center; font-family: 'Copperplate'; font-size: 12px; line-height: 44px; color: #FFFFFF; text-transform: uppercase; text-decoration: none; }
#print-box a.print.disabled { opacity: 0.6; pointer-events: none; cursor: default; }
#print-box a.print-close { display: block; position: absolute; width: 22px; height: 24px; padding: 5px; top: 0px; right: 0px; }
#print-box a.print-close img { width: 22px; height: 24px; }

#print-box.close { display: none; }

#intro-video { z-index: 500; display: none; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background-color: #000000; }
#intro-video .btn-video { display: block; position: absolute; top: 20px; right: 20px; text-align: center; font-size: 20px; line-height: 20px; padding: 10px 30px; color: #000000; background-color: #FFFFFF; text-transform: uppercase; text-decoration: none; border-radius: 5px; }

#intro-video.open { display: block; }

#debug { display: block; position: absolute; top: 0px; left: 0px; padding: 10px; font-size: 12px; background-color: #000000; color: #FFFFFF; width: 200px; height: auto; }

@media (max-width: 700px) { #mainContainer div, #mainContainer a, #mainContainer p, #mainContainer span, #mainContainer input { box-sizing: border-box; /*transition:.5s;*/ }
  #mainContainer .home .plate { width: 260px; height: 221px; margin-left: calc(50vw - 130px); margin-top: calc(50vh - 110px); }
  #mainContainer .home .plate div.logo { width: 260px; height: 221px; }
  #mainContainer .home .plate div.logo span { margin: 30px 0 20px; }
  #mainContainer .home .plate div.logo span.logo-giants { width: 160px; height: 67px; }
  #mainContainer .home .plate div.logo p.enter { margin: 0px 0px 10px 0px; font-size: 20px; line-height: 20px; padding: 0px; width: 100%; }
  #mainContainer .home .plate div.logo .arrow { left: 5px; width: 44px; height: 38px; }
  #mainContainer .home .plate div.logo.client span.divider, #mainContainer .home .plate div.logo.client span.logo-client { display: inline-block; }
  #mainContainer .home .plate div.logo.client span.divider { height: 70px; margin: 30px 15px 15px 15px; }
  #mainContainer .home .plate div.logo.client span.logo-giants, #mainContainer .home .plate div.logo.client span.logo-client { width: 75px; height: 70px; background-position: center center; background-repeat: no-repeat; background-size: contain; }
  #mainContainer .home .home-top .giants { font-size: 14px; line-height: 16px; }
  #mainContainer .home .home-top .partnership { font-size: 32px; line-height: 24px; margin-top: 5px; }
  #mainContainer .home .home-bottom { height: 268px; }
  #mainContainer .home .home-bottom p { font-size: 14px; line-height: 16px; padding: 0px 20px; }
  #mainContainer div.main.mobile.menu { display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: auto; z-index: 1000; text-transform: uppercase; }
  #mainContainer div.main.mobile.menu.show { display: block; }
  #mainContainer div.main.mobile.menu div.top { display: block; z-index: 1500; padding: 5px 15px; height: 50px; border-top: 4px solid #FD5A1E; white-space: nowrap; text-align: left; background: #222222; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.24); }
  #mainContainer div.main.mobile.menu div.top img, #mainContainer div.main.mobile.menu div.top p, #mainContainer div.main.mobile.menu div.top a, #mainContainer div.main.mobile.menu div.top span.client { display: inline-block; position: relative; vertical-align: middle; }
  #mainContainer div.main.mobile.menu div.top img.logo { width: 18px; }
  #mainContainer div.main.mobile.menu div.top img.dots { width: 6px; margin: 0px 6px; }
  #mainContainer div.main.mobile.menu div.top span.client { width: 32px; height: 36px; background-position: center center; background-repeat: no-repeat; background-size: contain; }
  #mainContainer div.main.mobile.menu div.top a { display: block; position: absolute; top: 18px; right: 15px; width: 22px; height: 15px; }
  #mainContainer div.main.mobile.menu div.top a span { display: block; position: absolute; width: 22px; height: 3px; left: 0px; background: #BDBDBD; transition: .3s; }
  #mainContainer div.main.mobile.menu div.top a span.line0 { top: 0px; }
  #mainContainer div.main.mobile.menu div.top a span.line1 { top: 6px; }
  #mainContainer div.main.mobile.menu div.top a span.line2 { top: 12px; }
  #mainContainer div.main.mobile.menu div.sections { display: none; height: calc(100vh - 50px); overflow: auto; }
  #mainContainer div.main.mobile.menu div.sections a { display: block; position: relative; padding: 11px 20px; height: auto; font-family: 'Copperplate'; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.24); font-size: 15px; line-height: 16px; background: #FFFFFF; color: #222222; text-align: center; text-decoration: none; }
  #mainContainer div.main.mobile.menu div.sections a.select, #mainContainer div.main.mobile.menu div.sections a:hover { background: #FD5A1E; color: #FFFFFF; }
  #mainContainer div.main.mobile.menu.show.open div.top a span { display: block; position: absolute; width: 22px; height: 3px; left: 0px; background: #BDBDBD; transition: .3s; }
  #mainContainer div.main.mobile.menu.show.open div.top a span.line0 { top: 6px; transform: rotate(45deg); }
  #mainContainer div.main.mobile.menu.show.open div.top a span.line1 { top: 6px; transform: rotate(45deg); }
  #mainContainer div.main.mobile.menu.show.open div.top a span.line2 { top: 6px; transform: rotate(-45deg); }
  #mainContainer div.main.mobile.menu.show.open div.sections { display: block; }
  #mainContainer div.main.mobile.content { display: none; position: absolute; padding-top: 85px; height: 100vh; overflow: auto; background: #FFFFFF; }
  #mainContainer div.main.mobile.content.show { display: block; }
  #mainContainer div.main.mobile.content div.section { display: block; position: fixed; z-index: 2000; padding: 0px 20px; top: 50px; width: 100%; height: 35px; line-height: 35px; text-align: center; text-transform: uppercase; background: #FD5A1E; font-family: 'Copperplate'; font-size: 15px; color: #FFFFFF; white-space: nowrap; text-overflow: ellipsis; }
  #mainContainer div.main.mobile.content div.section-title { display: flex; position: relative; height: calc(100vw * 10 / 16); font-family: 'Copperplate-Bold'; text-transform: uppercase; font-size: 27px; color: #FFFFFF; background-position: center center; background-repeat: no-repeat; background-size: cover; align-items: center; justify-content: center; padding: 30px; }
  #mainContainer div.main.mobile.content div.section-title span { text-align: center; }
  #mainContainer div.main.mobile.content div.pages { display: block; position: relative; }
  #mainContainer div.main.mobile.content div.pages div.page { display: block; position: relative; width: 100%; height: auto; max-width: none; max-height: none; background: none; border-radius: 0px; text-align: center; margin-bottom: 20px; padding-bottom: 11px; }
  #mainContainer div.main.mobile.content div.pages div.page div.line { display: inline-block; position: relative; width: calc(100% - 60px); height: 2px; background: #FD5A1E; }
  #mainContainer div.main.mobile.content div.pages div.page div.copy { padding: 20px 10px 10px 10px; text-align: left; width: 100%; margin: 0px; }
  #mainContainer div.main.mobile.content div.pages div.page div.copy div.title-sub, #mainContainer div.main.mobile.content div.pages div.page div.copy div.title-page { text-transform: uppercase; color: #535859; font-family: 'Copperplate-Bold'; font-size: 13px; line-height: 14px; }
  #mainContainer div.main.mobile.content div.pages div.page div.copy div.title-page { color: #FD5A1E; font-size: 18px; line-height: 18px; margin: 0px; }
  #mainContainer div.main.mobile.content div.pages div.page div.copy div.my-copy { margin: 0px; overflow: hidden; max-height: none; margin-top: 10px; color: #535859; font-size: 14px; line-height: 20px; font-family: 'ArtegraSansCondensedAlt-Medium'; }
  #mainContainer div.main.mobile.content div.pages div.page div.back-photo, #mainContainer div.main.mobile.content div.pages div.page div.my-photo { height: calc(100vw * 10 / 16); margin: 5px 0px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
  #mainContainer div.main.mobile.content div.pages div.page div.back-photo { padding: 20px; }
  #mainContainer div.main.mobile.content div.pages div.page div.back-photo div.info-photo { height: calc(100vw * 10 / 16 - 40px); background-position: center center; background-repeat: no-repeat; background-size: contain; }
  #mainContainer div.main.mobile.content div.pages div.page div.my-video { height: calc(100vw * 9 / 16); margin: 5px 0px; }
  #mainContainer div.main.mobile.content div.pages div.page div.my-buttons { text-align: center; padding-top: 10px; }
  #mainContainer div.main.mobile.content div.pages div.page div.my-buttons a { display: inline-block; position: relative; padding: 9px 0px 7px 0px; width: 140px; text-align: center; text-decoration: none; text-transform: uppercase; font-family: 'ArtegraSansCondensedAlt-Medium'; font-size: 14px; color: #FD5A1E; background: rgba(104, 104, 104, 0.2); border-radius: 3px; }
  #mainContainer div.main.mobile.content div.pages div.page div.my-buttons a img, #mainContainer div.main.mobile.content div.pages div.page div.my-buttons a span { display: inline-block; position: relative; vertical-align: middle; }
  #mainContainer div.main.mobile.content div.pages div.page div.my-buttons a img { height: 12px; margin-right: 7px; top: -2px; }
  #mainContainer div.main.mobile.content div.pages div.page div.my-photo, #mainContainer div.main.mobile.content div.pages div.page div.my-video, #mainContainer div.main.mobile.content div.pages div.page div.my-file { display: none; }
  #mainContainer div.main.mobile.content div.pages div.page.more div.my-photo, #mainContainer div.main.mobile.content div.pages div.page.more div.my-video, #mainContainer div.main.mobile.content div.pages div.page.more div.my-file { display: block; }
  #mainContainer div.main.mobile.content div.next-section { width: 100%; height: 76px; background: #FD5A1E; padding: 0px; }
  #mainContainer div.main.mobile.content div.next-section a { display: block; position: relative; height: 76px; font-family: 'Copperplate'; font-size: 19px; line-height: 76px; text-align: center; text-transform: uppercase; color: #FFFFFF; text-decoration: none; }
  #mainContainer div.main.mobile.content div.next-section.hide { display: none; } }
/*
@media (max-width:760px) {
#mainContainer {
	.home .home-top .partnership {font-size:48px; line-height:40px;}
}
}
@media (max-height:740px) {
#mainContainer {
	.home .home-top .partnership {font-size:48px; line-height:40px;}
	.home .home-top .giants {margin-top:calc(25vh - 150px);}
}
}
@media (max-width:480px) {
#mainContainer {
	.home .home-top .partnership {font-size:24px; line-height:24px;}
	.home .home-bottom p {font-size:18px; line-height:18px;}
}
}
*/

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