/* Gotham Black */
@font-face {
font-family: 'Gotham Black';
font-style: normal;
font-weight: 800;
src: local(''),
        url('../fonts/Gotham-Black.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/Gotham-Black.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Gotham Black */
/* Gotham Bold */
@font-face {
font-family: 'Gotham Bold';
font-style: normal;
font-weight: 700;
src: local(''),
        url('../fonts/Gotham-Bold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/Gotham-Bold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Gotham Bold */
/* Gotham Book */
@font-face {
font-family: 'Gotham Book';
font-style: normal;
font-weight: 400;
src: local(''),
        url('../fonts/Gotham-Book.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/Gotham-Book.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Gotham Book */
/* Gotham Light */
@font-face {
font-family: 'Gotham Light';
font-style: normal;
font-weight: 300;
src: local(''),
        url('../fonts/Gotham-Light.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/Gotham-Light.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Gotham Light */
/* Gotham Medium */
@font-face {
font-family: 'Gotham Medium';
font-style: normal;
font-weight: 500;
src: local(''),
        url('../fonts/Gotham-Medium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/Gotham-Medium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Gotham Medium */
/* Gotham Thin */
@font-face {
font-family: 'Gotham Thin';
font-style: normal;
font-weight: 100;
src: local(''),
        url('../fonts/Gotham-Thin.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/Gotham-Thin.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Gotham Thin */
/* Gotham Ultra */
@font-face {
font-family: 'Gotham Ultra';
font-style: normal;
font-weight: 400;
src: local(''),
        url('../fonts/Gotham-Ultra.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/Gotham-Ultra.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Gotham Ultra */
/* Gotham XLight */
@font-face {
font-family: 'Gotham XLight';
font-style: normal;
font-weight: 200;
src: local(''),
        url('../fonts/Gotham-XLight.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/Gotham-XLight.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Gotham XLight */
/* GothamCond Bold */
@font-face {
font-family: 'GothamCond Bold';
font-style: normal;
font-weight: 700;
src: local(''),
        url('../fonts/GothamCond-Bold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/GothamCond-Bold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* GothamCond Bold */
/* GothamCond Book */
@font-face {
font-family: 'GothamCond Book';
font-style: normal;
font-weight: 400;
src: local(''),
        url('../fonts/GothamCond-Book.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/GothamCond-Book.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* GothamCond Book */
/* GothamCond Light */
@font-face {
font-family: 'GothamCond Light';
font-style: normal;
font-weight: 300;
src: local(''),
        url('../fonts/GothamCond-Light.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/GothamCond-Light.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* GothamCond Light */
/* GothamCond Medium */
@font-face {
font-family: 'GothamCond Medium';
font-style: normal;
font-weight: 500;
src: local(''),
        url('../fonts/GothamCond-Medium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/GothamCond-Medium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* GothamCond Medium */


/*Reset CSS*/
html{height: 100%;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;font-family: 'Gotham Medium'; background: #fff;letter-spacing: 0.4px;font-size: 14px}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a{text-decoration: none; }
a:focus, input:focus, textarea:focus{outline:none;}
/*Reset CSS*/

/* Common CSS */
.articleflex{display:flex;justify-content:space-between;}
.article-box{margin-bottom:65px}
/* Common CSS */

/* intro video. */
.intro--section {position: relative; z-index: 1; max-height: 1400px; display: flex; justify-content: center;overflow: hidden;background:#fff}
.intro-container {position: relative; max-width: 1250px; width: 100%; height: 100%; margin: 0 auto; padding-left: 15px; padding-right: 15px; display: flex; justify-content: center;}
.intro--section .logo-overlay {position: absolute; top: 21px; left: initial; z-index: 1;}
.intro--section .fullwrap-video {position: absolute;z-index: 0;width: 100%;height: 1400px;top: 0; right: 0; left: 0; bottom: 0;}
.intro--section .fullwrap-video video {position: absolute;width: 100%;max-height: 100%;z-index: -100;border: 0;outline: 0 none;}
.intro--section .pp--wrapper {position: absolute; bottom: 60px; left: 15px;}
.intro--section .btn--playpause {border: 0;background: transparent;box-sizing: border-box;width: 0;height: 74px;border-color: transparent transparent transparent rgba(255,255,255,0.45);transition: 100ms all ease;cursor: pointer;border-style: solid;border-width: 37px 0 37px 60px;}
.intro--section .btn--playpause.paused { border-style: double; border-width: 0px 0 0px 60px;}
.intro--section .btn--playpause:hover {border-color: transparent transparent transparent rgba(255,255,255,1);}
.arrow-wrap{position:absolute;right:20px;bottom:100px;width:55px}
.arrow{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.arrow span{display: block;width: 30px;height: 30px;border-bottom: 5px solid #fff;border-right: 5px solid #fff;transform: rotate(45deg);margin: -15px;animation: animate 2s infinite;}
.arrow span:nth-child(2){animation-delay: -0.2s;}
@keyframes animate {
    0%{
        opacity: 0;transform: rotate(45deg)
        translate(-20px,-20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;transform: rotate(45deg) 
        translate(20px,20px);
    }
}

/* featured article */
.featured-article--section {position: relative; padding-top: 58px; padding-bottom: 30px;background:#fff}
.featured-article--section .featured-article-container {max-width: 1250px; margin: 0 auto; padding-left: 15px; padding-right: 15px; position: relative; z-index: 1;}
.featured-article--section .featured-title h1 {font-family: 'Gotham Black'; font-size:60px; line-height: normal; color: #000;}
.featured-article--section .article-content { display: flex; align-items: flex-start; margin-top:50px;}
.featured-article--section .article-content .left-col {margin-right: 50px; width: 242.5px; }
.featured-article--section .article-content .right-col {margin-left:0; max-width: 80%;margin-bottom: 45px}
.featured-article--section .article-content .left-col img {width:152.5px;display: block;overflow: hidden;}
.featured-article--section .vid-collection {display: block; margin-top: 53px; font-size: 25px; font-family: 'Gotham Black'; text-align: center; color: #000;}
.featured-article--section .vid-collection.visible-sm {display: none; margin: 0; padding-left: 15px; font-size: 13px; text-transform: uppercase;}
.featured-article--section .article-content .desc {margin-top: 11px;font-size:32px; line-height: 40px;}
.featured-article--section .down-arrow {position: absolute; z-index: 0; right: 14px; bottom: 14px; width: 45px;height: 45px;}
.featured-article--section .down-arrow img {max-width: 100%; display: block; overflow: hidden;}

/* List Images CSS */
#under30-container{background:#000;width:100%}
.main-cont-wrap{width:980px;margin:0 auto;padding:20px 0}
.art-left a{display:block;}
.ttl-wrap{display:flex;flex-direction:column;}
.art-ttl{font:700 20px/20px 'Gotham Bold';color:#fff;text-align:center;display:block;margin-top:16px}
.art-ttl em{font-style:normal;font:500 17px/20px 'Gotham Medium';display:block;padding-top:5px}
.art-desc{text-align:right;display:flex;align-items:center;flex-direction:column;justify-content:center;}
.f-ttl{font:500 15px/15px 'Gotham Medium';color:#fff;text-transform:uppercase;display:flex;text-align:right;position:relative;margin-bottom:12px;margin-left:auto;width:30%}
.f-ttl::after{height:2px;content:'';width:94px;background:#fff;position:absolute;bottom:-5px;right:0;}
.y-ttl{font:400 28px/50px 'Gotham Ultra';color:#ff9933;display:flex;margin-left:auto;align-items:flex-end;}
.y-ttl.pinkclr{color:#ff0066}
.y-ttl span{font:400 60px/68px 'Gotham Ultra';}
.th-ttl{color:#fff;font:500 21px/29px 'Gotham Medium';margin-bottom:48px;width:84%;display:flex;margin-left:auto;position:relative;}
.th-ttl::after{height:2px;content:'';width:94px;background:#fff;position:absolute;bottom:-25px;right:0;}
.art-list{display:flex;justify-content:space-between;}
.art-list li{margin-right:30px;margin-bottom:45px}
.art-list li a{display:block;color:#fff;text-align:center;}
.art-list li .ttl-name{display:block;margin-top:10px;padding-bottom:10px;font:700 20px/24px 'Gotham Bold'}
.art-list li .comp-name{display:block;font:400 17px/25px 'Gotham Book'}
.rev-col{flex-direction:row-reverse;}
.rev-col .art-desc{text-align:left;}
.rev-col .f-ttl{text-align:left;margin-right:auto;margin-left:inherit;}
.rev-col .f-ttl::after{right:inherit;left:0}
.rev-col .y-ttl{text-align:left;margin-right:auto;margin-left:inherit;}
.rev-col .th-ttl{margin-left:inherit;margin-right:auto;text-align:left;}
.rev-col .th-ttl::after{right:inherit;left:0}

/* The Modal (background) */
/*.active{opacity:1}*/
.modal {display: none;position: fixed;z-index: 1;left:50%;top:50%;transform:translate(-50%, -50%);width:900px;height:90vh;overflow:auto;background-color: #fff;z-index: 99;}

/* Modal Content */
.modal-content {position: relative;background-color: #fefefe;margin: auto;padding: 0 45px;/*width: 90%;max-width: 1200px;*/}

/* The Close Button */
.mySlides {display: none;}

.cursor {cursor: pointer;}

/* Next & previous buttons */
.prev, .next {cursor:pointer;position:absolute;top:200px;width:auto;margin-top:-50px;color:#000;transition:0.6s ease;user-select:none;-webkit-user-select:none;background:#fc0d1b;width:30px;height:30px;border-radius:50%}

/* Position the "next button" to the right */
.prev svg{margin-left:4px;margin-top:2px}
.next svg{margin-left:4px;margin-top:2px;transform:rotate(180deg);}
.next {right:45px;}
.prev span, .next span{font:500 13px/14px 'Gotham Medium';color:#000;text-align:center;display:flex;justify-content:center;margin-top:8px}

/* On hover, add a black background color with a little bit see-through */
/*.prev:hover,
.next:hover {background-color: rgba(0, 0, 0, 0.8);}*/
#overlayDiv{position:fixed;width:100%;height:100%;background:#000;opacity:0.8;left:0;top:0;bottom:0;right:0;display:none;z-index:9}
.no-scroll{overflow:hidden;}
.lightbox-cont{max-width:650px;margin:0 auto;}
.lightbox-cont img{width:100%;max-width:650px;display:block;margin:0 auto;}
.lgt-sptname{font:700 17px/22px 'Gotham Bold';color:#999;padding-bottom:5px}
.lgt-name{font:800 30px/34px 'Gotham Black';color:#000}
.lgt-desg{color:#999;font:400 16px/30px 'Gotham Book';text-transform:uppercase;margin-bottom:15px;margin-top:5px}
.close svg{display:flex;margin-left:auto;margin-top:15px;margin-right:15px}
.close:hover svg{fill:#b7b1b1;}
.lt-desc{font:500 16px/22px 'Gotham Medium';color:#000;margin-top:10px;margin-bottom:40px}
.vdo-link{background: rgb(210,240,50);background: linear-gradient(90deg, rgba(210,240,50,1) 0%, rgba(232,234,51,1) 35%, rgba(237,234,51,1) 100%);display:inline-block;text-transform:uppercase;padding:5px 10px;font:500 13px/20px 'Gotham Medium';margin-bottom:15px}
.vdo-link a{color:#000}
.btm-text{border-top:3px solid #000;color:#666;font:400 14px/20px 'Gotham Book';padding:15px 0;}


@media screen and (min-width:1024px) and (max-width:1250px){
	/*.main-cont-wrap{width:80%}*/
}

@media (max-width:1023px){
	.main-cont-wrap{width:100%}
	.ttl-wrap{flex-direction:row;justify-content:center;margin-left:auto;margin-right:auto;width:80%}
	.art-img img{width:92%;margin:0 auto;display:block;}
	.art-list li img{width:154px}
	.article-box{flex-direction:column;flex-wrap:wrap;margin-bottom:80px}
	.art-list{flex-wrap:wrap;justify-content:center;}
	.art-list li{margin:0 10px}
	.art-left{display:flex;justify-content:center;}
	.art-right{display:flex;justify-content:center;}
	.art-ttl{font:700 14px/20px 'Gotham Bold';margin-bottom:50px;padding:0 10px}
	.art-ttl em{font:500 12px/20px 'Gotham Medium';padding-top:2px}
	.art-list li .ttl-name{font:700 15px/20px 'Gotham Bold';padding-bottom:20px;width:154px}
	.art-list li .comp-name{font:500 13px/20px 'Gotham Medium';}
	.art-right{margin-left:auto;margin-right:auto}
	.f-ttl{width:auto;margin-right:auto;margin-left:auto;margin-bottom:20px}
	.f-ttl::after{width:100%}
	.y-ttl{font:400 19px/21px 'Gotham Ultra';width:40%;text-align:right;flex-direction:column;align-items:flex-end;margin-left:auto;display:flex;}
	.y-ttl span{font:400 48px/50px 'Gotham Ultra';}
	.th-ttl{font:500 11px/18px 'Gotham Medium';margin-right:auto;margin-left:inherit;width:44%;text-align:left;justify-content:center;align-items:center;margin-bottom:0}
	.th-ttl::after{margin-left:-47px;left:0;right:inherit;bottom:-25px}
	.rev-col .th-ttl{margin-left:-5px}
	.modal{width:100%;height:100%}
	.modal-content{padding:0 25px}
	.lgt-sptname, .lgt-name, .lgt-desg{text-align:center;}
	.prev span, .next span{display:none}
	.lt-desc{font:500 14px/20px 'Gotham Medium';margin-bottom:30px;margin-top:50px}
	.close svg{width:30px;margin-top:5px}
	.btm-text{font:400 12px/18px 'Gotham Book';}
	.next{right:25px}
	.prev, .next{top:345px;}
	.featured-article--section .featured-title h1{font-size:80px}
}

@media (max-width: 767px){
        .intro--section .logo-overlay {top: 15px;left: 15px;}
        .intro--section .logo-overlay img {height: auto;width: 60px;display: block;}
        .intro--section .pp--wrapper {bottom: 15px;}
        .intro--section .intro-container {position: absolute;left: 0;}
        .intro--section .fullwrap-video {position: relative;width: 100%; height: auto;}
        .intro--section .fullwrap-video video {position: relative;}
        .intro--section .btn--playpause {height: 37px; border-width: 18.5px 0 18.5px 30px;}
        .intro--section .btn--playpause.paused {border-width: 0px 0 0px 30px;}
        .featured-article--section {padding-top: 30px; padding-bottom: 60px;}
        .featured-article--section .featured-title h1,
        .featured-article--section .article-content .desc {font-size: 22px;line-height:28px}
        .featured-article--section .article-content {margin-top: 15px;}
        .featured-article--section .article-content .left-col {display: none;}
        .featured-article--section .article-content .right-col, .featured-article--section .featured-title {margin-left: 0;margin-bottom:0;max-width:100%}
        .featured-article--section .down-arrow { display: flex; width: 100%; align-items: center; justify-content: flex-end; left: initial; right: initial;}
        .featured-article--section .vid-collection.visible-sm {display: inline-flex; }
        .featured-article--section .down-arrow {height: 32px;}
        .featured-article--section .down-arrow img {width: 32px; padding-right: 15px;}
        .arrow-wrap{right:40px;bottom:60px}
        .arrow span{width:20px;height:20px;margin:-8px;opacity:0.6}
}