/* ======================================================================== */ /* Source: /v2/public/css/apps/tradeshow/screen.css */ /* ======================================================================== */ /* Layout: Global ------------------------------------------------ */ .TradeshowApp a, .TradeshowApp a:hover, .TradeshowApp a:link {text-decoration:none;} .TradeshowApp li{list-style:none;} .TradeshowApp .layout-content{padding:70px 0 0;font-size:15px;} .TradeshowApp .layout-page--fixed-width .layout-content{padding:0;width:auto;} .TradeshowApp .hero-container{position:relative;padding:0;} .TradeshowApp .lnb-button{display:table;padding:0 50px;border-radius:2px;} .TradeshowApp .lnb-button :hover,.TradeshowApp .lnb-button :focus{color:#fff;background:#000;border-color:#000;} .TradeshowApp .lnb-button-full{color:#000;background-color:#fff;border:0 none;} .TradeshowApp .lnb-button-full :hover,.TradeshowApp .lnb-button-full :focus{color:#fff;background:#000;} .TradeshowApp .lnb-icon{position:absolute;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);} .TradeshowApp .li-brands-show-more{ display:none; } .TradeshowApp .module-flash-notify{font-size:13px;margin:30px auto;width:1200px;max-width:1200px;} .TradeshowApp .u-overlay, .TradeshowApp .overlay-img{position:absolute;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.2);} .TradeshowApp .ui-widget-overlay{opacity:0.9;} @media (max-width:767px){ .TradeshowApp .hero-navigation.is-scrolling .hero-navigation-title{display:none;} .TradeshowApp .hero-navigation.is-scrolling .hero-navigation-share{display:none;} } @media (max-width:577px){ .TradeshowApp .lnb-button{padding:0 30px;} } /* Template: Article ------------------------------------------------ */ .TradeshowApp .ArticleView .ArticleHero{position:relative;padding-top:70px;} .TradeshowApp .ArticleView .ArticleHero .ArticleHeroHeader{position:relative;text-align:center;} .TradeshowApp .ArticleView .ArticleHero .ArticleHeroHeader-description{margin:0 auto;padding:60px 0;max-width:970px;z-index:2;color:#1a1a1a;} .TradeshowApp .ArticleView .ArticleHero .ArticleHeroHeader-subtitle{color:#999;} .TradeshowApp .ArticleView .ArticleBody{padding-top:60px;padding-bottom:60px;} .TradeshowApp .ArticleView .ArticleBody .ArticleBody-main{text-align:justify;} .TradeshowApp .ArticleView .ArticleBody .ArticleBody-main * + p, .TradeshowApp .ArticleView .ArticleBody .ArticleBody-main * + a, .TradeshowApp .ArticleView .ArticleBody .ArticleBody-main * + img{margin-top:20px;} .TradeshowApp .ArticleView .ArticleBody .ArticleBody-main a{color:#0064ff;text-decoration:underline;} .TradeshowApp .ArticleView .ArticleBody .ArticleBody-main a:hover{text-decoration:none;} .TradeshowApp .ArticleView .ArticleBody .ArticleBody-main h1{font-size:27px;font-weight:bold;} .TradeshowApp .ArticleView .ArticleBody .ArticleBody-main h2{padding-top:40px;font-size:18px;font-weight:bold;} .TradeshowApp .ArticleView .ArticleBody .ArticleBody-main h3{padding-top:20px;padding-bottom:6px;font-weight:bold;} .TradeshowApp .ArticleView .ArticleBody .ArticleBody-main ul{padding-inline-start:40px;} .TradeshowApp .ArticleView .ArticleBody .ArticleBody-main ul li{list-style:square;} .TradeshowApp .ArticleView .RelatedBrands--article{padding:60px 0;background-color:#f0f0f0;} .TradeshowApp .ArticleView .ArticleNextNews{padding:60px 0;} .TradeshowApp .ArticleView .ArticleNextNews .ArticleNextNews-section{max-width:570px;margin:0 auto;text-align:center;} .TradeshowApp .ArticleView .ArticleNextNews .Subtitle--nextArticle{padding-bottom:40px;} .TradeshowApp .ArticleView .Subtitle--articleBrands{padding-bottom:45px;text-align:center;} @media (max-width:991px){ .TradeshowApp .ArticleView .MediumSectionHead-title--nextArticle{margin:0 50px;font-size:35px;line-height:45px;} } @media (max-width:767px){ .TradeshowApp .ArticleView .ArticleHero .ArticleHeroHeader-description{padding-top:40px;padding-bottom:40px;} .TradeshowApp .ArticleView .ArticleBody-aside{display:none;} .TradeshowApp .ArticleView .RelatedBrands--article{padding-top:40px;} .TradeshowApp .ArticleView .ArticleNextNews{padding:50px 0;} .TradeshowApp .ArticleView .ArticleNextNews .Subtitle--nextArticle{padding-bottom:30px;} .TradeshowApp .ArticleView .ArticleNextNews .MediumSectionHead-title--nextArticle{margin:0 auto;font-size:27px;line-height:35px;} } /* Template: Brand Profile ------------------------------------------------ */ .TradeshowApp .BrandProfileView .BrandProfileHero{position:relative;padding-top:70px;background-color:#999;} .TradeshowApp .BrandProfileView .BrandProfileHero .BrandProfileHeroHeader{height:500px;position:relative;text-align:center;} .TradeshowApp .BrandProfileView .BrandProfileHero .BrandProfileHeroHeader .BrandProfileHeroHeader-title{ max-width:900px;width:100%;position:absolute;left:50%;top:50%; -webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:2; } .TradeshowApp .BrandProfileView .BrandProfileBody{margin-top:40px;margin-bottom:80px;} .TradeshowApp .BrandProfileView .BrandProfileBody .BrandProfileBody-logo img{display:block;max-width:130px;} .TradeshowApp .BrandProfileView .BrandProfileBody .BrandProfileBody-country{line-height:20px;color:#999;} .TradeshowApp .BrandProfileView .BrandProfileBody .BrandProfileBody-priceRange{line-height:20px;color:#999;} .TradeshowApp .BrandProfileView .BrandProfileBody .BrandProfileBody-website{line-height:25px;color:#999;border-bottom:1px solid #999;} .TradeshowApp .BrandProfileView .BrandProfileBody .BrandProfileBody-website:hover{color:#1a1a1a;border-color:#1a1a1a;} .TradeshowApp .BrandProfileView .BrandProfileBody .BrandProfileBody-website:focus{text-decoration:none;} .TradeshowApp .BrandProfileView .BrandProfileBody .BrandProfileBody-socials{margin-top:20px;} .TradeshowApp .BrandProfileView .BrandProfileBody .BrandProfileBody-socials li{margin-top:10px;} .TradeshowApp .BrandProfileView .BrandProfileBody .BrandProfileBody-socials li a{color:#999;line-height:20px;} .TradeshowApp .BrandProfileView .BrandProfileBody .BrandProfileBody-socials li a svg{fill:#b2b2b2;} .TradeshowApp .BrandProfileView .BrandProfileBody .BrandProfileBody-socials li a:hover svg{fill:#1a1a1a;} .TradeshowApp .BrandProfileView .BrandProfileBody .BrandProfileBody-socials li a:hover{color:#1a1a1a;} .TradeshowApp .BrandProfileView .BrandProfileBody .BrandProfileBody-description{font-size:17px;line-height:25px;} .TradeshowApp .BrandProfileView .BrandProfileBody .BrandProfileBody-stockists{padding-top:20px;} .TradeshowApp .BrandProfileView .BrandProfileBody .lnb-button-BrandProfileShowroom{margin-top:50px;text-transform:none;background:#0064ff;color:#fff;border:1px solid #0064ff;border-radius:2px;} .TradeshowApp .BrandProfileView .BrandProfileBody .lnb-button-BrandProfileShowroom:hover{background:#fff;color:#0064ff;} .TradeshowApp .BrandProfileView .BrandProfileEvents{padding-bottom:60px;} .TradeshowApp .BrandProfileView .BrandProfileEvents .BrandProfileEvents-listing{padding-bottom:60px;} .TradeshowApp .BrandProfileView .BrandProfileEvents .BrandProfileEvents-listing .BrandEvent{width:100%;padding:25px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} .TradeshowApp .BrandProfileView .MarketingBanner{margin-bottom:0;padding:30px 0;} .TradeshowApp .BrandProfileView .MarketingBanner .lnb-icon{top:auto;transform:none;position:relative;} .TradeshowApp .BrandProfileView .MarketingBanner + .BrandProfileEvents{padding-top:60px;} .TradeshowApp .BrandProfileView .MarketingBanner + .TrendsArticles{padding-top:60px;} .TradeshowApp .BrandProfileView .RelatedBrands--brandProfile{padding:60px 0;background-color:#f0f0f0;} .TradeshowApp .BrandProfileView .TrendsArticles--brandProfile{padding-bottom:60px;} .TradeshowApp .BrandProfileView .TrendsArticles--brandProfile .js-masonry{margin-bottom:60px;} .TradeshowApp .BrandProfileView .BrandProfileBody .lnb-icon-before, .TradeshowApp .BrandProfileView .BrandProfileEvents .lnb-icon-before{display:block;position:relative;padding-left:30px;} .TradeshowApp .BrandProfileView .lnb-icon-before svg:first-of-type{left:0;} .TradeshowApp .BrandProfileView .lnb-button--brandProfile{margin:0 auto;} .TradeshowApp .BrandProfileView .LargeSectionHero-title--brandProfile{color:#fff;text-shadow:0 0 5px rgba(0, 0, 0, 0.1);} .TradeshowApp .BrandProfileView .SmallSectionHead-title--brandProfile{text-align:center;padding-bottom:45px;text-transform:uppercase;} .TradeshowApp .BrandProfileView .BodyCopySmall--brandProfile{color:#000;} .TradeshowApp .BrandProfileView .BodyCopyMedium--brandEvent{text-transform:uppercase;color:#999;} @media (max-width:1199px){ .TradeshowApp .BrandProfileView .BrandProfileHero .BrandProfileHeroHeader{height:400px;} } @media (max-width:991px){ .TradeshowApp .BrandProfileView .BrandProfileHero .BrandProfileHeroHeader{height:350px;} .TradeshowApp .BrandProfileView .BrandProfileHero .BrandProfileHeroHeader .BrandProfileHeroHeader-title{max-width:300px;} .TradeshowApp .BrandProfileView .BrandProfileHero .BrandProfileHeroHeader .LargeSectionHero-title--brandProfile{font-size:60px;line-height:60px;} .TradeshowApp .BrandProfileView .MarketingBanner{padding:10px 0;} } @media (max-width:767px){ .TradeshowApp .BrandProfileView .BrandProfileHero{margin-bottom:0;} .TradeshowApp .BrandProfileView .BrandProfileHero .BrandProfileHeroHeader{height:230px;} .TradeshowApp .BrandProfileView .BrandProfileHero .BrandProfileHeroHeader .LargeSectionHero-title--brandProfile{font-size:40px;line-height:40px;} .TradeshowApp .BrandProfileView .BrandProfileBody{margin-bottom:0;} .TradeshowApp .BrandProfileView .BrandProfileBody .BrandProfileBody-logo{margin-bottom:40px;} .TradeshowApp .BrandProfileView .BrandProfileBody .BrandProfileBody-logo img{margin:0 auto;} .TradeshowApp .BrandProfileView .BrandProfileBody .BrandProfileBody-details{margin-bottom:40px;} .TradeshowApp .BrandProfileView .BrandProfileBody .BrandProfileBody-description{margin-bottom:40px;line-height:20px;} .TradeshowApp .BrandProfileView .BrandEvent-group{display:none;} } /* Template: Brands ------------------------------------------------ */ .TradeshowApp .BrandsView .popover-content{min-width:200px;} .TradeshowApp .BrandsView .popover-content a{text-decoration:underline;} .TradeshowApp .BrandsView .BlockFilter-right-searchButton{cursor:pointer;} .TradeshowApp .BrandsView .BlockFilter-right-searchButtonWithIcon .LnbIcon{left:-35px !important;} .TradeshowApp .BrandsView .BlockFilter-subnav ul li a{display:inline-block;} .TradeshowApp .BrandsView .BrandsBanner-restrictedSend, .TradeshowApp .BrandsView .BrandsBanner-restricted{position:relative;padding-bottom:15px;text-align:center;color:#999;background:#f7f7f7;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;-webkit-transition-timing-function:cubic-bezier(0, 1, 0.5, 1);-moz-transition-timing-function:cubic-bezier(0, 1, 0.5, 1);-o-transition-timing-function:cubic-bezier(0, 1, 0.5, 1);transition-timing-function:cubic-bezier(0, 1, 0.5, 1);} .TradeshowApp .BrandsView .BrandsBanner-restrictedSend.inactive, .TradeshowApp .BrandsView .BrandsBanner-restricted.inactive{max-height:0;padding:0;overflow-y:hidden;} .TradeshowApp .BrandsView .BrandsBanner-restrictedSend .BrandsBanner-content, .TradeshowApp .BrandsView .BrandsBanner-restricted .BrandsBanner-content{position:relative;padding:30px 0;background:#ebebeb;} .TradeshowApp .BrandsView .BrandsBanner-restrictedSend .LnbButton, .TradeshowApp .BrandsView .BrandsBanner-restricted .LnbButton{margin-top:25px;} .TradeshowApp .BrandsView .BrandsBanner-restrictedSend .BrandsBanner-close, .TradeshowApp .BrandsView .BrandsBanner-restricted .BrandsBanner-close{width:40px;height:40px;position:absolute;right:0;top:0;line-height:40px;font-size:30px;font-weight:100;cursor:pointer;} .TradeshowApp .BrandsView .BrandsBanner-restrictedSend .BrandsBanner-close:hover, .TradeshowApp .BrandsView .BrandsBanner-restricted .BrandsBanner-close:hover{color:#000;} .TradeshowApp .BrandsView .BrandHeader-notConnected{opacity:0.3;} .TradeshowApp .BrandsView .BrandsDirectory-app{min-height:1000px;} .TradeshowApp .BrandsView .BrandsDirectory{position:relative;min-height:800px;background-color:#f7f7f7;} .TradeshowApp .BrandsView .BrandsDirectory-overlay{background-color:rgba(255, 255, 255, 0.94);background-image:url(https://www.lenewblack.com/v2/public/css/apps/tradeshow/"/v2/public/images/loading.gif");background-repeat:no-repeat;background-position:50% 60%;background-size:80px;left:0;top:0;width:100%;height:100%;z-index:3;opacity:0;visibility:hidden;position:fixed;} .TradeshowApp .BrandsView .BrandsDirectory-overlay.active{opacity:1;visibility:visible;} .TradeshowApp .BrandsView .BrandsList{position:relative;padding-top:20px;} .TradeshowApp .BrandsView .BrandList--subtitle{padding:20px 0;text-transform:uppercase;line-height:1;} .TradeshowApp .BrandsView .BrandsDirectory-no-results{text-align:center;font-size:34px;color:#999;} .TradeshowApp .BrandsView .BrandsDirectory-no-results-left{text-align:left;padding-left:0;} .TradeshowApp .BrandsView .BrandsDirectory-no-data{text-align:center;font-size:20px;color:#999;max-width:600px;margin:60px auto 0;} .TradeshowApp .BrandsView .BrandsDirectory-no-data p{margin-bottom:15px;} .TradeshowApp .BrandsView .BrandsDirectory-no-data a{font-size:13px;} .TradeshowApp .BrandsView .BrandsDirectory-no-data .lnb-button{margin:30px auto 10px;} .TradeshowApp .BrandsView .BrandsDirectory-no-data .log-in{text-decoration:underline;} .TradeshowApp .BrandsView .Brand{padding-bottom:30px;} .TradeshowApp .BrandsView .Brand.Brand--collection .BrandHeader{height:180px;} .TradeshowApp .BrandsView .BrandSwitcher{text-align:right;margin-bottom:10px;} .TradeshowApp .BrandsView .BrandFilters-toggle{display:none;} .TradeshowApp .BrandsView .BrandFilters-close{display:none;} .TradeshowApp .BrandsView .BrandFilters-container{padding-left:15px;} .TradeshowApp .BrandsView .brand-from{margin-bottom:5px;text-align:center;} .TradeshowApp .BrandsView .brand-from .brandCard-from-agency{color:#000;} .TradeshowApp .BrandsView .brand-not-connected{color:#ccc;margin-top:30px;} .TradeshowApp .BrandsView .brand-container{box-shadow:0 3px 5px #ddd;} .TradeshowApp .BrandsView .brand-container .BrandBody{height:140px;padding:10px 20px 20px;} .TradeshowApp .BrandsView .brand-container .BrandBody .BodyCopyXSmall{text-align:center;} .TradeshowApp .BrandsView .BrandCards-container .brand-container .BrandBody .text-ellipsis-2lines{display:block;position:relative;height:39px;font-size:13px;line-height:1.5;overflow:hidden;} .TradeshowApp .BrandsView .BrandCards-container .brand-container .BrandBody .text-ellipsis-2lines:after{content:"";display:block;position:absolute;right:0;bottom:0;height:20px;width:50px;background:linear-gradient(to right, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 0) 2%, white 60%, white 100%);} .TradeshowApp .BrandsView .BrandCards-container .brand-container .BrandPending{position:absolute;top:15px;right:50px;padding:4px 15px;line-height:23px;font-size:13px;border-radius:20px;background:#fafafa;color:#999;} .TradeshowApp .BrandsView .BrandFilters-label{padding-left:10px;} .TradeshowApp .BrandsView .BrandFilters-label .flag{margin-right:3px;} .TradeshowApp .BrandsView .BrandFilters-input{margin-bottom:3px !important;vertical-align:text-top;} .TradeshowApp .BrandsView .ui-slider{border:1px solid #aaa;height:14px;background:#fff;} .TradeshowApp .BrandsView .ui-slider .ui-widget-header{background:#aaa;} .TradeshowApp .BrandsView .ui-slider .ui-slider-handle{height:14px;border-color:#000;top:-1px;width:12px;border-left:none;border-right:none;background:#000;cursor:pointer;} .TradeshowApp .BrandFilters-group{border-bottom:1px solid #e6e6e6;margin-bottom:20px;} .TradeshowApp .BrandFilters-group:last-of-type{border-bottom:none;} .TradeshowApp .BrandFilters-group .bi-info-circle-fill{cursor:pointer;} .TradeshowApp ul.BrandFilters-longList{max-height:170px;overflow-y:scroll;margin-bottom:20px;padding-bottom:0;} .TradeshowApp ul.BrandFilters-longList::-webkit-scrollbar{background-color:#e5e5e5;border-radius:8px;width:8px;} .TradeshowApp ul.BrandFilters-longList::-webkit-scrollbar-thumb{background-color:#999;border-radius:8px;} .TradeshowApp .BrandCard-fadeOut{opacity:0;transition:0.5s;} .TradeshowApp .BrandCard-actions{position:absolute;width:100%;top:0;left:0;} .TradeshowApp .BrandReceived{position:absolute;top:15px;right:65px;line-height:23px;font-size:13px;border-radius:20px;background:#fafafa;color:#999;overflow:hidden;} .TradeshowApp .BrandReceived .BrandReceived-action{display:inline-block;padding:4px 15px;cursor:pointer;} .TradeshowApp .BrandReceived .BrandReceived-action:first-child{border-right:1px solid #ddd;color:#0064ff;} .TradeshowApp .BrandReceived .BrandReceived-action:last-child{color:#ff0000;} .TradeshowApp .BrandReceived .BrandReceived-action:hover{background:#fff;} .TradeshowApp .BrandCard-like-container{position:absolute;right:10px;top:15px;width:34px;height:31px;} .TradeshowApp .BrandCard-like{background:transparent;border:none;width:100%;height:100%;padding:0;} .TradeshowApp .BrandCard-like:after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%);transform-origin:center center;width:40px;height:40px;opacity:0;border-radius:100%;pointer-events:none;background:rgba(214, 84, 84, 0.2);} .TradeshowApp .BrandCard-like:hover .heart-outline{fill:#ecb7b7;} .TradeshowApp .BrandCard-like:hover.is-liked .heart-fill{fill:#d65454;} .TradeshowApp .BrandCard-like svg{position:absolute;top:5px;left:5px;transition:0.2s;} .TradeshowApp .BrandCard-like.is-liked .heart-fill{fill:#ecb7b7;} .TradeshowApp .BrandCard-like.is-liked .heart-outline{display:none;} .TradeshowApp .BrandCard-like.is-active:after{animation:pulse 0.5s ease-out;} .TradeshowApp .BrandCard-like-indicator{position:relative;width:70px;padding:10px 15px;text-align:center;left:50%;top:-100px;box-sizing:content-box;background-color:white;color:black;font-size:13px;opacity:0;visibility:hidden;transform:translate(-50%, 0);box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.2);cursor:default;animation:likeIndicator 5s;} .TradeshowApp .heart-outline{fill:white;} .TradeshowApp .heart-fill{fill:none;} .TradeshowApp .BrandHeader{position:relative;} .TradeshowApp .BrandHeader-container{position:absolute;text-align:center;left:50%;top:50%;width:calc(100% - 50px);word-wrap:break-word;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} @keyframes pulse{ 0%{transform:translate(-50%, -50%) scale(0.3);opacity:0;} 80%{transform:translate(-50%, -50%) scale(0.8);opacity:1;} 100%{transform:translate(-50%, -50%) scale(1);opacity:0;} } @keyframes grow{ 0%{transform:scale(1);opacity:1;} 50%{transform:scale(1.1);opacity:1;} 100%{transform:scale(1);opacity:1;} } @keyframes likeIndicator{ 0%{transform:translate(-50%, 10px);opacity:0;visibility:visible;} 10%{transform:translate(-50%, 0);opacity:0.97;visibility:visible;} 80%{transform:translate(-50%, 0);opacity:0.97;visibility:visible;} 100%{transform:translate(-50%, 0);opacity:0;visibility:hidden;} } @media only screen and (max-width:1199px){ .TradeshowApp .col-lg-4fifth{width:80%;} } @media only screen and (max-width:991px){ .TradeshowApp .BrandsView .Brand.Brand--collection .BrandHeader{height:auto;} } @media only screen and (max-width:767px){ .TradeshowApp .BrandsView .BrandsDirectory .BrandList--subtitle{padding:0 0 60px;} .TradeshowApp .BrandsView .BrandsDirectoryLogged .BrandList--subtitle{padding:0 0 10px;} .TradeshowApp .BrandsView .PricingSwitcher{margin-top:10px;} .TradeshowApp .BrandsView .PricingSwitcher label{width:90px;font-size:13px;} .TradeshowApp .BrandsView .BrandFilters-toggle{display:block;position:absolute;left:4px;top:60px;padding:10px 15px;background-color:transparent;border-radius:3px;border:1px solid #1a1a1a;} .TradeshowApp .BrandsView .BrandFilters-container{position:fixed;left:-100%;top:70px;width:100%;min-height:100vh;max-height:4000px;padding-right:25px;border-right:none;z-index:5;background-color:rgba(255, 255, 255, 0.97);overflow-x:hidden;-webkit-overflow-scrolling:touch;transition:transform 0.3s;padding-left:0;} .TradeshowApp .BrandsView .BrandFilters-container.active{transform:translateX(100%);} .TradeshowApp .BrandsView .BrandFilters-innerContainer{position:absolute;width:calc(100% + 15px);height:100%;overflow-y:scroll;padding-bottom:100px;padding-top:40px;padding-left:15px;padding-right:15px;} .TradeshowApp .BrandsView .BrandFilters-label{padding:5px 0 5px 10px;} .TradeshowApp .BrandsView .BrandFilters-close{display:block;border-radius:100%;background-color:transparent;border:1px solid #000;position:absolute;width:46px;height:46px;padding:0;right:25px;top:25px;} .TradeshowApp .BrandsView .BrandFilters-close:before, .TradeshowApp .BrandsView .BrandFilters-close:after{content:"";position:absolute;display:block;width:20px;height:1px;background-color:#1a1a1a;left:50%;top:50%;} .TradeshowApp .BrandsView .BrandFilters-close:before{transform:translate(-50%, -50%) rotate(45deg);-moz-transform:translate(-50%, -50%) rotate(45deg);-webkit-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);} .TradeshowApp .BrandsView .BrandFilters-close:after{transform:translate(-50%, -50%) rotate(-45deg);-moz-transform:translate(-50%, -50%) rotate(-45deg);-webkit-transform:translate(-50%, -50%) rotate(-45deg);-ms-transform:translate(-50%, -50%) rotate(-45deg);} } @media only screen and (max-width:577px){ } /* Template: Brands: what's new ------------------------------------------------ */ .TradeshowApp .Brand-section-container > div.Brand-section:last-of-type{padding-bottom:20px;} .TradeshowApp .Brand-section-container .Brand-section{margin-bottom:20px;} .TradeshowApp .Brand-section-container .Brand-section .BrandList--subtitle{text-align:center !important;font-weight:500;} .TradeshowApp .Brand-section-container .Brand-section .BrandList--subtitle .Subtitle{display:block;padding-top:10px;font-weight:400;text-transform:none;} .TradeshowApp .Brand-section-container .Brand-section .Subtitle--spacing{padding:40px 0 30px;} .TradeshowApp .RelatedBrands .Brand--selection{margin-bottom:30px;} .TradeshowApp .RelatedBrands .Brand--selection .lnb-button{margin:0 auto;padding:0 40px;} .TradeshowApp .RelatedBrands .Brand--selection .lnb-button:hover{background-color:black;color:white;transition:0.3s;} .TradeshowApp .RelatedBrands .Brand--selection p + .lnb-button{margin-top:30px;} .TradeshowApp .RelatedBrands .Brand--selection .BrandHeader{color:#fff;} .TradeshowApp .RelatedBrands .Brand--selection .BrandHeader:after{padding-bottom:55%;} .TradeshowApp .RelatedBrands .Brand--selection .BrandHeader img{transition:8s;backface-visibility:hidden;} .TradeshowApp .RelatedBrands .Brand--selection .BrandHeader:hover img{transform:translate(-50%, -50%);} .TradeshowApp .RelatedBrands .Brand--selection.Brand--selection-right{float:right;} .TradeshowApp .RelatedBrands .Brand--selection.Brand--selection-medium .BrandHeader:after{padding-bottom:100%;} .TradeshowApp .RelatedBrands .Brand--selection.Brand--selection-big .BrandHeader{color:#fff;} .TradeshowApp .RelatedBrands .Brand--selection.Brand--selection-big .BrandHeader:after{padding-bottom:115%;} .TradeshowApp .RelatedBrands .Brand--selection.Brand--selection-big .SmallSectionHead-title{font-size:35px;line-height:46px;} @media only screen and (max-width:1199px){ .TradeshowApp .Brand--selection.Brand--selection-big .BrandHeader:after{padding-bottom:117%;} } @media only screen and (max-width:991px){ .TradeshowApp .Brand--selection .lnb-button{font-size:11px;margin:20px auto 0;} .TradeshowApp .Brand--selection.Brand--selection-big .BrandHeader:after{padding-bottom:119%;} .TradeshowApp .Brand--selection.Brand--selection-big .SmallSectionHead-title{font-size:22px;line-height:30px;} } @media only screen and (max-width:767px){ .TradeshowApp .BrandsView .BrandFilters-container{width:100%;left:-100%;border-right:none;} .TradeshowApp .BrandsView .BrandFilters-label{padding:5px 0 5px 10px;} .TradeshowApp .RelatedBrands .Brand--selection{margin-bottom:10px;} .TradeshowApp .Brand--selection.Brand--selection-medium .BrandHeader:after{padding-bottom:55%;} .TradeshowApp .Brand--selection.Brand--selection-big .BrandHeader:after{padding-bottom:55%;} .TradeshowApp .Brand--selection.Brand--selection-big .SmallSectionHead-title{font-size:17px;line-height:25px;} } /* Template: Brands A-Z ------------------------------------------------ */ .TradeshowApp .BrandsAZView .BrandsListing-container{margin-bottom:50px;column-count:4;column-gap:30px;-moz-column-count:4;-moz-column-gap:30px;overflow:hidden;} .TradeshowApp .BrandsAZView .BrandsListing-container .BrandsListing-letter{page-break-inside:avoid;margin-bottom:80px;} .TradeshowApp .BrandsAZView .BrandsListing-container .BrandsListing-letter li{margin-bottom:5px;} .TradeshowApp .BrandsAZView .BrandsListing-container .BrandsListing-letter li a{font-size:17px;line-height:25px;} .TradeshowApp .BrandsAZView .BrandsListing-container .BrandsListing-letter li a :hover{color:#1a1a1a;border-bottom:1px solid #ddd;} .TradeshowApp .BrandsAZView .BrandsListing-container .BrandsListing-letter .BrandsListing-letter-title{margin-bottom:15px;font-size:80px;line-height:80px;text-transform:uppercase;} .TradeshowApp .BrandsAZView .TopBrands{background-color:#f0f0f0;padding:60px 0 20px;margin-bottom:60px;} .TradeshowApp .BrandsAZView .TopBrands .TopBrand{text-align:center;} .TradeshowApp .BrandsAZView .TopBrands .TopBrand .TopBrand-image{background:#fff;border:1px solid #ddd;padding:30px 0;} .TradeshowApp .BrandsAZView .TopBrands .TopBrand .TopBrand-image img{width:100px;} .TradeshowApp .BrandsAZView .TopBrands .TopBrand .TopBrand-name{font-weight:600;color:#999;padding-bottom:40px;padding-top:20px;} @media (max-width:991px){ .TradeshowApp .BrandsAZView .BrandsListing-container{column-count:3;-moz-column-count:3;} .TradeshowApp .BrandsAZView .BrandsListing-container .BrandsListing-letter-title{font-size:60px;line-height:60px;} } @media (max-width:767px){ .TradeshowApp .BrandsAZView .BrandsListing-container{column-count:2;-moz-column-count:2;} .TradeshowApp .BrandsAZView .BrandsListing-container .BrandsListing-letter-title{font-size:40px;line-height:40px;} } /* Template: Calendar ------------------------------------------------ */ .TradeshowApp .CalendarView .SectionHero--calendar{padding-bottom:10px;} .TradeshowApp .CalendarView .SectionHero-title--calendar{text-transform:uppercase;max-width:600px;margin:0 auto;} .TradeshowApp .CalendarView .MediumSectionHead--calendar{padding:0 15px 50px;} .TradeshowApp .CalendarView .Subtitle--calendar{text-transform:none;} .TradeshowApp .CalendarView .Season{margin-bottom:60px;} .TradeshowApp .CalendarView .Season .Season-hero{position:relative;height:240px;} .TradeshowApp .CalendarView .Season .MediumSectionHead{position:relative;z-index:1;} .TradeshowApp .CalendarView .Season .MediumSectionHead-title{color:#fff;line-height:240px;} .TradeshowApp .CalendarView .Season .EventGroup:last-child{border-bottom:none;padding:40px 0 0;} .TradeshowApp .CalendarView .CalendarProposal{background:#f0f0f0;} @media (max-width:991px){ .TradeshowApp .CalendarView .RelatedItemsListing{display:none;} } @media (max-width:767px){ .TradeshowApp .CalendarView .Season .Season-hero{height:200px;} .TradeshowApp .CalendarView .Season .MediumSectionHead-title{line-height:200px;} } /* Template: Calendar event group ------------------------------------------------ */ .TradeshowApp .CalendarEventGroupView .EventGroupHeader{margin-bottom:70px;} .TradeshowApp .CalendarEventGroupView .EventGroupHeader .EventGroupHero{position:relative;margin-bottom:50px;padding-top:70px;} .TradeshowApp .CalendarEventGroupView .EventGroupHeader .EventGroupHero .EventGroupHero-header{height:500px;position:relative;text-align:center;} .TradeshowApp .CalendarEventGroupView .EventGroupHeader .EventGroupHero .EventGroupHero-title{max-width:900px;padding:20px;width:100%;z-index:2;left:50%;position:absolute;top:50%;color:#fff;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .TradeshowApp .CalendarEventGroupView .EventGroupHeader .EventGroupHero .EventGroupHero-date{margin-top:20px;} .TradeshowApp .CalendarEventGroupView .EventGroupHeader .EventGroupNav{margin-bottom:70px;} .TradeshowApp .CalendarEventGroupView .EventGroupHeader .EventGroupNav .EventGroupNav-header{margin-bottom:50px;} .TradeshowApp .CalendarEventGroupView .EventGroupHeader .EventGroupNav .EventGroupNav-header .nav-header-title{font-size:19px;font-weight:600;line-height:25px;text-transform:uppercase;} .TradeshowApp .CalendarEventGroupView .EventGroupHeader .EventGroupNav .EventGroupNav-items{counter-reset:tradeshows;} .TradeshowApp .CalendarEventGroupView .EventGroupHeader .EventGroupNav .EventGroupNav-items li:nth-of-type(-n+3) a{border-top:1px solid #999;} .TradeshowApp .CalendarEventGroupView .EventGroupHeader .EventGroupNav .EventGroupNav-items li a{display:block;padding:25px 0;color:#999;border-bottom:1px solid #999;transition:all 0.3s ease 0s;} .TradeshowApp .CalendarEventGroupView .EventGroupHeader .EventGroupNav .EventGroupNav-items li a:hover{color:#000;} .TradeshowApp .CalendarEventGroupView .EventGroupHeader .EventGroupNav .EventGroupNav-items .BodyCopyMedium::before{content:counter(tradeshows, decimal);counter-increment:tradeshows;font-weight:600;padding-right:20px;} .TradeshowApp .CalendarEventGroupView .lnb-maps--tradeshows{position:relative;overflow:hidden;transition:all 0.3s ease 0s;height:200px;} .TradeshowApp .CalendarEventGroupView .lnb-maps--tradeshows .lnb-maps-btn{z-index:7;background-color:rgba(0, 0, 0, 0.3);border-radius:2px;color:#fff;transition:all 0.3s ease 0s;} .TradeshowApp .CalendarEventGroupView .lnb-maps--tradeshows .lnb-maps-btn:active, .TradeshowApp .CalendarEventGroupView .lnb-maps--tradeshows .lnb-maps-btn:focus, .TradeshowApp .CalendarEventGroupView .lnb-maps--tradeshows .lnb-maps-btn:hover{background-color:rgba(0, 0, 0, 0.33);color:#fff;text-decoration:none;} .TradeshowApp .CalendarEventGroupView .lnb-maps--tradeshows .lnb-maps-btn--expand{padding:15px 25px;transition-delay:0.3s;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .TradeshowApp .CalendarEventGroupView .lnb-maps--tradeshows .lnb-maps-btn--close{height:50px;line-height:50px;opacity:0;position:absolute;right:30px;text-align:center;top:30px;visibility:hidden;width:50px;} .TradeshowApp .CalendarEventGroupView .lnb-maps--tradeshows .lnb-maps-btn--close::after, .TradeshowApp .CalendarEventGroupView .lnb-maps--tradeshows .lnb-maps-btn--close::before{background-color:#fff;content:"";display:block;height:20px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:2px;} .TradeshowApp .CalendarEventGroupView .lnb-maps--tradeshows .lnb-maps-btn--close::after{transform:translate(-50%, -50%) rotate(-45deg);-moz-transform:translate(-50%, -50%) rotate(-45deg);-webkit-transform:translate(-50%, -50%) rotate(-45deg);-o-transform:translate(-50%, -50%) rotate(-45deg);-ms-transform:translate(-50%, -50%) rotate(-45deg);} .TradeshowApp .CalendarEventGroupView .lnb-maps--tradeshows .lnb-maps-btn--close::before{transform:translate(-50%, -50%) rotate(45deg);-moz-transform:translate(-50%, -50%) rotate(45deg);-webkit-transform:translate(-50%, -50%) rotate(45deg);-o-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);} .TradeshowApp .CalendarEventGroupView .lnb-maps--tradeshows #div-maps-event-group{height:580px;width:100%;} .TradeshowApp .CalendarEventGroupView .lnb-maps--expanded{height:580px;} .TradeshowApp .CalendarEventGroupView .u-transparent{opacity:0 !important;visibility:hidden !important;} .TradeshowApp .CalendarEventGroupView .u-visible{opacity:1 !important;visibility:visible !important;transition-delay:0.3s;} .TradeshowApp .CalendarEventGroupView .Event{border-bottom:2px solid #f0f0f0;} .TradeshowApp .CalendarEventGroupView .Event .Event-img{display:block;width:100%;} .TradeshowApp .CalendarEventGroupView .Event .Event-title{margin-bottom:30px;text-align:center;} .TradeshowApp .CalendarEventGroupView .Event .Event-subtitle{margin-bottom:15px;} .TradeshowApp .CalendarEventGroupView .Event .Event-address{padding-bottom:20px;} .TradeshowApp .CalendarEventGroupView .Event .Event-direction{border-bottom:1px solid #ddd;} .TradeshowApp .CalendarEventGroupView .Event .EventRelatedItems li{line-height:25px;} .TradeshowApp .CalendarEventGroupView .Event .EventRelatedItems a{border-bottom:1px solid #999;color:#999;transition:all 0.3s ease 0s;} .TradeshowApp .CalendarEventGroupView .Event .EventRelatedItems a:active, .TradeshowApp .CalendarEventGroupView .Event .EventRelatedItems a:hover{border-bottom-color:#1a1a1a;color:#1a1a1a;} .TradeshowApp .CalendarEventGroupView .Event .EventTradeshow{padding:60px 0;} .TradeshowApp .CalendarEventGroupView .Event:last-child{border-bottom:none;} .TradeshowApp .CalendarEventGroupView .RelatedBrands--eventGroup{padding:60px 0;background:#f0f0f0;} .TradeshowApp .CalendarEventGroupView .Subtitle--AttendingBrands{color:#999;padding-bottom:45px;text-align:center;} @media (max-width:1199px){ .TradeshowApp .CalendarEventGroupView .EventGroupHeader .EventGroupHero .EventGroupHero-header{height:400px;} } @media (max-width:991px){ .TradeshowApp .CalendarEventGroupView .EventGroupHeader .EventGroupHero .EventGroupHero-header{height:350px;} .TradeshowApp .CalendarEventGroupView .LargeSectionHero-title--EventGroupHero{font-size:60px;line-height:60px;} .TradeshowApp .CalendarEventGroupView .Event .MediumSectionHead-title{font-size:27px;letter-spacing:0;line-height:35px;} .TradeshowApp .CalendarEventGroupView .Event .EventTradeshow{padding:40px 0;} .TradeshowApp .CalendarEventGroupView .Event .MediumSectionHead{padding-bottom:20px;} .TradeshowApp .CalendarEventGroupView .BodyCopyMedium{line-height:20px;} } @media (max-width:767px){ .TradeshowApp .CalendarEventGroupView .EventGroupHeader{margin-bottom:40px;} .TradeshowApp .CalendarEventGroupView .EventGroupHeader .EventGroupHero{margin-bottom:40px;} .TradeshowApp .CalendarEventGroupView .EventGroupHeader .EventGroupHero .EventGroupHero-header{height:230px;} .TradeshowApp .CalendarEventGroupView .EventGroupHeader .LargeSectionHero-title--EventGroupHero{font-size:40px;line-height:40px;} .TradeshowApp .CalendarEventGroupView .EventGroupHeader .EventGroupNav{margin-bottom:50px;} .TradeshowApp .CalendarEventGroupView .EventGroupHeader .EventGroupNav .EventGroupNav-header{margin-bottom:40px;} .TradeshowApp .CalendarEventGroupView .EventGroupHeader .EventGroupNav .EventGroupNav-items li:nth-of-type(-n+3) a{border-top:none;} .TradeshowApp .CalendarEventGroupView .EventGroupHeader .EventGroupNav .EventGroupNav-items li:first-child a{border-top:1px solid #999;} .TradeshowApp .CalendarEventGroupView .EventGroupHeader .EventGroupNav .EventGroupNav-items li a{padding:15px 0;} .TradeshowApp .CalendarEventGroupView .RelatedItemsListing{display:none;} .TradeshowApp .CalendarEventGroupView .RelatedBrands--eventGroup{padding:40px 0;} .TradeshowApp .CalendarEventGroupView .Event .EventTradeshow{padding:30px 0;} .TradeshowApp .CalendarEventGroupView .Event .MediumSectionHead{padding-bottom:10px;} .TradeshowApp .CalendarEventGroupView .BodyCopyMedium{font-size:13px;line-height:15px;} } /* Template: Index ------------------------------------------------ */ .TradeshowApp.TradeshowAppIndexView .header-nav--showroom .item .item-title{color:#fff;} .TradeshowApp.TradeshowAppIndexView .header-nav--showroom .item:hover a.item-title{color:#000;} .TradeshowApp.TradeshowAppIndexView .header-nav--showroom .item:hover span.item-title{color:#000;background:#fff !important;} .TradeshowApp.TradeshowAppIndexView .layout-content{padding-top:0;} .TradeshowApp .IndexView .MediumSectionHead-title--index{text-transform:uppercase;} .TradeshowApp .IndexView .Carrousel--index{position:relative;width:100%;height:720px;color:#fff;background:#000;overflow:hidden;} .TradeshowApp .IndexView .Carrousel--index a{color:#fff;} .TradeshowApp .IndexView .Carrousel--index .carrousel-nav .nav-ctas-set{position:relative;} .TradeshowApp .IndexView .Carrousel--index .carrousel-nav .nav-ctas-set .nav-ctas{position:absolute;width:100%;text-align:center;z-index:2;top:550px;} .TradeshowApp .IndexView .Carrousel--index .carrousel-nav .nav-ctas-set .nav-ctas .nav-cta{display:inline-block;width:20px;height:20px;text-indent:-9999px;background:url(/v2/public/img/icon-carrousel-nav.png) no-repeat left top;} .TradeshowApp .IndexView .Carrousel--index .carrousel-nav .nav-ctas-set .nav-ctas .selected{background-position:left -20px;} .TradeshowApp .IndexView .Carrousel--index .carrousel-items{height:720px;} .TradeshowApp .IndexView .Carrousel--index .carrousel-items .item{position:absolute;width:100%;height:100%;} .TradeshowApp .IndexView .Carrousel--index .carrousel-items .item .item-img{position:absolute;top:0;right:-100%;left:-100%;width:100%;min-width:1200px;margin:auto;z-index:0;height:720px;} .TradeshowApp .IndexView .Carrousel--index .carrousel-items .item .item-img img{width:100%;} .TradeshowApp .IndexView .Carrousel--index .carrousel-items .item .item-img .item-credit{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);color:#999;bottom:360px;right:-140px;position:absolute;z-index:1;width:350px;} .TradeshowApp .IndexView .Carrousel--index .carrousel-items .item .item-title{margin:200px auto 0;position:relative;text-align:center;z-index:2;color:#fff;background:none;} .TradeshowApp .IndexView .Carrousel--index .carrousel-items .item .item-buttons{margin:80px auto 0;position:relative;z-index:2;text-align:center;} .TradeshowApp .IndexView .Carrousel--index .carrousel-items .item .item-buttons .lnb-button{margin:0 25px;display:inline-block;border-color:#fff;} .TradeshowApp .IndexView .Carrousel--index .carrousel-items .item .item-buttons .lnb-button.lnb-button-full{color:#000;} .TradeshowApp .IndexView .Carrousel--index .carrousel-items .item .item-buttons .lnb-button.lnb-button-full:hover{color:#fff;background:#000;} .TradeshowApp .IndexView .Carrousel--index .carrousel-items .item .item-buttons .lnb-button.lnb-button-inverted{color:#fff;} .TradeshowApp .IndexView .Carrousel--index .carrousel-items .item .item-buttons .lnb-button.lnb-button-inverted:hover{color:#000;} .TradeshowApp .IndexView .Carrousel--index .carrousel-items .item ~ .item{display:none;} .TradeshowApp .IndexView .Carrousel--index .carrousel-border{position:absolute;bottom:0;left:50%;margin-left:-1000px;z-index:1;} .TradeshowApp .IndexView .Carrousel--index .carrousel-border svg{display:block;fill:#fff;height:400px;width:4000px;} .TradeshowApp .IndexView .BrandsRetailers{padding-bottom:80px;} .TradeshowApp .IndexView .BrandsRetailers .MediumSectionHead{padding-bottom:0;} .TradeshowApp .IndexView .BrandsRetailers ul{padding:40px 60px;} .TradeshowApp .IndexView .BrandsRetailers li{line-height:25px;} .TradeshowApp .IndexView .BrandsRetailers li .bi-check{padding-right:15px;} .TradeshowApp .IndexView .BrandsRetailers .ForBrands ul{border-right:1px solid #e6e6e6;} .TradeshowApp .IndexView .BrandsRetailers .BrandsRetailers-cta{margin:0 auto;} .TradeshowApp .IndexView .BrandsRetailers .Carrousel--BrandsRetailers{max-width:100%;height:450px;position:relative;margin-top:60px;} .TradeshowApp .IndexView .BrandsRetailers .Carrousel--BrandsRetailers .carrousel-nav .nav-ctas-set{position:relative;} .TradeshowApp .IndexView .BrandsRetailers .Carrousel--BrandsRetailers .carrousel-nav .nav-ctas-set .nav-ctas{position:absolute;width:100%;text-align:center;z-index:2;top:400px;} .TradeshowApp .IndexView .BrandsRetailers .Carrousel--BrandsRetailers .carrousel-nav .nav-ctas-set .nav-ctas .nav-cta{display:inline-block;width:20px;height:20px;text-indent:-9999px;background:url(/v2/public/img/icon-carrousel-nav.png) no-repeat left top;} .TradeshowApp .IndexView .BrandsRetailers .Carrousel--BrandsRetailers .carrousel-nav .nav-ctas-set .nav-ctas .selected{background-position:left -20px;} .TradeshowApp .IndexView .BrandsRetailers .Carrousel--BrandsRetailers .carrousel-items .item{display:none;} .TradeshowApp .IndexView .BrandsRetailers .Carrousel--BrandsRetailers .carrousel-items .item:first-child{display:block;} .TradeshowApp .IndexView .BrandsRetailers .Carrousel--BrandsRetailers .carrousel-items .item .item-img{position:absolute;top:0;right:-100%;left:-100%;width:100%;height:auto;margin:auto;z-index:0;} .TradeshowApp .IndexView .BrandsRetailers .Carrousel--BrandsRetailers .carrousel-items .item .item-info{top:550px;left:15px;} .TradeshowApp .IndexView .BrandsRetailers .BrandsRetailers-description{text-align:center;color:#999;} .TradeshowApp .IndexView .RelatedBrands--index{padding-bottom:80px;margin-bottom:80px;border-bottom:1px solid #e6e6e6;} .TradeshowApp .IndexView .Brands{padding:60px 0;background:#f0f0f0;} .TradeshowApp .IndexView .Brands .Brands-title{text-align:center;color:#b2b2b2;padding:20px 0 40px;font-size:17px;line-height:25px;} .TradeshowApp .IndexView .Brands .Brands-listing{text-align:center;} .TradeshowApp .IndexView .Brands .Brands-listing .Brands-image{padding:30px 0;} .TradeshowApp .IndexView .Brands .Brands-listing .Brands-image img{max-width:70%;} .TradeshowApp .IndexView .partners{padding:60px 0;background:#f0f0f0;} .TradeshowApp .IndexView .partners .partners-title{padding:20px 0 40px;font-size:17px;line-height:25px;text-align:center;color:#b2b2b2;} .TradeshowApp .IndexView .partners .partners-listing{text-align:center;} .TradeshowApp .IndexView .partners .partners-listing .partners-image{padding:30px 0;} .TradeshowApp .IndexView .partners .partners-listing .partners-image img{max-width:70%;} .TradeshowApp .IndexView .SectionHero--index{padding-bottom:10px;padding-top:0;} .TradeshowApp .IndexView .SectionHero-title--index{text-transform:uppercase;max-width:600px;margin:0 auto;} .TradeshowApp .IndexView .Subtitle--index{text-transform:none;} .TradeshowApp .IndexView .TrendsArticles--index{position:relative;padding:60px 0;background:#fff;border-bottom:1px solid #e6e6e6;z-index:1;} .TradeshowApp .IndexView .Calendar--index{padding:60px 0;} .TradeshowApp .IndexView .Calendar--index .EventGroup{padding:0 15px;border-bottom:none;} .TradeshowApp .IndexView .Calendar--index .EventGroup .EventGroup-img{margin-bottom:20px;} .TradeshowApp .IndexView .Calendar--index .EventGroup .EventGroup-title{margin-bottom:10px;} .TradeshowApp .IndexView .Calendar--index .EventGroup .EventGroup-subtitle{margin-bottom:10px;} .TradeshowApp .IndexView .Calendar--index .EventGroup .EventGroup-subtitle .excerpt-date{text-transform:uppercase;} .TradeshowApp .IndexView .Calendar--index .EventGroup .EventGroup-description{text-align:justify;} .TradeshowApp .IndexView .Calendar--index .SectionHero-title--index{max-width:500px;} .TradeshowApp .IndexView .Calendar--index + .RelatedBrands--index{padding-top:60px;border-top:1px solid #e6e6e6;background:#f0f0f0;margin-bottom:0;border-bottom:none;} .TradeshowApp .IndexView .Calendar--index + .RelatedBrands--index .FeaturedBrands{padding-bottom:60px;} .TradeshowApp .IndexView .TrendsArticles-cta, .TradeshowApp .IndexView .RelatedBrands-cta, .TradeshowApp .IndexView .Calendar-cta{margin:0 auto;} .TradeshowApp .IndexView .EventGroups-listing, .TradeshowApp .IndexView .SelectedBrands-listing, .TradeshowApp .IndexView .TrendsArticles-listing{margin-bottom:50px;} @media (max-width:1199px){ .TradeshowApp .IndexView .BrandsRetailers ul{padding:40px;} .TradeshowApp .IndexView .Carrousel .carrousel-items .item .item-info{left:30px;} } @media (max-width:991px){ .TradeshowApp .IndexView .Carrousel{height:500px;} .TradeshowApp .IndexView .Carrousel .carrousel-nav .nav-ctas-set .nav-ctas{top:360px;} .TradeshowApp .IndexView .Carrousel .carrousel-items .item .item-info{top:360px;} .TradeshowApp .IndexView .Carrousel .carrousel-border{margin-left:-600px;} .TradeshowApp .IndexView .BrandsRetailers .ForBrands ul{border-right:none;} .TradeshowApp .IndexView .BrandsRetailers .Carrousel--BrandsRetailers{margin:50px auto 0;} .TradeshowApp .IndexView .Carrousel--index .carrousel-items .item .item-title{margin-top:140px;} .TradeshowApp .IndexView .Carrousel--index .carrousel-items .item .item-buttons{width:auto;height:100px;} .TradeshowApp .IndexView .Calendar--index .RelatedItemsListing{display:none;} .TradeshowApp .IndexView .RelatedBrands--index{padding-bottom:60px;margin-bottom:60px;} .TradeshowApp .IndexView .Carrousel--index .carrousel-items .item .item-title{margin-top:120px;} .TradeshowApp .IndexView .Carrousel--index .carrousel-items .item .item-buttons{margin:60px auto 0;} } @media (max-width:767px){ .TradeshowApp .IndexView .RelatedBrands--index .FeaturedBrands-carousel{padding:0 10px;} .TradeshowApp .IndexView .RelatedBrands--index .FeaturedBrands-carousel .brand{padding:0 5px;} .TradeshowApp .IndexView .BrandsRetailers{padding-bottom:60px;} .TradeshowApp .IndexView .BrandsRetailers .ForRetailers{padding-top:80px;} .TradeshowApp .IndexView .BrandsRetailers ul{padding:40px 0;height:auto;} .TradeshowApp .IndexView .ForBrands-listing, .TradeshowApp .IndexView .ForRetailers-listing{margin:0 auto;padding:0 60px;} .TradeshowApp .IndexView .Carrousel--index{height:370px;} .TradeshowApp .IndexView .Carrousel--index .carrousel-nav .nav-ctas-set .nav-ctas{top:280px;} .TradeshowApp .IndexView .Carrousel--index .carrousel-items .item .item-info{display:none;} .TradeshowApp .IndexView .Carrousel--index .carrousel-items .item .item-title{margin-top:100px;} .TradeshowApp .IndexView .Carrousel--index .carrousel-items .item .item-buttons{margin:40px auto 0;} .TradeshowApp .IndexView .Carrousel--index .carrousel-items .item .item-buttons .lnb-button{margin:7px 25px;} .TradeshowApp .IndexView .Carrousel--index .carrousel-border{margin-left:-400px;} .TradeshowApp .IndexView .Calendar--index .EventGroups{margin-bottom:30px;} } @media (max-width:577px){ .TradeshowApp .IndexView .BrandsRetailers{padding-bottom:40px;} .TradeshowApp .IndexView .BrandsRetailers .ForBrands-listing, .TradeshowApp .IndexView .BrandsRetailers .ForRetailers-listing{width:auto;padding:0 10px;} .TradeshowApp .IndexView .BrandsRetailers .ForBrands-listing ul, .TradeshowApp .IndexView .BrandsRetailers .ForRetailers-listing ul{padding:40px 0;font-size:13px;} .TradeshowApp .IndexView .BrandsRetailers .Carrousel--BrandsRetailers{height:280px;} .TradeshowApp .IndexView .BrandsRetailers li{margin-left:15px;} .TradeshowApp .IndexView .BrandsRetailers li .bi-check{margin-left:-20px;padding-right:5px;} .TradeshowApp .IndexView .RelatedBrands--index{margin-bottom:40px;padding-bottom:40px;} .TradeshowApp .IndexView .RelatedBrands .Brand{padding-left:5px;padding-right:0;} .TradeshowApp .IndexView .RelatedBrands .Brand:first-child{padding-right:5px;padding-left:0;} .TradeshowApp .IndexView .Brands{padding:40px 0;} .TradeshowApp .IndexView .Brands .Brands-title{padding-bottom:20px;} .TradeshowApp .IndexView .TrendsArticles--index{padding:40px 0;} .TradeshowApp .IndexView .TrendsArticles-listing .TrendArticle{margin-bottom:30px;} .TradeshowApp .IndexView .TrendsArticles-listing .TrendArticle .TrendArticle-img{margin-bottom:10px;} .TradeshowApp .IndexView .TrendsArticles-listing .TrendArticle .TrendArticle-title{margin-bottom:0;} .TradeshowApp .IndexView .Calendar--index{padding:40px 0;} .TradeshowApp .IndexView .Calendar--index .EventGroup{margin-bottom:30px;} .TradeshowApp .IndexView .Calendar--index .EventGroup .EventGroup-img{margin-bottom:10px;} .TradeshowApp .IndexView .Calendar--index .EventGroup .EventGroup-title{margin-bottom:0;} .TradeshowApp .IndexView .partners{padding:40px 0;} .TradeshowApp .IndexView .partners .partners-title{padding-bottom:20px;} .TradeshowApp .IndexView .Carrousel--index .carrousel-nav .nav-ctas-set .nav-ctas{display:none;} .TradeshowApp .IndexView .Carrousel--index .carrousel-items .item .item-buttons{margin-top:30px;} .TradeshowApp .IndexView .Carrousel--index .carrousel-items .item .item-buttons .lnb-button{margin:0;padding:0 15px;} .TradeshowApp .IndexView .Carrousel--index .carrousel-items .item .item-buttons .lnb-button-inverted{display:none;} .TradeshowApp .IndexView .Carrousel--index .EditorialSectionHero-subtitle{line-height:25px;} } /* Template: Retailer directory ------------------------------------------------ */ .TradeshowApp.TradeshowAppRetailerDirectoryView .modal-dialog{width:800px;max-width:800px;margin:100px auto;} .TradeshowApp.TradeshowAppRetailerDirectoryView .modal-dialog .modal-content{border-radius:0;} .TradeshowApp.TradeshowAppRetailerDirectoryView .modal-dialog .modal-body{padding:0;} .TradeshowApp .RetailerDirectoryView .RetailersDirectory-app{min-height:800px;} .TradeshowApp .RetailerDirectoryView .RetailersDirectory-app .RetailersDirectory{background-color:#f0f0f0;position:relative;min-height:800px;} .TradeshowApp .RetailerDirectoryView .RetailersDirectory-app .RetailersDirectory-overlay{background-color:rgba(255, 255, 255, 0.94);background-image:url(https://www.lenewblack.com/v2/public/css/apps/tradeshow/"/v2/public/images/loading.gif");background-repeat:no-repeat;background-position:50% 60%;background-size:80px;left:0;top:0;width:100%;height:100%;z-index:3;opacity:0;visibility:hidden;position:fixed;} .TradeshowApp .RetailerDirectoryView .RetailersDirectory-app .RetailersDirectory-overlay.active{opacity:1;visibility:visible;} .TradeshowApp .RetailerDirectoryView .RetailersDirectory-header{background:#fff;} .TradeshowApp .RetailerDirectoryView .RetailersList{position:relative;padding:20px 0;} .TradeshowApp .RetailerDirectoryView .RetailersList .RetailerSwitcher{margin-bottom:20px;text-align:right;} .TradeshowApp .RetailerDirectoryView .RetailersList .RetailersTotal{color:#999;} .TradeshowApp .RetailerDirectoryView .RetailersList .RetailersTotal .RetailerConnectionLeft{margin-left:10px;padding-left:10px;border-left:1px solid #999;} .TradeshowApp .RetailerDirectoryView .RetailersList .RetailersMap{height:600px;} .TradeshowApp .RetailerDirectoryView .RetailersDirectory-no-data{text-align:center;font-size:20px;color:#999;max-width:600px;margin:60px auto 0;} .TradeshowApp .RetailerDirectoryView .RetailersDirectory-no-data p{margin-bottom:15px;} .TradeshowApp .RetailerDirectoryView .RetailersDirectory-content{position:relative;} .TradeshowApp .RetailerDirectoryView .RetailersDirectory-content .RetailersDirectory-overlay{background-color:rgba(255, 255, 255, 0.5);background-image:url(https://www.lenewblack.com/v2/public/css/apps/tradeshow/"/v2/public/images/loading.gif");background-repeat:no-repeat;background-position:50% 200px;background-size:80px;left:0;top:0;width:100%;height:100%;z-index:3;opacity:0;visibility:hidden;position:absolute;} .TradeshowApp .RetailerDirectoryView .RetailersDirectory-content .RetailersDirectory-overlay.active{opacity:1;visibility:visible;} .TradeshowApp .RetailerDirectoryView .Retailer{padding-bottom:30px;} .TradeshowApp .RetailerDirectoryView .RetailerCards-container .retailer-container{box-shadow:0 3px 5px #ddd;} .TradeshowApp .RetailerDirectoryView .RetailerCards-container .retailer-container .RetailerBody{overflow:hidden;} .TradeshowApp .RetailerDirectoryView .RetailerCards-container .retailer-container .RetailerBody .text-ellipsis{display:block;position:relative;height:19.5px;font-size:13px;line-height:1.5;overflow:hidden;} .TradeshowApp .RetailerDirectoryView .RetailerCards-container .retailer-container .RetailerBody .text-ellipsis:after{content:"";display:block;position:absolute;right:0;bottom:0;height:20px;width:50px;background:linear-gradient(to right, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 0) 2%, white 60%, white 100%);} .TradeshowApp .RetailerDirectoryView .RetailerCards-container .retailer-container .RetailerConnected, .TradeshowApp .RetailerDirectoryView .RetailerCards-container .retailer-container .RetailerPending{position:absolute;top:10px;right:10px;padding:4px 15px;line-height:23px;font-size:13px;border-radius:20px;background:#fafafa;color:#999;} .TradeshowApp .RetailerDirectoryView .RetailerReceived{position:absolute;top:10px;right:10px;line-height:23px;font-size:13px;border-radius:20px;background:#fafafa;color:#999;overflow:hidden;} .TradeshowApp .RetailerDirectoryView .RetailerReceived a{display:inline-block;padding:4px 15px;} .TradeshowApp .RetailerDirectoryView .RetailerReceived a:first-child{border-right:1px solid #ddd;color:#0064ff;} .TradeshowApp .RetailerDirectoryView .RetailerReceived a:last-child{color:#ff0000;} .TradeshowApp .RetailerDirectoryView .RetailerReceived a:hover{background:#fff;} .TradeshowApp .RetailerDirectoryView .RetailerFilters-label{padding-left:10px;} .TradeshowApp .RetailerDirectoryView .RetailerFilters-input{margin-bottom:3px !important;vertical-align:text-top;} .TradeshowApp .RetailerDirectoryView .ui-slider{border:1px solid #aaa;height:14px;background:#fff;} .TradeshowApp .RetailerDirectoryView .ui-slider .ui-widget-header{background:#aaa;} .TradeshowApp .RetailerDirectoryView .ui-slider .ui-slider-handle{height:14px;border-color:#000;top:-1px;width:12px;border-left:none;border-right:none;background:#000;cursor:pointer;} .TradeshowApp .RetailerDirectoryView .RetailerPagination-container{text-align:center;} .TradeshowApp .RetailerDirectoryView .RelatedItemsListing .Subtitle--relatedItems{padding-bottom:10px;font-weight:500;} .TradeshowApp .RetailerDirectoryView .RelatedItemsListing .BodyCopySmall--filter{color:#999;margin-bottom:3px;} .TradeshowApp .RetailerDirectoryView .RetailerDirectory-search{padding-right:45px;text-align:right;} .TradeshowApp .RetailerDirectoryView .LnbButton-search{height:35px;line-height:35px;margin-left:10px;} .TradeshowApp .RetailerDirectoryView .RetailerFilters-toggle{display:none;} .TradeshowApp .RetailerDirectoryView .RetailerFilters{height:auto;} .TradeshowApp .RetailerDirectoryView .RetailerFilters-close{display:none;} .TradeshowApp .RetailerDirectoryView .BlockFilter-right-searchButton{cursor:pointer;} .TradeshowApp .RetailerDirectoryView .BlockFilter-nav .RetailerDirectory-configuration .separator{padding-left:15px;padding-right:15px;} .TradeshowApp .RetailerDirectoryView .BlockFilter-nav .RetailerDirectory-configuration a{color:#000;border-bottom:none;cursor:pointer;display:inline-block;} .TradeshowApp .RetailerDirectoryView .BlockFilter-nav .RetailerDirectory-configuration a.active{border-bottom:1px solid #000;} .TradeshowApp .RetailerDirectoryView .BlockFilter-nav .RetailerDirectory-configuration span{padding-left:15px;color:#999;} .TradeshowApp .RetailerDirectoryView .BlockFilter-nav .RetailerDirectory-configuration .BlockFilter-subnav{padding-top:5px;} .TradeshowApp .RetailerDirectoryView .BlockFilter-nav .RetailerDirectory-configuration .BlockFilter-subnav a{color:#999;border-bottom:none;} .TradeshowApp .RetailerDirectoryView .BlockFilter-nav .RetailerDirectory-configuration .BlockFilter-subnav a.active{color:#000;border-bottom:1px solid #000;} .TradeshowApp .RetailerDirectoryView .BlockFilter-nav .RetailerDirectory-configuration .BlockFilter-subnav li:first-child a{margin-left:0;margin-right:5px;} .TradeshowApp .RetailerDirectoryView .BlockFilter-nav .RetailerDirectory-configuration .BlockFilter-subnav .badge{color:#fff;padding-left:7px;} .TradeshowApp .RetailerDirectoryView .BlockFilter{padding:0;border-bottom:none;} .TradeshowApp .RetailerDirectoryView .BlockFilter .BlockFilter-nav{padding:20px 0;} .TradeshowApp .RetailerDirectoryView .RetailerDirectoryInfoWindowLeft{display:inline-block;width:120px;height:120px;border:1px solid #ddd;margin-right:20px;} .TradeshowApp .RetailerDirectoryView .RetailerDirectoryInfoWindowLeft .RetailerDirectoryInfoWindowLeft-Image{width:120px;height:120px;overflow:hidden;position:relative;} .TradeshowApp .RetailerDirectoryView .RetailerDirectoryInfoWindowLeft .RetailerDirectoryInfoWindowLeft-Image img{border-radius:0;height:auto;left:50%;min-height:100%;min-width:100%;object-fit:cover;position:absolute;top:50%;width:100%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .TradeshowApp .RetailerDirectoryView .RetailerDirectoryInfoWindowRight{display:inline-block;vertical-align:top;width:150px;} .TradeshowApp .RetailerDirectoryView .RetailerDirectoryInfoWindowHeader{width:150px;line-height:30px;padding-bottom:20px;font-weight:500;} .TradeshowApp .RetailerDirectoryView .RetailerDirectoryInfoWindowHeader a{cursor:pointer;} .TradeshowApp .RetailerDirectoryView .RetailerDirectoryInfoWindowBody{color:#999;} .TradeshowApp .RetailerDirectoryView .RetailerDirectoryInfoWindowBody div{line-height:20px;} .TradeshowApp .RetailerDirectoryView .RetailerDirectoryInfoWindowBody .flag{margin-right:5px;margin-top:2px;} .TradeshowApp ul.RetailerFilters-longList{max-height:170px;overflow-y:scroll;margin-bottom:20px;padding-bottom:0;} .TradeshowApp ul.RetailerFilters-longList::-webkit-scrollbar{background-color:#e5e5e5;border-radius:8px;width:8px;} .TradeshowApp ul.RetailerFilters-longList::-webkit-scrollbar-thumb{background-color:#999;border-radius:8px;} .TradeshowApp .RetailerFilters-group{border-bottom:1px solid #e6e6e6;margin-bottom:20px;} .TradeshowApp .RetailerFilters-group:last-of-type{border-bottom:none;} @media only screen and (max-width:991px){ .TradeshowApp.TradeshowAppRetailerDirectoryView .modal-dialog{width:600px;} .TradeshowApp .RetailerDirectoryView .RetailerDirectory-search{padding-right:15px;} } @media only screen and (max-width:767px){ .TradeshowApp .RetailerDirectoryView .RetailersList .RetailersTotal{text-align:center;} .TradeshowApp .RetailerDirectoryView .RetailerCards-container{margin-top:20px;} .TradeshowApp .RetailerDirectoryView .RetailersList .RetailersMap{margin-top:20px;} .TradeshowApp .RetailerDirectoryView .RetailerFilters-close{display:block;border-radius:100%;background-color:transparent;border:1px solid #000;position:absolute;width:46px;height:46px;padding:0;right:25px;top:25px;} .TradeshowApp .RetailerDirectoryView .RetailerFilters-close:before, .TradeshowApp .RetailerDirectoryView .RetailerFilters-close:after{content:"";position:absolute;display:block;width:20px;height:1px;background-color:#1a1a1a;left:50%;top:50%;} .TradeshowApp .RetailerDirectoryView .RetailerFilters-close:before{transform:translate(-50%, -50%) rotate(45deg);-moz-transform:translate(-50%, -50%) rotate(45deg);-webkit-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);} .TradeshowApp .RetailerDirectoryView .RetailerFilters-close:after{transform:translate(-50%, -50%) rotate(-45deg);-moz-transform:translate(-50%, -50%) rotate(-45deg);-webkit-transform:translate(-50%, -50%) rotate(-45deg);-ms-transform:translate(-50%, -50%) rotate(-45deg);} .TradeshowApp .RetailerDirectoryView .RetailerFilters .RetailerFilters-container{position:fixed;left:-33%;top:70px;min-height:100vh;max-height:4000px;width:33%;padding-right:25px;border-right:1px solid #e6e6e6;z-index:5;background-color:rgba(255, 255, 255, 0.97);overflow-x:hidden;-webkit-overflow-scrolling:touch;transition:transform 0.3s;padding-left:0;} .TradeshowApp .RetailerDirectoryView .RetailerFilters .RetailerFilters-container.active{transform:translateX(100%);} .TradeshowApp .RetailerDirectoryView .RetailerFilters .RetailerFilters-innerContainer{position:absolute;width:calc(100% + 15px);height:100%;overflow-y:scroll;padding-bottom:100px;padding-top:40px;padding-left:15px;padding-right:15px;} .TradeshowApp .RetailerDirectoryView .RetailerFilters .RetailerFilters-toggle{display:block;position:absolute;left:0;top:15px;padding:10px 15px;border-radius:3px;background-color:transparent;border:1px solid #1a1a1a;} } @media only screen and (max-width:577px){ .TradeshowApp .RetailerDirectoryView .RetailerFilters-container{width:100%;left:-100%;border-right:none;} .TradeshowApp .RetailerDirectoryView .RetailerFilters-label{padding:5px 0 5px 10px;} .TradeshowApp .RetailerDirectoryView .RetailerDirectory-search{text-align:center;float:none;} .TradeshowApp .RetailerDirectoryView .BlockFilter-nav .RetailerDirectory-configuration{text-align:center;padding-bottom:10px;} } /* Template: Trends ------------------------------------------------ */ .TradeshowApp .SectionHero--trends{padding-bottom:10px;} .TradeshowApp .SectionHero-title--trends{text-transform:uppercase;max-width:600px;margin:0 auto;} .TradeshowApp .Subtitle--trends{text-transform:none;} .TradeshowApp .TrendsFeatured{border-bottom:1px solid #ddd;margin-bottom:80px;padding-bottom:80px;} .TradeshowApp .TrendsFeatured .TrendArticle .article-img{display:block;width:100%;margin-bottom:20px;} .TradeshowApp .TrendsFeatured .TrendArticle .article-title{display:block;margin-bottom:5px;} .TradeshowApp .TrendsFeatured .TrendArticle .article-subtitle{margin-bottom:10px;} .TradeshowApp .TrendsFeatured .TrendArticle .article-cta:hover{color:#000;} .TradeshowApp .TrendsFeatured .TrendArticle .article-cta:hover .article-title{color:#999;} .TradeshowApp .TrendsFeatured .TrendArticle .article-cta:hover .article-image{opacity:0.85;} .TradeshowApp .TrendsArticles--trends{margin-bottom:40px;} .TradeshowApp .TrendsArticles--trends .TrendArticle{margin-bottom:40px;} .TradeshowApp .TrendsArticles--trends .TrendArticle .TrendArticle-img{display:block;width:100%;margin-bottom:20px;} .TradeshowApp .TrendsArticles--trends .TrendArticle .TrendArticle-title{margin-bottom:0;} .TradeshowApp .TrendsProposal{background:#f0f0f0;} @media (max-width:991px){ .TradeshowApp .TrendsFeatured{margin-bottom:60px;padding-bottom:60px;} } @media (max-width:767px){ .TradeshowApp .TrendsFeatured{margin-bottom:50px;padding-bottom:50px;} .TradeshowApp .TrendsFeatured .TrendArticle{margin-bottom:50px;} .TradeshowApp .TrendsFeatured .TrendArticle:last-child{margin-bottom:0;} .TradeshowApp .TrendsArticlesListing .TrendArticle{position:relative !important;top:0 !important;} } /* ======================================================================== */ /* Source: /v2/public/css/apps/tradeshow/screen.components.css */ /* ======================================================================== */ /* Component: Agency banner ------------------------------------------------ */ .TradeshowApp .Agency.hide-no-brand{display:none;} .TradeshowApp .AgencyBanner{position:relative;margin-bottom:30px;width:100%;height:270px;overflow:hidden;} .TradeshowApp .AgencyBanner .MediumSectionHead-title{color:#fff;margin-bottom:10px;} .TradeshowApp .AgencyBanner-inner{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);text-align:center;} .TradeshowApp .AgencyBanner-btn{color:#fff;} .TradeshowApp .AgencyBanner-btn:after{content:">";padding-left:7px;transition:0.3s;} /* Component: Trends Articles ------------------------------------------------ */ .TradeshowApp .TrendsArticles-listing .TrendArticle .TrendArticle-title{margin-bottom:10px;} .TradeshowApp .TrendsArticles-listing .TrendArticle .TrendArticle-img{display:block;width:100%;margin-bottom:20px;} @media (max-width:991px){ .TradeshowApp .TrendsArticles-listing .TrendArticle .TrendArticle-title{margin-bottom:5px;} .TradeshowApp .TrendsArticles-listing .TrendArticle .TrendArticle-img{margin-bottom:15px;} } @media (max-width:767px){ .TradeshowApp .TrendsArticles-listing .TrendArticle:last-child{margin-bottom:0;} } /* Component: Block Filter ------------------------------------------------ */ .TradeshowApp .BlockFilter{padding:25px 0 15px;border-bottom:1px solid #efefef;} .TradeshowApp .BlockFilter .BlockFilter-nav ul li{display:inline-block;position:relative;} .TradeshowApp .BlockFilter .BlockFilter-nav ul li a{display:block;margin:0 15px;position:relative;color:#1a1a1a;cursor:pointer;} .TradeshowApp .BlockFilter .BlockFilter-nav ul li a.active{color:#000;border-bottom:1px solid #000;} .TradeshowApp .BlockFilter .BlockFilter-nav ul li a:hover{color:#000;} .TradeshowApp .BlockFilter .BlockFilter-nav ul li.item-separator{width:1px;height:20px;background:#b2b2b2;margin:-5px 10px;} .TradeshowApp .BlockFilter .BlockFilter-nav .BlockFilter-right{text-align:right;} .TradeshowApp .BlockFilter .BlockFilter-nav .BlockFilter-right ul li{padding-left:35px;} .TradeshowApp .BlockFilter .BlockFilter-nav .BlockFilter-right ul li .LnbIcon{fill:#b2b2b2;left:15px;} .TradeshowApp .BlockFilter .BlockFilter-nav .BlockFilter-right ul li a{color:#b2b2b2;} .TradeshowApp .BlockFilter .BlockFilter-subnav ul{margin-top:8px;} .TradeshowApp .BlockFilter .BlockFilter-subnav ul li{display:inline-block;} .TradeshowApp .BlockFilter .BlockFilter-subnav ul li a{display:block;margin:0 15px;position:relative;color:#b2b2b2;cursor:pointer;} .TradeshowApp .BlockFilter .BlockFilter-subnav ul li a.active{color:#000;} .TradeshowApp .BlockFilter .BlockFilter-subnav ul li a .badge{padding-left:5px;} .TradeshowApp .BlockFilter-searchBar{z-index:3;} .TradeshowApp .BlockFilter-searchBar input{width:100%;padding:12px 25px;font-size:13px;line-height:13px;background-color:#f2f2f2;border-color:#e6e6e6;border-radius:3px;-webkit-appearance:none;animation:cssloadLoader 0.5s ease;-o-animation:cssloadLoader 0.5s ease;-ms-animation:cssloadLoader 0.5s ease;-webkit-animation:cssloadLoader 0.5s ease;-moz-animation:cssloadLoader 0.5s ease;} .TradeshowApp .BlockFilter-searchBar input:focus{outline:none;box-shadow:none;} .TradeshowApp .BlockFilter-searchBar .BlockFilter-searchBar-close{height:30px;width:38px;background:none;border:none;} .TradeshowApp .BlockFilter-searchBar .BlockFilter-searchBar-close .BlockFilter-searchBar-close-left, .TradeshowApp .BlockFilter-searchBar .BlockFilter-searchBar-close .BlockFilter-searchBar-close-right{height:18px;width:1px;background:#000;position:absolute;display:block;z-index:1;} .TradeshowApp .BlockFilter-searchBar .BlockFilter-searchBar-close .BlockFilter-searchBar-close-left{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);} .TradeshowApp .BlockFilter-searchBar .BlockFilter-searchBar-close .BlockFilter-searchBar-close-right{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} .TradeshowApp .BlockFilter-searchBar.active{display:block;} @keyframes cssloadLoader{ from{width:0;opacity:0;} to{width:100%;opacity:1;} } @media (max-width:991px){ .TradeshowApp .BlockFilter .BlockFilter-nav{margin-top:0;} .TradeshowApp .BlockFilter .BlockFilter-nav ul li a{margin:0 8px;} .TradeshowApp .BlockFilter .BlockFilter-subnav ul li a{margin:0 8px;} .TradeshowApp .BlockFilter-searchBar{padding-top:10px;} } @media (max-width:577px){ .TradeshowApp .BlockFilter{padding:15px 0 10px;text-align:center;} .TradeshowApp .BlockFilter .BlockFilter-nav .BlockFilter-right{margin-top:8px;text-align:center;} .TradeshowApp .BlockFilter-searchBar input{padding:15px 20px;} } /* Component: Brands Retailers Proposals ------------------------------------------------ */ .TradeshowApp .BrandsRetailersProposal{padding:60px 0 80px;text-align:center;} .TradeshowApp .BrandsRetailersProposal .BrandsRetailersProposal-ctas{margin-top:40px;} .TradeshowApp .BrandsRetailersProposal .BrandsRetailersProposal-title{padding-bottom:20px;font-size:22px;font-weight:bold;text-transform:uppercase;} .TradeshowApp .BrandsRetailersProposal .BrandsRetailersProposal-content{margin:0 30px;} @media (max-width:1199px){ .TradeshowApp .BrandsRetailersProposal .BrandsRetailersProposal-ctas .LnbButton + .LnbButton{margin-left:0;} .TradeshowApp .BrandsRetailersProposal .BrandsRetailersProposal-ctas .LnbButton:first-child{margin-bottom:15px;margin-right:10px;margin-left:10px;} } @media (max-width:767px){ .TradeshowApp .BrandsRetailersProposal .BrandsRetailersProposal-ctas{margin:20px 0;} .TradeshowApp .BrandsRetailersProposal .BrandsRetailersProposal-ctas .LnbButton + .LnbButton{margin-left:20px;} .TradeshowApp .BrandsRetailersProposal .BrandsRetailersProposal-ctas .LnbButton:first-child{margin:0;} } @media (max-width:577px){ .TradeshowApp .BrandsRetailersProposal{padding:40px 0;} .TradeshowApp .BrandsRetailersProposal .BrandsRetailersProposal-title{margin-top:20px;} .TradeshowApp .BrandsRetailersProposal .BrandsRetailersProposal-content{margin:0;} } /* Component: Carrousel ------------------------------------------------ */ .TradeshowApp .Carousel{position:relative;width:100%;} .TradeshowApp .Carousel .flickity-viewport{overflow:hidden;} .TradeshowApp .Carousel .flickity-prev-next-button{background:transparent none repeat scroll 0 0;border:medium none;height:40px;padding:10px 25px;position:absolute;top:-74px;} .TradeshowApp .Carousel .flickity-prev-next-button svg{fill:#999;height:20px;width:20px;} .TradeshowApp .Carousel .flickity-prev-next-button.previous{border-right:1px solid #999;right:60px;width:auto;} .TradeshowApp .Carousel .flickity-prev-next-button.next{padding-right:15px;right:0;width:auto;} .TradeshowApp .BrandDirectory-carousel{opacity:0;visibility:hidden;height:0;} .TradeshowApp .BrandDirectory-carousel.is-active{opacity:1;visibility:visible;height:auto;padding-bottom:20px;} @media (max-width:767px){ .TradeshowApp .Carousel .flickity-prev-next-button{display:none;} } /* Component: Event groups ------------------------------------------------ */ .TradeshowApp .EventGroups .EventGroup{padding:40px 0;border-bottom:1px solid #e6e6e6;} .TradeshowApp .EventGroups .EventGroup-img{display:block;width:100%;} .TradeshowApp .EventGroups .EventGroup-date{font-size:0.8em;text-transform:uppercase;} .TradeshowApp .EventGroups .EventGroup-cta{color:#0064ff;} .TradeshowApp .EventGroups .EventGroup-cta:hover{color:#000;} .TradeshowApp .EventGroups .EventGroup-title{margin-bottom:5px;} .TradeshowApp .EventGroups .EventGroup-date, .TradeshowApp .EventGroups .EventGroup-description{margin-bottom:10px;} @media (max-width:767px){ .TradeshowApp .EventGroups .EventGroup{padding:30px 0;} .TradeshowApp .EventGroups .EventGroup-img{margin-bottom:20px;} .TradeshowApp .EventGroups .EventGroup-title{margin-bottom:2px;} .TradeshowApp .EventGroups .EventGroup-date, .TradeshowApp .EventGroups .EventGroup-description{margin-bottom:5px;} } /* Component: Signature Footer banner ------------------------------------------------ */ .TradeshowApp .SignatureFooterBanner{background:url(/v2/public/img/footer-banner.jpg) no-repeat center center;background-size:cover;} .TradeshowApp .SignatureFooterBanner .SignatureFooterBanner-logo{text-align:center;} .TradeshowApp .SignatureFooterBanner .SignatureFooterBanner-img{margin-top:80px;} .TradeshowApp .SignatureFooterBanner .SignatureFooterBanner-tagLine{font-size:17px;margin:120px 0;color:#b2b2b2;} .TradeshowApp .SignatureFooterBanner .SignatureFooterBanner-tagLine a{color:#b2b2b2;text-decoration:underline;} .TradeshowApp .SignatureFooterBanner .SignatureFooterBanner-tagLine a:hover{color:#fff;} @media (max-width:767px){ .TradeshowApp .SignatureFooterBanner .SignatureFooterBanner-img{width:200px;margin-top:60px;} .TradeshowApp .SignatureFooterBanner .SignatureFooterBanner-tagLine{margin:30px 0 60px;padding:0 30px;text-align:center;} } /* Component: Hero Navigation (event-group, article) ------------------------------------------------ */ .TradeshowApp .HeroNavigation{position:absolute;top:0;width:100%;z-index:8;background-color:rgba(255, 255, 255, 0.95);border-bottom:1px solid #e6e6e6;} .TradeshowApp .HeroNavigation .HeroNavigation-a{position:relative;fill:#b2b2b2;display:inline-block;padding:0 20px;} .TradeshowApp .HeroNavigation .HeroNavigation-share{text-align:right;} .TradeshowApp .HeroNavigation .HeroNavigation-a--share{padding-right:30px;} .TradeshowApp .HeroNavigation .HeroNavigation-a svg{top:48%;} .TradeshowApp .HeroNavigation .HeroNavigation-back{margin-left:15px;padding-left:35px;} .TradeshowApp .HeroNavigation .HeroNavigation-back:hover, .TradeshowApp .HeroNavigation .HeroNavigation-a:hover svg{fill:#1a1a1a;color:#1a1a1a;} .TradeshowApp .HeroNavigation .HeroNavigation-a--icon{height:20px;} .TradeshowApp .HeroNavigation .lnb-icon-before svg:first-of-type{left:0;} .TradeshowApp .HeroNavigation .HeroNavigation-title.is-scrolling{transform:translateY(100%);} .TradeshowApp .HeroNavigation.is-scrolling{position:fixed;} .TradeshowApp .HeroNavigation.is-scrolling-logged{position:fixed;top:70px;} @media (max-width:991px){ .TradeshowApp .HeroNavigation .HeroNavigation-title.is-scrolling{display:none;} } @media (max-width:577px){ .TradeshowApp .HeroNavigation .HeroNavigation-share{margin-top:10px;text-align:center;} } /* Component: Modal Network ------------------------------------------------ */ .TradeshowApp .BtnPreviousRetailer, .TradeshowApp .BtnNextRetailer{position:absolute;top:50%;width:20px;cursor:pointer;} .TradeshowApp .BtnPreviousRetailer span, .TradeshowApp .BtnNextRetailer span{color:#fff;padding:20px 10px;font-size:20px;} .TradeshowApp .BtnPreviousRetailer span:hover, .TradeshowApp .BtnNextRetailer span:hover{color:#f2f2f2;} .TradeshowApp .BtnPreviousRetailer{left:-100px;} .TradeshowApp .BtnNextRetailer{right:-100px;} .TradeshowApp .ModalNetworkBody{min-height:350px;background:#fdfdfd;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-right{background:#fff;padding-right:40px;padding-bottom:40px;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-right .ModalNetworkHeader-title{font-size:22px;margin-top:40px;padding-bottom:10px;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-right .ModalBtnClose{position:absolute;right:15px;top:15px;background:none;border:none;font-size:18px;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-right .ModalNetworkBody-details{color:#999;padding-bottom:30px;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-right .ModalNetworkBody-details-country{color:#999;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-right .ModalNetworkBody-details-country .flag{margin-right:5px;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-right .ModalNetworkBody-messageContactAdded{padding:10px;margin-bottom:20px;color:#31708f;background:#b9def0;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-right .ModalNetworkBody-messageContactAdded a{color:#0064ff;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-right .ModalNetworkBody-messageContactAdded a:hover{border-bottom:1px solid #0064ff;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-right .ModalNetworkBody-actions{padding-bottom:40px;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-right .ModalNetworkBody-actions .LnbButton{padding:0 40px;line-height:34px;font-size:13px;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-right .ModalNetworkBody-actions .ButtonsConnected .LnbButton{text-transform:none;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-right .ModalNetworkBody-actions .buttonsReceivedRequest p{color:#0064ff;padding-bottom:10px;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-right .ModalNetworkBody-actions .buttonsReceivedRequest .LnbButton{text-transform:none;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-right .ModalNetworkBody-actions span{color:#0064ff;text-transform:uppercase;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-right .ModalNetworkBody-actions span i{padding-right:5px;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-right .ModalNetworkBody-images{padding-bottom:15px;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-right .ModalNetworkBody-images div{position:relative;width:150px;height:210px;display:inline-block;margin-right:14px;border:1px solid #fefefe;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-right .ModalNetworkBody-images div:last-child{margin-right:0;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-right .ModalNetworkBody-images div img{height:auto;min-height:100%;min-width:100%;object-fit:cover;position:absolute;width:100%;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-right .ModalNetworkBody-description{line-height:20px;padding-right:15px;text-align:justify;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-left{text-align:center;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-left .ModalNetworkBody-logo{width:180px;height:180px;text-align:center;background:#fff;margin:40px auto 20px;border:1px solid #ddd;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-left .ModalNetworkBody-logo .helper{height:100%;vertical-align:middle;display:inline-block;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-left .ModalNetworkBody-logo img{max-width:160px;max-height:160px;vertical-align:middle;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-left .ModalNetworkBody-infos{padding-bottom:20px;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-left .ModalNetworkBody-infos h5{font-weight:500;line-height:30px;color:#999;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-left .ModalNetworkBody-infos p{line-height:23px;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-left .ModalNetworkBody-infos a{text-decoration:underline;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-left .ModalNetworkBody-socials a{background-size:24px;background-repeat:no-repeat;width:24px;height:24px;display:inline-block;margin:10px 10px 0;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-left .ModalNetworkBody-socials a svg{display:block;} .TradeshowApp .ModalNetworkBody .ModalNetworkBody-content-left .ModalNetworkBody-lastVisit{color:#999;font-size:13px;padding-bottom:15px;} /* Component: Related brands ------------------------------------------------ */ .TradeshowApp .RelatedBrands .BrandHeader{background-color:#fff;overflow:hidden;position:relative;} .TradeshowApp .RelatedBrands .BrandHeader:after{content:"";display:block;padding-bottom:100%;} .TradeshowApp .RelatedBrands .BrandHeader-image{border-radius:0;height:auto;left:50%;min-height:100%;min-width:100%;object-fit:cover;position:absolute;top:50%;width:100%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .TradeshowApp .RelatedBrands .BrandHeader-trending{position:absolute;top:20px;left:15px;} .TradeshowApp .RelatedBrands .BrandHeader-trending svg{transform:none;fill:rgba(255, 255, 255, 0.7);} .TradeshowApp .RelatedBrands .Brand .SmallSectionHead-title{text-align:center;word-wrap:break-word;text-transform:uppercase;letter-spacing:-1px;font-size:15px;font-weight:500;line-height:20px;padding-bottom:10px;} .TradeshowApp .RelatedBrands .Brand .SmallSectionHead-subtitle{display:block;font-weight:normal;letter-spacing:0;line-height:1.1;padding-bottom:10px;} .TradeshowApp .RelatedBrands .Brand .SmallSectionHead-subtitle--below{padding-bottom:0;padding-top:10px;} .TradeshowApp .RelatedBrands .Brand.Brand--collection .BrandHeader:after{padding-bottom:75%;} .TradeshowApp .RelatedBrands .Brand-cta{text-decoration:none;cursor:pointer;} .TradeshowApp .RelatedBrands .BrandBody{text-align:center;height:120px;padding:20px 20px 30px;position:relative;background-color:#fff;} .TradeshowApp .RelatedBrands .SelectedBrands-listing{column-count:3;-moz-column-count:3;text-align:center;} .TradeshowApp .BrandsListing--loading .brand-container{position:relative;} .TradeshowApp .BrandsListing--loading .brand-container:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255, 255, 255, 0.6);} @media (max-width:767px){ .TradeshowApp .RelatedBrands .Brand{margin-bottom:30px;} .TradeshowApp .RelatedBrands .BrandBody{padding:10px 10px 20px;} .TradeshowApp .RelatedBrands .SelectedBrands-listing{column-count:2;-moz-column-count:2;} } /* Component: Related Items Listing ------------------------------------------------ */ .TradeshowApp .RelatedItemsListing{font-size:13px;} .TradeshowApp .RelatedItemsListing .Subtitle--relatedItems{padding-bottom:10px;font-size:13px;font-weight:500;} .TradeshowApp .RelatedItemsListing .BodyCopySmall--relatedItems{margin-bottom:0.1em;color:#999;border-bottom:1px solid #999;} .TradeshowApp .RelatedItemsListing .BodyCopySmall--relatedItems:hover{color:#1a1a1a;border-color:#1a1a1a;} .TradeshowApp .RelatedItemsListing .BodyCopySmall--filter{margin-bottom:3px;color:#999;} .TradeshowApp .RelatedItemsListing ul{padding-bottom:20px;} /* Component: Related Retailers ------------------------------------------------ */ .TradeshowApp .RelatedRetailers .RetailerHeader{background-color:#fff;overflow:hidden;position:relative;} .TradeshowApp .RelatedRetailers .RetailerHeader:after{content:"";display:block;padding-bottom:100%;} .TradeshowApp .RelatedRetailers .RetailerHeader-image{border-radius:0;height:auto;left:50%;min-height:100%;min-width:100%;object-fit:cover;position:absolute;top:50%;width:100%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .TradeshowApp .RelatedRetailers .RetailerHeader-trending{position:absolute;top:20px;left:15px;} .TradeshowApp .RelatedRetailers .RetailerHeader-trending svg{transform:none;fill:rgba(255, 255, 255, 0.7);} .TradeshowApp .RelatedRetailers .Retailer .SmallSectionHead-title{padding-bottom:10px;word-wrap:break-word;text-transform:uppercase;letter-spacing:-1px;font-size:15px;font-weight:500;} .TradeshowApp .RelatedRetailers .Retailer .SmallSectionHead-subtitle{display:block;font-weight:normal;letter-spacing:0;line-height:1.1;padding-bottom:10px;} .TradeshowApp .RelatedRetailers .Retailer .SmallSectionHead-subtitle--below{padding-bottom:0;padding-top:10px;} .TradeshowApp .RelatedRetailers .Retailer-cta{text-decoration:none;cursor:pointer;} .TradeshowApp .RelatedRetailers .RetailerBody{text-align:center;height:120px;padding:20px 15px;position:relative;background-color:#fff;} .TradeshowApp .RelatedRetailers .SelectedRetailers-listing{column-count:3;-moz-column-count:3;text-align:center;} .TradeshowApp .RetailersListing--loading .retailer-container{position:relative;} .TradeshowApp .RetailersListing--loading .retailer-container:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255, 255, 255, 0.6);} @media (max-width:767px){ .TradeshowApp .RelatedRetailers .Retailer{margin-bottom:30px;} .TradeshowApp .RelatedRetailers .RetailerBody{padding:10px 10px 20px;} .TradeshowApp .RelatedRetailers .SelectedRetailers-listing{column-count:2;-moz-column-count:2;} }