/* Theme Name: Design Collaborative Theme URI: http://frankiesfolio.com/ Description: Custom theme for Design Collaborative designed by Frankie's Folio, LLC. Version: 1.0 Author: Frankie's Folio, LLC Author URI: http://frankiesfolio.com/ */ /* basic */ html { height: 100%; margin:0px; padding:0px;} body { overflow-x: hidden;font-family: 'Roboto', sans-serif; font-size: 17px; font-weight:400; line-height: 30px; color:#333333; margin:0px 0px 0px 0px; padding:0px; -webkit-text-size-adjust: 100%;height: 100%;} a, a:visited { color: #f37021; outline:none; background:none; text-decoration:none;} a:hover { text-decoration:none; } a img { border:0px ; } input, select, textarea { font-family: 'Roboto', sans-serif; font-size: 18px; color: #666; outline:none; margin-top:2px; } strong {font-weight:600} p { margin:0px 0px 30px 0px; } hr {border: 0; color: #ccc; background-color: #ccc; height: 1px; width: 100%; text-align: left; margin:30px 0px 30px 0px;} object {pointer-events: none;} .collapseomatic {cursor:pointer} ::-webkit-input-placeholder { /* WebKit browsers */ font-size: 18px; color: #999999; line-height:30px; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: 18px; color: #999999 !important; line-height:30px; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: 18px; color: #999999 !important; line-height:30px; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10+ */ font-size: 18px; color: #999999; line-height:30px; } ::selection { background: #00a8d5; color:#fff } ::-moz-selection { background: #00a8d5;color:#fff } h1, h2, h3, h4, h5, h6 {line-height:normal; margin:0px 0px 0px 0px; } h1 { clear:left; font-family: futura-pt, sans-serif;font-weight: 500; font-size: 60px; line-height:70px; color: #666; margin:0px 0px 0px 0px; padding:0px 0px 10px 0px; letter-spacing: 1px } h2 { clear:left; font-family: futura-pt, sans-serif;font-weight: 700; font-size: 46px; line-height:54px; color: #666; margin:0px 0px 0px 0px; padding:0px 0px 30px 0px; text-transform:uppercase } h3 { clear:left; font-family: futura-pt, sans-serif;font-weight: 500; font-size: 36px; line-height:46px; color: #666; margin:0px 0px 0px 0px; padding:0px 0px 30px 0px;} h4 {clear:left; font-family: futura-pt, sans-serif; font-weight: 700;font-size: 18px; line-height:26px;font-style: normal;color: #f37021; margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; text-transform:uppercase;} h5 {clear:left; font-family: futura-pt, sans-serif; font-weight: 700;font-size: 16px; line-height:26px;font-style: normal;color: #999; margin:0px 0px 30px 0px; padding:10px 0px 20px 0px; text-transform:uppercase;border-bottom:#ccc 1px solid} blockquote {border-left:#f37021 8px solid; padding:0px 0px 0px 30px;font-family: futura-pt, sans-serif;font-weight: 500; font-size: 36px; line-height:42px; color: #666; margin:0px 0px 30px 0px !important;} p a {text-decoration:none} p a:hover {color:#00a8d5; text-decoration:underline} .orange { color: #f37021;} @media only screen and (max-width :1023px) { h1 {font-size: 40px; line-height:46px;} h2 {font-size: 40px; line-height:50px;padding:0px 0px 20px 0px;} h3 {font-size: 30px; line-height:40px;padding:0px 0px 20px 0px;} } @media only screen and (max-width :639px) { h2 {font-size: 36px; line-height:40px;padding:0px 0px 20px 0px !important; } h3 {font-size: 26px; line-height:32px;margin:0px 0px 20px 0px !important;} p { margin:0px 0px 20px 0px; } blockquote {border-left:#f37021 8px solid; padding:0px 0px 0px 20px;font-size: 26px; font-weight:400; line-height:32px;margin:0px 0px 20px 0px !important;} } /* ------------------------------------------ HEADER -------------------------------------------------------------- */ .home .rowWrap.gray.fullBG {padding-top:100px} #headerWrap {float:left; width:100%; background:#fff;position:fixed; z-index:9999;height:150px;transition: height 0.3s ease;} .header {position:relative; top:56px; width:100%; max-width:1382px; margin:0px 0px 0px 0px;transition: 0.3s ease; } .headerLogo {float:left;width:250px; } .headerLogo a {float:left; width:250px; height:47px; } .dcMenu {float:right; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; line-height:normal; } .dcMenu ul {float:left; margin:16px 0px 0px 0px; padding:0px 0px 0px 0px; display:inline; list-style-type:none; line-height:normal; } .dcMenu li {margin:0px 17px 0px 17px; padding:0px 0px 0px 0px; display:inline-block; list-style-type:none; line-height:normal; cursor:pointer;position:relative;} .dcMenu li a {font-family: futura-pt, sans-serif; font-weight:500; color:#666; font-size:18px; letter-spacing:.05em; padding:0px 0px 39px 0px; text-transform:uppercase; display: block;position:relative;text-decoration:none;} .dcMenu li ul li, .dcMenu li.current_page_item ul li a, .dcMenu li:hover ul li a {border:none} .dcMenu li.page_item_has_children ul {float:left;opacity: 0;transition:opacity 0.5s;transition-timing-function: ease-in-out;visibility:hidden;background:#00a8d5;margin-top:16px} .dcMenu li.page_item_has_children:hover ul {opacity:95%;transition:opacity 0.5s;visibility:visible;transition-timing-function: ease-in-out;} .dcMenu li.page_item_has_children:hover ul li {opacity:1;} .dcMenu ul.children {position:absolute; padding:40px 0px 20px 17px; min-width:292px} .dcMenu ul.children.threeColumns { float:left;list-style: none; -webkit-columns: 3; -moz-columns: 3;columns: 3; min-width:570px; padding-bottom:40px } .dcMenu li.page-item-11 ul.children.threeColumns {min-width:649px} .dcMenu ul.children li {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;opacity:0;position:relative;left:0px;display:block; margin:0px 0px 0px 0px;padding:0px 0px 10px 0px;background:transparent } .dcMenu ul.children li a {font-family: 'Roboto', sans-serif; font-weight:400;text-transform:none;color:#fff;font-size:15px;padding:0px 10px 0px 10px !important;line-height:22px;} .dcMenu ul.children li:before { font-family: "Font Awesome 6 Pro"; content: "\f105"; color:#fff; font-size:16px; line-height:16px; float:left; padding: 4px 0px 0px 0px; opacity:0;transition:opacity 0.5s ease; -webkit-transition:0.5s ease; -moz-transition:0.5s ease;} .dcMenu ul.children li:hover:before { opacity:1} .dcMenu ul.children li a {transition: 0.5s ease-in-out; -webkit-transition:0.5s ease; -moz-transition:0.5s ease ;position:relative; left:0px;} .dcMenu ul.children li:hover a {left:8px;} .dcMenu li {display: inline-block;position: relative; } .dcMenu li:after { content: ''; display: block; height: 16px; width: 0px; background: transparent; transition: width .2s ease, background-color .5s ease;} .dcMenu li:hover:after { width: 100%; background: #00a8d5; } .dcMenu li.current_page_item, .dcMenu li.current_page_ancestor {background:url("images/bg-current-page.gif") bottom no-repeat;} .dcMenu li.current_page_item:after, .dcMenu li.current_page_ancestor:after {content: ''; display: block;height: 16px; width: 0; transition: width .2s ease;background: transparent;} .dcMenu li.current_page_item:hover:after, .dcMenu li.current_page_ancestor:hover:after {width: 100%; background: #00a8d5;} .dcMenu ul.children li { display: block; float:none; position: static; } .dcMenu ul.children li:after { content: ''; display: block; margin: 0px 0px 0px 0px; height: 0px; width: 0px; background: transparent; transition: none} .dcMenu ul.children li:hover:after { width: auto; background: transparent; } .dcMenu ul.children li.current_page_item, .dcMenu ul.children li.current_page_ancestor {background-image:none;} #headerWrap.scrollHeader {height:99px;overflow:visible;border-bottom:#ccc 1px solid} #headerWrap.scrollHeader .header {top:25px;} #headerWrap.scrollHeader .dcMenu li a {padding-bottom:19px} #headerWrap.scrollHeader .dcMenu li.current_page_item {background:url("images/bg-current-page.gif") bottom no-repeat;} #headerWrap.scrollHeader .dcMenu ul.children li.current_page_item, .dcMenu ul.children li.current_page_ancestor {background-image:none;} .single-projects .page-item-13 {background:url("images/bg-current-page.gif") bottom no-repeat;} .single-jobs .page-item-17 {background:url("images/bg-current-page.gif") bottom no-repeat;} .single-post .page-item-19 {background:url("images/bg-current-page.gif") bottom no-repeat;} .tax-markets .page-item-13 {background:url("images/bg-current-page.gif") bottom no-repeat;} .tax-dc-services .page-item-13 {background:url("images/bg-current-page.gif") bottom no-repeat;} .page-id-2320 .page-item-19 {background:url("images/bg-current-page.gif") bottom no-repeat;} /* search button */ .search-toggle {float:right; margin:19px 0px 0px 0px;} #slideSearch {border:none; margin:0px 0px 0px 16px; padding:0px 0px 0px 0px; background:#fff; cursor:pointer;color:#f37021} #slideSearch:before {font-family: "Font Awesome 6 Pro"; content: "\f002";font-weight:700;font-size:18px} /* search form */ .slideTogglebox {display:none;position:absolute; width:100%; top:0px;height:150px; z-index:9999;background:#00a8d5; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;} .search-container {position:relative;width:100; max-width:1382px; text-align:right; margin:0px auto 0px auto; padding:68px 0px 0px 0px; } #search-form { float: left; width:90%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-bottom:#fff 1px solid; border-right:none; } #search-form input.textField { float:left; width:70%; border:none; background:none; margin: 0px 0px 0px 0px; padding: 6px 0px 0px 0px; font-family: futura-pt, sans-serif; font-weight:500; color:#fff; font-size:18px; line-height:18px; } .searchinput {float:left; width:80%;position:relative} .searchsubmit { float:right; width:40px;margin: 1px 0px 0px 0px; padding: 0px 0px 0px 0px;} .searchsubmit:before {font-family: "Font Awesome 6 Pro"; content: "\f002";font-weight:700;font-size:20px;color:#fff} .searchsubmit input.goBtn {position:relative;float:left;top:-30px;z-index:2;width:100%; height:100%;background:transparent;border:0px} .search-close {position:absolute; top:72px; right:0px; z-index:999;font-family: "Font Awesome 6 Pro"; font-size:24px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color:#fff; cursor:pointer} #searchinput::-webkit-input-placeholder { /* WebKit browsers */ font-size: 18px; color: #fff; line-height:18px; } #searchinput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: 18px; color: #fff !important; line-height:18px; opacity: 1; } #searchinput::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: 18px; color: #fff !important; line-height:18px; opacity: 1; } #searchinput:-ms-input-placeholder { /* Internet Explorer 10+ */ font-size: 18px; color: #fff; line-height:18px; } .slideTogglebox.scrollHeader {position:fixed;height:100px;} .slideTogglebox.scrollHeader .search-container {padding-top:36px} .slideTogglebox.scrollHeader .searchinput {} .slideTogglebox.scrollHeader .search-close {top:40px;} .slideTogglebox.scrollHeader #search-form {height:40px} /* Mobile Search */ .searchTrigger {display:none;border:none; margin:0px 0px 0px 16px; padding:0px 0px 0px 0px; background:#fff; cursor:pointer;color:#f37021} .searchTrigger:before {font-family: "Font Awesome 6 Pro"; content: "\f002";font-weight:700;font-size:18px} .searchTrigger.colomat-close {color:#00a8d5} #target-mobileSearch {background:url(images/bg-mobileMenu.png);position:fixed;left:0;top:140px;margin:0;width:100%;min-height:100%;display:none} #target-mobileSearch h4 {color:#fff;} #target-mobileSearch h4.closeIt {color:#fff; width:75px;cursor:pointer} #target-mobileSearch h4 i {float:right;padding:3px 0px 0px 0px;font-size:20px;} #target-mobileSearch .mobile-wrap {padding: 40px} #target-mobileSearch form {position:relative;border:#6dd3ee 1px solid;background:transparent; padding:0px; margin:0px 0px 30px 0px} #target-mobileSearch input.searchfield {color:#fff;padding:10px 0px 12px 15px;background:transparent;width:80%;border:0px} #target-mobileSearch input.searchfield:-webkit-input-placeholder { /* WebKit browsers */ font-size: 18px; color: #fff; line-height:18px; } #target-mobileSearch input.searchfield:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: 18px; color: #fff !important; line-height:18px; opacity: 1; } #target-mobileSearch input.searchfield:-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: 18px; color: #fff !important; line-height:18px; opacity: 1; } #target-mobileSearch input.searchfield:-ms-input-placeholder { /* Internet Explorer 10+ */ font-size: 18px; color: #fff; line-height:18px; } .submitArrow:before {font-family: "Font Awesome 6 Pro"; content: "\f061";font-weight:700;font-size:20px;color:#fff} .submitArrow {position:absolute;top:5px;right:8px;z-index:-1;width:25px; height:50px;border-left:#6dd3ee 1px solid;padding:13px 0px 12px 0px;font-size:18px;line-height:18px} .submitArrow {border:0px; background:transparent;} input.submitBtn {float:right;border:0px;border-radius:0px;margin-top:-1px;width:50px; height:53px;background:transparent;cursor:pointer; border-left:#6dd3ee 1px solid;-moz-appearance: none; -webkit-appearance: none; appearance: none;} /* Hamburger Styles */ #slidetoggle {float:right;margin:18px 0px 0px 20px;padding:0px;} .hamburger{position:relative;z-index:999;font-size:50px;display:inline-block;width:26px;height:26px;padding:0;cursor:pointer;transition:transform .2s ease-in-out;-moz-transition:transform .2s ease-in-out;-webkit-transition:transform .2s ease-in-out;vertical-align:middle;border:0 none;background:0 0} .hamburger::-moz-focus-inner{padding:0;border:0 none}.hamburger:focus{outline:0}.hamburger:after,.hamburger:before{content:""} .hamburger .icon,.hamburger:after,.hamburger:before{display:block;width:100%;height:4px;margin:0 0 4px 0;transition:transform .2s ease-in-out;-moz-transition:transform .2s ease-in-out;-webkit-transition:transform .2s ease-in-out;background:#f36f21}.hamburger.colomat-close .icon,.hamburger.colomat-close:after,.hamburger.colomat-close:before{background:#00a8d5}.hamburger.hamburger-minus.colomat-close{transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg)}.hamburger.hamburger-minus.colomat-close .icon{transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0)}.hamburger.hamburger-minus.colomat-close:before{transform:translateY(13px);-moz-transform:translateY(13px);-webkit-transform:translateY(13px)}.hamburger.hamburger-minus.colomat-close:after{transform:translateY(-3px);-moz-transform:translateY(-3px);-webkit-transform:translateY(-3px)} .cbp-spmenu{background:url(images/bg-mobileMenu.png);position:fixed;left:0;top:140px;margin:0;width:100%;height:100%;display:none;overflow-x:hidden;overflow-y: auto; -webkit-overflow-scrolling: touch;} .mobileMenu {margin:0px 40px} .scroll-mobile { overflow-y: auto; -webkit-overflow-scrolling: touch;padding-bottom:80px} ul.mobile-parent-items { margin:0px; padding:40px 0px 0px 0px} ul.mobile-parent-items li {font-family: futura-pt, sans-serif;font-weight: 700; color:#fff; letter-spacing:1px;margin:0px; list-style-type:none; padding:15px 0px; border-bottom:#6dd3ee 1px solid; text-transform:uppercase; font-size:17px;transition:transform .2s ease-in-out;-moz-transition:transform .2s ease-in-out;-webkit-transition:transform .2s ease-in-out; } ul.mobile-parent-items li:first-child {border-top:0px;} ul.mobile-parent-items li i {float:right;font-size:18px;line-height:30px} ul.mobile-parent-items li.collapseomatic {padding:15px 0px 15px 0px; cursor:pointer} ul.mobile-parent-items li.colomat-close {border-bottom:#6dd3ee 1px solid;background:transparent} ul.mobile-parent-items li.collapseomatic.colomat-close i {transform:rotate(-45deg);} ul.mobile-parent-items li a {color:#fff;} ul.mobile-child-items { -webkit-columns: 2; -moz-columns: 2;columns: 2;margin:20px 0px 0px 0px; padding:0px 0px 30px 0px; width:100%;border-bottom:#6dd3ee 1px solid;} ul.mobile-child-items li {font-family: 'Roboto', sans-serif;font-size:16px;font-weight: 500;letter-spacing:0px;padding:0px 0px 0px 0px;border-bottom:0px; border-top:0px; text-transform:none } ul.mobile-child-items li.collapseomatic {padding-top:0px; padding-bottom:0px; cursor:pointer} ul.mobile-child-items li a { color:#fff; padding:0px 0px 10px 0px } ul.social-icons-menu {float:left; width:100%; margin:0px 0px 0px 0px; padding:40px 0px 30px 0px} ul.social-icons-menu li {margin:0px 20px 0px 0px; padding:0px;list-style-type: none; display:inline-block;font-size:30px} ul.social-icons-menu li a {color:#fff} ul.social-icons-menu li a:hover {color:#fff;transition: 0.1s;opacity:.75} /* 3nd tier / mobile */ .collapseomatic.dropdown {cursor:pointer; background:#fff; font-family: futura-pt, sans-serif;font-size:18px; line-height:48px;font-weight: 700; color:#999; display:block;text-transform:uppercase;padding:0px 0px 0px 30px;margin:0px 0px 0px 0px} .collapseomatic.dropdown span {float:right;border-left:#ccc 1px solid;padding:0px 15px 0px 15px} .collapseomatic.dropdown i {float:right; line-height:49px;} .collapseomatic.dropdown.colomat-close i {transform:rotate(-180deg);} .noHero {float:left; width:100%; margin:150px 0px 80px 0px} .noHero .orangeBorder {width:100%; max-width:1382px; margin:0px auto; border-top:#f37021 2px solid} .noHero:nth-of-type(2) {display:none} .page-id-2320 .noHero, .page-id-113 .noHero {margin-bottom:0px} .page-id-113 .rowWrap.pattern.topBG {padding-bottom:0px} /*.page-id-109 .noHero {display:none}*/ .single-projects .noHero {float:left; width:100%; margin:150px 0px 0px 0px} /* ------------------------------------------ HEADER RESPONSIVE STYLES -------------------------------------------------------------- */ /* > 1180 */ @media only screen and (min-width :1179px) { /*.cbp-spmenu {display:none !important;} */ /*#slidetoggle {display:none;} */ /* .dcMenu ul {display: none} .search-toggle {display: none} .searchTrigger {display:block; float:right;margin:19px 0px 0px 0px} */ #slidetoggle { display: none; } } /* < 1442 */ @media only screen and (max-width :1442px) { .mobile-wrap {margin:0px 40px} .search-close {right:40px} .noHero {margin-left:40px;width: calc(100% - 80px)} } /* < 1180 */ @media only screen and (max-width :1180px) { #headerWrap {height:100px} .header {top:25px} .headerLogo {width:224px; } .headerLogo a {width:224px; height:42px; } .dcMenu ul {display:none} #slidetoggle {display:block;} .search-toggle {display:none} .slideTogglebox{ display:none} .searchTrigger {display:block; float:right;margin:19px 0px 0px 0px} #target-mobileSearch {display:block;} .noHero {margin-top:100px;margin-bottom:50px} } @media only screen and (max-width :1023px) { .mobile-wrap {margin:0px 30px} #search-form {width:90%} .collapseomatic.dropdown.desktop {display:none} .collapseomatic.dropdown.mobile {display:block} .noHero {margin-left:30px;width: calc(100% - 60px)} .mobileMenu {margin:0px 30px} } @media only screen and (max-width :1023px) { .home .rowWrap.gray.fullBG {padding:60px 0px 0px 0px} } @media only screen and (max-width :640px) { #headerWrap {height:75px} #headerWrap.scrollHeader {height:75px;} #headerWrap.scrollHeader .header {top:20px;} .header {top:20px} .headerLogo {width:180px; } .headerLogo a {width:180px; height:34px; } .mobile-wrap {margin:0px 20px} #slidetoggle {margin-top:12px} #target-mobileSearch {top:75px;} .searchTrigger {margin:13px 0px 0px 0px} .cbp-spmenu{top:75px;} ul.mobile-parent-items { margin:0px; padding:20px 0px 0px 0px} .noHero {margin-top:75px;margin-bottom:30px;margin-left:20px;width: calc(100% - 40px)} .mobileMenu {margin:0px 20px} } @media only screen and (max-width :320px) { ul.mobile-child-items { -webkit-columns: 1; -moz-columns: 1;columns: 1;} } /* ------------------------------------------ CONTENT LAYOUT -------------------------------------------------------------- */ #wrap {width:100%; min-height:75%} .tableRow { } .main { } .container {max-width:1382px; width:100%; margin: 0px auto 0px auto; padding:0px 0px 50px 0px; font-family: 'Roboto', sans-serif; font-size: 17px; font-weight:400; line-height: 30px; color:#333;} .the-content ul { margin:0px 0px 20px 0px; padding: 0px 0px 0px 0px; } .the-content ul li:before {color:#f37021;content: '\2022';float: left; font-size: 17px; line-height:17px;margin-top:6px; margin-left:-3px;width:15px} .the-content ul li { margin:0px 0px 8px 0px; padding: 0px 0px 0px 15px; list-style-type:none;padding-left: 1em; text-indent: -0.8em; line-height:27px} .the-content ul li:last-child { margin:0px 0px 0px 0px;} .the-content ol {list-style-type: decimal; } .the-content ol li {margin-bottom:10px;padding-left:10px} .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin:30px 0px 50px 0px; width:100%; } .video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Column Content */ .rowWrap {float:left; width:100%;} .rowWrap.instructions {display:none} /* none */ .rowWrap.none {padding:100px 0px 60px 0px} /* gray */ .rowWrap.gray.fullBG {background:#efefef;padding:60px 0px} .rowWrap.gray.topBG {background: linear-gradient(to top, #ffffff 50%, #efefef 50%);border-top:#efefef 60px solid;border-bottom:#fff 60px solid} .rowWrap.gray.bottomBG {background: linear-gradient(to top, #efefef 50%, #ffffff 50%);border-bottom:#efefef 80px solid;} /* orange */ .rowWrap.orange.fullBG {background:#f37021;padding:60px 0px} .rowWrap.orange.topBG {background: linear-gradient(to top, #ffffff 50%, #f37021 50%);border-top:#f37021 60px solid;border-bottom:#fff 60px solid} .rowWrap.orange.bottomBG {background: linear-gradient(to top, #f37021 50%, #ffffff 50%);border-bottom:#f37021 80px solid;} .rowWrap.orange.fullBG h2, .rowWrap.orange.topBG h2 {color:#fff} .rowWrap.orange.fullBG h2 .orange, .rowWrap.orange.topBG h2 .orange {color:#fff !important} .rowWrap.orange.fullBG h2, .rowWrap.orange.fullBG h3, .rowWrap.orange.fullBG p {color:#fff !important} .rowWrap.orange.topBG h3 {color:#fff} .rowWrap.orange.fullBG a {color:#fff; text-decoration:underline} .rowWrap.orange.fullBG a:hover {color:#fff} /* kubrick */ .rowWrap.pattern h2.lastWord {padding-left:0px !important} .rowWrap.pattern .col .bgPad {padding:0px !important} .rowWrap.pattern.fullBG {background:url("images/kubrickFullBG.svg");background-size:200px;padding:80px 0px} .rowWrap.pattern.topBG {background:url("images/kubrickTop.svg")top right no-repeat;background-size:1920px;padding:80px 0px} .rowWrap.pattern.bottomBG {background:url("images/kubrickBottomContained.svg") center bottom no-repeat;background-size:1920px;padding:80px 0px;} /* columns layout */ /*.rowWrap.bottomBG .fifty .col {background:#fff; width:48.5% !important} .rowWrap.pattern.bottomBG .col {background: transparent} .rowWrap.topBG .col .bgPad {padding:30px 30px 0px 30px} .rowWrap.bottomBG .col .bgPad {padding:0px 30px } .rowWrap.bottomBG .col h2.lastWord {padding-left:30px}*/ .photoText {width:612px; float:right;margin-right:80px;padding:60px 0px} .photoText.right {float:left;margin-right:0px;margin-left:80px;} td.photoImg img {display:none} .the-content.fifty .col {float:left; width:47%;} .the-content.fifty .col:nth-of-type(even) {float:right; width:47%;} .the-content.twoThirds .col {float:left; width:65%;} .the-content.twoThirds .col:nth-of-type(even) {float:right; width:25%;} .the-content.twoThirdsReverse .col {float:left; width:25%;} .the-content.twoThirdsReverse .col:nth-of-type(even) {float:right; width:65%;} .the-content.thirds .col {float:left; width:30%;margin-right:3%} .the-content.thirds .col:nth-of-type(3) {margin-right:0px;margin-left:3%} .the-content.large-left .col {float:left; width:55%;} .the-content.large-left .col:nth-of-type(even) {float:right; width:30%;} .rowWrap.photoTexttable {padding:0px !important;} @media only screen and (max-width :1480px) { .rowWrap.pattern.topBG {background:url("images/kubrickTopMobile.svg")top right no-repeat;background-size:465px;} .rowWrap.pattern.bottomBG {background:url("images/kubrickBottomContained.svg") left bottom no-repeat;background-size:1920px;} .photoText, .photoText.right {width:auto; float:left;margin:0px 40px;padding:60px 0px} } @media only screen and (max-width :1180px) { table.photoTextWrap td {width:100%;display:block !important} td.photoText {width:100%; display:block;} td.photoImg {background:none !important} td.photoImg img {display:block; width:100%; height:auto} #wrap {overflow-x:hidden} } @media only screen and (max-width :1023px) { .rowWrap.none {padding:60px 0px 60px 0px} .the-content.thirds .col {width:47%} .the-content.thirds .col:nth-of-type(2) {float:right;margin-right:0px;} .the-content.thirds .col:nth-of-type(3) {margin:30px 0px 0px 0px;width:100%} .photoText, .photoText.right {margin:0px 30px;} .rowWrap.pattern.bottomBG {background:url("images/kubrickBottomMobile.svg") right bottom no-repeat;background-size:465px;} .rowWrap.fullBG {padding:30px 0px} .rowWrap.topBG {padding:30px 0px} .rowWrap.bottomBG {padding:30px 0px} } @media only screen and (max-width :850px) { .rowWrap.pattern.topBG {padding-top:165px} .the-content.thirds .col {width:100%;margin-right:0px;} .the-content.thirds .col:nth-of-type(2) {float:left;} } @media only screen and (max-width :767px) { .the-content.twoThirds .col,.the-content.twoThirdsReverse .col { width:100%} .the-content.twoThirds .col:nth-of-type(even),.the-content.twoThirdsReverse .col:nth-of-type(even) {float:left; width:100%;} .container {padding-bottom:20px} .rowWrap.orange.bottomBG {border-bottom:20px;padding-bottom:0px} .rowWrap.topBG {padding:50px 0px 0px 0px} } @media only screen and (max-width :639px) { /* padding */ .rowWrap.topBG .col .bgPad {padding:20px 20px 0px 20px; margin-bottom:-20px} .rowWrap.bottomBG .col .bgPad {padding:0px 20px} /*.rowWrap.bottomBG .col h2.lastWord {padding-left:20px}*/ /* bg color */ .rowWrap.pattern.bottomBG {background:url("images/kubrickBottomMobile.svg") right bottom no-repeat;background-size:465px;} /* columns */ .rowWrap.gray.topBG .the-content.fifty .col, .the-content.fifty .col {width:100% !important;} .the-content.fifty .col:nth-of-type(even) {float:left; width:100% !important;} .photoText, .photoText.right {margin:0px 20px;} } /* ------------------------------------------ HERO SLIDER -------------------------------------------------------------- */ #heroSliderWrap {float:left;width:100%;position:relative; top:150px;margin-bottom:150px;background:url("images/kubrickOrangeHero.svg") left bottom repeat-x;background-size:180px;overflow:hidden;min-height:320px;color:#fff} #heroSlider {width:95.5%;} #heroSlider ul.slides {float:left; width:100%; margin:0px; padding:0px;} #heroSlider ul.slides li {visibility:hidden;margin:0px; padding:0px; width:100%; height:100%;list-style-type:none;} #heroSlider ul.slides li .br-item {visibility:visible} .heroCaption {position:absolute; right:30px; bottom:27px; font-family: futura-pt, sans-serif; color:#f37021 !important; font-size:20px !important; font-weight:400; line-height:30px;z-index:9999} .heroCaption a {color:#f37021;} .heroCaption a:hover {color:#00a8d5;text-shadow:none} .br-stage, .br-screen {min-height:320px} .slide-container {position:relative;width:100%; height:100%;} .headingWrap {width:1300px; margin:0px auto} .heading1 {position:absolute; bottom:200px;background: linear-gradient(to top, #f37021 16px, transparent 16px);} .heading1.servicePage {background: #f37021;padding:0px 10px} .headingServices {position:absolute; bottom:300px;font-family: futura-pt, sans-serif;font-weight: 700; font-size: 50px; line-height:100%;background: linear-gradient(to top, #f37021 13px, transparent 13px);text-transform:uppercase;} .heading2 {position:absolute; bottom:100px;background:#f37021;padding:0px 10px} .heading {font-family: futura-pt, sans-serif;font-weight: 700; font-size: 80px; line-height:100%;text-transform:uppercase; padding:0px; } #br-layers-0 .headingServices {display:block} .headingServices {display:none} .contentBox {position:absolute; width:50%;max-width:537px;bottom:80px;background:url("images/orangeOverlay.png");padding:50px;border-left:#f37021 16px solid} .contentBox h3 {color:#fff;padding-bottom:20px;width:90%} .contentBox p {font-family: futura-pt, sans-serif;font-weight: 500; font-size: 24px; line-height:34px;} a.btn, button.btn{display:inline-block; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-family: futura-pt, sans-serif;font-weight:700;font-size:18px;color:#f37021; background-color:#fff; text-transform:uppercase; padding:15px 30px 15px 25px; position:relative; overflow:hidden; letter-spacing:1px; z-index:1; vertical-align:top} .btn,.btn:hover{border-width:0} a.btn:hover:after, button.btn:hover:after{left:-180px} a.btn:active, button.btn:active{top:1px} a.btn:after, button.btn:after{content:"\f054";font-family:"Font Awesome 6 Pro",sans-serif;z-index:-1;position:absolute;background-color:#efefef;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(10%) translateX(16%) rotate(-35deg);transform:translateY(10%) translateX(16%) rotate(-35deg);-webkit-transition:all .3s;transition:all .3s;width:450px;height:330px;left:-580px;top:-80px} a.btn i, button.btn i{line-height:26px;position:relative; left:5px;transition:.3s; -webkit-transition:.3s; -moz-transition:.3s;animation-timing-function: ease;padding-left:5px} a.btn:hover i, button.btn:hover i{left:10px;} .the-content a.btn, .the-content button.btn {color:#fff;background-color:#f37021;margin:20px 0px 30px 0px} .the-content a.btn:hover, .the-content button.btn:hover {text-decoration:none} .the-content a.btn:after, .the-content button.btn:after {background-color:#00a8d5;} .the-content a.btn.slim, .the-content button.btn.slim {float:left;width:100%;clear:both;color:#f37021;background-color:transparent;margin:5px 0px 30px 0px;padding:0px 10px 0px 0px;font-size:16px} .the-content a.btn.slim:hover, .the-content button.btn.slim:hove {text-decoration:none} .the-content a.btn.slim:after, .the-content button.btn.slim:after {background-color:transparent;} .br-cpanel-wrapper {position:static;left:auto !important;width:1330px; margin:0px auto} .br-stage-bg {display:none !important} .br-thumbnails ul { height: 45px !important; } .br-thumbnails ul li.br-bullet { border: #fff 2px solid; text-indent: -9999px; display: inline-block; width: 16px; height: 16px; margin: 0px 0px 0px 0px; outline: 0; -moz-border-radius: 14px !important; -webkit-border-radius: 14px !important; border-radius: 14px !important; background:transparent !important } .br-thumbnails ul > li.br-bullet:only-child {display:none} .br-no-touch .br-thumbnails ul li.br-bullet:hover, .br-thumbnails ul li.br-bullet.br-active { border: #fff 2px solid; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; background:#fff !important } /* video slides */ .playBtnWrap {position:absolute; width:95%;max-width:1330px;bottom:40%;text-align:center} .playBtnWrap a {width:160px; height:160px;display:inline-block} .playBtnWrap object {width:160px; height:auto} .videoContain { position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; } .videoContain video { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; min-height: 50%; min-width: 50%; } @media screen and (min-width: 1023px) { #heroSlider {margin-bottom:70px !important} .br-ext-cp {bottom:-70px !important;height:70px !important;} .br-thumbnails ul {padding:12px 0px 10px 0px !important} } @media screen and (max-width: 1780px) { .playBtnWrap {max-width:none;bottom:35%;} } @media screen and (max-width: 1500px) { #heroSlider {width: calc(100% - 40px);} .headingWrap {width: calc(100% - 40px);margin-left:40px} .contentBox {padding:35px;bottom:30px;} } @media only screen and (max-width :1180px) { #heroSliderWrap {top:100px;margin-bottom:100px} .br-cpanel-wrapper {width: calc(100% - 26px); margin-left: 26px} .heading1 {bottom:180px;} .headingServices {font-size:30px;bottom:260px;background: linear-gradient(to top, #f37021 8px, transparent 8px);} .heading {font-size: 64px;} .contentBox h3 {font-size:40px; line-height:48px;padding-bottom:0px} .contentBox p {font-sizee:17px; line-height:30px} .playBtnWrap {bottom:32%;} .playBtnWrap a {width:100px; height:100px;} .playBtnWrap object {width:100px;} } @media screen and (max-width: 1023px) { #heroSlider {width: 100%;} #heroSlider img {object-fit: cover; object-position: 50% 50%;} .headingWrap {width: calc(100% - 30px);margin-left:30px} .contentBox {padding:35px; width:75%} .contentBox h3 {font-size:30px; line-height:40px; width:auto} .contentBox p {font-size:15px; line-height:23px;margin-bottom:15px} a.btn {font-size:16px;padding:8px 25px 8px 20px;} } @media screen and (max-width: 840px) { .heading1 {bottom:150px;} .headingServices {bottom:200px;} .heading {font-size: 40px;} .heading1 {background: linear-gradient(to top, #f37021 10px, transparent 10px);} } @media only screen and (max-width :640px) { #heroSliderWrap {top:75px;margin-bottom:75px} .br-cpanel-wrapper {width: calc(100% - 16px); margin-left: 16px} .headingWrap {width: calc(100% - 20px);margin-left:20px} img.br-img {top:0px !important;} .contentBox {padding:20px 20px 30px 20px} .contentBox h3 {font-size:24px; line-height:28px;padding-bottom:10px} a.btn {font-size:15px;padding:8px 20px 8px 25px;} } @media screen and (max-width: 639px) { #heroSlider,.br-stage, .br-screen, img.br-img {height:430px !important} .heading1 {bottom:140px;} .heading {font-size: 30px;} .heading1 {background: linear-gradient(to top, #f37021 6px, transparent 6px);} .headingServices {font-size: 20px;bottom:180px;background: linear-gradient(to top, #f37021 4px, transparent 4px)} } /* ------------------------------------------ TESTIMONIAL -------------------------------------------------------------- */ .rowWrap.testimonial {position:relative;} .rowWrap.testimonial.pattern {background:url("images/kubrickFullBG.svg");background-size:200px;} .rowWrap.testimonial.gray {background:#efefef} ul.bxslider {margin:0px; padding:0px;} ul.bxslider li {float:left;width:100%;margin:0px; padding:0px;list-style-type:none;} ul.bxslider li .container {position: relative;} .quoteBox {float:right; width:50%; background:#f37021;margin:90px 0px 150px 0px} .quoteBox .bgPad {padding:40px} .quoteBox h3 {color:#fff} .quoteBox object {width:55px; height:auto;display:block; margin-bottom:20px} .attributionWrap {float:left; position:relative; z-index:3;display:table; width:100%;margin:0px 0px 80px 0px} .attributionWrap a {color:#fff} .attributionWrap a:hover {text-decoration:underline} .attribution {display:table-cell;color:#fff; line-height:24px; vertical-align: middle; border-left:#fff 10px solid;padding-left:20px} .headshotWrap {display:table-cell;vertical-align: top;width:100px} img.headshot {width:80px; height:auto; border-radius: 50%;vertical-align: middle} .endQuote {display:table-cell; text-align:right;vertical-align: middle } .endQuote object {-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);margin:0px 0px 0px 0px} table.testimonialBG {position:absolute; float:right;width:100%;height:100%; } td.qImg {width:60%} td.qKubrick {} .bx-wrapper .bx-prev { left: 0px; background:#f37021; height: 100%; content:''; } .bx-wrapper .bx-prev:before {content:'\f053'; color:#fff; font-family: "Font Awesome 6 Pro";font-size:30px;line-height:61px;padding-left:50px} .bx-wrapper .bx-next { right: 0px; background:#f37021; height: 100%;content:''; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 45%; margin-top: 0px; outline: 0; width: 90px; height: 61px; z-index: 3; overflow:hidden; font-size:0px } .rowWrap.testimonial .bx-next {display:none} .contentSlider {float:left; width:100%;position:relative;} .contentSlider .bx-wrapper .bx-controls-direction a {width: 15px;} .contentSlider .bx-wrapper .bx-prev {background-color:transparent;left:-40px;display:block !important} .contentSlider .bx-wrapper .bx-next {background-color:transparent;right:-40px} .contentSlider .bx-wrapper .bx-prev:before {color:#f37021;padding-left:0px;font-size:30px;line-height:27px;} .contentSlider .bx-wrapper .bx-next:before {content:'\f054'; color:#f37021; font-family: "Font Awesome 6 Pro";font-size:30px;line-height:27px;} @media screen and (max-width: 1515px) { .contentSlider .bx-wrapper .bx-prev {left:-20px;} .contentSlider .bx-wrapper .bx-prev:before {font-size:20px;line-height:20px;} .contentSlider .bx-wrapper .bx-next {right:-23px;} .contentSlider .bx-wrapper .bx-next:before {font-size:20px;line-height:20px;} } @media screen and (max-width: 1480px) { .quoteBox {width: calc(50% - 40px);margin:5% 40px 5% 0px} } @media screen and (max-width: 1180px) { .quoteBox {width: calc(50% - 30px);margin:10% 30px 10% 0px} .rowWrap.testimonial ul.bxslider li {min-height:0px} } @media screen and (max-width: 1023px) { .contentSlider .bx-wrapper .bx-prev {left:0px;} .contentSlider .bx-wrapper .bx-next {right:0px;} .quoteBox h3 {font-size:24px; line-height:34px} } @media screen and (max-width: 1025px) { table.testimonialBG {position:relative;height:500px} .quoteBox {width: calc(100% - 40px);margin:-166px 20px 80px 0px} .quoteBox .bgPad {padding:30px 30px 30px 30px} .bx-wrapper .bx-prev:before {font-size:20px;line-height:61px;padding-left:30px} .bx-wrapper .bx-controls-direction a {width: 60px;} .bx-wrapper .bx-prev {display:none} td.qImg {width:100%} .quoteBox object {width:44px;} .attribution {font-size:16px; line-height:24px} ul.bxslider li {width:100% !important} } @media screen and (max-width: 474px) { img.headshot {width:60px; } .attributionWrap {margin:0px 0px 40px 0px} } /* ------------------------------------------ Fifty Images -------------------------------------------------------------- */ .fiftyColContent {position:relative} .fiftyColContent h3 {border-right:#f37021 16px solid;padding:0px 80px 0px 0px; margin:20px 0px 50px 0px; } .fiftyColContent h2 {width:88%} .fiftyColContent p {padding:0px 80px 0px 0px;} .fiftyColContent.right h3 {border-right:0px; border-left:#f37021 16px solid;padding:0px 0px 0px 64px; margin:20px 0px 50px 0px; } .fiftyColContent.right p {padding:0px 0px 0px 80px;} .fiftyColContent.right h2 {margin-left:80px} .fiftyImages a.btn {color:#fff;background-color:#f37021;margin:20px 0px 30px 0px} .fiftyImages a.btn:hover {text-decoration:none} .fiftyImages a.btn:after{background-color:#00a8d5;} .mobileAdjustGridzy {display:none;float:left; width:100%; background: #efefef; padding:50px 0px 20px 0px} @media screen and (max-width: 1480px) { .fiftyColContent {vertical-align: top; width:50% !important} .fiftyColContent h3 {border-right:0px;} .fiftyColContent.right h3 {border-left:0px;padding:0px 0px 0px 30px; } .fiftyColContent.right p {padding:0px 0px 0px 30px;} .fiftyColContent.right h2 {margin-left:30px} .fiftyColImages {vertical-align: top} td.fiftyColContent .colFwrap {float:left;width: calc(100% - 80px);margin:0px 40px} } @media screen and (max-width: 1180px) { .fiftyColContent.right h2 {margin-left:0px} .fiftyColContent h2 {margin-right:0px} .fiftyColContent.right h3 {padding:0px 0px 0px 0px; } .fiftyColContent p {padding:0px 0px 0px 0px !important;} .fiftyColImages .gridzy {display:none !important;} .mobileAdjustGridzy {display:block;} .fiftyColContent {width:100% !important} td.fiftyColContent .colFwrap {float:left;width: calc(100% - 60px);margin:0px 30px} table.fiftyImages td {float:left;display:block; width:100%} .fiftyColContent h3 {margin:0px 0px 20px 0px;padding-right:0px} } @media screen and (max-width: 767px) { table.fiftyImages td {display:block; width:100% !important} td.fiftyColImages {float:left;display:block; width:100%;} td.fiftyColContent .colFwrap {float:left;width: calc(100% - 60px);margin:0px 30px} } @media screen and (max-width: 640px) { td.fiftyColContent .colFwrap {float:left;width: calc(100% - 40px);margin:0px 20px} } /* ------------------------------------------ INTRO SERVICES -------------------------------------------------------------- */ .rowWrap.serviceBlock {padding:100px 0px} .serviceBlock h4 {color:#f37021; font-size:18px;margin-top:50px} .largeCircleImg {float:left; position:relative; width:450px;height:450px;border-radius: 50%;background:#ccc} .circleIconBG {position:absolute; display:table;right:-3px; bottom:-53px; width:214px; height:214px;background:url("images/circleIconBG.png");background-size:cover; background-position:50% 50%} .whiteIcon {display:table-cell; vertical-align:middle;text-align:center} .whiteIcon img {width:80%; height:auto;image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; -ms-interpolation-mode: nearest-neighbor;} ul.offerings {margin:0px 0px 30px 0px; padding:0px;column-count: 2;} ul.offerings.long {margin:0px 0px 30px 0px; padding:0px;column-count: 1;} ul.offerings li {float:none;display:block; line-height:24px; margin:0px 0px 8px 8px;padding:0px 0px 0px 25px;text-indent:0px} ul.offerings li:last-child {margin:0px 0px 8px 8px;} ul.offerings li:before {font-family: "Font Awesome 6 Pro"; content:'\f058'; margin:0px 15px 0px -35px; font-size:20px; color:#f37021;width:auto;line-height:24px} ul.offerings li.hasLink:hover:before {color:#00a8d5} ul.offerings li a:hover {color:#00a8d5} @media screen and (max-width: 1280px) { .rowWrap.serviceBlock .col:nth-of-type(1) {width:55%} .rowWrap.serviceBlock .col:nth-of-type(2) {width:400px} .rowWrap.serviceBlock .largeCircleImg {width:400px;height:400px;float:right} .rowWrap.serviceBlock .largeCircleImg img {width:100%; height:auto} .rowWrap.serviceBlock .circleIconBG {width:180px; height:180px; } .rowWrap.serviceBlock .whiteIcon img {width:70%; height:auto;} } @media screen and (max-width: 1024px) { .rowWrap.serviceBlock .whiteIcon img {image-rendering:auto} } @media screen and (max-width: 1010px) { .rowWrap.serviceBlock {padding:60px 0px} .rowWrap.serviceBlock .mobile-wrap {margin:0px 0px} .rowWrap.serviceBlock .col:nth-of-type(1) {width: 100%} .rowWrap.serviceBlock .col:nth-of-type(1) .bgPad {margin:0px 30px} .rowWrap.serviceBlock .col:nth-of-type(2) {width: 100%;padding-bottom:160px;background:url("images/kubrickTopMobile.svg")bottom right no-repeat;background-size:465px;} .rowWrap.serviceBlock .largeCircleImg {width:100%;height:450px;border-radius: 0px; margin-top:40px;} .rowWrap.serviceBlock .circleIconBG {width:214px; height:214px; margin-right:40px; } } @media screen and (max-width: 768px) { .rowWrap.serviceBlock .largeCircleImg {height:350px;} .rowWrap.serviceBlock .circleIconBG {width:180px; height:180px; } } @media screen and (max-width: 640px) { ul.offerings {column-count: 1;} .rowWrap.serviceBlock .circleIconBG {width:160px; height:160px; } .rowWrap.serviceBlock .col:nth-of-type(2) {padding-bottom:30px;} } /* ------------------------------------------ INTRO SUBMENU -------------------------------------------------------------- */ .rowWrap.subMenuBlock {padding:80px 0px 80px 0px} .rowWrap.subMenuBlock .col {float:left; width:56%} .rowWrap.subMenuBlock .col:nth-of-type(even) {float:right; width:400px} .rowWrap.subMenuBlock h3 {width:90%} .subMenuBlock h4 {color:#f37021; font-size:18px;margin:15px 0px 10px 0px} .subMenu {float:right; width:400px; background:#efefef;padding-bottom:20px;margin-right:53px;border-bottom:#ccc 10px solid} .subMenu h4 {color:#f37021; font-size:18px;margin-top:0px;border-bottom:#ccc 1px solid; padding:15px 0px 15px 34px} .subMenu ul {margin:0px; padding:0px} .subMenu ul li {margin:0px; padding:8px 0px 8px 31px;border-bottom:#fff 1px solid; list-style-type:none} .subMenu ul li:last-child {border-bottom:0px} .subMenu ul li:before { font-family: "Font Awesome 6 Pro"; content: "\f105"; color:#f37021; font-size:16px; line-height:24px; float:left; padding: 4px 8px 0px 4px; opacity:0;transition:opacity 0.5s ease; -webkit-transition:0.5s ease; -moz-transition:0.5s ease;margin:0px 0px 0px 4px;width:auto} .subMenu ul li:hover:before { opacity:1} .subMenu ul li a {color:#666666; transition: 0.5s ease-in-out; -webkit-transition:0.5s ease; -moz-transition:0.5s ease ;position:relative; left:0px;} .subMenu ul li:hover a {left:8px;} .subMenu ul li.current_page_item:before { opacity:1} .subMenu ul li.current_page_item a {left:10px;} @media screen and (max-width: 1180px) { .rowWrap.subMenuBlock {padding:50px 0px 50px 0px} .subMenu {margin-right:0px;} } @media screen and (max-width: 1024px) { .rowWrap.subMenuBlock .col:nth-of-type(even) {display:none} .rowWrap.subMenuBlock .col {width:100%} } /* ------------------------------------------ MARKETS GRID -------------------------------------------------------------- */ .parent-pageid-13 h4.orange {font-size:18px} .gridHdr {float:left; width:100%;margin-bottom:40px} .gridHdrTitle {float:left; width:47%} .gridHdrFilters {width:100%; display: flex; justify-content: flex-end; flex-wrap: wrap;} .filterDropMarkets {float:left; width:325px} .filterDrop {position:relative;float:right; width:325px;background:#fff} .filterDropMiddle {margin: 0 15px} .gridHdrTitle h4 {color:#f37021;font-size:18px;margin-top:14px; font-weight:700} .wcf-form-wrapper {float:left; width:100%} .wcf-field-row.wcf-input_query, .wcf-results-found, #wcf-search-sort {display:none} .mobileProjectMenu {display:none; float:left; width: calc(100% - 30px)} .mobileProjectMenu .wcf-field-body select {width:100%} .mobileProjectMenu .wcf-field-body {float:left;width:100%; margin-bottom:50px} .mobileProjectMenu h4 {margin-top:50px} ul.marketsFacet {float:left;width:100%;margin:0px; padding:0px} ul.marketsFacet li {float:left; display:inline-block; width:671px;margin-bottom:40px;padding-left:0px;text-indent:0px;-webkit-print-color-adjust: exact !important; color-adjust: exact !important;} ul.marketsFacet li:before {content:none;padding:0px;margin:0px; width:0px} ul.marketsFacet li:nth-child(even) {float:right;margin-right:0} ul.marketsFacet li:nth-child(2n+1) {clear:both} ul.marketsFacet li:hover .projectTitle:before {width: 100%; background: #f37021;} .projectThumb {float:left; width:100%; height:442px; background-size:cover; background-position:50% 50%} .projectThumb a {float:left; width:100%; height:100%} .projectTitle {float:left; width:100%;font-family: futura-pt, sans-serif;font-weight: 400;font-size:24px; line-height:30px;padding:0px 0px 0px 0px;margin:-8px 0px 0px 0px} .projectTitle a {color:#666;display:block; padding:20px 0px 0px 0px} .projectTitle:before {content: ''; display: block;height: 8px; width: 0; transition: width .4s ease;background: #f37021;} .projectTitle:hover:before {transition: width .4s ease-in; width: 100%; background: #f37021;} .filterDrop .facetwp-facet {margin-bottom:0px} .facetwp-dropdown { font-family: futura-pt, sans-serif;font-weight: 700;font-size:18px ;line-height:48px ;padding-left:25px; text-transform:uppercase; color:#999;border:#666 1px solid ;background: transparent url("images/dropit.gif") right no-repeat;box-shadow: none;box-shadow: 0px 0px 0px 0px rgba(0,0,0,.0); border-radius: 0px; -moz-appearance: none; -webkit-appearance: none; appearance: none; width:100%;margin:0px} .facetwp-dropdown option {font-family: 'Roboto', sans-serif !important;text-transform:none; color:#f37021;font-size:17px !important;font-weight:400} .facetwp-type-fselect {position:relative;width:100% !important} .fs-wrap {width:100% !important} .facetwp-type-fselect{width:100% !important} .fs-label-wrap {font-family: futura-pt, sans-serif;font-weight: 700;font-size:18px ;line-height:48px ;text-transform:uppercase; color:#999;background: transparent url("images/dropit.gif") right no-repeat;box-shadow: none;-moz-appearance: none; -webkit-appearance: none; appearance: none; width:100%;margin:0px;border:#ccc 1px solid !important;width:100% !important;} .fs-label{padding:0px 0px 0px 20px !important;text-overflow: ellipsis; white-space: nowrap; width:250px } .fs-arrow {display:none} .fs-dropdown {margin:-1px 0px 0px 0px !important;height:auto;border-top:0px;padding:0px 0px;width:100% !important;border:#ccc 1px solid !important} .fs-dropdown .fs-options { padding:20px 0px;max-height:none !important} .fs-dropdown .fs-option { border:0px; font-family: 'Roboto', sans-serif !important;text-transform:none; color:#f37021;font-size:17px !important;font-weight:400; padding-left:25px; padding-right:10px; } .filterDrop .fs-search, .filterDrop .fs-arrow, .fs-search input {display:none !important} .fs-option-label:hover {color:#00a8d5} .fs-wrap .single {width:100% !important;} .fs-option.selected {color:#00a8d5; background-color:#fff !important} .facetwp-facet {margin-bottom: 0px !important;} .fs-option-label { white-space: normal !important;} .fs-option { word-break: break-word !important;} .facetwp-facet-load_more {text-align:center} button.facetwp-load-more{ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-family: futura-pt, sans-serif;font-weight:700;font-size:18px;color:#fff; background-color:#f37021; text-transform:uppercase; padding:15px 30px 15px 25px; position:relative; overflow:hidden; letter-spacing:1px; z-index:1; vertical-align:top} button.facetwp-load-more,button.facetwp-load-more:hover{border-width:0} button.facetwp-load-more:hover:after{left:-180px} button.facetwp-load-more:active{top:1px} button.facetwp-load-more:after{content:"\f054";font-family:"Font Awesome 6 Pro",sans-serif;z-index:-1;position:absolute;background-color:#00a8d5;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(10%) translateX(16%) rotate(-35deg);transform:translateY(10%) translateX(16%) rotate(-35deg);-webkit-transition:all .3s;transition:all .3s;width:450px;height:330px;left:-580px;top:-80px; cursor:pointer} .facetwp-facet.facetwp-facet-load_more_plain {text-align:center;max-width:1380px;margin-bottom:0px} .facetwp-facet-load_more_articles {text-align:center;} .facetwp-facet-load_more_articles button {margin:40px 0px 0px 0px} .facetwp-type-search .facetwp-input-wrap {width:100%} input.facetwp-search {border:#ccc 1px solid;font-family: futura-pt, sans-serif;font-weight:700;font-size:18px;line-height:18px;padding:12px 0px 13px 20px !important;text-transform:uppercase; width: calc(100% - 20px) !important} .facetwp-type-search .facetwp-icon:before {color:#999;background:url("images/search-regular.svg") center no-repeat; background-size:contain;font-family: "Font Awesome 6 Pro";font-style:normal;} .facetwp-type-search .facetwp-icon {border-left:#ccc 1px solid;opacity:1;width:35px;padding:0px 2px 0px 7px} .facetwp-facet-post_type, .facetwp-facet-post_type_mobile {margin-bottom:10px !important} @media screen and (max-width: 1480px) { .gridHdrTitle {float:left; width:25%} ul.marketsFacet li {width:48%;margin-bottom:40px;} ul.marketsFacet li:nth-child(even) {float:right;} } @media screen and (max-width: 1280px) { .projectThumb {height:400px} } @media screen and (max-width: 1180px) { .mobileProjectMenu {display:block;} .filterDropMarkets {float: left; width: 100%} .filterDrop {float:left; width:100%} ul.marketsFacet li .projectThumb {height:350px} .archive .gridHdrTitle {width:100%} .archive .gridHdrFilters {float:left; clear:left; width: 100%;margin-bottom:0px} .filterDropMiddle {margin: 10px 0} } @media screen and (max-width: 1180px) { .search .col:nth-of-type(2) {display:none} } @media screen and (max-width: 900px) { .gridHdrFilters {float:left; clear:left; width: 100%;margin-bottom:0px} .gridHdrTitle {width:100%} .projectThumb {height:300px} ul.marketsFacet li .projectThumb {height:250px} } @media screen and (max-width: 768px) { ul.marketsFacet li .projectThumb {height:250px} } @media screen and (max-width: 640px) { .dcProjects .wcf-item-result {width:100%; } .projectThumb {height:320px} ul.marketsFacet li .projectThumb {height:400px} ul.marketsFacet li {width:100%;margin-bottom:30px;} ul.marketsFacet li:nth-child(even) {float:left;} ul.marketsFacet li:nth-child(2n+1) {clear:none} } @media screen and (max-width: 475px) { ul.marketsFacet li .projectThumb {height:320px} } /* ------------------------------------------ PAGE TEMPLATE: PROJECTS LANDING -------------------------------------------------------------- */ .page-id-13 .gridHdr{margin-top:70px} .page-id-13 .projectThumb, .archive .projectThumb {height:350px} .page-id-13 .projectTitle {font-size:30px; line-height:36px;} ul.projectGrid {float:left;width:100%;margin:0px; padding:0px} ul.projectGrid li {float:left; display:inline-block; width:31.3%;margin-right:3%; margin-bottom:40px;} ul.projectGrid li:nth-child(3n) {margin-right:0} ul.projectGrid li:nth-child(3n+1) {clear:left} ul.projectGrid li:hover .projectTitle:before {width: 100%; background: #f37021;} @media screen and (max-width: 1280px) { ul.projectGrid li {width:48%; margin-right:3%; } ul.projectGrid li:nth-child(3n) {margin-right:3%} ul.projectGrid li:nth-child(3n+1) {clear:none} ul.projectGrid li:nth-child(2n) {margin-right:0} ul.projectGrid li:nth-child(2n+1) {clear:left} } @media screen and (max-width: 900px) { .page-id-13 .gridHdr {margin-top:40px} ul.projectGrid li .projectThumb {height:300px} } @media screen and (max-width: 768px) { ul.projectGrid li .projectThumb {height:250px} } @media screen and (max-width: 640px) { ul.projectGrid li {width:100%; margin-right:0 } ul.projectGrid li .projectThumb {height:320px} } /* ------------------------------------------ INTRO PROJECTS -------------------------------------------------------------- */ .single-projects .the-content.one-third .col {float:left; width:60%;max-width:780px} .single-projects .the-content.one-third .col:nth-of-type(even) {float:right; width:35%; min-height:30px;max-width:400px;padding-top:24px} #target-marketsDropdown, #target-servicesDropdown, #target-typesDropdown, #target-namesDropdown {position:relative;float:left;border-top:0px;width: calc(100% - 2px);display:none;z-index:2; } ul.thirdTier {position:absolute;margin:0px 0px 0px 0px; padding:20px 0px 20px 0px;background:#fff;border:#ccc 1px solid;border-top:0px;width: 100.75%;} ul.thirdTier li {margin:0px; list-style-type:none;} ul.thirdTier li:before {content:none;padding:0px} ul.thirdTier li a {padding:0px 15px 0px 24px; } ul.thirdTier li a:hover {color:#00a8d5} .menuReveal {display:none;margin-bottom:40px} #target-marketsDropdownMobile ul.thirdTier {position:static;} .marketLinks ul {margin:0px 0px 0px 0px; padding:30px 0px 0px 30px} .marketLinks ul li {list-style-type:none;font-family: futura-pt, sans-serif;font-weight: 400; font-size: 30px; line-height:40px;margin:0px; padding:0px 0px 5px 0px;text-indent:0px;} .marketLinks ul li:before {text-indent:0px; content:'';margin:0px; width:0px} .marketLinks ul li a:hover {color:#00a8d5} .marketLinks ul li i {float:left;font-family: "Font Awesome 6 Pro";font-size:20px; line-height:40px;color:#f37021;margin:0px 0px 0px 0px; padding:0px 15px 0px 0px} .marketLinks ul li a:hover i {color:#00a8d5} .shareIcons {float:left; border-top:#ccc 1px solid; width:100%; min-height:50px;margin-top:30px;padding-top:40px} .shareIcons span {float:left;font-family: futura-pt, sans-serif;font-weight: 700;font-size:20px; text-transform:uppercase;color:#f37021;padding-right:20px;margin-top:-2px} .shareIcons a {font-size:24px; line-height:24px;display:inline; margin-right:15px} .shareIcons a:hover {color:#00a8d5;} @media screen and (max-width: 1023px) { .single-projects .the-content.one-third .col {width:100%;max-width:none} .single-projects .the-content.one-third .col:nth-of-type(even) {width:100%;max-width:none} .col.readOnAdjust {padding-top:0px !important} .shareIcons span, .marketLinks {display:none} .shareIcons {float:right;width:auto;border:0px;margin:-22px 0px 0px 0px; padding:0px} .single-projects #marketsDropdown {display:none;} .menuReveal {display:block;} } @media screen and (max-width: 474px) { .shareIcons a {margin-right:8px} } /* ------------------------------------------ PROJECT DETAILS -------------------------------------------------------------- */ /* Parallax Effect */ .parallaxImg { float:left; height: 700px; width:100%; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover ; } .parallaxBorder {float:left; margin:-16px 0px 90px 0px;background: linear-gradient(to right, #f37021 63%, transparent 30%); height:16px; width: 100%; } .parallaxImg.media {position:relative} .parallaxImg.media .playBtnWrap {max-width:none;width:100%} .parallaxBtn {position:absolute; right:40px; bottom:40px} #projectDetails {float:left;padding-bottom:80px} h4.pdet {color:#999; border-bottom:#ccc 1px solid;padding-bottom:5px;margin-bottom:15px} span.comma {color:#666} span.comma:last-of-type {display:none;} .detailTerms {float:left; width:100%;margin-bottom:30px} .detailTerms.mobile {display:none} .detailTerms a {line-height:24px} .detailTerms a:hover {color:#00a8d5} .detailTerms a.newsLink {display:block;margin-bottom:8px;line-height:24px} img.LEEDlogo {width:140px; height:auto} img.LEEDlogo.mobile {display:none} a.orangeBtn {float:left;position:relative;font-family: futura-pt, sans-serif;font-weight: 700; font-size: 18px; line-height:18px;display:block; margin:0px 0px 20px 0px } a.orangeBtn i {position:absolute;top:-4px;font-size:24px; padding:0px 8px;transition:.2s; -webkit-transition:.2s; -moz-transition:.2s;animation-timing-function: ease;} a.orangeBtn:hover {color:#00a8d5} a.orangeBtn:hover i {position:absolute;top:-2px;} @media screen and (max-width: 1024px) { .NCRvideo,.parallaxImg {background-attachment:scroll} .parallaxBorder {background: #f37021; height:16px; max-width:none;margin-bottom:60px } } @media screen and (max-width: 1023px) { .detailTerms.mobile {display:block} a.orangeBtn {margin:30px 0px 0px 0px} } @media screen and (max-width: 850px) { img.LEEDlogo {display:none} img.LEEDlogo.mobile {float:left;display:block;margin-top:20px} .parallaxImg {height: 500px;} } @media screen and (max-width: 640px) { .parallaxImg {height: 320px;} .parallaxBtn {right:20px; bottom:20px} } /* ------------------------------------------ SERVICE ICON GRID -------------------------------------------------------------- */ /* -- grid row -- */ .rowWrap.mobileReveal {display:none} .rowWrap.iconGridrows {position:relative;padding:100px 0px} .gridGray {position:absolute; top:0px;height:310px; width:100%; background:#efefef;z-index:-1} ul.serviceGridrow {width: calc(100% + 4%); margin:30px 0px 0px -12px; padding:0px;text-align:center } ul.serviceGridrow li {float:left; margin:0% 4% 0% 0%; padding:0px; width:16%;display:inline-block;font-family: 'futura-pt', sans-serif;font-size:28px; line-height:32px;font-weight:500} ul.serviceGridrow li a {transition: all .2s ease-in-out; display:block; margin:30px 0px 50px 0px;color:#666;} ul.serviceGridrow li span {} ul.serviceGridrow li:nth-child(5n) {margin-right:0px} ul.serviceGridrow li:nth-child(5n+1) {clear:left} .flip-container{perspective:1000px} .flip-container img{width:80%;height:auto;position:absolute;padding:10px;top:0;bottom:0;margin:auto;left:0;right:0} .flip-container.hover .flipper,ul.serviceGridrow li:hover .flipper{transform:rotateY(180deg)} ul.serviceGridrow li:hover a{transition:all .2s ease-in-out;color:#00a8d5} .back,.flip-container,.front{width:192px;height:192px;margin:0 auto} .flipper{transition:.6s;transform-style:preserve-3d;position:relative} .back,.front{backface-visibility:hidden;position:absolute;top:0;left:0} .front{z-index:2;transform:rotateY(0)} .front img{border-radius:50%;background:#fff;border:#f37021 8px solid} .back{transform:rotateY(180deg)} .back img{border-radius:50%;background:#00a8d5;border:#00a8d5 8px solid} /* -- scrolling row -- */ #intro {padding:150px 0px 0px 0px} #intro .container {padding-bottom:0px} h3.fiftyPercent {width:60%;} .card { opacity: 0; will-change: transform; } .container.introHeading {background-color:#fff} @media screen and (max-width: 1024px) { .home .rowWrap.pattern.topBG, .rowWrap.servicepage.iconGridrows {display:none !important} } @media screen and (max-width: 1180px) { ul.serviceGridrow li {float:left; margin:0% 2% 0% 0%; padding:0px; width:22%;} ul.serviceGridrow li:nth-child(5n) {margin-right:2%} ul.serviceGridrow li:nth-child(5n+1) {clear:none} ul.serviceGridrow li:nth-child(4n) {margin-right:0px} ul.serviceGridrow li:nth-child(4n+1) {clear:left} h3.fiftyPercent {width:100%} } @media screen and (max-width: 1024px) { .rowWrap.mobileReveal {display:block;background:none !important} .page-id-8 .rowWrap.mobileReveal {padding-bottom:0px !important} .flip-container{perspective:none} .flip-container.hover .flipper,ul.serviceGridrow li:hover .flipper{transform:none} ul.serviceGridrow li:hover a{transition:none} .flipper{transition:none;transform-style:flat;} .front{z-index:2;transform:none} .back{transform:none} } @media screen and (max-width: 940px) { ul.serviceGridrow li {float:left; margin:0% 2% 0% 0%; padding:0px; width:29%;} ul.serviceGridrow li:nth-child(4n) {margin-right:2%} ul.serviceGridrow li:nth-child(4n+1) {clear:none} ul.serviceGridrow li:nth-child(3n) {margin-right:0px} ul.serviceGridrow li:nth-child(3n+1) {clear:left} } @media screen and (max-width: 768px) { .rowWrap.iconGridrows {padding:50px 0px} .home .rowWrap.pattern.topBG {padding:60px 0px 0px 0px !important} ul.serviceGridrow li {float:left; margin:0% 2% 0% 2%; padding:0px; width:47%;font-size:24px; line-height:30px;} ul.serviceGridrow li a {margin:15px 0px 30px 0px} ul.serviceGridrow li:nth-child(3n) {margin-right:2%} ul.serviceGridrow li:nth-child(3n+1) {clear:none} ul.serviceGridrow li:nth-child(2n) {margin-right:0px} ul.serviceGridrow li:nth-child(2n+1) {clear:left} } @media screen and (max-width: 475px) { .gridGray {display:none} ul.serviceGridrow {width:100%;margin-left:0px} ul.serviceGridrow li {margin:0px 0px 0px 0px;width:45%;text-align:center} ul.serviceGridrow li:nth-child(even) {float:right;margin-right:5px} ul.serviceGridrow li:nth-child(2n+1) {clear:both} .back,.flip-container,.front{width:150px;height:150px;} } /* ------------------------------------------ LEADERSHIP -------------------------------------------------------------- */ .page-id-103 .noHero {display:none} .bioHdr {float:left; width:100%; background:url("images/kubrickBioGrid.svg") repeat-x top left;background-size:180px;padding-top:160px; margin-top:80px } .bioHeading {background:#fff;width: calc(100% - 96px);margin:0px auto; text-align:center} .bioHeading h2 {color:#f37021;padding-bottom:50px} .bioHeading .patternBorder {padding-top:50px} .bioFilterWrap {float:left; width:100%; background:#f37021;} .bioFilters {float:left;width: calc(100% - 100px);text-align:center;padding:45px 0px 35px 50px} .bioFacet {margin:0px auto; width:90%; display:inline-block; color:#fff; font-family: futura-pt, sans-serif;font-weight:400;font-size:30px; line-height:30px;text-align:center;} .facetwp-facet-staff_filter {margin:0px auto !important} .bioFacet .facetwp-radio {display:inline-block;margin:0px 35px 10px 0px;padding-left:35px;background:url("images/radio.png") left no-repeat;background-size:24px 24px} .bioFacet .facetwp-radio.checked {background:url("images/radio-on.png") left no-repeat;background-size:24px 24px} .bioFacet .facetwp-counter { display: none;} .bioElement {float:left;width:50px; height:25px;background:url("images/bioElement.svg") no-repeat;margin-top:-25px;} .bioElement.right {float:right;-webkit-transform: scaleX(-1); transform: scaleX(-1);} .bioGrid {float:left; width:100%; padding:50px 0px} ul.serviceGridrow.leadership {display: flex;flex-wrap: wrap;margin:20px auto 0px auto; width:100%; max-width:1280x;padding:0px; text-align:center} ul.serviceGridrow.leadership li {width:352px;margin:10px auto 10px auto; padding:0px 0px 20px 0px;list-style-type:none; display:inline-block;font-family: 'futura-pt', sans-serif;font-size:28px; line-height:32px;font-weight:500} ul.serviceGridrow.leadership li a {transition: all .2s ease-in-out; display:block; margin:30px 0px 50px 0px;color:#666;} ul.serviceGridrow.leadership li .flip-container img {width:100%;padding:0px;margin-left:-12px} ul.serviceGridrow.leadership .back, ul.serviceGridrow.leadership .flip-container,ul.serviceGridrow.leadership .front{width:352px;height:352px} ul.serviceGridrow.leadership .front{border-radius:50%;z-index:2;transform:rotateY(0)} ul.serviceGridrow.leadership .front img{background:#fff;border:#fff 16px solid} ul.serviceGridrow.leadership .back{border-radius:50%;transform:rotateY(180deg);background:#00a8d5;} ul.serviceGridrow.leadership .back img{ } ul.serviceGridrow.leadership .back{font-family: futura-pt, sans-serif;font-weight:500;font-size:32px;line-height:28px;color:#fff;background-color:#00a8d5;position:relative; overflow:hidden; z-index:1; vertical-align:top} ul.serviceGridrow.leadership li:hover .back:after{top:220px} ul.serviceGridrow.leadership .back:after{content:"";font-family:"Font Awesome 6 Pro",sans-serif;z-index:-1;position:absolute;background-color:#0eb5e2;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(10%) translateX(16%) rotate(-35deg);transform:translateY(10%) translateX(16%) rotate(-35deg);-webkit-transition:all .5s;transition:all .3s;width:450px;height:230px;left:-180px;top:-300px} .openBio {float:left; width:100%; height:100%;} .openBio a.arrowBtn {color:#fff !important;display:block;padding:40% 0} .headshotThumb {float:left; width:100%; } .headshotThumb img {width:100%; height:auto;background-color:#f37021} .bioTitle {float:left; display:inline-block; width:100%;font-family: futura-pt, sans-serif;font-weight:400;color:#666;font-size:19px; line-height:26px;text-align:center;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px} .bioTitle a {color:#666;display:block; padding:25px 0px 0px 0px !important;margin:0px !important;font-weight: 500;} /* ---- individual bio ----*/ .parent-pageid-103 .subMenu ul li.page-item-103:before { opacity:1} .parent-pageid-103 .subMenu ul li.page-item-103 a {left:10px;} .rowWrap.bioBlock.pattern.topBG {background:url("images/kubrickTopFlip.svg")top right no-repeat;background-size:1920px;padding:80px 0px 0px 0px} .rowWrap.bioBlock.pattern.topBG ul.circleList {margin-top:65px} .rowWrap.bioBlock {padding:0px 0px 80px 0px;background:url("images/kubrickBioHive.svg")top right no-repeat;background-size:675px;} .rowWrap.bioBlock .col:nth-of-type(2) {float:left; width:56%} .rowWrap.bioBlock .col:nth-of-type(1) {float:right; width:550px} .rowWrap.bioBlock .largeCircleImg {margin-bottom:150px} .rowWrap.bioBlock .circleIconBG {display:table;} .contactIcons {display:table-cell; width:100%; vertical-align:middle; text-align:center;padding-top:15px} .contactIcons.callOutIcon {padding-top:0px} .contactIcons.callOutIcon i {padding-top:15px} .contactIcons i {font-size:40px; color:#fff;margin:0px 15px} .vCard {float:left; clear:left; width:100%;margin-top:10px} .vCard a {font-family: futura-pt, sans-serif;font-weight:700;color:#fff;font-size:20px;text-transform:uppercase} .vCard i {font-size:20px;margin:0px 3px} .rowWrap.bioBlock h1 {margin-bottom:20px} .rowWrap.bioBlock h2 {padding-bottom:20px} .rowWrap.bioBlock h3 {padding-bottom:20px} p.btnBump {margin-top:20px !important} h4.leadershipHfour {display:none} .namesWrap {float:left; width:100%; max-width:420px;margin-bottom:80px; border: #ccc 1px solid;} @media screen and (max-width: 1480px) { .rowWrap.bioBlock .col:nth-of-type(2) {width:45%} .rowWrap.bioBlock .col:nth-of-type(1) {padding-right:40px;} .rowWrap.bioBlock.pattern.topBG .row {width:90%; margin:0px auto} } @media screen and (max-width: 1280px) { .rowWrap.bioBlock .col:nth-of-type(2) {width:56%} .rowWrap.bioBlock .col:nth-of-type(1) {float:right; width:400px;padding-right:40px;} .rowWrap.bioBlock .largeCircleImg {width:400px;height:400px;float:right} .rowWrap.bioBlock .largeCircleImg img {width:100%; height:auto} .rowWrap.bioBlock .circleIconBG {width:180px; height:180px; } } @media screen and (max-width: 1380px) { ul.serviceGridrow.leadership .back, ul.serviceGridrow.leadership .flip-container,ul.serviceGridrow.leadership .front{width:320px;height:320px} ul.serviceGridrow.leadership li {margin-bottom:0px;} .bioTitle {font-size:16px; line-height:22px;} .bioHdr {margin-top:40px } } @media screen and (max-width: 1230px) { .bioGrid {padding:30px 0px} ul.serviceGridrow.leadership .back, ul.serviceGridrow.leadership .flip-container,ul.serviceGridrow.leadership .front{width:250px;height:250px} } @media screen and (max-width: 1023px) { .rowWrap.bioBlock {background-position:center 20px; display: flex;flex-direction: column;} h4.leadershipHfour {display:block} .rowWrap.bioBlock .col:nth-of-type(2) {float:left; width:100%;background:#efefef;padding-bottom:50px} .rowWrap.bioBlock .col:nth-of-type(1) {float:left; width:100%;background: linear-gradient(to top, #efefef 50%, transparent 50%);border-bottom:#efefef 30px solid;padding-right:0px} .bioFilters {padding:25px 0px 25px 50px} .bioFacet {font-size:21px; line-height:26px;} .bioFacet .facetwp-radio {padding-left:30px;background-size:18px 18px} .bioFacet .facetwp-radio.checked {background-size:18px 18px} .namesWrap {display:none} .rowWrap.bioBlock .subMenu {display:none} .rowWrap.bioBlock .largeCircleImg {float:none;margin:50px auto 0px auto} .rowWrap.bioBlock .menuReveal {margin:0px 30px} .rowWrap.bioBlock.pattern.topBG {padding:0px 0px} .rowWrap.bioBlock.pattern.topBG ul.circleList li {padding-bottom:20px} .rowWrap.bioBlock.pattern.topBG .row{display:block} } @media screen and (max-width: 939px) { ul.serviceGridrow.leadership li {width:45%;} .bioTitle {margin:0px 0px 0px 0px} ul.circleList h4.orange {margin-bottom:20px} .rowWrap.bioBlock.pattern.topBG .row {width:100%} .rowWrap.bioBlock.pattern.topBG .eventText p {width:100%} } @media screen and (max-width: 767px) { .bioFacet {font-size:16px; line-height:20px;} .bioFacet .facetwp-radio {padding-left:30px;background-size:18px 18px} .bioFacet .facetwp-radio.checked {background-size:18px 18px} } @media screen and (min-width: 648px) { .filterMobile {display:none;} } @media screen and (max-width: 647px) { .bioHeading h2 {padding-bottom:30px} .bioHdr {padding-top:80px; } .bioHdr .mobile-wrap {margin:0px} .bioHdr .container {padding-bottom:0px} .bioFilters{float:none;padding:0px; margin:0px auto} .bioFilterWrap {background:#fff; padding:0px; margin:0px} .facetwp-facet.facetwp-facet-staff_mobile {margin-bottom:0px !important;text-align:left} .filterMobile {margin:0px 20px} .bioFacet {display:none} } @media screen and (max-width: 639px) { .bioGrid {padding-top:0px} .bioHeading {width: 100%;} .bioElement {display:none} ul.serviceGridrow.leadership li {width:100%;margin-right:0px; margin-left:0px} ul.serviceGridrow.leadership .back, ul.serviceGridrow.leadership .flip-container,ul.serviceGridrow.leadership .front{width:300px;height:300px} .bioTitle {font-size:18px; line-height:24px;} .rowWrap.bioBlock .menuReveal {margin:0px 20px} .rowWrap.bioBlock .largeCircleImg {width:300px;height:300px;float:none;} .rowWrap.bioBlock .circleIconBG {width:150px; height:150px; margin:0px -15px 11px 0px} .contactIcons {padding-top:15px} .contactIcons i {font-size:32px; color:#fff;margin:0px 10px} .rowWrap.bioBlock.pattern.topBG .eventText h3 {padding-bottom:0px} } /* ------------------------------------------ CAREERS -------------------------------------------------------------- */ .rowWrap.jobBlock {padding:0px 0px 80px 0px;background:url("images/kubrickBioHive.svg")top right no-repeat;background-size:675px;min-height:350px} .rowWrap.jobBlock .col:nth-of-type(1) {float:left; width:56%} .rowWrap.jobBlock .col:nth-of-type(2) {float:right; width:400px} .rowWrap.jobBlock .subMenu {margin-top:-2px} .single-jobs .subMenu ul li.page-item-99:before { opacity:1} .single-jobs .subMenu ul li.page-item-99 a {left:10px;} .sideBar {float:right; margin-right:53px; width:400px} .sideBar .disclaimer {float:left; width:100%;padding-top:40px; border-top:#ccc 1px solid;font-style:italic; font-size:16px; line-height:28px} .tableCell {display:table-cell; vertical-align:middle} .resumeCallWrap {float:left; background-color:#f37021; width:100%; overflow:hidden;margin:50px 0px;} .resumeCallOut {display:table; width:100%;min-height:260px; vertical-align:middle;background:#f37021; text-align:center;font-family: futura-pt, sans-serif;font-weight:500;font-size:32px;line-height:28px;color:#fff;background-color:#f37021;position:relative; overflow:hidden ; z-index:1;} .resumeCallOut:hover:after{top:185px} .resumeCallOut:after{content:"";font-family:"Font Awesome 6 Pro",sans-serif;z-index:-1;position:absolute;background-color:#fb843c;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(10%) translateX(16%) rotate(-35deg);transform:translateY(10%) translateX(16%) rotate(-35deg);-webkit-transition:all .3s;transition:all .3s;width:750px;height:330px;left:-320px;top:-230px} .resumeCallOut p {line-height:42px} .resumeCallOut a {float:left; width:100%; height:100%} .resumeCallOut a, .resumeCallOut a.arrowBtn:hover {color:#fff} .resumeCallOut:hover .arrowBtn i {left:11px;} .goalsCallOut {float:left; margin-top:80px} .goaliconWrap {float:left; width:100%} .goaliconHdr {float:left;width:70%} .goaliconHdr h3 {line-height:118%} .goalicon {float:right; width:80px; height:80px;background:url("images/icon-target.svg")top right no-repeat;background-size:contain} .rowWrap.jobBlock .shareIcons {float:left; width:100%;margin-top:40px;padding-top:40px;border-top:#ccc 1px solid} .rowWrap.jobBlock .shareIcons span {display:block; width:100%; padding-bottom:20px} .post-text .shareIcons {margin:0px 0px 50px 0px;padding-top:40px;border-top:#ccc 1px solid} @media screen and (min-width: 1024px) { .post-text .shareIcons {display:none} } @media screen and (max-width: 1480px) { .sideBar {margin-right:0px} .rowWrap.jobBlock .subMenu {margin-right:0px} } @media screen and (max-width: 1023px) { .rowWrap.jobBlock {padding:0px 0px 80px 0px;background:none;} .rowWrap.jobBlock .col:nth-of-type(1) {width:100%} .rowWrap.jobBlock .col:nth-of-type(2) {float:left; width:100%;background:#efefef;padding:50px 0px} .sideBar { width:100%;margin-right:0px} .rowWrap.jobBlock .subMenu {display:none} .resumeCallOut{float:left;width:48%;margin-top:0px;} .sideBar .shareIcons {display:none} .goalsCallOut {float:right;width:48%;margin-top:40px} .resumeCallOut p {width:85%; margin-left:auto; margin-right:auto} } @media screen and (max-width: 640px) { .rowWrap.pattern.bottomBG.jobBlock {padding:50px 0px 0px 0px} .resumeCallOut{width:100%;margin-top:0px} .goalsCallOut {float:left;width:100%} .goalicon {margin-top:-40px} } /* ------------------------------------------ RELATED CONTENT -------------------------------------------------------------- */ /* ---- text or logo ----*/ .rowWrap.orange.fullBG .GridWrap h2 {color: #f37021 !important;} .rowWrap.orange.fullBG .GridWrap .patternBorder {border-top:#fb843c 16px solid} .GridWrap {float:left; width:100%;background:#fff;margin:60px 0px;padding:0px 0px 60px 0px;border-bottom:#ccc 16px solid} .GridWrap .patternBorder {padding-top:70px} .GridWrap h2 {text-align:center;color:#f37021;padding-top:0px;margin:0px auto;width:90%; } ul.logoGrid {display: flex; flex-wrap:wrap; margin:0px 50px; padding:40px 0px 0px 0px} ul.logoGrid li {justify-content: center; align-items: center; width:31%; margin:0 2.3% 64px 0; padding:0px 0px 0px 0px; border:#ccc 2px solid;text-align:center;list-style-type:none;font-family: futura-pt, sans-serif;font-weight: 500; font-size: 36px; line-height:46px;color: #666 } ul.logoGrid li:hover {border:#f37021 2px solid;} ul.logoGrid li a { color: #666 !important; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;text-decoration:none !important} ul.logoGrid li:nth-child(3n) {margin-right:0} ul.logoGrid li:nth-child(3n+1) {clear:left} .plusIcon {background:url("images/plusIcon.svg") center top;background-size:contain;margin:-32px auto 0px auto; width:64px; height:64px} ul.logoGrid li:hover .plusIcon {background:url("images/plusIconOn.svg") center top;background-size:contain;} ul.logoGrid li img {width:100%; height:auto} .gridTitleText {display:table; height:100%; width:85%; margin:0px auto} .gridTitleText .tableCell {padding:30px 0px 40px 0px} .rowWrap.orange.fullBG .GridWrap {border-bottom:#fb843c 16px solid} .rowWrap.bImage {padding:150px 0px} /* ---- slider or grid ----*/ /* ---- slider ----*/ .related {float:left; width:100%;} .related .bottomBG h2 {padding:120px 0px 30px 0px;} .related .bottomBG .container {padding-bottom:0px} .related .topBG h2 {padding:40px 0px 30px 0px;} .related .rowWrap.pattern.bottomBG h2 {padding:40px 0px 30px 0px;} .related .rowWrap.gray.topBG {background: linear-gradient(to bottom, #efefef 0% 40%, #ffffff 40% 100%);} .related .rowWrap.gray.bottomBG {background: linear-gradient(to top, #efefef 0% 35%, #ffffff 35% 100%);} .related .rowWrap.orange.topBG {background: linear-gradient(to bottom, #f37021 0% 40%, #ffffff 40% 100%);} .related .rowWrap.orange.bottomBG {background: linear-gradient(to top, #f37021 0% 35%, #ffffff 35% 100%);} .related .rowWrap.orange.bottomBG .projectTitle a, .related .rowWrap.orange.fullBG .projectTitle a {color:#fff !important;text-decoration:none} .related .rowWrap.pattern.bottomBG {padding-bottom:140px} .glide button {position:absolute; top:32%;color:#f37021;background-color:transparent; border:0px;font-size:40px; line-height:40px;cursor:pointer} .glide button.prev {position:absolute; left:-40px} .glide button.next {position:absolute; right:-40px} .glide li {white-space: initial; white-space: normal;} .glide li .projectTitle a {padding-top:30px} .glide li:hover .projectTitle:before {width: 100%; background: #fb843c;} .related .rowWrap.orange.fullBG .glide button {color:#fff} .slideThumb {float:left; width:100%; background-size:cover; background-position:50% 50%} .slideThumb a {float:left; width:100%; height:100%} .slideThumb img {width:100%; height:auto} /* ---- grid ----*/ .related.grid {} .related.grid .rowWrap.orange.topBG {background: linear-gradient(to bottom, #f37021 0% 25%, #ffffff 25% 100%);} .related.grid .rowWrap.gray.topBG {background: linear-gradient(to bottom, #efefef 0% 25%, #ffffff 25% 100%);} .related.grid .container {} .related.grid .rowWrap.gray.fullBG h2 {margin:30px 0px 0px 0px;} .related.grid .container h2 {color:#666 !important;padding:60px 0px 30px 50px;margin:-50px 0px 0px 0px;background:#fff;width: calc(100% - 50px);} .related.grid .container h2 span.orange {color:#f37021 !important} .related.grid .rowWrap.pattern.topBG ul, .related.grid .rowWrap.pattern.fullBG ul, .related.grid .rowWrap.gray.topBG ul {background:transparent;} .related.grid .rowWrap.pattern.fullBG h2, .related.grid .rowWrap.gray.topBG h2 {background:transparent;} .related.grid ul {float:left; width: 100%; background:#fff;margin:0px; padding:0px 25px 0px 25px;} .related.grid li {float:left; width:29.5%;list-style-type:none; margin:0px 25px 30px 25px; padding:0px} .related.grid li:hover .projectTitle:before {width: 100%; background: #fb843c;} .related.grid li:nth-child(3n+1) {clear:left} .related.grid li .resumeCallWrap {margin:0px;position:absolute; top:0px;background-color:transparent} .related.grid li .resumeCallOut.people {width:100%;min-height:400px;} .related.grid li .resumeCallOut.people p {width:80%; margin:0px auto 20px auto} .related.grid .rowWrap.orange.fullBG .projectTitle a {color:#666 !important;text-decoration:none} .related.grid .rowWrap.orange.fullBG .resumeCallOut a {text-decoration:none !important} .related.grid .rowWrap.pattern.fullBG h2, .related.grid .rowWrap.pattern.topBG h2, .related.grid .rowWrap.pattern.bottomBG h2 {background:transparent;width: calc(100% - 50px);padding:40px 0px 40px 50px;margin-left:50px} @media screen and (max-width: 1480px) { .related h2 {width:95%;margin:0px auto} .glide {width:95%;margin:0px auto} .related.grid li {float:left; width:29%;} .related.grid li .resumeCallOut.people {} } @media screen and (max-width: 1380px) { ul.logoGrid {margin:0px 40px; } ul.logoGrid li {font-size: 30px; line-height:40px;} .related.grid li {width:28%;} .related.grid li .resumeCallOut.people p {margin-top:-40px;font-size:24px; line-height:30px} } @media screen and (max-width: 1180px) { .GridWrap .patternBorder {padding-top:60px} ul.logoGrid {padding:20px 0px 0px 0px} ul.logoGrid li {width:30.5%;margin-bottom:54px} ul.logoGrid li {font-size: 24px; line-height:34px;} .glide {padding-bottom:50px} .related.grid li:nth-child(3n+1) {clear:none} .related.grid li:nth-child(2n+1) {clear:both} .related.grid li{width:44%;} .related.grid .projectTitle a {font-size:20px; line-height:28px} .related.grid li .resumeCallOut.people {min-height:452px;} .related.grid li .resumeCallOut.people p {margin-top:0px;font-size:32px; line-height:36px} } @media screen and (max-width: 1025px) { .glide button.prev {left:-65px} .glide button.next {right:-65px} } @media screen and (max-width: 1023px) { .GridWrap .patternBorder {padding-top:50px} ul.logoGrid {margin:0px 30px; } ul.logoGrid li {float:left;width:47%; margin:0 2.5% 54px 0; } ul.logoGrid li:nth-child(3n) {margin-right:2.5%} ul.logoGrid li:nth-child(even) {float:right;margin-right:0} ul.logoGrid li:nth-child(2n+1) {clear:right} .gridTitleText .tableCell {padding:10px 0px 30px 0px} .related.grid li {margin:0px 10px 30px 10px;} .related.grid li:nth-child(even) {width:46%;} .related.grid li:nth-child(odd) {width:46%;} } @media screen and (max-width: 945px) { .related.grid li .resumeCallOut.people {min-height:400px;} .related.grid li .resumeCallOut.people p {margin-top:-60px;font-size:24px; line-height:30px} .rowWrap.bImage {padding:0px 0px 50px 0px} } @media screen and (max-width: 768px) { .related.grid .rowWrap.topBG {background: #fff !important;border:0px} .related.grid ul {float:left; width: 100%; padding:0px 0px 50px 0px;margin:0px -10px 0px -10px} .related.grid .container h2 {padding:60px 0px 30px 0px;margin:0px 0px 0px 0px;width:100%;} .related.grid li:nth-child(even) {width:46.5%;} .related.grid li:nth-child(odd) {width:46.5%;} .related .rowWrap.pattern.bottomBG h2 {margin-left:0px !important} } @media screen and (max-width: 700px) { .glide {width:92%;padding-bottom:30px} .related .bottomBG h2 {padding-top:60px;} .related.grid li .resumeCallOut.people {min-height:300px;} } @media screen and (max-width: 640px) { .GridWrap .patternBorder {padding-top:40px} .GridWrap h2 {font-size: 30px; line-height:40px;} ul.logoGrid li {display:block !important; width:100%;} ul.logoGrid li {font-size: 28px; line-height:36px;} .related.grid .container h2 {padding:60px 0px 30px 25px;margin:0px 0px 0px 0px;background:#fff;width: calc(100% - 25px);} .related.grid ul {margin:0px 0px 0px 0px} .related.grid li {margin:0px 0px 30px 0px;} .related.grid li:nth-child(even) {width:100%;} .related.grid li:nth-child(odd) {width:100%;} .related.grid .projectTitle a {font-size:24px; line-height:30px} .related.grid li:last-child .slideThumb {height:300px;} .related.grid li .resumeCallOut.people p {margin-top:0px;font-size:32px; line-height:36px} .glide {padding-bottom:10px} } /* ------------------------------------------ CALL OUT -------------------------------------------------------------- */ .callOut {float:left;width:50%;max-width:537px;background:url("images/orangeOverlay.png");border-left:#f37021 16px solid;padding:50px 50px 100px 50px;margin:150px 0px 180px 0px} .callOut.right {float:right;} .callOut h2 {color:#fff;} .callOut h3 {color:#fff;padding-bottom:50px} .rowWrap.patternCallOut .callOut {background-image:none;border:0px;background:#efefef; width:100%; max-width:none;padding:0px 0px 100px 0px;text-align:center} .patternBorder {width:80%; max-width:525px;margin:0px auto;border-top:#f37021 16px solid;padding-top:90px} .rowWrap.patternCallOut .callOut h2 {color:#f37021;} .rowWrap.patternCallOut .callOut h3 {color:#666;} .callWrap {width:80%; margin:0px auto} .callWrap a.btn {float:none;display:inline-block} .rowWrap.patternCallOut {background:url("images/kubrickCallOut.svg") left top repeat-x;background-size:180px;margin-top:80px} @media screen and (max-width: 1023px) { .rowWrap.patternCallOut {margin-top:50px;padding-top:30px} .callOut {padding:50px 35px 70px 35px;margin:100px 0px 100px 0px} .patternBorder {padding-top:60px} .rowWrap.patternCallOut .callOut {padding-bottom:60px} } @media screen and (max-width: 767px) { .callOut {width:80%; border-left:0px} .callOut h3 {font-size:24px; line-height:34px; padding-bottom:30px} .rowWrap.patternCallOut .callOut h3 {padding-bottom:10px} } @media screen and (max-width: 640px) { .rowWrap.patternCallOut .callOut {margin:30px 0px 60px 0px !important;padding:0px 0px 40px 0px} .patternBorder {padding-top:30px} .callOut {width:80%; border-left:0px} } /* ------------------------------------------ INSIGHTS -------------------------------------------------------------- */ .page-id-19 .noHero {display:none} .page-id-19 .rowWrap.insightGrid {border-top:80px #fff solid;border-bottom:100px #fff solid} h4.firmNews {color:#f37021;font-size:18px; margin-top:14px} .insightFilter {float:left; width:100%} .insightFacet {float:left;width:671px} .insightSearch {float:right;width:671px} .rowWrap.postBlock {display:table;padding:0px 0px 40px 0px;} .rowWrap.postBlock .col:nth-of-type(1) {display:table-cell; width:56%} .rowWrap.postBlock .col:nth-of-type(2) {display:table-cell;width:25%} .rowWrap.postBlock .col:nth-of-type(2) h5 {padding-left:30px} .rowWrap.postBlock .collapseomatic.dropdown {width: calc(100% - 30px);} .rowWrap.postBlock h3 {margin-top:30px} .single-post h1 {width:90%} .single-post .namesWrap {width: 100%;max-width: none; margin-bottom:40px} .single-post .shareIcons {border-top:0px;margin-left:30px;padding-top:20px} .postTags {float:left;width: calc(100% - 30px);margin-left:30px} .single-post .bioBlock {background-image:none;background: linear-gradient(to top, #efefef 50%, transparent 50%);position:relative;} .kubrickAuthor {position:absolute; right:-600px;float:left; height:256px;width:100%; background:url("images/kubrickBottomContained.svg") right top no-repeat;background-size:1920px;} .kubrickAuthorGray {position:absolute;z-index:-1;background:#efefef;width:100%;height:280px;top:169px} .bioExcerpt {float:right;width:50%; padding:250px 0px 0px 0px;margin-right:40px} .bioExcerpt h2 {margin-bottom:0px !important;padding-bottom:20px} .bioExcerpt a.arrowBtn {color:#f37021; text-decoration:none} a.arrowBtn.orange {color:#f37021 !important; text-decoration:none} h4.eventSpeaker {color:#f37021 !important;font-size:18px} span.authorComma {color:#666} span.authorComma:after {content:','} span.authorComma:nth-last-child(3):before {content:', and';} span.authorComma:nth-last-child(3):after {content:''} span.authorComma:last-of-type:after {content:''} @media screen and (max-width: 1680px) { .kubrickAuthor {right:0px;} } @media screen and (max-width: 1480px) { .insightFacet {width:48%;} .insightSearch {width:48%;} .single-post .bioBlock .largeCircleImg {margin-left:40px} .bioExcerpt {width:47%; } } @media screen and (max-width: 1280px) { .rowWrap.postBlock .col:nth-of-type(2) {width:30%} .bioExcerpt {width:53%; } } @media screen and (max-width: 1180px) { .bioExcerpt {width:47%; } .page-id-19 .rowWrap.insightGrid {border-bottom:50px #fff solid} .rowWrap.postBlock .col:nth-of-type(2) {width:32%} } @media screen and (max-width: 1023px) { .rowWrap.postBlock {padding:0px 0px 0px 0px;} .rowWrap.postBlock .col:nth-of-type(1) {width:100%} .rowWrap.postBlock .col:nth-of-type(2) {display:none} .rowWrap.bioBlock .shareIcons {float:left; width: 100%;margin-left:0px;} .rowWrap.bioBlock .shareIcons span {display:inline-block} .postTags {width: 100%;margin:0px 0px 40px 0px} .kubrickAuthor {z-index:-1;background:url("images/kubrickBottomContained.svg") left bottom no-repeat;background-size:1920px;margin-top:80px} .kubrickAuthorGray {top:320px} .single-post .bioBlock {float:left; width:100%;background: linear-gradient(to top, #efefef 65%, transparent 35%);} .single-post .bioBlock .largeCircleImg {float:none;margin:190px auto 0px auto} .bioExcerpt {float:right;width:50%;width: calc(100% - 60px);margin:0px 30px;padding-top:80px} } @media screen and (max-width: 767px) { .page-id-19 .rowWrap.insightGrid {border-bottom:0px #fff solid} .insightFacet {width:100%;margin-top:-20px} .insightSearch {float:left;width:100%;} } .insightSearch { margin-bottom: 40px; } .insightFacet { margin-bottom: 20px; } /* ------------------------------------------ EVENTS -------------------------------------------------------------- */ /* ---- calendar list ----*/ .eventCal h4.orange {margin-top:50px} ul.circleList {float:left; width:100%; margin:-22px 0px 0px 0px; padding:0px} ul.circleList li {list-style-type:none} ul.circleList li h3 {padding-bottom:15px;width:90%} ul.circleList li h3 a {color:#666} ul.circleList li h3 a:hover {color:#f37021} ul.circleList li:nth-child(odd){float:left; width:100%; background: linear-gradient(to top, #efefef 97%, transparent 3%);} ul.circleList li:nth-child(even){background: linear-gradient(to top, #ffffff 98%, transparent 2%);} ul.circleList li .largeCircleImg {float:left;margin-top:-60px} .contactIcons.event i {font-size:100px;font-family: "Font Awesome 6 Pro";font-weight:200} a.eventLink{float:left;display:inline-block; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-family: futura-pt, sans-serif;font-weight:700;font-size:18px;color:#fff; background-color:#f37021; text-transform:uppercase; padding:15px 30px 15px 25px; position:relative; overflow:hidden; letter-spacing:1px; z-index:1;margin-top:30px;} a.eventLink:hover:after{left:-180px} a.eventLink:active{top:1px} a.eventLink:after{content:"\f054";font-family:"Font Awesome 6 Pro",sans-serif;z-index:-1;position:absolute;background-color:#00a8d5;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(10%) translateX(16%) rotate(-35deg);transform:translateY(10%) translateX(16%) rotate(-35deg);-webkit-transition:all .3s;transition:all .3s;width:450px;height:330px;left:-580px;top:-80px} a.eventLink i {line-height:26px;position:relative; left:5px;transition:.3s; -webkit-transition:.3s; -moz-transition:.3s;animation-timing-function: ease;padding-left:5px} a.eventLink:hover i {left:10px;} ul.circleList li:nth-child(even) a.eventLink i {float:right;line-height:26px;position:relative; top:2px; left:5px;transition:.3s; -webkit-transition:.3s; -moz-transition:.3s;animation-timing-function: ease;padding-right:5px} ul.circleList li:nth-child(even) a.eventLink:hover i {left:10px;} .row { width: 100%; display: table; table-layout: fixed;} ul.circleList li:nth-child(odd) .row { direction: ltr;} ul.circleList li:nth-child(even) .row { direction: rtl;} .eventImage {display:table-cell;width:500px;padding-bottom:160px;vertical-align:top} .eventText {display:table-cell;width:47%;padding:100px 20px 0px 0px; vertical-align:top; direction: ltr;} .eventText p {margin:0px 0px 0px 0px; width:90%} .eventDate {clear:left; font-family: futura-pt, sans-serif;font-weight: 500; font-size: 28px; line-height:38px; letter-spacing:-1px;color: #f37021; padding:0px 0px 10px 0px;} a.registerLink{float:left;display:inline-block; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-family: futura-pt, sans-serif;font-weight:700;font-size:18px;color:#f37021; background-color:#fff; border:2px #f37021 solid; text-transform:uppercase; padding:13px 30px 13px 25px; position:relative; overflow:hidden; letter-spacing:1px; z-index:1;margin:30px 0px 0px 20px;} a.registerLink:hover {color:#fff;border:2px #00a8d5 solid;} a.registerLink:hover:after{left:-180px} a.registerLink:active{top:1px} a.registerLink:after{content:"\f054";font-family:"Font Awesome 6 Pro",sans-serif;z-index:-1;position:absolute;background-color:#00a8d5;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(10%) translateX(16%) rotate(-35deg);transform:translateY(10%) translateX(16%) rotate(-35deg);-webkit-transition:all .3s;transition:all .3s;width:450px;height:330px;left:-580px;top:-80px; } a.registerLink i {line-height:26px;position:relative; left:5px;transition:.3s; -webkit-transition:.3s; -moz-transition:.3s;animation-timing-function: ease;padding-left:5px} a.registerLink:hover i {left:10px;} ul.circleList li:nth-child(even) a.registerLink i {float:right;line-height:26px;position:relative; top:2px; left:5px;transition:.3s; -webkit-transition:.3s; -moz-transition:.3s;animation-timing-function: ease;padding-right:5px} ul.circleList li:nth-child(even) a.registerLink:hover i {left:10px;} .post-type-archive-tribe_events .rowWrap.pattern.bottomBG.jobBlock{ padding-top:0px} /* ---- single ----*/ .noEvents h3 {padding-top:60px} .noEvents {width:45%;padding:60px 0px 100px 0px} .rowWrap.bioEvent {position:relative; background: linear-gradient(to top, #efefef 80%, transparent 20%);} .single-tribe_events .bioExcerpt {padding-bottom:100px} .tribe-events-schedule, .tribe-block__venue, .tribe-block {display:none !important} .single-tribe_events .subMenu ul li.page-item-109:before { opacity:1} .single-tribe_events .subMenu ul li.page-item-109 a {left:10px;} .subMenu.speaking-engagements ul li.page-item-107:before { opacity:1} .subMenu.speaking-engagements ul li.page-item-107 a {left:10px;} .subMenu.speaking-engagements ul li.page-item-109:before { opacity:0} .subMenu.speaking-engagements ul li.page-item-109 a {left:0px;} .single-tribe_events #namesDropdown a {display:none;color:#999} .single-tribe_events #namesDropdown a:last-of-type {display:inline-block} /* ---- admin ----*/ .tribe-editor__block tribe-editor__event-website {display:none !important} @media screen and (max-width: 1480px) { .eventImage {padding-left:40px;padding-right:40px} .eventText {width:42%;padding-left:40px;padding-right:40px} .bioEvent .largeCircleImg {margin-left:40px} .bioEvent .bioExcerpt {width:47%; } .noEvents {width: calc(100% - 80px);padding-top:0px} } @media screen and (max-width: 1280px) { .eventImage {width:400px;} .eventText {width:55%;padding:60px 40px 0px 40px;} ul.circleList li .largeCircleImg, .bioEvent .largeCircleImg {margin-top:-30px;width:400px;height:400px;} ul.circleList li.largeCircleImg img, .bioEvent .largeCircleImg img {width:100%; height:auto} ul.circleList li .circleIconBG, .bioEvent .circleIconBG {width:180px; height:180px; } ul.circleList li .whiteIcon img, .bioEvent .circleIconBG img {width:70%; height:auto;} .bioEvent .bioExcerpt {width:53%; } .single-tribe_events .bioExcerpt {padding-bottom:60px} } @media screen and (max-width: 1180px) { .single-tribe_events .bioExcerpt {width:47%; } } @media screen and (max-width: 1023px) { .eventCal .col:nth-of-type(2) {display:none} a.eventLink, a.registerLink {clear:none;font-size:15px;padding:8px 20px 8px 20px;text-align:center} a.registerLink {margin:30px 0px 0px 15px;padding:6px 20px 6px 20px;} .single-tribe_events .kubrickAuthor {display:none} .single-tribe_events .kubrickAuthorGray {display:none} .single-tribe_events .bioEvent {background:#efefef} .single-tribe_events .single-post .bioBlock {float:left; width:100%;background: linear-gradient(to top, #efefef 65%, transparent 35%);} .single-tribe_events .largeCircleImg {float:none;margin:-130px auto 0px auto} .single-tribe_events .bioExcerpt {float:right;width:50%;width: calc(100% - 60px);margin:0px 30px;padding-top:80px} .noEvents {width: calc(100% - 60px);} } @media screen and (max-width: 945px) { .row {float:left;padding-bottom:100px} .eventImage {float:left;width:100%;padding:0px 0px 40px 0px;text-align:center} .eventText {float:left;width: calc(100% - 60px);padding:0px 30px 0px 30px} ul.circleList {margin-top:0px} ul.circleList li:first-child{float:left; width:100%; margin-top:-30px} ul.circleList li .largeCircleImg {float:none; margin:-30px auto 0px auto;} .eventText h2 {font-size:30px !important; line-height:30px !important} .eventCal h4 {text-align:center;padding-bottom:80px} .eventDate {font-size: 24px; line-height:34px;} .post-type-archive-tribe_events h1 {text-align:center} .post-type-archive-tribe_events h4 {padding-bottom:20px} } @media screen and (max-width: 945px) { .bioBlock.pattern.topBG .row {padding-bottom:40px} } @media screen and (max-width: 639px) { .eventCal h1 {text-align:center} .eventCal h4 {padding-bottom:0px} .post-type-archive-tribe_events h1 {display:block;padding-bottom:70px} .noEvents {text-align:center} ul.circleList li .largeCircleImg, .single-tribe_events .largeCircleImg {width:300px;height:300px;float:none;margin-left:25px} ul.circleList li .circleIconBG, .single-tribe_events .circleIconBG {width:150px; height:150px; margin:0px -15px 11px 0px} .contactIcons.event i {font-size:70px;} } @media screen and (max-width: 430px) { a.registerLink {float:left; clear:left;margin:15px 0px 0px 0px;} } /* ------------------------------------------ CIRCLE CALL OUT -------------------------------------------------------------- */ .circleCallout p {margin-bottom:20px} .circleCallout .circleIconBG img {width:70%; height:auto} .circleCallout .circleIconBG i {font-size:120px} ul.circleList li.gray {float:left; width:100%; background: linear-gradient(to top, #efefef 97%, transparent 3%);} ul.circleList li.white {background: linear-gradient(to top, #ffffff 98%, transparent 2%);} ul.circleList li.gray .row { direction: ltr;} ul.circleList li.white .row { direction: rtl;} @media screen and (max-width: 945px) { .circleCallout .circleIconBG i {font-size:100px} .circleCallout .eventText {padding-top:50px} } /* ------------------------------------------ CONTACT -------------------------------------------------------------- */ .col.getintouch {background:#efefef;padding:38px 0px 50px 0px;margin-top:-30px;border-left:#efefef 50px solid} .col.getintouch .gravity-theme form {margin-top:14px;width:90%} h3.location {padding-bottom:20px} .phone {font-family: futura-pt, sans-serif;font-weight: 500; font-size: 30px; line-height:40px; color: #f37021; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px;} .map {font-family: futura-pt, sans-serif;font-weight: 500; font-size: 30px; line-height:40px; color: #f37021; margin:0px 0px 40px 0px; padding:0px 0px 0px 0px;} .phone i {width:35px} .map i {width:35px} @media screen and (max-width: 1100px) { .contactPage .col:nth-of-type(1) {width:100% !important} .contactPage .col.getintouch {border:0px;margin-top:30px;width: 100% !important;} .locationItem:nth-of-type(odd) {float:left; width:47%} .locationItem:nth-of-type(even) {float:right; width:47%} .col.getintouch .gravity-theme form {width:100%} } @media screen and (max-width: 767px) { .locationItem:nth-of-type(odd) {float:left; width:100%} .locationItem:nth-of-type(even) {float:right; width:100%} .phone {font-size: 26px; line-height:32px; } .map {font-size: 26px; line-height:32px; } } /* ------------------------------------------ FORM STYLES -------------------------------------------------------------- */ .page-id-2320 .rowWrap.pattern.topBG {padding:150px 0px 0px 0px} /* Constant Contact */ .ctct-form-defaults {padding:0px !important;background-color:transparent !important} .ctct-form-label {color:#666 !important} .ctct-form-required:before {color:#f37021 !important} .page-id-2320 button.ctct-form-button {font-family: 'futura-pt', sans-serif; font-size:18px !important; line-height:24px; text-decoration:none; background-color:#f37021 !important; color:#fff !important;border:0px !important; text-transform:uppercase !important; font-weight:700 !important; width:160px !important; paddng:30px 40px 30px 33px !important; border-radius:0px !important;-moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; border-radius: 4px !important; -webkit-transition:.2s; -moz-transition:.2s;animation-timing-function: ease;} button.ctct-form-button:hover {background-color:#00a8d5 !important; color:#fff !important;-webkit-transition:.2s; -moz-transition:.2s;animation-timing-function: ease;} button.ctct-form-button:after{position:relative; left:-5px;top:3px;font-family: "Font Awesome 6 Pro"; content: "\f105";font-weight:500;font-size:24px;color:#fff;padding-left:15px} button.ctct-form-button:hover:after {left:0px;transition:.2s; -webkit-transition:.2s; -moz-transition:.2s;animation-timing-function: ease;} input.ctct-form-element {border-radius:0px !important;box-shadow:none !important} .ctct-form-success h2 {font-family: 'Roboto', sans-serif !important; font-size:17px !important; line-height:30px !important; font-weight:400px !important;color:#f37021 !important;margin-top:-10px !important} .ctct-form-text {font-family: 'Roboto', sans-serif !important; font-size:17px !important; line-height:30px !important; font-weight:400px !important;color:#333 !important;margin-top:-10px !important} .gravity-theme form {padding-bottom:60px;width:80%;} .gfield_required {color:#f37021; padding-left:5px} .gform_wrapper label {font-weight:400 !important; font-size:20px; line-height:30px;padding-bottom:10px} .ginput_container_text input { border:#ccc 1px solid !important;-moz-appearance: none; -webkit-appearance: none; appearance: none;} .ginput_container_email input { border:#ccc 1px solid !important;-moz-appearance: none; -webkit-appearance: none; appearance: none;} .ginput_container_phone input { border:#ccc 1px solid !important;-moz-appearance: none; -webkit-appearance: none; appearance: none;} .ginput_container_textarea textarea {border:#ccc 1px solid !important;margin-top:10px;-moz-appearance: none; -webkit-appearance: none; appearance: none;} .gfield-choice-input {border:#ccc 1px solid !important;display:inline-block !important; width:20px; height:20px;filter: grayscale(1);vertical-align: inherit !important} input.gform_button_select_files {background:#666666; color:#fff; font-size:14px;border:0px;margin:10px 0px 10px 0px; padding:10px 25px 10px 25px; font-weight:700; text-transform:uppercase;cursor:pointer;border-radius:0px;-moz-appearance: none; -webkit-appearance: none; appearance: none;} .gform_drop_instructions {display:none;} .validation_error,.validation_message {color:#f37021; font-size:16px; line-height:22px} .gfield_required{font-size:17px !important;color:#f37021 !important; font-style:normal !important} .gfield_required:after {content:'*'} .gfield_required span {display:none !important} .gform_validation_errors {display:none !important} .gfield_error .gfield_label {color:#666 !important} .validation_message {border:0px !important;background:transparent !important;color:#f37021 !important;padding:0px !important} input.gform_button {-moz-appearance: none; -webkit-appearance: none; appearance: none;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;font-family: futura-pt, sans-serif;font-weight:700;font-size:18px;color:#fff; background-color:#f37021; text-transform:uppercase; padding:15px 30px 15px 25px;letter-spacing:1px; z-index:1; vertical-align:top;border:0px;cursor:pointer} input.gform_button:hover {background-color:#00a8d5;} .ginput_recaptcha {display:none} @media screen and (max-width: 1023px) { .gravity-theme form {width:100%} } @media screen and (max-width: 767px) { input.gform_button {padding:8px 30px 8px 25px;} } /* ------------------------------------------ FOOTER -------------------------------------------------------------- */ .arrowBtnWrap {float:left; width:100%;position:relative;margin:20px 0px 30px 0px} a.arrowBtn {position:relative; font-family: 'futura-pt', sans-serif; color:#ffffff; text-transform:uppercase; font-size:18px; line-height:24px; font-weight:700; text-decoration:none;padding:0px 0px 0px 0px;} a.arrowBtn:hover {color:#00a8d5; } a.arrowBtn i {line-height:26px;position:relative; left:8px;transition:.2s; -webkit-transition:.2s; -moz-transition:.2s;animation-timing-function: ease;} a.arrowBtn:hover i {left:11px;} #footer { float:left; width:100%; background-color:#383838;padding:60px 0px 30px 0px;} #footer .container { color:#fff;width:100%; margin:0px auto 0px auto; } #footerBtm {float:left; width:100%; background-color:#5a5854;padding:30px 0px;font-family: 'roboto', sans-serif; font-size:16px; line-height:26px;font-weight:500;color:#fff;} #footerBtm .container {padding:0px} #footerBtm ul.social-icons-footer {display:none} .footerLinks {float:left} a.utilityLink {font-size:16px;line-height:26px;padding-right:12px;color:#fff;} a.utilityLink:hover {text-decoration:underline} a.utilityLink:after {content:'|'; padding:0px 0px 0px 15px} a.utilityLink:last-of-type:after {content:''; padding:0px 0px 0px 0px} a.externalLink { font-size:16px;line-height:26px;padding-right:12px;color:#fff;} a.externalLink:hover {text-decoration:underline} a.externalLink:after {content:'|'; padding:0px 0px 0px 15px} a.externalLink:last-of-type:after {content:''; padding:0px 0px 0px 0px} .footerButtons {float:right;margin-top:-3px} .footerButtons a.eventLink {margin-left:20px} .deskCopy {float:right; margin-top:2px;font-size:16px;line-height:26px;color:#fff;} .upperFTleft {float:left; width:398px;min-height:50px; margin:0px 40px 0px 0px} .footerLogo {float:left;width:250px; } .footerLogo a {float:left; width:250px; height:47px; background: url("images/design-collaborative-reverse.svg") no-repeat; background-size:contain; background-position:50% 50%;-webkit-print-color-adjust: exact !important; color-adjust: exact !important;} .upperFTright {float:left; width:944px; min-height:50px;} .subscribeCTA {font-family:'Roboto', sans-serif; font-size:20px; line-height:30px; font-weight:300; color:#fff;float:left; margin-top:-6px;width:440px} ul.social-icons-footer {float:left; width:100%; margin:21px 0px 0px 0px; padding:30px 0px 30px 0px} ul.social-icons-footer li {margin:0px 20px 0px 0px; padding:0px;list-style-type: none; display:inline-block;font-size:30px} ul.social-icons-footer li a {color:#fff} ul.social-icons-footer li a:hover {color:#00a8d5;transition: 0.1s;} .mobileCopyright { display:none;float:left; width:100%; background-color:#383838;padding:30px 0px 30px 0px;color:#fff;text-align:center;font-weight:400} .mobileCopyright span {padding:0px 20px} /* ------------------------------------------ FOOTER RESPONSIVE STYLES -------------------------------------------------------------- */ @media screen and (max-width: 1442px) { #footer .container {max-width:none} .footerLogo {margin-left:auto; margin-right:auto;float:none} .upperFTleft {width:100%;border-bottom:#5a5854 1px solid; padding-bottom:60px; margin-bottom:60px} .upperFTleft ul.social-icons-footer, .deskCopy {display:none} .upperFTright {width:100%; text-align:center} .subscribeCTA {float:none;width:80%;max-width:645px;margin:0px auto 20px auto} .upperFTright .arrowBtnWrap {float:left; width:100%;margin:45px auto 70px auto} .upperFTright a.arrowBtn {background:transparent; border:#fff 1px solid; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding:17px 33px 18px 30px;} .upperFTright a.arrowBtn:hover {color:#383838;background:#fff; } .footerLinks {float:none; margin:0px auto 0px auto; text-align: center} .footerButtons {float:none;max-width:500px;margin-right:auto;margin-left:auto; padding:50px 0px 40px 0px;text-align:center} .footerButtons a.eventLink {float:none; margin:0px 10px 20px 10px} #footerBtm {text-align:center;padding-top:40px} #footerBtm ul.social-icons-footer {display:block;text-align:center; margin:30px auto 0px auto} #footerBtm ul.social-icons-footer li {height: 50px; width: 50px; background-color: #383838; border-radius: 50%; display: inline-block; margin:0px 10px 0px 10px;} #footerBtm ul.social-icons-footer li:hover {background-color: #00a8d5;} #footerBtm ul.social-icons-footer li:hover a {color:#fff} #footerBtm ul.social-icons-footer li a {padding:11px 10px;line-height:50px;display:block} .mobileCopyright { display:block;} #footerBtm .arrowBtnWrap:first-of-type {margin-left:17px} } @media screen and (max-width: 1280px) { a.arrowBtn {font-size:15px;} #footer .container {width:100%} .related .bottomBG h2 {padding:20px 0px 30px 0px !important;} } @media screen and (max-width: 1023px) { .upperFTright .arrowBtnWrap {margin:30px auto 50px auto} .upperFTright a.arrowBtn {padding:10px 33px 11px 30px;} .footerButtons {padding:30px 0px;} } @media screen and (max-width: 910px) { .copyright {display:none} .mobileCopyright { display:block;} } @media screen and (max-width: 640px) { #footer {padding-bottom:15px} .upperFTleft {padding:0px 0px 30px 0px; margin-bottom:30px} #footerBtm .arrowBtnWrap:first-of-type {margin-left:0px} .footerLinks {line-height:23px} a.utilityLink,a.externalLink {font-size:15px; line-height:23px} .cbp-spmenu-top.cbp-spmenu-open {top: 75px;} .subscribeCTA {font-size:16px; line-height:26px; } } @media screen and (max-width: 474px) { #footerBtm ul.social-icons-footer li {margin:0px 5px 0px 5px;} a.utilityLink, a.externalLink {padding-right:6px} a.utilityLink:after {content:'|'; padding:0px 0px 0px 10px} a.externalLink:after {content:'|'; padding:0px 0px 0px 10px} .mobileCopyright { font-size:15px; line-height:23px} } /* ------------------------------------------ DEFAULTS -------------------------------------------------------------- */ /* defaults */ p img { padding: 0; max-width: 100%; height:auto; border:none; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding:0px; margin:0px 0px 20px 30px; display: inline; } img.alignleft { padding:0px; margin:0px 30px 20px 0px; display: inline; } .alignright { float: right; } .alignleft { float: left; } .alignnone {margin:0px 0px 0px 0px} img.imgNoMargin {width: calc(100% + 60px); margin-left: calc(-30px); margin-right: calc(-30px); margin-top:-30px;max-width:none} .bottomBG img.imgNoMargin {margin-top:0px} /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption img { margin: 0; padding: 0px 0px 4px 0px; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 16px; line-height:22px; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px; color: #333; font-style:italic} .wp-caption.alignright { padding:0px; margin:0px 0px 20px 30px; display: inline; } .wp-caption.alignleft { padding:0px; margin:0px 30px 20px 0px; display: inline; } /* search results */ .result {float:left; width:100%; border-bottom:#ccc 1px solid;padding-bottom:10px; margin-bottom:40px} .result:last-of-type {border:0px} .result h3 {margin-bottom:0px; padding-bottom:10px} .result h3 a:hover {color:#00a8d5} #tryAgain { float: left; height:48px;width:100%; margin:0px 0px 40px 0px; padding:0px 0px 0px 0px; border:#ccc 1px solid;background:#fff } .tryinput input.textField { float:left; width:100%; border:none; background:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; font-family: futura-pt, sans-serif; font-weight:700; color:#333; font-size:18px; line-height:48px;text-transform:uppercase } .tryinput {float:left; width:80%;position:relative} .trysubmit { float:right; width:46px; height:48px;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;border-left:#ccc 1px solid} .trysubmit input.tryBtn {float:right;width:46px;height:46px; background:url("images/search-regular.svg") center center no-repeat; background-size:35px 35px;border:0px; padding:5px 0px 0px 0px;margin:0px;cursor:pointer } #tryAgain::-webkit-input-placeholder { /* WebKit browsers */ font-size: 18px; color: #666; line-height:18px; } #tryAgain:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: 18px; color: #666 !important; line-height:18px; opacity: 1; } #tryAgain::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: 18px; color: #666 !important; line-height:18px; opacity: 1; } #tryAgain:-ms-input-placeholder { /* Internet Explorer 10+ */ font-size: 18px; color: #666; line-height:18px; } .search-no-results .facetwp-facet,.search-no-results .sideBar h3 {display:none} @media only screen and (max-width :640px) { img.alignright { margin:0px 0px 20px 20px; width:50%; height:auto } img.alignleft { margin:0px 20px 20px 0px; width:50%; height:auto } img.imgNoMargin {width: calc(100% + 40px); margin-left: calc(-20px); margin-right: calc(-20px); margin-top:-20px;max-width:none} } .gridzy{display:block;will-change:width,height}.gridzy>.gridzyItem{will-change:left,top,width,height,opacity,transform}.gridzy>:not(.gridzyItem){visibility:hidden}.gridzyItemHidden{display:none}.gridzy .gridzyImage{vertical-align:middle;width:100%;height:100%}.gridzyAnimated{height:0;transition:height .4s}.gridzyAnimated .gridzyItem{transition:all .4s}.gridzyAnimated .gridzyItemInitialToVisible{animation-name:gridzyItemInitialToVisibleAnimation;animation-fill-mode:forwards;animation-duration:.4s}@keyframes gridzyItemInitialToVisibleAnimation{0%{opacity:0;transform:scale(.9)}100%{opacity:1;transform:scale(1)}}.gridzyAnimated .gridzyItemHiddenToVisible{animation-name:gridzyItemHiddenToVisibleAnimation;animation-fill-mode:forwards;animation-duration:.4s}@keyframes gridzyItemHiddenToVisibleAnimation{0%{opacity:0;transform:scale(.9)}100%{opacity:1;transform:scale(1)}}.gridzyAnimated .gridzyItemVisibleToHidden{animation-name:gridzyItemVisibleToHiddenAnimation;animation-fill-mode:forwards;animation-duration:.4s}@keyframes gridzyItemVisibleToHiddenAnimation{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.9)}}.gridzyItem{opacity:1}.gridzyItemLoading{opacity:.3;box-shadow:inset 0 0 15px -5px #666}.gridzyItemLoading::before{content:" ";position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px 0 0 -25px;padding:0;z-index:1;opacity:1;background:0 0;border:2px solid;border-color:transparent transparent #000 #000;border-radius:50%;outline:0;animation-duration:1s;animation-name:gridzyProgressIndicator;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes gridzyProgressIndicator{0%{transform:rotate(0);left:50%}100%{transform:rotate(360deg);left:50%}} @media print { /* All your print styles go here */ #footer,#footerBtm, .dcMenu,.NCRvideo, .parallaxImg, .patternCallOut { display: none; } ul.marketsFacet li {float:left !important;margin-right:20px !important; width:30% !important;clear:none !important} } /*----- Project Type Dialog Box -----*/ .market-page-filter { display: inline-block; justify-content: right; } .project-type-filter-button { width: 350px; margin-right: 10px; } .filter-by-service-button { width: 350px; display: inline-block; } .dialog-box-container { width: 100vw; height: 100vh; background:rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; z-index: 999; display: flex; flex-direction: row; justify-content: center; } .dialog-box-content-container { width: 100%; max-width: 900px; } .fly-in-item { animation-duration: .75s; animation-name: animateFlyIn; position: inherit; top: 20vh; } .fly-out-item { animation-duration: .75s; animation-name: animateFlyOut; position: inherit; top: -750px; } .close-container { width: 100%; text-align: right; margin-bottom: 10px; } .close-container .exit-button { margin-right: -45px; } .filter-by-type-container { background-color: #ffffffe8; } .content-container { border-left: 36px solid #00a8d5; padding: 40px; } .content-container h3 { font-weight: 500; font-size: 30px; margin-bottom: 0px; padding-bottom: 0px; } .content-container h3 .orange { color: #f37021; } .facetwp-checkbox { display: inline-block; width: 25%; margin-right: 3%; background-size: 0px 0px !important; line-height: 25px; margin-bottom: 10px !important; } .facetwp-checkbox-loader { display: inline-block; width: 25%; margin-right: 3%; background-size: 0px 0px !important; line-height: 25px; margin-bottom: 5px !important; padding-right: 20px; } .checkbox-loader { width: 16px; height: 16px; border-radius: 2px; background-color: #efefef; display: inline-block; animation: flashingColor 1s infinite alternate; } .item-loader { width: 75%; height: 16px; border-radius: 2px; background-color: #efefef; display: inline-block; animation: flashingColor 1s infinite alternate; } @keyframes flashingColor { 0% { background-color: #efefef; } 100% { background-color: #ccc; } } .facetwp-checkbox::before { content: ""; width: 12px; height: 12px; display: inline-block; border: 2px solid #383838; background-color: #efefef; border-radius: 2px; background-image: none !important; margin-right: 4px; margin-left: -20px; } .facetwp-checkbox:hover { color: #f37021; } .facetwp-checkbox.checked { font-weight: 700; background-image: none !important; } .facetwp-checkbox.checked::before { background-color: #f37021; } .facetwp-display-value { line-height: 20px; } .facetwp-facet-load_more, .facetwp-facet-load_more_plain { display: block !important; } .facetwp-counter { display: none; } .filter-selected-container { display: flex; justify-content: space-between; margin-top: 5px; padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px solid #ccc; } .filter-selected-container p { margin-bottom: 0px; line-height: 25px; } .clear-all-button { color: #666666; font-size: 15px; padding: 0px 10px; border-radius: 5px; animation-duration: 0.5s; animation-name: animateFadeOut; border: 1px solid #fff; } .clear-all-button:hover { cursor: pointer; animation-duration: 0.5s; animation-name: animateFadeIn; border: 1px solid #ccc; } .x-button { display: inline-block; } .counter-value-display { font-weight: 700; } .types-container { margin-bottom: 20px; } .apply-filter-button { text-align: center; } .apply-filter-button button { cursor: pointer; } #typeProjectFilterButton { text-align: center; padding-left: 0px; border: 1px solid #ccc; } #typeProjectFilterButton span { border-left: none; float: none; padding: 0px; } .projectGrid { margin-top: 30px !important; } #typesDropdown, #servicesDropdown, #marketsDropdown { border: 1px solid #ccc; } .filterDropMarkets, .facetwp-dropdown, .facetwp-facet-markets_filter { cursor: pointer !important; } .exit-button .x-button:hover path { fill: #00a8d5; cursor: pointer; } .exit-button .x-button:hover { cursor: pointer; } @media only screen and (max-width :1250px) { .facetwp-checkbox, .facetwp-checkbox-loader { display: inline-block; width: 43%; margin-right: 3%; } } @media only screen and (max-width :800px) { .dialog-box-content-container { width: 80%; } .close-container .exit-button { margin-right: 0px; } .project-type-filter-button { display: block; width: 100%; margin-right: 0px; margin-bottom: 10px; } .filter-by-service-button { display: block; width: 100%; } .facetwp-checkbox, .facetwp-checkbox-loader { display: block; width: 100%; } } @keyframes animateFlyIn{ 0%{top:-750px} 100%{top:20vh} } @keyframes animateFlyOut{ 0%{top:20vh} 100%{top:-750px} } @keyframes animateFadeOut { 0% {border: 1px solid #ccc;} 100% {border: 1px solid #fff;} } @keyframes animateFadeIn { 0% {border: 1px solid #fff;} 100% {border: 1px solid #ccc;} } @media only screen and (max-width :800px) { .dialog-box-content-container { display: block; height: 80vh; top: 90px; } .content-container { min-height: auto; max-height: calc(75vh - 80px); overflow: scroll; } .filter-selected-container { display: block; } .types-container { overflow-x: scroll; min-height: auto; } .facetwp-checkbox { padding-left: 0px; width: calc(100% - 20px); } .fly-in-item { top: 90px; } .fly-out-item { top: -750px; } @keyframes animateFlyIn{ 0%{top:-750px} 100%{top:90px} } @keyframes animateFlyOut{ 0%{top:90px} 100%{top:-750px} } } /*----- Design Rendering Dialog Box -----*/ .filter-by-type-renderings-container { border-left: none; } .content-rendering-container { border-left: none; padding: 0px; display: flex; align-items: stretch; } .market-select-container { background-color: #00a8d5; } [data-value="design-renderings"] { display: none; } .facetwp-facet:not(.facetwp-facet-load_more_articles, .facetwp-facet-markets_filter) { display: flex; flex-wrap: wrap; flex-direction: row; } .facetwp-facet-markets_filter { display: flex; flex-direction: column; height: 100%; align-items: center; margin-top: 50px; flex-wrap: wrap; } .facetwp-facet-markets_filter .facetwp-radio { background-image: none; background-color: #00a8d5; border-top: 1px solid #fff !important; padding: 5px 10px 5px 10px; margin: 0px 0px 0px 0px; color: #fff; width: 200px; } .facetwp-facet-markets_filter .facetwp-radio { border-bottom: 1px solid #fff !important; } .facetwp-facet-markets_filter .facetwp-radio:before { font-family: "Font Awesome 6 Pro"; content: "\f105"; color: #fff; font-size: 12px; line-height: 23px; float: left; padding: 4px 0px 0px 0px; opacity: 0; transition: opacity 0.5s ease; -webkit-transition: 0.5s ease; } .facetwp-facet-markets_filter .facetwp-radio:hover:before { opacity: 1; margin-right: 10px; } .facetwp-facet-markets_filter .facetwp-radio.disabled:hover:before, .facetwp-facet-markets_filter .facetwp-radio.checked:hover:before { opacity: 0; margin-right: 0px; } .facetwp-facet-markets_filter .facetwp-radio.checked:hover { cursor: default; } .facetwp-facet-markets_filter .facetwp-radio.checked { background-color: #fff; background-image: none; color: #f37021; font-weight: 900; } .rendering-types-selects-container { padding: 40px; max-height: 60vh; overflow-y: scroll; } .facetwp-facet-markets_filter .facetwp-radio:first-child { display: none; } @media only screen and (max-width :800px) { .content-rendering-container { flex-direction: column; max-height: 75vh; } .market-select-container { text-align: center; } .facetwp-facet-markets_filter { margin-bottom: -.5px !important; } .facetwp-facet-markets_filter .facetwp-radio { width: 100%; padding: 5px 0px; } .facetwp-facet-markets_filter { margin-top: 0px; } }