/* Theme Name: CCLV 2020 Theme URI: https://plainjoestudios.com/ Author: PlainJoe Studios Author URI: https://plainjoestudios.com/ Description: Hangar is a WordPress theme designed, developed and maintained by PlainJoe Studios. Version: 1.1 License: GNU General Public License v2 or later License URI: http://www.plainjoestudios.com/ Text Domain: Hangar Tags: PlainJoe Studios, PlainJoe, Studios, PJS, Hangar */ :root { --color-main:#2a2929; /*charcoal*/ --color-accent1:#ea4b21; /*accent orange*/ --color-accent2:#808f87; /*accent green/gray*/ } *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} *:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} html, body {width:100%; min-height:100%; margin:0; padding:0;max-width: 100vw; overflow-x: hidden;} h1, h2, h3, h4, h5, h6, ul, ol, li {margin:0; padding:0;} form {margin:0 auto; padding:0;} p {margin:0 0 25px 0;} p:last-child {margin-bottom:0;} div {width:auto; height:auto;} a, .a {color:var(--color-accent1); text-decoration:none; transition:all .25s ease;} a:hover, .a:hover {color:var(--color-accent2); text-decoration:none;} img {border:0; max-width:100%; height:auto;} object, embed {display:block;} input, textarea, select, button {font-family:montserrat, sans-serif; font-weight:500;} input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select {width:100%;font-size:1.6rem;padding:10px;border:1px solid #464646;background: var(--color-main);border-radius:0;} input[type="search"], select {width:100%; font-size:1.6rem; padding:10px; border:1px solid #464646; background:#fff; border-radius:0; margin:10px 0 20px;} textarea {width:100%; height:150px; font-size:1.6rem; padding:10px; border:1px solid #464646; background:#fff; border-radius:0; resize:none;} input[type="submit"], button {cursor:pointer; transition:all .25s ease; -webkit-appearance:none;} ul {list-style:disc; margin:0 0 15px 20px; text-align:left;} ol {margin:0 0 15px 20px;} ul ul, ul ol, ol ol, ol ul {margin-bottom:0;} li:last-child, ul.children {margin-bottom:0;} ul.wp-block-gallery {margin-left:0;} iframe {max-width:100%; max-height:100%; display:block; margin:0 auto;} #et_builder_outer_content iframe {max-height:initial;} blockquote {font-size:115%; background:#f5f5f5; padding:25px; margin:0 0 25px;} strong, b {font-weight:700;} hr {height:1px; background:#000; clear:both; border:0; outline:0;} ::-moz-selection{background:var(--color-accent2); color:#fff; text-shadow:none;} ::selection {background:var(--color-accent2); color:#fff; text-shadow:none;} ::-webkit-input-placeholder {color:#969696;} :-moz-placeholder {color:#969696; opacity:1;} ::-moz-placeholder {color:#969696; opacity:1;} :-ms-input-placeholder {color:#969696;} :placeholder-shown {color:#969696;} html {font-size:62.5%;} body {font-size:1.6rem; line-height:3rem; font-family:montserrat, sans-serif; color:var(--color-main); background:#fff;} h1, h2, h3, h4, h5, h6 {font-family:montserrat, sans-serif; font-weight:900; line-height:1; color:var(--color-main); text-transform:uppercase; padding:0 0 15px;} h1 {font-size:2.8rem; padding-bottom:25px;} h2 {font-size:2.4rem;} h3 {font-size:2rem;} .title h3 {font-weight: 700 !important;} h4 {font-size:1.8rem;} h5 {font-size:1.6rem;} @media (max-width:767px) { body {font-size:1.5rem; line-height:2.8rem;} h1 {font-size:2.1rem;} h2 {font-size:1.9rem;} h3 {font-size:1.7rem;} h4 {font-size:1.6rem;} h5 {font-size:1.5rem;} } /*general styles*/ .btns, .wp-block-button {text-align:center; position:relative; margin: 0 10px;} .btns:first-child {margin-left: 0px !important;} .btns:last-child {margin-right: 0px !important;} .btns::after, .wp-block-button:after {content:''; display:block; clear:both;} .btns a, .btns .a, .wp-block-button a, .wp-block-button .a, input[type="submit"], input[type="button"], button {cursor: pointer;font-family: montserrat, sans-serif;min-width:160px;display:inline-block;text-decoration:none;padding: 14px 25px;border-radius: 6px;border:0;background:var(--color-main);font-size: 15px;line-height:1;font-weight:700;color:#fff !important;text-transform:uppercase;margin:0 17px 10px;vertical-align:top;text-align:center;box-shadow:0 0 1px rgba(0, 0, 0, 0);position:relative;overflow:hidden;letter-spacing: .5px; display: flex; align-items: center; justify-content: center;} .btns .inner-button {cursor: pointer;font-family: montserrat, sans-serif;min-width:160px;display:inline-block;text-decoration:none;padding: 14px 25px;border-radius: 6px;border:0;font-size: 15px;line-height:1;font-weight:700;color:#fff !important;text-transform:uppercase;margin:0 17px 10px;vertical-align:top;text-align:center;box-shadow:0 0 1px rgba(0, 0, 0, 0);position:relative;overflow:hidden;letter-spacing: .5px; display: flex; align-items: center; justify-content: center; margin-left: 0; background:var(--color-accent2);} .btns a:first-child, .btns .a:first-child, .wp-block-button a:first-child, .wp-block-button .a:first-child, input[type="submit"]:first-child, input[type="button"]:first-child, button:first-child {margin-left:auto;} .btns a:last-child, .btns .a:last-child, .wp-block-button a:last-child, .wp-block-button .a:last-child, input[type="submit"]:last-child, input[type="button"]:last-child, button:last-child {margin-right:auto;} .btns a:hover, .btns .a:hover, .wp-block-button a:hover, .wp-block-button .a:hover, input[type="submit"]:hover, input[type="button"]:hover, button:hover {background:var(--color-accent1); color: #fff !important;} .btns.red a {background:var(--color-accent1);} .btns.red:hover a {background: var(--color-main) !important;} .pika-single button {min-width: unset !important;} .nf-form-fields-required {display: none;} span.fa-angle-down {font-family: 'Font Awesome 5 Pro'; font-weight: 400; font-size: 23px; line-height: 0px; padding-left: 10px; margin-right: -10px;} .wp-block-button.alignleft {text-align:left;} .nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {background:var(--color-accent1) !important; display: block !important; -webkit-appearance: none;} .nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover {background: #ffffff !important;} @media (min-width:3000px) { .btns a, .btns .a, .wp-block-button a, .wp-block-button .a, .btn, input[type="submit"], input[type="button"], button {font-size:22px;} } @media (max-width:767px) { .btns a, .btns .a, .wp-block-button a, .wp-block-button .a, .btn, input[type="submit"], input[type="button"], button {display:block; max-width:255px; margin-left:auto; margin-right:auto;} } @media (max-width:500px) { .btns a, .btns .a, .wp-block-button a, .wp-block-button .a, a.btn, input[type="submit"], input[type="button"], button {padding-left:18px; padding-right:18px;} } /*floating icons (share and live chat)*/ .float-circles {position:fixed; right:20px; bottom:80px; z-index:499;} .float-circles .share {position:relative;} .float-circles .circle {width:60px; height:60px; background:#000000; text-align:center; border-radius:50%; box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.25); cursor:pointer;} .float-circles .share-main .image {background-repeat: no-repeat; background-position: center; background-size: 35px;} .float-circles .share-main span {color: #fff; font-size: 25px;} .float-circles .addthis_toolbox {position:absolute; left:0; top:6px; z-index:-1; display:none;} .float-circles .addthis_toolbox a {width:55px !important; height:55px !important; display:block; border-radius:50%; margin:0 auto 10px; text-align:center; position:absolute; top:0;} .float-circles .addthis_toolbox a i {display:block; font-size:30px; line-height:2em; color:#fff;} .float-circles .addthis_toolbox a.button {background:var(--color-accent1);} .float-circles .addthis_toolbox a.button {background:var(--color-accent1);} .float-circles .addthis_toolbox a.button {background:var(--color-accent1);} .float-circles .addthis_toolbox a.button .image {background-repeat: no-repeat; background-position: center; background-size: 35px;} .float-circles .live-chat {padding:18px 0 0;} .float-circles .live-chat-main {padding-top:17px; opacity:0;} .float-circles .live-chat-main i {width:28px; height:22px; display:block; background:url(images/site-icons.png) -50px -64px no-repeat; margin:0 auto;} #chatra.chatra--side-bottom {bottom:30px !important;} #chatra__iframe-wrapper {-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.25) !important; box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.25) !important; overflow:initial !important;} #chatra:hover #main.is-widget.is-style-round.is-chat-closed .header__round-button-icon, #chatra:hover #main.is-widget.is-style-round.is-fully-closed:not(.is-transparent) .header, #chatra:hover #main.is-widget.is-style-round.is-fully-opened:not(.is-transparent) .header {background-color:#fff !important;} @media (max-width:767px) { } @media (max-width:413px) { .float-circles {right:15px; bottom:15px;} .float-circles .live-chat {padding-top:12px;} } .pjs-iframe {margin-bottom:25px; position:relative;} .pjs-iframe.is-full {padding:56.25% 0 0 0;} .pjs-iframe.is-full iframe {width:100%; height:100%; position:absolute; top:0; left:0;} #videoPreloader {position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:1;} .vidframe {height:0; position:relative; padding-bottom:56.25%; overflow:hidden;} .vidframe iframe {width:100%; height:100%; position:absolute; top:0;} .num-nav {width:100%;} .num-nav ul {width:100%; text-align:center; list-style:none; margin:0 auto;} .num-nav ul li {display:inline-block; vertical-align:baseline; margin:0 4px; font-weight:700;} .num-nav ul li.active a {color:#262626; font-weight:900;} /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger {cursor:pointer;} .hamburger-box {width:33px;height:22px;display:block;position:relative} .hamburger-inner {display:block;top:0;left:0} .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width:33px;height:4px;top:9px;background-color:#000000;position:absolute; -webkit-transition: all .25s ease; transition:all .25s ease} .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color:#000000;} .hamburger-inner::before, .hamburger-inner::after {content:'';display:block} .hamburger-inner::before {top:-9px} .hamburger-inner::after {bottom:-9px} .hamburger--3dx .hamburger-box {-webkit-perspective:80px;perspective:80px} .hamburger--3dx .hamburger-inner {-webkit-transition: all .25s ease; transition:background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-transition: all .25s ease; transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-transition: all .25s ease; transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)} .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {-webkit-transition: all .25s ease; transition:background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-transition: all .25s ease; transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-transition: all .25s ease; transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)} .hamburger--3dx.is-active .hamburger-inner {background-color:transparent;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)} .hamburger--3dx.is-active .hamburger-inner::before {-webkit-transform:translate3d(0, 9px, 0) rotate(45deg);transform:translate3d(0, 9px, 0) rotate(45deg)} .hamburger--3dx.is-active .hamburger-inner::after {-webkit-transform:translate3d(0, -9px, 0) rotate(-45deg);transform:translate3d(0, -9px, 0) rotate(-45deg)} /*main styles*/ #container {width:100%; min-width:300px; min-height:100vh; position:relative; display:flex; justify-content:space-between; flex-direction:column;} .ac-link {display:none;} .header {width:100%; text-align:center; position:fixed; left:0; top:0; right:0; z-index:500; transition:all .25s ease;} .header.darken {background:#000;} .header .header-inner {width:100%;} .header .part::after {content:''; display:block; clear:both;} .header .floating-nav {padding:0 30px 10px; transition:all .25s ease;} #container.headroom--not-top .header .floating-nav {background:#1f1f1f; padding-bottom:10px; box-shadow:0 0 7px 2px rgba(0,0,0,0.1);} #container.headroom--not-top .header.darken .floating-nav {background:#000;} .header .floating-nav-inner {max-width:1400px; display:flex; justify-content:space-between; align-items:center;} #container.headroom--not-top .header .floating-nav-inner {align-items:flex-end;} .header ul {list-style:none; margin:0; padding:0; text-align:right;} .header ul li {display:inline-block; vertical-align:middle; line-height:1; font-weight:600; text-transform:uppercase;} .header .logo {width:60px; float:left; padding-top:10px; margin:0 0 auto 0; transition:all .25s ease;} #container.headroom--not-top .header .logo {width:50px;} .header .logo a {display:block;} .header .logo img {width:100%; display:block; margin:0;} .header .main-nav {margin:0 0 0 auto; padding-left:25px;} .header .main-nav > ul li {font-size:1.5rem; line-height:1; margin:0 10px; position:relative; transition:all 0.25s ease;} .header .main-nav > ul li:hover {color:#000;} .header .main-nav > ul li a {display:block; color:var(--color-accent1);} .header .main-nav > ul li:hover a {color:#000;} #container.headroom--not-top .header .main-nav > ul li:hover a {color:#fff;} .header .main-nav > ul li.ada-link a .fab {width:20px; height:23px; display:block; font-size:2.2rem; position:relative; overflow:hidden;} .header .main-nav > ul li.ada-link a .fab span {position:absolute; left:-9999px; z-index:-1; opacity:0;} .header .main-nav > ul li.full-site-link {display:none;} .header .main-nav > ul li.mob-btn {display:none;} .header .main-nav > ul li.mob-btn a {width:37px; height:30px; display:block; padding:5px;} .header .main-nav > ul li.mob-btn a span {width:25px; height:4px; background:var(--color-accent1); display:block; margin:0 0 4px; text-indent:-9999px; overflow:hidden; transition:all 0.25s ease;} .header .main-nav > ul li.mob-btn a span:last-child {margin-bottom:0;} .header .main-nav > ul li.mob-btn a.close span {width:27px; margin-bottom:0;} .header .main-nav > ul li.mob-btn a.close span:nth-child(1) {margin-top:8px; transform:rotate(45deg);} .header .main-nav > ul li.mob-btn a.close span:nth-child(2) {opacity:0;} .header .main-nav > ul li.mob-btn a.close span:nth-child(3) {margin-top:-8px; transform:rotate(-45deg);} .header .top-bar {width:100%; height:48px; background:#000; overflow:hidden; transition:all .25s ease; display: flex;} .header .top-bar::after {content:''; display:block; clear:both;} #container.headroom--not-top .header .top-bar {height:0;} .header .top-bar .social {padding:10px 30px;} .header .top-bar .social ul {width:100%; max-width:1400px; list-style:none; margin:0 auto; text-align:right;} .header .top-bar .social ul li {display:inline-block; vertical-align:top; margin:0 3px;} .header .top-bar .social ul li a {width:28px; height:28px; background:var(--color-accent1); border-radius:50%; color:#fff; display:block; text-align:center;} .header .top-bar .social ul li a:hover {background:#313131;} .header .top-bar .social ul li a .fab {display:block; font-size:1.4rem; line-height:3rem;} .header .top-bar .social ul li a .fab span {position:absolute; z-index:-1; opacity:0;} @media (max-width:1080px) { .header .main-nav > ul li {margin:0 5px;} } @media (max-width:980px) { .header .floating-nav, #container.headroom--not-top .header .floating-nav {height:80px; padding-left:20px; padding-right:20px;} .header .top-bar .social {padding-left:20px; padding-right:20px;} } @media (max-width:767px) { .header .top-bar, .header .main-nav .main-item {display:none;} .header .main-nav > ul li.mob-btn {display:inline-block;} } @media (max-width:374px) { .header .floating-nav, #container.headroom--not-top .header .floating-nav {padding-left:15px; padding-right:15px;} .header .logo {width:40px;} } /*mobile menu*/ .mobile-menu {width:100%; position:fixed; top:95px; bottom:0; z-index:1101; display:none; transition:all 0.25s ease; overflow:hidden;} #container.headroom--not-top .mobile-menu {top:89px;} #container.mobile .mobile-menu {top:128px;} #container.mobile.sub .mobile-menu, #container.mobile.headroom--not-top .mobile-menu {top:80px;} .mobile-menu .inner {width:100%; height:100vh; background:#fff; position:absolute; right:-100%; box-shadow:-1px 0 15px 5px rgba(0,0,0,0.1);} .mobile-menu .content {position:relative;} .mobile-menu .menu {position:relative;} .mobile-menu .scroll {overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; position:relative;} .mobile-menu .primary-menu {list-style:none; margin:0; padding:0 0 20px;} .mobile-menu .primary-menu li {font-size:2.4rem; font-weight:700; text-transform:uppercase;} .mobile-menu .primary-menu li span {font-weight:300; text-transform:none;} .mobile-menu .primary-menu li > a {display:block; color:#202020; padding:20px 10px 20px 20px; position:relative;} .mobile-menu .primary-menu li > a span {width:0; display:block; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:10px solid var(--color-accent1); position:absolute; right:28px; top:50%; transform:translateY(-50%);} .mobile-menu .sub-menu {width:100%; list-style:none; margin:0; padding:0 0 20px; overflow:hidden; overflow-y:auto; position:absolute; right:0; top:0; z-index:1; display:none;} .mobile-menu .sub-menu li {font-size:1.8rem; font-weight:400; text-transform:none;} .mobile-menu .sub-menu li:last-child {margin-bottom:25px;} .mobile-menu .sub-menu li > a {display:block; color:#202020; padding:15px 10px 15px 42px; position:relative;} .mobile-menu .sub-menu li.back > a {font-size:1.6rem; color:#202020; text-transform:uppercase; font-weight:700; background:#F1F1F1; padding-left:46px;} .mobile-menu .sub-menu li.back > a span {width:0; display:block; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:10px solid var(--color-accent1); position:absolute; left:25px; top:50%; transform:translateY(-50%); border-left-width:0; border-right:10px solid var(--color-accent1);} .mobile-menu .sub-menu li.section-title {font-size:2.4rem; font-weight:900; text-transform:uppercase;} .mobile-menu .sub-menu li.section-title > a {padding-left:25px;} .mobile-menu .sub-menu li.section-title > a.no-link {cursor:default;} /*sections*/ .content-sections {width:100%; clear:both; margin:0 auto auto;} #container.static-header .content-sections {margin-top:123px;} .content-sections::after, .section::after, .section .inner::after {content:''; display:block; clear:both;} .section {width:100%; clear:both; position:relative; background:#fff;} .section .inner {position:relative;} .pjs-block {padding:60px 0; position:relative;} .pjs-block > .inner {padding-left:0; padding-right:0;} .pjs-block > .inner::after {content:''; display:block; clear:both;} .standard-full {background:#fff; text-align:left;} .standard-full.grey {background:#f9f9f9; margin-bottom:0;} .standard-full > .inner {padding:80px 0;} .standard-full .page-header {max-width:1400px; margin:0 auto 25px; text-align:center;} .standard-full .page-header h1 {font-size:3.6rem;} .standard-full .sub-content > * {max-width:1400px; margin-left:auto; margin-right:auto;} .standard-full .wpcf7-form {max-width:800px;} .standard-full .input-field {margin-bottom:15px; display:flex; justify-content:space-between; align-items:center;} .standard-full .input-field.submit {display:block;} .standard-full .input-field.submit input {margin-left:20%;} .standard-full .input-field label {width:16%; margin-left:0; text-transform:uppercase; font-size:1.5rem; line-height:1; font-weight:900;} .standard-full .input-field .wpcf7-form-control-wrap {width:80%; margin-right:0;} .standard-full article {margin-bottom:25px;} .standard-full article:after {content:''; display:block; clear:both;} .standard-full article header {margin-bottom:0;} .standard-full article h1.entry-title {padding-bottom:0;} .standard-full article h1.entry-title a {color:#262626;} .standard-full article .entry-summary {line-height:2.3rem;} .standard-full article .searchLink {display:block; font-size:1.4rem;} .standard-full .post-result.left {width:45%;} .standard-full .post-result.right {width:50%; text-align:left;} .searchform label.screen-reader-text {display:none;} @media (max-width:1490px) { .standard-full .sub-content > *, .standard-full .page-header-inner {padding-left:6%; padding-right:6%;} } @media (max-width:767px) { .standard-full .inner {padding:50px 0;} .standard-full .page-header h1 {font-size:2.8rem;} } .navigation {/*height: 170px;*/ z-index: 99; position: fixed; width: 100%;} .navigation .notification-bar {text-align:center; background:#fff;} .navigation .notification-bar a {display:block; padding:7px 10px;} .navigation .top-bar {z-index: 9;height: 45px;background: #000000;-webkit-transition: all .25s ease;transition:all .3s ease;position: relative; margin: 0 auto; max-width: 1650px; color: #fff; display: flex; justify-content: space-around; align-items: center;} .navigation .notification-bar-2022 {display:none; max-height:120px; background:#fff; position:relative; z-index:1; transition:all .3s ease;} .navigation .notification-bar-2022 .wrapper {display:block; padding:10px; box-shadow:rgba(0,0,0,.25) 0 0 10px} .navigation .notification-bar-2022 .wrapper .title-wrapper {display:flex; flex-flow:row nowrap;} .navigation .notification-bar-2022 .wrapper .title-wrapper .title {flex:1 1 auto; color:var(--color-accent2); font-weight:700;} .navigation .notification-bar-2022 .wrapper .title-wrapper .close {flex:0 0 auto;} .navigation .notification-bar-2022 .wrapper .title-wrapper .close span {color:var(--color-main); font-size:22px;} .navigation .notification-bar-2022 .wrapper .message {display:block; color:var(--color-main); font-weight:500; font-size:14px;} .navigation .notification-bar-2022 .wrapper .message a {color:var(--color-main);} .navigation .notification-bar-2022.hide {max-height:0; opacity:0; overflow:hidden;} .navigation .top-bar-wrapper {background:#000;} .navigation .top-bar .col {width: 100%; display: flex; align-items: center; justify-content: center; margin: 0;} .navigation .top-bar .col.soc {display: flex; justify-content: flex-end; margin-right: 15px;} .navigation .top-bar .col.soc * {transition: all .25s ease; margin: 0;display: flex;align-items: center;justify-content: center;margin-right: 6px;} .navigation .top-bar .col.soc *:hover {opacity: .8;} .navigation .top-bar .col .message {letter-spacing: 1px; text-transform: uppercase; font-size: 14px; color: #fff !important;} .navigation .top-bar .col .message a {color: var(--color-accent1); font-weight: 700; display: flex; flex-direction: column;} .navigation .top-bar .col .message a .white {margin-left: 15px; color: #fff; font-weight: 500;} .navigation .top-bar .col .message:hover a {color: var(--color-accent1) !important;} .navigation .top-bar .col .message .fa {font-weight: 400; color: var(--color-accent1); margin-left: 12px;} .navigation .top-bar .right {position: absolute; right: 0; top: 0; display: flex; height: 100%; align-items: center;} .navigation .top-bar .donate {-webkit-transition: all .25s ease; transition:all .3s ease; background: var(--color-accent1); height: 100%; display: flex; justify-content: center; align-items: center;} .navigation .top-bar .donate:hover {background: #fff;} .navigation .top-bar .donate a {-webkit-transition: all .25s ease; transition:all .3s ease; padding: 0 25px; color: #fff; font-weight: 700; letter-spacing: 1.5px; font-size: 15px; text-transform: uppercase;} .navigation .top-bar .donate:hover a {color: var(--color-accent1);} .navigation .top-bar .navigation-items > ul > li > ul {width: auto; min-width: 219px;} .navigation .bottom-bar {-webkit-transition: all .25s ease;max-width: 1650px;transition:all .3s ease;display: flex;flex-direction: row;height: 100px;align-items: center;width: 100%;} .bottom-bar-wrapper {background: rgb(255 255 255 / 1);/* box-shadow: 15px -15px 20px 5px black; */justify-content: center;display: flex;} .navigation .bottom-bar .col {display: flex;margin: 0;} .navigation .bottom-bar .col.logo {padding-left: 40px;justify-content: left;width: 20%; margin-top: -8px;} .navigation .bottom-bar .search {z-index: 70;color: #fff;font-size: 19px;width: 25px;margin: 0;font-weight: 600;margin-left: 30px; color: #000; display: flex; align-items: center; margin-right: 25px;} .navigation .bottom-bar .search i {cursor: pointer;} .navigation .bottom-bar .logo svg {width: auto !important;height: 50px !important;-webkit-transition: all .25s ease;transition:all .3s ease;margin-top: 10px;} div#logo-header {display: flex;} .navigation .bottom-bar .logo .awaken {height:50px; width:auto; margin-top:14px!important;} .navigation.top .bottom-bar .logo svg {top: 7px;} .navigation .bottom-bar .logo svg polygon, .navigation .bottom-bar .logo svg rect, .navigation .bottom-bar .logo svg path {-webkit-transition: all .25s ease; transition:all .3s ease;} .navigation .bottom-bar .navigation-items {justify-content: flex-end;width: 80%;} .navigation .navigation-items > ul {padding: 0; list-style: none; margin: 0;} .navigation .navigation-items ul {margin: 0;} .navigation .navigation-items > ul > li {display: inline-block;padding: 30px 15px;margin: 0 10px;line-height: 14px;} .navigation .navigation-items > ul > li > a {padding-bottom: 6px;-webkit-transition: all .25s ease;transition:all .3s ease;color: #000;font-weight: 600;text-transform: capitalize;letter-spacing: .5px;font-size: 15px;padding-bottom: 0px;} /* .navigation .navigation-items > ul > li.current > a {border-bottom: 3px solid #fff;} */ .navigation .navigation-items > ul .row-cont {display: flex;} .navigation .navigation-items > ul > li.nolink > a {cursor: default;} .navigation .navigation-items > ul > li.link > a:hover {color:var(--color-accent1);} .navigation .navigation-items > ul > li a .caret {display: none;} .navigation .navigation-items > ul > li.link a:hover .caret {border-top: 6px solid var(--color-accent1);} .navigation .navigation-items > ul > li:last-child {border-right: none;} .navigation .navigation-items > ul > li > ul {z-index: 101; display: flex;background: rgb(255 255 255 / 0.90);width: max-content;background-clip: padding-box;-webkit-transition: all .25s ease;transition: all .25s ease;padding: 18px 0;list-style: none;visibility: hidden;opacity: 0; justify-content: space-between;position: absolute; margin-top: 7px; top: 80px; left: 50%; background: #fff; max-width: 80vw; min-width: 80vw; transform: translateX(-50%); z-index: 98; padding: 40px; box-shadow: 0 6px 35px -25px #000;} .navigation .navigation-items > ul > li > ul .text {max-width: 350px; font-size: 14px; font-weight: 300; letter-spacing: .5px; line-height: 23px; margin-left: 35px;} /* .navigation .navigation-items > ul > li > ul img {padding: 20px 40px;} */ .navigation .navigation-items > ul > li > ul .inner {display: flex;} .navigation .navigation-items > ul > li > ul .title {line-height: 17px; font-size: 14px; color: var(--color-accent2); font-weight: 600; text-transform: uppercase; padding: 5px 40px; display: block; letter-spacing: .5px;} .navigation .navigation-items > ul > li > ul li {z-index: 150;} .navigation .navigation-items > ul > li > ul li a {line-height: 17px;font-size: 14px;color: #231f20;font-weight: 500;text-transform: capitalize;padding: 5px 40px;display: block;letter-spacing: .5px;} .navigation .navigation-items > ul > li > ul li a span {color:var(--color-accent2);} .navigation .navigation-items > ul > li > ul .follow {padding-left: 40px; padding-top: 8px;} .navigation .navigation-items > ul > li > ul .follow a {padding-right: 13px;} .navigation .navigation-items > ul > li > ul li a.title {font-size: 16px !important; color: var(--color-accent2) !important; text-transform: uppercase !important;} .navigation .navigation-items > ul > li > ul li a:hover {color: var(--color-accent1);} .navigation .give {margin-top: 0;margin: 0;margin-right: 40px;} .navigation .give a {min-width: unset; margin: 0;} .col.icons {max-width: unset;margin-left: -20px;width: 11%;justify-content: flex-end;} .navigation .give a {background: var(--color-accent1) !important;} .navigation .give a:hover {background: var(--color-accent2) !important;} .navigation.top .bottom-bar .logo svg {height: 50px !important;} .navigation.top .bottom-bar-wrapper { box-shadow: 15px -15px 20px 5px black;} .navigation.top .bottom-bar {height: 75px;} .navigation.top .bottom-bar .search {color: #000;display: flex;align-items: center;} .navigation .bottom-bar .search i {font-weight: 400; margin-top: 4px;} .navigation.top .navigation-items > ul > li > ul {background: #fff;background-clip: padding-box;top: 65px;} .navigation.search-open:not(.top) .bottom-bar .col.logo, .navigation.search-open:not(.top) .bottom-bar .search .search-btn, .navigation.search-open:not(.top) .navigation-items > ul > li > a, .navigation.search-open:not(.top) .bottom-bar .search {color:#353031;} .navigation.search-open:not(.top) .navigation-items > ul > li.current > a {border-color:#353031;} .countdown-clock-menu br {display: none} @media (max-width:1350px) { .countdown-clock-menu {width: 90px;} .countdown-clock-menu span.elem {display: none} .countdown-clock-menu br {display: block} } @media(max-width:1020px) { .navigation .notification-bar-2022 {display:block;} } .mobile.navigation {height: auto;overflow-y: scroll;max-height: 100%;z-index: 97;-webkit-transition: all .25s ease;transition: all .25s ease;transopacity: 0;visibility: hidden;transform: translateY(-100%);margin-top: 115px;background: #ffffff;height: 100%;} .mobile.navigation::-webkit-scrollbar {display: none;} .mobile.navigation.active {opacity: 1; visibility: visible; transform: translateY(0); box-shadow: 0 0 10px -2px black;} .mobile.navigation > .link.item a {display: flex;align-items: center;font-weight: 700;text-transform: uppercase;padding: 15px 40px;color: var(--color-main) !important;} .mobile.navigation .link.item .caret {-webkit-transition: all .25s ease;transition: all .25s ease;transform: rotate(0);display: inline-block;width: 0;height: 0;border-left: 6px solid var(--color-accent2);border-bottom: 6px solid transparent;border-top: 6px solid transparent;margin-left: 10px;margin-bottom: 2px;margin: 0 0 0 auto;} .mobile.navigation .link.item.purple .caret {border-left: 6px solid #fff;} .mobile.navigation .link.item.purple {background: #25235E;} .mobile.navigation .link.item.purple a {color: #fff; } .mobile.navigation .link.item.donate {background:var(--color-accent2); margin:10px 40px 50px; display: inline-block;} .mobile.navigation .link.item.donate a {color: #1f1f1f !important; padding: 12px 50px;} .mobile.navigation .page-2 {-webkit-transition: all .25s ease;transition: all .25s ease;box-shadow: 0 0 10px -2px black;visibility: hidden;opacity: 0;transform: translateX(100%);height: auto;width: 100%;position: fixed;background: #ffffff;top: 0;left: 0;z-index: 98;} .mobile.navigation .page-2.active {visibility: visible; opacity: 1;transform: translateX(0);} .mobile.navigation .page-2 .item {font-weight: 700; text-transform: uppercase; display: block;} .mobile.navigation .page-2 .item a {display: block;align-items: center;font-weight: 700;text-transform: uppercase;padding: 15px 40px;color: #231f20;} .mobile.navigation .page-2 .item .sym {display: inline-block; font-size: 33px; color:var(--color-accent2); vertical-align: sub; margin-right: 5px;} .mobile.navigation .page-2 .item .text {display: inline-block; vertical-align: middle;} .mobile.navigation .item.search-input {margin: 35px 40px 10px;padding: 8px;display: flex;width: auto;background: #d2d2d2;} .mobile.navigation .item.search-input .search-input {width: 100%;padding-left: 15px;display: flex;justify-content: end;align-items: center;} .mobile.navigation .item.search-input i.fas.fa-search {color: #fff; margin-top: 5px; font-size: 23px; font-weight: 400;} .mobile.navigation .item.search-input .search-input form {display:flex;align-items:center;margin: 0;} .mobile.navigation .item.search-input input[type="text"] {padding: 0;border-bottom: 1px solid #000;outline: none;width: 100%;background: #d2d2d2;} .mobile.navigation .item.search-input input[type="submit"] {min-width:75px;padding:10px;margin:0 0 0 auto;font-weight:400;font-size:1.5rem;background: unset;} /* NAVIGATION DROPDOWN ACTIVE */ .navigation .navigation-items > ul > li.active > ul {visibility: visible; opacity: 1; margin-top: 7px;} /* .navigation .navigation-items > ul > li.active a .caret {transform: rotate(-90deg);} */ .navigation .top-bar .navigation-items > ul > li > ul {border-top: 7px solid transparent !important;} .navigation.mobile {display: none;} .navigation .mobile-btn {display: none;} .navigation .bottom-bar .location {display: none;} @media (max-width:1500px) { /* .navigation .bottom-bar .navigation-items {flex-grow: 6;} */ .navigation .bottom-bar .col.logo {flex: 0 1 200px !important; margin-left: 40px;} /* .navigation .bottom-bar .col.search {flex: 0 1 50px !important; margin-right: 38px; margin: 0;} */ } .navigation .mobile-btn.noselect {margin-right: 20px;} @media (min-width:1150px) { .navigation .top-bar .col:nth-child(2) {display: flex !important; width: 100%; padding: 10px;} .navigation .top-bar .col .message {font-size: 12px; line-height: 18px; padding: 10px; text-align: center;} /*.top-bar {display: none!important;}*/ } @media (max-width:1150px) { .navigation .bottom-bar .col.logo {padding-left: 5px;} .navigation.mobile {display: block;} .navigation {height: 70px; box-shadow: 0 0 20px -15px black;} .navigation .give {display: none;} .navigation .mobile-btn.noselect {flex: 0 1 50px; margin: 0; padding: 0 35px; display: block; margin-right: 20px;} .navigation .bottom-bar .col.search {margin: 0; padding-right: 8px; color: var(--color-accent2);} .navigation .notification-bar {background:var(--color-accent2); font-size:15px;} .navigation .notification-bar a {color:#fff;} .navigation .top-bar .col:nth-child(2) {display: flex !important; width: 100%; padding: 10px;} .navigation .top-bar .col .message {font-size: 12px; line-height: 18px; padding: 10px; text-align: center;} .navigation .bottom-bar .navigation-items {display: none;} .navigation .bottom-bar .logo svg path.cls-1 {fill: #fff !important;} .navigation .today {display: none;} .navigation .bottom-bar {background: #fff; height: 70px;} .headroom--top .navigation .bottom-bar {background: #fff;height: 70px;} .headroom--top .navigation .is-active .hamburger-inner {background-color: transparent !important;} .headroom--top .navigation .bottom-bar .logo svg path.cls-1 {fill: #fff !important;} .headroom--top .navigation .bottom-bar .logo {height: 135% !important; padding-top: 10px;} .navigation .bottom-bar .logo {transition: all .25s ease;} .navigation input[type="text"] {border: 0; padding-bottom: 0px !important; border-bottom: 0px solid #b5b5b5 !important;} .navigation .bottom-bar .col {flex: 0 0 25px;margin: 0 0 0 auto;justify-content: center;} .navigation .bottom-bar .col.logo {height: 100%;} .navigation .bottom-bar .search .search-btn {color:var(--color-accent2); font-size: 25px;} .navigation .mobile-btn.noselect {padding: 0; height: 25px;} .navigation .bottom-bar .search {display: none;} .navigation .bottom-bar .location {display: block; flex: 0 1 50px !important; margin: 0; padding-right: 8px; font-size: 25px; text-align: right; margin-top: -3px;} .navigation .bottom-bar .location a {color:var(--color-accent1);} .navigation .bottom-bar .logo svg {margin-top: 16px;} } /* SEARCH */ .modal-search {width:100%; height: calc(100vh); position:fixed; z-index: 98; top: 0px; left:0; background:#e6e6e6; display:none;} .modal-search.scroll {height:calc(100vh - 70px); top:70px;} .modal-search .container {padding:20px;} .modal-search .container .bottom {border-top:1px solid var(--color-main);} .modal-search .search-input {max-width:920px; margin:10% auto 0; padding:0; text-align:center; position:relative; font-family: montserrat, sans-serif;} .modal-search .search-input input[type="text"] {font-family: montserrat, sans-serif; outline: none; width:calc(100% - 20px); margin:0 auto; padding:10px 0; border:0; border-bottom:1px solid #353031; background:transparent; font:700 34px 'montserrat'; line-height:1; color:#353031; text-transform:uppercase;} .modal-search .search-input input[type="text"]::-ms-clear {display:none; width:0; height:0;} .modal-search .search-input input[type="text"]::-webkit-search-decoration, .modal-search .search-input input[type="text"]::-webkit-search-cancel-button, .modal-search .search-input input[type="text"]::-webkit-search-results-button, .modal-search .search-input input[type="text"]::-webkit-search-results-decoration {display:none;} .modal-search .search-input input[type="text"]::placeholder {color:#353031;} .modal-search .search-input input[type="submit"] {border:0; margin-top:20px;} @media (max-width:750px) { .navigation .bottom-bar .col.logo {margin-left: 5px;margin-right: 28px;} .navigation .notification-bar {font-size:14px;} } /* GENERAL STYLES */ .buttons {display: flex; margin-top: 25px;} .buttons.dark {background-color:} .panel .inner {height: 100%; width: 100%; display: flex; justify-content: center; align-items: center;} .imnew .inner {height: 100%; width: 100%; display: flex; justify-content: center; align-items: center;} .knowgod .inner {height: 100%; width: 100%; display: flex; justify-content: center; align-items: center;} .image {height: 100%; width: 100%;} /* BANNER PANEL */ .panel.banner {height: calc(100vh - 96px); position: relative;} .panel.banner .two-col {width: 100vw; display: flex; justify-content: center; align-items: center; height: 90%} .panel.banner .two-col .col {width: 100%; height: 100%; display: flex; justify-content: center; align-items: flex-start; flex-direction: column;} .panel.banner .two-col .col:last-child {padding: 35px 35px 35px 0;} .panel.banner .two-col .col:first-child {padding: 35px 0 35px 35px;} .panel.banner .two-col .col.image-cont {align-items: flex-end;} .panel.banner .two-col .col.image-cont .image {width: 90%; margin-right: -150px; background-size: cover;} .panel.banner .two-col .col .circle {margin-left: -50px; position: relative; width: 70vh; height: 70vh; display: flex; align-items: center; justify-content: center;} .panel.banner .two-col .col .circle .content {z-index: 2; max-width: 60%;} .panel.banner .two-col .col .circle .content .title {text-transform: uppercase; color: #fff; font-weight: 800; font-size: 45px; letter-spacing: 1px; line-height: 50px;} .panel.banner .two-col .col .circle .content .text {color: #fff; padding: 10px 0 0;} .panel.banner .two-col .col .circle .circle-elem {z-index: 1; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 50%;} .panel.banner a.notif {position: absolute; padding: 20px 25px; background: #fff; bottom: 30px; right: 0; max-width: 375px; margin: 35px;border-radius: 4px; box-shadow: 0 0 59px -10px #afafaf; z-index: 9;} .panel.banner a.notif .top {display: flex; justify-content: space-between;} .panel.banner a.notif .title {font-weight: 700;} .panel.banner a.notif .text {color: #000; font-size: 14px; letter-spacing: .5px; line-height: 26px;} .panel.banner .follow {position: absolute; font-weight: 700; right: -25px; top: 50%; transform: rotateZ(-90deg) translateX(50%); align-items: center; width: auto; display: flex;} .panel.banner .follow a {padding: 0 6px; display: flex;} @media (max-width:1020px) { .panel.banner {height: auto;} .panel.banner .two-col {flex-direction: column;} .panel.banner .two-col .col.image-cont {align-items: flex-end; height: 60vh; padding: 0;} .panel.banner .two-col .col.image-cont .image {width: 100%; margin-right: 0; background-size: cover;} .panel.banner .two-col .col:last-child {padding: 0;} .panel.banner .two-col .col .circle {margin-left: 50%; transform: translateX(-50%); margin-top: -35vh;} .panel.banner .follow {display: none;} .panel.banner a.notif {display: none;} .panel.banner .two-col .col .circle .content {z-index: 2; max-width: 60%; padding: 15px;} .panel.banner .two-col .col .circle .content .text {line-height: 25px;} .panel.banner .two-col .col .circle .content .title {font-size: 38px; line-height: 42px;} } @media(max-width:760px) { .panel.banner .two-col .col.image-cont {height:70vh;} } /* CONTENT PANEL */ .panel.content {height: auto; padding: 80px 0 100px;position: relative;} .panel.content .two-col {display: flex; justify-content: center; align-items: end; max-width: 1100px;} .panel.content .two-col .col {width: 100%; height: 100%; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; padding: 30px;} .panel.content .two-col .col.image {padding-right: 0;} /*.panel.content .two-col .col.image .content {position:absolute; top:10%;}*/ .panel.content .two-col .col .image { height: 270px; width: 49%; position: absolute; left: 0; bottom: 135px; background-size: cover;} .panel.content .two-col .col h2 {color:var(--color-accent2);line-height: 30px; text-transform: inherit; font-weight: 800;} .panel.content .two-col .col h3 {font-weight: 700; font-size: 18px;} .panel.content .two-col .col .text {margin-top: 35px; font-size: 15px; line-height: 25px; font-weight: 500;} .panel.content.variation {height: auto; padding: 90px 0; background: #0c0c0c;} .panel.content.variation .two-col .col .image { height: 270px; width: 45%; position: absolute; right: 0; left: unset; top: 50%; transform: translateY(-50%); background-size: cover;} .panel.content.variation .two-col .col h2 {line-height: 30px; text-transform: inherit; font-weight: 800; color: #fff;} .panel.content.variation .two-col .col h3 {font-weight: 700; color:var(--color-accent2); margin-bottom: 5px;} .panel.content.variation .two-col .col .text {margin-top: 10px; font-size: 15px; line-height: 25px; font-weight: 500; color: #fff;} .panel.content .mobile {display: none !important;} @media (max-width:1020px) { .panel.content .desktop {display: none !important;} .panel.content .mobile {display: block !important;} .panel.content, .panel.content.variation {padding: 30px 0px;} .panel.content .two-col .col {padding: 30px !important;} .panel.content .buttons {flex-direction: column; display: flex; margin-top: 25px; margin: 25px auto 0;} .panel.content .buttons .btns {margin: 0 !important;} .panel.content .two-col .col h2 {line-height: 32px; font-size: 25px;} .panel.content .two-col .col .text {margin-top: 0px;} .panel.content .two-col {flex-direction: column;} .col.text.mobile {margin-bottom: -30px; height: 20vh !important; background-position: center; background-size: cover;} } /* THREE-COL PANEL */ .panel.three-col {padding: 5% 30px; position: relative;} .panel.three-col .inner {z-index: 2; position: relative;flex-direction: column;} .panel.three-col .inner h3 {font-weight: 700; padding: 30px;} .panel.three-col .content {display: flex; max-width: 90%;} .panel.three-col .content .item {padding: 30px;} .panel.three-col .content .item .text {max-width: fit-content; font-size: 15px; line-height: 26px;} .panel.three-col .content .item .title {padding: 15px 0; font-weight: 700; font-size: 17px;} .panel.three-col .bg-ring {position: absolute;height: 65vh;width: 65vh;left: -10%;top: 50%;z-index: 1;border-radius: 50%;border: 1px solid #d6d6d6;transform: translateY(-50%);} .panel.three-col .mobile {display: none !important;} @media (max-width:1020px) { .panel.three-col .desktop {display: none !important;} .panel.three-col .mobile {display: block !important;} .panel.three-col .buttons {justify-content: center;} .panel.three-col h3 {padding: 20px 0 0;} .panel.three-col .bg-ring {position: absolute; height: 55vh; width: 55vh; left: -70%; top: 70%; z-index: 1; border-radius: 50%; border: 1px solid #d6d6d6; transform: translateY(-50%);} .panel.three-col .image { display: flex; align-items: center; justify-content: center; margin-bottom: 30px;} .swiper-pagination-info {margin: 10px auto 0; display: flex; align-items: center; justify-content: center;} .swiper-pagination-bullet {width: 16px !important; height: 16px !important; margin: 0 4px; display: inline-block; border-radius: 100%; background: #000 !important; opacity: .9 !important;} .swiper-pagination-bullet-active {opacity: 1 !important; background: #d61f27 !important;} } /* MEDIA PANEL */ .panel.media {} .panel.media .inner .video-container {width: 55%;} .panel.media .inner .video-container .video {position: relative; padding-top: 56.25%; height: 0; width: 100%;} .panel.media .inner .video-container .video iframe {position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .panel.media .inner .video-container img {width: 100%; max-height: 60vh; object-fit: cover;} .panel.media .inner .content {width: 45%; height: 80vh; background:var(--color-accent2); display: flex; position: relative; z-index: 3; justify-content: flex-start; align-items: center;} .panel.media .inner .content .inner-content {max-width: 600px; padding: 0 0 0 65px;} .panel.media .inner .content .inner-content h3 {font-weight: 700;} .panel.media .inner .content .inner-content .text {color: #fff; padding-bottom: 25px;} .panel.media .inner .content .inner-content .text {color: #fff; padding-bottom: 25px;} .panel.media .inner .content .buttons a:hover {background: #fff !important; color: var(--color-main) !important;} @media (max-width:1020px) { .panel.media .inner {flex-direction: column;} .panel.media .inner .video-container {width: 100%;} .panel.media .inner .video-container img {margin-bottom: -9px;} .panel.media .inner .content {width: 100%; height: auto;} .panel.media .inner .content .inner-content {padding: 30px;} .panel.media .inner .content .inner-content .title {padding: 10px 0;} .panel.media .inner .content .inner-content h3 {padding: 0;} .panel.media .inner .content .buttons {justify-content: center;} } /* APP PANEL */ .panel.app {position: relative; padding: 5% 30px; margin-bottom: 100px;} .panel.app .inner .phone {width: 50%; position: relative; display: flex; align-items: center; justify-content: flex-end; padding-right: 8%;} .panel.app .inner .phone img {margin-right: 32px; z-index: 2; position: relative;} .panel.app .inner .phone .bg-circle {position: absolute; width: 50vh; height: 50vh; background:var(--color-accent2); border-radius: 50%; left: 40%; top: 85px; z-index: 1;} .panel.app .inner .content {width: 50%; position: relative; display: flex; align-items: center; justify-content: flex-start; padding-left: 8%;} .panel.app .inner .content .inner-content {max-width: 350px; position: relative; z-index: 3;} .panel.app .inner .content h2 {color:var(--color-accent2); text-transform: inherit; line-height: 23px; font-size: 23px;} .panel.app .inner .content .subtitle {font-weight: 700;} .panel.app .inner .content .bg-circle {height: 75vh;width: 75vh;position: absolute;border: 1px solid #d1d1d1;border-radius: 50%;left: -75px;top: 50%;transform: translateY(-50%);z-index: 2;} .panel.app .mobile {display: none !important;} @media (max-width:1100px) { .panel.app .inner .phone .bg-circle {left: 25%;} .panel.banner .two-col .col.image-cont .image {width: 100%; margin-right: 0px;} .panel.banner .two-col .col .circle .content .text {font-size: 14px;} .panel.banner .follow {display: none;} .panel.banner {margin-top: 35px !important;} } @media (max-width:1020px) { .panel.app .desktop {display: none !important;} .panel.app .mobile {display: block !important; position: relative; z-index: 9;} .panel.app .mobile a {display: block !important; } .panel.app .inner {flex-direction: column-reverse;} .panel.app .inner .content {width: 100%;} .panel.app .text {font-weight: 600;font-size: 17px;} .panel.app .inner .phone {width: auto;position: relative;display: flex;align-items: center;justify-content: flex-end;padding-right: 14%;padding: 30px 0;} .panel.app .inner .phone img {z-index: 96;} .panel.app .inner .phone .bg-circle {position: absolute;width: 50vh;height: 50vh;background:var(--color-accent2);border-radius: 50%;left: 50%;transform: translateX(-50%);top: 125px;z-index: 1;} .panel.app .inner .content .bg-circle {left: 0;top: 75%; transform: unset;} } /* SPECIFIC PANEL STYLES */ .panel.s1.banner {margin-top: 60px;} /* I AM NEW BANNER */ .imnew.banner {height: calc(100vh - 96px); position: relative;} .imnew.banner .circle {position: absolute;width: 60vh;left: 8%;height: 60vh;top: 100px;display: flex;align-items: center;justify-content: center;} .imnew.banner .circle .content {z-index: 2; max-width: 60%;} .imnew.banner .circle .content .title {text-transform: uppercase;color: #fff;font-weight: 800;font-size: 35px;letter-spacing: 1px;line-height: 40px;} .imnew.banner .circle .content .text {color: #fff;padding: 10px 0 0;font-size: 14px;font-weight: 500;line-height: 21px;} .imnew.banner .circle .content .text a {color: #fff;padding: 10px 0 0;line-height: 6px;padding-top: 0px;padding: 0px !important;} .imnew.banner .circle .content .text a:hover {color: var(--color-main) !important;} .imnew.banner .circle .circle-elem {z-index: 1; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 50%;} .imnew.banner .circle .circle-elem-ring {z-index: 1;position: absolute;width: 120%;height: 120%;top: 0;left: 20px;border-radius: 50%;border: 1px solid #fff;opacity: .5;} .imnew.banner .background {position: absolute;width: 80vw;height: 68vh;background-size: cover;left: 50%;transform: translateX(-50%) translateY(-50%);top: 50%;} .imnew.banner .video {position: absolute; right: 0; top: 50%; transform: translateY(-50%);} .imnew.banner .video .inner {background-position: center; width: 50vw;height: 58vh;background-size: cover;display: flex;flex-direction: column;align-items: center;justify-content: center;} .imnew.banner .video .inner .title {color: #fff; font-weight: 600; letter-spacing: .5px; font-size: 18px;} .imnew.banner .video .inner img {margin-bottom: 20px;} @media (max-width:1020px) { .imnew.banner {display: flex; flex-direction: column-reverse;} .imnew.banner .circle {position: relative;position: relative; transform: translateX(-50%); margin: 0; left: 50%; z-index: 1; top: -20px;} .imnew.banner .circle .content .title {font-size: 30px; line-height: 32px;} .imnew.banner .background {position: absolute; width: 100vw; height: 85vh; background-size: cover; left: 50%; transform: translateX(-50%); top: 0; z-index: 0;} .imnew.banner .video {position: relative; transform: unset; z-index: 2; margin-top: 75px;} .imnew.banner .video .inner {width: 100vw; height: auto; padding: 45px 0; margin-top: 40px;} .imnew.banner {height: auto;} } /* I AM NEW CONTENT */ .imnew.content {height: auto; padding: 80px 0 100px;position: relative;} .imnew.content .two-col {display: flex; justify-content: center; align-items: end; max-width: 1100px;} .imnew.content .two-col .col {width: 100%; height: 100%; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; padding: 30px;} .imnew.content .two-col .col.image {padding-right: 0;} .imnew.content .two-col .col .image { height: 270px; width: 49%; position: absolute; left: 0; bottom: 35%; background-size: cover;} .imnew.content .two-col .col h2 {color:var(--color-accent2);line-height: 30px; text-transform: inherit; font-weight: 800;} .imnew.content .two-col .col h3 {font-weight: 700; font-size: 18px;} .imnew.content .two-col .col .content { position: relative; z-index: 3;} .imnew.content .two-col .col .text {margin-top: 35px; font-size: 15px; line-height: 25px; font-weight: 500;} .imnew.content.variation {height: auto; padding: 90px 0; background: #0c0c0c;} .imnew.content.variation .two-col .col .image { height: 270px; width: 45%; position: absolute; right: 0; left: unset; top: 50%; transform: translateY(-50%); background-size: cover;} .imnew.content.variation .two-col .col h2 {line-height: 30px; text-transform: inherit; font-weight: 800; color: #fff;} .imnew.content.variation .two-col .col h3 {font-weight: 700; color:var(--color-accent2); margin-bottom: 5px;} .imnew.content.variation .two-col .col .text {margin-top: 10px; font-size: 15px; line-height: 25px; font-weight: 500; color: #fff;} .imnew.content .mobile {display: none !important;} @media (max-width:1020px) { .imnew.content .desktop {display: none !important;} .imnew.content .mobile {display: block !important;} .imnew.content, .imnew.content.variation {padding: 30px 0px;} .imnew.content .two-col .col {padding: 30px !important; position: relative; z-index: 2;} .imnew.content .buttons {flex-direction: column; display: flex; margin-top: 25px; margin: 25px auto 0;} .imnew.content .buttons .btns {margin: 0 !important;} .imnew.content .two-col .col h2 {line-height: 32px; font-size: 25px;} .imnew.content .two-col .col .text {margin-top: 0px;} .imnew.content .two-col {flex-direction: column;} .col.text.mobile {margin-bottom: -30px; height: 20vh !important; background-position: center; background-size: cover;} .imnew.content .mobile-image {height: 30vh; margin: 10px 0 25px; width: calc(100% + 60px); margin-left: -30px; background-size: cover;} } /* I AM NEW THREE-COL */ .imnew.three-col {padding: 5% 30px; position: relative; background: #f2f2f2; width: 100vw;} .imnew.three-col .inner {z-index: 2; position: relative;flex-direction: column;} .imnew.three-col .inner h3 {font-weight: 700; padding: 30px;} .imnew.three-col .content {display: flex; max-width: 90vw;} .imnew.three-col .content .item {padding: 30px;} .imnew.three-col .content .item .text {max-width: fit-content; font-size: 15px; line-height: 26px;} .imnew.three-col .content .item .title {padding: 15px 0; font-weight: 700; font-size: 17px; color: #000 !important;} .imnew.three-col .content .item .inner-item {display: flex; flex-direction: column; align-items: center;} .imnew.three-col .content .item .inner-item .buttons {margin-top: 0;} .imnew.three-col .bg-ring {position: absolute;height: 65vh;width: 65vh;right: -10%;top: 0;z-index: 1;border-radius: 50%;border: 1px solid #d6d6d6;transform: translateY(-70%);} .imnew.three-col .mobile {display: none !important;} @media (max-width:1020px) { .imnew.three-col .desktop {display: none !important;} .imnew.three-col .mobile {display: block !important;} .imnew.three-col .buttons {justify-content: center;} .imnew.three-col h3 {padding: 20px 0 0;} .imnew.three-col .bg-ring {position: absolute; height: 75vh; width: 75vh; right: -110%; top: -10%; z-index: 1; border-radius: 50%; border: 1px solid #d6d6d6; transform: translateY(-50%);} .imnew.three-col .image { display: flex; align-items: center; justify-content: center; margin-bottom: 30px;} .imnew.three-col .content.mobile {display: flex !important; max-width: 100vw; flex-direction: column;} .imnew.three-col .content .item {padding: 30px 0;} } /* I AM NEW STEPS */ .imnew.steps {background: #0c0c0c; color: #fff; padding: 5% 30px;} .imnew.steps .inner {flex-direction: column;} .imnew.steps .inner .title {font-weight: 700; padding: 0 0 60px;} .imnew.steps .inner .title h3 {color: #fff;} .imnew.steps .inner .items {display: flex; flex-direction: column;} .imnew.steps .inner .item {display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 40px 0;} .imnew.steps .inner .item .col {width: 50%; position: relative;} .imnew.steps .inner .item .col .image {z-index: 1;border-radius: 50%; width: 50vh; height: 50vh; position: relative; background-size: cover;} .imnew.steps .inner .item .col .circle {position: absolute; width: 60vh; height: 60vh; border: 1px solid #fff; transform: translateY(-50%); opacity: .5; top: 50%; border-radius: 50%; left: 40%; z-index: 0;} .imnew.steps .inner .item .col .btns {text-align: left; margin-left: 0;} .imnew.steps .inner .item .col .btns a {background: #fff; color: var(--color-main) !important; width: fit-content; margin: 0;} .imnew.steps .inner .item .col .btns:hover a {background:var(--color-accent1); color: #fff !important;} .imnew.steps .inner .item .col .title span {color:var(--color-accent2); font-weight: 800; font-size: 22px; margin-right: 10px;} .imnew.steps .inner .item .col .title {color: #fffff; font-weight: 700; font-size: 20px;} .imnew.steps .inner .item .col .text {font-size: 15px; letter-spacing: .5px; line-height: 24px; font-weight: 300; padding: 20px 0px 30px;} .imnew.steps .inner .item .col .content {max-width: 450px;} .imnew.steps .inner .item .col:first-child {margin-right: 50px;} .imnew.steps .inner .item .col:last-child {margin-left: 50px;} .imnew.steps .inner .item:nth-child(even) {flex-direction: row-reverse;} .imnew.steps .inner .item:nth-child(even) .col:first-child {margin-left: 50px;} .imnew.steps .inner .item:nth-child(even) .col:last-child {margin-right: 50px;} .imnew.steps .inner .item:nth-child(even) .circle {left: unset; right: 40%;} .imnew.steps video#main-video-banner {z-index: 2; height: 100% !important; width: 100% !important; position: absolute; object-fit: cover; border-radius: 50%;} .imnew.steps .screen {z-index: 3; height: 100% !important; width: 100% !important; position: absolute; object-fit: cover; border-radius: 50%;} @media (max-width:1020px) { .imnew.steps .inner .title {font-weight: 700; padding: 35px 0;} .imnew.steps .inner .items { width: 100vw; padding: 10px 45px;} .imnew.steps .inner .item {flex-direction: column !important;} .imnew.steps .inner .item .col {margin: 0 !important; width: 100%;} .imnew.steps .inner .item .col:last-child {order: 1;} .imnew.steps .inner .item .col:first-child {order: 2; position: relative; z-index: 2;} .imnew.steps .inner .item .col .image {width: unset; height: unset; padding-bottom: 100%; position: relative; left: -30%;} .imnew.steps .inner .item:nth-child(even) .col .image {left: unset; right: -30%;} .imnew.steps .inner .item .col .circle {position: absolute; width: 145vh; height: 145vh;border: 1px solid #fff; left: unset; transform: translateY(-15%); opacity: .5; top: 0%; border-radius: 50%; right: -5%; z-index: 0;} .imnew.steps .inner .item:nth-child(even) .circle {right: unset; left: -15%; transform: translateY(-15%);} .imnew.steps .inner .item .col .title {padding-bottom: 10px;} } /* KNOW GOD BANNER */ .knowgod.banner {height: calc(100vh - 96px); position: relative;} .knowgod.banner .circle {position: absolute;width: 60vh;left: 8%;height: 60vh;top: 100px;display: flex;align-items: center;justify-content: center;} .knowgod.banner .circle .content {z-index: 2; max-width: 60%;} .knowgod.banner .circle .content .title {text-transform: uppercase;color: #fff;font-weight: 800;font-size: 45px;letter-spacing: 1px;line-height: 40px;border-bottom: 1px solid rgb(255 255 255 / .3);padding-bottom: 15px;} .knowgod.banner .circle .content .text {color: #fff;padding: 10px 0 0;font-size: 18px;font-weight: 500;line-height: 25px;} .knowgod.banner .circle .content .text a {color: #fff;padding: 10px 0 0;line-height: 6px;padding-top: 0px;padding: 0px !important;} .knowgod.banner .circle .content .text a:hover {color: var(--color-main) !important;} .knowgod.banner .circle .circle-elem {z-index: 1; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 50%;} .knowgod.banner .circle .circle-elem-ring {z-index: 1;position: absolute;width: 120%;height: 120%;top: 0;left: 20px;border-radius: 50%;border: 1px solid #fff;opacity: .5;} .knowgod.banner .background {position: absolute;width: 80vw;height: 68vh;background-size: cover;left: 50%;transform: translateX(-50%);top: 112px;} .knowgod.banner .video {position: absolute; right: 0; top: 50%; transform: translateY(-50%);} .knowgod.banner .video .inner {background-position: center; width: 50vw;height: 58vh;background-size: cover;display: flex;flex-direction: column;align-items: center;justify-content: center;} .knowgod.banner .video .inner .title {color: #fff; font-weight: 600; letter-spacing: .5px; font-size: 18px;} .knowgod.banner .video .inner img {margin-bottom: 20px;} @media (max-width:1020px) { .knowgod.banner {margin-top: 20px; display: flex; flex-direction: column-reverse;} .knowgod.banner .circle {position: relative;position: relative; transform: translateX(-50%); margin: 0; left: 50%; z-index: 1; top: -20px;} .knowgod.banner .circle .content .title {font-size: 30px; line-height: 32px;} .knowgod.banner .background {position: absolute; width: 100vw; height: 85vh; background-size: cover; left: 50%; transform: translateX(-50%); top: 0; z-index: 0;} .knowgod.banner .video {position: relative; transform: unset; z-index: 2;} .knowgod.banner .video .inner {width: 100vw; height: auto; padding: 45px 0; margin-top: 40px;} .knowgod.banner {height: 100vh;} } /* KNOW GOD INFO */ .knowgod.info {background: #f2f2f2; padding: 20px 35px;} .knowgod.info .inner {display: flex; max-width: 1540px; display: flex; align-items: center; justify-content: space-between; margin: 0 auto;} .knowgod.info .inner .title {color:var(--color-accent2); font-weight: 900; font-size: 23px;} .knowgod.info .buttons {display: flex; margin-top: 15px;} @media (max-width:1020px) { .knowgod.info {padding: 40px 30px;} .knowgod.info .inner {flex-direction: column; align-items: baseline;} } /* KNOW GOD SLIDER */ .knowgod.slider .inner {flex-direction: column; padding: 20px 30px; position: relative} .knowgod.slider .slider-wrapper {z-index: 3; display: flex; max-width: 1650px; margin: 0 auto; padding: 60px; width: 80%; height: 115vh;} .knowgod.slider .slider-wrapper .menu {width: 35%; border-right: 1px solid #dcdcdc;} .knowgod.slider .slider-wrapper .tile {background-size: cover; cursor: pointer; background-position: center;box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 30%); border-bottom: 1px solid #dcdcdc; height: 33.333%; display: flex; align-items: flex-end; position: relative;} .knowgod.slider .slider-wrapper .tile:hover .screen {opacity: .45;} .knowgod.slider .slider-wrapper .tile:last-child {border: 0px solid #fff;} .knowgod.slider .slider-wrapper .tile .title {font-weight: 800; font-size: 25px; position: relative; z-index: 2; padding: 25px; color: #FFF;} .knowgod.slider .slider-wrapper .tile .screen {position: absolute; z-index: 1; width: 100%; height: 100%; background:var(--color-accent2); opacity: 0; filter: brightness(1.5); transition: all .55s ease; } .knowgod.slider .slider-wrapper .tile.active .screen {opacity: .8;} .knowgod.slider .slider-wrapper .slides {width: 65%; position: relative} .knowgod.slider .slider-wrapper .slides .slide {background-size: cover; background-position: center;box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 30%); height: 100%; background-size: cover; padding: 10px 6%; color: #fff; opacity: 0; transition: all .55s ease; position: absolute;} .knowgod.slider .slider-wrapper .slides .slide.active {opacity: 1; z-index: 9;} .knowgod.slider .slider-wrapper .slides .slide .title {font-weight: 800; font-size: 30px; padding: 30px 0 15px;} .knowgod.slider .circle {right:0;transform: translateX(20%);width: 80vh;height: 80vh;border: 1px solid #000;opacity: .2;border-radius: 50%;position: absolute;} .knowgod.slider .mobile {display: none !important;} @media (max-width:1150px) { .knowgod.slider .slider-wrapper {width: 100%; height: 85vh;} .knowgod.slider .slider-wrapper .text {font-size: 14px; line-height: 25px;} .knowgod.slider .slider-wrapper .tile .title {font-weight: 800; font-size: 20px;} .knowgod.col .inner .items {padding: 0 30px;} } @media (max-width:1020px) { .knowgod.slider .desktop {display: none !important;} .knowgod.slider .mobile {display: block !important;} .knowgod.slider {padding-top: 40px;} .knowgod.slider .inner {padding: 40px 0;} .knowgod.slider .slider-wrapper {width: 100%; height: auto; padding: 30px 0px;} .knowgod.slider .slider-wrapper .slides {width: 100%;} .knowgod.slider .slider-wrapper .tile .title {font-size: 18px;padding: 20px;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;} .knowgod.slider .slider-wrapper .tile .title img {width: 25px; padding: 5px 0; transition: all .25s ease;} .knowgod.slider .slider-wrapper .tile.active .title img {transform: rotateZ(90deg);} .knowgod.slider .slider-wrapper .slides .slide {opacity: 1;position: relative; display: none;} .knowgod.slider .slider-wrapper .slides .slide .title {font-size: 18px;padding: 5px 0 15px;} .knowgod.slider .slider-wrapper .slides .slide .inner {padding: 0; align-items: end;} .knowgod.slider .slider-wrapper .slides .slide .text {line-height: 22px;} .knowgod.slider .circle {display: none;} } /* KNOW GOD COLUMN */ .knowgod.col .inner {flex-direction: column; padding: 30px 0 60px;} .knowgod.col .inner .topbar {z-index: 1;margin-bottom: calc(-25vh);position: relative;width: 100%;display: flex;justify-content: space-between;background:var(--color-accent2);align-items: center;padding: 30px;padding-bottom: calc(25vh + 20px);} .knowgod.col .inner .topbar .content {width: 100%; display: flex; justify-content: space-between; align-items: center; max-width: 1425px; margin: 0 auto;} .knowgod.col .inner .topbar .title {color: #fff; font-weight: 700; text-transform: uppercase; font-size: 16px; padding: 20px 0;} .knowgod.col .inner .topbar .circle {left:0;transform: translateX(5%) translateY(-50%);width: 60vh;height: 60vh; top: 50%;border: 1px solid #fff;opacity: .2;border-radius: 50%;position: absolute;} .knowgod.col .inner .topbar .link a {color: #fff; font-weight: 500; font-size: 12px; letter-spacing: .5px; display: flex; align-items: center;} .knowgod.col .inner .topbar .link a:hover {opacity: .8; color: #fff !important;} .knowgod.col .inner .topbar .link a img {padding-left: 10px;} .knowgod.col .inner .items {z-index: 2;display: flex;height: calc(50vh + -10px); max-width: 1425px;} .knowgod.col .inner .items .item {display: flex; padding: 20px; transition: all .25s ease; background-size: cover;} .knowgod.col .inner .items .item:hover {box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 30%);} .knowgod.col .inner .items .item:first-child {margin-right: 45px;} .knowgod.col .inner .items .item:last-child {margin-left: 45px;} .knowgod.col .inner .items .item .title { transition: all .55s ease; color: #fff; font-weight: 800; font-size: 22px; padding-bottom: 0px;} .knowgod.col .inner .items .item .content {transition: all .55s ease;display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 30px; font-weight: 100; color: #fff;} .knowgod.col .inner .items .item .text {height: 0%; overflow: hidden; transition: all .55s ease; opacity:0;} .knowgod.col .inner .items .item:hover .text {height: fit-content; opacity: 1;} .knowgod.col .inner .items .item:hover .title {padding-bottom: 25px;} .knowgod.col .mobile {display: none !important;} @media (max-width:1020px) { .knowgod.col .desktop {display: none !important;} .knowgod.col .mobile {display: block !important;} .knowgod.col {background:var(--color-accent2);} .knowgod.col .inner .topbar {z-index: 1; margin-bottom: 0px; position: relative; width: 100%; display: flex; justify-content: center; background:var(--color-accent2); align-items: center; padding: 30px; padding-bottom: 20px; padding-top: 0px;} .knowgod.col .inner .items {z-index: 2; display: flex; height: auto; max-width: 1425px; flex-direction: column; padding: 0 30px;} .knowgod.col .inner .item {position: relative; z-index: 3;margin: 0 !important; padding: 20px 0; margin-bottom: 20px !important;} .knowgod.col .inner .items .item .text {font-size: 14px;line-height: 23px;} .knowgod.col .inner .items .item .content {padding: 20px 10px;} .knowgod.col .inner .topbar .content {justify-content: center;} .knowgod.col .inner .link a {color: #fff; font-weight: 500; flex-direction: column-reverse; justify-content: center; font-size: 12px; letter-spacing: .5px; display: flex; align-items: center;} .knowgod.col .inner .link a:hover {opacity: .8; color: #fff !important;} .knowgod.col .inner .link a img {padding-bottom: 10px; padding-top: 20px;} .knowgod.col .inner .topbar .circle {left: unset; right: 0;transform: translateX(-20%);top: -25%;} } /* KNOW GOD CIRLES */ .knowgod.circles {position: relative; padding: 5% 30px; height: 90vh} .knowgod.circles .inner .left {width: 50%; position: relative; display: flex; align-items: center; justify-content: flex-end; padding-right: 5%;} .knowgod.circles .inner .left img {margin-right: 32px; z-index: 2; position: relative;} .knowgod.circles .inner .left .bg-circle {position: absolute;width: 50vh;height: 50vh;background: inherit;border-radius: 50%;left: 40%;top: 50%;z-index: 1;transform: translateY(-50%);background-position: center;} .knowgod.circles .inner .content {width: 50%;position: relative;display: flex;align-items: center;justify-content: flex-start;padding-left: 50px;} .knowgod.circles .inner .content .inner-content {max-width: 315px; z-index: 3; position: relative;} .knowgod.circles .inner .content h2 {color:var(--color-accent2); text-transform: inherit; line-height: 23px; font-size: 23px;} .knowgod.circles .inner .content .subtitle {margin-bottom: 10px; font-weight: 700;} .knowgod.circles .inner .content .bg-circle {height: 75vh;width: 75vh;position: absolute;border: 1px solid #d1d1d1;border-radius: 50%;left: -200px;top: 50%;transform: translateY(-50%);z-index: 0;} .knowgod.circles .inner .buttons {display: flex; margin-top: 8px;} .knowgod.circles video#main-video-banner {z-index: 2; height: 100% !important; width: 100% !important; position: absolute; object-fit: cover; border-radius: 50%;} .knowgod.circles .screen {z-index: 3; height: 100% !important; width: 100% !important; position: absolute; object-fit: cover; border-radius: 50%;} .knowgod.circles .mobile {display: none !important;} @media (max-width:1150px) { .knowgod.circles .inner .left .bg-circle {left: 25%;} .knowgod.circles .inner .content {padding-left: 50px;} } @media (max-width:1020px) { .knowgod.circles {height: 85vh;} .knowgod.circles .desktop {display: none !important;} .knowgod.circles .mobile {display: block !important; position: relative; z-index: 9;} .knowgod.circles .mobile a {display: block !important; } .knowgod.circles .inner {flex-direction: column-reverse;} .knowgod.circles .inner .content {width: 100%; justify-content: center;} .knowgod.circles .text {font-weight: 600;font-size: 17px;} .knowgod.circles .inner .left {width: auto;position: relative;display: flex;align-items: center;justify-content: flex-end;padding-right: 14%;padding: 30px 0;} .knowgod.circles .inner .left .bg-circle { display: none;} .knowgod.circles .inner .content .inner-content {max-width: 315px; justify-content: center; display: flex; flex-direction: column; align-items: center; text-align: center;} .knowgod.circles .inner .content .bg-circle {height: 70vh; width: 70vh; position: absolute; border: 1px solid #d1d1d1; border-radius: 50%; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); z-index: 0;} } /* THREE-COL KNOW GOD */ .knowgod.three-col {padding: 5% 30px; position: relative; background-size: cover;} .knowgod.three-col .inner {z-index: 2; position: relative;flex-direction: column; } .knowgod.three-col .inner h3 {font-weight: 700; padding: 30px; color: #fff;} .knowgod.three-col .content {display: flex; max-width: 90%;} .knowgod.three-col .content .item {padding: 30px;} .knowgod.three-col .content .item .text {color: #fff; max-width: fit-content; font-size: 15px; line-height: 26px;} .knowgod.three-col .content .item .title {color: #fff; padding: 15px 0; font-weight: 700; font-size: 17px;} .knowgod.three-col .bg-ring {position: absolute;height: 65vh;width: 65vh;left: -10%;top: 50%;z-index: 1;border-radius: 50%;border: 1px solid #d6d6d6;transform: translateY(-50%);} .knowgod.three-col .btns a {background:var(--color-accent2) !important;} .knowgod.three-col .btns a:hover {background:var(--color-accent1) !important;} .knowgod.three-col .btns .inner-button:hover {background:var(--color-accent1);} .knowgod.three-col .btns .inner-button {transition: all .25s ease;} .knowgod.three-col .mobile {display: none !important;} @media (max-width:1150px) { .knowgod.three-col .content {display: flex; max-width: 100%;} } @media (max-width:1020px) { .knowgod.three-col .desktop {display: none !important;} .knowgod.three-col .mobile {display: block !important;} .knowgod.three-col .buttons {justify-content: end;} .knowgod.three-col h3 {padding: 20px 0 0;} .knowgod.three-col .bg-ring {position: absolute; height: 55vh; width: 55vh; left: -70%; top: 70%; z-index: 1; border-radius: 50%; border: 1px solid #d6d6d6; transform: translateY(-50%);} .knowgod.three-col .image { display: flex; align-items: center; justify-content: center; margin-bottom: 30px;} .knowgod.three-col .image img {object-fit: cover; width: 100%; height: 100%;} .knowgod.three-col .swiper-pagination-info {margin: 10px auto 0; display: flex; align-items: center; justify-content: center;} .knowgod.three-col .swiper-pagination-bullet {width: 8px !important; height: 8px !important; margin: 0 4px; display: inline-block; border-radius: 100%; background: #fff !important; opacity: .5 !important;} .knowgod.three-col .swiper-pagination-bullet-active {opacity: 1 !important; background: #fff !important;width: 11px !important; height: 11px !important;} } /* SEARCH PAGE */ .search.page {margin-top: 125px;} .panel.search-results {margin: 0 auto; display: flex; justify-content: center; text-align: center;} .search.page .title {position: relative; height: 300px; display: flex; align-items: center; justify-content: center;} .search.page .title .text {z-index: 2;color: #fff;font-weight: 700;font-size: 18px;} .search.page .title .bg-circle {position: absolute;width: 300px;height: 300px;background:var(--color-accent2);border-radius: 50%;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);z-index: 0;} .search.page .title .circle {position: absolute;width: 120%;height: 120%;border-radius: 50%;left: 50%;top: 50%;transform: translateX(-35%) translateY(-50%);z-index: 0;border: 1px solid #c5c5c5;opacity: .5;} .search.page .search-result {margin-top: 20px;padding: 30px;background: #ececec;min-width: 400px;border-radius: 6px;} .search.page .heading {font-weight: 800; font-size: 20px;} .search.page div#primary {padding-top: 55px; margin-bottom: 50px;} .search.page button.search-submit {margin: 0 auto; margin-bottom: 30px;} .search .panel .inner {padding: 0 30px;} .notfound.banner {margin-top: 65px;} .notfound .search-results {margin: 0 auto; display: flex; justify-content: center; text-align: center;} .notfound .title {position: relative; height: 300px; display: flex; align-items: center; justify-content: center;} .notfound .title .text {z-index: 2;color: #fff;font-weight: 700;font-size: 18px;} .notfound .title .bg-circle {position: absolute;width: 300px;height: 300px;background:var(--color-accent2);border-radius: 50%;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);z-index: 0;} .notfound .title .circle {position: absolute;width: 120%;height: 120%;border-radius: 50%;left: 50%;top: 50%;transform: translateX(-35%) translateY(-50%);z-index: 0;border: 1px solid #c5c5c5;opacity: .5;} .notfound .search-result {margin-top: 20px;padding: 30px;background: #ececec;min-width: 400px;border-radius: 6px;} .notfound .heading {font-weight: 800; font-size: 20px;} .notfound div#primary {padding-top: 55px; margin-bottom: 50px;} button.search-submit {margin: 0 auto !important;} .notfound {height: auto; padding: 0px 0 50px !important; position: relative; } .error404 .panel .inner {padding: 0 30px;} /* FOOTER */ .footer {width:100%; padding:10px 6% 20px; clear:both; position:relative; background:#272727; color:#fff; font-size:16px; line-height:1.2;} .footer::after {content:''; display:block; clear:both;} .footer .inner {max-width:1650px; display:flex; justify-content:space-between; align-items:flex-start;} .footer .inner .col {width: 33.333%; display: flex; flex-direction: column;} .footer .inner .col:first-child {width: 20%} .footer .inner .col .inner {flex-direction: column;} .footer .inner .col .inner .title {margin-left: 0;} .footer .inner .col .inner .btns {display: flex; margin-top: 20px; margin-left: 0;} .footer .inner .col .inner .btns a {min-width: 0px !important; margin: 0;} .footer .inner .col .inner .btns a:hover {color:var(--color-main) !important; background:#fff;} .footer .inner .col .uform {margin: 0;} .footer .logo svg {width: 200px; margin-top: 35px;} .footer .inner .title {margin-bottom: 0px; font-family: montserrat, sans-serif;font-weight: 600;text-transform: uppercase;font-size: 15px;font-weight: 400;letter-spacing: 3px;line-height: 25px;color:var(--color-accent2);margin-top: 35px;font-style: unset;letter-spacing: 1px;} .footer .copyright {width:50%; margin:0 auto 0 0;} .footer .info {width:50%; margin:0 0 0 auto; text-align:right;} .footer .links {padding-top:4px;} .footer .app {display: inline-block; margin-top: 10px; margin-right: 15px;} .footer .socials {transition: all .25s ease; margin-right: 25px; display: inline-block; width: 40px; height: 40px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #353031; font-size: 20px;} .footer .socials:hover {background:var(--color-accent1); color: #fff;} .footer .socials:hover i {color: #353031;} .footer .soc {display: flex;margin-top: 10px;align-items: center;} .footer .soc svg {width: 28px; height: 22px;} .footer .soc > * {margin-left: 0; margin-right: 10px;} .footer a {color:#fff; font-size: 14px; line-height: 14px;} .footer a:hover {color:var(--color-accent1);} .footer .mobile {display: none;} .footer .text {letter-spacing: 1px; line-height: 24px; font-size: 14px;} .footer .logo img {margin-top: 35px;width: 120px;} .footer .logo img.awaken {max-width:50px;} .footer .inner .cols .col:first-child .item:last-child {width: 110%;} .bottom-footer {background: #0e0e0e; color: #fff; display: flex; justify-content: space-between; padding: 10px 30px;} .bottom-footer .plainjoe {color: #8a8a8a; font-size: 14px; margin: 0;} .bottom-footer .plainjoe a {color: #8a8a8a;} .bottom-footer .copy {color: #d5d5d5; font-size: 14px; margin: 0;} @media (max-width:1020px) { .footer .inner {flex-wrap: wrap;} .footer .inner .col:nth-child(1) {width: 100%} .footer .inner .col:nth-child(2) {width: 50%} .footer .inner .col:nth-child(3) {width: 50%} .footer .inner .col:nth-child(4) {width: 50%} .footer .inner .col:nth-child(5) {width: 50%} .footer .inner .col .item {min-width: 210px;} .footer .inner .col .inner .title {min-width: 210px;} .footer .logo {display: flex; align-items: center; justify-content: center;} .footer .cols {width: 100%; display: flex; flex-wrap: wrap;} .footer .cols .col:nth-child(2) {flex-direction: row-reverse !important; justify-content: space-between;} .footer .cols .col:nth-child(2) .item {min-width: unset;} .footer .cols .col .item {min-width: unset;} .footer .cols .col:nth-child(1) {order: 1; width: 60% !important;} .footer .cols .col:nth-child(2) {order: 3; } .footer .cols .col:nth-child(3) {order: 2; width: 40% !important; align-items: flex-end;} .footer a {color: #fff; font-size: 12px;} .footer .text {color: #fff; font-size: 12px;} } @media (max-width:767px) { .footer .inner {display:block;} .footer .copyright, .footer .info {width:100%; margin:0 auto 15px; text-align:center;} .bottom-footer {justify-content: center; flex-direction: column; text-align: center; /*margin-bottom: 75px;*/} .bottom-footer .plainjoe {order:2;} .bottom-footer .copy {order:1;} .footer .inner {flex-wrap: nowrap;} .footer .inner .col{width: 100% !important;} } @media (max-width:750px) { .important-links {flex-direction: column;padding: 12px;align-items: center;} .important-links a {border-right: 0px solid var(--color-accent1);} .footer .mobile {display: flex; flex-direction: column;} .navigation .footer .mobile {display: flex; flex-direction: column; height: 700px; justify-content: end;} .footer .desktop {display: none;} .footer .cls-1 {display: none;} .footer .logo svg {margin-right: -100px;} .footer .socials {margin-right: 12px;} .pika-lendar {width: 257px !important;} .footer .inner .col {width: 100%;} .footer .inner .col .item {margin: 0;} .footer .inner .col .inner {flex-direction: column; margin: 0;} } /* DIVI FIXES - DIVI STYLES */ button.et-fb-button {min-width: unset !important;} .et-db button {min-width: unset !important;} .et-db .et_pb_image_wrap img {object-fit: cover;} .et-db #et-boc .et-l .et_pb_contact_form_0.et_pb_contact_form_container.et_pb_contact_form_container .et_contact_bottom_container .et_pb_contact_submit.et_pb_button {background:var(--color-accent2) !important; margin-top: 15px !important;} @media (max-width:1020px) { .et_pb_row {padding: 0 30px !important; width: 100% !important;} .custom-multicol .et_pb_column:first-child {display: none !important;} .et_pb_section_0.et_pb_with_background .et_pb_text {padding-top: 60px !important;} } .media-modal.wp-core-ui button {color: #000 !important; font-family: unset; text-transform: inherit;} .gm-style-mtc button {display: none !important;} .mppw-btn {text-transform: uppercase !important;font-size: 13px !important;padding: 14px 25px !important;} .mppw-right .mppw-btn {padding: 5px 15px !important; font-size: 10px !important;} #homegroups {padding: 30px !important;} @media (max-width:1020px) { #homegroups {padding: 30px 0px !important;} } .map {margin-bottom: 65px !important;} .gm-style-iw.gm-style-iw-c {background: #fff !important; padding: 15px !important; overflow: hidden;} .et-db #et-boc .et-l .et_pb_module a {color:var(--color-accent1); margin-top: 5px !important;} .gm-style-iw-d {overflow: hidden !important;} .gm-style div[role="button"] {background: url(/wp-content/uploads/2022/09/map-pin.png) !important; background-size: contain !important; background-repeat: no-repeat !important;} .gm-style div[role="button"] img {opacity: 0 !important; width: 35px !important;} .gm-style img[src="/wp-content/themes/cclv2020/images/wrc-map-pin.png"] {opacity: 0 !important;} @media only screen and (max-width: 768px) .mppw-card--grid { grid-template-columns: 100% !important; } .et_divi_builder #et_builder_outer_content .ds_timeline_item_button { display: inline-block; background-color: #ea4b21!important; color: #ffffff !important; } @media screen and (max-width: 980px) { .reverse { display: flex; flex-direction: column-reverse; } } @media (max-width: 767px) { #container.mobile .mobile-menu { top: 80px !important; } } @media (max-width: 767px) { /* When the page is scrolled, adjust the mobile menu's top margin */ #container.headroom--not-top .mobile.navigation { margin-top: 70px !important; } } /* Add a smooth transition effect to the wrapper */ .navigation .top-bar-wrapper { transition: max-height 0.3s ease-out, opacity 0.3s ease-out; max-height: 50px; /* Set an initial max-height for the transition to work */ overflow: hidden; } /* When the user scrolls down, hide the wrapper */ #container.headroom--not-top .top-bar-wrapper { max-height: 0; opacity: 0; } @media (min-width: 768px) { /* Correct the initial vertical position of the desktop dropdown menu */ .navigation .navigation-items > ul > li > ul { top: 135px; } }