/* Minification failed. Returning unminified contents. (5340,58): run-time error CSS1030: Expected identifier, found '.' (5340,85): run-time error CSS1031: Expected selector, found ')' (5340,85): run-time error CSS1025: Expected comma or open brace, found ')' */ @charset "UTF-8"; @font-face { font-display: swap; font-family: "televoice-regular"; src: url("/Static/fonts/televoice-regular-webfont.eot"); src: url("/Static/fonts/televoice-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/Static/fonts/televoice-regular-webfont.woff") format("woff"), url("/Static/fonts/televoice-regular-webfont.ttf") format("truetype"), url("/Static/fonts/televoice-regular-webfont.svg") format("svg"); } @font-face { font-display: swap; font-family: "streamline-30px"; src: url("/Static/fonts/streamline-30px.eot"); src: url("/Static/fonts/streamline-30px.eot?#iefix") format("embedded-opentype"), url("/Static/fonts/streamline-30px.woff") format("woff"), url("/Static/fonts/streamline-30px.ttf") format("truetype"), url("/Static/fonts/streamline-30px.svg#streamline-30px") format("svg"); } @font-face { font-display: swap; font-family: "streamline-30px-filled-in"; src: url("/Static/fonts/streamline-30px-filled-in.eot"); src: url("/Static/fonts/streamline-30px-filled-in.eot?#iefix") format("embedded-opentype"), url("/Static/fonts/streamline-30px-filled-in.woff") format("woff"), url("/Static/fonts/streamline-30px-filled-in.ttf") format("truetype"), url("/Static/fonts/streamline-30px-filled-in.svg#streamline-30px") format("svg"); } .toggle-childpages-button:after, .is-open > .toggle-childpages-button:after, .icon-search:after, .hero .back-link:before, .header-wrapper .page-link:before, .content-area__subheader .subheader__link:before, .page-list .page-item h3:before, .control .checkbox-container input[type=checkbox] ~ label:before, .articlelistpage .filters__search .control:after, .downloadspage .filters__search .control:after, .applistpage .filters__search .control:after, .newslistpage .filters__search .control:after, .articlelistpage .article.faq:before, .downloadspage .article.faq:before, .applistpage .article.faq:before, .newslistpage .article.faq:before, .articlelistpage .article.design:before, .downloadspage .article.design:before, .applistpage .article.design:before, .newslistpage .article.design:before, .articlelistpage .article.setup:before, .downloadspage .article.setup:before, .applistpage .article.setup:before, .newslistpage .article.setup:before, .articlelistpage .article.use:before, .downloadspage .article.use:before, .applistpage .article.use:before, .newslistpage .article.use:before, .articlelistpage .article.analyze:before, .downloadspage .article.analyze:before, .applistpage .article.analyze:before, .newslistpage .article.analyze:before, .articlelistpage .article.troubleshooting:before, .downloadspage .article.troubleshooting:before, .applistpage .article.troubleshooting:before, .newslistpage .article.troubleshooting:before, .articlelistpage .article.tutorial:before, .downloadspage .article.tutorial:before, .applistpage .article.tutorial:before, .newslistpage .article.tutorial:before, .articlelistpage .load-more:before, .downloadspage .load-more:before, .applistpage .load-more:before, .newslistpage .load-more:before, .pagepuff .block__heading:before, .product-selector .selected-products__product:after, .product-selector .add-product:before, .instant-search__button:after, .autocomplete-search__button:after, .arrow-link:before, .load-more:before, .dropdown-wrapper:after, .download-form-template .close:before, .download-form-wrapper .close:before, .button.loading:before, .product-selector .loading.selected-products__product:before, .product-selector .loading.add-product:before, .loading.load-more:before, a.button.loading:before, .product-selector a.loading.selected-products__product:before, .product-selector a.loading.add-product:before, a.loading.load-more:before, .floating-footer-link.icon-Design:before, .floating-footer-link.icon-Setup:before, .floating-footer-link.icon-Use:before, .floating-footer-link.icon-Analyze:before, .floating-footer-link.icon-Faq:before, .floating-footer-link.icon-Learn:before, .floating-footer-link.icon-Envelope:before, a.link:after, .collapsibleareablock .title:after, .collapsibleareablock .show-more span:before, .collapsibleareablock.open .title:after, .collapsibleareablock.open .show-more span:before, .listblock .header-wrapper h3.heading-link:before, .listblock .icon.design:before, .listblock .icon.setup:before, .listblock .icon.use:before, .listblock .icon.analyze:before, .listblock .icon.faq:before, .listblock .icon.learn:before, .listblock .linklist li.linklist__internal:before, .listblock .linklist li.linklist__external:before, .listblock .linklist li.linklist__document:before, .listblock .linklist li.linklist__image:before, .listblock .linklist li.linklist__app:before, .listblock .linklist li.linklist__learn:before, .listblock .linklist li.linklist__setup:before, .listblock .linklist li.linklist__use:before, .listblock .linklist li.linklist__analyze:before, .listblock .linklist li.linklist__pdf:before, .listblock .linklist.col-4 li h3:before, .listblock .linklist.col-4 li .pagelink:before, .listblock .linklist.col-6 li h3:before, .listblock .linklist.col-6 li .pagelink:before, .listblock .linklist.col-3 li h3:before, .listblock .linklist.col-3 li .pagelink:before, .puffpieceblock.col-1 .block__heading:before, .puffpieceblock.col-2 .block__heading:before, .puffpieceblock .article-link:before, .productblock .prodblockheader-onecolumn .pil-prodparent:before, .productlistpage .product .prodblockheader-onecolumn .pil-prodparent:before, .block.softwareproductpage .prodblockheader-onecolumn .pil-prodparent:before, .block.hardwareproductpage .prodblockheader-onecolumn .pil-prodparent:before, .block.serviceproductpage .prodblockheader-onecolumn .pil-prodparent:before, .block.accessoryproductpage .prodblockheader-onecolumn .pil-prodparent:before, .contactblock .phone:before, .organisationpage .phone:before, .contactblock .email:before, .organisationpage .email:before, .sharetickerblock__badge__arrow:before, .relatedarticlesblock__list-item.learn:before, .relatedarticlesblock__list-item.setup:before, .relatedarticlesblock__list-item.use:before, .relatedarticlesblock__list-item.analyze:before, .relatedarticlesblock__list-item.faq:before, .softwareproductpage .product-feature .feature-title-wrap h2:before, .hardwareproductpage .product-feature .feature-title-wrap h2:before, .serviceproductpage .product-feature .feature-title-wrap h2:before, .accessoryproductpage .product-feature .feature-title-wrap h2:before, .softwareproductpage .product-feature.open .feature-title-wrap h2:before, .softwareproductpage .product-feature:target .feature-title-wrap h2:before, .hardwareproductpage .product-feature.open .feature-title-wrap h2:before, .hardwareproductpage .product-feature:target .feature-title-wrap h2:before, .serviceproductpage .product-feature.open .feature-title-wrap h2:before, .serviceproductpage .product-feature:target .feature-title-wrap h2:before, .accessoryproductpage .product-feature.open .feature-title-wrap h2:before, .accessoryproductpage .product-feature:target .feature-title-wrap h2:before, .downloadspage .download-list .download-item .file-icon.pdf:before, .downloadspage .download-list .download-item .file-icon.document:before, .downloadspage .download-list .download-item .file-icon.app:before, .apppage .rating-star:before, .appblock .rating-star:before, .apppage .rating-star-filled:before, .appblock .rating-star-filled:before, .eventpage .calendar-icon:before, .imagelistpage .image-list .image-item-download:before, .searchpage .search-icon:before, .learnsectionpage__results-item.design:before, .learnsectionpage__results-item.setup:before, .learnsectionpage__results-item.use:before, .learnsectionpage__results-item.analyze:before, .learnsectionpage__results-item.faq:before, .learnsectionpage__results-item.learn:before, .learnsearchpage .search-icon:before, .learnsearchpage .results-item.learn:before, .learnsearchpage .results-item.setup:before, .learnsearchpage .results-item.use:before, .learnsearchpage .results-item.analyze:before, .learnsearchpage .results-item.faq:before, .productfeaturespage .product__features__group-linkwrap:before, .productfeaturespage .product__feature-link:before, .bloglistpage .load-more-wrapper .load-more-blogs:before, .gazesharesubscriptionspage #subscriptionContainer.loading:before, .gazesharesubscriptionspage .subscription-modal .loading:before, .webinarlistpage .icon-calendar-2:before, .webinarpage .icon-calendar-2:before, .webinarlistpage .icon-clock-3:before, .webinarpage .icon-clock-3:before, .webinarlistpage .icon-globe:before, .webinarpage .icon-globe:before, .webinarlistpage .icon-wallet-3:before, .webinarpage .icon-wallet-3:before { background: none; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; vertical-align: middle; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @keyframes infinite-spinning { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } /* mouse grab icon */ /*.grabbing { cursor:url(grabbing.png) 8 8, move; }*/ /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; } /* fade */ .owl-fade-out { z-index: 10; animation: fadeOut .7s both ease; } .owl-fade-in { animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { animation: backSlideOut 1s both ease; } .owl-backSlide-in { animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { animation: scaleToFade .7s ease both; } .owl-goDown-in { animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @keyframes empty { 0% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(0.8); } } @keyframes goDown { from { transform: translateY(-100%); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /*[data-icon]:before { font-family: $font-icons !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: $font-icons !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: $base-length; vertical-align: middle; font-size: 30px; }*/ /*#region Icons*/ /*#endregion*/ .sharegraphblock { /* reset */ /* render html5 elements as block */ /* Pagination *******************************************************/ /* Ticker large design *******************************************/ /* Insider *************************************************/ /* Orderbook ********************************************/ /* Ticker ***************************************************/ /* Sharegraph ***************************************************/ /* Ticker trades ************************************************/ /*#tblTickerTrades th { padding-bottom: 5px; color: #fff; text-align: left; width: 70px; } #tblTickerTrades td { padding-bottom: 5px; color: #666; font-weight: bold; }*/ /* Information ***********************************************/ /* Tab content *********************************************************/ /* Estimate module **************************************************/ /* Performance module *****************************************/ /*#tblTickerPerformance tr td { padding: 3px 10px; color: #569fca; text-align: left; font-weight: bold; } #tblTickerPerformance tr td:last-child { color: #666; margin-left: 10px; } .card-item.span3 { border-bottom: 1px solid #569fca; padding-bottom: 10px; }*/ /* Releases ********************************************************/ /* release without image */ /* Dokument links ********************************************/ /* PDF document links */ /* Excel Documents links */ /* Word Document Links */ /* calendar styles */ } .sharegraphblock * { margin: 0; padding: 0; } .sharegraphblock header, .sharegraphblock footer, .sharegraphblock section, .sharegraphblock aside, .sharegraphblock nav, .sharegraphblock article { display: block; } .sharegraphblock a { text-decoration: none; text-transform: none; } .sharegraphblock li { list-style: none; } .sharegraphblock hr { clear: both; } .sharegraphblock h2 { margin-bottom: 10px; } .sharegraphblock #chartscontainer { margin-top: 20px; } .sharegraphblock .action { margin: 0 !important; border-right: 1px solid #FFF; color: #333; cursor: pointer; } .sharegraphblock .settingsrow { overflow: hidden; width: 100%; } .sharegraphblock #periods { margin-left: 10px; width: 30%; } .sharegraphblock #periods .action { float: left; padding: 7px; background-color: #eaeaea; } .sharegraphblock .action:hover { background-color: #FFF; } .sharegraphblock #pagingControls ul { width: 13%; margin: auto; } .sharegraphblock #pagingControls li { border: 1px solid #CCCCCC; color: #808185; display: block; float: left; font-family: Trebuchet MS,Helvetica,sans-serif; font-size: 130%; margin-right: 3px; padding: 4px 4px 3px; text-decoration: none; margin-top: 10px; cursor: pointer; } .sharegraphblock #pagingControls a { color: #808185; outline: none; } .sharegraphblock #pagingControls a:hover { text-decoration: underline; color: #000; } .sharegraphblock .page-numbersnext, .sharegraphblock .page-numbers.prev { border: 1px solid #CCCCCC; } .sharegraphblock #pagingControls.current { background-color: #808185; border: 1px solid #808185; color: #FFFFFF; } .sharegraphblock #tblTickerlargeDesign h3 { font-size: 1.7em; font-weight: 500; color: #569fca; padding: 0px; margin: 0px; line-height: 1.2em; } .sharegraphblock #tblTickerlargeDesign tr td { width: 63%; color: #569fca; text-align: left; font-weight: 500; } .sharegraphblock #tblTickerlargeDesign tr td:last-child { color: #666; } .sharegraphblock #tblInsider a { text-transform: uppercase; } .sharegraphblock #tblInsider td { width: 17%; padding-top: 2px; } .sharegraphblock #tblInsider th { cursor: pointer; width: 17%; color: #569fca; text-align: left; padding-bottom: 2px; border-bottom: 1px solid #000; border-collapse: collapse; text-transform: uppercase; } .sharegraphblock #tblInsider { border-collapse: collapse; width: 100%; } .sharegraphblock #tblInsider th:nth-child(1), .sharegraphblock #tblInsider td:nth-child(1) { width: 10%; } .sharegraphblock #tblInsider th:nth-child(2), .sharegraphblock #tblInsider td:nth-child(2) { width: 18%; } .sharegraphblock #tblInsider th:nth-child(5), .sharegraphblock #tblInsider td:nth-child(5) { width: 7%; } .sharegraphblock #tblInsider th:nth-child(3), .sharegraphblock #tblInsider td:nth-child(3) { width: 19%; } .sharegraphblock #tblInsider th:nth-child(4), .sharegraphblock #tblInsider td:nth-child(4) { width: 19%; } .sharegraphblock #tblInsiderDetail td { width: 145px; } .sharegraphblock #tblInsiderDetail th { width: 145px; color: #569fca; text-align: left; } .sharegraphblock .insiders-popup { padding: 30px; background: #ffffff; border-radius: 7px; } .sharegraphblock .insiders-popup h1 { margin-top: 0; } .sharegraphblock .my_popup_close { padding: 5px 10px; border-radius: 20px; background-color: #eaeaea; color: #000; margin-left: 95%; } .sharegraphblock #target-orderbook th { width: 65px; text-align: left; } .sharegraphblock #target-ticker td:first-child { font-weight: 500; padding-right: 10px; } .sharegraphblock #target-ticker h1 { color: #569fca; } .sharegraphblock .title { font-size: 14pt; font-weight: 500; } .sharegraphblock #price { font-size: 25pt; color: #569fca; font-weight: 500; } .sharegraphblock #container { height: 500px; } .sharegraphblock .actions { float: left; background-color: #CCC; } .sharegraphblock #tblNewShareholders { width: 100%; } .sharegraphblock #tblNewShareholders th, .sharegraphblock #tblShareSize th, .sharegraphblock #tblArea th, .sharegraphblock #tblLargest th, .sharegraphblock #tblAnnual th, .sharegraphblock #tblQuarterly th { color: #009DD9; text-align: left; } .sharegraphblock #tblNewShareholders tr:nth-child(even), .sharegraphblock #tblShareSize tr:nth-child(even), .sharegraphblock #tblArea tr:nth-child(even), .sharegraphblock #tblLargest tr:nth-child(even), .sharegraphblock #tblInsiderDetail tr:nth-child(even), .sharegraphblock #recommendations-history div:nth-child(even), .sharegraphblock #tblAnnual div:nth-child(even), .sharegraphblock #tblQuarterly div:nth-child(even), .sharegraphblock #tblInsider tr:nth-child(even) { background: #F3F4F4; } .sharegraphblock #tblShareSize { width: 100%; } .sharegraphblock #info { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none; border-style: solid; border-width: 3px 1px 1px; overflow: hidden; margin-top: 5px; border: none; } .sharegraphblock #info .column { border: 1px solid #EAEAEA; min-height: 120px; margin-right: 5%; width: 30%; padding: 10px; } .sharegraphblock #info .column.last { margin-right: 0; } .sharegraphblock #info h4 { margin: 0 0px 5px 0; padding-bottom: 4px; color: #666; font-size: 10pt; font-weight: 500; display: inline-block; font-size: 11px; } .sharegraphblock #info label, .sharegraphblock #info h5 { color: #808080; font-size: 10pt; font-weight: normal; } .sharegraphblock #info label { cursor: pointer; } .sharegraphblock #info div { margin-bottom: 5px; } .sharegraphblock .infoHeader { background-color: #EBEBEB; border: 1px solid #BDBDBD; display: inline; padding: 1px 2px; } .sharegraphblock .column { width: 25%; float: left; } .sharegraphblock .tab-content { padding: 10px; border-bottom: 1px solid #dddbdb; border-left: 1px solid #dddbdb; border-right: 1px solid #dddbdb; } .sharegraphblock a.estimateHistory { padding: 3px 10px 3px 10px; border: solid 2px #888; border-radius: 15px; background: linear-gradient(#CCC, #888); color: #FFF; } .sharegraphblock .highcharts-container #highcharts-0 { width: 100%; } .sharegraphblock #periods h5 { color: #A2A2A2; font-size: 12px; font-weight: normal; text-transform: uppercase; padding-left: 15px; padding-bottom: 5px; } .sharegraphblock #period { overflow: hidden; width: 100%; padding-top: 5px; } .sharegraphblock #period input { margin: 5px !important; font-size: 1px; } .sharegraphblock #period div { float: left; font-size: 10px; margin-right: 10px; } .sharegraphblock #period span { position: relative; top: -3px; } .sharegraphblock #currentRecommendationDistribution { width: 100%; } .sharegraphblock #annual { margin-bottom: 15px; padding: 5px; border: solid 1px #e2e2e2; border-top: 3px solid #e2e2e2; } .sharegraphblock #quarterly { margin-bottom: 15px; padding: 5px; border: solid 1px #e2e2e2; border-top: 3px solid #e2e2e2; } .sharegraphblock #reference { padding-top: 20px; } .sharegraphblock #share-information { width: 100%; } .sharegraphblock #ownership, .sharegraphblock #estimate { width: 100%; } .sharegraphblock #tblAnnual { width: 100%; } .sharegraphblock #tblQuarterly { width: 100%; } .sharegraphblock #historicDataHeader a { font-weight: 500; color: #A1C211; } .sharegraphblock #historicDataHeader a.active { color: #0078C3; } .sharegraphblock tr.even { background-color: #DFE9F5; } .sharegraphblock #historicRecommendation h2 { display: inline; } .sharegraphblock .recommendationInfo { margin: 5px 0 10px 0; cursor: pointer; z-index: 3; display: inline; } .sharegraphblock #recommendation_gradient { background-image: url(http://feed.ne.cision.com/estimate/images/RecommendationGradient.png); position: relative; background-size: 100%; width: 100%; height: 36px; display: block; font-weight: 500; margin: 5px 0 7px 0; } .sharegraphblock #rekBar tr { padding-bottom: 5px; } .sharegraphblock #currentRecommendationDistribution .recommendation-bar { height: 20px; margin: 0; } .sharegraphblock .analysts { bottom: 3px; color: red; font-size: 10px; left: 3px; position: relative; text-align: left; } .sharegraphblock #recommendations-history { width: 100%; } .sharegraphblock #recommendations-history td div { padding-bottom: 2px; padding-top: 2px; } .sharegraphblock #release-title h2 { font-size: 16pt; line-height: normal; } .sharegraphblock #releases { margin-bottom: 20px; } .sharegraphblock #tblReleases td { padding: 10px; } .sharegraphblock #tblReleases a { text-decoration: none; } .sharegraphblock #tblReleases a:hover { text-decoration: none; color: #1872a5; } .sharegraphblock .pageIndex { clear: both; } .sharegraphblock p.pubDate { font-size: 0.8em; font-style: italic; line-height: 0em; color: #888; } .sharegraphblock .pubDateDetail { margin-top: 10px; font-size: 0.8em; font-style: italic; line-height: 0em; } .sharegraphblock .extras { margin-top: 10px; width: 20%; float: right; } .sharegraphblock .Release-file a[href$='.pdf'] { background: transparent url(/UI/images/Cision/pdf.png) center left no-repeat; display: inline-block; padding-left: 30px; line-height: 55px; } .sharegraphblock .Release-file a[href$='.xlsx'], .sharegraphblock a[href$='.xls'], .sharegraphblock a[href$='.csv'], .sharegraphblock a[href$='.xlw'], .sharegraphblock a[href$='.xlt'] { background: transparent url(/UI/images/Cision/excel.gif) center left no-repeat; display: inline-block; padding-left: 30px; line-height: 55px; } .sharegraphblock .Release-file a[href$='.docx'], .sharegraphblock a[href$='.doc'], .sharegraphblock a[href$='.rtf'], .sharegraphblock a[href$='.wps'], .sharegraphblock a[href$='.txt'] { background: transparent url(/UI/images/Cision/word.png) center left no-repeat; display: inline-block; padding-left: 30px; line-height: 55px; } .sharegraphblock #upcoming > table > thead > tr > th, .sharegraphblock #archive > table > thead > tr > th, .sharegraphblock #upcoming > table > tbody > tr > td, .sharegraphblock #archive > table > tbody > tr > td { border: none; padding: 7px 20px; } .sharegraphblock #upcoming > table > tbody > tr, .sharegraphblock #archive > table > tbody > tr, .sharegraphblock #upcoming > table > thead > tr, .sharegraphblock #archive > table > thead > tr { border-bottom: 1px solid #CCC; } .sharegraphblock #upcoming > table, .sharegraphblock #archive > table { border: none; border-collapse: collapse; width: 100%; } .sharegraphblock .tab-content { padding-right: 50px; padding-left: 20px; } .sharegraphblock #upcoming > table > tbody > tr:nth-last-child(1), .sharegraphblock #archive > table > tbody > tr:nth-last-child(1) { border: none; } .sharegraphblock .glyphicon-calendar { color: #000; font-size: 35pt; } .sharegraphblock .glyphicon-plus-sign { border-radius: 30px; margin-left: -15px; background-color: #FFF; } .sharegraphblock a.cal:hover > .glyphicon-plus-sign { color: #04dd08; } .sharegraphblock #target-categories > div > ul > li a:hover, .sharegraphblock #target-categories > div > ul > li a.active { cursor: pointer; border: 1px solid #dbd9d9; border-radius: 4px; padding: 9px 9px; } .sharegraphblock #target-categories > div > ul > li a { padding: 10px 10px; } .sharegraphblock #target-categories > div > ul > li > a.active { color: #000; } .sharegraphblock #target-categories > div > ul > li { display: inline-block; } .sharegraphblock #target-categories { clear: both; margin-bottom: 20px; } .sharegraphblock #target-categories > .categories > ul { padding: 10px 0; display: inline; background: #eee; border-radius: 4px; background: #FFF; } .sharegraphblock #event { width: 60%; margin: 10px auto; } .sharegraphblock a:hover { text-decoration: none !important; } .sharegraphblock .event-content img { float: left; margin-right: 10px; } .sharegraphblock .event-content .date { font-size: 10pt; font-style: italic; } .sharegraphblock .event-content h2 { font-weight: bold; } .sharegraphblock #target-categories > h2 { margin-top: 0; } .sharegraphblock #event .back-link a { padding: 3px 15px; background: #CCC; border-radius: 5px; color: #FFF; } .sharegraphblock #event .back-link { margin-top: 10px; } .sharegraphblock .first-event img { float: left; margin-right: 20px; } .sharegraphblock .first-event .pubDate p { font-size: 9pt; font-style: italic; margin-bottom: 0; } .sharegraphblock .first-event a { color: #000; } .sharegraphblock .first-event h2 { margin-bottom: 20px; } .sharegraphblock #target-categories h2 { margin-bottom: 20px; } .sharegraphblock .addToCalendar { position: relative; top: -50px; left: 500px; } .sharegraphblock .graphtable { width: 48%; float: left; font-size: 12px; } .sharegraphblock .graphtable.last { margin-left: 4%; } .sharegraphblock .graphtable table { border-collapse: collapse; width: 100%; } .sharegraphblock .graphtable tbody tr:nth-child(even) { background-color: #DFDFDF; } .sharegraphblock .graphtable th { background: #0E103E; font-weight: normal; color: #fff; padding: 5px 10px; text-align: left; } .sharegraphblock .graphtable td { padding: 5px 10px; text-align: left; } .sharegraphblock .graphtable h3 { margin: 10px 0; } /* ---------------------------- Actions ---------------------------- */ .custombox-open, .custombox-open body { overflow: hidden; } .custombox-perspective, .custombox-perspective body { perspective: 600px; height: 100%; } .custombox-overlay-open { visibility: visible; opacity: 1; } /* ---------------------------- Defaults ---------------------------- */ .custombox-overlay { top: 0; right: 0; bottom: 0; left: 0; position: fixed; transition-delay: 0s; } .custombox-overlay-default { transition-timing-function: linear; transition-property: opacity; opacity: 0; } .custombox-modal-wrapper { right: 0; top: 0; bottom: 0; left: 0; outline: 0 none; overflow: auto; position: fixed; text-align: center; } .custombox-modal-container { margin: 0 auto; position: relative; } .custombox-modal img { max-width: 100%; height: auto; } .custombox-scrollbar { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } .custombox-loading { position: fixed; -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); top: 50%; left: 50%; } /* ---------------------------- Overlay: Letmein ---------------------------- */ .custombox-overlay-letmein { transition-property: all; transition-timing-function: ease; visibility: hidden; } .custombox-overlay-open.custombox-overlay-letmein { transform: rotateX(-2deg); -ms-transform-origin: 50% 0; transform-origin: 50% 0; transform-style: preserve-3d; visibility: visible; opacity: 1; } /* ---------------------------- Overlay: Slide together ---------------------------- */ .custombox-overlay-slidetogether { -ms-transform: translateY(-100%); transform: translateY(-100%); transition-property: transform ease-in-out; } .custombox-overlay-open.custombox-overlay-slidetogether { -ms-transform: translateY(0); transform: translateY(0); transition-property: transform ease-in-out; } /* ---------------------------- Overlay: Corner ---------------------------- */ .custombox-overlay-corner { -ms-transform: translateY(150px) translateX(150px); transform: translateY(150px) translateX(150px); transition-property: opacity, transform, visibility; } .custombox-overlay-open.custombox-overlay-corner { -ms-transform: translateY(0); transform: translateY(0); transition-property: opacity, transform; } /* ---------------------------- Overlay: Scale ---------------------------- */ .custombox-overlay-scale { -ms-transform: scale(0.9); transform: scale(0.9); transition-property: transform; } .custombox-overlay-open.custombox-overlay-scale { -ms-transform: scale(1); transform: scale(1); transition-property: transform; } /* ---------------------------- Overlay: Door ---------------------------- */ .custombox-overlay-door { visibility: hidden; width: 0; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); transition-property: width ease-in-out; } .custombox-overlay-open.custombox-overlay-door { visibility: visible; width: 100%; transition-property: width ease-in-out; } /* ---------------------------- Overlay: Push ---------------------------- */ .custombox-container-push { overflow-x: hidden; transition-property: transform; } .custombox-container-open.custombox-container-push { -ms-transform: translateX(100%); transform: translateX(100%); } .custombox-overlay-push { backface-visibility: hidden; -ms-transform: translateX(-100%); transform: translateX(-100%); transition-property: transform ease-in-out; } .custombox-overlay-open.custombox-overlay-push { -ms-transform: translateX(0); transform: translateX(0); transition-property: transform ease-in-out; } /* ---------------------------- Overlay: Content Scale ---------------------------- */ .custombox-open-contentscale body { background-color: #DDD; } .custombox-container-contentscale { transition: transform 0.5s; overflow: hidden; height: 100%; } .custombox-container-open.custombox-container-contentscale { -ms-transform: scale(0.8); transform: scale(0.8); } .custombox-overlay-contentscale { -ms-transform: translateY(100%); transform: translateY(100%); transition-property: transform ease-in-out; } .custombox-overlay-open.custombox-overlay-contentscale { -ms-transform: translateY(0); transform: translateY(0); transition-property: transform ease-in-out; } /* ---------------------------- Overlay: Makeway ---------------------------- */ .custombox-container-open.custombox-container-makeway { height: 100%; overflow: hidden; } .custombox-overlay-open.custombox-overlay-makeway { transition-property: all; } .custombox-overlay-open.custombox-overlay-makeway, .custombox-container-open.custombox-container-makeway { transform-style: preserve-3d; -ms-transform-origin: 0 50%; transform-origin: 0 50%; animation: rotateRightSideFirst 0.5s forwards ease-in; } @keyframes rotateRightSideFirst { 50% { transform: translateZ(-50px) rotateY(5deg); animation-timing-function: ease-out; } 100% { transform: translateZ(-200px); } } /* ---------------------------- Overlay: Slip ---------------------------- */ .custombox-overlay-open.custombox-overlay-slip { transition-property: all; } .custombox-overlay-open.custombox-overlay-slip, .custombox-container-open.custombox-container-slip { transform-style: preserve-3d; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; animation: OpenTop 0.5s forwards ease-in-out; } @keyframes OpenTop { 50% { transform: rotateX(10deg); animation-timing-function: ease-out; } } /* ---------------------------- Modal: Fadein ---------------------------- */ .custombox-modal-fadein { -ms-transform: scale(0.7); transform: scale(0.7); transition-property: all; opacity: 0; visibility: hidden; } .custombox-modal-open .custombox-modal-fadein { -ms-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; } /* ---------------------------- Modal: Slide ---------------------------- */ .custombox-modal-container-slide > div, .custombox-modal-container-slidetogether > div { opacity: 0; float: left; } .custombox-modal-open > .custombox-modal-container-slide > div, .custombox-modal-open > .custombox-modal-container-slidetogether > div { opacity: 1; } /* ---------------------------- Modal: Slide from top ---------------------------- */ .custombox-modal-slide-top { -ms-transform: translateY(-300%); transform: translateY(-300%); } .custombox-modal-open .custombox-modal-slide-top { -ms-transform: translateY(0); transform: translateY(0); } /* ---------------------------- Modal: Slide from left ---------------------------- */ .custombox-modal-slide-left { -ms-transform: translateX(-300%); transform: translateX(-300%); } .custombox-modal-open .custombox-modal-slide-left { -ms-transform: translateX(0); transform: translateX(0); } /* ---------------------------- Modal: Slide from right ---------------------------- */ .custombox-modal-slide-right { -ms-transform: translateX(300%); transform: translateX(300%); } .custombox-modal-open .custombox-modal-slide-right { -ms-transform: translateX(0); transform: translateX(0); } /* ---------------------------- Modal: Slide from bottom ---------------------------- */ .custombox-modal-slide-bottom { -ms-transform: translateY(300%); transform: translateY(300%); } .custombox-modal-open .custombox-modal-slide-bottom { -ms-transform: translateY(0); transform: translateY(0); } /* ---------------------------- Modal: Newspaper ---------------------------- */ .custombox-modal-newspaper { -ms-transform: scale(0) rotate(720deg); transform: scale(0) rotate(720deg); opacity: 0; transition-property: all; position: absolute; } .custombox-overlay-newspaper { transition-property: all; } .custombox-modal-open .custombox-modal-newspaper { -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1; } /* ---------------------------- Modal: Fall ---------------------------- */ .custombox-modal-container-fall { perspective: 1300px; } .custombox-modal-fall { transform-style: preserve-3d; transform: translateZ(600px) rotateX(20deg); opacity: 0; } .custombox-modal-open .custombox-modal-fall { transition-timing-function: ease-in; transition-property: all; transform: translateZ(0) rotateX(0deg); opacity: 1; } /* ---------------------------- Modal: Sideball ---------------------------- */ .custombox-modal-container-sidefall { perspective: 1300px; } .custombox-modal-wrapper-sidefall { overflow-x: hidden; } .custombox-modal-sidefall { transform-style: preserve-3d; transform: translate(30%) translateZ(600px) rotate(10deg); opacity: 0; } .custombox-modal-open .custombox-modal-sidefall { transition-timing-function: ease-in; transition-property: all; transform: translate(0) translateZ(0) rotate(0deg); opacity: 1; } /* ---------------------------- Modal: Blur ---------------------------- */ .custombox-open-blur .custombox-container-blur { filter: blur(3px); } @media all and (-ms-high-contrast: none) { .custombox-open-blur .custombox-container-blur { text-shadow: 0 0 8px #000; color: rgba(255, 255, 255, 0); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); zoom: 1; } } .custombox-modal-blur { -ms-transform: translateY(-5%); transform: translateY(-5%); opacity: 0; position: absolute; } .custombox-overlay-blur, .custombox-modal-container-blur { transition-property: all; } .custombox-modal-open .custombox-modal-blur { -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } /* ---------------------------- Modal: 3D Flip generic ---------------------------- */ .custombox-modal-container-flip { perspective: 1300px; } /* ---------------------------- Modal: 3D Flip horizontal ---------------------------- */ .custombox-modal-flip-horizontal { position: absolute; transform-style: preserve-3d; transform: rotateY(-70deg); transition-property: all; opacity: 0; } .custombox-modal-open .custombox-modal-flip-horizontal { transform: rotateY(0deg); opacity: 1; } /* ---------------------------- Modal: 3D Flip vertical ---------------------------- */ .custombox-modal-flip-vertical { position: absolute; transform-style: preserve-3d; transform: rotateX(-70deg); transition-property: all; opacity: 0; } .custombox-modal-open .custombox-modal-flip-vertical { transform: rotateX(0deg); opacity: 1; } /* ---------------------------- Modal: 3D Sign ---------------------------- */ .custombox-modal-container-sign { perspective: 1300px; } .custombox-modal-sign { transform-style: preserve-3d; transform: rotateX(-60deg); -ms-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0; transition-property: all; } .custombox-modal-open .custombox-modal-sign { transform: rotateX(0deg); opacity: 1; } /* ---------------------------- Modal: Superscaled ---------------------------- */ .custombox-modal-superscaled { -ms-transform: scale(2); transform: scale(2); opacity: 0; transition-property: all; position: absolute; } .custombox-modal-open .custombox-modal-superscaled { -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* ---------------------------- Modal: 3D Slit ---------------------------- */ .custombox-modal-container-slit { perspective: 1300px; } .custombox-modal-slit { transform-style: preserve-3d; transform: translateZ(-3000px) rotateY(90deg); opacity: 0; } .custombox-modal-open .custombox-modal-slit { animation: slit .7s forwards ease-out; } @keyframes slit { 50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-out; } 100% { transform: translateZ(0) rotateY(0deg); opacity: 1; } } /* ---------------------------- Modal: 3D Rotate generic ---------------------------- */ .custombox-modal-container-rotate { perspective: 1300px; } /* ---------------------------- Modal: 3D Rotate from bottom ---------------------------- */ .custombox-modal-rotate-bottom { transform-style: preserve-3d; transform: translateY(100%) rotateX(90deg); -ms-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; transition-timing-function: ease-out; transition-property: all; position: absolute; } .custombox-modal-open .custombox-modal-rotate-bottom { transform: translateY(0) rotateX(0deg); opacity: 1; } /* ---------------------------- Modal: 3D Rotate from left ---------------------------- */ .custombox-modal-rotate-left { transform-style: preserve-3d; transform: translateZ(100px) translateX(-30%) rotateY(90deg); -ms-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; transition-property: all; position: absolute; } .custombox-modal-open .custombox-modal-rotate-left { transform: translateZ(0) translateX(0) rotateY(0deg); opacity: 1; } /* ---------------------------- Modal: Letmein ---------------------------- */ .custombox-modal-container-letmein { transition-property: transform; transform: rotateX(-2deg); -ms-transform-origin: 50% 0; transform-origin: 50% 0; transform-style: preserve-3d; opacity: 1; } .custombox-modal-letmein { opacity: 0; -ms-transform: translateY(300%); transform: translateY(300%); float: left; } .custombox-modal-open .custombox-modal-letmein { -ms-transform: translateY(0); transform: translateY(0); opacity: 1; transition-property: all; } /* ---------------------------- Modal: Makeway ---------------------------- */ .custombox-modal-makeway { -ms-transform: translateX(200%); transform: translateX(200%); opacity: 0; float: left; } .custombox-modal-open .custombox-modal-makeway { -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } .custombox-modal-wrapper-makeway { overflow: hidden; } /* ---------------------------- Modal: Slip ---------------------------- */ .custombox-modal-slip { -ms-transform: translateY(-350%); transform: translateY(-350%); } .custombox-modal-open .custombox-modal-slip { -ms-transform: translateY(0); transform: translateY(0); transition-property: all; } /* ---------------------------- Modal: Corner ---------------------------- */ .custombox-modal-corner { opacity: 0; -ms-transform: translateY(150px) translateX(150px); transform: translateY(150px) translateX(150px); transition-property: opacity, transform, visibility; } .custombox-modal-open .custombox-modal-corner { -ms-transform: translateY(0); transform: translateY(0); opacity: 1; transition-property: opacity, transform; } /* ---------------------------- Modal: Slide together ---------------------------- */ .custombox-modal-slidetogether { -ms-transform: translateY(-600%); transform: translateY(-600%); } .custombox-modal-open .custombox-modal-slidetogether { -ms-transform: translateY(0); transform: translateY(0); } /* ---------------------------- Modal: Scale ---------------------------- */ .custombox-modal-scale { -ms-transform: scale(0.9); transform: scale(0.9); transition: transform; opacity: 0; } .custombox-modal-open .custombox-modal-scale { -ms-transform: scale(1); transform: scale(1); transition: transform; opacity: 1; } /* ---------------------------- Modal: Door ---------------------------- */ .custombox-modal-door { visibility: hidden; opacity: 0; } .custombox-modal-open .custombox-modal-door { opacity: 1; visibility: visible; } /* ---------------------------- Modal: Push ---------------------------- */ .custombox-modal-push { -ms-transform: translateX(-300%); transform: translateX(-300%); } .custombox-modal-open .custombox-modal-push { -ms-transform: translateX(0); transform: translateX(0); } /* ---------------------------- Modal: Content Scale ---------------------------- */ .custombox-modal-contentscale { -ms-transform: translateY(600%); transform: translateY(600%); transition-property: transform ease-in-out; position: absolute; } .custombox-modal-open .custombox-modal-contentscale { -ms-transform: translateY(0); transform: translateY(0); } /* ---------------------------- Modal: Val ---------------------------- */ .custombox-modal-swell { animation-duration: 0.5s; animation-fill-mode: forwards; animation-timing-function: ease-out; animation-name: swell-close; } .custombox-modal-open .custombox-modal-swell { animation-name: swell-open; } @keyframes swell-open { 0% { opacity: 0; transform: translate3d(calc(-100vw - 50%), 0, 0); } 50% { opacity: 1; transform: translate3d(100px, 0, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes swell-close { 0% { opacity: 1; transform: translate3d(0, 0, 0); } 50% { opacity: 1; transform: translate3d(-100px, 0, 0) scale3d(1.1, 1.1, 1); } 100% { opacity: 0; transform: translate3d(calc(100vw + 50%), 0, 0); } } /* ---------------------------- Modal: Rotate down ---------------------------- */ .custombox-modal-rotatedown { animation-duration: 0.4s; animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1); animation-fill-mode: forwards; -ms-transform-origin: -150% 50%; transform-origin: -150% 50%; animation-name: rotatedown-close; overflow: hidden; } .custombox-modal-open .custombox-modal-rotatedown { animation-name: rotatedown-open; } .custombox-modal-open .custombox-modal-rotatedown div > * { animation: rotatedown-elem 0.4s both; -ms-transform-origin: -50% 50%; transform-origin: -50% 50%; animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1); animation-delay: 0.15s; } @keyframes rotatedown-open { 0% { opacity: 0; transform: rotate3d(0, 0, 1, -45deg); } 100% { opacity: 1; transform: rotate3d(0, 0, 1, 0deg); } } @keyframes rotatedown-close { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate3d(0, 0, 1, 45deg); } } @keyframes rotatedown-elem { 0% { opacity: 0; transform: translate3d(0, -150px, 0) rotate3d(0, 0, 1, -20deg); } 100% { opacity: 1; transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg); } } /* ---------------------------- Modal: Flash ---------------------------- */ .custombox-modal-flash { animation-duration: 0.4s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1); animation-name: flash-close; overflow: hidden; } .custombox-modal-open .custombox-modal-flash { animation-name: flash-open; } .custombox-modal-open .custombox-modal-flash div > * { animation: flash-elem-open 0.4s cubic-bezier(0.7, 0, 0.3, 1) both; } .custombox-modal-flash div > * { animation: flash-elem-close 0.4s cubic-bezier(0.7, 0, 0.3, 1) both; } @keyframes flash-open { 0% { opacity: 0; transform: translate3d(-400px, 0, 0) scale3d(1.4, 0, 1); } 100% { opacity: 1; transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } } @keyframes flash-close { 0% { opacity: 1; transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } 20% { opacity: 1; transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } 100% { opacity: 0; transform: translate3d(-400px, 0, 0) scale3d(1.4, 0, 1); } } @keyframes flash-elem-open { 0% { opacity: 0; transform: translate3d(-100px, 0, 0); } 20% { opacity: 0; transform: translate3d(-100px, 0, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes flash-elem-close { 0% { opacity: 1; transform: translate3d(0, 0, 0); } 100% { opacity: 0; transform: translate3d(-100px, 0, 0); } } /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } html * { box-sizing: border-box; } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; max-width: 100%; height: auto; display: block; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .container, .feature-menu-wrap { max-width: 1560px; margin-left: auto; margin-right: auto; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; } .container:after, .feature-menu-wrap:after { clear: both; content: ""; display: table; } .bleed .block, .blocks .block { margin-bottom: 60px; /*@warn("screen and (max-width: 460px)");*/ /*@warn("screen and (min-width: 1024px) and (max-width: 1600px)");*/ } @media screen and (max-width: 460px) { .bleed .block, .blocks .block { margin-bottom: 24px; } } @media screen and (min-width: 1024px) and (max-width: 1600px) { .bleed .block, .blocks .block { margin-bottom: 12px; } } .blocks { /*margin-right: 0px !important;*/ overflow: hidden; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; } .blocks .col-3 { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .blocks .col-3 { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .blocks .col-3 { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } .blocks .col-3 .col-1 { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 30.83333%; flex-basis: 30.83333%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .blocks .col-3 .col-1 { margin-left: 1.25%; margin-right: 1.25%; width: 47.5%; flex-basis: 47.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .blocks .col-3 .col-1 { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } .blocks .col-3 .container, .blocks .col-3 .feature-menu-wrap { width: 102.5641%; margin-left: -1.28205%; margin-right: -1.28205%; } .blocks .col-3 .col-2 { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 64.16667%; flex-basis: 64.16667%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .blocks .col-3 .col-2 { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .blocks .col-3 .col-2 { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } .blocks .col-3 .container, .blocks .col-3 .feature-menu-wrap { width: 102.5641%; margin-left: -1.28205%; margin-right: -1.28205%; } .blocks .col-3 .col-3 { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .blocks .col-3 .col-3 { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .blocks .col-3 .col-3 { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } .blocks .col-3 .container, .blocks .col-3 .feature-menu-wrap { width: 102.5641%; margin-left: -1.28205%; margin-right: -1.28205%; } .blocks .col-2 { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 64.16667%; flex-basis: 64.16667%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .blocks .col-2 { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .blocks .col-2 { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } .blocks .col-2 .col-1 { float: left; margin-left: 1.875%; margin-right: 1.875%; width: 46.25%; flex-basis: 46.25%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .blocks .col-2 .col-1 { margin-left: 1.875%; margin-right: 1.875%; width: 46.25%; flex-basis: 46.25%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .blocks .col-2 .col-1 { margin-left: 1.875%; margin-right: 1.875%; width: 96.25%; flex-basis: 96.25%; -ms-flex-preferred-size: auto; } } .blocks .col-2 .container, .blocks .col-2 .feature-menu-wrap { width: 103.8961%; margin-left: -1.94805%; margin-right: -1.94805%; } .blocks .col-2 .col-2 { float: left; margin-left: 1.875%; margin-right: 1.875%; width: 96.25%; flex-basis: 96.25%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .blocks .col-2 .col-2 { margin-left: 1.875%; margin-right: 1.875%; width: 96.25%; flex-basis: 96.25%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .blocks .col-2 .col-2 { margin-left: 1.875%; margin-right: 1.875%; width: 96.25%; flex-basis: 96.25%; -ms-flex-preferred-size: auto; } } .blocks .col-2 .container, .blocks .col-2 .feature-menu-wrap { width: 103.8961%; margin-left: -1.94805%; margin-right: -1.94805%; } .blocks .col-2 .col-3 { float: left; margin-left: 1.875%; margin-right: 1.875%; width: 96.25%; flex-basis: 96.25%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .blocks .col-2 .col-3 { margin-left: 1.875%; margin-right: 1.875%; width: 96.25%; flex-basis: 96.25%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .blocks .col-2 .col-3 { margin-left: 1.875%; margin-right: 1.875%; width: 96.25%; flex-basis: 96.25%; -ms-flex-preferred-size: auto; } } .blocks .col-2 .container, .blocks .col-2 .feature-menu-wrap { width: 103.8961%; margin-left: -1.94805%; margin-right: -1.94805%; } .blocks .col-1 { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 30.83333%; flex-basis: 30.83333%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .blocks .col-1 { margin-left: 1.25%; margin-right: 1.25%; width: 47.5%; flex-basis: 47.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .blocks .col-1 { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } .blocks .col-1 .col-1 { float: left; margin-left: 3.75%; margin-right: 3.75%; width: 92.5%; flex-basis: 92.5%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .blocks .col-1 .col-1 { margin-left: 3.75%; margin-right: 3.75%; width: 92.5%; flex-basis: 92.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .blocks .col-1 .col-1 { margin-left: 3.75%; margin-right: 3.75%; width: 92.5%; flex-basis: 92.5%; -ms-flex-preferred-size: auto; } } .blocks .col-1 .container, .blocks .col-1 .feature-menu-wrap { width: 108.10811%; margin-left: -4.05405%; margin-right: -4.05405%; } .blocks .col-1 .col-2 { float: left; margin-left: 3.75%; margin-right: 3.75%; width: 92.5%; flex-basis: 92.5%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .blocks .col-1 .col-2 { margin-left: 3.75%; margin-right: 3.75%; width: 92.5%; flex-basis: 92.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .blocks .col-1 .col-2 { margin-left: 3.75%; margin-right: 3.75%; width: 92.5%; flex-basis: 92.5%; -ms-flex-preferred-size: auto; } } .blocks .col-1 .container, .blocks .col-1 .feature-menu-wrap { width: 108.10811%; margin-left: -4.05405%; margin-right: -4.05405%; } .blocks .col-1 .col-3 { float: left; margin-left: 3.75%; margin-right: 3.75%; width: 92.5%; flex-basis: 92.5%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .blocks .col-1 .col-3 { margin-left: 3.75%; margin-right: 3.75%; width: 92.5%; flex-basis: 92.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .blocks .col-1 .col-3 { margin-left: 3.75%; margin-right: 3.75%; width: 92.5%; flex-basis: 92.5%; -ms-flex-preferred-size: auto; } } .blocks .col-1 .container, .blocks .col-1 .feature-menu-wrap { width: 108.10811%; margin-left: -4.05405%; margin-right: -4.05405%; } .blocks .col-4 { width: 100%; margin: 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blocks .col-4 .col-1 { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 22.5%; flex-basis: 22.5%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .blocks .col-4 .col-1 { margin-left: 1.25%; margin-right: 1.25%; width: 47.5%; flex-basis: 47.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .blocks .col-4 .col-1 { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } .blocks .col-4 .col-2 { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 47.5%; flex-basis: 47.5%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .blocks .col-4 .col-2 { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .blocks .col-4 .col-2 { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } .blocks .col-4 .col-3 { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 72.5%; flex-basis: 72.5%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .blocks .col-4 .col-3 { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .blocks .col-4 .col-3 { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } .blocks .col-4 .col-4 { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .blocks .col-4 .col-4 { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .blocks .col-4 .col-4 { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } .blocks .col-6 { width: 100%; margin: 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blocks .col-6 .col-1 { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 14.16667%; flex-basis: 14.16667%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .blocks .col-6 .col-1 { margin-left: 1.25%; margin-right: 1.25%; width: 47.5%; flex-basis: 47.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .blocks .col-6 .col-1 { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (min-width: 460px) and (max-width: 1023px) { .blocks .col-6 .col-1 { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 30.83333%; flex-basis: 30.83333%; -ms-flex-preferred-size: auto; min-width: 1px; } } .blocks .col-6 .col-2 { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 30.83333%; flex-basis: 30.83333%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .blocks .col-6 .col-2 { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .blocks .col-6 .col-2 { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (min-width: 460px) and (max-width: 1023px) { .blocks .col-6 .col-2 { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 64.16667%; flex-basis: 64.16667%; -ms-flex-preferred-size: auto; min-width: 1px; } } .blocks .col-6 .col-3 { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 47.5%; flex-basis: 47.5%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .blocks .col-6 .col-3 { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .blocks .col-6 .col-3 { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (min-width: 460px) and (max-width: 1023px) { .blocks .col-6 .col-3 { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; min-width: 1px; } } .blocks .col-6 .col-4 { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 64.16667%; flex-basis: 64.16667%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .blocks .col-6 .col-4 { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .blocks .col-6 .col-4 { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (min-width: 460px) and (max-width: 1023px) { .blocks .col-6 .col-4 { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; min-width: 1px; } } .blocks .col-6 .col-5 { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 80.83333%; flex-basis: 80.83333%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .blocks .col-6 .col-5 { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .blocks .col-6 .col-5 { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (min-width: 460px) and (max-width: 1023px) { .blocks .col-6 .col-5 { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; min-width: 1px; } } .blocks .col-6 .col-6 { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .blocks .col-6 .col-6 { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .blocks .col-6 .col-6 { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (min-width: 460px) and (max-width: 1023px) { .blocks .col-6 .col-6 { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; min-width: 1px; } } .blocks .col-1-wide, .blocks .col-3.quoteblock { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 47.5%; flex-basis: 47.5%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ margin-left: 25%; margin-right: 25%; } @media screen and (max-width: 1023px) { .blocks .col-1-wide, .blocks .col-3.quoteblock { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 84.16667%; flex-basis: 84.16667%; -ms-flex-preferred-size: auto; min-width: 1px; } } @media screen and (max-width: 460px) { .blocks .col-1-wide, .blocks .col-3.quoteblock { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; min-width: 1px; } } /* hero left/right content, force 1 col*/ .hero .left-content .block, .hero .right-content .block { width: 100%; } .navbar { width: 100%; height: 72px; position: fixed; top: 0; z-index: 99; background-position: 0 -54px; background-repeat: no-repeat; background-color: #0E103E; font-size: 18px; font-weight: 500; } .navbar .nav-wrap { position: relative; height: 72px; overflow: hidden; max-width: 1560px; margin-left: auto; margin-right: auto; } .navbar .nav-wrap:after { clear: both; content: ""; display: table; } .navbar .nav-logo-wrap { /*@include grid-columns(1 of 3);*/ margin-left: 1.25%; } .navbar .nav-logo-wrap .buy-button { margin-top: 12px; } .navbar .logo { float: left; margin-top: 20px; margin-bottom: 24px; border: none !important; background-size: contain; background-repeat: no-repeat; background-position: top left; display: block; height: 30px; text-indent: -99999px; } .navbar .main-nav { /*@include grid-columns(2 of 3);*/ min-width: 60%; float: right; margin-right: 5%; padding-right: 250px; /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (max-width: 1023px) { .navbar .main-nav { display: inline-block; width: auto; } } .navbar .main-nav ul { /*@warn("screen and (max-width: 1023px)");*/ margin: 0; padding: 0; height: 100%; max-height: 72px; overflow: hidden; float: left; } @media screen and (max-width: 1023px) { .navbar .main-nav ul { display: none; } } .navbar .main-nav li { position: relative; display: inline-block; height: 100%; white-space: nowrap; padding-left: 0; padding-top: 24px; padding-bottom: 24px; margin-right: 24px; } .navbar .main-nav li a { transition: border-bottom 0.2s linear; color: #FFF; text-decoration: none; font-weight: 500; border-bottom: 1px solid transparent; } .navbar .main-nav li a:hover { border-bottom-color: rgba(255, 255, 255, 0.4) !important; } .navbar .main-nav li.selected:before { content: ""; background-color: #FFF; width: 20px; height: 20px; border-radius: 50%; margin-left: -10px; margin-top: -10px; position: absolute; top: 0; left: 50%; } @media screen and (min-width: 1200px) and (max-width: 1400px) { .navbar .main-nav { padding-right: 200px; } .navbar .main-nav li { margin-right: 12px; } .navbar .main-nav li a { font-size: 16px; } } .navbar .search { display: inline-block; float: right; padding: 15px; padding-left: 0; } .navbar .buy-button { margin-top: 12px; margin-right: 24px; /*@warn("screen and (max-width: 1023px)");*/ /*@warn("screen and (min-width: 1023px) and (max-width: 1024px)");*/ } @media screen and (max-width: 1023px) { .navbar .buy-button { display: none; } } @media screen and (min-width: 1023px) and (max-width: 1024px) { .navbar .buy-button { display: none; } } .navigation-tools { position: absolute; right: 1.25%; top: -5px; width: 100px; } .navigation-tools .burger-menu, .navigation-tools icon-search { position: relative; } .navigation-tools .icon-search { top: -7px; } .navigation-tools .burger-menu { cursor: pointer; margin-top: 24px; margin-right: 2.5%; margin-left: 6px; border: none !important; } .navigation-tools .language-list-options { background-color: #0E103E; } .navigation-tools__wrap { max-width: 1560px; margin-left: auto; margin-right: auto; position: relative; height: 0; z-index: 10; } .navigation-tools__wrap:after { clear: both; content: ""; display: table; } .burger-menu { display: inline-block; position: absolute; top: 0; right: 0; width: 30px; height: 24px; cursor: pointer; float: right; margin-top: 24px; margin-right: 2.5%; border: none !important; } .burger-menu i { position: relative; display: inline-block; width: 30px; height: 1px; background: #FFF; } .burger-menu i:before, .burger-menu i:after { transition: all 0.2s ease-out; content: ""; width: 30px; height: 1px; position: absolute; left: 0; background: #FFF; } .burger-menu i:before { top: -6px; } .burger-menu i:after { bottom: -6px; } .burger-menu:hover i:after { bottom: -12px; } .burger-menu:hover i:before { top: -12px; } .burger-menu.active i, .no-js .overlay-menu .burger-menu i { height: 0; } .burger-menu.active i:before, .no-js .overlay-menu .burger-menu i:before { top: 0; -ms-transform: rotateZ(45deg); transform: rotateZ(45deg); } .burger-menu.active i:after, .no-js .overlay-menu .burger-menu i:after { bottom: 0; -ms-transform: rotateZ(-45deg); transform: rotateZ(-45deg); } /* burger-menu fullscreen overlay */ .overlay-menu { display: block; position: fixed; top: 0; width: 100%; height: 0; z-index: 100; overflow: hidden; background-color: #005b94; transition: all 0.2s ease-out; } .overlay-menu a { color: #FFF; font-weight: 500; font-size: 18px; } .overlay-menu a:hover { border-bottom-color: rgba(255, 255, 255, 0.7) !important; } .overlay-menu.active, .overlay-menu:target { height: 100%; overflow-y: scroll; } .overlay-menu .container, .overlay-menu .feature-menu-wrap { position: relative; } .overlay-menu .main-nav { height: 72px; width: 100%; padding: 0 40px; } .overlay-menu .main-nav ul { margin: 0; padding: 0; height: 100%; margin-left: 35%; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ float: left; } @media screen and (min-width: 460px) and (max-width: 1023px) { .overlay-menu .main-nav ul { /*$columns: min($columns, 1); $container-columns: min($container-columns, 2); $container-content-width: $parent-width - ($container-columns + 1) * $grid-gutter; $column-width: $container-content-width / $container-columns; $margin: strip-units(($columns * $column-width + ($columns + 1) * $grid-gutter) / $parent-width); margin-left: percentage($margin);*/ margin-left: 2.5%; } } @media screen and (max-width: 460px) { .overlay-menu .main-nav ul { margin-left: 2.5%; } } .overlay-menu .main-nav li { display: inline-block; height: 100%; white-space: nowrap; padding-left: 0; padding-top: 24px; padding-bottom: 24px; margin-right: 24px; } .overlay-menu .main-nav li a { color: #FFF; text-decoration: none; font-weight: 500; } .sub { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (max-width: 1023px) { .sub { display: block; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } } .sub-nav { -ms-flex: 1; flex: 1; padding: 0 1em; -ms-flex-preferred-size: 25%; flex-basis: 25%; margin-bottom: 24px; /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (max-width: 1023px) { .sub-nav { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding: 0; margin: 0; } } .toggle-childpages { position: relative; margin: 0; margin-top: 0; margin-bottom: 0; /*@warn("screen and (max-width: 1023px)");*/ } .sub-nav > .toggle-childpages { border-bottom: 1px solid #FFF; padding-bottom: 24px; margin-bottom: 24px; /*@warn("screen and (max-width: 1023px)");*/ } .sub-nav > .toggle-childpages .toggle-childpages-link:hover { border-bottom: 1px none; } .sub-nav > .toggle-childpages .toggle-childpages-button { display: none; /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (max-width: 1023px) { .sub-nav > .toggle-childpages .toggle-childpages-button { display: block; } } @media screen and (max-width: 1023px) { .sub-nav > .toggle-childpages { padding-bottom: 0; margin-bottom: 0; } } @media screen and (max-width: 1023px) { .toggle-childpages { padding: 0; line-height: normal; border-bottom: 1px solid rgba(232, 224, 224, 0.45); cursor: pointer; margin-bottom: 0; } } .toggle-childpages .toggle-childpages-link { display: inline-block; margin-right: 36px; /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (max-width: 1023px) { .toggle-childpages .toggle-childpages-link { display: inline-block; padding: 1em; line-height: normal; border-bottom: none; } } .childpages { position: relative; list-style: none; padding: 0; margin: 0; max-height: 0; overflow: hidden; cursor: pointer; transition: all 0.3s ease-in-out; /*@warn("screen and (max-width: 1023px)");*/ } .is-open ~ .childpages, .no-js .childpages { max-height: 10000px; margin-top: 24px; margin-bottom: 24px; /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (max-width: 1023px) { .is-open ~ .childpages, .no-js .childpages { margin-top: 0; } } .childpages.lvl-1 { max-height: 10000px; /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (max-width: 1023px) { .childpages.lvl-1 { max-height: 0; } .is-open ~ .childpages.lvl-1 { max-height: 10000px; } } .childpages__item { /*margin-bottom: $base-length / 2;*/ padding-top: 6px; padding-bottom: 6px; list-style: none; position: relative; padding-left: 12px; padding-right: 12px; /*&.selected:before { display: block; border-radius: 20px; content: ":)"; width: 10px; height: 10px; position: absolute; top: 50%; margin-top: -5px; left: -5px; background-color: rgba(255,255,255,0.6); }*/ } .childpages__item .link { margin-left: 1em; padding: 0; } .childpages__item.current-page { background-color: rgba(0, 0, 0, 0.2); border-radius: 6px; /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (max-width: 1023px) { .childpages__item.current-page { margin-left: 6px; margin-right: 6px; } .childpages__item.current-page .link { padding-left: 6px; } } .childpages__item.has-children { /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (max-width: 1023px) { .childpages__item.has-children { padding: 0; } } .toggle-childpages-button { position: absolute; top: 0; right: 0; margin-right: 2.5%; /*padding-right: .5em;*/ color: #fff; /*@warn("screen and (max-width: 1023px)");*/ } .toggle-childpages-button:after { position: relative; font-size: 30px; content: ""; margin-left: 12px; font-family: "streamline-30px" !important; } .is-open > .toggle-childpages-button:after { position: relative; font-size: 30px; content: ""; margin-left: 12px; font-family: "streamline-30px" !important; } @media screen and (max-width: 1023px) { .toggle-childpages-button { top: 10px; } } .lvl-1, .lvl-2 { /*padding-left: 1 * $base-length;*/ /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (max-width: 1023px) { .lvl-1, .lvl-2 { padding-left: 0; border-left: 8px solid rgba(0, 0, 0, 0.6); } } .lvl-1 > .childpages__item > .link { margin-left: 0; /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (max-width: 1023px) { .lvl-1 > .childpages__item > .link { margin-left: 12px; } .current-page .lvl-1 > .childpages__item > .link { margin-left: 0; } } .lvl-1 .toggle-childpages { /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (max-width: 1023px) { .lvl-1 .toggle-childpages { margin-bottom: 0; } } .lvl-1 .toggle-childpages-link { border-bottom: none; /*font-size: 16px;*/ } .lvl-2 { /*margin-top: $base-length;*/ margin-left: 12px; border-left: 1px solid #fff; /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (max-width: 1023px) { .lvl-2 { margin: 0; border-left: 8px solid rgba(0, 0, 0, 0.2); } } .icon-search { position: relative; margin-right: 2.5%; cursor: pointer; float: right; } .icon-search:after { position: relative; font-size: 30px; content: "F"; margin-left: 12px; font-family: "streamline-30px" !important; } .icon-search:after { position: relative; top: 35px; margin-right: 12px; color: #fff; } .black .icon-search { /*@warn("screen and (max-width: 460px)");*/ } .black .icon-search:after { color: #000; } @media screen and (max-width: 460px) { .black .icon-search:after { color: #FFF; } } .hero { position: relative; width: 100%; /*@warn("screen and (max-width: 1599px)");*/ /*@warn("screen and (max-width: 1023px)");*/ } .hero:after { clear: both; content: ""; display: table; } .hero h1 { color: #005b94; } .hero .inner { max-width: 1560px; margin-left: auto; margin-right: auto; position: relative; z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .hero .inner:after { clear: both; content: ""; display: table; } .hero .inner .page-icon { max-width: 200px; height: auto; } .hero .back-link { position: absolute; top: 24px; right: 2.5%; /*@warn("screen and (max-width: 460px)");*/ /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ } .hero .back-link:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .hero .back-link:before { transition: all 0.4s ease-out; position: relative; left: 0; } .hero .back-link:hover:before { left: 3px; } @media screen and (max-width: 460px) { .hero .back-link { position: static; } } @media screen and (min-width: 460px) and (max-width: 1023px) { .hero .back-link { padding-bottom: 10px; } } .hero-text-black { color: #1F1F1F; /*h1 { color: $color-black !important;}*/ } .hero-text-black a { color: #1F1F1F; } .hero-text-white { color: #FFF; } .hero-text-white a { color: #FFF; border-color: rgba(255, 255, 255, 0.3); } .hero-text-white a:hover { border-color: rgba(255, 255, 255, 0.8); } .hero-text-white h1 { color: #FFF; } .hero__title__wrapper { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 64.16667%; flex-basis: 64.16667%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ margin-left: 35%; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ margin-top: 96px; margin-bottom: 72px; margin-left: auto; margin-right: auto; } @media screen and (min-width: 460px) and (max-width: 1023px) { .hero__title__wrapper { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .hero__title__wrapper { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (min-width: 460px) and (max-width: 1023px) { .hero__title__wrapper { /*$columns: min($columns, 1); $container-columns: min($container-columns, 2); $container-content-width: $parent-width - ($container-columns + 1) * $grid-gutter; $column-width: $container-content-width / $container-columns; $margin: strip-units(($columns * $column-width + ($columns + 1) * $grid-gutter) / $parent-width); margin-left: percentage($margin);*/ margin-left: 2.5%; } } @media screen and (max-width: 460px) { .hero__title__wrapper { margin-left: 2.5%; } } .left-content ~ .hero__title__wrapper { margin-left: 1.25%; } .left-content ~ .hero__title__wrapper h1 { text-align: left; } .left-content ~ .hero__title__wrapper .hero__main-intro { margin-left: 0; } .hero__title__wrapper h1 { width: 100%; margin-bottom: 12px; margin-left: 0; margin-top: 0; text-align: center; } .hero__main-intro { width: 75%; margin-left: 0; margin-left: auto; margin-right: auto; text-align: justify; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .hero__main-intro { width: 100%; } } .hero .left-content { /*@include span-columns(4 of 12);*/ float: left; margin-left: 1.25%; margin-right: 1.25%; width: 30.83333%; flex-basis: 30.83333%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ margin-top: 96px; margin-bottom: 60px; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .hero .left-content { margin-left: 1.25%; margin-right: 1.25%; width: 47.5%; flex-basis: 47.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .hero .left-content { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } .hero .left-content .blocks--1 { width: 100%; margin: 0; } @media screen and (max-width: 460px) { .hero .left-content { margin-bottom: 24px; } } @media screen and (max-width: 1599px) { .hero .left-content, .hero__title__wrapper { margin-top: 60px; margin-bottom: 24px; } } @media screen and (max-width: 1023px) { .hero .left-content, .hero__title__wrapper { margin-top: 24px; margin-bottom: 0; } .hero__title__wrapper { margin-top: 48px; -ms-flex-order: 1; order: 1; } .hero .left-content { -ms-flex-order: 2; order: 2; } } .hero .right-content p:first-child { margin-top: 0; } .hero-image { width: 100%; /*@warn("screen and (min-width: 1024px) and (max-width: 1600px)");*/ } @media screen and (min-width: 1024px) and (max-width: 1600px) { .hero-image { object-fit: cover; object-position: center; max-height: 60vh; font-family: "object-fit: cover; object-position: center"; } .hero-image.object-pos-bottom { object-position: bottom; font-family: "object-fit: cover; object-position: bottom"; } .hero-image.object-pos-top { object-position: top; font-family: "object-fit: cover; object-position: top"; } } .hero.narrow-hero .hero__title__wrapper, .hero.narrow-hero .left-content { margin-bottom: 0; } .hero.narrow-hero + .content-area, .hero.narrow-hero + .layoutblock, .hero.narrow-hero + .container, .hero.narrow-hero + .feature-menu-wrap { padding-top: 0; } .hero.hidden-content .left-content { display: none; } .hero.hidden-content + .content-area, .hero.hidden-content + .layoutblock, .hero.hidden-content + .container, .hero.hidden-content + .feature-menu-wrap { padding-top: 96px; /*@warn("screen and (max-width: 1599px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 1599px) { .hero.hidden-content + .content-area, .hero.hidden-content + .layoutblock, .hero.hidden-content + .container, .hero.hidden-content + .feature-menu-wrap { padding-top: 48px; } } @media screen and (max-width: 460px) { .hero.hidden-content + .content-area, .hero.hidden-content + .layoutblock, .hero.hidden-content + .container, .hero.hidden-content + .feature-menu-wrap { padding-top: 0; } } .hero-overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 0; } .hero-overlay.dots { background-image: url("/Static/img/pattern-black.svg"); background-position: -343px -144px; background-repeat: no-repeat; opacity: 0.1; } .hero-overlay.solid { background-color: rgba(31, 31, 31, 0.4); } .breadcrumbs { margin-top: 24px; margin-left: 2.5%; position: absolute; font-size: 15px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .breadcrumbs { margin-top: 12px; } } @media screen and (max-width: 460px) { .breadcrumbs { display: none; } } .breadcrumbs .crumb { display: inline-block; } .breadcrumbs .crumb:after { content: " / "; margin-left: 5px; margin-right: 5px; } .breadcrumbs .crumb:last-child:after { display: none; } .breadcrumbs a { display: inline-block; text-decoration: none; } html { background-color: #FFF; } body { margin-top: 72px; background-color: #FFF; } body.mce-content-body { margin-top: 0; } body.nav-hidden { margin-top: 0; } .wf-loading body { visibility: hidden; } .no-js.wf-loading body { visibility: initial; } iframe { border: none; } .hidden { display: none; } .bg-gray { background-color: #f5f4f3; } .bg-white { background-color: white; } .bg-insightdark { background-color: #343741; color: #FFF; } .bg-insightdrey { background-color: #BBBDC0; color: #FFF; } .border-white { border: 1px solid #fff; } .border-black { border: 1px solid #1f1f1f; } .border-gray { border: 1px solid #f5f4f3; } .border-none { border: none; } .block__heading { font-size: 18px; /*@warn("screen and (max-width: 460px)");*/ /*line-height: 32px;*/ line-height: 1.3; padding-bottom: 24px; margin: 24px 0 48px; min-height: 34px; box-sizing: content-box; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .block__heading { font-size: 16px; } } .col-1 .block__heading { border-bottom: 1px solid #231f20; border-bottom: 1px solid rgba(35, 31, 32, 0.8); } .block__heading.no-border { height: 34px; box-sizing: content-box; border: none; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .block__heading.no-border { display: none; } } @media screen and (max-width: 460px) { .block__heading { margin-bottom: 24px; padding-bottom: 12px; } } .header-wrapper { margin: 24px 0 48px; float: left; width: 100%; /*@warn("screen and (max-width: 460px)");*/ } .header-wrapper h3 { float: left; margin-bottom: 0; margin-top: 0; padding-bottom: 24px; min-height: 34px; box-sizing: content-box; } .header-wrapper .page-link { float: right; } .header-wrapper .page-link:before { position: relative; font-size: 26px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .header-wrapper .page-link:before { transition: all 0.4s ease-out; position: relative; left: 0; } .header-wrapper .page-link:hover:before { left: 3px; } .col-1 .header-wrapper { border-bottom: 1px solid #231f20; border-bottom: 1px solid rgba(35, 31, 32, 0.8); } @media screen and (max-width: 460px) { .header-wrapper { margin-bottom: 24px; padding-bottom: 12px; border-bottom: 1px solid #231f20; border-bottom: 1px solid rgba(35, 31, 32, 0.8); } } .arrow-down:after { display: inline-block; width: 0; height: 0; font-size: 0; line-height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; border-bottom: none; } .arrow-up:after { display: inline-block; width: 0; height: 0; font-size: 0; line-height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff; border-top: none; } .no-scroll { overflow: hidden; overflow-x: hidden; overflow-y: hidden; } #is-tablet { display: none; visibility: hidden; background-color: transparent; width: 1px; height: 1px; z-index: -1000; /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (max-width: 1023px) { #is-tablet { display: block; visibility: visible; } } .svg-icon__arrow { /*@warn("screen and (max-width: 460px)");*/ } .svg-icon__arrow svg { width: 0.4em; height: auto; } @media screen and (max-width: 460px) { .svg-icon__arrow { display: none; } } .svg-icon__animation-source:hover .svg-icon__arrow { -ms-transform: translateX(1em); transform: translateX(1em); transition: transform 4s ease; } .text-white { color: #fff; } .text-center { text-align: center; } .text-right { text-align: right; } * :lang(zh), * :lang(zh-hans) { font-family: "Akzidenz-Grotesk", Helvetica, Arial, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif; } html, .mce-content-body { font-family: "Akzidenz-Grotesk", "Helvetica", Arial, Meiryo, sans-serif; font-weight: 400; line-height: 1.5; font-size: 18px; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { html, .mce-content-body { font-size: 16px; } } h1, h2, h3, h4, h5, h6 { font-weight: 500; } h1 { font-size: 48px; /*@warn("screen and (max-width: 460px)");*/ line-height: 1em; color: #005b94; } @media screen and (max-width: 460px) { h1 { font-size: 30px; } } h2 { font-size: 36px; /*@warn("screen and (max-width: 460px)");*/ line-height: 1em; margin: 36px 0; color: #005b94; } @media screen and (max-width: 460px) { h2 { font-size: 24px; } } h3 { font-size: 18px; /*@warn("screen and (max-width: 460px)");*/ margin-bottom: 48px; margin-top: 60px; color: #005b94; } @media screen and (max-width: 460px) { h3 { font-size: 16px; } } b, strong { font-weight: bold; } .mce-content-body b, .mce-content-body strong { font-weight: bold; } .center-text, .center { text-align: center; } .product-heading { font-size: 32px; /*@warn("screen and (max-width: 460px)");*/ font-weight: 200; line-height: 42/36; color: #231f20; } @media screen and (max-width: 460px) { .product-heading { font-size: 24px; } } h1.product-heading, h2.product-heading, h3.product-heading, h4.product-heading { color: #231f20; } h1.extra-large { font-family: "televoice-regular"; } @media screen and (min-width: 1024px) { h1.extra-large { font-size: 60px; margin: 0.33em 0; } } @media screen and (min-width: 1200px) { h1.extra-large { font-size: 80px; } } @media screen and (min-width: 1400px) { h1.extra-large { font-size: 90px; } } @media screen and (min-width: 1600px) { h1.extra-large { font-size: 100px; } } @media screen and (min-width: 1024px) { p.preamble { font-size: 22px; } } @media screen and (min-width: 1200px) { p.preamble { font-size: 24px; } } @media screen and (min-width: 1400px) { p.preamble { font-size: 26px; } } @media screen and (min-width: 1600px) { p.preamble { font-size: 28px; } } .content-area, .layoutblock { width: 100%; margin: 0; float: left; position: relative; padding-top: 72px; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .content-area, .layoutblock { padding-top: 24px; } } .content-area__header h2 { margin-left: 35%; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; } @media screen and (min-width: 460px) and (max-width: 1023px) { .content-area__header h2 { /*$columns: min($columns, 1); $container-columns: min($container-columns, 2); $container-content-width: $parent-width - ($container-columns + 1) * $grid-gutter; $column-width: $container-content-width / $container-columns; $margin: strip-units(($columns * $column-width + ($columns + 1) * $grid-gutter) / $parent-width); margin-left: percentage($margin);*/ margin-left: 2.5%; } } @media screen and (max-width: 460px) { .content-area__header h2 { margin-left: 2.5%; } } .content-area__subheader { overflow: hidden; float: left; margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ margin-bottom: 60px; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .content-area__subheader { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .content-area__subheader { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } .content-area__subheader h3 { display: inline-block; margin-top: 0; margin-bottom: 0; } .content-area__subheader .subheader__link { float: right; margin-top: 0; margin-bottom: 0; } .content-area__subheader .subheader__link:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .content-area__subheader .subheader__link:before { transition: all 0.4s ease-out; position: relative; left: 0; } .content-area__subheader .subheader__link:hover:before { left: 3px; } @media screen and (max-width: 460px) { .content-area__subheader { margin-bottom: 36px; } } .content-area__header h2 + .content-area__subheader h3, .content-area__header h2 + .content-area__subheader .subheader__link { margin-top: 60px; } .content-area.in-edit-mode, .in-edit-mode.layoutblock { border: 1px rgba(31, 31, 31, 0.4); } .content-area.in-edit-mode .edit-label, .in-edit-mode.layoutblock .edit-label { background-color: rgba(31, 31, 31, 0.4); border: 1px solid black; margin: 10px 0; padding: 5px; /*display:block;*/ } .content-area.bg-dots, .bg-dots.layoutblock { background-image: url("/Static/img/pattern-white.svg"); background-position: top left; background-repeat: no-repeat; } .content-area.bg-white + .content-area.bg-white, .bg-white.layoutblock + .content-area.bg-white, .content-area.bg-white + .bg-white.layoutblock, .bg-white.layoutblock + .bg-white.layoutblock { border-top: 1px solid #f5f4f3; } .content-area.bg-gray + .content-area.bg-gray, .bg-gray.layoutblock + .content-area.bg-gray, .content-area.bg-gray + .bg-gray.layoutblock, .bg-gray.layoutblock + .bg-gray.layoutblock { border-top: 1px solid #FFF; } ul.list, ol.list { list-style: none; } ul.list--horizontal li, ol.list--horizontal li { float: left; } ul.list a, ol.list a { color: #231f20; } ul.list--horizontal, .block__content ul, ol.list--horizontal, .block__content ol { padding-left: 10px; } ul.list--horizontal li, .block__content ul li, ol.list--horizontal li, .block__content ol li { margin-top: 12px; margin-left: 36px; } ul.list--horizontal li:before, .block__content ul li:before, ol.list--horizontal li:before, .block__content ol li:before { color: #005b94; } ul.list--horizontal li:first-child, .block__content ul li:first-child, ol.list--horizontal li:first-child, .block__content ol li:first-child { margin-top: 0; } ul.list--horizontal ul, ul.list--horizontal ol, .block__content ul ul, .block__content ul ol, ol.list--horizontal ul, ol.list--horizontal ol, .block__content ol ul, .block__content ol ol { margin-top: 18px; } ol { counter-reset: item; } ol li { display: block; } ol li:before { display: inline-block; content: counter(item) ""; counter-increment: item; width: 2em; margin-left: -2em; } ul.list--horizontal, .block__content ul, .hero__main-intro ul, .mainbody ul, .mce-content-body ul { list-style: none; } ul.list--horizontal li, .block__content ul li, .hero__main-intro ul li, .mainbody ul li, .mce-content-body ul li { text-indent: -36px; } ul.list--horizontal li:before, .block__content ul li:before, .hero__main-intro ul li:before, .mainbody ul li:before, .mce-content-body ul li:before { content: ''; display: inline-block; height: 12px; width: 12px; border-radius: 50%; background-color: #000; margin-right: 24px; color: #005b94; background-color: #b3cedf; background-color: rgba(0, 91, 148, 0.3); } /*[2. video]*/ .video-container { position: relative; } .video-container.poster .video-container__poster:after { content: '>'; width: 156px; height: 156px; color: #fff; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 1px solid #7a7978; border-radius: 50%; transition: all 0.1s ease-in; font-size: 160px; line-height: 140px; text-indent: 25px; cursor: pointer; } .video-container.poster .video-container__poster:hover:after { border-color: #fff; } .video-container.poster:before { content: ''; width: 100%; height: 100%; background: rgba(30, 30, 30, 0.4); position: absolute; cursor: pointer; } .video-container.poster:after { content: '>'; width: 156px; height: 156px; color: #fff; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 1px solid #7a7978; border-radius: 50%; transition: all 0.1s ease-in; font-size: 160px; line-height: 140px; text-indent: 25px; cursor: pointer; } .video-container.toggled:before, .video-container.toggled:after, .video-container.toggled .video-container__poster { display: none; } .video-container .video-container__poster { position: absolute; width: 100%; } .video-container .video-container__poster__text { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); left: 5%; color: #fff; font-weight: 200; } .col-1 .video-container .video-container__poster__text { font-size: 20px; } .col-2 .video-container .video-container__poster__text { font-size: 28px; } .col-3 .video-container .video-container__poster__text { font-size: 36px; line-height: 42px; } .video-container .video-container__poster__text p:last-child { margin-bottom: 0; } .video-container.poster .video-container__poster { cursor: pointer; z-index: 10; } .video-container .video-container__embed > div { z-index: 5; } /*[3. collapsible ares]*/ .collapsible--content { opacity: 0; height: 0; overflow: hidden; pointer-events: none; transition: all 0.5s ease-in; } .no-js .collapsible--content { opacity: 1; height: auto; overflow: visible; pointer-events: auto; } .collapsible.open > .collapsible--content, .collapsible--content.open, .collapsible:target > .collapsible--content { opacity: 1; height: auto; overflow: visible; pointer-events: auto; } .page-list { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-list .page-item { position: relative; -ms-flex: 0; flex: 0; -ms-flex-direction: column; flex-direction: column; } .page-list .page-item h3 { color: #1F1F1F; } .page-list .page-item h3:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .page-list .page-item h3:before { transition: all 0.4s ease-out; position: relative; left: 0; } .page-list .page-item h3:hover:before { left: 3px; } .page-list .page-item h3.bordered { margin-bottom: 0; padding-bottom: 20.5px; border-bottom: 1px solid rgba(31, 31, 31, 0.3); } .page-list .page-item .img-link { border: none !important; } .page-list .page-item .page-icon, .page-list .page-item .page-icon-hover { /*max-width: 240px;*/ max-height: 240px; height: auto; margin: 0 auto; opacity: 1; transition: opacity 0.6s linear; } .page-list .page-item .page-icon-hover { position: absolute; top: 0; left: 50%; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 0; } .page-list .page-item .page-icon-hover:hover { opacity: 0.7; } form input { background-color: #FFF; border: none; display: block; } form input.error, form select.error, form textarea.error { border: 1px solid #ff9999; box-shadow: 0px 0px 12px 0px #ff9999; } form input[type="text"], form input[type="email"], form input[type="number"], form select { width: 100%; height: 60px; padding: 18px; } form input[type="text"]:focus, form input[type="text"]:active, form input[type="email"]:focus, form input[type="email"]:active, form input[type="number"]:focus, form input[type="number"]:active, form select:focus, form select:active { box-shadow: 0px 0px 6px 0px #9999ff; } form input[type="checkbox"] { width: 34px; height: 34px; } form textarea { height: 168px; width: 100%; padding: 26px 18px 12px; border: none; } form button[type=submit] { color: #fff; display: inline-block; border: 2px solid #005b94; border-radius: 60px; padding: 12px 24px; background-color: transparent; } .control { text-align: left; position: relative; margin-bottom: 18px; } .control:after { clear: both; content: ""; display: table; } .control input[type="text"], .control input[type="email"], .control input[type="tel"], .control input[type="number"], .control textarea, .control button, .control select { padding: 12px 18px 0; font-size: 18px; /*@warn("screen and (max-width: 460px)");*/ background-color: #fff; } @media screen and (max-width: 460px) { .control input[type="text"], .control input[type="email"], .control input[type="tel"], .control input[type="number"], .control textarea, .control button, .control select { font-size: 16px; } } .control input[type="text"]:focus, .control input[type="text"]:hover, .control input[type="text"].active, .control input[type="email"]:focus, .control input[type="email"]:hover, .control input[type="email"].active, .control input[type="tel"]:focus, .control input[type="tel"]:hover, .control input[type="tel"].active, .control input[type="number"]:focus, .control input[type="number"]:hover, .control input[type="number"].active, .control textarea:focus, .control textarea:hover, .control textarea.active, .control button:focus, .control button:hover, .control button.active, .control select:focus, .control select:hover, .control select.active { outline: none; } .control input[type="text"]:focus + label, .control input[type="text"]:hover + label, .control input[type="text"].active + label, .control input[type="email"]:focus + label, .control input[type="email"]:hover + label, .control input[type="email"].active + label, .control input[type="tel"]:focus + label, .control input[type="tel"]:hover + label, .control input[type="tel"].active + label, .control input[type="number"]:focus + label, .control input[type="number"]:hover + label, .control input[type="number"].active + label, .control textarea:focus + label, .control textarea:hover + label, .control textarea.active + label, .control button:focus + label, .control button:hover + label, .control button.active + label, .control select:focus + label, .control select:hover + label, .control select.active + label { cursor: text; } .control span.error { font-style: italic; } .control textarea { padding-top: 24px; } .control input[type=file] { margin-bottom: 20px; background-color: inherit; } .control p { color: #999; } .control label { display: inline-block; position: absolute; pointer-events: none; left: 18px; top: 18px; color: #999; font-size: 18px; /*@warn("screen and (max-width: 460px)");*/ background-color: rgba(255, 255, 255, 0); transition: color 0.3s, top 0.3s, background-color 0.8s; } @media screen and (max-width: 460px) { .control label { font-size: 16px; } } .control label.active { top: 4px; font-size: 15px; font-weight: 200; color: #949494; } .control .checkbox-container { margin-bottom: 18px; } .control .checkbox-container label { position: static; cursor: pointer; pointer-events: auto; } .control .checkbox-container span { color: #999; } .control .checkbox-container input[type=checkbox] { /*visibility: hidden;*/ /*width: 0;*/ height: 0; opacity: 0; position: absolute; } .control .checkbox-container input[type=checkbox] ~ label:before { position: relative; font-size: 20px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .control .checkbox-container input[type=checkbox] ~ label:before { line-height: 28px; display: inline-block; background: #fff !important; content: "\00a0"; width: 30px; height: 30px; margin-right: 10px; text-align: center; border-radius: 2px; border: 1px solid #c7c1bb; } .control .checkbox-container input[type=checkbox]:checked ~ label:before { content: ""; line-height: 30px; color: #005b94; } .control .checkbox-container input[type=checkbox].error ~ label:before { border-color: #ff9999; box-shadow: 0px 0px 12px 0px #ff9999; } .control .checkbox-container input[type=checkbox]:focus ~ label:before, .control .checkbox-container input[type=checkbox]:active ~ label:before { box-shadow: 0px 0px 6px 0px #9999ff; } .articlelistpage .filters, .downloadspage .filters, .applistpage .filters, .newslistpage .filters { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ margin-bottom: 96px; margin-top: 72px; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .articlelistpage .filters, .downloadspage .filters, .applistpage .filters, .newslistpage .filters { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .articlelistpage .filters, .downloadspage .filters, .applistpage .filters, .newslistpage .filters { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .articlelistpage .filters, .downloadspage .filters, .applistpage .filters, .newslistpage .filters { margin-top: 12px; margin-bottom: 12px; } .articlelistpage .filters .dropdown-wrapper, .downloadspage .filters .dropdown-wrapper, .applistpage .filters .dropdown-wrapper, .newslistpage .filters .dropdown-wrapper { width: 100%; margin-bottom: 6px; } } .articlelistpage .filters__categories, .downloadspage .filters__categories, .applistpage .filters__categories, .newslistpage .filters__categories { list-style: none; margin: 0; padding-left: 0; float: left; line-height: 46px; /*@warn("screen and (max-width: 460px)");*/ } .articlelistpage .filters__categories .category, .downloadspage .filters__categories .category, .applistpage .filters__categories .category, .newslistpage .filters__categories .category { display: inline-block; margin-right: 24px; } .articlelistpage .filters__categories .category.active, .downloadspage .filters__categories .category.active, .applistpage .filters__categories .category.active, .newslistpage .filters__categories .category.active { font-weight: 500; color: #005b94; } @media screen and (max-width: 460px) { .articlelistpage .filters__categories, .downloadspage .filters__categories, .applistpage .filters__categories, .newslistpage .filters__categories { margin-bottom: 12px; } } .articlelistpage .filters__search, .downloadspage .filters__search, .applistpage .filters__search, .newslistpage .filters__search { float: right; position: relative; /*@warn("screen and (max-width: 460px)");*/ } .articlelistpage .filters__search .control, .downloadspage .filters__search .control, .applistpage .filters__search .control, .newslistpage .filters__search .control { background-color: #FFF; } .articlelistpage .filters__search .control:after, .downloadspage .filters__search .control:after, .applistpage .filters__search .control:after, .newslistpage .filters__search .control:after { position: relative; font-size: 30px; content: "F"; margin-left: 12px; font-family: "streamline-30px" !important; } .articlelistpage .filters__search .control:after, .downloadspage .filters__search .control:after, .applistpage .filters__search .control:after, .newslistpage .filters__search .control:after { position: absolute; color: #005b94; right: 12px; top: 6px; } .articlelistpage .filters__search .live-filter, .downloadspage .filters__search .live-filter, .applistpage .filters__search .live-filter, .newslistpage .filters__search .live-filter { border: none; margin-bottom: 0; font-style: italic; font-weight: 200; padding-bottom: 12px; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .articlelistpage .filters__search .live-filter, .downloadspage .filters__search .live-filter, .applistpage .filters__search .live-filter, .newslistpage .filters__search .live-filter { width: 100%; } } .articlelistpage .filters__search .live-filter:hover, .articlelistpage .filters__search .live-filter:focus, .articlelistpage .filters__search .live-filter.active, .downloadspage .filters__search .live-filter:hover, .downloadspage .filters__search .live-filter:focus, .downloadspage .filters__search .live-filter.active, .applistpage .filters__search .live-filter:hover, .applistpage .filters__search .live-filter:focus, .applistpage .filters__search .live-filter.active, .newslistpage .filters__search .live-filter:hover, .newslistpage .filters__search .live-filter:focus, .newslistpage .filters__search .live-filter.active { padding-bottom: 12px; } @media screen and (max-width: 460px) { .articlelistpage .filters__search, .downloadspage .filters__search, .applistpage .filters__search, .newslistpage .filters__search { width: 100%; } } .articlelistpage .article, .downloadspage .article, .applistpage .article, .newslistpage .article { display: -ms-flexbox; display: flex; margin-bottom: 36px; } .articlelistpage .article .inner h4, .downloadspage .article .inner h4, .applistpage .article .inner h4, .newslistpage .article .inner h4 { margin: 0; margin-bottom: 12px; } .articlelistpage .article .inner p, .downloadspage .article .inner p, .applistpage .article .inner p, .newslistpage .article .inner p { margin-top: 12px; } .articlelistpage .article:before, .downloadspage .article:before, .applistpage .article:before, .newslistpage .article:before { color: #005b94; } .articlelistpage .article.faq:before, .downloadspage .article.faq:before, .applistpage .article.faq:before, .newslistpage .article.faq:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .articlelistpage .article.design:before, .downloadspage .article.design:before, .applistpage .article.design:before, .newslistpage .article.design:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .articlelistpage .article.setup:before, .downloadspage .article.setup:before, .applistpage .article.setup:before, .newslistpage .article.setup:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .articlelistpage .article.use:before, .downloadspage .article.use:before, .applistpage .article.use:before, .newslistpage .article.use:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .articlelistpage .article.analyze:before, .downloadspage .article.analyze:before, .applistpage .article.analyze:before, .newslistpage .article.analyze:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .articlelistpage .article.troubleshooting:before, .downloadspage .article.troubleshooting:before, .applistpage .article.troubleshooting:before, .newslistpage .article.troubleshooting:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .articlelistpage .article.tutorial:before, .downloadspage .article.tutorial:before, .applistpage .article.tutorial:before, .newslistpage .article.tutorial:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .articlelistpage .load-more, .downloadspage .load-more, .applistpage .load-more, .newslistpage .load-more { display: inline-block; border: 2px solid #005b94; border-radius: 60px; padding: 12px 24px; background-color: transparent; /*@include shift(4 of 12);*/ margin-left: 35%; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ cursor: pointer; } .articlelistpage .load-more:before, .downloadspage .load-more:before, .applistpage .load-more:before, .newslistpage .load-more:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } @media screen and (min-width: 460px) and (max-width: 1023px) { .articlelistpage .load-more, .downloadspage .load-more, .applistpage .load-more, .newslistpage .load-more { /*$columns: min($columns, 1); $container-columns: min($container-columns, 2); $container-content-width: $parent-width - ($container-columns + 1) * $grid-gutter; $column-width: $container-content-width / $container-columns; $margin: strip-units(($columns * $column-width + ($columns + 1) * $grid-gutter) / $parent-width); margin-left: percentage($margin);*/ margin-left: 2.5%; } } @media screen and (max-width: 460px) { .articlelistpage .load-more, .downloadspage .load-more, .applistpage .load-more, .newslistpage .load-more { margin-left: 2.5%; } } .articlelistpage .load-more:hover:before, .downloadspage .load-more:hover:before, .applistpage .load-more:hover:before, .newslistpage .load-more:hover:before { animation: infinite-spinning 1.5s infinite; animation-timing-function: linear; animation-direction: reverse; } table { width: 100%; text-align: left; border: none !important; /*@warn("screen and (max-width: 460px)");*/ /*th, thead tr { background-color: rgba(31, 31, 31, 0.05); font-weight: $font-weight-medium; }*/ } @media screen and (max-width: 460px) { table { overflow-x: auto; display: block; } } table caption { text-align: left; font-weight: 200; font-style: italic; } table tr { background-color: rgba(31, 31, 31, 0.05); } table tr:nth-child(2n) { background-color: #FFF; } table td, table th { padding: 12px; } table td.numbers, table th.numbers { text-align: right; white-space: nowrap; } /* class set on TagCategoryPage when displayed */ .keyword-tag { padding: 4px 12px; font-size: 12px; background-color: #e7e7eb; background-color: rgba(231, 231, 235, 0.95); white-space: nowrap; display: inline-block; margin-bottom: 4px; color: #231f20; } .pagepuff { position: relative; } .pagepuff .block__heading:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .pagepuff .block__heading:before { transition: all 0.4s ease-out; position: relative; left: 0; } .pagepuff .block__heading:hover:before { left: 3px; } .pagepuff .block__heading:before { color: #231f20; } .pagepuff .page-icon, .pagepuff .page-icon-hover { /*max-width: 240px;*/ height: auto; max-height: 320px; margin: 0 auto; margin-top: 24px; padding-bottom: 24px; opacity: 1; transition: opacity 0.6s linear; } .pagepuff .page-icon-hover { position: absolute; top: 0; left: 50%; margin-top: 24px; padding-bottom: 24px; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 0; } .pagepuff .page-icon-hover:hover { opacity: 0.7; } .pagepuff p a { color: #005b94; } .product-selector { margin-bottom: 12px; } .product-selector .selected-products__product { margin: 4px 4px 4px 0; padding-top: 9px; padding-bottom: 10px; cursor: pointer; } .product-selector .selected-products__product:after { position: relative; font-size: 30px; content: ""; margin-left: 12px; font-family: "streamline-30px" !important; } .product-selector .products { margin: 0; padding: 0 12px; position: absolute; background-color: #FFF; list-style: none; z-index: 10; font-weight: 500; border: 1px solid #005b94; display: none; } .product-selector .products.open { display: block; } .product-selector .products.open li { margin-top: 8px; margin-bottom: 8px; cursor: pointer; vertical-align: middle; } .product-selector .products.open li:hover { background-color: #f5f4f3; } .product-selector .product-image-wrap { display: inline-block; vertical-align: middle; height: 96px; width: 96px; text-align: center; line-height: 96px; margin-left: 6px; } .product-selector .product-image { display: inline; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; } .product-selector .add-product { margin: 1em 0 .4ex; padding-top: 9px; padding-bottom: 10px; outline: none; } .product-selector .add-product:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .instant-search, .autocomplete-search { position: relative; background-color: #fff; } .instant-search input[type="text"]:nth-of-type(1), .autocomplete-search input[type="text"]:nth-of-type(1) { margin-top: 0; margin-bottom: 0; } .instant-search input[type="text"], .autocomplete-search input[type="text"] { width: 100%; margin-bottom: 0; } .instant-search__control, .autocomplete-search__control { position: absolute; top: 0; right: .7ex; display: inline-block; padding: 12px; } .instant-search__button, .autocomplete-search__button { padding: 0; border: 0; background-color: #fff; color: #005b94; } .instant-search__button:after, .autocomplete-search__button:after { position: relative; font-size: 30px; content: "F"; margin-left: 12px; font-family: "streamline-30px" !important; } .instant-search span.twitter-typeahead, .autocomplete-search span.twitter-typeahead { display: block !important; width: 100%; background-color: #fff; } .instant-search .tt-menu, .autocomplete-search .tt-menu { margin-top: .5ex; padding: 8px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 8px; width: 100%; max-height: 80vh; overflow-y: auto; } .instant-search .tt-cursor, .autocomplete-search .tt-cursor { border-radius: 6px; background-color: rgba(0, 91, 148, 0.2); } .autocomplete-search .tt-suggestion { padding: 6px 18px; } .filtered-search-result-item { padding: 1em; background-color: #fff; } .filtered-search-result-item:after { clear: both; content: ""; display: table; } .filtered-search-result-item .item__logo { width: 60px; float: left; } .filtered-search-result-item .item__logo + .item__body { margin-left: 70px; padding-left: 1em; } .filtered-search-result-item .item__header { font-weight: 500; } .filtered-search-result-item .item__header, .filtered-search-result-item .item__text { margin: 6px 0; } .navbar { transition: all 300ms ease-in; height: 72px; } .navbar__search { display: block; width: 100%; padding: 0; margin-top: -90px; transition: all 300ms ease-in; } .navbar__search .search { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 47.5%; flex-basis: 47.5%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ margin-left: 35%; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ margin-top: 0; padding-left: 0; transition: all 300ms 100ms ease-out; } @media screen and (min-width: 460px) and (max-width: 1023px) { .navbar__search .search { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .navbar__search .search { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (min-width: 460px) and (max-width: 1023px) { .navbar__search .search { /*$columns: min($columns, 1); $container-columns: min($container-columns, 2); $container-content-width: $parent-width - ($container-columns + 1) * $grid-gutter; $column-width: $container-content-width / $container-columns; $margin: strip-units(($columns * $column-width + ($columns + 1) * $grid-gutter) / $parent-width); margin-left: percentage($margin);*/ margin-left: 2.5%; } } @media screen and (max-width: 460px) { .navbar__search .search { margin-left: 2.5%; } } .show-search .navbar__search .search { margin-top: 90px; } .show-search .navbar { height: 160px; } .arrow-link:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .arrow-link:before { transition: all 0.4s ease-out; position: relative; left: 0; } .arrow-link:hover:before { left: 3px; } .arrow-link p { display: inline-block; } .load-more { display: inline-block; border: 2px solid #005b94; border-radius: 60px; padding: 12px 24px; background-color: transparent; cursor: pointer; } .load-more:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .load-more:hover:before, .load-more.loading:before { animation: infinite-spinning 1.5s infinite; animation-timing-function: linear; animation-direction: reverse; display: inline-block; } .dropdown-wrapper { position: relative; float: right; margin-left: 24px; cursor: pointer; max-width: 100%; background-color: #FFF; } .dropdown-wrapper:after { position: relative; font-size: 30px; content: ""; margin-left: 12px; font-family: "streamline-30px" !important; } .dropdown-wrapper:after { pointer-events: none; position: absolute; right: 15px; top: 10px; color: #005b94; } .dropdown-wrapper select { font-size: 18px; /*@warn("screen and (max-width: 460px)");*/ cursor: pointer; background: #fff; color: #999; padding: 12px 18px; padding-right: 60px; background-color: #fff; border: 0; border-radius: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none; /* hide the pesky arrow, gogo relative positioning*/ margin-left: -36px; margin-bottom: 0; position: relative; left: 36px; } @media screen and (max-width: 460px) { .dropdown-wrapper select { font-size: 16px; } } .dropdown-wrapper select:focus, .dropdown-wrapper select:hover, .dropdown-wrapper select.active { outline: none; padding-bottom: 12px; } .download-form-template, .download-form-wrapper { display: none; margin: 0 auto; width: 62.5%; padding: 24px; } .download-form-template .close, .download-form-wrapper .close { display: inline-block; float: right; border: none; background-color: transparent; } .download-form-template .close:before, .download-form-wrapper .close:before { position: relative; font-size: 32px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .download-form-template form label, .download-form-wrapper form label { /*pointer-events: none;*/ } .download-form-template form textarea, .download-form-wrapper form textarea { padding: 26px 18px 12px; } #PopupContent { float: left; margin-top: 12px; width: 100%; } .button, .product-selector .selected-products__product, .product-selector .add-product, .load-more, a.button, .product-selector a.selected-products__product, .product-selector a.add-product, a.load-more { transition: all 0.3s linear; display: inline-block; border: 2px solid #005b94; border-radius: 60px; padding: 12px 24px; background-color: transparent; border: 2px solid #005b94; background-color: #005b94; color: #FFF; } .button.loading:before, .product-selector .loading.selected-products__product:before, .product-selector .loading.add-product:before, .loading.load-more:before, a.button.loading:before, .product-selector a.loading.selected-products__product:before, .product-selector a.loading.add-product:before, a.loading.load-more:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .button.loading:before, .product-selector .loading.selected-products__product:before, .product-selector .loading.add-product:before, .loading.load-more:before, a.button.loading:before, .product-selector a.loading.selected-products__product:before, .product-selector a.loading.add-product:before, a.loading.load-more:before { animation: infinite-spinning 1.5s infinite; animation-timing-function: linear; animation-direction: reverse; display: inline-block; } .button:active, .product-selector .selected-products__product:active, .product-selector .add-product:active, .load-more:active, a.button:active, .product-selector a.selected-products__product:active, .product-selector a.add-product:active, a.load-more:active { padding-top: 14px; padding-bottom: 10px; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px inset, rgba(0, 0, 0, 0.2) 0 2px; } .button:hover, .product-selector .selected-products__product:hover, .product-selector .add-product:hover, .load-more:hover, .button.loading, .product-selector .loading.selected-products__product, .product-selector .loading.add-product, .loading.load-more, a.button:hover, .product-selector a.selected-products__product:hover, .product-selector a.add-product:hover, a.load-more:hover, a.button.loading, .product-selector a.loading.selected-products__product, .product-selector a.loading.add-product, a.loading.load-more { background-color: transparent; border-color: #005b94; color: #005b94; } .button.full-width, .product-selector .full-width.selected-products__product, .product-selector .full-width.add-product, .full-width.load-more, a.button.full-width, .product-selector a.full-width.selected-products__product, .product-selector a.full-width.add-product, a.full-width.load-more { width: 100%; text-align: center; } .button.button-tall, .product-selector .button-tall.selected-products__product, .product-selector .button-tall.add-product, .button-tall.load-more, a.button.button-tall, .product-selector a.button-tall.selected-products__product, .product-selector a.button-tall.add-product, a.button-tall.load-more { padding-top: 14px; padding-bottom: 14px; } .button.outlined, .product-selector .outlined.selected-products__product, .product-selector .add-product, .load-more, a.button.outlined, .product-selector a.outlined.selected-products__product, .product-selector a.add-product, a.load-more { background-color: transparent; color: #005b94; } .button.outlined:hover, .product-selector .outlined.selected-products__product:hover, .product-selector .add-product:hover, .load-more:hover, a.button.outlined:hover, .product-selector a.outlined.selected-products__product:hover, .product-selector a.add-product:hover, a.load-more:hover { background-color: #005b94; border: 2px solid #005b94; color: #FFF; } .button.muted, .product-selector .muted.selected-products__product, .product-selector .muted.add-product, .muted.load-more, a.button.muted, .product-selector a.muted.selected-products__product, .product-selector a.muted.add-product, a.muted.load-more { background-color: transparent; border-color: #949494; color: #949494; } .button.muted:hover, .product-selector .muted.selected-products__product:hover, .product-selector .muted.add-product:hover, .muted.load-more:hover, a.button.muted:hover, .product-selector a.muted.selected-products__product:hover, .product-selector a.muted.add-product:hover, a.muted.load-more:hover { border-color: #005b94; color: #005b94; } #footer { width: 100%; overflow: hidden; /* clearfix */ color: #FFF; background-color: #0E103E; } #footer .footer { max-width: 1560px; margin-left: auto; margin-right: auto; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; padding: 36px 0; } #footer .footer:after { clear: both; content: ""; display: table; } #footer .footer a { border-color: transparent; } #footer .footer__column { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 30.83333%; flex-basis: 30.83333%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { #footer .footer__column { margin-left: 1.25%; margin-right: 1.25%; width: 47.5%; flex-basis: 47.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { #footer .footer__column { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } #footer .footer-link-list { list-style: none; padding: 0; margin: 0; } #footer .footer-link-list__header { color: #FFF; margin-bottom: 24px; } #footer .footer-link-list__header:after { content: ''; height: 2px; width: 50px; background-color: #FFF; display: block; margin-top: 12px; } #footer .footer-link-list__item { margin-bottom: 0.5em; } #footer .footer-link-list__item:last-of-type { margin-bottom: 0; } #footer .footer--border:after { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ content: ''; height: 3px; background-color: #FFF; display: inline-block; margin-top: 60px; } @media screen and (min-width: 460px) and (max-width: 1023px) { #footer .footer--border:after { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { #footer .footer--border:after { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } #footer .logo { margin-bottom: 24px; border: none !important; background-size: contain; background-repeat: no-repeat; background-position: top left; display: block; height: 30px; text-indent: -99999px; } #footer .copyright { text-align: right; } #footer .copyright .copy { display: block; margin-bottom: 12px; } #footer .copyright li { margin-bottom: 12px; } #footer a { color: #FFF; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, 0.5); /*text-transform: capitalize;*/ } #footer a:hover { border-bottom: 1px solid white; } #footer .download-form { display: none; } #footer .cookie-container { display: none; position: fixed; z-index: 99; bottom: 0; width: 100%; background: #A4A4A4; background: rgba(31, 31, 31, 0.7); padding: 20px; text-align: center; } #footer .cookie-container .confirm-cookies { display: inline-block; padding: 4px 14px; margin-left: 20px; border: 2px solid #fff; border-radius: 40px; background-color: transparent; } .floating-footer-link { position: fixed; bottom: 16px; left: 12px; padding: 6px 12px; color: white; border-radius: 24px; cursor: pointer; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); border: 1px solid #FFF !important; z-index: 22; background-color: #005b94; /*@warn("screen and (min-width: 1024px)");*/ } @media screen and (min-width: 1024px) { .floating-footer-link { top: 84px; right: 12px; left: auto; bottom: auto; } } .floating-footer-link:hover, .floating-footer-link:active { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .floating-footer-link::before { position: relative; top: -2px; } .floating-footer-link.icon-Design:before { position: relative; font-size: 24px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .floating-footer-link.icon-Setup:before { position: relative; font-size: 24px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .floating-footer-link.icon-Use:before { position: relative; font-size: 24px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .floating-footer-link.icon-Analyze:before { position: relative; font-size: 24px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .floating-footer-link.icon-Faq:before { position: relative; font-size: 24px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .floating-footer-link.icon-Learn:before { position: relative; font-size: 24px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .floating-footer-link.icon-Envelope:before { position: relative; font-size: 24px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .feature-menu { width: 100%; height: 72px; overflow: hidden; transition: all 300ms ease-in; background-color: #0E103E; font-size: 18px; font-weight: 500; /*@warn("screen and (max-width: 1023px)");*/ /*@warn("screen and (min-width: 1023px) and (max-width: 1024px)");*/ } .feature-menu.sticky { position: fixed; z-index: 20; top: 72px; } .show-search .feature-menu.sticky { margin-top: 88px; } @media screen and (max-width: 1023px) { .feature-menu { display: none; } } @media screen and (min-width: 1023px) and (max-width: 1024px) { .feature-menu { display: none; } } .feature-menu-container { width: 100%; height: 72px; } .feature-menu-wrap ul { margin: 0; /*@include shift(4);*/ padding: 0; height: 100%; float: left; } .feature-menu-wrap li { position: relative; display: inline-block; height: 100%; white-space: nowrap; padding-left: 0; padding-top: 24px; padding-bottom: 24px; margin-right: 24px; } .feature-menu-wrap li a { color: #FFF; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .feature-menu-wrap li a:hover { border-bottom: 1px solid white; } .feature-menu-wrap .button-container { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 30.83333%; flex-basis: 30.83333%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ height: 72px; } @media screen and (min-width: 460px) and (max-width: 1023px) { .feature-menu-wrap .button-container { margin-left: 1.25%; margin-right: 1.25%; width: 47.5%; flex-basis: 47.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .feature-menu-wrap .button-container { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } .editmode-preview strong { font-weight: 700; } .bloghero { overflow: hidden; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .bloghero .image-wrapper img { position: absolute; width: auto; max-width: none; height: 100%; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } .bloghero-overlay { position: relative; padding-top: 18px; padding-bottom: 18px; } } .bloghero .image-wrapper:after { display: block; content: ""; position: absolute; top: 0; bottom: 0px; left: 0; right: 0; background-color: rgba(52, 55, 65, 0.6); opacity: 1; transition: opacity 0.6s linear; } .bloghero img { width: 100%; } .bloghero-overlay { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; text-align: center; } .bloghero__title__wrapper { margin: auto; -ms-flex-preferred-size: unset; flex-basis: unset; width: 75%; } .bloghero h1 { margin: 0 0 12px 0; } .bloghero__main-intro { width: 100%; color: #fff; } .listblock .linklist .blog-link:before { content: none; } .blog-link__image-container { height: 130px; overflow: hidden; } .blog-link__image-container__image { position: relative; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .blog-link__image-container:after { display: block; content: ""; position: absolute; top: 0; bottom: 0px; left: 0; right: 0; background-color: rgba(52, 55, 65, 0.6); opacity: 1; transition: opacity 0.6s linear; } .blog-link__overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; text-align: center; } .blog-link__title-wrapper { margin: auto; -ms-flex-preferred-size: unset; flex-basis: unset; width: 75%; color: #fff; } .step-indicator { width: 40%; padding: 0; margin: 0; display: -ms-flexbox; display: flex; list-style: none; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-top: 3em; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .step-indicator { width: 60%; } } .step-indicator__step { -ms-flex-positive: 1; flex-grow: 1; height: 1px; border-bottom: 1px dotted #BBBDC0; position: relative; } .step-indicator__step.filled { border-bottom: 1px solid #fd6e86; } .step-indicator__step:first-child { -ms-flex-positive: 0; flex-grow: 0; } .step-indicator__step-label { position: absolute; top: -2em; left: 50%; text-align: center; -ms-transform: translateX(-50%); transform: translateX(-50%); } .step-indicator__step-blurb { display: block; width: 20px; height: 20px; position: absolute; right: -10px; top: -10px; border-radius: 50%; background-color: #FFF; z-index: 2; border: 1px solid #BBBDC0; } .filled .step-indicator__step-blurb { border-color: #fd6e86; background-color: #fd6e86; } .step-indicator__wrap { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; width: 100%; } .language-list { position: relative; } .language-list-options { display: none; font-size: 14px; margin: 0; list-style: none; padding-left: 0; } .language-list-options li { margin-bottom: 6px; } .language-list-options li a { white-space: nowrap; } .language-list-options li a img { display: inline-block; width: 16px; margin-right: 4px; margin-bottom: -4px; } .navbar .language-list-options { position: absolute; top: 100%; left: -12px; margin-left: 0; padding-left: 12px; padding-right: 12px; min-width: 150px; white-space: nowrap; } .navbar .language-list-options a { color: #fff; } .language-list.is-active .language-list-options { display: block; } .language-list .current-lang { display: -ms-inline-flexbox; display: inline-flex; cursor: pointer; } .language-list .current-lang img { float: left; height: 16px; width: 16px; margin-right: 5px; margin-top: 5px; } .language-list .current-lang span { float: left; white-space: nowrap; } @media screen and (min-width: 1200px) and (max-width: 1400px) { .language-list .current-lang span { font-size: 16px; } } .language-list .current-lang:after { content: ""; margin-left: 8px; vertical-align: middle; margin-top: 12px; } .footer .language-list { /*@warn("screen and (min-width: 460px)");*/ } @media screen and (min-width: 460px) { .footer .language-list { display: none; } } .navbar .language-list { display: block; position: absolute; right: 100%; color: #FFF; margin-right: 24px; margin-top: 26px; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .navbar .language-list { display: none; } } a, .link-style { color: #231f20; text-decoration: none; border-bottom: 1px solid #b3cedf; border-bottom: 1px solid rgba(0, 91, 148, 0.3); padding-bottom: 2px; transition: all 0.1s linear; } a:hover, .link-style:hover { border-bottom-color: #005b94; } a.button, .product-selector a.selected-products__product, .product-selector a.add-product, a.load-more, .link-style.button, .product-selector .link-style.selected-products__product, .product-selector .link-style.add-product, .link-style.load-more { transition: all 0.3s linear; } a[name] { content: ""; display: block; position: relative; top: -100px; left: -9999px; } a.link { display: inline-block; padding: 1ex 0; } a.link:after { position: relative; font-size: 14px; content: ""; margin-left: 12px; font-family: "streamline-30px-filled-in" !important; } h1 a, h2 a { color: #005b94; } .external-link:after, .quoteblock cite a:after, .listblock .linklist li.linklist__external .linklist__link:after { content: ''; display: inline-block; width: 18px; height: 18px; margin-left: 12px; vertical-align: middle; background-repeat: no-repeat; background-image: url("/Static/img/external-link.svg"); } .external-link.white:after, .quoteblock cite a.white:after, .slide-text-white .quoteblock cite a:after, .listblock .linklist li.linklist__external .white.linklist__link:after { background-image: url("/Static/img/external-link-white.svg"); } .pagination { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; list-style: none; margin: 0 0 2em 0; padding: 0; } .pagination__item { padding: 0 .5em; } .pagination__link { padding: 0 1ex; color: #005b94; font-family: Helvetica, sans-serif; font-size: 18px; text-transform: uppercase; transition: color .25s ease, border .25s ease; text-decoration: none; border-bottom: none; } .pagination__link--selected { font-weight: bold; color: #fff; background: #005b94; border-radius: 5px; padding: 2px 8px; } .pagination__link:active, .pagination__link:hover { font-weight: bold; } .quoteblock__text { font-weight: 200; font-size: 36px; /*@warn("screen and (max-width: 460px)");*/ line-height: 42px; font-style: italic; margin: 2.5%; color: #005b94; } @media screen and (max-width: 460px) { .quoteblock__text { font-size: 24px; } } .quoteblock .quote { border-left: 1px solid #d8d8d8; border-left: 1px solid rgba(0, 0, 0, 0.15); margin: 0; } .quoteblock pre { font-family: inherit; font-size: inherit; } .quoteblock cite { display: block; margin-left: 2.5%; color: #231f20; } .quoteblock cite a { text-decoration: none; } .quoteblock cite span { white-space: nowrap; } .quoteblock pre { white-space: pre-wrap; } .richcontentblock, .mainbody, .mce-content-body { /*display: block !important;*/ } .richcontentblock p, .mainbody p, .mce-content-body p { margin: 0 0 20px; } .richcontentblock .block__content > ol:first-child, .richcontentblock .block__content > ul:first-child, .mainbody .block__content > ol:first-child, .mainbody .block__content > ul:first-child, .mce-content-body .block__content > ol:first-child, .mce-content-body .block__content > ul:first-child { margin-top: 0; } .richcontentblock .video-container, .mainbody .video-container, .mce-content-body .video-container { margin-bottom: 24px; } .richcontentblock .video-container--youtube .video-container__embed, .mainbody .video-container--youtube .video-container__embed, .mce-content-body .video-container--youtube .video-container__embed { position: relative; padding-bottom: 56.25%; } .richcontentblock .video-container--youtube .video-container__embed iframe, .mainbody .video-container--youtube .video-container__embed iframe, .mce-content-body .video-container--youtube .video-container__embed iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .richcontentblock .image-container, .mainbody .image-container, .mce-content-body .image-container { margin-bottom: 24px; } .richcontentblock h4, .mainbody h4, .mce-content-body h4 { margin-bottom: 1px; } .richcontentblock a:not(.button):not(.product-selector .selected-products__product):not(.product-selector .add-product):not(.load-more), .mainbody a:not(.button):not(.product-selector .selected-products__product):not(.product-selector .add-product):not(.load-more), .mce-content-body a:not(.button):not(.product-selector .selected-products__product):not(.product-selector .add-product):not(.load-more) { color: #005b94; } .richcontentblock a.arrow-link, .mainbody a.arrow-link, .mce-content-body a.arrow-link { color: #231f20; } .richcontentblock a.arrow-link:before, .mainbody a.arrow-link:before, .mce-content-body a.arrow-link:before { background: #FFF; } .richcontentblock .block, .mainbody .block, .mce-content-body .block { margin: 0; } .richcontentblock.col-1-wide h1, .richcontentblock.col-3.quoteblock h1, .richcontentblock.col-1-wide h2, .richcontentblock.col-3.quoteblock h2, .richcontentblock.col-1-wide h3, .richcontentblock.col-3.quoteblock h3, .richcontentblock.col-1-wide h4, .richcontentblock.col-3.quoteblock h4, .richcontentblock.col-1-wide h5, .richcontentblock.col-3.quoteblock h5, .mainbody.col-1-wide h1, .mainbody.col-3.quoteblock h1, .mainbody.col-1-wide h2, .mainbody.col-3.quoteblock h2, .mainbody.col-1-wide h3, .mainbody.col-3.quoteblock h3, .mainbody.col-1-wide h4, .mainbody.col-3.quoteblock h4, .mainbody.col-1-wide h5, .mainbody.col-3.quoteblock h5, .mce-content-body.col-1-wide h1, .mce-content-body.col-3.quoteblock h1, .mce-content-body.col-1-wide h2, .mce-content-body.col-3.quoteblock h2, .mce-content-body.col-1-wide h3, .mce-content-body.col-3.quoteblock h3, .mce-content-body.col-1-wide h4, .mce-content-body.col-3.quoteblock h4, .mce-content-body.col-1-wide h5, .mce-content-body.col-3.quoteblock h5 { text-align: center; } .slideshowblock { width: 100%; /*margin: 0 !important;*/ } .slideshowblock.col-3 { width: 100%; } .slideshowblock.preview .image-gallery { overflow: visible; } .imageslideblock { position: relative; } .image-gallery { width: 100%; padding: 0; margin: 0; /* TW-147: Korr - BU start page */ /*margin-bottom: $base-length * 5;*/ /*height: 33vw;*/ overflow: hidden; position: relative; /*@warn("screen and (max-width: 1023px)");*/ } .image-gallery ul { max-height: 100%; overflow: hidden; padding: 0; margin: 0; list-style: none; } @media screen and (max-width: 1023px) { .image-gallery h2 { color: #005b94; } .image-gallery p { color: #1F1F1F; } } .image-gallery-slide { max-height: 100%; overflow: hidden; } .image-gallery-slide img { width: 100%; display: block; height: auto; } .image-gallery .owl-controls .owl-prev, .image-gallery .owl-controls .owl-next { height: 96px; width: 96px; border-radius: 50%; top: 50%; position: absolute; margin-top: -48px; font-size: 80px; line-height: 80px; color: #FFF; background-color: #005b94; background-color: rgba(0, 91, 148, 0.7); } .image-gallery .owl-controls .owl-prev { left: 0; margin-left: -48px; padding-left: 54px; } .image-gallery .owl-controls .owl-next { right: 0; margin-right: -48px; padding-right: 54px; text-align: right; } .image-gallery .owl-controls .owl-pagination { position: absolute; bottom: 60px; width: 100%; text-align: center; } .image-gallery .owl-controls .owl-pagination .owl-page { display: inline-block; border-radius: 50%; border: 1px solid #FFF; width: 36px; height: 36px; margin-right: 6px; } .image-gallery .owl-controls .owl-pagination .owl-page.active span { background-color: #FFF; border-radius: 50%; display: block; width: 24px; height: 24px; margin: 5px; } .slide { /*@warn("screen and (min-width: 1024px)");*/ } .slide img { width: 100%; /*@warn("screen and (min-width: 1024px) and (max-width: 1600px)");*/ } @media screen and (min-width: 1024px) and (max-width: 1600px) { .slide img { object-fit: cover; object-position: center; font-family: "object-fit: cover; object-position: center"; } .slide img.object-pos-bottom { object-position: bottom; font-family: "object-fit: cover; object-position: bottom"; } .slide img.object-pos-top { object-position: top; font-family: "object-fit: cover; object-position: top"; } } .slide-wrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none; /*@warn("screen and (max-width: 1023px)");*/ } .slide-wrap a, .slide-wrap p, .slide-wrap h1, .slide-wrap h2, .slide-wrap li { pointer-events: initial; } @media screen and (max-width: 1023px) { .slide-wrap { position: static; margin-bottom: 24px; } } .slide-text { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 30.83333%; flex-basis: 30.83333%; -ms-flex-preferred-size: auto; min-width: 1px; margin-left: 67.5%; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ margin-top: 48px; padding-right: 12px; /*@warn("screen and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .slide-text { /*$columns: min($columns, 1); $container-columns: min($container-columns, 2); $container-content-width: $parent-width - ($container-columns + 1) * $grid-gutter; $column-width: $container-content-width / $container-columns; $margin: strip-units(($columns * $column-width + ($columns + 1) * $grid-gutter) / $parent-width); margin-left: percentage($margin);*/ margin-left: 2.5%; } } @media screen and (max-width: 460px) { .slide-text { margin-left: 2.5%; } } .slide-text p:last-child { margin-bottom: 0; } @media screen and (max-width: 1023px) { .slide-text { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; min-width: 1px; padding-right: 48px; margin-top: 0; } } @media screen and (max-width: 460px) { .slide-text { padding-right: 0; } } .slide .container, .slide .feature-menu-wrap { margin-top: 60px; -ms-flex-pack: left; justify-content: left; /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (max-width: 1023px) { .slide .container, .slide .feature-menu-wrap { margin-top: 0; } } .slide .richcontentblock p:last-child { margin-bottom: 12px; } @media screen and (min-width: 1024px) { .slide-text-black .slide-wrap h1, .slide-text-black .slide-wrap h2, .slide-text-black .slide-wrap p, .slide-text-black .slide-wrap a, .slide-text-black .slide-wrap li, .slide-text-black .slide-wrap ul li a, .slide-text-black .slide-wrap .block__content a, .slide-text-black .slide-wrap .block__content .arrow-link a, .slide-text-black .slide-wrap .block h1, .slide-text-black .slide-wrap .block h2, .slide-text-black .slide-wrap .block p, .slide-text-black .slide-wrap .block a, .slide-text-black .slide-wrap .block li, .slide-text-black .slide-wrap .block ul li a, .slide-text-black .slide-wrap .block .block__content a, .slide-text-black .slide-wrap .block .block__content .arrow-link a { color: #1f1f1f; } .slide-text-white .slide-wrap h1, .slide-text-white .slide-wrap h2, .slide-text-white .slide-wrap p, .slide-text-white .slide-wrap cite, .slide-text-white .slide-wrap a, .slide-text-white .slide-wrap li, .slide-text-white .slide-wrap ul li a, .slide-text-white .slide-wrap .block__content a, .slide-text-white .slide-wrap .block__content .arrow-link a, .slide-text-white .slide-wrap .block h1, .slide-text-white .slide-wrap .block h2, .slide-text-white .slide-wrap .block p, .slide-text-white .slide-wrap .block cite, .slide-text-white .slide-wrap .block a, .slide-text-white .slide-wrap .block li, .slide-text-white .slide-wrap .block ul li a, .slide-text-white .slide-wrap .block .block__content a, .slide-text-white .slide-wrap .block .block__content .arrow-link a { color: #FFF; } .slide-text-buheadingwhitetext p, .slide-text-buheadingwhitetext a, .slide-text-buheadingwhitetext cite, .slide-text-buheadingwhitetext li, .slide-text-buheadingwhitetext ul li a, .slide-text-buheadingwhitetext .block__content a, .slide-text-buheadingwhitetext .block__content .arrow-link a, .slide-text-buheadingwhitetext .block p, .slide-text-buheadingwhitetext .block a, .slide-text-buheadingwhitetext .block cite, .slide-text-buheadingwhitetext .block li, .slide-text-buheadingwhitetext .block ul li a, .slide-text-buheadingwhitetext .block .block__content a, .slide-text-buheadingwhitetext .block .block__content .arrow-link a { color: #FFF; } } .top-image-slide { position: relative; overflow: hidden; /*@warn("screen and (max-width: 460px)");*/ /*img { position: absolute; top:0; z-index: 1; @include media($tablet-down) { position: static; } }*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .top-image-slide { min-height: 200px; } .top-image-slide .slide-image { position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; height: 200px; } .top-image-slide .slide-image img { position: relative; z-index: -1; width: 100%; height: 100%; object-fit: cover; } .top-image-slide .slide-image + .slide-wrap { margin-top: 200px; } } .top-image-slide .slide-text { margin-bottom: 60px; /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (max-width: 1023px) { .top-image-slide .slide-text { margin-bottom: 0; } } .top-image-slide .slide-wrap { position: absolute; bottom: 0; top: initial; height: auto; /*margin-top: 5 * $base-length;*/ /*@warn("screen and (min-width: 1024px)");*/ /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (min-width: 1024px) { .top-image-slide .slide-wrap .richcontentblock h1:first-child { margin-top: 0; } } .top-image-slide .slide-wrap .quoteblock__text { margin-top: 0; } @media screen and (max-width: 1023px) { .top-image-slide .slide-wrap { margin-top: 0; position: static; } .top-image-slide .slide-wrap .quoteblock { display: none; } } .top-image-slide .block, .top-image-slide .slide-text { z-index: 2; } @media screen and (max-width: 460px) { .top-image-slide .buttonblock { -ms-flex-order: 2; order: 2; } } .imagecontentslideblock { position: relative; } .image-gallery { /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (max-width: 1023px) { .image-gallery { height: 100%; } } .image-gallery .slide-wrap { /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (max-width: 1023px) { .image-gallery .slide-wrap { position: relative; top: auto; margin: 0; } .image-gallery .slide-wrap .slide-text { margin-top: 0; } } .image-gallery .owl-controls .owl-pagination { /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (max-width: 1023px) { .image-gallery .owl-controls .owl-pagination { top: 21vw; bottom: auto; } } .image-gallery .owl-controls .owl-prev, .image-gallery .owl-controls .owl-next { /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (max-width: 1023px) { .image-gallery .owl-controls .owl-prev, .image-gallery .owl-controls .owl-next { top: 20%; } } .layoutblock { float: none; margin-bottom: 0; } .collapsibleareablock { width: 100% !important; } .collapsibleareablock .title { display: inline-block; cursor: pointer; color: #005b94; } .collapsibleareablock .title:after { position: relative; font-size: 30px; content: ""; margin-left: 12px; font-family: "streamline-30px" !important; } .collapsibleareablock .title:after { border-color: #005b94; } .collapsibleareablock .collapsible-heading { margin-left: 2.5%; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .collapsibleareablock .collapsible-heading { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; min-width: 1px; } } .collapsibleareablock .show-more { margin-left: 35%; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ /*margin-top: $base-length * 6;*/ padding: 12px 24px; clear: both; cursor: pointer; display: inline-block; font-weight: 500; border-radius: 60px; border: 2px solid #005b94; color: #005b94; margin-left: 0; transition: all 0.3s; } @media screen and (min-width: 460px) and (max-width: 1023px) { .collapsibleareablock .show-more { /*$columns: min($columns, 1); $container-columns: min($container-columns, 2); $container-content-width: $parent-width - ($container-columns + 1) * $grid-gutter; $column-width: $container-content-width / $container-columns; $margin: strip-units(($columns * $column-width + ($columns + 1) * $grid-gutter) / $parent-width); margin-left: percentage($margin);*/ margin-left: 2.5%; } } @media screen and (max-width: 460px) { .collapsibleareablock .show-more { margin-left: 2.5%; } } .collapsibleareablock .show-more:hover { background-color: #005b94; border: 2px solid #FFF; color: #FFF; } .collapsibleareablock .show-more span:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .collapsibleareablock .show-more .less { display: none; } .collapsibleareablock .show-more .more { display: inline; } .collapsibleareablock.open { /*.title:after, .show-more span:before { content: "－"; }*/ } .collapsibleareablock.open .title:after { position: relative; font-size: 30px; content: ""; margin-left: 12px; font-family: "streamline-30px" !important; } .collapsibleareablock.open .show-more span:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .collapsibleareablock.open .show-more .less { display: inline; } .collapsibleareablock.open .show-more .more { display: none; } .collapsibleareablock.open .expanded-content { border-top: 1px solid #f5f4f3; } .bg-gray .collapsibleareablock.open .expanded-content { border-top-color: #FFF; } .collapsibleareablock .preview-content { width: 100%; } .listblock .header-wrapper { float: left; width: 100%; } .listblock .header-wrapper h3.heading-link:before { position: relative; font-size: 26px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .listblock .header-wrapper h3.heading-link:before { transition: all 0.4s ease-out; position: relative; left: 0; } .listblock .header-wrapper h3.heading-link:hover:before { left: 3px; } .listblock .header-wrapper h3 a { color: #231f20; } .listblock .header-wrapper h3:before { color: #231f20; } .listblock .pagelink { margin-left: 48px; display: inline-block; } .listblock .icon { display: block; text-align: center; } .listblock .icon.design:before { position: relative; font-size: 60px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .listblock .icon.setup:before { position: relative; font-size: 60px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .listblock .icon.use:before { position: relative; font-size: 60px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .listblock .icon.analyze:before { position: relative; font-size: 60px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .listblock .icon.faq:before { position: relative; font-size: 60px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .listblock .icon.learn:before { position: relative; font-size: 60px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .listblock .linklist { position: relative; list-style: none; padding: 0; padding-right: 10px; margin-top: 0; float: left; } .listblock .linklist__fileversion { display: none; content: ""; } .listblock .linklist li { position: relative; margin-bottom: 24px; /*white-space: nowrap;*/ } .listblock .linklist li h3 { display: inline; margin: 0; } .listblock .linklist li a { color: #231f20; } .listblock .linklist li .inner { display: inline-block; vertical-align: middle; margin-left: 48px; } .listblock .linklist li .inner .pagelink { margin: 0; } .listblock .linklist li .intro { white-space: normal; } .listblock .linklist li .linklist__date { display: block; color: #a39c9d; } .listblock .linklist li .linklist__source { font-style: italic; } .listblock .linklist li .page-icon, .listblock .linklist li .page-icon-hover { /*max-width: 240px;*/ max-height: 240px; height: auto; margin: 0 auto; opacity: 1; transition: opacity 0.6s linear; } .listblock .linklist li .page-icon-hover { position: absolute; top: 0; left: 50%; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 0; } .listblock .linklist li:hover .page-icon-hover { opacity: 0.7; } .listblock .linklist li:before { content: ''; height: 10px; width: 10px; border-radius: 50%; background-color: #000; margin-left: 12px; margin-right: 20px; vertical-align: middle; } .listblock .linklist li.linklist__internal, .listblock .linklist li.linklist__external, .listblock .linklist li.linklist__document, .listblock .linklist li.linklist__app, .listblock .linklist li.linklist__image, .listblock .linklist li.linklist__use, .listblock .linklist li.linklist__analyze, .listblock .linklist li.linklist__learn, .listblock .linklist li.linklist__setup, .listblock .linklist li.linklist__pdf { word-break: break-word; } .listblock .linklist li.linklist__internal:before, .listblock .linklist li.linklist__external:before, .listblock .linklist li.linklist__document:before, .listblock .linklist li.linklist__app:before, .listblock .linklist li.linklist__image:before, .listblock .linklist li.linklist__use:before, .listblock .linklist li.linklist__analyze:before, .listblock .linklist li.linklist__learn:before, .listblock .linklist li.linklist__setup:before, .listblock .linklist li.linklist__pdf:before { margin-left: 0; margin-right: 18px; height: auto; width: auto; } .listblock .linklist li.linklist__cisionitem .inner, .listblock .linklist li.linklist__news .inner { margin-left: 0; } .listblock .linklist li.linklist__cisionitem:before, .listblock .linklist li.linklist__news:before { display: none; } .listblock .linklist li.linklist__eventitem:before { display: none; } .listblock .linklist li.linklist__internal:before { position: absolute; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .listblock .linklist li.linklist__internal:before { transition: all 0.4s ease-out; position: absolute; left: 0; } .listblock .linklist li.linklist__internal:hover:before { left: 3px; } .listblock .linklist li.linklist__external:before { position: absolute; font-size: 30px; content: "v"; margin-right: 12px; font-family: "streamline-30px" !important; } .listblock .linklist li.linklist__external:before { transition: all 0.4s ease-out; position: absolute; left: 0; } .listblock .linklist li.linklist__external:hover:before { left: 3px; } .listblock .linklist li.linklist__document:before { position: absolute; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .listblock .linklist li.linklist__document:before { transition: all 0.4s ease-out; position: absolute; left: 0; } .listblock .linklist li.linklist__document:hover:before { left: 3px; } .listblock .linklist li.linklist__image:before { position: absolute; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .listblock .linklist li.linklist__image:before { transition: all 0.4s ease-out; position: absolute; left: 0; } .listblock .linklist li.linklist__image:hover:before { left: 3px; } .listblock .linklist li.linklist__app:before { position: absolute; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .listblock .linklist li.linklist__app:before { transition: all 0.4s ease-out; position: absolute; left: 0; } .listblock .linklist li.linklist__app:hover:before { left: 3px; } .listblock .linklist li.linklist__learn:before { position: absolute; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .listblock .linklist li.linklist__learn:before { transition: all 0.4s ease-out; position: absolute; left: 0; } .listblock .linklist li.linklist__learn:hover:before { left: 3px; } .listblock .linklist li.linklist__setup:before { position: absolute; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .listblock .linklist li.linklist__setup:before { transition: all 0.4s ease-out; position: absolute; left: 0; } .listblock .linklist li.linklist__setup:hover:before { left: 3px; } .listblock .linklist li.linklist__use:before { position: absolute; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .listblock .linklist li.linklist__use:before { transition: all 0.4s ease-out; position: absolute; left: 0; } .listblock .linklist li.linklist__use:hover:before { left: 3px; } .listblock .linklist li.linklist__analyze:before { position: absolute; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .listblock .linklist li.linklist__analyze:before { transition: all 0.4s ease-out; position: absolute; left: 0; } .listblock .linklist li.linklist__analyze:hover:before { left: 3px; } .listblock .linklist li.linklist__pdf:before { position: absolute; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .listblock .linklist li.linklist__pdf:before { transition: all 0.4s ease-out; position: absolute; left: 0; } .listblock .linklist li.linklist__pdf:hover:before { left: 3px; } .listblock .linklist li.linklist__jobitem { float: left; width: 100%; height: 90px; margin-bottom: 30px; } .listblock .linklist li.linklist__jobitem:before { display: none; } .listblock .linklist li.linklist__jobitem .inner { padding-left: 110px; height: 100%; margin: 0; display: inline-table; } .listblock .linklist li.linklist__jobitem .inner:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .listblock .linklist li.linklist__jobitem .linklist__link { display: table-cell; vertical-align: middle; width: 100%; line-height: 28px; } .listblock .linklist li.linklist__jobitem .linklist__country { font-size: 36px; /*@warn("screen and (max-width: 460px)");*/ float: left; height: 90px; width: 90px; margin-right: 24px; line-height: 80px; text-align: center; text-transform: lowercase; border-radius: 45px; position: absolute; color: #005b94; border: 1px solid #0E103E; background-color: #0E103E; } @media screen and (max-width: 460px) { .listblock .linklist li.linklist__jobitem .linklist__country { font-size: 24px; } } .listblock .linklist li.linklist__eventitem { float: none; } .bloglistpage .listblock .linklist li.linklist__eventitem:last-child, .blogpage .listblock .linklist li.linklist__eventitem:last-child { margin-bottom: 0; } .listblock .linklist li.linklist__eventitem .inner { display: -ms-inline-flexbox; display: inline-flex; margin-left: 0; } .listblock .linklist li.linklist__eventitem .eventlist__heading-wrapper { display: block; overflow: hidden; } .listblock .linklist li.linklist__eventitem .eventlist__date { position: absolute; float: left; padding: 17px 0; text-align: center; max-height: 108px; width: 90px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #0E103E; color: #FFF; } .listblock .linklist li.linklist__eventitem .eventlist__date .eventlist__date__day { font-size: 48px; margin-top: 12px; display: block; white-space: nowrap; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; line-height: 24px; } body[lang="ja"] .listblock .linklist li.linklist__eventitem .eventlist__date .eventlist__date__day, body[lang="zh-hans"] .listblock .linklist li.linklist__eventitem .eventlist__date .eventlist__date__day { margin-top: 0; margin-bottom: 12px; -ms-flex-order: 2; order: 2; } body[lang="ja"] .listblock .linklist li.linklist__eventitem .eventlist__date .eventlist__date__day:after, body[lang="zh-hans"] .listblock .linklist li.linklist__eventitem .eventlist__date .eventlist__date__day:after { display: inline; content: "日"; font-size: 0.6em; } .listblock .linklist li.linklist__eventitem .eventlist__date .eventlist__date__month { display: block; margin-top: 14px; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; } body[lang="ja"] .listblock .linklist li.linklist__eventitem .eventlist__date .eventlist__date__month, body[lang="zh-hans"] .listblock .linklist li.linklist__eventitem .eventlist__date .eventlist__date__month { -ms-flex-order: 1; order: 1; margin-bottom: 14px; margin-top: 0; } body[lang="ja"] .listblock .linklist li.linklist__eventitem .eventlist__date .eventlist__date__month:after { content: "月"; display: inline; } .listblock .linklist li.linklist__eventitem .event__info { float: left; min-height: 92px; padding-left: 112px; } .listblock .linklist li.linklist__eventitem .event__info .eventlist__link { font-weight: 500; float: left; margin-bottom: 6px; margin-right: 6px; } .listblock .linklist li.linklist__eventitem .event__info .eventlist__text { display: block; margin-top: 12px; } .listblock .linklist li.linklist__eventitem .event__info .keyword-tag { font-weight: 400; padding: 1px 12px; } .listblock .linklist.show-fileversions { /*li:before { font-size: 46px !important; }*/ } .listblock .linklist.show-fileversions .linklist__fileversion { display: block; font-style: italic; } .listblock .linklist.col-4, .listblock .linklist.col-6, .listblock .linklist.col-3 { -ms-flex-direction: row; flex-direction: row; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; padding-right: 0; margin-right: 0; white-space: normal; } .listblock .linklist.col-4 li .inner, .listblock .linklist.col-6 li .inner, .listblock .linklist.col-3 li .inner { margin-left: 0; max-width: 100%; } .listblock .linklist.col-4 li h3, .listblock .linklist.col-4 li .pagelink, .listblock .linklist.col-6 li h3, .listblock .linklist.col-6 li .pagelink, .listblock .linklist.col-3 li h3, .listblock .linklist.col-3 li .pagelink { font-size: 18px; /*@warn("screen and (max-width: 460px)");*/ display: block; color: #1F1F1F; font-weight: 500; margin-bottom: 48px; margin-top: 60px; margin-left: 46px; text-indent: -42px; /*@warn("screen and (max-width: 460px)");*/ } .listblock .linklist.col-4 li h3:before, .listblock .linklist.col-4 li .pagelink:before, .listblock .linklist.col-6 li h3:before, .listblock .linklist.col-6 li .pagelink:before, .listblock .linklist.col-3 li h3:before, .listblock .linklist.col-3 li .pagelink:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .listblock .linklist.col-4 li h3:before, .listblock .linklist.col-4 li .pagelink:before, .listblock .linklist.col-6 li h3:before, .listblock .linklist.col-6 li .pagelink:before, .listblock .linklist.col-3 li h3:before, .listblock .linklist.col-3 li .pagelink:before { transition: all 0.4s ease-out; position: relative; left: 0; } .listblock .linklist.col-4 li h3:hover:before, .listblock .linklist.col-4 li .pagelink:hover:before, .listblock .linklist.col-6 li h3:hover:before, .listblock .linklist.col-6 li .pagelink:hover:before, .listblock .linklist.col-3 li h3:hover:before, .listblock .linklist.col-3 li .pagelink:hover:before { left: 3px; } @media screen and (max-width: 460px) { .listblock .linklist.col-4 li h3, .listblock .linklist.col-4 li .pagelink, .listblock .linklist.col-6 li h3, .listblock .linklist.col-6 li .pagelink, .listblock .linklist.col-3 li h3, .listblock .linklist.col-3 li .pagelink { font-size: 16px; } } @media screen and (max-width: 460px) { .listblock .linklist.col-4 li h3, .listblock .linklist.col-4 li .pagelink, .listblock .linklist.col-6 li h3, .listblock .linklist.col-6 li .pagelink, .listblock .linklist.col-3 li h3, .listblock .linklist.col-3 li .pagelink { margin-bottom: 0; margin-top: 0; } } .listblock .linklist.col-4 li .heading-wrapper, .listblock .linklist.col-6 li .heading-wrapper, .listblock .linklist.col-3 li .heading-wrapper { margin-bottom: 24px; border-bottom: 1px solid rgba(31, 31, 31, 0.3); } .listblock .linklist.col-4 li .heading-wrapper h3, .listblock .linklist.col-6 li .heading-wrapper h3, .listblock .linklist.col-3 li .heading-wrapper h3 { margin-bottom: 24px; } .listblock .linklist.col-4 li:before, .listblock .linklist.col-6 li:before, .listblock .linklist.col-3 li:before { display: none; } .listblock .linklist.col-4.narrow li, .listblock .linklist.col-6.narrow li, .listblock .linklist.col-3.narrow li { margin-bottom: 0; } .listblock .linklist.col-4.narrow li .pagelink, .listblock .linklist.col-6.narrow li .pagelink, .listblock .linklist.col-3.narrow li .pagelink { margin-top: 48px; margin-bottom: 0; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .listblock .linklist.col-4.narrow li .pagelink, .listblock .linklist.col-6.narrow li .pagelink, .listblock .linklist.col-3.narrow li .pagelink { margin-top: 0; } } .listblock .linklist.col-3 li { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 30.83333%; flex-basis: 30.83333%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ margin-left: 0; min-height: 140px; } @media screen and (min-width: 460px) and (max-width: 1023px) { .listblock .linklist.col-3 li { margin-left: 1.25%; margin-right: 1.25%; width: 47.5%; flex-basis: 47.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .listblock .linklist.col-3 li { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } .listblock .linklist.col-4 li { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 22.5%; flex-basis: 22.5%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ margin-left: 0; min-height: 140px; } @media screen and (min-width: 460px) and (max-width: 1023px) { .listblock .linklist.col-4 li { margin-left: 1.25%; margin-right: 1.25%; width: 47.5%; flex-basis: 47.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .listblock .linklist.col-4 li { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } .listblock .linklist.col-6 li { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 14.16667%; flex-basis: 14.16667%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ margin-left: 0; } @media screen and (min-width: 460px) and (max-width: 1023px) { .listblock .linklist.col-6 li { margin-left: 1.25%; margin-right: 1.25%; width: 47.5%; flex-basis: 47.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .listblock .linklist.col-6 li { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } .listblock .linklist.rss-feed li:before { display: none; } .listblock .linklist.rss-feed li .inner { margin-left: 0; } .blogpage .container .blocks .listblock .header-wrapper, .blogpage .feature-menu-wrap .blocks .listblock .header-wrapper, .bloglistpage .container .blocks .listblock .header-wrapper, .bloglistpage .feature-menu-wrap .blocks .listblock .header-wrapper { border: none; margin: 0; } .blogpage .linklist, .bloglistpage .linklist { margin-bottom: 0; padding-left: 0; margin-top: 0; } .blogpage .heading-link, .blogpage .header-wrapper h3, .bloglistpage .heading-link, .bloglistpage .header-wrapper h3 { font-weight: 400; color: #000; } .blogpage .heading-link:before, .blogpage .header-wrapper h3:before, .bloglistpage .heading-link:before, .bloglistpage .header-wrapper h3:before { display: none; } .puffpieceblock { position: relative; } .puffpieceblock .image { position: relative; } .puffpieceblock .block__heading:before { color: #231f20; } .puffpieceblock .page-icon, .puffpieceblock .page-icon-hover { /*max-width: 240px;*/ height: auto; max-height: 320px; margin: 0 auto; margin-top: 24px; padding-bottom: 24px; opacity: 1; transition: opacity 0.6s linear; } .puffpieceblock .page-icon-hover { position: absolute; top: 0; left: 50%; margin-top: 24px; padding-bottom: 24px; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 0; } .puffpieceblock .page-icon-hover:hover { opacity: 0.7; } .puffpieceblock.col-1 img, .puffpieceblock.col-2 img { margin-top: 24px; padding-bottom: 24px; max-height: 320px; } .puffpieceblock.col-1 .block__heading:before, .puffpieceblock.col-2 .block__heading:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .puffpieceblock.col-1 .block__heading:before, .puffpieceblock.col-2 .block__heading:before { transition: all 0.4s ease-out; position: relative; left: 0; } .puffpieceblock.col-1 .block__heading:hover:before, .puffpieceblock.col-2 .block__heading:hover:before { left: 3px; } .puffpieceblock.col-1 p, .puffpieceblock.col-2 p { padding-top: 12px; } .puffpieceblock.col-3 h3 { display: inline; line-height: 30px; } .puffpieceblock.col-3 .text, .puffpieceblock.col-3 .image { margin-top: 96px; } .puffpieceblock .article-link { float: right; } .puffpieceblock .article-link:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .puffpieceblock .article-link:before { transition: all 0.4s ease-out; position: relative; left: 0; } .puffpieceblock .article-link:hover:before { left: 3px; } .puffpieceblock p a { color: #231f20; } .productblock .prodintro, .productlistpage .product .prodintro, .block.softwareproductpage .prodintro, .block.hardwareproductpage .prodintro, .block.serviceproductpage .prodintro, .block.accessoryproductpage .prodintro { margin-bottom: 48px; margin-top: 46px; } .productblock .prodprice, .productlistpage .product .prodprice, .block.softwareproductpage .prodprice, .block.hardwareproductpage .prodprice, .block.serviceproductpage .prodprice, .block.accessoryproductpage .prodprice { font-size: 36px; /*@warn("screen and (max-width: 460px)");*/ margin-top: 15px; position: absolute; } @media screen and (max-width: 460px) { .productblock .prodprice, .productlistpage .product .prodprice, .block.softwareproductpage .prodprice, .block.hardwareproductpage .prodprice, .block.serviceproductpage .prodprice, .block.accessoryproductpage .prodprice { font-size: 24px; } } .productblock .image-wrapper, .productlistpage .product .image-wrapper, .block.softwareproductpage .image-wrapper, .block.hardwareproductpage .image-wrapper, .block.serviceproductpage .image-wrapper, .block.accessoryproductpage .image-wrapper { position: relative; } .productblock .image-wrapper .product-image-tag, .productlistpage .product .image-wrapper .product-image-tag, .block.softwareproductpage .image-wrapper .product-image-tag, .block.hardwareproductpage .image-wrapper .product-image-tag, .block.serviceproductpage .image-wrapper .product-image-tag, .block.accessoryproductpage .image-wrapper .product-image-tag { background-color: #e6750c; border-radius: 50%; width: 120px; height: 120px; position: absolute; top: 24px; left: 24px; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .productblock .image-wrapper .product-image-tag, .productlistpage .product .image-wrapper .product-image-tag, .block.softwareproductpage .image-wrapper .product-image-tag, .block.hardwareproductpage .image-wrapper .product-image-tag, .block.serviceproductpage .image-wrapper .product-image-tag, .block.accessoryproductpage .image-wrapper .product-image-tag { width: 80px; height: 80px; top: 12px; left: 12px; } } .productblock .button, .productblock .product-selector .selected-products__product, .product-selector .productblock .selected-products__product, .productblock .product-selector .add-product, .product-selector .productblock .add-product, .productblock .load-more, .productlistpage .product .button, .productlistpage .product .product-selector .selected-products__product, .product-selector .productlistpage .product .selected-products__product, .productlistpage .product .product-selector .add-product, .product-selector .productlistpage .product .add-product, .productlistpage .product .load-more, .block.softwareproductpage .button, .block.softwareproductpage .product-selector .selected-products__product, .product-selector .block.softwareproductpage .selected-products__product, .block.softwareproductpage .product-selector .add-product, .product-selector .block.softwareproductpage .add-product, .block.softwareproductpage .load-more, .block.hardwareproductpage .button, .block.hardwareproductpage .product-selector .selected-products__product, .product-selector .block.hardwareproductpage .selected-products__product, .block.hardwareproductpage .product-selector .add-product, .product-selector .block.hardwareproductpage .add-product, .block.hardwareproductpage .load-more, .block.serviceproductpage .button, .block.serviceproductpage .product-selector .selected-products__product, .product-selector .block.serviceproductpage .selected-products__product, .block.serviceproductpage .product-selector .add-product, .product-selector .block.serviceproductpage .add-product, .block.serviceproductpage .load-more, .block.accessoryproductpage .button, .block.accessoryproductpage .product-selector .selected-products__product, .product-selector .block.accessoryproductpage .selected-products__product, .block.accessoryproductpage .product-selector .add-product, .product-selector .block.accessoryproductpage .add-product, .block.accessoryproductpage .load-more { float: right; } .productblock .prodimage-holder, .productlistpage .product .prodimage-holder, .block.softwareproductpage .prodimage-holder, .block.hardwareproductpage .prodimage-holder, .block.serviceproductpage .prodimage-holder, .block.accessoryproductpage .prodimage-holder { border: 1px solid #cdcdcd; display: inline-block; max-width: 100%; } .productblock .prodtext-holder, .productlistpage .product .prodtext-holder, .block.softwareproductpage .prodtext-holder, .block.hardwareproductpage .prodtext-holder, .block.serviceproductpage .prodtext-holder, .block.accessoryproductpage .prodtext-holder { display: inline-block; } .productblock .prodblockheader-onecolumn, .productlistpage .product .prodblockheader-onecolumn, .block.softwareproductpage .prodblockheader-onecolumn, .block.hardwareproductpage .prodblockheader-onecolumn, .block.serviceproductpage .prodblockheader-onecolumn, .block.accessoryproductpage .prodblockheader-onecolumn { border-bottom: none; padding-bottom: 23px; } .productblock .prodblockheader-onecolumn .pil-prodparent, .productlistpage .product .prodblockheader-onecolumn .pil-prodparent, .block.softwareproductpage .prodblockheader-onecolumn .pil-prodparent, .block.hardwareproductpage .prodblockheader-onecolumn .pil-prodparent, .block.serviceproductpage .prodblockheader-onecolumn .pil-prodparent, .block.accessoryproductpage .prodblockheader-onecolumn .pil-prodparent { float: right; } .productblock .prodblockheader-onecolumn .pil-prodparent:before, .productlistpage .product .prodblockheader-onecolumn .pil-prodparent:before, .block.softwareproductpage .prodblockheader-onecolumn .pil-prodparent:before, .block.hardwareproductpage .prodblockheader-onecolumn .pil-prodparent:before, .block.serviceproductpage .prodblockheader-onecolumn .pil-prodparent:before, .block.accessoryproductpage .prodblockheader-onecolumn .pil-prodparent:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .productblock .prodblockheader-onecolumn .pil-prodparent:before, .productlistpage .product .prodblockheader-onecolumn .pil-prodparent:before, .block.softwareproductpage .prodblockheader-onecolumn .pil-prodparent:before, .block.hardwareproductpage .prodblockheader-onecolumn .pil-prodparent:before, .block.serviceproductpage .prodblockheader-onecolumn .pil-prodparent:before, .block.accessoryproductpage .prodblockheader-onecolumn .pil-prodparent:before { transition: all 0.4s ease-out; position: relative; left: 0; } .productblock .prodblockheader-onecolumn .pil-prodparent:hover:before, .productlistpage .product .prodblockheader-onecolumn .pil-prodparent:hover:before, .block.softwareproductpage .prodblockheader-onecolumn .pil-prodparent:hover:before, .block.hardwareproductpage .prodblockheader-onecolumn .pil-prodparent:hover:before, .block.serviceproductpage .prodblockheader-onecolumn .pil-prodparent:hover:before, .block.accessoryproductpage .prodblockheader-onecolumn .pil-prodparent:hover:before { left: 3px; } .productblock .noborder, .productlistpage .product .noborder, .block.softwareproductpage .noborder, .block.hardwareproductpage .noborder, .block.serviceproductpage .noborder, .block.accessoryproductpage .noborder { border: none; margin-top: 10px; padding-bottom: 10px; } .productblock .commerceintro, .productlistpage .product .commerceintro, .block.softwareproductpage .commerceintro, .block.hardwareproductpage .commerceintro, .block.serviceproductpage .commerceintro, .block.accessoryproductpage .commerceintro { margin-top: 0; } .contactblock .organisation-image img, .contactblock .person-image, .organisationpage .organisation-image img, .organisationpage .person-image { float: left; max-width: 220px; } .contactblock .personcontact img, .organisationpage .personcontact img { margin-bottom: 12px; } .contactblock .personcontact .person-details, .organisationpage .personcontact .person-details { margin-top: 24px; } .contactblock .personcontact a, .organisationpage .personcontact a { color: #005b94; } .contactblock .social, .organisationpage .social { margin-top: 12px; } .contactblock .social a, .organisationpage .social a { margin-right: 6px; border-bottom: none; } .contactblock .social a:hover, .organisationpage .social a:hover { border: none; } .contactblock svg, .organisationpage svg { width: 36px; } .contactblock .svg-inject .st0, .contactblock .svg-inject .cls-5, .organisationpage .svg-inject .st0, .organisationpage .svg-inject .cls-5 { transition: fill linear 0.3s; fill: #005b94; } .contactblock .svg-inject .st0:hover, .contactblock .svg-inject .cls-5:hover, .organisationpage .svg-inject .st0:hover, .organisationpage .svg-inject .cls-5:hover { fill: #00568d; } .contactblock .svg-inject .cls-3, .contactblock .svg-inject .cls-4, .organisationpage .svg-inject .cls-3, .organisationpage .svg-inject .cls-4 { stroke: #005b94; } .contactblock .contact-button .button, .contactblock .contact-button .product-selector .selected-products__product, .product-selector .contactblock .contact-button .selected-products__product, .contactblock .contact-button .product-selector .add-product, .product-selector .contactblock .contact-button .add-product, .contactblock .contact-button .load-more, .organisationpage .contact-button .button, .organisationpage .contact-button .product-selector .selected-products__product, .product-selector .organisationpage .contact-button .selected-products__product, .organisationpage .contact-button .product-selector .add-product, .product-selector .organisationpage .contact-button .add-product, .organisationpage .contact-button .load-more { width: 100%; text-align: center; } .contactblock .phone-and-email div, .organisationpage .phone-and-email div { text-align: center; line-height: 32px; } .contactblock .phone:before, .organisationpage .phone:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .contactblock .email:before, .organisationpage .email:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .contactblock .organisation-contact, .organisationpage .organisation-contact { margin-bottom: 0; } .contactblock .organisation-contact .col-1, .organisationpage .organisation-contact .col-1 { margin-bottom: 0; } .contactblock .organisation-contact .organisation-image, .organisationpage .organisation-contact .organisation-image { display: inline-block; } .contactblock .organisation-contact .phone, .contactblock .organisation-contact .email, .organisationpage .organisation-contact .phone, .organisationpage .organisation-contact .email { margin-top: 12px; display: block; } .contactblock .organisation-contact .greyback, .organisationpage .organisation-contact .greyback { background-color: #f5f5f5; margin: 15px 0; padding: 20px; } .contactblock span { color: #005b94; } .bloglistpage .contactblock, .blogpage .contactblock { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; } .brandsquareblock h3 { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 12px; } .brandsquareblock__heading { display: block; width: 100%; text-transform: uppercase; padding-top: 24px; padding-bottom: 24px; } .brandsquareblock__heading h4 { margin: 0; color: #FFF; } .brandsquareblock__heading.tobiitech { background-color: #702076; } .brandsquareblock__heading.tobiipro { background-color: #e6750c; } .brandsquareblock__heading.tobiieyex, .brandsquareblock__heading.tobiieyetracking { background-color: #00beff; } .brandsquareblock__heading.tobii { background-color: #005b94; } .brandsquareblock__heading.tobiidynavox { background-color: #00AF66; } .brandsquareblock .brand { float: left; text-align: center; background: #f5f5f5; background: rgba(14, 16, 62, 0.05); position: relative; border: none !important; } .brandsquareblock .brand .helper { display: inline-block; height: 100%; vertical-align: middle; } .brandsquareblock .brand .image { position: absolute; bottom: 0; width: 100%; padding-left: 12px; padding-right: 12px; } .brandsquareblock .brand img { display: inline; max-height: 53px; vertical-align: middle; margin-bottom: 36px; } .brandsquareblock .brand .text { padding: 2em 40px 90px; margin-bottom: 24px; } .brandsquareblock .brand .external-link, .brandsquareblock .brand .quoteblock cite a, .quoteblock cite .brandsquareblock .brand a, .brandsquareblock .brand .listblock .linklist li.linklist__external .linklist__link, .listblock .linklist li.linklist__external .brandsquareblock .brand .linklist__link { position: absolute; top: 6px; right: 6px; line-height: 0; transition: all 0.3s ease-in; } .brandsquareblock .brand .external-link:after, .brandsquareblock .brand .quoteblock cite a:after, .quoteblock cite .brandsquareblock .brand a:after, .brandsquareblock .brand .listblock .linklist li.linklist__external .linklist__link:after, .listblock .linklist li.linklist__external .brandsquareblock .brand .linklist__link:after { width: 16px; height: 16px; background-size: contain; } .brandsquareblock .brand:hover .external-link, .brandsquareblock .brand:hover .quoteblock cite a, .quoteblock cite .brandsquareblock .brand:hover a, .brandsquareblock .brand:hover .listblock .linklist li.linklist__external .linklist__link, .listblock .linklist li.linklist__external .brandsquareblock .brand:hover .linklist__link { top: 3px; right: 3px; } .salesforceformblock, .download-form { padding-bottom: 120px; } .salesforceformblock .error-message, .download-form .error-message { font-style: italic; margin-bottom: 24px; } .salesforceformblock .dropdown-wrapper, .download-form .dropdown-wrapper { width: 100%; } .factboxblock { background-color: #f5f4f3; padding: 24px; } .factboxblock h3 { color: #231f20; } .bg-gray .factboxblock { background-color: #FFF; } .factboxblock .block__heading { margin-top: 0; } .supportlistblock .head-wrap { border-bottom: rgba(31, 31, 31, 0.5) solid 1px; } .supportlistblock .head-wrap h3 { margin-bottom: 0; } .supportlistblock .head-wrap .mainintro { margin-bottom: 12px; } .supportlistblock .linklist { margin-top: 36px; } .addthisblock .addthis-wrapper .addthis_toolbox { /*.addthis_button_compact { background-image: url("/Static/img/icon/addthis-share.png"); } .addthis_button_facebook { background-image: url("/Static/img/icon/social_media_icons_New_Web-Facebook.svg"); } .addthis_button_twitter { background-image: url("/Static/img/icon/social_media_icons_New_Web-twitter.svg"); } .addthis_button_email { background-image: url("/Static/img/icon/addthis-mail.png"); } .addthis_button_print { background-image: url("/Static/img/icon/addthis-print.png"); }*/ } .addthisblock .addthis-wrapper .addthis_toolbox a { text-decoration: none; border-bottom: none; width: 44px; height: 44px; display: inline-block; } .addthisblock .addthis-wrapper .addthis_toolbox a span { display: none; } [class^="addthis_button_"] { background-image: url("/Static/img/icon/social-media-share-icons.png"); background-repeat: no-repeat; overflow: hidden; } .tobii .addthis_toolbox .addthis_button_facebook { background-position: 0px -220px; display: inline-block; } .tobii .addthis_toolbox .addthis_button_twitter { background-position: 0px -1540px; display: inline-block; } .tobii .addthis_toolbox .addthis_button_linkedin { background-position: 0px -660px; display: inline-block; } .tobii .addthis_toolbox .addthis_button_email { background-position: 0px -880px; display: inline-block; } .tobii .addthis_toolbox .addthis_button_print { background-position: 0px -1320px; display: inline-block; } .tobii .addthis_toolbox .addthis_button_blogger { background-position: 0px -44px; display: inline-block; } .tobii .addthis_toolbox .addthis_button_google_plusone_share { background-position: 0px -440px; display: inline-block; } .tobii .addthis_toolbox .addthis_button_pinterest_share { background-position: 0px -1100px; display: inline-block; } .tobiieyex .addthis_toolbox .addthis_button_facebook { background-position: 0px -308px; display: inline-block; } .tobiieyex .addthis_toolbox .addthis_button_twitter { background-position: 0px -1628px; display: inline-block; } .tobiieyex .addthis_toolbox .addthis_button_linkedin { background-position: 0px -748px; display: inline-block; } .tobiieyex .addthis_toolbox .addthis_button_email { background-position: 0px 0px; display: inline-block; } .tobiieyex .addthis_toolbox .addthis_button_print { background-position: 0px -1408px; display: inline-block; } .tobiieyex .addthis_toolbox .addthis_button_blogger { background-position: 0px -88px; display: inline-block; } .tobiieyex .addthis_toolbox .addthis_button_google_plusone_share { background-position: 0px -528px; display: inline-block; } .tobiieyex .addthis_toolbox .addthis_button_pinterest_share { background-position: 0px -1188px; display: inline-block; } .tobiipro .addthis_toolbox .addthis_button_facebook { background-position: 0px -352px; display: inline-block; } .tobiipro .addthis_toolbox .addthis_button_twitter { background-position: 0px -1672px; display: inline-block; } .tobiipro .addthis_toolbox .addthis_button_linkedin { background-position: 0px -792px; display: inline-block; } .tobiipro .addthis_toolbox .addthis_button_email { background-position: 0px -1012px; display: inline-block; } .tobiipro .addthis_toolbox .addthis_button_print { background-position: 0px -1452px; display: inline-block; } .tobiipro .addthis_toolbox .addthis_button_blogger { background-position: 0px -132px; display: inline-block; } .tobiipro .addthis_toolbox .addthis_button_google_plusone_share { background-position: 0px -572px; display: inline-block; } .tobiipro .addthis_toolbox .addthis_button_pinterest_share { background-position: 0px -1232px; display: inline-block; } .tobiidynavox .addthis_toolbox .addthis_button_facebook { background-position: 0px -264px; display: inline-block; } .tobiidynavox .addthis_toolbox .addthis_button_twitter { background-position: 0px -1584px; display: inline-block; } .tobiidynavox .addthis_toolbox .addthis_button_linkedin { background-position: 0px -704px; display: inline-block; } .tobiidynavox .addthis_toolbox .addthis_button_email { background-position: 0px -924px; display: inline-block; } .tobiidynavox .addthis_toolbox .addthis_button_print { background-position: 0px -1364px; display: inline-block; } .tobiidynavox .addthis_toolbox .addthis_button_blogger { background-position: 0px -968px; display: inline-block; } .tobiidynavox .addthis_toolbox .addthis_button_google_plusone_share { background-position: 0px -484px; display: inline-block; } .tobiidynavox .addthis_toolbox .addthis_button_pinterest_share { background-position: 0px -1144px; display: inline-block; } .tobiitech .addthis_toolbox .addthis_button_facebook { background-position: 0px -396px; display: inline-block; } .tobiitech .addthis_toolbox .addthis_button_twitter { background-position: 0px -1716px; display: inline-block; } .tobiitech .addthis_toolbox .addthis_button_linkedin { background-position: 0px -836px; display: inline-block; } .tobiitech .addthis_toolbox .addthis_button_email { background-position: 0px -1056px; display: inline-block; } .tobiitech .addthis_toolbox .addthis_button_print { background-position: 0px -1496px; display: inline-block; } .tobiitech .addthis_toolbox .addthis_button_blogger { background-position: 0px -176px; display: inline-block; } .tobiitech .addthis_toolbox .addthis_button_google_plusone_share { background-position: 0px -616px; display: inline-block; } .tobiitech .addthis_toolbox .addthis_button_pinterest_share { background-position: 0px -1276px; display: inline-block; } .tobiiproinsight .addthis_toolbox .addthis_button_facebook { background-position: 0px -396px; display: inline-block; filter: grayscale(1); } .tobiiproinsight .addthis_toolbox .addthis_button_twitter { background-position: 0px -1716px; display: inline-block; filter: grayscale(1); } .tobiiproinsight .addthis_toolbox .addthis_button_linkedin { background-position: 0px -836px; display: inline-block; filter: grayscale(1); } .tobiiproinsight .addthis_toolbox .addthis_button_email { background-position: 0px -1056px; display: inline-block; filter: grayscale(1); } .tobiiproinsight .addthis_toolbox .addthis_button_print { background-position: 0px -1496px; display: inline-block; filter: grayscale(1); } .tobiiproinsight .addthis_toolbox .addthis_button_blogger { background-position: 0px -176px; display: inline-block; filter: grayscale(1); } .tobiiproinsight .addthis_toolbox .addthis_button_google_plusone_share { background-position: 0px -616px; display: inline-block; filter: grayscale(1); } .tobiiproinsight .addthis_toolbox .addthis_button_pinterest_share { background-position: 0px -1276px; display: inline-block; filter: grayscale(1); } .followusblock, .chinesesocialmediablock { text-align: center; } .followusblock a, .chinesesocialmediablock a { margin: 0 6px; display: inline-block; border-bottom: none !important; width: 36px; height: 36px; } .followusblock a svg, .chinesesocialmediablock a svg { width: 36px; } .followusblock .svg-inject .st0, .followusblock .svg-inject .cls-5, .chinesesocialmediablock .svg-inject .st0, .chinesesocialmediablock .svg-inject .cls-5 { transition: fill linear 0.3s; fill: #005b94; } .followusblock .svg-inject .st0:hover, .followusblock .svg-inject .cls-5:hover, .chinesesocialmediablock .svg-inject .st0:hover, .chinesesocialmediablock .svg-inject .cls-5:hover { fill: #00568d; } .followusblock .svg-inject .cls-3, .followusblock .svg-inject .cls-4, .chinesesocialmediablock .svg-inject .cls-3, .chinesesocialmediablock .svg-inject .cls-4 { stroke: #005b94; } .sharetickerblock .block__content { display: -ms-inline-flexbox; display: inline-flex; margin-left: 0; width: 100%; float: left; } .sharetickerblock__badge { float: left; padding: 22px; text-align: center; max-height: 108px; color: #FFF; background-color: #0E103E; } .sharetickerblock__badge__share { display: block; margin-top: 6px; } .sharetickerblock__badge__arrow { margin: 0; } .sharetickerblock__badge__arrow:before { position: relative; font-size: 36px; content: ""; margin-right: 12px; font-family: "streamline-30px-filled-in" !important; } .sharetickerblock__badge__arrow.up:before { content: ""; } .sharetickerblock__badge__arrow.down:before { content: ""; } .sharetickerblock__badge__arrow:before { margin: 0; } .sharetickerblock__current { font-weight: 500; } .sharetickerblock__info { margin-left: 24px; } .sharetickerblock__time { font-size: 12px; color: #a39c9d; } .vacanciesblock .vacancy-item { float: left; width: 100%; height: 90px; margin-bottom: 30px; } .vacanciesblock .vacancy-item .vacancy-country { font-size: 36px; /*@warn("screen and (max-width: 460px)");*/ float: left; height: 90px; width: 90px; margin-right: 24px; color: #005b94; line-height: 80px; text-align: center; text-transform: lowercase; background-color: #0E103E; border-radius: 45px; border: 1px solid #0E103E; position: absolute; } @media screen and (max-width: 460px) { .vacanciesblock .vacancy-item .vacancy-country { font-size: 24px; } } .vacanciesblock .vacancy-item .vacancy-title { float: left; padding-left: 110px; height: 100%; } .vacanciesblock .vacancy-item .vacancy-title:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .vacanciesblock .vacancy-item .vacancy-title .centered { display: inline-block; vertical-align: middle; width: 100%; line-height: 28px; } .bannerblock { background-color: #0E103E; color: white; } .bannerblock a { color: white; border-bottom: 1px solid #b3b3b3; border-bottom: 1px solid rgba(255, 255, 255, 0.3); transition: border 0.1s linear; } .bannerblock a:hover { border-bottom: 1px solid #FFF; } .bannerblock .banner-text { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 64.16667%; flex-basis: 64.16667%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ margin-left: 35%; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .bannerblock .banner-text { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .bannerblock .banner-text { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (min-width: 460px) and (max-width: 1023px) { .bannerblock .banner-text { /*$columns: min($columns, 1); $container-columns: min($container-columns, 2); $container-content-width: $parent-width - ($container-columns + 1) * $grid-gutter; $column-width: $container-content-width / $container-columns; $margin: strip-units(($columns * $column-width + ($columns + 1) * $grid-gutter) / $parent-width); margin-left: percentage($margin);*/ margin-left: 2.5%; } } @media screen and (max-width: 460px) { .bannerblock .banner-text { margin-left: 2.5%; } } .bannerblock .banner-text p { margin: 24px 0; } .bannerctablock { width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; background-color: #0E103E; color: #FFF; } .bannerctablock:after { clear: both; content: ""; display: table; } .bannerctablock .price-holder { margin-top: 48px; float: left; font-size: 49px; font-weight: 200; line-height: 49px; float: left; margin-left: 1.25%; margin-right: 1.25%; width: 30.83333%; flex-basis: 30.83333%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .bannerctablock .price-holder { margin-left: 1.25%; margin-right: 1.25%; width: 47.5%; flex-basis: 47.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .bannerctablock .price-holder { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } .bannerctablock .button-holder { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 30.83333%; flex-basis: 30.83333%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ margin-top: 48px; margin-bottom: 48px; } @media screen and (min-width: 460px) and (max-width: 1023px) { .bannerctablock .button-holder { margin-left: 1.25%; margin-right: 1.25%; width: 47.5%; flex-basis: 47.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .bannerctablock .button-holder { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } .bannerctablock .button, .bannerctablock .product-selector .selected-products__product, .product-selector .bannerctablock .selected-products__product, .bannerctablock .product-selector .add-product, .product-selector .bannerctablock .add-product, .bannerctablock .load-more { float: left; width: 100%; text-align: center; font-weight: 500; } .rssfeedblock { position: relative; } .rssfeedblock ul { list-style: none; padding: 0; float: left; margin-top: 0; } .rssfeedblock li { margin-bottom: 12px; } .rssfeedblock .date { display: block; font-style: italic; font-size: 15px; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .rssfeedblock .date { font-size: 14px; } } .rssfeedblock .page-icon, .rssfeedblock .page-icon-hover { /*max-width: 240px;*/ height: auto; max-height: 320px; margin: 0 auto; margin-top: 24px; padding-bottom: 24px; opacity: 1; transition: opacity 0.6s linear; } .rssfeedblock .page-icon-hover { position: absolute; top: 0; left: 50%; margin-top: 24px; padding-bottom: 24px; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 0; } .rssfeedblock .page-icon-hover:hover { opacity: 0.7; } .cisionsubscriptionformblock { background-color: #f5f4f3; padding: 24px; } .cisionsubscriptionformblock .block__heading { margin-top: 0; } .cisionsubscriptionformblock form button { background-color: #005b94; border-color: #005b94; } .cisionsubscriptionformblock form button:hover { background-color: #FFF; color: #005b94; } .emptyplaceholderblock { /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (max-width: 1023px) { .emptyplaceholderblock { display: none; } } .buttonblock { position: relative; min-height: 60px; } .buttonblock .bottom-aligned { position: absolute; bottom: 0; } .learnprocessstepblock { /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .learnprocessstepblock.block { margin-bottom: 0; } } .learnprocessstepblock__list { list-style-type: decimal; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .learnprocessstepblock__list { margin-bottom: 0; } } .learnprocessstepblock__list-item { margin-bottom: 12px; font-size: 15px; padding: 0; } .learnprocessstepblock__list-item:before { display: none; counter-increment: none; } .learnprocessstepblock__list-item a:before { display: inline-block; content: counter(item) ""; counter-increment: item; background-color: #D6D6D6; color: #F4F4F4; border-radius: 50%; width: 42px; height: 42px; line-height: 42px; text-align: center; margin-left: 6px; transition: all 0.5s; margin-right: 6px; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .learnprocessstepblock__list-item a:before { width: 24px; height: 24px; line-height: 24px; } } .learnprocessstepblock__list-item a.current-step, .learnprocessstepblock__list-item a:hover { font-size: 120%; font-weight: 500; color: #005b94; } .learnprocessstepblock__list-item a.current-step:before, .learnprocessstepblock__list-item a:hover:before { font-size: 20px; color: #FFF; width: 54px; height: 54px; line-height: 54px; margin-left: 0; background-color: #005b94; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .learnprocessstepblock__list-item a.current-step:before, .learnprocessstepblock__list-item a:hover:before { width: 24px; height: 24px; line-height: 24px; } } .learnprocessstepblock__list .learnprocessstepblock__list-item a { color: #b1b1b1; border-bottom: none; } .learnprocessstepblock__list .learnprocessstepblock__list-item a:hover { border-bottom: none; } .learnprocessstepblock.col-2 .learnprocessstepblock__list, .learnprocessstepblock.col-3 .learnprocessstepblock__list { padding-left: 0; } .learnprocessstepblock.col-2 .learnprocessstepblock__list-item, .learnprocessstepblock.col-3 .learnprocessstepblock__list-item { display: inline-block; margin-right: 24px; padding-right: 24px; border-right: 1px solid #F4F4F4; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .learnprocessstepblock.col-2 .learnprocessstepblock__list-item, .learnprocessstepblock.col-3 .learnprocessstepblock__list-item { padding-right: 0; border-right: none; margin-right: 12px; } } .learnprocessstepblock.col-2 .learnprocessstepblock__list-item:last-child, .learnprocessstepblock.col-3 .learnprocessstepblock__list-item:last-child { border-right: none; } .learnprocessstepblock.col-2 .learnprocessstepblock__list-item a, .learnprocessstepblock.col-3 .learnprocessstepblock__list-item a { font-size: 120%; font-weight: 500; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .learnprocessstepblock.col-2 .learnprocessstepblock__list-item a, .learnprocessstepblock.col-3 .learnprocessstepblock__list-item a { font-size: 80%; } } .learnprocessstepblock.col-2 .learnprocessstepblock__list-item a:before, .learnprocessstepblock.col-3 .learnprocessstepblock__list-item a:before { font-size: 20px; width: 54px; height: 54px; line-height: 54px; margin-left: 0; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .learnprocessstepblock.col-2 .learnprocessstepblock__list-item a:before, .learnprocessstepblock.col-3 .learnprocessstepblock__list-item a:before { font-size: 16px; width: 24px; height: 24px; line-height: 24px; } } .searchbarblock .search-wrapper { background-color: #f5f4f3; padding: 24px 0; margin-bottom: 36px; } .searchbarblock .search { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 47.5%; flex-basis: 47.5%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ margin-left: 35%; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ margin-left: auto; margin-right: auto; } @media screen and (min-width: 460px) and (max-width: 1023px) { .searchbarblock .search { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .searchbarblock .search { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (min-width: 460px) and (max-width: 1023px) { .searchbarblock .search { /*$columns: min($columns, 1); $container-columns: min($container-columns, 2); $container-content-width: $parent-width - ($container-columns + 1) * $grid-gutter; $column-width: $container-content-width / $container-columns; $margin: strip-units(($columns * $column-width + ($columns + 1) * $grid-gutter) / $parent-width); margin-left: percentage($margin);*/ margin-left: 2.5%; } } @media screen and (max-width: 460px) { .searchbarblock .search { margin-left: 2.5%; } } .relatedarticlesblock__list { padding: 0; list-style: none; margin: 0; } .relatedarticlesblock__list-item { margin-bottom: 36px; } .relatedarticlesblock__list-item .inner { margin-left: 45px; } .relatedarticlesblock__list-item:before { position: absolute; } .relatedarticlesblock__list-item.learn:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .relatedarticlesblock__list-item.setup:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .relatedarticlesblock__list-item.use:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .relatedarticlesblock__list-item.analyze:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .relatedarticlesblock__list-item.faq:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .relatedarticlesblock__list-item.use:before, .relatedarticlesblock__list-item.learn:before, .relatedarticlesblock__list-item.setup:before, .relatedarticlesblock__list-item.analyze:before, .relatedarticlesblock__list-item.faq:before { /*font-size: 60px;*/ position: absolute; } .disclaimerblock .acceptform__checkbox { float: left; margin-top: 0.4rem; margin-right: 1rem; } .disclaimerblock label { display: block; } .disclaimerblock .acceptform__radio { float: left; margin-top: 0.4rem; margin-right: .5rem; } .disclaimerblock .hidedisclaimer { display: none; } .disclaimerblock .error-message { font-size: 20px; text-decoration: underline; } .disclaimerblock .acceptform__button.button, .disclaimerblock .product-selector .acceptform__button.selected-products__product, .product-selector .disclaimerblock .acceptform__button.selected-products__product, .disclaimerblock .product-selector .acceptform__button.add-product, .product-selector .disclaimerblock .acceptform__button.add-product, .disclaimerblock .acceptform__button.load-more { text-align: center; display: block; margin: 2rem auto 0 auto; } .disclaimerblock .acceptform__checkboxtext { margin: 0; padding-top: 12px; } .disclaimerblock .blocks .col-1 { float: none; width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 0px; } .disclaimerblock .mb { margin-bottom: 2em; } .disclaimerblock .linklist { padding-left: 38px; float: none; } .disclaimerblock .linklist li .inner { margin-left: 75px; } .gazeshareproductblock { display: -ms-flexbox; display: flex; margin-top: 24px; } .gazeshareproductblock.mce-content-body { display: block; } .twinblock { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .twinblock { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .twinblock .twin-block { float: left; width: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; color: #FFFFFF; background-color: #BBBDC0; text-align: center; position: relative; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .twinblock .twin-block { width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .twinblock .twin-block:first-child { background-color: #343741; } .twinblock .twin-block__link { display: block; margin: 0; height: 100%; width: 100%; } .twinblock .twin-block__textarea { color: #FFF; max-width: 460px; margin-left: auto; margin-right: auto; font-weight: 500; line-height: 1.2; font-family: "televoice-regular"; padding: 120px 2.4%; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .twinblock .twin-block__textarea { padding: 36px 2.4%; } } .twinblock .twin-block__textarea p { margin: 20px 0 0 0; } .offeringsblock .offeringblock { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 17.5%; flex-basis: 17.5%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .offeringsblock .offeringblock { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 30.83333%; flex-basis: 30.83333%; -ms-flex-preferred-size: auto; min-width: 1px; } } @media screen and (max-width: 460px) { .offeringsblock .offeringblock { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; min-width: 1px; } } .offeringsblock .offerings-text { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 37.5%; flex-basis: 37.5%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ padding-right: 24px; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .offeringsblock .offerings-text { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .offeringsblock .offerings-text { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .offeringsblock .offerings-text { padding-right: 0; } } .offeringsblock .offerings-text p { font-size: 36px; line-height: 1.2em; font-family: "televoice-regular"; padding-right: 60px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .offeringsblock .offerings-text p { font-size: 30px; padding-right: 0; } } @media screen and (max-width: 460px) { .offeringsblock .offerings-text p { font-size: 18px; padding-right: 0; } } .offeringsblock .offerings-text .offerings-nr { margin-left: 3.5%; } .offeringblock { text-align: center; } .offeringblock h2 { margin: 0; } .offeringblock__icon { font-weight: 800; font-size: 70px; text-align: center; margin: 36px 0; display: block; } .offeringsblock .offeringblock__icon { font-size: 50px; } a:hover .offeringblock__icon { color: #BBBDC0; } .offeringblock__iconheading { margin: 0 auto; font-size: 40px; text-align: center; line-height: 1.2; padding-bottom: 36px; width: 60%; font-family: "televoice-regular"; border-bottom: 1px solid #DFDEDD; word-spacing: 10000px; display: block; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .offeringblock__iconheading { width: auto; font-size: 36px; } } .offeringsblock .offeringblock__iconheading { font-size: 24px; /*@warn("screen and (max-width: 460px)");*/ width: 75%; /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (max-width: 460px) { .offeringsblock .offeringblock__iconheading { font-size: 18px; } } @media screen and (max-width: 1023px) { .offeringsblock .offeringblock__iconheading { width: 95%; } } a:hover .offeringblock__iconheading { color: #BBBDC0; } .offeringblock__text { margin-top: 40px; padding: 0 24px; text-align: center; /*@warn("screen and (max-width: 460px)");*/ } .offeringsblock .offeringblock__text { padding: 0; } @media screen and (max-width: 460px) { .offeringblock__text { margin-top: 24px; } } .offeringblock .button, .offeringblock .product-selector .selected-products__product, .product-selector .offeringblock .selected-products__product, .offeringblock .product-selector .add-product, .product-selector .offeringblock .add-product, .offeringblock .load-more { margin: 12px auto; } .insightbannerblock { text-align: center; } .insightbannerblock__heading { width: 100%; } .insightbannerblock__content { max-width: 65%; float: none; margin-left: auto; margin-right: auto; /*@warn("screen and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 1023px) { .insightbannerblock__content { max-width: 50%; } } @media screen and (max-width: 460px) { .insightbannerblock__content { max-width: 95%; } } .insightpuffpieceblock, .insightcasepuffpieceblock { position: relative; } .insightpuffpieceblock .page-icon, .insightpuffpieceblock .page-icon-hover, .insightcasepuffpieceblock .page-icon, .insightcasepuffpieceblock .page-icon-hover { height: auto; margin: 0 auto; margin-top: 24px; padding-bottom: 24px; opacity: 1; transition: opacity 0.6s linear; } .bloglistpage .insightpuffpieceblock .page-icon, .blogpage .insightpuffpieceblock .page-icon, .bloglistpage .insightpuffpieceblock .page-icon-hover, .blogpage .insightpuffpieceblock .page-icon-hover, .bloglistpage .insightcasepuffpieceblock .page-icon, .blogpage .insightcasepuffpieceblock .page-icon, .bloglistpage .insightcasepuffpieceblock .page-icon-hover, .blogpage .insightcasepuffpieceblock .page-icon-hover { padding-bottom: 0; } .insightpuffpieceblock .page-icon-hover, .insightcasepuffpieceblock .page-icon-hover { position: absolute; top: 0; left: 50%; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 0; } .insightpuffpieceblock:hover .page-icon-hover, .insightcasepuffpieceblock:hover .page-icon-hover { opacity: 1; } .insightpuffpieceblock .block__content { position: absolute; top: 50%; left: 10%; width: 80%; text-align: center; z-index: 2; -ms-transform: translateY(-50%); transform: translateY(-50%); transition: opacity 0.6s linear; } .insightpuffpieceblock .block__content p { color: #FFF; font-size: 24px; line-height: 1.33; } .insightpuffpieceblock__link { position: relative; display: block; border: none !important; } .insightpuffpieceblock__link:after { display: block; content: ""; position: absolute; top: 0; bottom: 24px; left: 0; right: 0; background-color: rgba(52, 55, 65, 0.6); opacity: 1; transition: opacity 0.6s linear; } .bloglistpage .insightpuffpieceblock__link:after, .blogpage .insightpuffpieceblock__link:after { bottom: 0; } .insightpuffpieceblock__link:hover:after { opacity: 0; } .insightpuffpieceblock__link:hover .block__content { opacity: 0; } .bloglistpage .insightpuffpieceblock__link:hover, .blogpage .insightpuffpieceblock__link:hover { border: none; } .bloglistpage .insightpuffpieceblock__link, .blogpage .insightpuffpieceblock__link { padding-bottom: 0; } .insightcasepuffpieceblock { background-color: #DFDEDD; } .insightcasepuffpieceblock .page-icon, .insightcasepuffpieceblock .page-icon-hover { margin-top: 0; } .insightcasepuffpieceblock__heading { font-weight: 800; font-family: "televoice-regular"; color: #005b94; } .insightcasepuffpieceblock .block__content { padding: 0 10%; } .offeringspageblock:nth-child(2) { background-color: #FCFCFC; } .offeringspageblock p { margin-top: 0; } .offeringspageblock__icon-text { border-top: solid 1px #BBBDC0; font-size: 22px; padding-top: 10%; } .offeringspageblock__icon { font-weight: 800; font-size: 70px; text-align: center; line-height: 0; } .offeringspageblock__iconheading { margin: 0 auto; font-size: 40px; text-align: center; line-height: 1.2; padding-bottom: 36px; width: 60%; font-family: "televoice-regular"; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .offeringspageblock__iconheading { width: auto; font-size: 36px; } } .offeringspageblock__textheader { margin-top: 0; margin-bottom: 15%; font-size: 25px; color: black; font-weight: 800; font-family: "televoice-regular"; } .offeringspageblock .read-more { float: right; margin-right: 5%; color: #005b94; } .offeringspageblock .block__content { margin-top: 5%; } .offeringspageblock .bleed .block, .offeringspageblock .blocks .block { margin-bottom: 0px; } .articletopromoteblock { background-color: #005b94; } .articletopromoteblock .articletopromoteblock__puff { display: -ms-flexbox; display: flex; color: #fff; padding: 24px; } .articletopromoteblock .articletopromoteblock__puff .heading { font-size: 24px; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .articletopromoteblock .articletopromoteblock__puff .heading { font-size: 18px; } } .articletopromoteblock .articletopromoteblock__puff .text { padding-left: 12px; } .relatedblogarticlesblock .related-blog-articles { position: relative; list-style: none; padding: 0; margin-top: 0; margin-bottom: -24px; } .relatedblogarticlesblock .related-blog-article { position: relative; margin-bottom: 24px; } .relatedblogarticlesblock .related-blog-article__image-container { height: 130px; overflow: hidden; } .relatedblogarticlesblock .related-blog-article__image-container__image { position: relative; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .relatedblogarticlesblock .related-blog-article__image-container:after { display: block; content: ""; position: absolute; top: 0; bottom: 0px; left: 0; right: 0; background-color: rgba(52, 55, 65, 0.6); opacity: 1; transition: opacity 0.6s linear; } .relatedblogarticlesblock .related-blog-article__overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; text-align: center; } .relatedblogarticlesblock .related-blog-article__title-wrapper { margin: auto; -ms-flex-preferred-size: unset; flex-basis: unset; width: 75%; color: #fff; } .socialmediablock .addthis_inline_share_toolbox { margin-top: 12px; } .socialmediablock .addthis_inline_share_toolbox .at-icon-wrapper.at-share-btn { -ms-transform: none; transform: none; border: none; } .gazeshareproductpricingblock, .gazeshareproductctablock { margin-left: 0; display: -ms-flexbox; display: flex; color: rgba(66, 66, 66, 0.5); } .gazeshareproductpricingblock.mce-content-body, .gazeshareproductctablock.mce-content-body { display: block; } .gazeshareproductpricingblock .contentflexparent, .gazeshareproductctablock .contentflexparent { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; } .gazeshareproductpricingblock .flexwidth, .gazeshareproductctablock .flexwidth { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .gazeshareproductpricingblock__card, .gazeshareproductctablock__card { background-color: rgba(222, 217, 221, 0.15); margin-top: 5px; margin-bottom: 5px; margin-left: 0; transition: all 0.1s ease-in-out; position: relative; border-radius: 10px; width: 100%; } .gazeshareproductpricingblock__card:first-child, .gazeshareproductctablock__card:first-child { -ms-transform-origin: right; transform-origin: right; } .gazeshareproductpricingblock__card:last-child, .gazeshareproductctablock__card:last-child { -ms-transform-origin: left; transform-origin: left; } .gazeshareproductpricingblock__card--highlighted, .gazeshareproductctablock__card--highlighted { margin-top: 0; margin-bottom: 0; box-shadow: 0 10px 20px 0 rgba(85, 23, 61, 0.4); } .gazeshareproductpricingblock__card--highlighted .gazeshareproductpricingblock__heading, .gazeshareproductpricingblock__card--highlighted .gazeshareproductpricingblock__price__currency, .gazeshareproductpricingblock__card--highlighted .gazeshareproductpricingblock__price__amount, .gazeshareproductctablock__card--highlighted .gazeshareproductpricingblock__heading, .gazeshareproductctablock__card--highlighted .gazeshareproductpricingblock__price__currency, .gazeshareproductctablock__card--highlighted .gazeshareproductpricingblock__price__amount { color: #005b94; } .gazesharepricingpage__products .gazeshareproductpricingblock__card:not(.gazeshareproductctablock__card), .bg-gray .gazeshareproductpricingblock__card, .gazesharepricingpage__products .gazeshareproductctablock__card:not(.gazeshareproductctablock__card), .bg-gray .gazeshareproductctablock__card { background-color: #FFF; border: solid 1px rgba(200, 200, 200, 0.4); } .gazesharepricingpage__products .gazeshareproductpricingblock, .gazesharepricingpage__products .gazeshareproductctablock { width: 28%; -ms-flex-preferred-size: 28%; flex-basis: 28%; margin-right: 24px; margin-left: 24px; /*@warn("screen and (max-width: 460px)");*/ color: rgba(74, 73, 74, 0.9); } @media screen and (max-width: 460px) { .gazesharepricingpage__products .gazeshareproductpricingblock, .gazesharepricingpage__products .gazeshareproductctablock { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; min-width: 1px; } } .gazeshareproductpricingblock__heading, .gazeshareproductctablock__heading { padding-top: 24px; padding-bottom: 12px; display: block; line-height: 36px; text-align: center; font-weight: 500; font-size: 24px; /*@warn("screen and (max-width: 460px)");*/ margin: 0 40px; border-bottom: 1px solid #ded9dd; } @media screen and (max-width: 460px) { .gazeshareproductpricingblock__heading, .gazeshareproductctablock__heading { font-size: 18px; } } .gazeshareproductpricingblock__teaser, .gazeshareproductctablock__teaser { text-align: left; } .gazeshareproductpricingblock__content, .gazeshareproductctablock__content { margin: 0 40px; text-align: center; padding-bottom: 84px; } .gazeshareproductpricingblock__content__wrap, .gazeshareproductctablock__content__wrap { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .gazeshareproductpricingblock__content strong, .gazeshareproductctablock__content strong { color: #424242; } .gazeshareproductpricingblock__content ul, .gazeshareproductctablock__content ul { list-style: none; line-height: 1em; padding: 0; margin-top: 18px; } .gazeshareproductpricingblock__content ul li, .gazeshareproductctablock__content ul li { /*border-bottom: 1px solid #ded9dd;*/ padding: 6px 0; } .gazeshareproductpricingblock__content ul li:before, .gazeshareproductctablock__content ul li:before { background: none !important; content: '✓'; text-indent: 0; font-weight: 800; } .gazeshareproductpricingblock__cta-wrap, .gazeshareproductctablock__cta-wrap { position: absolute; bottom: 25px; left: 0; right: 0; text-align: center; padding: 0 5%; } .gazeshareproductpricingblock__card--highlighted .gazeshareproductpricingblock__cta-wrap, .gazeshareproductpricingblock__card--highlighted .gazeshareproductctablock__cta-wrap { bottom: 30px; } .gazeshareproductpricingblock__price, .gazeshareproductctablock__price { position: relative; margin-top: 24px; } .gazeshareproductpricingblock__price .epi-editContainer, .gazeshareproductctablock__price .epi-editContainer { display: inline-block; } .gazeshareproductpricingblock__price__currency, .gazeshareproductctablock__price__currency { position: relative; top: -.8em; font-size: 1.2em; } .gazeshareproductpricingblock__card--highlighted .gazeshareproductpricingblock__price__currency, .gazeshareproductpricingblock__card--highlighted .gazeshareproductctablock__price__currency { opacity: 1; } .gazeshareproductpricingblock__price__amount, .gazeshareproductctablock__price__amount { font-size: 50px; line-height: 1; } .gazeshareproductpricingblock__price__disclaimer, .gazeshareproductctablock__price__disclaimer { display: block; font-size: 0.8em; } .gazeshareproductctablock__heading { border-color: transparent; } .gazeshareproductctablock__card { color: #FFF !important; background-color: #fd6e86; background-image: linear-gradient(130deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.4) 120%); text-align: left; } .gazesharepricingpage__products .gazeshareproductctablock__card .button.outlined, .gazesharepricingpage__products .gazeshareproductctablock__card .product-selector .outlined.selected-products__product, .product-selector .gazesharepricingpage__products .gazeshareproductctablock__card .outlined.selected-products__product, .gazesharepricingpage__products .gazeshareproductctablock__card .product-selector .add-product, .product-selector .gazesharepricingpage__products .gazeshareproductctablock__card .add-product, .gazesharepricingpage__products .gazeshareproductctablock__card .load-more { border-color: #FFF; color: #FFF; background-color: transparent; } .gazesharepricingpage__products .gazeshareproductctablock__card .button.outlined:hover, .gazesharepricingpage__products .gazeshareproductctablock__card .product-selector .outlined.selected-products__product:hover, .product-selector .gazesharepricingpage__products .gazeshareproductctablock__card .outlined.selected-products__product:hover, .gazesharepricingpage__products .gazeshareproductctablock__card .product-selector .add-product:hover, .product-selector .gazesharepricingpage__products .gazeshareproductctablock__card .add-product:hover, .gazesharepricingpage__products .gazeshareproductctablock__card .load-more:hover { background-color: #FFF; color: #fd6e86; } .gazeshareimageblock { overflow: hidden; } .gazeshareimageblock__container { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .gazeshareimageblock__imagecontainer, .gazeshareimageblock__textcontainer { width: 44.5%; -ms-flex-preferred-size: 44.5%; flex-basis: 44.5%; margin-left: 5%; /*@warn("screen and (min-width: 1024px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 1024px) { .gazeshareimageblock__imagecontainer, .gazeshareimageblock__textcontainer { font-size: 22px; line-height: 1.5; } .gazeshareimageblock__imagecontainer h2:not(.product-heading), .gazeshareimageblock__textcontainer h2:not(.product-heading) { font-size: 46px; margin-top: 60px; } } @media screen and (max-width: 460px) { .gazeshareimageblock__imagecontainer, .gazeshareimageblock__textcontainer { width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-right: 5%; } } .gazeshareimageblock__textcontainer { /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .gazeshareimageblock__textcontainer { -ms-flex-order: 2; order: 2; } } .gazeshareimageblock__image { /*@warn("screen and (max-width: 460px)");*/ } .image-bleed .gazeshareimageblock__image { width: 140%; max-width: 140%; } @media screen and (max-width: 460px) { .gazeshareimageblock__image { max-width: 100%; } } .gazeshareimageblock__imagecontainer--right { -ms-flex-order: 2; order: 2; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .gazeshareimageblock__imagecontainer--right { -ms-flex-order: 1; order: 1; } } .image-bleed .gazeshareimageblock__imagecontainer--left .gazeshareimageblock__image { margin-left: -40%; } .gazeshareimageblock__heading--pink { color: #fd6e86 !important; } .gazeshareimageblock__heading--blue { color: #307cad !important; } .gazeshareimageblock__heading--purple { color: #8c51b4 !important; } .gazeshareimageblock__heading--yellow { color: #fd6e86 !important; } .gazesharefeatureimagesblock { position: relative; min-height: 600px; } .gazesharefeatureimagesblock__list { margin-top: 0; padding-left: 0; width: 100%; } .gazesharefeatureimagesblock__container { /*@warn("screen and (min-width: 1024px)");*/ /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (min-width: 1024px) { .gazesharefeatureimagesblock__container { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 30.83333%; flex-basis: 30.83333%; -ms-flex-preferred-size: auto; min-width: 1px; } } @media screen and (max-width: 1023px) { .gazesharefeatureimagesblock__container { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; min-width: 1px; } } .gazesharefeatureimagesblock__item { list-style: none; border-bottom: 1px solid #BBBDC0; padding-bottom: 12px; padding-top: 16px; /*@warn("screen and (max-width: 1023px)");*/ } .gazesharefeatureimagesblock__item:last-child { border-bottom: none; } @media screen and (max-width: 1023px) { .gazesharefeatureimagesblock__item { border-bottom: none; margin-bottom: 24px; padding: 0; } } .gazesharefeatureimagesblock__item input { display: none; } .gazesharefeatureimagesblock__item__image { /*@warn("screen and (min-width: 1024px)");*/ } @media screen and (min-width: 1024px) { .gazesharefeatureimagesblock__item__image { position: absolute; top: 0; opacity: 0; width: 65%; margin-left: 35%; } input:checked ~ .gazesharefeatureimagesblock__item__image { opacity: 1; } } .gazesharefeatureimagesblock__item__title { font-size: 20px; color: #fd6e86; padding: 20px; width: 100%; display: block; border-radius: 8px; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); /*@warn("screen and (min-width: 1024px)");*/ } @media screen and (min-width: 1024px) { .gazesharefeatureimagesblock__item__title { font-size: 28px; cursor: pointer; } .gazesharefeatureimagesblock__item__title:hover { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } input:checked ~ .gazesharefeatureimagesblock__item__title { background-color: #fd6e86; color: #FFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } input:checked ~ .gazesharefeatureimagesblock__item__title:hover { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } } .imagestartpagetiledblock { display: -ms-flexbox; display: flex; } .imagestartpagetiledblock.block { margin-bottom: 0; /*@warn("screen and (min-width: 1024px)");*/ } @media screen and (min-width: 1024px) { .imagestartpagetiledblock.block { margin-bottom: 24px; } } .imagestartpagetiledblock-tile { position: relative; overflow: hidden; margin-bottom: 12px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (min-width: 1024px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .imagestartpagetiledblock-tile { margin-bottom: 24px; } } @media screen and (min-width: 1024px) { .imagestartpagetiledblock-tile { margin-bottom: 0; } } .imagestartpagetiledblock-tile:focus .imagestartpagetiledblock-image, .imagestartpagetiledblock-tile:hover .imagestartpagetiledblock-image { -ms-transform: scale(1.05); transform: scale(1.05); transition: transform 1.5s ease-in; } .imagestartpagetiledblock-tile--left { /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .imagestartpagetiledblock-tile--left { margin-bottom: 24px; } } .imagestartpagetiledblock-image { object-fit: cover; width: 100%; transition: transform 0.5s ease; } .imagestartpagetiledblock-image-small { max-height: 300px; } .imagestartpagetiledblock-image-large { max-height: 635px; } .imagestartpagetiledblock-overlay { display: none; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (min-width: 1024px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .imagestartpagetiledblock-overlay { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: linear-gradient(rgba(52, 55, 65, 0) 15%, #343741 100%); } } @media screen and (min-width: 1024px) { .imagestartpagetiledblock-overlay { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: linear-gradient(rgba(52, 55, 65, 0) 15%, #343741 100%); } } .imagestartpagetiledblock-text { /*@warn("screen and (min-width: 460px)");*/ /*@warn("screen and (min-width: 1024px)");*/ } .imagestartpagetiledblock-text .title { margin: 6px 0 0 0; color: #231f20; font-size: 24px; /*@warn("screen and (max-width: 460px)");*/ text-align: center; } @media screen and (max-width: 460px) { .imagestartpagetiledblock-text .title { font-size: 18px; } } .imagestartpagetiledblock-text p { margin: 0; text-align: center; } @media screen and (min-width: 460px) { .imagestartpagetiledblock-text { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; color: white; padding: 10px; } .imagestartpagetiledblock-text .title { color: white; text-align: left; } .imagestartpagetiledblock-text p { text-align: left; } } .imagestartpagetiledblock-small-image-container { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; min-width: 1px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-direction: column; flex-direction: column; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (min-width: 1024px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .imagestartpagetiledblock-small-image-container { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; min-width: 1px; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .imagestartpagetiledblock-tile:nth-of-type(odd) { margin-right: 1.25%; } .imagestartpagetiledblock-tile:nth-of-type(even) { margin-left: 1.25%; } } @media screen and (min-width: 1024px) { .imagestartpagetiledblock-small-image-container { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 30.83333%; flex-basis: 30.83333%; -ms-flex-preferred-size: auto; min-width: 1px; height: 100%; -ms-flex-direction: column; flex-direction: column; } } .imagestartpageblock { display: -ms-flexbox; display: flex; } .imagestartpageblock-tile { position: relative; overflow: hidden; } .imagestartpageblock-tile:focus .imagestartpageblock-image, .imagestartpageblock-tile:hover .imagestartpageblock-image { -ms-transform: scale(1.05); transform: scale(1.05); transition: transform 1.5s ease-in; } .imagestartpageblock-image { object-fit: cover; width: 100%; transition: transform 0.5s ease; } .imagestartpageblock-image-wrapper { max-height: 635px; overflow: hidden; } .imagestartpageblock-overlay { display: none; /*@warn("screen and (min-width: 1024px)");*/ } @media screen and (min-width: 1024px) { .imagestartpageblock-overlay { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: linear-gradient(90deg, rgba(52, 55, 65, 0) 15%, #343741 100%); } } .imagestartpageblock-textcontainer { /*@warn("screen and (min-width: 1024px)");*/ } @media screen and (min-width: 1024px) { .imagestartpageblock-textcontainer { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: end; align-items: flex-end; } } .imagestartpageblock-text { /*@warn("screen and (min-width: 1024px)");*/ } .imagestartpageblock-text .title { font-size: 24px; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .imagestartpageblock-text .title { font-size: 18px; } } .imagestartpageblock-text p { margin: 0; text-align: center; } @media screen and (min-width: 1024px) { .imagestartpageblock-text { width: 30%; color: white; padding: 10px; margin-right: 2.5%; } } .imagestartpageblock-text .title { margin-top: 12px; margin-bottom: 9px; color: #231f20; text-align: center; font-size: 24px; /*@warn("screen and (max-width: 460px)");*/ /*@warn("screen and (min-width: 460px)");*/ /*@warn("screen and (min-width: 1024px)");*/ } @media screen and (max-width: 460px) { .imagestartpageblock-text .title { font-size: 18px; } } @media screen and (min-width: 460px) { .imagestartpageblock-text .title { margin: 0; text-align: left; } } @media screen and (min-width: 1024px) { .imagestartpageblock-text .title { color: white; } } .imagestartpageblock-text p { margin: 0; text-align: center; /*@warn("screen and (min-width: 460px)");*/ } @media screen and (min-width: 460px) { .imagestartpageblock-text p { text-align: left; } } .imagestartpageblock-small-image-container { display: -ms-flexbox; display: flex; height: 100%; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; } .counterblock .counters { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; } .counterblock .counters__item { text-align: center; } @media screen and (max-width: 767px) { .counterblock .counters__item { -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 2em; } .counterblock .counters__item h2 { margin-bottom: 0; } } .sectionstartpage .page-list .pate-item { display: block; margin-right: 20px; float: left; } .sectionstartpage .page-list .four_column { width: 25%; } .sectionstartpage .page-list .three_column { width: 33%; } .businessunitstartpage .hero { background-position: -343px -144px; background-repeat: no-repeat; background-color: #0E103E; background-size: auto; color: #FFF; } .businessunitstartpage .hero h1 { /*@include shift(4 of 12);*/ color: #FFF; font-family: "televoice-regular", Meiryo, sans-serif; font-size: 49px; } .splashstartpage-hero { width: 100%; height: calc(100vh - 72px); display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: relative; overflow: hidden; } .edit-mode .splashstartpage-hero { max-height: 1200px; } .splashstartpage-hero__image { width: 100%; height: 100%; object-fit: cover; object-position: center center; position: absolute; top: 0; left: 0; } .splashstartpage-hero__bg-video { width: 100%; height: 100%; object-fit: cover; object-position: center 25%; background-size: cover; position: absolute; top: 0; left: 0; } .splashstartpage-hero__bg-embed { height: 100%; width: 100%; left: 0; height: calc(100vh - 72px); max-height: 100vh; width: calc((100vh - 72px) * (1790/500)); top: 0; left: calc((100vw - ((100vh - 72px) * (1790/500))) / 2); position: absolute; background-size: cover; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .splashstartpage-hero__bg-embed { display: none; } } .splashstartpage-hero__contentarea { position: relative; } .splashstartpage-hero__linkwrap { -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; margin-left: 2.5%; z-index: 3; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .splashstartpage-hero__linkwrap { text-align: center; } } .splashstartpage-hero__heading { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 47.5%; flex-basis: 47.5%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ z-index: 1; font-size: 5rem; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .splashstartpage-hero__heading { margin-left: 1.25%; margin-right: 1.25%; width: 72.5%; flex-basis: 72.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .splashstartpage-hero__heading { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .splashstartpage-hero__heading { font-size: 2.4rem; text-align: center; font-family: "televoice-regular"; } } .splashstartpage-hero__scroll-down { position: absolute; bottom: 36px; width: 48px; height: 48px; border: none; padding: 0; border-radius: 9999px; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } .splashstartpage-hero__scroll-down .icon { border: none; padding: 0; } .splashstartpage-hero__scroll-down .icon-bg { fill: #fff; opacity: 0; transition: opacity 0.25s ease; } .splashstartpage-hero__scroll-down .icon-border { fill: #fff; } .splashstartpage-hero__scroll-down .icon-arrow { fill: #fff; opacity: 1; transition: opacity 0.25s ease; } .splashstartpage-hero__scroll-down--primary .icon-bg { fill: #005b94; } .splashstartpage-hero__scroll-down--primary .icon-border { fill: #005b94; } .splashstartpage-hero__scroll-down--primary .icon-arrow { fill: #005b94; } .splashstartpage-hero__scroll-down:focus .icon, .splashstartpage-hero__scroll-down:hover .icon { border: none; padding: 0; } .splashstartpage-hero__scroll-down:focus .icon-bg, .splashstartpage-hero__scroll-down:hover .icon-bg { opacity: 1; } .splashstartpage-hero__scroll-down:focus .icon-arrow, .splashstartpage-hero__scroll-down:hover .icon-arrow { opacity: 0; } .splashstartpage-hero .text-white { color: #FFF; } .productlistpage .hero.hidden-content + .container, .productlistpage .hero.hidden-content + .feature-menu-wrap { padding-top: 0; } .productlistpage .product-list { margin-top: 60px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .productlistpage .product-list .product { /*height: 500px;*/ } .productlistpage .product-list .product img { border: 1px solid #CCCCCC; max-width: 100%; } .productlistpage .product-list .product a { color: #005b94; } .productlistpage .product-list .product .header-wrapper { border-bottom: none; margin-bottom: 36px; } .productlistpage .product-list .product .header-wrapper h3 { padding-bottom: 0; min-height: auto; } .productlistpage .product-list .read-more { display: none; } .productlistpage .product-categories { list-style: none; padding: 0; margin: 0; margin-left: 2.5%; margin-top: 60px; line-height: 46px; width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; /*@warn("screen and (max-width: 460px)");*/ } .productlistpage .product-categories li { display: inline-block; margin-right: 12px; cursor: pointer; } .productlistpage .product-categories .active { color: #005b94; } .productlistpage .product-categories .discontinued-filter { margin-left: 20px; border-left: 1px solid #cdcdcd; padding-left: 30px; } @media screen and (max-width: 460px) { .productlistpage .product-categories { margin-top: 12px; } } .softwareproductpage .product-feature .feature-title-wrap, .hardwareproductpage .product-feature .feature-title-wrap, .serviceproductpage .product-feature .feature-title-wrap, .accessoryproductpage .product-feature .feature-title-wrap { border-bottom: 1px solid rgba(31, 31, 31, 0.3); cursor: pointer; } .softwareproductpage .product-feature .feature-title-wrap h2, .hardwareproductpage .product-feature .feature-title-wrap h2, .serviceproductpage .product-feature .feature-title-wrap h2, .accessoryproductpage .product-feature .feature-title-wrap h2 { font-size: 36px; /*@warn("screen and (max-width: 460px)");*/ display: inherit; position: relative; margin-top: 24px; margin-bottom: 24px; color: #005b94; /*@warn("screen and (max-width: 460px)");*/ } .softwareproductpage .product-feature .feature-title-wrap h2:before, .hardwareproductpage .product-feature .feature-title-wrap h2:before, .serviceproductpage .product-feature .feature-title-wrap h2:before, .accessoryproductpage .product-feature .feature-title-wrap h2:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } @media screen and (max-width: 460px) { .softwareproductpage .product-feature .feature-title-wrap h2, .hardwareproductpage .product-feature .feature-title-wrap h2, .serviceproductpage .product-feature .feature-title-wrap h2, .accessoryproductpage .product-feature .feature-title-wrap h2 { font-size: 24px; } } .softwareproductpage .product-feature .feature-title-wrap h2:before, .hardwareproductpage .product-feature .feature-title-wrap h2:before, .serviceproductpage .product-feature .feature-title-wrap h2:before, .accessoryproductpage .product-feature .feature-title-wrap h2:before { /*@warn("screen and (min-width: 1024px)");*/ } @media screen and (min-width: 1024px) { .softwareproductpage .product-feature .feature-title-wrap h2:before, .hardwareproductpage .product-feature .feature-title-wrap h2:before, .serviceproductpage .product-feature .feature-title-wrap h2:before, .accessoryproductpage .product-feature .feature-title-wrap h2:before { top: 8px; } } @media screen and (max-width: 460px) { .softwareproductpage .product-feature .feature-title-wrap h2, .hardwareproductpage .product-feature .feature-title-wrap h2, .serviceproductpage .product-feature .feature-title-wrap h2, .accessoryproductpage .product-feature .feature-title-wrap h2 { margin-top: 12px; margin-bottom: 12px; } } .softwareproductpage .product-feature.open .feature-title-wrap, .softwareproductpage .product-feature:target .feature-title-wrap, .hardwareproductpage .product-feature.open .feature-title-wrap, .hardwareproductpage .product-feature:target .feature-title-wrap, .serviceproductpage .product-feature.open .feature-title-wrap, .serviceproductpage .product-feature:target .feature-title-wrap, .accessoryproductpage .product-feature.open .feature-title-wrap, .accessoryproductpage .product-feature:target .feature-title-wrap { margin-bottom: 72px; border-bottom: none; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .softwareproductpage .product-feature.open .feature-title-wrap, .softwareproductpage .product-feature:target .feature-title-wrap, .hardwareproductpage .product-feature.open .feature-title-wrap, .hardwareproductpage .product-feature:target .feature-title-wrap, .serviceproductpage .product-feature.open .feature-title-wrap, .serviceproductpage .product-feature:target .feature-title-wrap, .accessoryproductpage .product-feature.open .feature-title-wrap, .accessoryproductpage .product-feature:target .feature-title-wrap { margin-bottom: 12px; } } .softwareproductpage .product-feature.open .feature-title-wrap h2:before, .softwareproductpage .product-feature:target .feature-title-wrap h2:before, .hardwareproductpage .product-feature.open .feature-title-wrap h2:before, .hardwareproductpage .product-feature:target .feature-title-wrap h2:before, .serviceproductpage .product-feature.open .feature-title-wrap h2:before, .serviceproductpage .product-feature:target .feature-title-wrap h2:before, .accessoryproductpage .product-feature.open .feature-title-wrap h2:before, .accessoryproductpage .product-feature:target .feature-title-wrap h2:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .softwareproductpage .buy-button, .hardwareproductpage .buy-button, .serviceproductpage .buy-button, .accessoryproductpage .buy-button { float: right; } .softwareproductpage .product-price, .hardwareproductpage .product-price, .serviceproductpage .product-price, .accessoryproductpage .product-price { font-size: 49px; font-weight: 200; line-height: 49px; } .softwareproductpage .contact-sales-button, .hardwareproductpage .contact-sales-button, .serviceproductpage .contact-sales-button, .accessoryproductpage .contact-sales-button { margin-top: 12px; } .softwareproductpage.block .block__heading::before, .hardwareproductpage.block .block__heading::before, .serviceproductpage.block .block__heading::before, .accessoryproductpage.block .block__heading::before { display: none; } .articlepage .hero, .faqpage .hero, .learningpage .hero, .troubleshootingpage .hero, .tutorialpage .hero { /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .articlepage .hero, .faqpage .hero, .learningpage .hero, .troubleshootingpage .hero, .tutorialpage .hero { display: none; } } .articlepage .hero .breadcrumbs, .faqpage .hero .breadcrumbs, .learningpage .hero .breadcrumbs, .troubleshootingpage .hero .breadcrumbs, .tutorialpage .hero .breadcrumbs { position: static; margin-bottom: 12px; } .articlepage .search-wrapper, .faqpage .search-wrapper, .learningpage .search-wrapper, .troubleshootingpage .search-wrapper, .tutorialpage .search-wrapper { background-color: #f5f4f3; padding: 24px 0; margin-bottom: 36px; } .articlepage .search-wrapper .container, .articlepage .search-wrapper .feature-menu-wrap, .faqpage .search-wrapper .container, .faqpage .search-wrapper .feature-menu-wrap, .learningpage .search-wrapper .container, .learningpage .search-wrapper .feature-menu-wrap, .troubleshootingpage .search-wrapper .container, .troubleshootingpage .search-wrapper .feature-menu-wrap, .tutorialpage .search-wrapper .container, .tutorialpage .search-wrapper .feature-menu-wrap { -ms-flex-pack: left; justify-content: left; } .articlepage .search-wrapper .search, .faqpage .search-wrapper .search, .learningpage .search-wrapper .search, .troubleshootingpage .search-wrapper .search, .tutorialpage .search-wrapper .search { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 47.5%; flex-basis: 47.5%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ margin-left: 35%; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .articlepage .search-wrapper .search, .faqpage .search-wrapper .search, .learningpage .search-wrapper .search, .troubleshootingpage .search-wrapper .search, .tutorialpage .search-wrapper .search { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .articlepage .search-wrapper .search, .faqpage .search-wrapper .search, .learningpage .search-wrapper .search, .troubleshootingpage .search-wrapper .search, .tutorialpage .search-wrapper .search { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (min-width: 460px) and (max-width: 1023px) { .articlepage .search-wrapper .search, .faqpage .search-wrapper .search, .learningpage .search-wrapper .search, .troubleshootingpage .search-wrapper .search, .tutorialpage .search-wrapper .search { /*$columns: min($columns, 1); $container-columns: min($container-columns, 2); $container-content-width: $parent-width - ($container-columns + 1) * $grid-gutter; $column-width: $container-content-width / $container-columns; $margin: strip-units(($columns * $column-width + ($columns + 1) * $grid-gutter) / $parent-width); margin-left: percentage($margin);*/ margin-left: 2.5%; } } @media screen and (max-width: 460px) { .articlepage .search-wrapper .search, .faqpage .search-wrapper .search, .learningpage .search-wrapper .search, .troubleshootingpage .search-wrapper .search, .tutorialpage .search-wrapper .search { margin-left: 2.5%; } } .articlepage .article-heading, .faqpage .article-heading, .learningpage .article-heading, .troubleshootingpage .article-heading, .tutorialpage .article-heading { margin-top: 0; margin-bottom: 24px; } .articlepage .articlepage__sidebar, .faqpage .articlepage__sidebar, .learningpage .articlepage__sidebar, .troubleshootingpage .articlepage__sidebar, .tutorialpage .articlepage__sidebar { /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .articlepage .articlepage__sidebar, .faqpage .articlepage__sidebar, .learningpage .articlepage__sidebar, .troubleshootingpage .articlepage__sidebar, .tutorialpage .articlepage__sidebar { display: none; } } .articlepage .mainbody, .faqpage .mainbody, .learningpage .mainbody, .troubleshootingpage .mainbody, .tutorialpage .mainbody { margin-top: 12px; } .articlepage .blocks, .faqpage .blocks, .learningpage .blocks, .troubleshootingpage .blocks, .tutorialpage .blocks { -ms-flex-pack: left; justify-content: left; } .articlepage .blocks .col-1-wide, .articlepage .blocks .col-3.quoteblock, .faqpage .blocks .col-1-wide, .faqpage .blocks .col-3.quoteblock, .learningpage .blocks .col-1-wide, .learningpage .blocks .col-3.quoteblock, .troubleshootingpage .blocks .col-1-wide, .troubleshootingpage .blocks .col-3.quoteblock, .tutorialpage .blocks .col-1-wide, .tutorialpage .blocks .col-3.quoteblock { margin-left: 35%; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ margin-right: 0; } @media screen and (min-width: 460px) and (max-width: 1023px) { .articlepage .blocks .col-1-wide, .articlepage .blocks .col-3.quoteblock, .faqpage .blocks .col-1-wide, .faqpage .blocks .col-3.quoteblock, .learningpage .blocks .col-1-wide, .learningpage .blocks .col-3.quoteblock, .troubleshootingpage .blocks .col-1-wide, .troubleshootingpage .blocks .col-3.quoteblock, .tutorialpage .blocks .col-1-wide, .tutorialpage .blocks .col-3.quoteblock { /*$columns: min($columns, 1); $container-columns: min($container-columns, 2); $container-content-width: $parent-width - ($container-columns + 1) * $grid-gutter; $column-width: $container-content-width / $container-columns; $margin: strip-units(($columns * $column-width + ($columns + 1) * $grid-gutter) / $parent-width); margin-left: percentage($margin);*/ margin-left: 2.5%; } } @media screen and (max-width: 460px) { .articlepage .blocks .col-1-wide, .articlepage .blocks .col-3.quoteblock, .faqpage .blocks .col-1-wide, .faqpage .blocks .col-3.quoteblock, .learningpage .blocks .col-1-wide, .learningpage .blocks .col-3.quoteblock, .troubleshootingpage .blocks .col-1-wide, .troubleshootingpage .blocks .col-3.quoteblock, .tutorialpage .blocks .col-1-wide, .tutorialpage .blocks .col-3.quoteblock { margin-left: 2.5%; } } .articlepage .articlepage__maincontent .container, .articlepage .articlepage__maincontent .feature-menu-wrap, .faqpage .articlepage__maincontent .container, .faqpage .articlepage__maincontent .feature-menu-wrap, .learningpage .articlepage__maincontent .container, .learningpage .articlepage__maincontent .feature-menu-wrap, .troubleshootingpage .articlepage__maincontent .container, .troubleshootingpage .articlepage__maincontent .feature-menu-wrap, .tutorialpage .articlepage__maincontent .container, .tutorialpage .articlepage__maincontent .feature-menu-wrap { -ms-flex-pack: left; justify-content: left; } .articlepage .articlepage__maincontent .col-1-wide, .articlepage .articlepage__maincontent .col-3.quoteblock, .faqpage .articlepage__maincontent .col-1-wide, .faqpage .articlepage__maincontent .col-3.quoteblock, .learningpage .articlepage__maincontent .col-1-wide, .learningpage .articlepage__maincontent .col-3.quoteblock, .troubleshootingpage .articlepage__maincontent .col-1-wide, .troubleshootingpage .articlepage__maincontent .col-3.quoteblock, .tutorialpage .articlepage__maincontent .col-1-wide, .tutorialpage .articlepage__maincontent .col-3.quoteblock { float: left; margin-left: 1.875%; margin-right: 1.875%; width: 71.25%; flex-basis: 71.25%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .articlepage .articlepage__maincontent .col-1-wide, .articlepage .articlepage__maincontent .col-3.quoteblock, .faqpage .articlepage__maincontent .col-1-wide, .faqpage .articlepage__maincontent .col-3.quoteblock, .learningpage .articlepage__maincontent .col-1-wide, .learningpage .articlepage__maincontent .col-3.quoteblock, .troubleshootingpage .articlepage__maincontent .col-1-wide, .troubleshootingpage .articlepage__maincontent .col-3.quoteblock, .tutorialpage .articlepage__maincontent .col-1-wide, .tutorialpage .articlepage__maincontent .col-3.quoteblock { margin-left: 1.875%; margin-right: 1.875%; width: 71.25%; flex-basis: 71.25%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .articlepage .articlepage__maincontent .col-1-wide, .articlepage .articlepage__maincontent .col-3.quoteblock, .faqpage .articlepage__maincontent .col-1-wide, .faqpage .articlepage__maincontent .col-3.quoteblock, .learningpage .articlepage__maincontent .col-1-wide, .learningpage .articlepage__maincontent .col-3.quoteblock, .troubleshootingpage .articlepage__maincontent .col-1-wide, .troubleshootingpage .articlepage__maincontent .col-3.quoteblock, .tutorialpage .articlepage__maincontent .col-1-wide, .tutorialpage .articlepage__maincontent .col-3.quoteblock { margin-left: 1.875%; margin-right: 1.875%; width: 96.25%; flex-basis: 96.25%; -ms-flex-preferred-size: auto; } } .learningpage .tags .keyword-tag { cursor: pointer; } .downloadspage .download-list { margin-left: 35%; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ float: left; } @media screen and (min-width: 460px) and (max-width: 1023px) { .downloadspage .download-list { /*$columns: min($columns, 1); $container-columns: min($container-columns, 2); $container-content-width: $parent-width - ($container-columns + 1) * $grid-gutter; $column-width: $container-content-width / $container-columns; $margin: strip-units(($columns * $column-width + ($columns + 1) * $grid-gutter) / $parent-width); margin-left: percentage($margin);*/ margin-left: 2.5%; } } @media screen and (max-width: 460px) { .downloadspage .download-list { margin-left: 2.5%; } } .downloadspage .download-list .list-header { width: 100%; margin-bottom: 24px; /*border-bottom: 1px solid #000;*/ padding-bottom: 24px; /*.filters__search { margin: 0; border: 1px solid #D0D0D0; /*border-top: 1px solid #D0D0D0; border-left: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; }*/ /*.live-filter { padding: 9px 0 9px 18px; }*/ } .downloadspage .download-list .list-header .file-count { line-height: 48px; } .downloadspage .download-list .download-item { display: block; float: left; width: 100%; margin-bottom: 20px; } .downloadspage .download-list .download-item div { float: left; } .downloadspage .download-list .download-item .file-icon.pdf:before { position: relative; font-size: 48px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .downloadspage .download-list .download-item .file-icon.document:before { position: relative; font-size: 48px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .downloadspage .download-list .download-item .file-icon.app:before { position: relative; font-size: 48px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .downloadspage .download-list .download-item .left-col span { display: block; } .downloadspage .download-list .download-item .right-col { float: right; } .apppage, .appblock { /*.hero { margin-bottom: 5 * $base-length; }*/ /* automagic puff piece, cant access display option so draw both templates and hide according to parent css class */ } .apppage .rating, .appblock .rating { margin-bottom: 36px; } .apppage .rating-star:before, .appblock .rating-star:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .apppage .rating-star-filled:before, .appblock .rating-star-filled:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px-filled-in" !important; } .apppage .cta-button-large, .appblock .cta-button-large { margin-left: 35%; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ text-align: center; } @media screen and (min-width: 460px) and (max-width: 1023px) { .apppage .cta-button-large, .appblock .cta-button-large { /*$columns: min($columns, 1); $container-columns: min($container-columns, 2); $container-content-width: $parent-width - ($container-columns + 1) * $grid-gutter; $column-width: $container-content-width / $container-columns; $margin: strip-units(($columns * $column-width + ($columns + 1) * $grid-gutter) / $parent-width); margin-left: percentage($margin);*/ margin-left: 2.5%; } } @media screen and (max-width: 460px) { .apppage .cta-button-large, .appblock .cta-button-large { margin-left: 2.5%; } } .apppage .mainbody, .appblock .mainbody { margin-left: 2.5%; } .apppage .mainbody p:first-of-type, .appblock .mainbody p:first-of-type { margin-top: 0; } .apppage .app-info p, .appblock .app-info p { margin: 0; } .apppage #CtaTop, .appblock #CtaTop { margin-bottom: 20px; margin-left: 2.5%; } .apppage .apppage-puffpiece, .appblock .apppage-puffpiece { display: none; width: 100%; background-color: #FFF; position: relative; /*top padding to get around collapsing margins on rating*/ /*padding-top: $base-length;*/ } .apppage .apppage-puffpiece .page-icon-hover, .appblock .apppage-puffpiece .page-icon-hover { position: absolute; top: 0; left: 50%; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); transition: opacity 0.6s linear; opacity: 0; } .apppage .apppage-puffpiece .page-icon-hover:hover, .appblock .apppage-puffpiece .page-icon-hover:hover { opacity: 0.7; } .apppage .apppage-puffpiece__rating, .appblock .apppage-puffpiece__rating { color: #CCC; color: rgba(204, 204, 204, 0.4); margin-left: 12px; } .apppage .apppage-puffpiece__rating .rating-star-filled:before, .apppage .apppage-puffpiece__rating .rating-star:before, .appblock .apppage-puffpiece__rating .rating-star-filled:before, .appblock .apppage-puffpiece__rating .rating-star:before { margin: 0; } .apppage .apppage-puffpiece__banner, .appblock .apppage-puffpiece__banner { position: absolute; bottom: 0; left: 0; right: 0; background-color: #FFF; background-color: rgba(255, 255, 255, 0.8); } .apppage .apppage-puffpiece__banner-text, .appblock .apppage-puffpiece__banner-text { float: left; margin-left: 24px; margin-top: 12px; } .apppage .apppage-puffpiece__banner-text span, .appblock .apppage-puffpiece__banner-text span { display: block; font-style: italic; } .apppage .apppage-puffpiece__banner-text h3, .appblock .apppage-puffpiece__banner-text h3 { margin: 0; } .apppage .apppage-puffpiece .button, .apppage .apppage-puffpiece .product-selector .selected-products__product, .product-selector .apppage .apppage-puffpiece .selected-products__product, .apppage .apppage-puffpiece .product-selector .add-product, .product-selector .apppage .apppage-puffpiece .add-product, .apppage .apppage-puffpiece .load-more, .appblock .apppage-puffpiece .button, .appblock .apppage-puffpiece .product-selector .selected-products__product, .product-selector .appblock .apppage-puffpiece .selected-products__product, .appblock .apppage-puffpiece .product-selector .add-product, .product-selector .appblock .apppage-puffpiece .add-product, .appblock .apppage-puffpiece .load-more { float: right; margin: 12px; font-weight: 500; } .apppage .apppage-puffpiece .button:hover, .apppage .apppage-puffpiece .product-selector .selected-products__product:hover, .product-selector .apppage .apppage-puffpiece .selected-products__product:hover, .apppage .apppage-puffpiece .product-selector .add-product:hover, .product-selector .apppage .apppage-puffpiece .add-product:hover, .apppage .apppage-puffpiece .load-more:hover, .appblock .apppage-puffpiece .button:hover, .appblock .apppage-puffpiece .product-selector .selected-products__product:hover, .product-selector .appblock .apppage-puffpiece .selected-products__product:hover, .appblock .apppage-puffpiece .product-selector .add-product:hover, .product-selector .appblock .apppage-puffpiece .add-product:hover, .appblock .apppage-puffpiece .load-more:hover { border-width: 2px; } .apppage .apppage-puffpiece-featured, .appblock .apppage-puffpiece-featured { background-color: #FFF; background-position: 0 0; background-size: cover; display: none; position: relative; min-height: 564px; padding-top: 96px; overflow: hidden; cursor: pointer; } .apppage .apppage-puffpiece-featured .rating, .appblock .apppage-puffpiece-featured .rating { margin-bottom: 24px; } .apppage .apppage-puffpiece-featured__info, .appblock .apppage-puffpiece-featured__info { position: absolute; bottom: 0; /*left:0; right:0;*/ background-color: rgba(31, 31, 31, 0.4); padding-top: 24px; } .apppage .apppage-puffpiece-featured__description, .appblock .apppage-puffpiece-featured__description { padding-right: 2.5%; } .apppage .apppage-puffpiece-featured .app-info, .appblock .apppage-puffpiece-featured .app-info { padding-left: 2.5%; margin-top: 0; } .apppage .apppage-puffpiece-featured h2, .appblock .apppage-puffpiece-featured h2 { margin: 0; } .apppage .apppage-puffpiece-featured p:first-child, .appblock .apppage-puffpiece-featured p:first-child { margin-top: 0; } .apppage .apppage-puffpiece-featured .button, .apppage .apppage-puffpiece-featured .product-selector .selected-products__product, .product-selector .apppage .apppage-puffpiece-featured .selected-products__product, .apppage .apppage-puffpiece-featured .product-selector .add-product, .product-selector .apppage .apppage-puffpiece-featured .add-product, .apppage .apppage-puffpiece-featured .load-more, .appblock .apppage-puffpiece-featured .button, .appblock .apppage-puffpiece-featured .product-selector .selected-products__product, .product-selector .appblock .apppage-puffpiece-featured .selected-products__product, .appblock .apppage-puffpiece-featured .product-selector .add-product, .product-selector .appblock .apppage-puffpiece-featured .add-product, .appblock .apppage-puffpiece-featured .load-more { margin-top: 0; float: right; } .apppage .apppage-puffpiece-featured .product-heading, .appblock .apppage-puffpiece-featured .product-heading { margin-bottom: 0; } .apppage.col-1 .apppage-puffpiece, .appblock.col-1 .apppage-puffpiece { display: block; } .apppage.col-3, .appblock.col-3 { /*@warn("screen and (max-width: 460px)");*/ } .apppage.col-3 .apppage-puffpiece-featured, .appblock.col-3 .apppage-puffpiece-featured { display: block; } @media screen and (max-width: 460px) { .apppage.col-3 .apppage-puffpiece-featured, .appblock.col-3 .apppage-puffpiece-featured { display: none; } .apppage.col-3 .apppage-puffpiece, .appblock.col-3 .apppage-puffpiece { display: block; } } .applistpage .hero { background-color: #000; } .applistpage .hero.hidden-content { background-color: none; } .applistpage .hero.hidden-content .hero-overlay { background: none; } .applistpage .search-hits { display: none; } .applistpage .load-more { margin-bottom: 60px; } .applistpage .app-list { width: 100%; } .applistpage .app-list .product h2 { font-size: 18px; } .applistpage .app-list .product img { border: 1px solid #CCC; } .applistpage .featured-app { width: 100%; margin-top: 60px; margin-bottom: 60px; } .applistpage .featured-app .app-info { margin-top: 0; } .applistpage .app-list-container { background-color: rgba(31, 31, 31, 0.05); } .jobvacancylistpage .filters h3, .vacancylistpage .filters h3 { float: left; } .jobvacancylistpage .dropdown-wrapper, .vacancylistpage .dropdown-wrapper { margin: 42px 0 0 30px; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .jobvacancylistpage .dropdown-wrapper, .vacancylistpage .dropdown-wrapper { margin: 21px 0 21px 30px; } } .jobvacancylistpage .dropdown-wrapper select, .vacancylistpage .dropdown-wrapper select { min-width: 200px; color: #949494; background: #FFF; } .jobvacancylistpage .vacancy-item, .vacancylistpage .vacancy-item { float: left; width: 100%; height: 90px; margin-bottom: 30px; } .jobvacancylistpage .vacancy-item.hidden, .vacancylistpage .vacancy-item.hidden { display: none; } .jobvacancylistpage .vacancy-item .vacancy-country, .vacancylistpage .vacancy-item .vacancy-country { float: left; height: 90px; width: 90px; color: #fff; font-size: 36px; line-height: 80px; text-align: center; text-transform: lowercase; background-color: #000; border-radius: 45px; border: 1px solid #000; position: absolute; } .jobvacancylistpage .vacancy-item .vacancy-title, .vacancylistpage .vacancy-item .vacancy-title { float: left; height: 100%; padding-left: 110px; } .jobvacancylistpage .vacancy-item .vacancy-title:before, .vacancylistpage .vacancy-item .vacancy-title:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .jobvacancylistpage .vacancy-item .vacancy-title .centered, .vacancylistpage .vacancy-item .vacancy-title .centered { display: inline-block; vertical-align: middle; width: 100%; } .jobvacancylistpage .vacancy-item .vacancy-title .title, .vacancylistpage .vacancy-item .vacancy-title .title { display: block; } .jobvacancylistpage .vacancy-item .vacancy-title .position, .vacancylistpage .vacancy-item .vacancy-title .position { display: inline-block; padding: 0 12px; margin-bottom: 5px; font-size: 12px; background-color: #F2F2F5; background-color: rgba(14, 16, 62, 0.05); cursor: pointer; } .pressreleasepage, .financialreportpage { /* Moving contact blocks back to right-aligned, saved for future reference for when they change their mind again :) .contact-blocks-ca .container { flex-direction: row-reverse; .block:first-child { margin-right: gutter-width(); } }*/ } .pressreleasepage .hero__title, .financialreportpage .hero__title { position: relative; float: left; margin-left: 1.25%; margin-right: 1.25%; width: 64.16667%; flex-basis: 64.16667%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .pressreleasepage .hero__title, .financialreportpage .hero__title { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .pressreleasepage .hero__title, .financialreportpage .hero__title { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } .pressreleasepage .hero__title h1, .financialreportpage .hero__title h1 { width: auto; margin: 0; } .pressreleasepage .hero__title .date, .financialreportpage .hero__title .date { top: -18px; left: 0; position: absolute; font-style: italic; font-size: 15px; font-family: "Akzidenz-Grotesk", "Helvetica", Arial, Meiryo, sans-serif; color: #231f20; } .pressreleasepage__contacts-heading, .financialreportpage__contacts-heading { font-size: 18px; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .pressreleasepage__contacts-heading, .financialreportpage__contacts-heading { font-size: 16px; } } .pressreleasepage .keyword-tag, .financialreportpage .keyword-tag { margin-left: 12px; } .pressreleaselistpage .featured, .financialreportlistpage .featured, .cisionitemlistpage .featured, .cisionnewslistpage .featured { position: relative; } .pressreleaselistpage .featured.text-white, .financialreportlistpage .featured.text-white, .cisionitemlistpage .featured.text-white, .cisionnewslistpage .featured.text-white { /*@warn("screen and (min-width: 1024px)");*/ } @media screen and (min-width: 1024px) { .pressreleaselistpage .featured.text-white p, .pressreleaselistpage .featured.text-white .date, .financialreportlistpage .featured.text-white p, .financialreportlistpage .featured.text-white .date, .cisionitemlistpage .featured.text-white p, .cisionitemlistpage .featured.text-white .date, .cisionnewslistpage .featured.text-white p, .cisionnewslistpage .featured.text-white .date { color: #F5F5F5; } .pressreleaselistpage .featured.text-white a, .financialreportlistpage .featured.text-white a, .cisionitemlistpage .featured.text-white a, .cisionnewslistpage .featured.text-white a { color: #F5F5F5; border-bottom-color: rgba(245, 245, 245, 0.5); } .pressreleaselistpage .featured.text-white a:hover, .financialreportlistpage .featured.text-white a:hover, .cisionitemlistpage .featured.text-white a:hover, .cisionnewslistpage .featured.text-white a:hover { border-bottom-color: rgba(245, 245, 245, 0.7); } } .pressreleaselistpage .featured.text-buheadingwhitetext, .financialreportlistpage .featured.text-buheadingwhitetext, .cisionitemlistpage .featured.text-buheadingwhitetext, .cisionnewslistpage .featured.text-buheadingwhitetext { /*@warn("screen and (min-width: 1024px)");*/ } @media screen and (min-width: 1024px) { .pressreleaselistpage .featured.text-buheadingwhitetext p, .pressreleaselistpage .featured.text-buheadingwhitetext .date, .financialreportlistpage .featured.text-buheadingwhitetext p, .financialreportlistpage .featured.text-buheadingwhitetext .date, .cisionitemlistpage .featured.text-buheadingwhitetext p, .cisionitemlistpage .featured.text-buheadingwhitetext .date, .cisionnewslistpage .featured.text-buheadingwhitetext p, .cisionnewslistpage .featured.text-buheadingwhitetext .date { color: #F5F5F5; } .pressreleaselistpage .featured.text-buheadingwhitetext .mainintro a, .financialreportlistpage .featured.text-buheadingwhitetext .mainintro a, .cisionitemlistpage .featured.text-buheadingwhitetext .mainintro a, .cisionnewslistpage .featured.text-buheadingwhitetext .mainintro a { color: #F5F5F5; border-bottom-color: rgba(245, 245, 245, 0.5); } .pressreleaselistpage .featured.text-buheadingwhitetext .mainintro a:hover, .financialreportlistpage .featured.text-buheadingwhitetext .mainintro a:hover, .cisionitemlistpage .featured.text-buheadingwhitetext .mainintro a:hover, .cisionnewslistpage .featured.text-buheadingwhitetext .mainintro a:hover { border-bottom-color: rgba(245, 245, 245, 0.7); } } .pressreleaselistpage .featured .date, .financialreportlistpage .featured .date, .cisionitemlistpage .featured .date, .cisionnewslistpage .featured .date { margin-top: 24px; font-style: italic; display: block; font-size: 15px; font-weight: 400; } .pressreleaselistpage .featured h2, .financialreportlistpage .featured h2, .cisionitemlistpage .featured h2, .cisionnewslistpage .featured h2 { margin-top: 12px; line-height: 1.4; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .pressreleaselistpage .featured h2, .financialreportlistpage .featured h2, .cisionitemlistpage .featured h2, .cisionnewslistpage .featured h2 { margin-bottom: 12px; } } .pressreleaselistpage .featured .featured-image, .financialreportlistpage .featured .featured-image, .cisionitemlistpage .featured .featured-image, .cisionnewslistpage .featured .featured-image { /*display: none; @include media($mobile) { display: block; }*/ width: 100%; } .pressreleaselistpage .featured .container-wrap, .financialreportlistpage .featured .container-wrap, .cisionitemlistpage .featured .container-wrap, .cisionnewslistpage .featured .container-wrap { position: absolute; width: 100%; top: 0; /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (max-width: 1023px) { .pressreleaselistpage .featured .container-wrap, .financialreportlistpage .featured .container-wrap, .cisionitemlistpage .featured .container-wrap, .cisionnewslistpage .featured .container-wrap { position: static; } } .pressreleaselistpage .featured .mainintro, .financialreportlistpage .featured .mainintro, .cisionitemlistpage .featured .mainintro, .cisionnewslistpage .featured .mainintro { display: none; /*@warn("screen and (min-width: 1600px)");*/ } @media screen and (min-width: 1600px) { .pressreleaselistpage .featured .mainintro, .financialreportlistpage .featured .mainintro, .cisionitemlistpage .featured .mainintro, .cisionnewslistpage .featured .mainintro { display: block; } } .pressreleaselistpage .featured .col-1, .financialreportlistpage .featured .col-1, .cisionitemlistpage .featured .col-1, .cisionnewslistpage .featured .col-1 { margin-top: 24px; margin-right: 2.5%; margin-left: 67.5%; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ /*@include media($tablet) { margin-left: 50%; }*/ /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .pressreleaselistpage .featured .col-1, .financialreportlistpage .featured .col-1, .cisionitemlistpage .featured .col-1, .cisionnewslistpage .featured .col-1 { /*$columns: min($columns, 1); $container-columns: min($container-columns, 2); $container-content-width: $parent-width - ($container-columns + 1) * $grid-gutter; $column-width: $container-content-width / $container-columns; $margin: strip-units(($columns * $column-width + ($columns + 1) * $grid-gutter) / $parent-width); margin-left: percentage($margin);*/ margin-left: 2.5%; } } @media screen and (max-width: 460px) { .pressreleaselistpage .featured .col-1, .financialreportlistpage .featured .col-1, .cisionitemlistpage .featured .col-1, .cisionnewslistpage .featured .col-1 { margin-left: 2.5%; } } @media screen and (max-width: 1023px) { .pressreleaselistpage .featured .col-1, .financialreportlistpage .featured .col-1, .cisionitemlistpage .featured .col-1, .cisionnewslistpage .featured .col-1 { margin-top: 0; float: left; margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; min-width: 1px; } } .pressreleaselistpage .releases, .financialreportlistpage .releases, .cisionitemlistpage .releases, .cisionnewslistpage .releases { font-weight: 500; list-style: none; padding: 0; } .pressreleaselistpage .releases li, .financialreportlistpage .releases li, .cisionitemlistpage .releases li, .cisionnewslistpage .releases li { margin-bottom: 24px; line-height: 1.6; } .pressreleaselistpage .releases .item__meta, .financialreportlistpage .releases .item__meta, .cisionitemlistpage .releases .item__meta, .cisionnewslistpage .releases .item__meta { display: block; } .pressreleaselistpage .releases .date, .financialreportlistpage .releases .date, .cisionitemlistpage .releases .date, .cisionnewslistpage .releases .date { font-style: italic; font-size: 15px; font-weight: 400; } .pressreleaselistpage .releases .keyword-tag, .financialreportlistpage .releases .keyword-tag, .cisionitemlistpage .releases .keyword-tag, .cisionnewslistpage .releases .keyword-tag { margin-left: 24px; cursor: pointer; } .pressreleaselistpage .highlighted-release, .financialreportlistpage .highlighted-release, .cisionitemlistpage .highlighted-release, .cisionnewslistpage .highlighted-release { margin-top: 72px; } .pressreleaselistpage .highlighted-release a, .financialreportlistpage .highlighted-release a, .cisionitemlistpage .highlighted-release a, .cisionnewslistpage .highlighted-release a { font-weight: 500; line-height: 1.6; } .pressreleaselistpage .highlighted-release img, .financialreportlistpage .highlighted-release img, .cisionitemlistpage .highlighted-release img, .cisionnewslistpage .highlighted-release img { margin-bottom: 24px; } .pressreleaselistpage .highlighted-release .date, .financialreportlistpage .highlighted-release .date, .cisionitemlistpage .highlighted-release .date, .cisionnewslistpage .highlighted-release .date { font-style: italic; display: block; font-size: 15px; font-weight: 400; } .pressreleaselistpage .highlighted-releases, .financialreportlistpage .highlighted-releases, .cisionitemlistpage .highlighted-releases, .cisionnewslistpage .highlighted-releases { margin-bottom: 60px; } .pressreleaselistpage .filters h3, .financialreportlistpage .filters h3, .cisionitemlistpage .filters h3, .cisionnewslistpage .filters h3 { display: inline-block; } .pressreleaselistpage .filters form, .financialreportlistpage .filters form, .cisionitemlistpage .filters form, .cisionnewslistpage .filters form { float: right; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .pressreleaselistpage .filters form, .financialreportlistpage .filters form, .cisionitemlistpage .filters form, .cisionnewslistpage .filters form { width: 100%; } } .pressreleaselistpage .keyword-tag, .financialreportlistpage .keyword-tag, .cisionitemlistpage .keyword-tag, .cisionnewslistpage .keyword-tag { line-height: 1; } .pressreleaselistpage .heading-wrapper, .financialreportlistpage .heading-wrapper, .cisionitemlistpage .heading-wrapper, .cisionnewslistpage .heading-wrapper { float: left; } .pressreleaselistpage .dropdown-wrapper, .financialreportlistpage .dropdown-wrapper, .cisionitemlistpage .dropdown-wrapper, .cisionnewslistpage .dropdown-wrapper { margin: 42px 0 0 30px; /*width: 270px;*/ /*@warn("screen and (max-width: 460px)");*/ } .pressreleaselistpage .dropdown-wrapper select, .financialreportlistpage .dropdown-wrapper select, .cisionitemlistpage .dropdown-wrapper select, .cisionnewslistpage .dropdown-wrapper select { color: #949494; background: #FFF; } @media screen and (max-width: 460px) { .pressreleaselistpage .dropdown-wrapper, .financialreportlistpage .dropdown-wrapper, .cisionitemlistpage .dropdown-wrapper, .cisionnewslistpage .dropdown-wrapper { width: 100%; margin: 0 0 12px 0; } } .eventpage { /*.hero h1 { width: 100%; margin: 96px 0 25px 0; }*/ /*h3 { padding-bottom: 24px; border-bottom: 1px solid #D2D2D2; }*/ } .eventpage .keyword-tag { margin: -20px 0 20px; font-size: 14px; /*background-color: #fff;*/ background-color: rgba(231, 231, 235, 0.4) !important; } .eventpage .cta-container { padding: 40px 0; text-align: center; } .eventpage .cta-button-large { padding: 12px 120px; font-weight: 500; } .eventpage .time-container { float: left; } .eventpage .time-container time { display: block; } .eventpage .calendar-icon { float: right; } .eventpage .calendar-icon:before { position: relative; font-size: 40px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .eventpage .calendar-icon:before { margin-right: 0; color: #005b94; } .insiderpage .inner .insider-title { float: left; margin-top: 0; } .eventlistpage .filters h3 { float: left; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .eventlistpage .filters h3 { margin-top: 42px; } } .eventlistpage .filters .dropdown-wrapper { margin: 42px; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .eventlistpage .filters .dropdown-wrapper { margin: 0; margin-top: 24px; } } .eventlistpage .date { float: left; width: 90px; padding: 17px 0; margin-left: 2.5%; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #0E103E; line-height: 24px; } .eventlistpage .date span { display: block; width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .eventlistpage .date span.day { font-size: 50px; font-weight: 200; margin-bottom: 18px; white-space: nowrap; } body[lang="ja"] .eventlistpage .date span.day, body[lang="zh-hans"] .eventlistpage .date span.day { -ms-flex-order: 2; order: 2; margin-bottom: 0; margin-top: 18px; } body[lang="ja"] .eventlistpage .date span.day:after, body[lang="zh-hans"] .eventlistpage .date span.day:after { display: inline; content: "日"; font-size: 0.6em; } body[lang="ja"] .eventlistpage .date span.month, body[lang="zh-hans"] .eventlistpage .date span.month { -ms-flex-order: 1; order: 1; } body[lang="ja"] .eventlistpage .date span.month:after { content: "月"; display: inline; } .eventlistpage .featured { min-height: 400px; background-size: cover; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } .eventlistpage .featured .container, .eventlistpage .featured .feature-menu-wrap { display: block; } .eventlistpage .featured .featured-content { float: right; margin-right: 38px; width: 30%; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } .eventlistpage .featured .featured-content h2 { /*line-height: 42px;*/ margin-bottom: 24px; } .eventlistpage .featured .featured-content h2 a { padding: 0; } .eventlistpage .featured .featured-content p { margin: 16px 0 5px; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .eventlistpage .featured .featured-content p { margin-top: 10px; } } .eventlistpage .featured .featured-content .keyword-tag { background-color: rgba(231, 231, 235, 0.5); } .eventlistpage .featured .featured-content .read-more { display: inline-block; margin-bottom: 20px; color: #005b94; } @media screen and (min-width: 460px) and (max-width: 1023px) { .eventlistpage .featured .featured-content { width: 50%; } } @media screen and (max-width: 460px) { .eventlistpage .featured .featured-content { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; min-width: 1px; } } .eventlistpage .featured .date { color: #FFF; } .eventlistpage .featured .puff-image { display: none; } @media screen and (min-width: 460px) and (max-width: 1023px) { .eventlistpage .featured { min-height: 300px; } } @media screen and (max-width: 460px) { .eventlistpage .featured { min-height: unset; background-image: none !important; } .eventlistpage .featured .puff-image { display: block; margin-bottom: 12px; } .eventlistpage .featured .date { margin: 0 2.5% 0 2.5%; } .eventlistpage .featured .featured-content { float: none; } .eventlistpage .featured .featured-content h2 { /*@extend h3;*/ font-size: 16px; display: inline; line-height: 24px; margin-bottom: 6px; margin-top: 0; color: #231f20; } } .eventlistpage .event { float: left; width: 100%; margin-bottom: 48px; } .eventlistpage .event .date { /*width: 12%;*/ margin: 0 3% 0 0; color: #fff; } .eventlistpage .event .event-content { /*float: left;*/ /*width: 85%;*/ } .eventlistpage .event .event-content .keyword-tag { margin-top: 4px; } .eventlistpage .event .event-content a { margin-right: 12px; font-weight: 500; } .eventlistpage .event .event-content p { margin: 10px 0 0; } .organisationpage { /*h3 { margin-bottom: 30px; }*/ } .organisationpage img { /*margin-top: 20px;*/ max-width: 220px; } .organisationpage .greyback { background-color: #f5f5f5; padding: 20px; max-width: 425px; margin: 15px 0; } .imagelistpage .search-hits-images { /*@include grid-columns(3 of 3); border-bottom: 1px solid #000; padding-bottom: 20px;*/ } .imagelistpage .filters { margin-bottom: 0; } .imagelistpage .filters h3 { display: inline-block; } .imagelistpage .filters form { float: right; } .imagelistpage .images { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .imagelistpage .image-list .image-item-container .image-item-info-container { width: 100%; float: left; margin-top: 12px; margin-bottom: 6px; } .imagelistpage .image-list .image-item-container .image-item-info-container .image-item-title { font-weight: 500; display: block; } .imagelistpage .image-list .image-item-container .categories { float: left; display: block; } .imagelistpage .image-list .image-item-container .keyword-tag { cursor: pointer; font-weight: 200; margin-bottom: 6px; } .imagelistpage .image-list .image-item-download { float: right; border-bottom: none; } .imagelistpage .image-list .image-item-download:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .imagelistpage .image-list .image-item-info { width: 100%; line-height: 32px; } .imagelistpage .load-more { margin-left: 35%; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .imagelistpage .load-more { /*$columns: min($columns, 1); $container-columns: min($container-columns, 2); $container-content-width: $parent-width - ($container-columns + 1) * $grid-gutter; $column-width: $container-content-width / $container-columns; $margin: strip-units(($columns * $column-width + ($columns + 1) * $grid-gutter) / $parent-width); margin-left: percentage($margin);*/ margin-left: 2.5%; } } @media screen and (max-width: 460px) { .imagelistpage .load-more { margin-left: 2.5%; } } .imagelistpage .image-list-container { /*background-color: rgba(31, 31, 31, 0.05);*/ margin-top: 24px; } .imagelistpage .heading-wrapper { float: left; } .imagelistpage .dropdown-wrapper { margin: 42px 0 0 30px; } .videopage .video-content { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 47.5%; flex-basis: 47.5%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ margin-left: auto; margin-right: auto; } @media screen and (min-width: 460px) and (max-width: 1023px) { .videopage .video-content { margin-left: 1.25%; margin-right: 1.25%; width: 72.5%; flex-basis: 72.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .videopage .video-content { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } .videopage .video-content__title { margin-bottom: 12px; margin-top: 12px; } .videolistpage .videos { font-weight: 500; list-style: none; padding: 0; } .videolistpage .videos li { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 30.83333%; flex-basis: 30.83333%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ margin-bottom: 24px; line-height: 1.6; } @media screen and (min-width: 460px) and (max-width: 1023px) { .videolistpage .videos li { margin-left: 1.25%; margin-right: 1.25%; width: 47.5%; flex-basis: 47.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .videolistpage .videos li { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } .videolistpage .videos li .title-wrap { display: block; } .videolistpage .videos .date { font-style: italic; display: block; font-size: 15px; font-weight: 400; } .videolistpage .load-more { margin-left: 35%; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .videolistpage .load-more { /*$columns: min($columns, 1); $container-columns: min($container-columns, 2); $container-content-width: $parent-width - ($container-columns + 1) * $grid-gutter; $column-width: $container-content-width / $container-columns; $margin: strip-units(($columns * $column-width + ($columns + 1) * $grid-gutter) / $parent-width); margin-left: percentage($margin);*/ margin-left: 2.5%; } } @media screen and (max-width: 460px) { .videolistpage .load-more { margin-left: 2.5%; } } .videolistpage .filters { margin-bottom: 0; } .videolistpage .filters h3 { display: inline-block; } .videolistpage .filters form { float: right; } .videolistpage .keyword-tag { line-height: 1; cursor: pointer; } .videolistpage .heading-wrapper { float: left; } .videolistpage .dropdown-wrapper { margin: 42px 0 0 30px; } .heading-wrapper:after, .filters__categories:after { clear: both; content: ""; display: table; } .searchpage .search-wrapper { background-color: #f5f4f3; padding: 24px 0; } .searchpage .search-wrapper .search { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 47.5%; flex-basis: 47.5%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ margin-left: 35%; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .searchpage .search-wrapper .search { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .searchpage .search-wrapper .search { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (min-width: 460px) and (max-width: 1023px) { .searchpage .search-wrapper .search { /*$columns: min($columns, 1); $container-columns: min($container-columns, 2); $container-content-width: $parent-width - ($container-columns + 1) * $grid-gutter; $column-width: $container-content-width / $container-columns; $margin: strip-units(($columns * $column-width + ($columns + 1) * $grid-gutter) / $parent-width); margin-left: percentage($margin);*/ margin-left: 2.5%; } } @media screen and (max-width: 460px) { .searchpage .search-wrapper .search { margin-left: 2.5%; } } .searchpage .hero { background-color: #0E103E; border-top: 1px solid #3e4065; } .searchpage .did-you-mean { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 64.16667%; flex-basis: 64.16667%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ margin-left: 35%; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ margin-top: 12px; font-style: italic; } @media screen and (min-width: 460px) and (max-width: 1023px) { .searchpage .did-you-mean { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .searchpage .did-you-mean { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (min-width: 460px) and (max-width: 1023px) { .searchpage .did-you-mean { /*$columns: min($columns, 1); $container-columns: min($container-columns, 2); $container-content-width: $parent-width - ($container-columns + 1) * $grid-gutter; $column-width: $container-content-width / $container-columns; $margin: strip-units(($columns * $column-width + ($columns + 1) * $grid-gutter) / $parent-width); margin-left: percentage($margin);*/ margin-left: 2.5%; } } @media screen and (max-width: 460px) { .searchpage .did-you-mean { margin-left: 2.5%; } } .searchpage .did-you-mean a { color: #005b94; } .searchpage .did-you-mean ul { margin: 0; padding: 0; list-style: none; display: inline; } .searchpage .did-you-mean ul li { display: inline; } .searchpage .did-you-mean ul li:after { content: ", "; margin-left: -4px; } .searchpage .did-you-mean ul li:last-child:after { content: ""; } .searchpage .search-icon:before { position: relative; font-size: 30px; content: "F"; margin-right: 12px; font-family: "streamline-30px" !important; color: #005b94; } .searchpage .full-search { margin-top: 72px; float: right; font-style: italic; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .searchpage .full-search { margin-top: 48px; } } @media screen and (max-width: 460px) { .searchpage .full-search { margin-top: 0; margin-bottom: 24px; } } .searchpage .result-summary { margin-top: 48px; margin-bottom: 0; padding: 0; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } .searchpage .result-summary:after { clear: both; content: ""; display: table; } .searchpage .result-summary__item { list-style: none; margin-right: 24px; margin-bottom: 12px; padding-left: 0; float: left; } .searchpage .result-summary .active a { font-weight: 500; } @media screen and (min-width: 460px) and (max-width: 1023px) { .searchpage .result-summary { margin-top: 48px; } } @media screen and (max-width: 460px) { .searchpage .result-summary { margin-top: 24px; } } .searchpage .articles { margin-bottom: 60px; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .searchpage .articles { margin-bottom: 24px; } } .searchpage .results { padding: 0; margin-left: 35%; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .searchpage .results { /*$columns: min($columns, 1); $container-columns: min($container-columns, 2); $container-content-width: $parent-width - ($container-columns + 1) * $grid-gutter; $column-width: $container-content-width / $container-columns; $margin: strip-units(($columns * $column-width + ($columns + 1) * $grid-gutter) / $parent-width); margin-left: percentage($margin);*/ margin-left: 2.5%; } } @media screen and (max-width: 460px) { .searchpage .results { margin-left: 2.5%; } } .searchpage .results .media-body { margin-bottom: 24px; } .searchpage .results .media-body .lead { font-weight: 500; color: #005b94; } .searchpage .results .media-body p { margin-top: 6px; } .searchpage .results .media-body .category-link { margin-top: 24px; color: #7b7979; color: rgba(35, 31, 32, 0.6); } .searchpage .results .keyword-tag { padding-top: 0; padding-bottom: 0; } .searchpage .results .item__logo { display: none; } .searchpage .results.show-bu-logo .item__logo { display: block; float: left; width: 10%; } .searchpage .results.show-bu-logo .media-body { width: 85%; margin-left: 2.5%; float: left; } .searchpage .results.show-bu-logo .media { overflow: hidden; } .searchpage .filters { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 64.16667%; flex-basis: 64.16667%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ margin-left: 35%; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .searchpage .filters { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .searchpage .filters { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (min-width: 460px) and (max-width: 1023px) { .searchpage .filters { /*$columns: min($columns, 1); $container-columns: min($container-columns, 2); $container-content-width: $parent-width - ($container-columns + 1) * $grid-gutter; $column-width: $container-content-width / $container-columns; $margin: strip-units(($columns * $column-width + ($columns + 1) * $grid-gutter) / $parent-width); margin-left: percentage($margin);*/ margin-left: 2.5%; } } @media screen and (max-width: 460px) { .searchpage .filters { margin-left: 2.5%; } } .searchpage .filters__search .control { background-color: transparent; } .searchpage .filters__search { float: none; } .searchpage .load-more-wrapper { margin-left: 35%; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .searchpage .load-more-wrapper { /*$columns: min($columns, 1); $container-columns: min($container-columns, 2); $container-content-width: $parent-width - ($container-columns + 1) * $grid-gutter; $column-width: $container-content-width / $container-columns; $margin: strip-units(($columns * $column-width + ($columns + 1) * $grid-gutter) / $parent-width); margin-left: percentage($margin);*/ margin-left: 2.5%; } } @media screen and (max-width: 460px) { .searchpage .load-more-wrapper { margin-left: 2.5%; } } .campaignpage.nav-hidden { margin-top: -72px; } .campaignpage .page-logo { float: left; margin-top: 20px; margin-bottom: 24px; margin-left: 2.5%; border: none !important; background-size: contain; background-repeat: no-repeat; background-position: top left; display: block; height: 30px; text-indent: -99999px; position: absolute; top: 0; z-index: 999; } .campaignpage .campaign-wrapper { background-size: cover; background-repeat: no-repeat; position: relative; width: 100%; overflow: hidden; } .campaignpage .campaign-wrapper.has-bg-video .campaign-content { position: absolute; top: 0; /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (max-width: 1023px) { .campaignpage .campaign-wrapper.has-bg-video .campaign-content { position: static; } } .campaignpage .campaign-wrapper .block { z-index: 5; } .campaignpage .campaign-wrapper .campaign-content { padding-top: 72px; width: 100%; } .campaignpage .background-video-container { /*position: absolute; top: 0; bottom: 0; left:0; right: 0;*/ /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (max-width: 1023px) { .campaignpage .background-video-container { position: absolute; top: 0; height: 100%; width: 100%; } } .campaignpage .center-col { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 47.5%; flex-basis: 47.5%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ margin-left: auto; margin-right: auto; } @media screen and (min-width: 460px) and (max-width: 1023px) { .campaignpage .center-col { margin-left: 1.25%; margin-right: 1.25%; width: 72.5%; flex-basis: 72.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .campaignpage .center-col { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } .campaignpage .wrap { width: 100%; } .campaignpage .text-color-black .campaign-content h1, .campaignpage .text-color-black .campaign-content h2, .campaignpage .text-color-black .campaign-content h3, .campaignpage .text-color-black .campaign-content p, .campaignpage .text-color-black .campaign-content a, .campaignpage .text-color-black .campaign-content cite, .campaignpage .text-color-black .campaign-content .block, .campaignpage .text-color-black .campaign-content .block__content a, .campaignpage .text-color-black .campaign-content .checkbox-container label, .campaignpage .text-color-black .campaign-content .block__content .arrow-link a { color: #1f1f1f; } .campaignpage .text-color-white .campaign-content h1, .campaignpage .text-color-white .campaign-content h2, .campaignpage .text-color-white .campaign-content h3, .campaignpage .text-color-white .campaign-content p, .campaignpage .text-color-white .campaign-content a, .campaignpage .text-color-white .campaign-content .block__content a, .campaignpage .text-color-white .campaign-content cite, .campaignpage .text-color-white .campaign-content .block, .campaignpage .text-color-white .campaign-content .checkbox-container label, .campaignpage .text-color-white .campaign-content .block__content .arrow-link a { color: #FFF; } .campaignpage .text-color-white .campaign-content input { color: #1f1f1f; } .campaignpage .text-color-buheadingwhitetext p, .campaignpage .text-color-buheadingwhitetext a, .campaignpage .text-color-buheadingwhitetext cite, .campaignpage .text-color-buheadingwhitetext .block, .campaignpage .text-color-buheadingwhitetext .block__content a, .campaignpage .text-color-buheadingwhitetext .checkbox-container label, .campaignpage .text-color-buheadingwhitetext .block__content .arrow-link a { color: #FFF; } .campaignpage .text-color-buheadingwhitetext input { color: #1f1f1f; } .newslistpage .filters { margin-bottom: 36px; } .newslistpage .items { list-style: none; padding: 0; } .newslistpage .items a { font-weight: 500; } .newslistpage .items .item { margin-bottom: 24px; line-height: 1.6; } .newslistpage .items .item .content { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 47.5%; flex-basis: 47.5%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 1023px) { .newslistpage .items .item .content { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 47.5%; flex-basis: 47.5%; -ms-flex-preferred-size: auto; min-width: 1px; } } @media screen and (max-width: 460px) { .newslistpage .items .item .content { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; min-width: 1px; } } .newslistpage .items .date { font-style: italic; display: block; font-size: 15px; font-weight: 400; } .newslistpage .items .keyword-tag { cursor: pointer; } .newslistpage .items .mainintro p { margin-top: 0; } .learnsectionpage .search-wrapper { background-color: #f5f4f3; padding: 24px 0; margin-bottom: 36px; } .learnsectionpage .search-wrapper .search { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 47.5%; flex-basis: 47.5%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ margin-left: 35%; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .learnsectionpage .search-wrapper .search { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .learnsectionpage .search-wrapper .search { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (min-width: 460px) and (max-width: 1023px) { .learnsectionpage .search-wrapper .search { /*$columns: min($columns, 1); $container-columns: min($container-columns, 2); $container-content-width: $parent-width - ($container-columns + 1) * $grid-gutter; $column-width: $container-content-width / $container-columns; $margin: strip-units(($columns * $column-width + ($columns + 1) * $grid-gutter) / $parent-width); margin-left: percentage($margin);*/ margin-left: 2.5%; } } @media screen and (max-width: 460px) { .learnsectionpage .search-wrapper .search { margin-left: 2.5%; } } .learnsectionpage__results { padding-left: 0; list-style: none; } .learnsectionpage__results a { font-weight: 500; } .learnsectionpage__results .tags { margin-top: 6px; } .learnsectionpage__results-item { margin-bottom: 36px; } .learnsectionpage__results-item .inner { margin-left: 45px; } .learnsectionpage__results-item a { color: #005b94; border-bottom: none; } .learnsectionpage__results-item:before { position: absolute; } .learnsectionpage__results-item.design:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .learnsectionpage__results-item.setup:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .learnsectionpage__results-item.use:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .learnsectionpage__results-item.analyze:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .learnsectionpage__results-item.faq:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .learnsectionpage__results-item.learn:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .learnsectionpage__results-item.use:before, .learnsectionpage__results-item.design:before, .learnsectionpage__results-item.setup:before, .learnsectionpage__results-item.analyze:before, .learnsectionpage__results-item.faq:before, .learnsectionpage__results-item.learn:before { /*font-size: 60px;*/ position: absolute; } .learnsearchpage .search-wrapper { background-color: #f5f4f3; padding: 24px 0; } .learnsearchpage .search-wrapper .search { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 47.5%; flex-basis: 47.5%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .learnsearchpage .search-wrapper .search { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .learnsearchpage .search-wrapper .search { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } .learnsearchpage .search-icon:before { position: relative; font-size: 30px; content: "F"; margin-right: 12px; font-family: "streamline-30px" !important; } .learnsearchpage .articles { /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .learnsearchpage .articles { margin-bottom: 24px; } } .learnsearchpage .search-hits { display: none; } .learnsearchpage .results { padding: 0; list-style: none; } .learnsearchpage .results-item { margin-bottom: 36px; } .learnsearchpage .results-item:before { position: absolute; } .learnsearchpage .results-item.learn:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .learnsearchpage .results-item.setup:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .learnsearchpage .results-item.use:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .learnsearchpage .results-item.analyze:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .learnsearchpage .results-item.faq:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .learnsearchpage .results-item.use:before, .learnsearchpage .results-item.learn:before, .learnsearchpage .results-item.setup:before, .learnsearchpage .results-item.analyze:before, .learnsearchpage .results-item.faq:before { /*font-size: 60px;*/ position: absolute; } .learnsearchpage .results .tags { margin-top: 6px; } .learnsearchpage .results .media-body { margin-left: 45px; } .learnsearchpage .results .media-body .lead { font-weight: 500; color: #005b94; } .learnsearchpage .results .media-body p { margin-top: 6px; } .learnsearchpage .results .media-body .category-link { margin-top: 24px; color: #7b7979; color: rgba(35, 31, 32, 0.6); } .learnsearchpage .filters__search .control { background-color: transparent; } .productfeaturespage .product__features { overflow: visible; } .productfeaturespage .product__features__group { padding-left: 5%; padding-bottom: 2.5%; position: relative; /*@warn("screen and (min-width: 1600px)");*/ } @media screen and (min-width: 1600px) { .productfeaturespage .product__features__group { padding-left: 0; } } .productfeaturespage .product__features__group:before { width: 2px; height: 100%; position: absolute; background-color: #e6750c; left: 60px; content: ""; /*@warn("screen and (min-width: 1600px)");*/ /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (min-width: 1600px) { .productfeaturespage .product__features__group:before { left: 0; } } @media screen and (max-width: 1023px) { .productfeaturespage .product__features__group:before { display: none; } } .productfeaturespage .product__features__group-features { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .productfeaturespage .product__features__group-features:after { clear: both; content: ""; display: table; } .productfeaturespage .product__features__group-heading { margin-left: 120px; /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (max-width: 1023px) { .productfeaturespage .product__features__group-heading { margin-left: 100px; } } .productfeaturespage .product__features__group-blurb { height: 120px; width: 120px; background-color: #e6750c; border-radius: 50%; position: absolute; left: 0; /*@warn("screen and (min-width: 1600px)");*/ /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (min-width: 1600px) { .productfeaturespage .product__features__group-blurb { left: -60px; } } @media screen and (max-width: 1023px) { .productfeaturespage .product__features__group-blurb { width: 100px; height: 100px; } } .productfeaturespage .product__features__group-date { color: #FFF; } .productfeaturespage .product__features__group-month { position: absolute; top: 10%; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } .productfeaturespage .product__features__group-day { font-size: 3em; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /*@warn("screen and (max-width: 1023px)");*/ } @media screen and (max-width: 1023px) { .productfeaturespage .product__features__group-day { font-size: 2em; } } .productfeaturespage .product__features__group-day:before, .productfeaturespage .product__features__group-day:after { content: ""; height: 1px; display: block; width: 12px; background-color: #FFF; position: absolute; top: 50%; } .productfeaturespage .product__features__group-day:before { left: -14px; } .productfeaturespage .product__features__group-day:after { right: -12px; } .productfeaturespage .product__features__group-year { position: absolute; bottom: 10%; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } .productfeaturespage .product__features__group-linkwrap { float: right; margin-right: grid-gutter(); margin-top: 24px; } .productfeaturespage .product__features__group-linkwrap:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .productfeaturespage .product__features__group-linkwrap:before { transition: all 0.4s ease-out; position: relative; left: 0; } .productfeaturespage .product__features__group-linkwrap:hover:before { left: 3px; } .productfeaturespage .product__feature { margin-left: 24px; margin-bottom: 24px; float: left; float: left; margin-left: 1.25%; margin-right: 1.25%; width: 22.5%; flex-basis: 22.5%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .productfeaturespage .product__feature { margin-left: 1.25%; margin-right: 1.25%; width: 47.5%; flex-basis: 47.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .productfeaturespage .product__feature { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } .productfeaturespage .product__feature-heading { margin-top: 12px; margin-bottom: 12px; } .productfeaturespage .product__feature-link { margin-top: 12px; margin-bottom: 12px; } .productfeaturespage .product__feature-link:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .productfeaturespage .product__feature-link:before { transition: all 0.4s ease-out; position: relative; left: 0; } .productfeaturespage .product__feature-link:hover:before { left: 3px; } .productfeaturespage .product__feature-versions { font-size: 0.8em; } .productfeaturespage .product__feature-versions p { margin-bottom: 0; margin-top: 0.5em; line-height: 1; } .insightstartpage .hero__title__wrapper { margin-left: auto; margin-right: auto; } .insightstartpage .hero__title__wrapper { text-align: center; } .insightstartpage .hero__main-intro { margin: 0 auto; } .insightstartpage .hero .hero__heading { color: #343741; } .insightstartpage .insight-hero-vertical-text { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; } .insightstartpage .insightdark { color: #343741; } .insightstartpage .content-area.bg-white + .content-area.bg-white, .insightstartpage .bg-white.layoutblock + .content-area.bg-white, .insightstartpage .content-area.bg-white + .bg-white.layoutblock, .insightstartpage .bg-white.layoutblock + .bg-white.layoutblock, .insightstartpage .bg-white.layoutblock + .content-area.bg-white, .insightstartpage .bg-white.layoutblock + .bg-white.layoutblock, .insightstartpage .content-area.bg-white + .bg-white.layoutblock, .insightstartpage .bg-white.layoutblock + .bg-white.layoutblock, .insightstartpage .bg-white.layoutblock + .bg-white.layoutblock { border-top: 0; } .insightstartpage .slide .container, .insightstartpage .slide .feature-menu-wrap, .insightstartpage .slide .feature-menu-wrap { margin-top: 0; height: inherit; } .insightstartpage #ContentArea1 { padding-top: 0; } .gazesharesignuppage .hero-wrap, .subscriptionspage .hero-wrap { float: left; margin-left: 1.25%; margin-right: 1.25%; width: 64.16667%; flex-basis: 64.16667%; -ms-flex-preferred-size: auto; min-width: 1px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ margin-left: auto; margin-right: auto; margin-top: 24px; } @media screen and (min-width: 460px) and (max-width: 1023px) { .gazesharesignuppage .hero-wrap, .subscriptionspage .hero-wrap { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } @media screen and (max-width: 460px) { .gazesharesignuppage .hero-wrap, .subscriptionspage .hero-wrap { margin-left: 1.25%; margin-right: 1.25%; width: 97.5%; flex-basis: 97.5%; -ms-flex-preferred-size: auto; } } .gazesharesignuppage .hero-wrap h1, .subscriptionspage .hero-wrap h1 { font-size: 36px; padding: 12px; font-weight: 400; } .gazesharesignuppage .signup-container, .subscriptionspage .signup-container { margin-left: auto; margin-right: auto; } .gazesharesignuppage #z-container, .subscriptionspage #z-container { position: fixed; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100vw; max-height: 100vh; } .gazesharesignuppage .address-box, .subscriptionspage .address-box { padding: 20px; margin-top: 27px; } .gazesharesignuppage .address-box__header, .subscriptionspage .address-box__header { margin: 0; margin-bottom: 24px; padding-bottom: 24px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #ded9dd; font-weight: 500; } .gazesharesignuppage .cart, .subscriptionspage .cart { border-radius: 10px; border: 1px solid #ded9dd; padding: 20px; } .gazesharesignuppage .cart__disclaimer, .subscriptionspage .cart__disclaimer { font-size: 12px; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .gazesharesignuppage .cart__disclaimer, .subscriptionspage .cart__disclaimer { font-size: 12px; } } .gazesharesignuppage .cart__header, .subscriptionspage .cart__header { margin: 0; margin-bottom: 24px; padding-bottom: 24px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #ded9dd; } .gazesharesignuppage .cart__toplink, .subscriptionspage .cart__toplink { color: #fd6e86; font-weight: 500; } .gazesharesignuppage .cart__container, .subscriptionspage .cart__container { position: relative; padding-left: 5%; padding-top: 27px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ /*@warn("screen and (max-width: 460px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .gazesharesignuppage .cart__container, .subscriptionspage .cart__container { padding-left: 0; } } @media screen and (max-width: 460px) { .gazesharesignuppage .cart__container, .subscriptionspage .cart__container { padding: 0; } } .gazesharesignuppage .cart ul, .subscriptionspage .cart ul { list-style: none; padding: 0; } .gazesharesignuppage .cart li, .subscriptionspage .cart li { margin-bottom: 6px; } .gazesharesignuppage .cart dl, .subscriptionspage .cart dl { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .gazesharesignuppage .cart dd, .subscriptionspage .cart dd { margin-left: 0; } .gazesharesignuppage .cart .number-ticker, .subscriptionspage .cart .number-ticker { display: -ms-inline-flexbox; display: inline-flex; border: 2px solid #DDD; border-radius: 5px; } .gazesharesignuppage .cart .number-ticker .quantity-up, .gazesharesignuppage .cart .number-ticker .quantity-down, .subscriptionspage .cart .number-ticker .quantity-up, .subscriptionspage .cart .number-ticker .quantity-down { background-color: #fd6e86; border-radius: 3px; margin: 2px; display: inline-block; height: 18px; width: 18px; overflow: hidden; position: relative; text-indent: -9000px; } .gazesharesignuppage .cart .number-ticker .quantity-up:after, .gazesharesignuppage .cart .number-ticker .quantity-down:after, .subscriptionspage .cart .number-ticker .quantity-up:after, .subscriptionspage .cart .number-ticker .quantity-down:after { background-color: #FFF; width: 10px; height: 2px; position: absolute; top: 8px; left: 4px; content: ""; display: block; } .gazesharesignuppage .cart .number-ticker .quantity-up:before, .subscriptionspage .cart .number-ticker .quantity-up:before { background-color: #FFF; width: 2px; height: 10px; position: absolute; top: 4px; left: 8px; content: ""; display: block; } .gazesharesignuppage .cart .number-ticker input[type=number], .subscriptionspage .cart .number-ticker input[type=number] { -moz-appearance: textfield; height: 18px; padding: 2px; width: 2em; display: inline-block; text-align: center; } .gazesharesignuppage .cart .number-ticker input[type=number]::-webkit-inner-spin-button, .gazesharesignuppage .cart .number-ticker input[type=number]::-webkit-outer-spin-button, .subscriptionspage .cart .number-ticker input[type=number]::-webkit-inner-spin-button, .subscriptionspage .cart .number-ticker input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; } .gazesharesignuppage .cart td, .subscriptionspage .cart td { padding: 12px 0; } .gazesharesignuppage .cart table tr, .subscriptionspage .cart table tr { background: none; border-bottom: 1px solid #FFF; } .gazesharesignuppage .cart table tr .price, .subscriptionspage .cart table tr .price { text-align: right; white-space: nowrap; } .gazesharesignuppage .cart table tr .amount, .subscriptionspage .cart table tr .amount { text-align: center; } .gazesharesignuppage .cart__vat, .subscriptionspage .cart__vat { border-bottom: none !important; } .gazesharesignuppage .cart__vat td, .subscriptionspage .cart__vat td { padding-bottom: 20px; } .gazesharesignuppage .cart__total td, .subscriptionspage .cart__total td { border-top: 1px solid #ded9dd; padding-top: 20px; } .gazesharesignuppage .cart__total__price, .subscriptionspage .cart__total__price { font-weight: 500; } .gazesharesignuppage .form-container, .subscriptionspage .form-container { margin-bottom: 36px; } .gazesharesignuppage .page-body form, .subscriptionspage .page-body form { padding: 12px; } .gazesharesignuppage label.account-type-label, .subscriptionspage label.account-type-label { margin-left: 0; margin-top: 12px; } .gazesharesignuppage .order-form, .subscriptionspage .order-form { width: 100%; } .gazesharesignuppage .order-form__required, .subscriptionspage .order-form__required { color: #ee2669; } .gazesharesignuppage .order-form__error-message, .subscriptionspage .order-form__error-message { color: #ee2669; margin: 0; text-align: right; font-size: 16px; display: none; } .gazesharesignuppage .order-form-50, .subscriptionspage .order-form-50 { width: 48.5%; } .gazesharesignuppage .order-form-50.left, .subscriptionspage .order-form-50.left { float: left; } .gazesharesignuppage .order-form-50.right, .subscriptionspage .order-form-50.right { float: right; } .gazesharesignuppage .order-form label, .subscriptionspage .order-form label { font-size: 14px; margin-left: 8px; } .gazesharesignuppage .order-form input[type=text], .gazesharesignuppage .order-form input[type=email], .subscriptionspage .order-form input[type=text], .subscriptionspage .order-form input[type=email] { border: 1px solid #ded9dd; border-radius: 10px; padding: 8px; height: auto; margin-bottom: 6px; } .gazesharesignuppage .order-form input[type=text]:focus, .gazesharesignuppage .order-form input[type=text]:active, .gazesharesignuppage .order-form input[type=email]:focus, .gazesharesignuppage .order-form input[type=email]:active, .subscriptionspage .order-form input[type=text]:focus, .subscriptionspage .order-form input[type=text]:active, .subscriptionspage .order-form input[type=email]:focus, .subscriptionspage .order-form input[type=email]:active { border-color: #ffaa1d; box-shadow: none; } .gazesharesignuppage .order-form input[type=text].invalid, .gazesharesignuppage .order-form input[type=email].invalid, .subscriptionspage .order-form input[type=text].invalid, .subscriptionspage .order-form input[type=email].invalid { border-color: #ee2669; background-color: rgba(238, 38, 105, 0.1); } .gazesharesignuppage .order-form input[type=text].invalid ~ .order-form__error-message, .gazesharesignuppage .order-form input[type=email].invalid ~ .order-form__error-message, .subscriptionspage .order-form input[type=text].invalid ~ .order-form__error-message, .subscriptionspage .order-form input[type=email].invalid ~ .order-form__error-message { display: block; } .gazesharesignuppage .control, .subscriptionspage .control { margin-bottom: 0; clear: both; } .gazesharesignuppage .form-submit, .subscriptionspage .form-submit { padding-top: 20px; margin-top: 14px; } .gazesharesignuppage .control label, .subscriptionspage .control label { position: static; color: unset; } .gazesharesignuppage .dropdown-wrapper, .subscriptionspage .dropdown-wrapper { width: 100%; margin-bottom: 6px; border-radius: 10px; } .gazesharesignuppage .dropdown-wrapper:after, .subscriptionspage .dropdown-wrapper:after { top: 6px; } .gazesharesignuppage .dropdown-wrapper select, .subscriptionspage .dropdown-wrapper select { border-radius: 10px; height: auto; border: 1px solid #ded9dd; border-radius: 10px; padding-top: 8px; padding-bottom: 8px; } .gazesharesignuppage .dropdown-wrapper select:focus, .gazesharesignuppage .dropdown-wrapper select:active, .subscriptionspage .dropdown-wrapper select:focus, .subscriptionspage .dropdown-wrapper select:active { border-color: #ffaa1d; box-shadow: none; } .bloglistpage { /* Input field in search bar block */ /* Input field in search bar block */ } .bloglistpage .container.blocks, .bloglistpage .blocks.feature-menu-wrap { overflow: visible; } .bloglistpage .filter-menu { /*@warn("screen and (max-width: 460px)");*/ background-color: #005b94; -ms-flex-align: center; align-items: center; margin-bottom: 36px; } @media screen and (max-width: 460px) { .bloglistpage .filter-menu { display: none; } } .bloglistpage .filter-menu__list { list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; padding-left: 0; margin: 0; } .bloglistpage .filter-menu__item { text-align: center; padding: 18px; /*@warn("screen and (min-width: 460px) and (max-width: 1023px)");*/ } @media screen and (min-width: 460px) and (max-width: 1023px) { .bloglistpage .filter-menu__item { padding: 12px; } } .bloglistpage .filter-menu__link { color: #fff; padding: 0; border: none; font-size: 18px; } .bloglistpage .filter-menu .is-active { background-color: #fff; } .bloglistpage .filter-menu .is-active a { color: #000; } .bloglistpage .control { position: relative; } .bloglistpage .dropdown-wrapper { width: 100%; margin-left: 0; display: none; /*@warn("screen and (max-width: 460px)");*/ } @media screen and (max-width: 460px) { .bloglistpage .dropdown-wrapper { display: block; } } .bloglistpage .filters.dropdown-wrapper:after { color: #fff; } .bloglistpage .blog-category-dropdown { color: #fff; background-color: #005b94; } .bloglistpage .containedsearchbarblock .search, .bloglistpage .searchbarblock .search { /* Hax for the border shading to properly be visible when selected. */ margin-top: 3px; } .bloglistpage .containedsearchbarblock .query-input.tt-input:focus, .bloglistpage .containedsearchbarblock .query-input.tt-input:active, .bloglistpage .searchbarblock .query-input.tt-input:focus, .bloglistpage .searchbarblock .query-input.tt-input:active { border: none; } .bloglistpage .bloglistbody { height: -webkit-fit-content; height: fit-content; } .bloglistpage .blog-puff { border-bottom: none; } .bloglistpage .blog-puff:hover { border-bottom: none; } .bloglistpage .blog-puff .heading { font-weight: 500; font-size: 24px; /*@warn("screen and (max-width: 460px)");*/ margin-top: -6px; margin-bottom: 0; } @media screen and (max-width: 460px) { .bloglistpage .blog-puff .heading { font-size: 18px; } } .bloglistpage .load-more-wrapper { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .bloglistpage .load-more-wrapper .load-more-blogs { display: inline-block; border: 2px solid #005b94; border-radius: 60px; padding: 12px 24px; background-color: transparent; cursor: pointer; } .bloglistpage .load-more-wrapper .load-more-blogs:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .bloglistpage .load-more-wrapper .load-more-blogs:hover:before, .bloglistpage .load-more-wrapper .load-more-blogs.loading:before { animation: infinite-spinning 1.5s infinite; animation-timing-function: linear; animation-direction: reverse; display: inline-block; } .bloglistpage .query-input.tt-input { border: 2px solid #005b94; } .bloglistpage.tobiipro .block .block__heading { border: none; padding: 0; margin-top: 0; margin-bottom: 24px; color: black; font-weight: 400; } .blogpage { /* Input field in search bar block */ } .blogpage .container.blocks, .blogpage .blocks.feature-menu-wrap { overflow: visible; } .blogpage .tags { margin-top: 72px; margin-bottom: 48px; } .blogpage.tobiipro .block .block__heading { border: none; padding: 0; margin-top: 0; margin-bottom: 24px; color: black; font-weight: 400; } .blogpage .containedsearchbarblock .search, .blogpage .searchbarblock .search { /* Hax for the border shading to properly be visible when selected. */ margin-top: 3px; } .blogpage .containedsearchbarblock .query-input.tt-input, .blogpage .searchbarblock .query-input.tt-input { border: 2px solid #005b94; } .blogpage .containedsearchbarblock .query-input.tt-input:focus, .blogpage .containedsearchbarblock .query-input.tt-input:active, .blogpage .searchbarblock .query-input.tt-input:focus, .blogpage .searchbarblock .query-input.tt-input:active { border: none; } .blogpage .blogpage__mainbody .col-1 { float: left; margin-left: 1.875%; margin-right: 1.875%; width: 96.25%; flex-basis: 96.25%; -ms-flex-preferred-size: auto; min-width: 1px; } .gazesharepricingpage { /*background-color: $color-bg-gray;*/ } .gazesharepricingpage .bg-gray { background-color: #f5f4f3; -ms-flex-pack: center; justify-content: center; } .gazesharepricingpage .gray-wrapper { background-color: #f5f4f3; margin-bottom: 3em; border-bottom: solid 1px rgba(200, 200, 200, 0.2); } .gazesharepricingpage ul li { margin-top: 0; } .gazesharepricingpage .hero-wrap { width: 100%; text-align: center; } .gazesharepricingpage__container { -ms-flex-pack: center; justify-content: center; max-width: 1200px; } .gazesharepricingpage__products { -ms-flex-pack: center; justify-content: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .gazesharepricingpage__products.secondary { display: none; } .gazesharepricingpage__products__text { text-align: center; font-size: 12px; /*@warn("screen and (max-width: 460px)");*/ margin-top: 3em; } @media screen and (max-width: 460px) { .gazesharepricingpage__products__text { font-size: 12px; } } .gazesharepricingpage .gazesharepricingpage__topcontainer { width: 62.5%; -ms-flex-preferred-size: 62.5%; flex-basis: 62.5%; } .gazesharepricingpage .product-switch { cursor: pointer; margin-bottom: 2em; } .gazesharepricingpage .product-switch__primary, .gazesharepricingpage .product-switch__secondary { display: inline-block; position: relative; top: -2px; } .gazesharepricingpage .product-switch__primary:after, .gazesharepricingpage .product-switch__secondary:after { display: block; content: attr(title); height: 1px; color: transparent; overflow: hidden; visibility: hidden; } .gazesharepricingpage .product-switch__primary__subheading, .gazesharepricingpage .product-switch__secondary__subheading { position: absolute; top: 100%; color: #fd6e86; font-style: italic; display: none; white-space: nowrap; left: 0; } .gazesharepricingpage .product-switch__primary__subheading { display: block; right: 0; left: unset; } .gazesharepricingpage .product-switch__secondary { color: #BBBDC0; } .gazesharepricingpage .product-switch__button { display: inline-block; position: relative; margin: 0 24px; width: 50px; height: 26px; border-radius: 14px; border: 1px solid #6b7076; background-color: #6b7076; } .gazesharepricingpage .product-switch__button:after { content: ""; display: block; width: 20px; height: 20px; border-radius: 50%; background-color: #FFF; position: absolute; left: 2px; top: 2px; transition: left 0.150s ease-in-out; } .gazesharepricingpage #product-switch { position: absolute; top: -9000px; left: -9000px; opacity: 0; } .gazesharepricingpage #product-switch:checked ~ .product-switch .product-switch__primary { color: #BBBDC0; } .gazesharepricingpage #product-switch:checked ~ .product-switch .product-switch__primary__subheading { display: none; } .gazesharepricingpage #product-switch:checked ~ .product-switch .product-switch__secondary { color: unset; } .gazesharepricingpage #product-switch:checked ~ .product-switch .product-switch__secondary__subheading { display: block; } .gazesharepricingpage #product-switch:checked ~ .product-switch .product-switch__button:after { left: 24px; } .gazesharepricingpage #product-switch:checked ~ .gazesharepricingpage__products.primary { display: none; } .gazesharepricingpage #product-switch:checked ~ .gazesharepricingpage__products.secondary { display: -ms-flexbox; display: flex; } .gazesharesubscriptionspage .invoices { margin-bottom: 0; } .gazesharesubscriptionspage .left-content { display: none; } .gazesharesubscriptionspage .hero .inner { max-width: 1200px; } .gazesharesubscriptionspage .c-subscription-status { font-weight: 500; color: #fd6e86; } .gazesharesubscriptionspage .block__heading { margin-bottom: 0; } .gazesharesubscriptionspage .block__heading { border-bottom: 0 !important; } .gazesharesubscriptionspage .form-container { padding: 0; } .gazesharesubscriptionspage #subscriptionContainer { margin-left: auto; margin-right: auto; } .gazesharesubscriptionspage #subscriptionContainer.loading { height: 3em; } .gazesharesubscriptionspage #subscriptionContainer.loading:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .gazesharesubscriptionspage #subscriptionContainer.loading:before { animation: infinite-spinning 1.5s infinite; animation-timing-function: linear; animation-direction: reverse; display: inline-block; top: 25%; left: 49%; } .gazesharesubscriptionspage .subscription-modal { background-color: #FFF; border-radius: 14px; padding: 12px 36px 24px; position: relative; min-height: 50px; } .gazesharesubscriptionspage .subscription-modal h3 { margin-top: 12px; } .gazesharesubscriptionspage .subscription-modal .loading { height: 100%; } .gazesharesubscriptionspage .subscription-modal .loading:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .gazesharesubscriptionspage .subscription-modal .loading:before { animation: infinite-spinning 1.5s infinite; animation-timing-function: linear; animation-direction: reverse; display: inline-block; } .gazesharesubscriptionspage .subscription-modal__close { background: transparent; border: none !important; color: #CACACA; position: absolute; top: 6px; right: 6px; } .gazesharesubscriptionspage .pricing-table { margin-bottom: 12px; } .gazesharesubscriptionspage .pricing-table__price { text-align: right; } .gazesharesubscriptionspage .pricing-table tr { background-color: transparent; } .gazesharesubscriptionspage .pricing-table tfoot { border-top: 1px solid #CaCaCa; font-weight: 500; } .gazesharesubscriptionspage .js-submitcontact { height: 2.9em; } .gazesharesubscriptionspage #z-container { position: fixed; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .gazesharesubscriptionspage .center { text-align: center; } .gazesharesubscriptionspage .contact-popup { background-color: #FFF; border-radius: 15px; box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.35); padding: 25px; } .gazesharesubscriptionspage .contact-popup h3 { margin-top: 0; text-align: center; } .gazesharesubscriptionspage .c-subscription { margin-bottom: 2em; } .gazesharesubscriptionspage .c-subscription--button-wrapper { margin-bottom: 1em; } .gazesharesubscriptionspage .c-subscription .link-style { border: none; background: none; color: #307cad; text-decoration: underline; } .gazesharesubscriptionspage .c-subscription .page-link:before { display: none; } .gazesharesubscriptionspage .c-subscription .header-wrapper { border-bottom: none !important; margin-bottom: 0; } .gazesharesubscriptionspage .c-subscription tr { background-color: transparent; } .gazesharesubscriptionspage .c-error-container { position: absolute; top: -100vh; visibility: hidden; } .in-editmode .gazesharesubscriptionspage .c-error-container { position: static; visibility: visible; } .in-editmode .gazesharesubscriptionspage .c-error-container:after { display: block; position: absolute; top: -30px; height: 30px; content: "Error messages"; } .gazesharesubscriptionspage .c-error-error, .gazesharesubscriptionspage .c-error-unauth, .gazesharesubscriptionspage .c-error-permdenied { padding: 24px; width: 64.5%; min-width: 40vw; border: 1px solid #ed473b; } .gazesharesubscriptionspage .c-error-error .block__content, .gazesharesubscriptionspage .c-error-unauth .block__content, .gazesharesubscriptionspage .c-error-permdenied .block__content { margin-top: 36px; margin-bottom: 36px; } .in-editmode .gazesharesubscriptionspage .c-error-error, .in-editmode .gazesharesubscriptionspage .c-error-unauth, .in-editmode .gazesharesubscriptionspage .c-error-permdenied { margin-bottom: 48px; } .gazesharesubscriptionspage #payment-method-message-container span { text-align: center; width: 100%; display: inline-block; margin-bottom: 1em; color: green; } .gazesharesubscriptionspage .message-container { color: green; width: 100%; float: left; margin: 1em; } .gazesharesubscriptionspage #contact-message-container { text-align: center; width: 100%; display: inline-block; margin-bottom: 1em; color: red; } .gazesharesubscriptionspage .c-subscription { max-width: 1200px; } .gazesharesubscriptionspage .c-subscription-pane { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 36px 0; border-top: 1px solid #CaCaCa; } .gazesharesubscriptionspage .c-subscription-pane:first-child { border-top: none; } .gazesharesubscriptionspage .c-subscription-pane-content { width: 70%; -ms-flex-preferred-size: 70%; flex-basis: 70%; margin-left: 5%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-positive: 1; flex-grow: 1; } .gazesharesubscriptionspage .c-subscription-pane-content .content-column { width: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; } .gazesharesubscriptionspage .c-subscription-pane-content .content-column:nth-of-type(2n) { width: 60%; -ms-flex-preferred-size: 60%; flex-basis: 60%; } .gazesharesubscriptionspage .c-subscription-pane-title { width: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; font-weight: 500; padding-left: 12px; max-width: 250px; } .gazesharesubscriptionspage .c-subscription-pane-title p { margin: 0.75em 0; } .gazesharesubscriptionspage address p { margin: 0.75em 0; font-style: normal; } .gazesharesubscriptionspage .form-container { margin-bottom: 36px; } .gazesharesubscriptionspage .price { float: right; margin-right: 12px; } .gazesharesubscriptionspage .radio-container { position: relative; margin-bottom: 12px; display: inline-block; } .gazesharesubscriptionspage .radio-container input[type=radio] { /*visibility: hidden;*/ /*width: 0;*/ height: 0; opacity: 0; position: absolute; } .gazesharesubscriptionspage .radio-container input[type=radio] ~ label { padding-left: 35px; cursor: pointer; } .gazesharesubscriptionspage .radio-container input[type=radio] ~ label:before { cursor: pointer; line-height: 28px; display: block; background: #fff !important; content: "\00a0"; width: 20px; height: 20px; text-align: center; border-radius: 50%; border: 1px solid #c7c1bb; transition: border 0.3s ease-in-out; box-sizing: border-box; position: absolute; top: 2px; left: 0; } .gazesharesubscriptionspage .radio-container input[type=radio]:checked ~ label:before { border: 8px solid #fd6e86; } .gazesharesubscriptionspage .radio-container input[type=radio].error ~ label:before { border-color: #ff9999; box-shadow: 0px 0px 12px 0px #ff9999; } .gazesharesubscriptionspage .radio-container input[type=radio]:focus ~ label:before, .gazesharesubscriptionspage .radio-container input[type=radio]:active ~ label:before { box-shadow: 0px 0px 6px 0px #9999ff; } .gazesharesubscriptionspage .contact-form input[type=text], .gazesharesubscriptionspage .contact-form input[type=email] { border: 2px solid #ded9dd; border-radius: 10px; padding: 8px; height: auto; margin-bottom: 6px; } .gazesharesubscriptionspage .contact-form input[type=text]:focus, .gazesharesubscriptionspage .contact-form input[type=text]:active, .gazesharesubscriptionspage .contact-form input[type=email]:focus, .gazesharesubscriptionspage .contact-form input[type=email]:active { border-color: #ffaa1d; box-shadow: none; } .gazesharesubscriptionspage .contact-form input[type=text].invalid, .gazesharesubscriptionspage .contact-form input[type=text].error, .gazesharesubscriptionspage .contact-form input[type=email].invalid, .gazesharesubscriptionspage .contact-form input[type=email].error { border-color: #ee2669; background-color: rgba(238, 38, 105, 0.1); } .gazesharesubscriptionspage .contact-form input[type=text].invalid ~ .order-form__error-message, .gazesharesubscriptionspage .contact-form input[type=text].error ~ .order-form__error-message, .gazesharesubscriptionspage .contact-form input[type=email].invalid ~ .order-form__error-message, .gazesharesubscriptionspage .contact-form input[type=email].error ~ .order-form__error-message { display: block; } .gazesharesubscriptionspage .contact-form form { padding: 12px; } .gazesharesubscriptionspage .contact-form label { font-size: 14px; margin-left: 8px; } .gazesharesubscriptionspage .order-form { text-align: left; } .gazesharesubscriptionspage .order-form__required { color: #ee2669; } .gazesharesubscriptionspage .order-form__error-message { color: #ee2669; margin: 0; text-align: right; font-size: 16px; display: none; } .gazesharesubscriptionspage .control { margin-bottom: 0; } .gazesharesubscriptionspage .form-submit { padding-top: 20px; margin-top: 10px; border-top: 2px solid #CCCCCC; display: -ms-flexbox; display: flex; -ms-flex-pack: right; justify-content: right; } .gazesharesubscriptionspage .form-submit .button, .gazesharesubscriptionspage .form-submit .product-selector .selected-products__product, .product-selector .gazesharesubscriptionspage .form-submit .selected-products__product, .gazesharesubscriptionspage .form-submit .product-selector .add-product, .product-selector .gazesharesubscriptionspage .form-submit .add-product, .gazesharesubscriptionspage .form-submit .load-more { padding-left: 60px; padding-right: 60px; } .gazesharesubscriptionspage .control label { position: static; color: unset; } .gazesharesubscriptionspage .dropdown-wrapper { width: 100%; margin-bottom: 6px; border-radius: 10px; } .gazesharesubscriptionspage .dropdown-wrapper:after { top: 6px; } .gazesharesubscriptionspage .dropdown-wrapper select { border-radius: 10px; height: auto; border: 2px solid #ded9dd; border-radius: 10px; padding-top: 8px; padding-bottom: 8px; } .gazesharesubscriptionspage .dropdown-wrapper select:focus, .gazesharesubscriptionspage .dropdown-wrapper select:active { border-color: #ffaa1d; box-shadow: none; } .webinarlistpage .icon-calendar-2:before, .webinarpage .icon-calendar-2:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .webinarlistpage .icon-clock-3:before, .webinarpage .icon-clock-3:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .webinarlistpage .icon-globe:before, .webinarpage .icon-globe:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .webinarlistpage .icon-wallet-3:before, .webinarpage .icon-wallet-3:before { position: relative; font-size: 30px; content: ""; margin-right: 12px; font-family: "streamline-30px" !important; } .webinarpage__form { overflow: hidden; max-height: 0; opacity: 0; visibility: 0; transition: all .25s ease; } .webinarpage__form--open { max-height: 100%; opacity: 1; visibility: visible; transition: all .25s ease; } .webinarpage__signup { margin-bottom: 2em; } .webinarpage__webinarvideo { margin-bottom: 4em; } .webinarpage__backlink { margin-left: 43px; } .webinarlistpage h1, .webinarlistpage .main-intro { text-align: center; } .webinarlistpage .blocks.left { -ms-flex-pack: left; justify-content: left; } .webinarlistpage__webinar { margin-bottom: 1em; transition: transform .25s ease-in-out 0s; will-change: transform; } @media screen and (min-width: 768px) { .webinarlistpage__webinar { padding: 0 1em; } } .webinarlistpage__webinar:hover { -ms-transform: scale(1.025); transform: scale(1.025); transition: transform .25s ease-in-out 0s; } .webinarlistpage__icon { font-size: .825em; } .webinarlistpage__icon.icon-calendar-2:before, .webinarlistpage__icon.icon-clock-3:before, .webinarlistpage__icon.icon-globe:before, .webinarlistpage__icon.icon-wallet-3:before { font-size: 18px; margin-right: 4px; } .webinarlistpage__image { max-height: 210px; overflow: hidden; } .webinarlistpage__image img { object-fit: cover; width: 100%; max-height: 210px; min-height: 210px; transition: all ease .25s; } .webinarlistpage__form { width: 100%; } .webinarlistpage__form .button, .webinarlistpage__form .product-selector .selected-products__product, .product-selector .webinarlistpage__form .selected-products__product, .webinarlistpage__form .product-selector .add-product, .product-selector .webinarlistpage__form .add-product, .webinarlistpage__form .load-more { background: #e6750c; width: 100%; text-align: center; } .webinarlistpage__form .button:hover, .webinarlistpage__form .product-selector .selected-products__product:hover, .product-selector .webinarlistpage__form .selected-products__product:hover, .webinarlistpage__form .product-selector .add-product:hover, .product-selector .webinarlistpage__form .add-product:hover, .webinarlistpage__form .load-more:hover { background: transparent; color: #e6750c; } .webinarlistpage__form select { font-size: 16px; height: 50px; padding: 14px; } .webinarlistpage__form input[type="text"] { box-shadow: 0px 0px 6px 0px #9999ff; font-size: 16px; height: 50px; padding: 14px; } @media screen and (min-width: 768px) { .webinarlistpage__categories { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } } .webinarlistpage__category { padding-left: 1.25%; padding-right: 1.25%; margin-bottom: 1em; } @media screen and (min-width: 768px) { .webinarlistpage__category { -ms-flex: 0 0 33%; flex: 0 0 33%; } } @media screen and (min-width: 1200px) { .webinarlistpage__category { -ms-flex: 0 0 16.6%; flex: 0 0 16.6%; } } /* Mixin generating color schemes for all pages */ .tobii { color: #231f20; } .tobii .navbar { background-image: url(none); } .tobii .navbar .logo { background-image: url("/Static/img/logo-tobii-w.svg"); width: 76px; max-width: 70%; } .tobii #footer .logo { background-image: url("/Static/img/logo-tobii-w.svg"); } .tobii.businessunitstartpage .hero { background-image: url(none); } .tobii.campaignpage .page-logo { position: absolute; background-image: url("/Static/img/logo-tobii-w.svg"); width: 76px; max-width: 70%; } .tobii.campaignpage .page-logo.black { background-image: url("/Static/img/logo-tobii-b.svg"); }