/* Theme Name: Modern Theme URI: Author: David Pottrell Author URI: Description: Nothing really to say here! Version: 1.1 David Pottrell 20-02-2019 */ /* unsorted */ .single .author-meta a { color: var(--wp--preset--color--secondary); } #author-popup img {width:200px;} div#author-popup { max-width: 1000px; margin: auto; background: white; padding: 30px; border-radius: 12px; } div#author-popup .popup-content { display: grid; grid-template-columns: 33% 66%; gap:15px; } .event-selector.event { display: grid; grid-template-columns: 33.333% 66.666%; gap: 75px; align-items: center; margin-right: 0px !important; margin-left: 0px !important; max-width: 100%; width: 100%; } .event-selector.event h2 { font-size: var(--wp--preset--font-size--big) !important; color: #fdc808; margin-bottom: 20px; } .event-selector.event p { margin-bottom: 10px; } .event-selector.event { margin: 30px 0; border-bottom: 1px solid black; padding-bottom:30px; } .event-selector.event img { width:100%; } .link-wrap { display: flex; gap: 5px; flex-wrap: wrap; } .side-bar-active article { display: grid; grid-template-columns: 75% 25%; gap: 30px; } @font-face { font-family: 'Frutiger CE 45'; src: url('assets/fonts/FrutigerCE-Light.woff2') format('woff2'), url('assets/fonts/FrutigerCE-Light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Frutiger LT 45'; src: url('assets/fonts/FrutigerLT-Light.woff2') format('woff2'), url('assets/fonts/FrutigerLT-Light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Zemestro Std'; src: url('assets/fonts/ZemestroStd-Bold.woff2') format('woff2'), url('assets/fonts/ZemestroStd-Bold.woff') format('woff'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Zemestro Std'; src: url('assets/fonts/ZemestroStd.woff2') format('woff2'), url('assets/fonts/ZemestroStd.woff') format('woff'); font-weight: normal; font-style: normal; } /*Reset Styles*/ html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form {margin: 0; padding: 0; border: none;} a img {border: none;} img {padding: 0;margin: 0;vertical-align: middle;} table {border-collapse: collapse; border-spacing: 0;} fieldset {border:1px solid #cacaca;margin-bottom:25px} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;position: relative;} a[href^=tel]{text-decoration:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;} #wpadminbar {bottom: 0;top: auto;position: fixed;} /*hp buttons*/ .content-buttons { display: flex; } /*Gutentag*/ /*Link overwrite for orange background*/ .wp-block-group.has-primary-background-color a { color: var(--wp--preset--color--secondary); } .wp-block-group__inner-container { padding: 0 30px; max-width: 1300px; } .alignwide, .alignwide .wp-block-group__inner-container, .alignfull .wp-block-group__inner-container { max-width: 1300px; margin: auto; } .wp-block-column .wp-block-group__inner-container { padding: inherit } .wp-block-columns { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; } .wp-block-columns .wp-block-group { padding: 15px; border-radius: 5px; } .nogap {gap:0!important;} .mobile-only {display: none!important;} /*Useful Styles*/ em{font-style:italic;word-break: break-word;} hr{width: 100%;background: #fec624;height: 5px;border: 0;margin: 50px 0;} strong {font-family: 'Frutiger LT 45';font-weight: 900;font-style: normal;} blockquote {position: relative;font-size: 24px;font-style: normal;margin: 0;font-weight: 400;z-index: 1;} blockquote p {font-size: 26px;line-height: 1.2em;} blockquote p:last-of-type {margin:0;} blockquote cite {font-size: 16px;font-style:normal;margin: 15px 0 0 15px;display: block;font-weight: 700;} blockquote cite:before {content:'~ '} pre {word-break: break-all;} code,pre {color: #fff;background: #e0326e;padding: 15px;white-space: pre-wrap;font-size: 18px;line-height: 22px;margin: 0;} pre > code {padding:0;} .hidden{display:none;} .visible{display:block!important;} .bb{-webkit-box-sizing:border-box;box-sizing:border-box;} .minus-margin {margin-top: -125px;} .anchor {padding-top: 115px;margin-top: -115px;} .wp-block-cover.radius,.radius { border-radius: 5px; overflow: hidden; } .video-container {position: relative;padding-bottom: 50%;padding-top: 15px;height: 0;} .video-container embed,.video-container iframe,.video-container object {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .uploaded-video video { width: 100%; height: auto; } ul.split-list { column-count: 2; font-size: 22px; } .wp-block-buttons { gap: 0; } .tiny-logo-container { display: flex; } /*Image Styles*/ .responsive {width: 100%;height: auto;} .fixed {width: initial;max-width: initial;} .aligncenter {display:block;margin:auto;} .alignleft, .wp-caption.alignleft {float:left;margin: 0 15px 15px 0;} .alignright, .wp-caption.alignright {float:right;margin: 0 0 15px 15px;} .alignright.size-medium.responsive, .alignleft.size-medium.responsive {margin: 25px 0 40px 0;} .size-thumbnail,.size-thumbnail img {height:auto;} .size-medium,.size-medium img {height: auto;max-width: 575px;width: 100%;} .size-large,.size-large img {width: 100%;height: auto;max-width: 850px;overflow: visible;} .size-full {} .radius {border-radius: 50%;} .wp-caption {width: auto!important;} .wp-caption .size-full {margin:0;} .wp-caption.aligncenter {text-align: center;} /*Share Buttons*/ .social_col {margin-top: 50px;} .social_media {display: inline-block;vertical-align: middle;text-align: center;} .social_media a {font-size: 24px;line-height: 24px;float: left;padding: 9px 7px;cursor: pointer;margin-right: 10px;color: #343a40;background: #ffffff;width: 40px;height: 40px;border: 0;-webkit-transition: all .25s ease;transition: all .25s ease;} .social_media a:hover,#news .social_media a:hover {background-color: #fec624;color: #FFF;} .social_media a.facebook:hover {background-color: #4267B2;} .social_media a.twitter:hover {background-color: #55acee;} .social_media a.youtube:hover {background-color: #de1919;} .social_media a.instagram:hover {background-color: #fccc63;} .social_media a.googleplus:hover {background-color:#dd4b39;} .social_media a.reddit:hover {background-color:#ff4500;} .social_media a.linkedin:hover {background-color:#0077b5;} .social_media a.email:hover {background-color:#caccce;} #news .social_media {border-top: 1px solid #81939d;display: block;padding: 25px 0 0 0;} #news .social_media a {background-color: #3e4f59;color: #FFF;} div.gallery {margin: 25px 0!important;} div.gallery .gallery-item .gallery-icon {margin: 15px !important;} div.gallery .gallery-item a {display: block;position: relative;overflow: hidden;width: 100%;border: 2px solid #cfcfcf;box-sizing: border-box;} div.gallery .gallery-item img.size-thumbnail,div.gallery .gallery-item img.size-medium,div.gallery .gallery-item img.size-large {width: 100%;max-width: 100%;height: auto;vertical-align: middle;} div.gallery .gallery-item a:after { content: 'View'; position: absolute; top: 55%; left: 50%; opacity: 0; margin: -20px 0 0 -55px; z-index: 333; display: inline-block; font-size: 14px; cursor: pointer; transform: translateZ(0); transform: perspective(1px) translateZ(0); -webkit-font-smoothing: subpixel-antialiased; backface-visibility: hidden; padding: 12px 32px; border: 3px solid #FFF; border-radius: 50px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; outline: none; box-shadow: 0 0 0 4px #d6e0e1; -webkit-transition: all .35s ease; transition: all .35s ease; background-color: #0db4b9; background-image: -webkit-linear-gradient(#0db4b9 50%, #03a1dc 50%); background-image: linear-gradient(#0db4b9 50%, #019ae8 50%); border-color: #6eceff; box-shadow: 0 0 0 4px #008dd6; color: #FFF; } div.gallery .gallery-item a:before {opacity:0;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;content:'';position: absolute;background: rgba(0, 0, 0, 0.5);width: 100%;top: 0px;left:0;height:100%;z-index: 222;} div.gallery .gallery-item a:hover:before {opacity:1;} div.gallery .gallery-item a:hover:after {opacity:1;top: 50%;} div.gallery .gallery-item {margin: 0 !important;} div.gallery .gallery-item img {border: 0 !important;} .alignCenter{text-align:center;} .alignRight{text-align:right;} .alignLeft{text-align:left;} .scale.padTop {padding-top: 5%;} .scale.padBottom {padding-bottom: 5%;} .scale.padLeft {padding-left: 5%;} .scale.padRight {padding-right: 5%;} .scale.padAll {padding: 5%;} .padTop {padding-top: 25px;} .padBottom {padding-bottom: 25px;} .padLeft {padding-left: 25px;} .padRight {padding-right: 25px;} .padAll {padding: 25px;} .sml.padTop {padding-top: 15px;} .sml.padBottom {padding-bottom: 15px;} .sml.padLeft {padding-left: 15px;} .sml.padRight {padding-right: 15px;} .sml.padAll {padding: 15px;} .marTop {margin-top: 25px;} .marBottom {margin-bottom: 25px;} .marLeft {margin-left: 25px;} .marRight {margin-right: 25px;} .marAll {margin:25px;} .left{float:left;} .right{float:right;} .col1 {width:100%;} .col2 {width: 48%;} .col3 {width:33.33333%;} .col4 {width:25%;} .one-third {width: 30%;} .two-thirds {width: 65%;} .oneFifth {width:20%;} .twoFifths {width:40%;} .threeFifths {width:60%;} .fourFifths {width:80%;} .clear::after{clear:both;content:"";display:table;} ::selection {background: #fec624;color: #3e4f59;} ::-moz-selection {background: #fec624; color: #3e4f59;} *, *::after, *::before {box-sizing: inherit;} /*Backgrounds*/ .bgWhite,.has-white-background-color {background-color: #FFFFFF!important;} .bgGrey,.has-grey-background-color {background-color: #EFEFEF!important;} .bgBlack,.has-black-background-color {background-color: #343a40!important;} .bgYellow,.has-yellow-background-color {background-color: #fdc808!important;} .bgNavy,.has-navy-background-color {background-color: #81939d!important;} .bgDNavy,.has-dark-navy-background-color {background-color: #4d6877!important;} .bgLYellow,.has-light-yellow-background-color {background-color: #ffcd50!important;} /*Text*/ .txtWhite,.has-white-color {color: #FFFFFF!important;} .txtGrey,.has-grey-color {color: #EFEFEF!important;} .txtBlack,.has-black-color {color: #343a40!important;} .txtNavy,.has-navy-color {color: #81939d!important;} .txtYellow,.has-yellow-color {color:#fec624!important;} /* custom table css */ .wp-block-table td, .wp-block-table th {border:0;} .wp-block-table thead {border:0} .wp-block-table table {border:0} .wp-block-table tr {border-bottom: 1px solid white;} .wp-block-table thead {border-bottom:1px solid white; color: var(--wp--preset--color--primary);} /*CLIP SHAPES*/ .clip-wrap {text-align: center;position: relative;width: 100%;max-width: 575px;margin: auto;} .clip-shape {position: relative;width: 100%;height: auto;margin: 0 auto;-webkit-clip-path: url("#hexagon-clip");clip-path: url("#hexagon-clip");} .clip-shape img {width:100%;height:auto;} .shape-0 .clip-shape img {width:auto;height:auto;} svg.clip-svg {position: absolute;top: 0;left: 0;} .clip-wrap:after {content: '';background-image: url(images/shapes/shape-1.png);background-size: 100%;width: 100%;height: 675px;background-position: top center;background-repeat: no-repeat;position: absolute;top: -8%;left: 0px;z-index: -1;} figure img {position:relative;z-index:50;} .is-style-hex-1 img, .is-style-hex-2 img, .is-style-hex-3 img, .is-style-hex-4 img, .is-style-hex-5 img, .is-style-hex-6 img, .is-style-hex-7 img, .is-style-hex-8 img, .is-style-hex-9 img, .is-style-hex-10 img, .is-style-hex-11 img, .is-style-hex-12 img {clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);margin: 25px 0px 50px 0;/* max-width: 575px; */margin: auto;display: block;/* top: -3px; */} .is-style-hex-1:after, .is-style-hex-2:after, .is-style-hex-3:after, .is-style-hex-4:after, .is-style-hex-5:after, .is-style-hex-6:after, .is-style-hex-7:after, .is-style-hex-8:after, .is-style-hex-9:after, .is-style-hex-10:after, .is-style-hex-11:after, .is-style-hex-12:after{content: '';background-image: url(images/shapes/shape-1.png);background-size: 100%;width: 100%;height: 700px;/* max-width: 575px; */background-position: 0px 0px;background-repeat: no-repeat;position: absolute;top: -8.25%;margin: auto;display: block;/* left: 33px; */z-index: 0;} .is-style-hex-1:before,.is-style-hex-2:before,.is-style-hex-3:before,.is-style-hex-4:before {content:'';position: absolute;top: 0px;right: 0px;width: 100%;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;} .is-style-hex-1:before,.is-style-hex-2:before,.is-style-hex-3:before,.is-style-hex-4:before {background-image: url(images/THIRD-DIMENSION-LINES&DOTS-01.png);} .is-style-hex-5:before,.is-style-hex-6:before,.is-style-hex-7:before,.is-style-hex-8:before {background-image: url(images/THIRD-DIMENSION-LINES&DOTS-02.png);} .is-style-hex-9:before,.is-style-hex-10:before,.is-style-hex-11:before,.is-style-hex-12:before {background-image: url(images/THIRD-DIMENSION-LINES&DOTS-03.png);} .shape-1 .clip-wrap:after,.is-style-hex-3:after {background-image: url(images/shapes/shape-1.png);} .shape-2 .clip-wrap:after,.is-style-hex-3:after {background-image: url(images/shapes/shape-2.png);} .shape-3 .clip-wrap:after,.is-style-hex-3:after{background-image: url(images/shapes/shape-3.png);} .shape-4 .clip-wrap:after,.is-style-hex-4:after {background-image: url(images/shapes/shape-4.png);} .shape-5 .clip-wrap:after,.is-style-hex-5:after {background-image: url(images/shapes/shape-5.png);} .shape-6 .clip-wrap:after,.is-style-hex-6:after {background-image: url(images/shapes/shape-6.png);} .shape-7 .clip-wrap:after,.is-style-hex-7:after {background-image: url(images/shapes/shape-7.png);} .shape-8 .clip-wrap:after,.is-style-hex-8:after {background-image: url(images/shapes/shape-8.png);} .shape-9 .clip-wrap:after,.is-style-hex-9:after {background-image: url(images/shapes/shape-9.png);} .shape-10 .clip-wrap:after,.is-style-hex-10:after {background-image: url(images/shapes/shape-10.png);} .shape-11 .clip-wrap:after,.is-style-hex-11:after {background-image: url(images/shapes/shape-11.png);} .shape-12 .clip-wrap:after,.is-style-hex-12:after {background-image: url(images/shapes/shape-12.png);} /*BACKGROUND STYLES*/ .bg:after {position:relative;content: '';background-size: 1300px;background-position: center -163px;background-repeat: no-repeat;width: 100%;height: 100%;position: absolute;top: 0;right: -390px;z-index: 5;} .style-1:after {background-image: url(images/THIRD-DIMENSION-LINES&DOTS-01.png); background-repeat: no-repeat;} .style-2:after {background-image: url(images/THIRD-DIMENSION-LINES&DOTS-02.png);background-repeat: no-repeat;} .style-3:after {background-image: url(images/THIRD-DIMENSION-LINES&DOTS-03.png);background-repeat: no-repeat;} .bring-forward{position:relative;z-index: 6550;} .go-back{position:relative;z-index: 1;} .right-image-row:after {background-position: -250px 230px;} .minimal {overflow:hidden;position: relative;} .minimal:after {background-size: 1760px;} /* accordion block */ .accordion { width: 100%; } .clickable-content {font-size: var(--wp--preset--font-size--x-large);} .accordion .accordion-inner {display:flex; flex-direction:row;} .accordion .accordion-title { position: relative; display: block; background: var(--wp--preset--color--tertiary); margin-bottom: var(--wp--preset--spacing--20); transition: all .25s ease-in-out; border-bottom: 1px solid var(--wp--preset--color--secondary); } .accordion .accordion-title.active, .accordion .accordion-title.active:hover { color: var(--wp--preset--color--primary); } .accordion .accordion-title h4 { display: flex; padding: var(--wp--custom--layout--small-padding) 0; align-items: center; /* justify-content: space-between; */ margin: 0; cursor: pointer; } .accordion:nth-child(even) .col-2:first-child{ order: 5; } .accordion .accordion-title h4:after { content: ''; transition: all .25s ease-in-out; max-width: 20px; max-height: 20px; background-image: url('data:image/svg+xml,'); display: block; background-repeat: no-repeat; background-size: contain; background-color: var(--wp--preset--color--primary); padding: 20px; border-radius: 50%; background-position:center center; margin-left: 20px; } .accordion .accordion-title.active h4:after { transform: rotateX(180deg); filter: invert(1); } .accordion .accordion-inner { padding: 15px; display: none; margin-top: -8px; } .accordion .accordion-inner p { margin-top: 0; } .accordion .accordion-inner p:last-of-type { margin-bottom: 0; } .accordion .accordion-inner > div { max-width: 100%; gap: 25px; flex-wrap: nowrap; } .accordion-content { display: none; padding: 10px; } .accordion .title-name h4 { } /*Buttons*/ a.button, .button,.wp-block-button__link {position: relative;cursor: pointer;display: inline-block;outline: none;z-index: 5;font-family: 'PT Sans', sans-serif;font-weight: 700;font-size: 20px;text-decoration: none;line-height: 1.2em;text-align: center;text-transform: uppercase;padding: 10px 20px;border-radius: 0;-webkit-transition: all .5s ease;transition: all .5s ease;} a.button:hover, .button:hover {background: #3e4f59;border: 2px solid #3e4f59;color: #ffffff;} a.button.transparent,.button.transparent {background-color: transparent;border: 2px solid #FFF;color: #FFF;} a.button.transparent:hover,.button.transparent:hover {background-color: #3e4f59;border-color: #3e4f59;} a.button.black,.button.black {background-color: #212121;border-color: #212121;color: #FFF;} a.button.black:hover,.button.black:hover {background-color: #212121;border-color: #212121;} a.button.LNavy,.button.LNavy {background-color: #81939d;border-color: #81939d;color: #FFF;} a.button.LNavy:hover,.button.LNavy:hover {background-color: #3e4f59;border-color: #3e4f59;} a.button.navy,.button.navy {background-color: #3e4f59;border-color: #3e4f59;color: #FFF;} a.button.navy:hover,.button.navy:hover {background-color: #3e4f59;border-color: #3e4f59;} .is-style-transparent a {background:none} .is-style-outlined a {border:2px solid} .headquarters a {} /*Typography*/ p, ul, ol {margin-bottom: 25px;line-height: 1.35;font-weight: 600;} p:last-of-type {} /*List Styles*/ section ul,section ol {overflow: hidden;} ol li {margin-left: 55px;margin-bottom: 3px;} /*Heading Styles*/ h1,.heading-1,h2,.heading-2,h3,.heading-3,h4,.heading-4 {position: relative;font-family: 'Zemestro Std';font-weight: bold;font-style: normal;} h1,.heading-1 {font-size: 48px;line-height: 1em;margin-bottom: 35px;} h2,.heading-2 {font-size: 48px;line-height: 1em;margin-bottom: 30px;} h3,.heading-3 {font-size: 34px;line-height: 1em;margin-bottom: 25px;} h4,.heading-4 {font-size: 28px;line-height: 1em;margin-bottom: 25px;} h5,.heading-5 {font-size: 20px;line-height: 1em;margin: 0 0 20px 0;} .noMargin {margin:0;} /*Layout*/ html {margin: 0!important;padding: 0;} body {font-family: 'Frutiger LT 45'!important;font-style: normal;background: #FFFFFF;color: #343a40;font-size: 18px;font-weight: 500;overflow-x: hidden;line-height: 1.5em;margin-top: 100px;} .container,.wp-block-group__inner-container {margin: auto;width: 100%;height: 100%;position: relative;z-index: 25;} .container.large {max-width: 1640px;} .container.medium {max-width: 1300px;} .container.small {max-width: 900px;} .container.tiny {max-width: 775px;} .col-3 { flex: 0 0 33%; max-width: 33%; } header {width: 100%;height: 100px;position: fixed;top: 0;background: #ffffff;z-index: 9000;-webkit-transition: .25s ease-in-out;transition: .25s ease-in-out;} header .container {width:100%;max-width: 100%;} header #logo {width: 300px;position: relative;z-index: 200;} header #logo a {display:block;} header #logo img {width:100%;height:auto;position: relative;z-index: 150;} #actions {position: absolute;right: 35px;z-index: 300;width: 164px;top: 0px;display: flex;align-items: center;justify-content: flex-end;} #actions .wpml-ls-legacy-list-horizontal .wpml-ls-flag {border: 2px solid #FFF;border-radius: 50%;height: 20px;width: 20px;} #actions .wpml-ls-legacy-list-horizontal a {padding: 5px;} #actions .wpml-ls-legacy-list-horizontal {padding: 0;margin: 0;} #actions .wpml-ls-legacy-list-horizontal ul li:before {display:none;} #actions .wpml-ls-legacy-list-horizontal .wpml-ls-flag:hover {border: 2px solid #3e4f59;} .page-id-124 header nav,.page-id-126 header nav,.page-id-104 header nav,.page-id-102 header nav,.home header nav {background:rgba(55, 66, 74, 0.95);} .page-id-124 #searchform input,.page-id-126 #searchform input,.page-id-104 #searchform input,.page-id-102 #searchform input,.home #searchform input {background: #515a5c;border: 1px solid #3a4041;} .page-id-124 #searchform #searchsubmit, .page-id-126 #searchform #searchsubmit, .page-id-104 #searchform #searchsubmit, .page-id-102 #searchform #searchsubmit, .home #searchform #searchsubmit {background: #3a4041;} .page-id-124 header nav .menu li > a:hover, .page-id-126 header nav .menu li > a:hover, .page-id-104 header nav .menu li > a:hover, .page-id-102 header nav .menu li > a:hover, .home header nav .menu li > a:hover, .page-id-124 header nav .menu li > ul li a, .page-id-126 header nav .menu li > ul li a, .page-id-104 header nav .menu li > ul li a, .page-id-102 header nav .menu li > ul li a .home header nav .menu li > ul li a, .page-id-102 header nav .menu li li.menu-item-has-children a, .page-id-104 header nav .menu li li.menu-item-has-children a, .page-id-124 header nav .menu li li.menu-item-has-children a, .page-id-126 header nav .menu li li.menu-item-has-children a, .home header nav .menu li li.menu-item-has-children a, .page-id-102 header nav .menu ul li.menu-item-has-children:before, .page-id-104 header nav .menu ul li.menu-item-has-children:before, .page-id-124 header nav .menu ul li.menu-item-has-children:before, .page-id-126 header nav .menu ul li.menu-item-has-children:before, .home header nav .menu ul li.menu-item-has-children:before {color:#fdc228;} .page-id-124 header nav .menu li > a:hover, .page-id-126 header nav .menu li > a:hover, .page-id-104 header nav .menu li > a:hover, .page-id-102 header nav .menu li > a:hover, .home header nav .menu li > a:hover, .page-id-124 header nav .menu li > ul li a, .page-id-126 header nav .menu li > ul li a, .page-id-104 header nav .menu li > ul li a, .page-id-102 header nav .menu li > ul li a, .home header nav .menu li > ul li a, .page-id-102 header nav .menu ul li.menu-item-has-children:before, .page-id-104 header nav .menu ul li.menu-item-has-children:before, .page-id-124 header nav .menu ul li.menu-item-has-children:before, .page-id-126 header nav .menu ul li.menu-item-has-children:before, .home header nav .menu ul li.menu-item-has-children a:before, header nav .menu li.menu-item-has-children > a:hover:before {/* color: #FFF; */} .page-id-124 .menu li ul .menu-item-has-children ul li a, .page-id-126 .menu li ul .menu-item-has-children ul li a, .page-id-104 .menu li ul .menu-item-has-children ul li a, .page-id-102 .menu li ul .menu-item-has-children ul li a, .home .menu li ul .menu-item-has-children ul li a {color:#FFF;} header nav {top: 0px;right: 0;border-radius: 0;font-size: 20px;font-weight: 500;line-height: 32px;z-index: 250;} header nav .menu {align-items: center;margin: 0;} header nav .menu > li {list-style: none;position: relative;} header nav .menu > li > a {color: #FFF;position: relative;font-weight: bold;} header nav .menu li > a:hover {color: #3e4f59;} header nav .menu ul.sub-menu {list-style: none;margin: 0 0 0 25px;} .home header {background: none;} .home #toggle {color: #FFF;} .home #toggle span {background: #FFF;} .home #contact-link {color:#FFF;} header.sticky {background:#FFF;} header.sticky #toggle {color: #3e4f59;} header.sticky #toggle span {/* background: #3e4f59; */} .active header.sticky #toggle span {background: #FFF;} header.sticky #contact-link {color: #3e4f59;} .home #parallelogram {background: #FFF;} .home .sticky #parallelogram {background: #3e4f59;} .page.active #parallelogram {background:#FFF;} .active .sticky #contact-link { color: #ffffff; } .menu-contact-container, .menu-contact-french-container, .menu-contact-german-container, .menu-contact-spanish-container {display: inline-block;} #contact-link {text-transform: uppercase;color: #3e4f59;padding: 3px;position: relative;display: inline-block;font-family: 'Zemestro Std';margin-left: 30px;font-size: 20px;font-weight: 800;line-height: 28px;-webkit-transition: .25s ease-in-out;transition: .25s ease-in-out;} #parallelogram {width: 21px;height: 10px;transform: skew(-20deg) rotate(70deg);background: #3e4f59;display: inline-block;-webkit-transition: .25s ease-in-out;transition: .25s ease-in-out;} #toggle {display: none;width: 52px;height: 52px;padding: 5px;background: #3e4f58;opacity: 0;visibility: hidden;font-size: 20px;font-weight: 700;line-height: 28px;font-family: 'Zemestro Std';-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: color .25s ease-in-out;transition: color .25s ease-in-out;cursor: pointer;z-index: 5555;} #toggle span {display: block;position: absolute;height: 4px;width: 30px;background: #FFF;opacity: 1;left: 22px;margin-left: -12px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;} #toggle span:nth-child(1) {top: 16px;} #toggle span:nth-child(2),#toggle span:nth-child(3) {top: 24px;} #toggle span:nth-child(4) {top: 32px;} .active #toggle, .active #contact-link,.active header.sticky #toggle {color: #ffffff;} .active .active #toggle span {color:#FFF;} .active #toggle span {background: #ffffff;} .active #toggle span:nth-child(1) {top: 21px;width: 0%;margin: 0;} .active #toggle span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);} .active #toggle span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} .active #toggle span:nth-child(4) {top: 21px;width: 0%;margin: 0;} .active header nav {opacity: 1;} .active header header.getting-ready nav {background: #212121;} .active header nav {opacity: 1;visibility: visible;} /* swiper homepage */ .page-id-6780 #banner { display: none; } .homepage-swiper .content-heading:first-of-type h1{ font-size:48px; } .homepage-swiper .swiper-slide { display: grid; grid-template-columns: 30% 75%; gap: 70px; align-items: center; position: relative; overflow: hidden; } .image-container-homepage-swiper img { width: 100%; object-fit: cover; object-position: center center; height: 100%; } .homepage-swiper-caption { max-width: 1000px; /* margin-top: 35vh; */ margin-left: 0 !important; margin-right: 0 !important; } .swiper-container { background-image: url(https://www.third.com/wp-content/themes/bespoke/images/home-bg.png); height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: right center; } .homepage-swiper { height: 110vh; overflow: hidden; } .image-container-homepage-swiper:after { content: ""; position: absolute; top: -90px; left: 0px; z-index: 315; width: 100%; height: 450px; background-color: #ffffff; -webkit-transform: skewY(-25deg); transform: skewY(-25deg); } .image-container-homepage-swiper { border-right: 4px solid white; position: relative; height: 100%; overflow: hidden; } div#absolute-mask { position: absolute; width: 100%; height: 100%; content: ''; } .homepage-swiper { margin-top: -100px; min-height: 1000px; } .content-wrap-homepage-swiper { color: white; width: 100%; } .homepage-swiper-caption a { color: white; display: inline-block; } .homepage-swiper-caption p { max-width:725px; } .homepage-swiper-caption p:first-of-type { line-height: 1.25em; margin-bottom: 15px; font-size: 26px; } .homepage-swiper-caption p{ font-size:20px; font-weight:500; } .homepage-swiper-caption .content-heading.massive h1 { font-size: 115px; line-height: 1em; text-transform: uppercase; margin-bottom: 35px; } .homepage-swiper-captiona .button.transparent:hover, .button.transparent:hover { border-color: #3e4f59 !important; background-color: transparent !important; color: #3e4f59; } .white-color p { color: white; } .white-color h2 { color: white; } .accordion-inner .col-2:last-child p { } #head nav .menu ul.sub-menu {position: absolute;top: 66px;width: 250px;left: 50%;padding: 0;margin: 0 0 0 -125px;opacity:0;visibility:hidden;display: none;justify-content: flex-start;flex-direction: column;border-radius: 0 0 5px 5px;} #head nav .menu > ul.sub-menu:before {content:'';position:absolute;top:0;left: -500%;width: 1000%;height: calc(100vh - 100px);background: rgb(62 79 87 / 75%);z-index: -5;} #head nav .menu li.active > ul {opacity:1;visibility:visible;} #head nav .menu li.menu-item-has-children.active:before {opacity:1;visibility:visible;} #head nav .menu ul li a {text-align: center;background: #2c3940;padding: 5px;margin: 0;display: flex;font-size: 18px;text-transform: capitalize;height: 100%;color: #FFF;width: 100%;border-radius: 0;align-items: center;justify-content: space-around;-webkit-transition: all .25s ease;transition: all .25s ease;} #head nav .menu ul li a:hover {background:#192125;} #head nav .menu ul li li a {color: #fec340;background: none;text-transform: capitalize;font-size: 16px;} #head nav .menu ul li li a:hover {background: rgb(44 57 64 / 55%);} #head nav .menu > li {display: flex;align-items: center;height: auto;/* position: static; */margin-bottom: 0;} #head nav .menu li.menu-item-has-children.current_page_item:after {color:white;} .page header nav .menu > li.menu-item-has-children > a:before, .category header nav .menu > li.menu-item-has-children > a:before, .single header nav .menu > li.menu-item-has-children > a:before, .blog header nav .menu > li.menu-item-has-children > a:before, .page #head nav .menu li a, .category #head nav .menu li a, .single #head nav .menu li a, .blog #head nav .menu li a{color: #2c3940;} .page #head nav .menu ul li a, .category #head nav .menu ul li a, .single #head nav .menu ul li a, .blog #head nav .menu ul li a {color: #FFF;} .page #head nav .menu ul li ul a, .category #head nav .menu ul li ul a, .single #head nav .menu ul li ul a, .blog #head nav .menu ul li ul a{color:#fec340;} .home #head nav .menu li a, .home header nav .menu > li.menu-item-has-children > a:before{color:#FFF;} #head nav .menu > ul {height: 166px;padding-top: 42px;} #head nav .menu li#menu-item-30.menu-item-has-children ul:after {} #head nav .menu li a { text-decoration: none; text-transform: uppercase; font-size: 16px; font-weight: 700; /* height: 100%; */ position: relative; display: inline-flex; color: #FFF; margin: 0 5px; padding: 5px 10px 5px 10px; border-radius: 25px; align-items: center; -webkit-transition: all .25s ease; transition: all .25s ease; } #head nav .menu li a:hover,#head.sticky nav .menu > li > a:hover {background: rgb(0 0 0 / 10%);} #head nav .menu { display: flex; align-items: center; justify-content: center; height: 100%; } #head nav { position: static; width: auto; height: 100%; padding: 0; visibility: visible; opacity: 1; background: none; } .flex.meet-the-team {justify-content: space-between;max-width: 100%;} .meet-the-team a { text-decoration: none; } .profile_block::after { content: ''; display: block; max-width: 300px; margin: auto; height: 1px; background: white; content: ""; } .head-container { display: flex; align-items: center; justify-content: space-between; height: 100%; } header nav .menu > li { } #head nav .menu > li.menu-item-has-children > a { padding: 5px 10px 5px 30px; } #head.sticky nav .menu > li > a { color: #000; } #head.sticky nav .menu > li.menu-item-has-children > a:before { color: #000; } #head nav .menu ul.sub-menu ul { margin: 0; top: 0; left: 0; padding: 0; position: static; background: rgb(28 36 40); display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; border-radius: 0; } #head nav .sub-menu li {} #head nav .sub-menu li:last-child { overflow: hidden; } #head nav .sub-menu li ul li {height: 40px;width: 100%;} #head nav .sub-menu li ul li:last-child {border-bottom:0;} header nav .menu > li.menu-item-has-children > a:before {content: "\f078";font-family: "Font Awesome 6 Free";position: absolute;top: 7px;left: 10px;font-size: 14px;color: #FFF;font-weight: 700;} nav > div { height: 100%; display: flex; align-items: center; /* justify-content: flex-end; */ } .col-2 {width:50%;} .alignItemsCenter{align-items:center;} /*Container/Content*/ .container { max-width: calc(var(--wp--custom--layout--wide) + 2*var(--wp--custom--layout--padding)); margin: 0 auto; padding-left: var(--wp--custom--layout--padding); padding-right: var(--wp--custom--layout--padding); } .full-width-content { --wp--custom--layout--page: var(--wp--custom--layout--wide) } .alignwide:not(.is-layout-constrained)>*,.alignfull:not(.is-layout-constrained)>* { margin-left: auto; margin-right: auto; } body .alignfull.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { padding-left: var(--wp--custom--layout--padding); padding-right: var(--wp--custom--layout--padding); max-width: calc(var(--wp--custom--layout--wide) + 2*var(--wp--custom--layout--padding)); } .content .alignfull.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { padding-left: 0; padding-right: 0; } .content .wp-block-group, .archive.content .site-main { padding-left: var(--wp--custom--layout--padding); padding-right: var(--wp--custom--layout--padding); } .content .wp-block-group .flex { margin-right: calc( 0px - var(--wp--custom--layout--small-padding) )!important; margin-left: calc( 0px - var(--wp--custom--layout--small-padding) )!important; } .archive .content-area, .content .content-area { max-width: var(--wp--custom--layout--wide); margin-left: auto; margin-right: auto; max-width: calc(var(--wp--custom--layout--wide) + 2*var(--wp--custom--layout--padding)); } .archive .site-main { padding-top: var(--wp--preset--spacing--80); padding-bottom: var(--wp--preset--spacing--80); } .gform_confirmation_message { color: #343a40; } /*Annotated Graphic Block*/ #annotated_graphic {margin: 100px auto;max-width: 100%;width: 100%;padding: 0;} #annotated_graphic #blocks {position: relative;padding: 20% 0;} #annotated_graphic #blocks ul {list-style: none;margin: 0;} #annotated_graphic #blocks ul li {position: absolute;max-width: 275px;min-width: 175px;width: 40%;z-index: 65;} #annotated_graphic #blocks ul li .block-heading {padding: 10px;} #annotated_graphic #blocks ul li.Q1 {top: -50px;left: 0%;} #annotated_graphic #blocks ul li.Q2 {top: -5%;left: 35%;} #annotated_graphic #blocks ul li.Q3 {top: -4%;right: 0%;} #annotated_graphic #blocks ul li.Q4{top: 30%;right: 0%;} #annotated_graphic #blocks ul li.Q5{top: 75%;right: 0%;} #annotated_graphic #blocks ul li.Q6{top: 89%;left: 35%;} #annotated_graphic #blocks ul li.Q7{top: 80%;left: 0%;} #annotated_graphic #blocks ul li.Q8{top: 45%;left: 0%;} #annotated_graphic #blocks ul li.Q9{top: 20%;left: 0%;} #annotated_graphic #blocks ul li p:first-child {font-size: 18px;font-weight: 600;color: #fec624;margin-bottom: 15px;display:block;} #annotated_graphic #blocks ul li p {font-size: 16px;margin: 0;} #annotated_graphic #blocks #block-img-container {position:relative;max-width: 550px;margin: auto;} #annotated_graphic #blocks:after {content:'';position:absolute;background-image: url(images/THIRD-DIMENSION-LINES&DOTS-01.png);top: 0;left: 0;background-position: center center;background-size: cover;width: 100%;height: 100%;z-index: 0;opacity: .25;} #annotated_graphic #blocks #block-img {margin: auto;display: block;width: auto;height: auto;position: relative;z-index: 25;max-width: 550px;max-height: 550px;} .dot-tool {position:absolute;top:0;left:0;} .leader-line {z-index:50;} /*Search bar*/ #search_bar {width: 100%;margin: auto;top: 8px;position: absolute;z-index: 5;} #searchform {width: 100%;margin: auto;position: relative;overflow: hidden;margin: 35px 0;} #searchform input {width: 100%;height: 55px;outline: none;background: #ffcd50;color: #FFF;border: 1px solid #e8af0d;padding: 10px 130px 10px 20px;} #searchform #searchsubmit {position: absolute;width: 65px;height: 53px;top: 1px;right: 1px;background: #e8af0d;color: #FFF;border: 0;text-align: center;font-weight: 700;text-transform: uppercase;letter-spacing: 2px;font-size: 26px;padding: 0;cursor: pointer;-webkit-transition: all .25s ease;transition: all .25s ease;} #searchform .screen-reader-text {display: none;} #searchform #searchsubmit:hover {background: #3e4f59;} #searchform input:focus {border: 1px solid #e2a200;} #searchform ::-webkit-input-placeholder {color:#FFF;font-size:16px;} #searchform :-moz-placeholder {color:#FFF;font-size:16px;} #searchform ::-moz-placeholder {color:#FFF;font-size:16px;} #searchform :-ms-input-placeholder {color:#FFF;font-size:16px;} #search #searchform {max-width: 750px;margin: 0px auto 25px;} #search #searchform #searchsubmit {width: 170px;top: 0px;right: 0px;height: 55px;} #search #searchform input {border: 0;} #wrap {max-width: 1500px;margin: auto;} .scheme-0 ul li:before,.scheme-1 ul li:before,.scheme-2 ul li:before,.scheme-3 ul li:before {content:'\f111';font-family: "Font Awesome 6 Free";position: relative;left: -10px;top: -2px;font-size: 10px;} /*SCHEMES*/ .scheme-0 {background-color: #FFF;color: #3e4f59;position: relative;overflow:hidden;} .scheme-0 .button {background: #81939d;color: #FFF;} .scheme-0 h1 {display: block;color:#3e4f59;} .scheme-0 h1:after {background-color:#fec72f;} .scheme-0 h2,.scheme-1 h3,.scheme-1 h4,.scheme-1 h5 {color: #3e4f59;} .scheme-0 .hero-content a {border: 0;} .scheme-0 .hero-content a:hover {background:#fec72f;} .scheme-0.snippet {background:#dcab1e;} .scheme-0 .heading-4 {color:#CCC} .scheme-1 {background-color: #fec624;color: #3e4f59;position: relative;overflow:hidden;} .scheme-1 .button {background: #81939d;color: #FFF;} .scheme-1 h1 {color:#FFF;} .scheme-1 h1:after {background-color:#3e4f59;} .scheme-1 h2,.scheme-1 h3,.scheme-1 h4,.scheme-1 h5 {color: #3e4f59;} .scheme-1 .hero-content a {border: 0;text-transform: uppercase;} .scheme-1 .hero-content a:hover {background:#fec72f;} .scheme-1.snippet {background:#dcab1e;} .scheme-1 .heading-4 {color:#CCC} .scheme-1 ul li {list-style:none;padding:0;text-indent: -10px;padding-left: 15px;} .scheme-1 ul li:before {color: #fec72f;} .scheme-2 {background-color: #3e4f59;color: #FFF;position: relative;overflow:hidden;} .scheme-2 .button {background: #81939d;color: #FFF;} .scheme-2 h1 {color: #455055;} .scheme-2 h1:after {background-color: #ffffff;} .scheme-2 h1,.scheme-2 h2,.scheme-2 h3,.scheme-2 h4,.scheme-2 h5 {color: #fec624;} .scheme-2 .hero-content a {border: 0;} .scheme-2 .hero-content a:hover {background:#fec72f;} .scheme-2.snippet {background:#2f3d46;} .scheme-2 .heading-4 {color: #fec624;} .scheme-2 a {color:#fec624;} .scheme-2 ul li {list-style:none;padding:0;text-indent: -10px;padding-left: 15px;} .scheme-2 ul li:before {color: #fec624;} .scheme-3 {background-color: #81939d;color: #FFF;position: relative;overflow:hidden;} .scheme-3 .button {background: #fec72f;color: #3e4f59;border: 2px solid #fec72f;} .scheme-3 h1 {color: #455055;} .scheme-3 h1:after {background-color: #fec624;} .scheme-3 h2,.scheme-3 h3,.scheme-3 h4,.scheme-3 h5 {color: #3e4f59;} .scheme-3 .hero-content a {border: 0} .scheme-3 .hero-content a:hover {background:#fec72f;} .scheme-3.snippet {background:#66757d;} .scheme-3 .heading-4 {color: #3e4f59;} .scheme-3 ul {/* margin-left: 0!important; */} .scheme-3 ul li {list-style:none;padding:0;text-indent: -10px;padding-left: 15px;} .scheme-3 ul li:before {color: #3e4f59;} /*HERO*/ .hero-image-2 {position:relative;} .hero-image-1 img {width: 100%;} .hero .hero-image-2 {position:relative;margin-top: 75px;} .hero-image-2 img {position: relative;width: 100%;height: auto;z-index: 50;vertical-align: middle;} .hero-image-2 img.alignleft, .right-image-row img.alignleft,.left-image-row img.alignleft { width: auto; } .hero-content {padding: 50px 5% 0 0;position: relative;z-index: 50;} .hero-content a {margin: 0 2px 4px 0;padding: 8px 10px;} .right-image-row .hero-image-2 {margin-bottom:45px;} .hero-content p {max-width: 500px;} .hero .extra_content_left a {background: none;display: inline-block;padding: 0;} .hero .extra_content_left a img {} .hero h1 img {position: absolute;top: -20px;right: -95px;max-width: 100px;height: auto;} /*Expanding*/ .expanding-row ._row {position: relative;font-weight: 700;font-size: 26px;display: block;margin: 0px 0 25px 50px;} .expanding-row ._row.open:before {transform: rotate(90deg);} .expanding-row ._row:before {font-family: "Font Awesome 6 Free";content: "\f0da";color:#fec624;font-size: 52px;line-height: 30px;text-align: center;transform: rotate(0deg);display: block;position: absolute;left: -40px;top: 0px;width: 30px;height: 30px;-webkit-transition: .25s ease-in-out;transition: .25s ease-in-out;} .expanding-row p {margin-left: 5px;} .expanding-row ._question {display: inline-block;cursor: pointer;font-weight: 700;font-size: 30px;line-height: 1.2em;margin-bottom: 15px;} .expanding-row ._answer {height: 0px;font-size: 20px;font-weight: 500;overflow: hidden;} /*Image*/ .image img {width: 100%;height: auto;} /*Table*/ .table_block {border-top: 1px solid #FFF;} .table_row {border-bottom: 1px solid rgba(255, 255, 255, 0.5);padding: 10px;} .table_col.title {font-weight: 700;} /*EXTRAS*/ .extras {position: relative;} .extras:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .25;} .extras img {max-width: 115px;width: 100%;height: auto;} /*TESTIMONIALS*/ .testimonial img {max-width: 350px;margin-top: -125px;} .testimonial cite .author {display: block;line-height: 1em;} .testimonial cite .role {font-weight: 500;font-size: 14px;} .testimonial blockquote cite:before {display: none;} .testimonial blockquote cite {margin:25px 0 0 0;} .test-slider p { text-align:center; } /*Footer*/ footer p {font-size: 14px;line-height: 20px;margin: 15px 0 0 0;} footer ul {margin:0;} footer ul li {margin: 0;list-style:none;} footer .menu a {color:#FFF;text-decoration:none;} footer .menu a:hover {color:#ffcd50;} #awards img {width: 100px;} .admin-bar footer {padding-bottom: 32px;} #menu-footer-menu li {margin-bottom:5px;} #menu-footer-menu a {font-size:16px;line-height: 20px;color: #FFF;text-decoration: none;border-bottom: 1px solid;} /*Sibling Menu*/ .sibling-menu {position: relative;font-family: 'Zemestro Std';display: none;} .tmp-row-1 .sibling-menu {display:block;/* margin-bottom: 15%; */} .sibling-menu li {display: inline-block;list-style: none;margin-right: 20px;padding: 0;text-indent: 0;} .sibling-menu li:before {display:none;} .sibling-menu li a {border-bottom: 2px solid transparent;text-transform: uppercase;text-decoration: none;color: #FFF;background: none!important;-webkit-transition: .25s ease-in-out;transition: .25s ease-in-out;} .sibling-menu li a:hover {border-bottom: 2px solid;} .sibling-menu li.current_page_item a {border-bottom: 2px solid;background: none;} /*Grid*/ .grid {padding: 0;list-style: none;display: grid;} .row-1 {grid-template-rows: repeat(1, 1fr);grid-row-gap: 0;} .row-2 {grid-template-rows: repeat(2, 1fr);grid-row-gap: 24px;} .row-3 {grid-template-rows: repeat(3, 1fr);grid-row-gap: 24px;} .row-4 {grid-template-rows: repeat(4, 1fr);grid-row-gap: 24px;} .row-5 {grid-template-rows: repeat(5, 1fr);grid-row-gap: 24px;} .column-1 {grid-template-columns: repeat(1, 1fr);grid-column-gap: 0;} .column-2 {grid-template-columns: repeat(2, 1fr);grid-column-gap: 24px;} .column-3 {grid-template-columns: repeat(3, 1fr);grid-column-gap: 24px;} .column-4 {grid-template-columns: repeat(4, 1fr);grid-column-gap: 24px;} .column-5 {grid-template-columns: repeat(5, 1fr);grid-column-gap: 24px;} /*Flex*/ .flex {display: flex;flex-flow: row wrap;height: 100%;} .col-1 {width: 100%;} .flex-1 {flex: 1 1 1em;} .flex-2 {flex: 2 2 2em;} .flex-3 {flex: 3 3 3em;} .flex-4 {flex: 4 4 4em;} .flex-5 {flex: 5 5 5em;} .flex-right {justify-content: flex-end;} .flex-center {align-items:center;} .flex hr { height: 0; margin: 0; } .noWrap {flex-wrap:nowrap;} /*Share buttons*/ #share_btn {border-top: 2px solid #e7e9ee;padding: 25px 0 0 0;margin: 25px 0 0 0;text-align: center;} #share_btn a.share_btn {display:inline-block;position: relative;border:0;background: none;} #share_btn a.share_btn .share_btn-icon {font-size: 24px;line-height: 24px;color:#FFF;width: 24px;height: 24px;border-radius: 50px;display: block;padding: 15px;-webkit-transition: all .35s ease;transition: all .35s ease;} #share_btn a.share_btn-facebook .share_btn-icon {background:#3b5998;} #share_btn a.share_btn-twitter .share_btn-icon {background:#55acee;} #share_btn a.share_btn-googleplus .share_btn-icon {background:#dd4b39;} #share_btn a.share_btn-reddit .share_btn-icon {background:#ff4500;} #share_btn a.share_btn-linkedin .share_btn-icon {background:#0077b5;} #share_btn a.share_btn-email .share_btn-icon {background:#caccce;} #share_btn a.share_btn .share_btn-text-sr {position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0, 0, 0, 0);} #share_btn a.share_btn:hover .shareBtn-icon {background: #2f394a;} /*Error/Success*/ #error,#success {display:none;color:#FFF;padding: 5%;margin-bottom: 25px;} #error {background: #e74c3c;} #success{background: #2ecc71;} #error p {margin:0;} /*Form*/ #easyform label {font-size:14px;text-transform:uppercase;letter-spacing:1px;} #easyform input.text, #easyform textarea {font-size: 16px;line-height: 20px;font-family: 'Open Sans', sans-serif;padding: 14px;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;border: 1px solid #cacaca;color: #000000;float: left;outline: none;} #easyform .input {padding-bottom:4%} #easyform textarea {height: 200px;} #easyform span {color:#e74c3c;} #easyform #verify_image {width: 110px;height: 50px;float: left;} #easyform .refresh {width: 40px;height: 40px;display: block;float: left;margin: 5px;border:0;} #easyform #verify {width: 100%;} #easyform button {margin: auto;display: block;width: 100%;} .gchoice { margin: 8px 0; } .gchoice label,.gchoice input { cursor: pointer; } /*Content*/ .content ul,.content ol {margin: 0 0 25px 25px;overflow:visible;} /*Contact*/ .where-to-buy img {width: 100%;} #map-content {position: absolute;top: 60px;left: 0;max-width: 335px;} #map-content ul {list-style: none;} #map-content ul li {margin: 0 0 25px 25px;font-size: 24px;position: relative;} #map-content ul li:before {content: '\f111';color: #fec624;font-family: "Font Awesome 6 Free";font-size:12px;font-weight: 900;position: absolute;top: 0;left: -18px;} .where-to-buy .container { height: auto; } .where-to-buy { height: 70vh; min-height: 500px; } #map { height: 100%; } #map [tabindex="0"] > div:first-child { will-change: transform; } .gm-style-iw-t::before { content: ""; position: absolute; top: 0; left: 0; transform: translate(-50%,0); width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: none; } .gm-style .gm-style-iw-t::after { content: ""; position: absolute; top: 0; left: 0; transform: translate(-50%,0); width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 11px solid #fec624; background: transparent; box-shadow: none; } .gm-style .gm-style-iw-tc::after { background: #fec624; clip-path: polygon(0% 0%,50% 100%,100% 0%); content: ''; height: 12px; left: 0; position: absolute; top: -1px; width: 25px; } .gm-style .gm-style-iw-c { background-color: #fec624; padding: 20px!important; box-shadow: none; color:#3e4f59; border-radius:3px; max-width: 225px !important; width: 100%; } .gm-style .gm-style-iw-c h2 {margin-top:0} .gm-style .gm-style-iw-c p {margin:0;} .gm-style-iw-d { overflow: auto !important; min-height: 55px; min-width: auto; } /*Accordion*/ .accordion {padding-top: 75px; margin-top: -75px;} .accordion .accordion-inner img {height:auto; width:100%;} .active .reveal { display: block; } .accordion .active i:before { transform: rotateX(180deg); } .accordion_toggle i { font-size: 26px; line-height: 26px; background: #fec624; color: #3e4f59; border-radius: 50%; width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; position: relative; top: -5px; -webkit-transition: all .25s ease; transition: all .25s ease; } .accordion_toggle i:before { -webkit-transition: transform .25s ease; transition: transform .25s ease;} .accordion_toggle { display: flex; align-items: center; cursor: pointer; border-bottom: 2px solid rgb(0 0 0 / 10%); } .accordion_toggle h2 { margin: 0; -webkit-transition: all .25s ease; transition: all .25s ease; } .reveal { margin-top: 25px; } .accordion_toggle:hover h2 { color: #fec624; } .accordion_toggle:hover h2 i {color: #fec624;background: #3e4f59;} .accordion.right-image-row img, .accordion.left-image-row img {max-width: 630px;} /*Image Map*/ .imagepin {position: relative;display: block;overflow: hidden;border-radius: 10px;max-width: 1000px;margin: auto;} .imagepin .pins { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .imagepin img { display: block; margin: 0; width: 100%; height: auto; } .scheme-1 .pins a::after { background-color: #fff; } .imagepin .pin {width: 44px;height: 44px;transform: translate(-50%, -50%);z-index: 9;border-radius: 100%;position: absolute;opacity: 1;/* background: rgba(255, 255, 255, 0.2); */-webkit-backdrop-filter: blur(1px);backdrop-filter: blur(1px);display: flex;justify-content: center;align-items: center;border: 2px solid transparent;} .imagepin .pin span {position: absolute;top: -10px;font-size: clamp(16px, 2vw, 13px);font-family: 'Frutiger LT 45';display: block;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;white-space: nowrap;text-align: center;background: rgb(255 255 255);color: #111;-webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px);font-weight: 600;padding: 5px 10px;border-radius: 5px;z-index: 10;line-height: 1;opacity: 0;transition: 0.2s all ease-in-out;} .imagepin .pin:hover { border-color: #fff; } .imagepin .pin:hover:after { width: 7px; height: 7px; } .imagepin .pin:hover span { opacity: 1; top: -20px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .imagepin .pin:active { border-color: #ffaa67; } .imagepin .pin:active:after { width: 20px; height: 20px; } .imagepin .pin:after {content: "";width: 20px;height: 20px;transition: 0.2s all ease-in-out;background: #fff;position: relative;display: block;border-radius: 100%;background-color: #fec624;} .imagepin .pin:before {content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;border-radius: 50%;-webkit-animation: shockwave 2s 0.5s ease-in-out infinite;animation: shockwave 2s 0.5s ease-in-out infinite;background: #fec624;animation-iteration-count: infinite;animation-timing-function: cubic-bezier(.65,0,.34,1);} @-webkit-keyframes shockwave { 0% { transform: scale(1); box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), inset 0 0 1px #fff; } 95% { box-shadow: 0 0 10px rgba(0, 0, 0, 0), inset 0 0 30px rgba(0, 0, 0, 0); } 100% { transform: scale(1.8); } } @keyframes shockwave { from { opacity: 1; transform: scale3d(0.5,0.5,1); } to { opacity: 0; transform: scale3d(1,1,1); } } /*Banner*/ #banner {position: relative;height: 100vh;z-index: 50;} #banner .owl-one .container {margin-top: 28vh;height: auto;} #banner .item:after {content: '';position: absolute;top: 0px;left: 0;width: 100%;height: 100%;background: #000;background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 75%);background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 75%);background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 75%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);opacity: .15;z-index: 25;} #banner .caption {position: relative;z-index: 50;display: table-cell;vertical-align: middle;} #banner .caption a {margin-right:10px;color: #FFF;} #banner .caption p a {margin:0;} #banner .caption img {width:auto;height: auto;max-width: 150px;} #banner .button {/* border: 0; *//* padding: 0; */} #banner .button:hover {background: none;color: #3e4f59;} #banner .button:hover #parallelogram {background: #3e4f59;} .home #banner {background-image: url(images/home-bg.png);background-color: #fec624;background-size: cover;background-position: left center;background-repeat: no-repeat;} .content-area p {font-size: 20px;line-height: 1.2em;font-weight: 500;color: #FFF;max-width: 725px;} #banner .owl-one .owl-dots,#banner .owl-theme .owl-nav {position: absolute;bottom: 15px;margin: auto;width: 100%;} #banner .owl-one .owl-dots .owl-dot span {background: #ffffff;margin: 5px;width: 15px;height: 15px;} #banner .owl-one .owl-dots .owl-dot.active span {background: #3e4f59;} .pagination {/* position: absolute; */top: 0;right: 0;/* width: 70%; *//* margin-top: 28vh; */z-index: 125;} .pagination .container {padding: 0 0 30px 0;} .pagination a {font-size: 22px;line-height: 1.2em;color: #FFF;text-decoration: none;display: inline-block;margin-right: 50px;font-weight: 700;padding: 2px 2px;border-bottom: 3px solid transparent;} .pagination a.active {border-bottom: 3px solid #FFF;} .background-area {position: absolute;top: 0px;left: 0;width: 30%;height: 100%;height: 100vh;background-size: cover;background-position: center center;border-right: 1px solid #FFF;z-index: 125;} .content-area {position: absolute;top: 0;right: 0px;width: 70%;height: 100vh;border-left: 1px solid #FFF;z-index: 125;} .content-area h2 {font-size: 115px;line-height: 1em;text-transform:uppercase;margin-bottom: 35px;} .content-area p:first-of-type {font-size: 26px;line-height: 1.25em;margin-bottom: 15px;} .content-area p:last-of-type {margin: 0;} .video h1,.video h2,.video h3,.video h4,.video h5 {/* max-width: 1150px; */} body.home {margin: 0;padding: 0;width: 100%;height: 100vh;} .background-area:before {content: "";position: absolute;top: -150px;left: 0px;z-index: 315;width: 100%;height: 400px;background-color: #ffffff;-webkit-transform: skewY(-25deg);transform: skewY(-25deg);} .content-area .caption {position: relative;z-index: 200;} .owl-one .owl-stage {height: 100%;} .owl-one .owl-stage-outer {height: 100%;} .owl-one {height: 100%;} /*Image-Content Column*/ .shape-0 .clip-shape { -webkit-clip-path: none; clip-path: none; -webkit-clip-path: none; clip-path: none; } .shape-0 .clip-wrap:after { display: none; } /*Image row*/ .right-image-row img,.left-image-row img {width: 100%;height: auto;max-width: 575px;} /*COLUMNS*/ .columns .flex-4 img {max-width: 175px;height: auto;} /*CTA (FOOTER)*/ .cta .cta-block {position:relative;border-radius: 300px;margin: 20px 0;padding: 35px 25px;width: 75%;float: left;} .cta .cta-block .heading-1 {margin-bottom: 15px;} .cta .cta-block p {max-width: 400px;margin: auto;} .cta .cta-img {float: right;max-width: 175px;} .cta .cta-img img {width: 100%;} /*News*/ .break {flex-basis: 100%;height: 0;} .block {border-top:1px solid #212121;padding-top:15px;} .block h4 a {text-decoration:none;} .thumb img {width: 100%;height: auto;vertical-align: middle;} /*Company*/ .snippet img {max-width: 200px;} .profile_block .block {border-top:0;} .profile_block .thumb {max-width: 230px;margin: auto;} .profile_block .role {margin:0;} .profile_block .fas {color:#FFF;font-size:30px;margin:10px;} .dialog img {max-width: 350px;max-height: 350px;width: 100%;padding: 0 30px 30px 0;} .dialog_container { display: flex; } .bio_content {width:100%;} .bio_content img {width:100%;height:100%;max-height: fit-content;padding: 0;} .bio_content .grid {grid-template-columns: 60% 1fr;gap: 30px;} /*ONE THIRD*/ .onethird img {max-width: 275px;margin: auto;display: block;} /*NUMERIC COLUMNS*/ .numeric-columns .grid > div:before {content:'';position: relative;background-size: 175px;background-repeat: no-repeat;width: 100%;height: 175px;display: block;margin-bottom: 25px;} .scheme-1.numeric-columns .grid > div:nth-child(1):before {background-image: url(images/numbers/THIRD-DIMENSION-LARGE-DIGITS-31.png);} .scheme-1.numeric-columns .grid > div:nth-child(2):before {background-image: url(images/numbers/THIRD-DIMENSION-LARGE-DIGITS-32.png);} .scheme-1.numeric-columns .grid > div:nth-child(3):before {background-image: url(images/numbers/THIRD-DIMENSION-LARGE-DIGITS-33.png);} .scheme-1.numeric-columns .grid > div:nth-child(4):before {background-image: url(images/numbers/THIRD-DIMENSION-LARGE-DIGITS-34.png);} .scheme-1.numeric-columns .grid > div:nth-child(5):before {background-image: url(images/numbers/THIRD-DIMENSION-LARGE-DIGITS-35.png);} .scheme-1.numeric-columns .grid > div:nth-child(6):before {background-image: url(images/numbers/THIRD-DIMENSION-LARGE-DIGITS-36.png);} .scheme-1.numeric-columns .grid > div:nth-child(7):before {background-image: url(images/numbers/THIRD-DIMENSION-LARGE-DIGITS-37.png);} .scheme-1.numeric-columns .grid > div:nth-child(8):before {background-image: url(images/numbers/THIRD-DIMENSION-LARGE-DIGITS-38.png);} .scheme-1.numeric-columns .grid > div:nth-child(9):before {background-image: url(images/numbers/THIRD-DIMENSION-LARGE-DIGITS-39.png);} .scheme-2.numeric-columns .grid > div:nth-child(1):before {background-image: url(images/numbers/THIRD-DIMENSION-LARGE-DIGITS-11.png);} .scheme-2.numeric-columns .grid > div:nth-child(2):before {background-image: url(images/numbers/THIRD-DIMENSION-LARGE-DIGITS-12.png);} .scheme-2.numeric-columns .grid > div:nth-child(3):before {background-image: url(images/numbers/THIRD-DIMENSION-LARGE-DIGITS-13.png);} .scheme-2.numeric-columns .grid > div:nth-child(4):before {background-image: url(images/numbers/THIRD-DIMENSION-LARGE-DIGITS-14.png);} .scheme-2.numeric-columns .grid > div:nth-child(5):before {background-image: url(images/numbers/THIRD-DIMENSION-LARGE-DIGITS-15.png);} .scheme-2.numeric-columns .grid > div:nth-child(6):before {background-image: url(images/numbers/THIRD-DIMENSION-LARGE-DIGITS-16.png);} .scheme-2.numeric-columns .grid > div:nth-child(7):before {background-image: url(images/numbers/THIRD-DIMENSION-LARGE-DIGITS-17.png);} .scheme-2.numeric-columns .grid > div:nth-child(8):before {background-image: url(images/numbers/THIRD-DIMENSION-LARGE-DIGITS-18.png);} .scheme-2.numeric-columns .grid > div:nth-child(9):before {background-image: url(images/numbers/THIRD-DIMENSION-LARGE-DIGITS-19.png);} .scheme-3.numeric-columns .grid > div:nth-child(1):before {background-image: url(images/numbers/THIRD-DIMENSION-LARGE-DIGITS-01.png);} .scheme-3.numeric-columns .grid > div:nth-child(2):before {background-image: url(images/numbers/THIRD-DIMENSION-LARGE-DIGITS-02.png);} .scheme-3.numeric-columns .grid > div:nth-child(3):before {background-image: url(images/numbers/THIRD-DIMENSION-LARGE-DIGITS-03.png);} .scheme-3.numeric-columns .grid > div:nth-child(4):before {background-image: url(images/numbers/THIRD-DIMENSION-LARGE-DIGITS-04.png);} .scheme-3.numeric-columns .grid > div:nth-child(5):before {background-image: url(images/numbers/THIRD-DIMENSION-LARGE-DIGITS-05.png);} .scheme-3.numeric-columns .grid > div:nth-child(6):before {background-image: url(images/numbers/THIRD-DIMENSION-LARGE-DIGITS-06.png);} .scheme-3.numeric-columns .grid > div:nth-child(7):before {background-image: url(images/numbers/THIRD-DIMENSION-LARGE-DIGITS-07.png);} .scheme-3.numeric-columns .grid > div:nth-child(8):before {background-image: url(images/numbers/THIRD-DIMENSION-LARGE-DIGITS-08.png);} .scheme-3.numeric-columns .grid > div:nth-child(9):before {background-image: url(images/numbers/THIRD-DIMENSION-LARGE-DIGITS-09.png);} /*Hexagon Image Row*/ .hexagon-image-columns img {width: 100%;height: auto;vertical-align: middle;} .hexagon-image-columns .clip-wrap:after {display: none;} /*Standard Image Row*/ .standard-image-columns img {width: 100%;} /*BROCHURES*/ .brochure .download {font-size: 16px;line-height: 18px;display: inline-block;font-family: 'Frutiger LT 45';margin-left: 25px;} .brochure .download a {display: inline-block;color: #FFF;border-bottom: 1px solid;} .brochure a {display: block;position: relative;} .brochure img {max-width: 295px;width: 100%;height: auto;} .brochure .meta {position: absolute;bottom: -10px;right: -10px;} .brochure .meta span {display: block;background: #FFF;color: #3e4f59;font-weight: 700;border-radius: 50px;font-size: 24px;line-height: 22px;padding: 12px 20px;font-family: 'Zemestro Std';box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);} /*EVENTS*/ #events h1 {color:#fec624;} #events h1:after,.underline:after {background:#3e4f59;} #events .grid > div {padding-bottom: 50px;margin-bottom: 50px;border-bottom: 1px solid #3e4f59;} #events .grid > div .date {font-weight:700;font-size:16px;} /*NEWS*/ .misha_loadmore {display: block;width: 210px;margin: 25px auto 0;background: #fdc808;border: 2px solid #fdc808;color: #FFF;} #post-terms { display: flex; align-items: center; padding: 0 15px; } #post-terms a { background: #fdc43e; padding: 8px 16px; letter-spacing: .5px; margin: 0 6px 6px 0; font-weight: 700; text-transform: uppercase; color: #FFF; text-decoration: none; display: inline-block; border-radius: 3px; -webkit-transition: all .5s ease; transition: all .5s ease; } #post-terms a:hover, .category-news #post-terms .type-news, .category-blog #post-terms .type-blog{ background: #3e4f59; color: #FFF; } /*Model Dialog Box*/ .dialog {position:relative;width:auto;max-width: 1060px;margin:20px auto;} .dialog .title {padding:25px;color: #FFF;font-size: 34px;font-weight: 400;letter-spacing: -2px;} #dialog-wrap {display: block;padding: 25px;border-top: 0;} /* Magnific Popup CSS */ .mfp-bg {top: 0;left: 0;width: 100%;height: 100%;z-index: 6666;overflow: hidden;position: fixed;background: #0b0b0b;opacity: 0.8;filter: alpha(opacity=80); } .mfp-wrap {top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;position: fixed;outline: none !important;-webkit-backface-visibility: hidden;} .mfp-container {text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 0 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } .mfp-container:before {content: '';display: inline-block;height: 100%;vertical-align: middle; } .mfp-align-top .mfp-container:before {display: none; } .mfp-content {position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 9999;} .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {width: 100%;cursor: auto; } .mfp-ajax-cur {cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: -moz-zoom-out;cursor: -webkit-zoom-out;cursor: zoom-out; } .mfp-zoom {cursor: pointer;cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in; } .mfp-auto-cursor .mfp-content {cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {-webkit-user-select: none;-moz-user-select: none;user-select: none; } .mfp-loading.mfp-figure {display: none; } .mfp-hide {display: none !important; } .mfp-preloader {color: #CCC;position: absolute;top: 50%;width: auto;text-align: center;margin-top: -0.8em;left: 8px;right: 8px;z-index: 1044; } .mfp-preloader a {color: #CCC;} .mfp-preloader a:hover {color: #FFF;} .mfp-s-ready .mfp-preloader {display: none; } .mfp-s-error .mfp-content {display: none; } button.mfp-close, button.mfp-arrow {overflow: visible;cursor: pointer;background: transparent;border: 0;-webkit-appearance: none;display: block;outline: none;padding: 0;z-index: 1046; } button::-moz-focus-inner {padding: 0;border: 0; } .mfp-close {width: 44px;height: 44px;line-height: 44px;position: absolute;right: 0;top: 0;text-decoration: none;text-align: center;opacity: 0.65;filter: alpha(opacity=65);padding: 0 0 18px 10px;color: #FFF;font-style: normal;font-size: 28px;} .mfp-close:hover, .mfp-close:focus {opacity: 1;filter: alpha(opacity=100); } .mfp-close:active {top: 1px; } .mfp-close-btn-in .mfp-close {color: #FFF; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {color: #FFF;right: 0px;text-align: center; } .mfp-counter {position: absolute;top: 0;right: 0;color: #CCC;font-size: 12px;line-height: 18px;white-space: nowrap; padding: 0;} .mfp-zoom-in .mfp-with-anim {opacity: 0;transition: all 0.2s ease-in-out;transform: scale(0.8);} .mfp-zoom-in.mfp-bg {opacity: 0;transition: all 0.3s ease-out;} .mfp-zoom-in.mfp-ready .mfp-with-anim {opacity: 1;transform: scale(1);} .mfp-zoom-in.mfp-ready.mfp-bg {opacity: 0.8;} .mfp-zoom-in.mfp-removing .mfp-with-anim {transform: scale(0.8);opacity: 0;} .mfp-zoom-in.mfp-removing.mfp-bg {opacity: 0;} .mfp-move-horizontal .mfp-with-anim {opacity: 0;transition: all 0.3s;transform: translateX(-50px);} .mfp-move-horizontal.mfp-bg {opacity: 0;transition: all 0.3s;} .mfp-move-horizontal.mfp-ready .mfp-with-anim {opacity: 1;transform: translateX(0);} .mfp-move-horizontal.mfp-ready.mfp-bg {opacity: 0.8;} .mfp-move-horizontal.mfp-removing .mfp-with-anim {transform: translateX(50px);opacity: 0;} .mfp-move-horizontal.mfp-removing.mfp-bg {opacity: 0;} .mfp-move-left .mfp-with-anim {opacity: 0;transition: all 0.3s;transform: translateY(-50px);} .mfp-move-left.mfp-bg {opacity: 0;transition: all 0.3s;} .mfp-move-left.mfp-ready .mfp-with-anim {opacity: 1;transform: translateY(0);} .mfp-move-left.mfp-ready.mfp-bg {opacity: 0.8;} .mfp-move-left.mfp-removing .mfp-with-anim {transform: translateY(50px);opacity: 0;} .mfp-move-left.mfp-removing.mfp-bg {opacity: 0;} .mfp-zoom-out .mfp-with-anim {opacity: 0;transition: all 0.3s ease-in-out;transform: scale(1.3);} .mfp-zoom-out.mfp-bg {opacity: 0;transition: all 0.3s ease-out;} .mfp-zoom-out.mfp-ready .mfp-with-anim {opacity: 1;transform: scale(1);} .mfp-zoom-out.mfp-ready.mfp-bg {opacity: 0.8;} .mfp-zoom-out.mfp-removing .mfp-with-anim {transform: scale(1.3);opacity: 0;} .mfp-zoom-out.mfp-removing.mfp-bg {opacity: 0;} .mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg {opacity: 0; transition: opacity .5s ease-out;} .mfp-with-fade.mfp-ready .mfp-content {opacity: 1;} .mfp-with-fade.mfp-ready.mfp-bg {opacity: 0.8;} .mfp-with-fade.mfp-removing.mfp-bg {opacity: 0;} .mfp-arrow {position: absolute;opacity: 0.65;filter: alpha(opacity=65);margin: 0;top: 50%;margin-top: -55px;padding: 0;width: 90px;height: 110px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active {margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus {opacity: 1;filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {content: '';display: block;width: 0;height: 0;position: absolute;left: 0;top: 0;margin-top: 35px;margin-left: 35px;border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a {border-top-width: 13px;border-bottom-width: 13px;top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b {border-top-width: 21px;border-bottom-width: 21px;opacity: 0.7; } .mfp-arrow-left {left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {border-right: 17px solid #FFF;margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {margin-left: 25px;border-right: 27px solid #3F3F3F; } .mfp-arrow-right {right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {border-left: 17px solid #FFF;margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {border-left: 27px solid #3F3F3F; } .mfp-iframe-holder {padding-top: 40px;padding-bottom: 40px; } .mfp-iframe-holder .mfp-content {line-height: 0;width: 100%;max-width: 900px; } .mfp-iframe-holder .mfp-close {top: -40px; } .mfp-iframe-scaler {width: 100%;height: 0;overflow: hidden;padding-top: 56.25%; } .mfp-iframe-scaler iframe {position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;background: #000; } img.mfp-img {width: auto;max-width: 100%;height: auto;display: block;line-height: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0 auto; } .mfp-figure {line-height: 0; } .mfp-figure:after {content: '';position: absolute;left: 0;top: 40px;bottom: 40px;display: block;right: 0;width: auto;height: auto;z-index: -1;background: #444; } .mfp-figure small {color: #BDBDBD;display: block;font-size: 12px;line-height: 14px; } .mfp-figure figure {margin: 0; } .mfp-bottom-bar {margin-top: 7px;position: absolute;top: 100%;left: 0;width: 100%;cursor: auto; } .mfp-title {text-align: left;line-height: 18px;color: #F3F3F3;word-wrap: break-word;padding-right: 36px; } .mfp-image-holder .mfp-content {max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure {cursor: pointer; } .dialog .title span {display:block;font-size: 16px;margin-top: 5px;} @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {padding-left: 0;padding-right: 0; } .mfp-img-mobile img.mfp-img {padding: 0; } .mfp-img-mobile .mfp-figure:after {top: 0;bottom: 0; } .mfp-img-mobile .mfp-figure small {display: inline;margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar {background: rgba(0, 0, 0, 0.6);bottom: 0;margin: 0;top: auto;padding: 3px 5px;position: fixed;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty {padding: 0; } .mfp-img-mobile .mfp-counter {right: 5px;top: 3px; } .mfp-img-mobile .mfp-close {top: 0;right: 0;width: 35px;height: 35px;line-height: 35px;background: rgba(0, 0, 0, 0.6);position: fixed;text-align: center;padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow {-webkit-transform: scale(0.75);transform: scale(0.75); } .mfp-arrow-left {-webkit-transform-origin: 0;transform-origin: 0; } .mfp-arrow-right {-webkit-transform-origin: 100%;transform-origin: 100%; } .mfp-container {padding-left: 6px;padding-right: 6px; } } .mfp-ie7 .mfp-img {padding: 0; } .mfp-ie7 .mfp-bottom-bar {width: 600px;left: 50%;margin-left: -300px;margin-top: 5px;padding-bottom: 5px; } .mfp-ie7 .mfp-container {padding: 0; } .mfp-ie7 .mfp-content {padding-top: 44px; } .mfp-ie7 .mfp-close {top: 0;right: 0;padding-top: 0; } /* Homepage swiper MQ */ @media all and (max-width: 1500px) { .homepage-swiper .content-heading:first-of-type h1{font-size:38px; max-width:800px;} .content-heading.massive h1 { font-size: 65px !important; } } @media all and (max-width: 1150px) { .homepage-swiper .swiper-slide {display: block;flex-direction:column;gap:0;} .image-container-homepage-swiper img {z-index: 1;position: relative;border-bottom: 8px solid #fdc228;} #absolute-mask{} .image-container-homepage-swiper:after{display:none;} .homepage-swiper-caption{margin-top:0;} .pagination{position:relative; margin:0 !important;} .homepage-swiper-caption {padding: 30px;} .homepage-swiper{max-height: 120vh;} div#absolute-mask { position: absolute; width: 200%; height: 100px; content: ''; /* background: linear-gradient(90deg, rgb(251 188 45) 0%, rgb(251 188 45) 100%); */ max-height: 90px; bottom: -50px; transform: rotate(-4deg); left: -80px; z-index: 999; display: none; } .homepage-swiper {margin-top:0;max-height: 100%;} } @media all and (max-width: 500px) { .homepage-swiper{max-height:150vh;} .swiper-small-images { margin-bottom: 0px; } z-index: 9999; } } @media all and (max-width: 450px) { } @media all and (max-width: 1600px) { .content-area h2 { font-size: 98px; margin-bottom: 15px; } #banner .owl-one .container { margin-top: 25vh; } .pagination { margin-top: 18vh; margin-bottom: 30px; } } @media all and (max-width: 1350px) { body.home { /* margin-top: 115px; */ } .home header {background: #ffffff;} .home #head nav .menu li a, .home header nav .menu > li.menu-item-has-children > a:before{color:#3e4f59;background: none;} .home #toggle {/* color: initial; */} .active #toggle, .active #contact-link {color: #ffffff;} .home #toggle span {/* background: #3e4f59; */} .active.home #toggle span {background: #ffffff;} .home #contact-link {color: #3e4f59;} .home #parallelogram {background:#3e4f59;} .active #toggle, .active #contact-link {color:#FFF;} .active #parallelogram {background:#FFF} .active header.sticky #toggle {color: #FFF;} .active header.sticky #contact-link {color:#FFF;} .active header.sticky #parallelogram {background:#FFF;} .background-area:before {top: -225px;} .minus-margin {margin-top: -45px;} .bg:after {right: -29%;background-size: 100%;} h1,.heading-1 {font-size: 44px;line-height: .9em;margin-bottom: 55px;} h2,.heading-2 {font-size: 42px;line-height: .9em;margin-bottom: 30px;} h3,.heading-3 {font-size: 32px;margin-bottom: 25px;} h4,.heading-4 {font-size: 26px;margin-bottom: 25px;} h5,.heading-5 {font-size: 18px;margin: 0 0 20px 0;} h1:after, .underline:after {left: -40px;width: 120px;} .expanding-row ._question {font-size: 26px;} .content-area {width: 70%;height: 100vh;} .content-area h2 {font-size: 80px;line-height: .85em;margin-bottom: 2.5%;} .content-area p:first-of-type {font-size: 24px;} .pagination { margin-top: 17vh; } .pagination a {margin-right: 25px;} .testimonial img {max-width: 275px;margin-top: -75px;} .snippet img {float:none;margin: 25px auto;padding-left: 25px;display: block;max-width: 250px;} } @media all and (max-width: 1250px) { .homepage-swiper-caption .content-heading.massive h1{font-size:75px} .homepage-swiper .swiper-slide {gap:43px;} .pagination a {font-size:18px;} a.button.transparent, .button.transparent{font-size:14px;} .homepage-swiper-caption p:first-of-type {font-size:22px;} .homepage-swiper-caption p {font-size:16px;} .homepage-swiper .content-heading:first-of-type h1{font-size:32px;} .homepage-swiper-caption{max-width:750px;} } @media all and (max-width: 1150px) { .image-container-homepage-swiper.alignfull { width: 100%; height: 765px; margin-top: -265px; border: 0; } h1,.heading-1 {font-size: 44px;line-height: .9em;margin-bottom: 55px;} h2,.heading-2 {font-size: 38px;line-height: .9em;margin-bottom: 30px;} h3,.heading-3 {font-size: 32px;margin-bottom: 25px;} h4,.heading-4 {font-size: 26px;margin-bottom: 25px;} h5,.heading-5 {font-size: 18px;margin: 0 0 20px 0;} .column-3 {grid-template-columns: repeat(2, 1fr);grid-column-gap: 14px;} .content-area {width: 70%;height: 100vh;} .content-area h2 {font-size: 62px;} .content-area p:first-of-type {font-size: 22px;} .pagination {margin-top: 20vh;padding: 30px 0 0 30px;} .pagination a {margin-right: 20px;font-size: 20px;} .expanding-row ._question {font-size: 24px;} .testimonial img {max-width: 225px;margin-top: 0px;} #head nav { opacity: 0; visibility: hidden; position: fixed; top: 0; width: 100%; background: rgb(44 57 64); -webkit-transition: all .25s ease; transition: all .25s ease; height: 100%; } #toggle { opacity: 1; visibility: visible; display: block; } .active #head nav { opacity: 1; visibility: visible; } nav > div { display: flex; justify-content: flex-end; align-items: flex-start; } ul#head nav .menu { height: auto; position: absolute; top: 100px; right: 0; width: 300px; display: block; flex-direction: column; } #head nav .menu { display: flex; flex-direction: column; align-items: flex-end; height: auto; margin: 120px 11px; } #head nav .menu > li { position: relative; display: block; margin: 0; height: auto; } #head nav .menu ul.sub-menu { top: auto; margin: 0; position: static; width: auto; display: none; } #head nav .menu > li.menu-item-has-children:before { display: none; } #head nav .menu ul.sub-menu:before { display: none; } #head nav .menu li a { display: block; text-align: right; background: #2c3940; font-size: 20px; border-radius: 0; /* padding: 10px 10px; */ } #head nav .menu ul li a { background: none; display: block; text-align: right; padding: 3px 10px; background: #2c3940; } header nav .menu > li.menu-item-has-children > a:before { position: static; margin-right: 5px; } #head nav .menu ul.sub-menu ul { display: flex; flex-direction: column; } #head nav .sub-menu li ul li { width: 100%; } .page header nav .menu > li.menu-item-has-children > a:before, .category header nav .menu > li.menu-item-has-children > a:before, .single header nav .menu > li.menu-item-has-children > a:before, .page #head nav .menu li a, .category #head nav .menu li a, .single #head nav .menu li a { color: #FFF; } .page header nav .menu > li.menu-item-has-children > a:before, .category header nav .menu > li.menu-item-has-children > a:before, .single header nav .menu > li.menu-item-has-children > a:before, .blog header nav .menu > li.menu-item-has-children > a:before, .page #head nav .menu li a, .category #head nav .menu li a, .single #head nav .menu li a, .blog #head nav .menu li a {color:#FFF;} .translate { margin-right: 10px; } #actions {width: 190px;top: 25px;} #contact-link {top: 40px;margin: 0 30px 0 0;} .wpml-ls-legacy-list-horizontal>ul { display: flex; } #actions .wpml-ls-legacy-list-horizontal a { padding: 2px; } .imagepin { position: relative; display: block; overflow: hidden; border-radius: 10px; max-width: 1000px; margin: 30px auto; } .imagepin .pins { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .imagepin img { display: block; margin: 0; width: 100%; height: auto; } .imagepin .pin {width: 44px;height: 44px;transform: translate(-50%, -50%);z-index: 9;border-radius: 100%;position: absolute;opacity: 1;/* background: rgba(255, 255, 255, 0.2); */-webkit-backdrop-filter: blur(1px);backdrop-filter: blur(1px);display: flex;justify-content: center;align-items: center;border: 2px solid transparent;text-decoratio: none;} .imagepin .pin span { position: absolute; top: -10px; font-size: clamp(12px, 2vw, 13px); display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; white-space: nowrap; text-align: center; background: rgba(255, 255, 255, 0.5); color: #111; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); padding: 5px 10px; border-radius: 5px; z-index: 10; line-height: 1; opacity: 0; transition: 0.2s all ease-in-out; } .imagepin .pin:hover { border-color: #fff; } .imagepin .pin:hover:after { width: 7px; height: 7px; } .imagepin .pin:hover span { opacity: 1; top: -20px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .imagepin .pin:active { border-color: #ffaa67; } .imagepin .pin:active:after { width: 20px; height: 20px; } .imagepin .pin:after { content: ""; width: 20px; height: 20px; transition: 0.2s all ease-in-out; background: #fff; position: relative; display: block; border-radius: 100%; } .imagepin .pin:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 50%; -webkit-animation: shockwave 2s 0.5s ease-in-out infinite; animation: shockwave 2s 0.5s ease-in-out infinite; } @-webkit-keyframes shockwave { 0% { transform: scale(.5); opacity:1; } 95% { transform: scale(1.25); } 100% { transform: scale(2); opacity:0; } } @keyframes shockwave { 0% { transform: scale(.5); opacity:1; } 95% { transform: scale(1.25); } 100% { transform: scale(2); opacity:0; } } .imagepin .pin:nth-of-type(1):before { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .imagepin .pin:nth-of-type(2):before { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .imagepin .pin:nth-of-type(3):before { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .imagepin .pin:nth-of-type(4):before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .imagepin .pin:nth-of-type(5):before { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; } .imagepin .pin:nth-of-type(6):before { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } .imagepin .pin:nth-of-type(7):before { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } .imagepin .pin:nth-of-type(8):before { -webkit-animation-delay: 2s; animation-delay: 2s; } .imagepin .pin:nth-of-type(9):before { -webkit-animation-delay: 2.2s; animation-delay: 2.2s; } ul#head nav .menu:after { content: ''; width: 100%; height: 100vh; background: #2c3940; position: absolute; top: -100px; z-index: -5; } .page #head nav .menu ul li a, .category #head nav .menu ul li a, .single #head nav .menu ul li a {color:#FFF;} #head.sticky nav .menu > li > a {color:#FFF;} #head.sticky nav .menu > li.menu-item-has-children > a:before {color:#FFF;} } @media all and (max-width: 950px) { .event-selector.event { display: flex; flex-direction: column-reverse; gap: 30px; } #annotated_graphic #blocks ul li { max-width: 200px; } .mobile-only {display:block!important;} .desktop-only {display:none!important;} #annotated_graphic #blocks ul li .block-heading {padding:5px;} .block-heading a { text-align: center; display: block; text-decoration: none; line-height: 22px; padding: 15px; background: #4d6877; color: #FFF; -webkit-transition: all .25s ease-in-out; } .block-heading a:hover { transform: translate(0px, -3px); } h1,.heading-1 {font-size: 32px;margin-bottom: 45px;} h2,.heading-2 {font-size: 30px;margin-bottom: 20px;} h3,.heading-3 {font-size: 28px;margin-bottom: 20px;} h4,.heading-4 {font-size: 24px;margin-bottom: 20px;} .one-third {width:100%;} .two-thirds {width:100%;} .flex-2 {flex: 1 100%;} .column-4 {grid-template-columns: repeat(3, 1fr);grid-column-gap: 14px;} .bg:after {right: -27%;background-size: 130%;} #banner,.home #banner {height:auto;background-image: none;} .background-area {height: 75vh;width: 100%;position: relative;background-position: center center;overflow: hidden;border: 0;} .content-area {width: 100%;height: auto;position: relative;border: 0;} .pagination {width: 100%;margin-top: 67vh;} .background-area:before {-webkit-transform: skewY(-7deg);transform: skewY(-7deg);top: auto;bottom: -55px;height: 200px;z-index: 5;background-color: #fec624;} #banner .owl-one .container {margin: auto;} #banner .caption {padding-bottom:5%} .pagination a {margin: 0 15px 0 0;font-size: 18px;} #banner .item:after {display: none;} .content-area h2 {font-size: 64px;} .content-area p:first-of-type {font-size: 20px;} .cta .cta-block {width: 65%;} .cta .cta-img {max-width: 155px;} .col3 {width:100%;padding-bottom:25px;} .col3:last-child {padding-bottom:0;} footer .col3 {width:50%;} .column-2 {grid-template-columns: repeat(1, 1fr);} .clip-wrap {margin: auto;max-width: 500px;} .hero-content p {max-width: 100%;} .testimonial img {max-width: 150px;margin: 0 auto 25px;display: block;} .experts img {display: block;margin: auto;max-width: 200px;} .experts a {color: #3e4f59;} #events .one-third {margin-bottom:25px;} .hero h1 img {position: relative;top: 10px;right: 0px;display: inline-block;float: none;} .alignleft, .wp-caption.alignleft,.alignright, .wp-caption.alignright {float: none;display: block;} #banner .caption img.alignleft,#banner .caption img.alignright {float:left;} } @media all and (max-width: 800px) { .dialog { top: 100px; width: 500px; } .dialog .bio_content .grid {grid-template-columns:1fr;display: grid;justify-items: center;} .bio_content p { text-align: center; } } @media (max-width: 735px) { .padTop {padding-top: 15px;} .padBottom {padding-bottom: 15px;} .padLeft {padding-left: 15px;} .padRight {padding-right: 15px;} .padAll {padding: 15px;} .container {width: 97%;} h1,.heading-1 {font-size: 30px;margin-bottom: 45px;} h2,.heading-2 {font-size: 28px;margin-bottom: 10px;} h3,.heading-3 {font-size: 24px;margin-bottom: 20px;} h4,.heading-4 {font-size: 22px;margin-bottom: 20px;} #contact-link {display: none;} header nav {width: 275px;padding: 115px 25px 25px 25px;} #searchform {margin: 0px 0 25px 0;} header nav .menu > li {margin: 0 0 5px 25px;} header nav .menu > li > a,header nav .menu li a {font-size: 16px;} .expanding-row ._question {font-size: 22px;} .column-4 {grid-template-columns: repeat(2, 1fr);grid-column-gap: 5px;} .column-3 {grid-template-columns: repeat(1, 1fr);grid-column-gap: 14px;} #company img {display: block;margin: auto;} .image-container-homepage-swiper.alignfull { height: 525px; margin-top: -125px; } } @media all and (max-width: 650px) { header #logo {width: 250px;} .background-area {height: 40vh;background-position: center center;} .background-area:before { bottom: -115px; } .pagination { margin-top: 34vh; } .content-area h2 {font-size: 56px;} .content-area p { font-size: 18px; } .col-2 {width:100%;} .pagination a {margin: 0 0px 0 0;font-size: 14px;} .column-5 {grid-template-columns: repeat(3, 1fr);grid-column-gap: 24px;} .cta .cta-block {width:100%;} .cta .cta-img {display:none} .dialog img {display:block;float:none;margin: 0 auto 25px;} .column-4 {grid-template-columns: repeat(1, 1fr);grid-column-gap: 0px;} blockquote p {font-size: 20px;} header nav .menu { } } @media all and (max-width: 550px) { .dialog { width: 350px; } } @media all and (max-width: 450px) { header .container {display:flex;flex-direction: column;padding: 2.5%;width: 95%;} .head-container {width:100%;height: auto;justify-content: center;order: 1;=:absolute;top: 10px;position: absolute;} #actions {width:100%;justify-content: space-between;z-index: 9999;} header #logo { margin-bottom: 5px; width: 100%; display: flex; justify-content: center; max-width: 200px; } .dialog { width: 325px; } }