:root {
    --white: #fff;
    --light: #F6F8FA;
    --light2: #9AAAC6;
    --dark: #2B3649;
    --financeit-dark: #212533;
    --secondary-blue: #576C90;
    --financeit-blue: #006be3;
    --financeit-green: #00C389;
    --light-blue: #2D64BF;
    --accent: #FF6B02;
    --accent-blue: #213C69;
    --light-grey: #DEDEDE;
    --links: #986D2C;
    --radius: 2px;
    --container: 160rem;
    --container-sm: 120rem;
    --container-l: 230rem;
    --hero-h: 70rem;
    --fz: 2rem;
    --fz-l: 2.5rem;
    --fz-m: 1.8rem;
    --fz-sm: 1.5rem;
    --h1: 6.8rem;
    --h2: 4.8rem;
    --h3: 3.2rem;
    --h4: 2.3rem;
    --h5: 2rem;
}

@media (max-width: 769px) {
    :root {
        --h1: 4rem;
        --h2: 3.5rem;
        --h3: 2.5rem;
        --h4: 2.25rem;
        --h5: 2rem;
        --fz-l: 2rem;
    }
}

* {
    box-sizing: border-box;
}

html {
    font-size: 0.53vw;
}

@media (min-width: 1500px) {
    html {
        font-size: 8.3px;
    }
}

body {
    font-family: 'Montserrat', sans-serif;
    color: var(--dark);
    line-height: 1.4;
    margin: auto;
    font-size: var(--fz);
}

img {
    max-width: 100%;
    height: auto;
    width: 100%;
    display: block;
}

.imgs > img {
    padding-top: 2%;
}

h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4,
.h5,
.subtitle {
    font-weight: 700;
    line-height: 1.1;
}

h1,
.h1 {
    font-size: var(--h1);
}

h2,
.h2 {
    font-size: var(--h2);
    margin-bottom: 1em;
    margin-top: 1em;
}

h3,
.h3 {
    font-size: var(--h3);
    margin: .5em 0;
}

h4,
.h4 {
    font-size: var(--h4);
    margin: .5em 0;
}

.section-title {
    font-size: var(--h2);
    font-weight: 700;
    line-height: 1;
}

.text-shadow {
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}

.overflow-visible {
    overflow: visible;
}

.hero .title {
    margin-top: 0;
    margin-bottom: .25em;
}

.pretitle {
    font-size: var(--fz-l);
    font-weight: 600;
}

.hero .subtitle,
.hero_inner_page .subtitle {
    font-size: var(--h3);
    line-height: 1.4;
}

.bin-svg {
    margin-top: 0;
    margin-bottom: -8%;
    width: 100%;
    height: auto;
}

section {
    position: relative;
    overflow: hidden;
}

.content_with_sidebar {
    overflow: visible;
    /* has sticky element */
}

.color-light {
    color: var(--white);
}

.m-0 {
    margin: 0;
}

.mt-0 {
    margin-top: 0;
}

.mt-2 {
    margin-top: 2rem;
}

.mb-2 {
    margin-bottom: 2rem;
}

.mt-4 {
    margin-top: 4rem;
}

.mb-4 {
    margin-bottom: 4rem;
}

.mt-8 {
    margin-top: 7rem;
}

.mb-8 {
    margin-bottom: 7rem;
}

.my-8 {
    margin-top: 7rem;
    margin-bottom: 7rem;
}

.pt-4 {
    padding-top: 4rem;
}

.pb-4 {
    padding-bottom: 4rem;
}

.pt-8 {
    padding-top: 7rem;
}

.pb-8 {
    padding-bottom: 7rem;
}

.pb-15 {
    padding-bottom: 15rem;
}

.py-5,
.row-py-5 .row {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.my-5,
.row-my-5 {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.row-my-8 {
    margin-top: 7rem;
    margin-bottom: 7rem;
}

.row-py-8 {
    padding-top: 7rem;
    padding-bottom: 7rem;
}

.py-10 {
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.row-pb-8 {
    padding-bottom: 7rem;
}

.row-mt-8 {
    margin-top: 7rem;
}

svg {
    display: block;
}

a {
    color: var(--accent);
    text-decoration: none;
    transition: opacity .2s;
}
a.text-light{
    color: var(--white);
}

p {
    margin: 0 0 2rem 0;
}

a:hover,
.button:hover {
    opacity: .8;
}

ul {
    padding: 0;
    margin: 0;
}

.d-flex {
    display: flex;
    gap: 2%;
}

.d-flex .h-left {
    flex: 1.5;
}

.d-flex .h-right {
    flex: 1;
}

.d-flex .h-right>* {
    width: 100%;
}

.container {
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    z-index: 1;
    width: var(--container);
}
.container-wide {
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    z-index: 1;
    width: var(--container-l);
}
.container.fullwidth {
    max-width: 100%;
    position: relative;
    width: 100%;
}

.container.small {
    width: var(--container-sm);
}

.row {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 4rem;
    flex: 1;
}

.row.swap-columns .col {
    order: 0;
}

.row.swap-columns .col:first-child {
    order: 2;
}

.col {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    justify-content: center;
    min-width: 31rem;
    width: 100%;
}

.row3col .col {
    min-width: 30rem;
    gap: 3rem;
}

.row4col .col {
    min-width: 30rem;
    gap: 3rem;
}

.col.sidebar {
    position: relative;
    justify-content: start;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
}

.col-j-start {
    justify-content: start;
}

.admin-bar .sticky {
    top: 34px;
}
.eavestrough-types .col-4{
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    padding: 2rem;
    text-align: left;
    background: #fff;
}
.eavestrough-types .col-4 h3{
    font-size: 2.9rem;
}
.eavestrough-types .col-4 > div{
    display: flex;
    margin: 10px 0 0;
    text-align: left;
    gap: 6px;
}
.eavestrough-types .col-4 p{
    margin: 0;
}
.eavestrough-types .col-4 img.icon{
    width: 90px;
    height: 72px;
    display: inline;
}
.cols-4{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.cols-4 > .col-4{
    flex-basis: 24%;
}
.grecaptcha-badge{
    display:none;
}
.grow-0 {
    flex-grow: 0;
}
.grow-1_3{
    flex-grow: 1.3;
}
.grow-1 {
    flex-grow: 1;
}
.grow-3 {
    flex-grow: 3;
}
.grow-4 {
    flex-grow: 4;
}

@media (max-width: 1252px) {
    .eavestrough-types .col-4 img.icon{
        display: none;
    }
}
@media (max-width: 769px) {
    .cols-4{
        flex-wrap: wrap;
    }
    .eavestrough-types .col-4 h3 {
        font-size: 1.9rem;
    }
    .cols-4 > .col-4{
        flex-basis: 49%;
        margin-bottom: 1rem;
    }
    .eavestrough-types .col-4 > div{
        flex-direction: column;
        text-align: center;
    }
    .eavestrough-types .col-4 img.icon{
        margin: 0 auto;
    }
}
@media (min-width: 769px) {
    .grow-05 {
        flex: .5;
    }
}

.align-normal {
    align-self: normal;
}

.form {
    /*background-image: linear-gradient(180deg, #576C90 0%, #485977 100%);*/
    background-image: linear-gradient(188deg, #576C90 2%, #2B3649 0%, #2B3649 20%, #576C90 20%, #485977 100%);
}

.row-bg-dark .row {
    background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAUEBAQEAwUEBAQGBQUGCA0ICAcHCBALDAkNExAUExIQEhIUFx0ZFBYcFhISGiMaHB4fISEhFBkkJyQgJh0gISD/2wBDAQUGBggHCA8ICA8gFRIVICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICD/wgARCAEsAKwDAREAAhEBAxEB/8QAGQABAQEBAQEAAAAAAAAAAAAAAAECAwQG/8QAFwEBAQEBAAAAAAAAAAAAAAAAAAECBf/aAAwDAQACEAMQAAAA+V7nMVQDANgFjnQHQpTJkAFM1YoMg0ZNG83NcrNHUyUyZANEhUTSgQltk6SoHKzdADAANmNW5EiVaQlupNyoFtzcRRDIBopi0IJQCW9cAB205JgGACmgZWA0gGa3LrIDemyJwIZANlBkyopUEPQvLKiu1AYTmkUCkKcwopUHReq88zJut0AOCQAAplYQFNHcpI5R20AAwckAApzKRRTubAJFoCAHJMgFBzqklGzsaAAAMgEOSACmQRI16CmgAAQgAOaZAKcwVNr3UAAAAADJxQAQhTuugAAAAAAc05gEjNdl6gAAAAAAA4JAZJHVQOhqhDAAAANGjKciEOqzKAp10AwZAABToAcSJD0Lk55AdNNAHIAAGzQBk4p1XRI5EBqugBAAAWAoYKkMAhghTZQCkAKCmSGT05sTnUocwQ0bBSAAAAwbXoXMlc6EOYOoKQAAAEMndYbzBzrNU5FNgpAAUAhg6LoprMErlVMgoAKQAAyDqtOhnMAxWagAAAKQEMnVabNGcwYXdcrIAAAACmQdFp0BnMwuV6M5rFUgBSAAGDqtNmgYzOaw2bs5VAAAAAbNqNAHLMwop0QctAAANEKvYAAGMzkoG02c9MgAApDquwAAZzMGFoOqSuVAAAU6yqApQZzIc1gNpuudZBSAwbjUqgB2oZzBgysKdEHLQAQyvXIAAdK1WcwQwsBpNmNMAGY6KgAAWutZzAUEAEOdSh0XoAAAAZzAAAAM1zrR2UAAAAZzISgipVAhjTZtQAhQUgc8wY1QNZlBSa0TQAALCkAf/8QAJhAAAgIBBAICAgMBAAAAAAAAAAECERAgIUFREjEDMCJhQEKBcf/aAAgBAQABPwCNrk8n2Jvs8n2W6ZvuK+xN9lvsuQkO02jj2f6RtcliLY3e4n+y2WXawnQ/REaoSpG2ErxJbYguRZloSLLrG7VFM/qy8LRJb0RvxFqWV+zsRdFWqsrEVoULTFzl6Fqp6EqVaEqVE41vm/eY7vFF49iR2JWrso+Nf2fGiC5w1aaOxlPK2Ny2NIQ8UsJWKFQ8dCVKszXIxFYQikVleyhLZnxR38sTW94gudLVSoemkO+yl3lURXk6EqVYatPCVKtM42rFlc4t44NhoR8apaK3vXJUytNFZgrl9klaysWxkf0d4gqVfbJZorPB8ULdsoorVRRRRQ1aaK94rDrCVkUkq++a2vRujs+JbX/A4Y403o8XIWYO1l/TFUsTVrNnxr8bY1TeYunokudaVvRKNSZSPjhbETW2iDtZavXFaJJSWIVBU2eUezzj2NpXueS7POPZH5IpnnHs84nnEuHZcC4FwPwLgKcTzR5R7PNURnFcjp7pklteZYWIu1hZW1m5u0LG9G4xJshSjhqnhDTWxvWIJ23ii83hYs2rEEveZLbCJJuOUqjq2FofQlbK0SVYf/SSpkFnh42wjYXIy6TxBUsJXlq0V7NyUdhbHH0LDZFW8IWa2JLn6qEehsS9kVSxBc4rEW7dn60rVTEux0QW+EViib4F+hUyaVWUcaqzVJ4SpYgudDdiIPjD2+p0yEFVngjwQszutCexJWs7HZsKrxtRsRVsWp7p6IPDSvHGllEI19ExCEJ2hq9PrDexF2zzR5o80eaE70MoRRB8YkuRY9RxRLoiqVaU6YtE+zbCFuNJplVoeyIK3euD2rQ90yuKx/jIXeJLnRJNsSaVUU+in0U+in0U+in0RtP1itK50O1tn417b/g3tiStG4luV9bdHkjyR5I/efWJI+PZX9dsfosvYsi9i2W8WyrFq4LLLLP/xAAUEQEAAAAAAAAAAAAAAAAAAACQ/9oACAECAQE/AFE//8QAFBEBAAAAAAAAAAAAAAAAAAAAkP/aAAgBAwEBPwBRP//Z');
}
/* header grid experiment */
.header-grid{
    display: grid;
    grid-template-columns: calc(276px + 5vw) 1fr;
    grid-template-rows: 1fr 2fr;
    gap: 0;
    align-items: center;
}
.header-item:nth-child(odd){
    padding-left: 5vw;
}
.header-item:nth-child(even){
    padding-right: 5vw;
    justify-content: end;
}
.header-grid .header-item{
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
}

#header-top, .header-top {
    background: var(--light);
    -webkit-transition: background-color 200ms ease;
    -ms-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    text-transform: uppercase;
    max-height: 16.76px;
    max-height: fit-content;
    font-size: 13px;
    max-height: 34px;
    height: 43px; /* TEMP */
    align-content: center;
}
#header-top.scroll{
    background: var(--secondary-blue);
    color: var(--white);
}
#header-top.scroll .call-button{
    background: transparent;
}

#header-top .row {
    gap: 1rem;
    max-height: 34px;
    align-content: center;
}

#header-top .col {
    gap: 1rem;
    min-width: unset;
}
.col.stars{
    min-width: fit-content;
}
.col.call {
    min-width: fit-content;
    flex: 0;
}

.stars svg {
    width: 80px;
    height: 24px;
    margin: auto 5px auto 0; /* TEMP*/ 
    width: max(5.5vw, 62px );
    max-width: 80px;
}

.box-shadow {
    box-shadow: 3px 6px 12px 0px #00000015;
}

.sub-menu {
    box-shadow: 0px 1px 5px -5px var(--dark);
}

.header {
    position: sticky;
    top: 0;
    z-index: 16;
    background: var(--white);
    border-bottom: 4px solid var(--accent);
}

.admin-bar .header {
    top: 32px;
}

.logo svg {
    padding: .5rem 0;
    width: 250px;
    height: auto;
    max-width: 76vw;
}

.call-button {
    padding: .5rem 1rem;
    color: var(--white);
    font-size: var(--fz);
    background: var( --accent);
    display: flex;
    min-width: 22rem;
    text-decoration: none;
    justify-content: center;
    align-items: center;
}

.call-button svg {
    min-width: 1.2em;
    min-height: 1.2em;
    width: 1.2em;
    height: 1.2em;
    margin: .2em;
}

@media (max-width: 767px) {
    .row3col .col,
    .row4col .col {
        gap: 1rem;
    }
}

@media (max-width: 768px) {
    .header .row {
        gap: 0;
    }
    .header .col {
        min-width: 40%;
        z-index: 10;
        gap: 0;
    }
    .call a {
        min-width: 3rem;
        justify-content: center;
    }
    .phone-text {
        display: none;
    }
}

.burger {
    position: relative;
    width: 36px;
    height: 33px;
    display: block;
    margin: 8px auto;
}
.burger span {
    position: absolute;
    right: 0;
    width: 100%;
    height: 3px;
    background-color: var(--secondary-blue);
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    border-radius: 3px;
}

.burger span:first-child {
    top: 5px;
    width: 80%;
}

.burger span:last-child {
    top: 24px;
    width: 61%;
}

.burger span:nth-child(2),
.burger span:nth-child(3) {
    top: 50%;
    margin-top: -2px;
    margin-left: auto;
}

.mobile-menu-open button .burger span {
    background: var(--white);
}

.mobile-menu-open button .burger span:first-child,
.mobile-menu-open button .burger span:last-child {
    opacity: 0;
}

.mobile-menu-open button .burger span:first-child {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.mobile-menu-open button .burger span:last-child {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.mobile-menu-open button .burger span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mobile-menu-open button .burger span:nth-child(3) {
    -webkit-transform: rotate(135deg);
    --ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
#menu-toggle {
    cursor: pointer;
    background: #ffffff00;
    outline: none;
    border: none;
    border-radius: var(--radius);
    display: flex;
    border-radius: 0;
    height: 100%;
    padding: 0;
    margin-left: auto;
    justify-content: center;
    flex-direction: column;
}

.menu {
    list-style: none;
    display: flex;
    justify-content: end;
    height: 100%;
}

#menu {
    display: flex;
    align-items: flex-start;
    flex: 1;
    justify-content: end;
}

#top-nav {
    flex-direction: row;
    z-index: 9;
}

@media (min-width: 768px) {
    #top-nav {
        position: relative;
    }
}

#top-nav a:hover,
#top-nav a:hover svg,
#top-nav .current-menu-item a,
#top-nav .current-menu-item a svg {
    color: var(--accent);
}

#top-nav .menu>.menu-item,
.locations-cloud .menu>.menu-item {
    align-items: stretch;
    display: flex;
}

#top-nav .menu>.menu-item>a,
.locations-cloud .menu>.menu-item>a {
    cursor: pointer;
    margin: auto 0rem;
    display: block;
    padding: .5em 2rem;
    text-transform: uppercase;
    color: inherit;
    font-size: var(--fz);
    font-weight: 500;
}

#top-nav .menu>.menu-item-has-children a {
    margin-right: 0;
    padding-right: 0;
}

#top-nav .menu>.menu-item-has-children>svg {
    margin: auto .25em;
    transition: transform .2s ease;
}

#top-nav .menu>.menu-item-has-children.on-hover>a {
    color: var(--accent);
}

#top-nav .menu>.menu-item-has-children.on-hover>svg {
    transform: rotate(180deg);
}

#top-nav .menu .sub-menu {
    display: flex;
    position: absolute;
    top: 100%;
    list-style: none;
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s ease;
    background: var(--white);
    padding: 5rem 6rem;
    width: 100%;
    left: 0;
    background-image: url('/wp-content/themes/dangelo/img/HousesBG.svg');
    background-repeat: repeat-x;
    background-size: 600px;
    background-position-x: left;
    padding-bottom: 12%;
    background-position-y: bottom;
}

#top-nav .menu-item-has-children.on-hover .sub-menu {
    visibility: visible;
    opacity: 1;
}

#top-nav .sub-menu .menu-item a {
    display: flex;
    padding: 1rem;
    font-weight: 500;
    font-size: 1.8rem;
}

#top-nav .sub-menu .menu-item svg {
    display: inline-block;
    width: 6rem;
    min-width: 6rem;
    height: 6rem;
}


/* Grid Submenu */

#top-nav .grid-submenu {
    --first-col: 30%;
}

#top-nav .grid-submenu .sub-menu {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr var(--first-col);
    grid-auto-flow: column;
    background-color: #ffffff00;
}

#top-nav .grid-submenu .sub-menu:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(270deg, var(--light) 32%, var(--white) 32%);
    position: absolute;
    z-index: -1;
}

#top-nav .grid-submenu .menu-item a {
    align-items: start;
    text-align: left;
    overflow: hidden;
}

#top-nav .grid-submenu .grid-row {
    grid-column-start: 4;
    width: 100%;
    position: relative;
    align-self: end;
    padding-left: 2rem;
}

#top-nav .grid-submenu .grid-col {
    grid-row-start: 1;
    width: 100%;
    grid-row-end: 5;
}

.menu-item-description {
    margin: 0;
    text-transform: initial;
    color: var(--dark);
    font-weight: 400;
    margin-top: .5rem;
    margin-bottom: 1rem;
}


/* sub-menu icons */

ul.sub-menu {
    flex-wrap: wrap;
}

ul.sub-menu .menu-item {
    width: 25%;
}

.col-3-inline ul.sub-menu .menu-item {
    width: 33.33%;
}

#top-nav .align-top .sub-menu .menu-item a {
    align-items: start;
}

#top-nav .align-top .sub-menu .menu-item a svg {
    margin-top: -.6rem;
}

.col-3-inline ul.sub-menu .menu-item a {
    flex-direction: row;
    align-items: center;
}

.col-3-inline ul.sub-menu .menu-item a svg {
    margin-right: 1.5rem;
}

ul.sub-menu .menu-item a {
    flex-direction: column;
    text-transform: uppercase;
}

ul.sub-menu .menu-item a {
    color: var(--dark);
}

ul.sub-menu .menu-item a svg {
    width: 60px;
    height: 60px;
    color: var(--secondary-blue);
    fill:  var(--secondary-blue);
}

#menu-form .row {
    row-gap: unset;
    column-gap: 1rem;
}

#menu-form .submit-wrap {
    margin: 0;
}

#menu-form .button {
    padding: 1.25rem 1.5rem;
    font-weight: 400;
    font-size: 1.8rem;
}

#top-nav .col {
    min-width: 15rem;
}

#top-nav .menu>.menu-item.menu-call-link {
    display: none;
}

.mobile-floating-buttons svg {
    width: 1.4em;
    height: 1.4em;
    margin-right: .25em;
}

.mobile-floating-buttons a.open-quote-form svg {
    width: 2em;
    height: 2em;
}

.mobile-floating-buttons a {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem 1rem;
    color: var(--white);
    font-weight: 600;
}

#top-nav .mobile-floating-buttons a:hover,
#top-nav .mobile-floating-buttons a:hover svg {
    color: var(--white);
}

.mobile-floating-buttons #mobile-call {
    background: var(--dark);
}

.mobile-floating-buttons a.open-quote-form {
    background: var(--accent);
}

.menu-button-container {
    margin-left: auto;
    z-index: 1;
    overflow: hidden;
    min-width: calc(1rem + 40px);
    display: none;
}

.hero {
    background-size: cover;
    background-color: #5884ae;
    background-position: center center;
}

.hero .headings {
    color: var(--white);
}

.hero .row {
    min-height: var(--hero-h);
    gap: 5%;
}

.hero .row .headings {
    padding: 4vw 0 16vw 0;
    min-height: min(40vw, 1000px);
}

@media (max-width: 769px) {
    .hero .row .headings {
        padding: 3rem 0rem;
    }

}

.video-bg {
    /*width: 100%;*/
    width: 118%;
    height: 100%;
    background: #ffffff00;
    position: absolute;
    top: 0;
    left: 0;
}

.video-bg-wide .video-bg>div {
    height: 100%;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bg-dark {
    background: var(--secondary-blue);
}

.bg-light,
.bg-light-container .container {
    background: var(--light);
}


/* crutch... */

.bg-light-for-top-divider {
    background-image: linear-gradient(180deg, #ffffff00 0%, #ffffff00 50%, var(--light) 50%, var(--light) 100%);
}

.bg-light-to-white {
    background-image: linear-gradient(180deg, var(--light) 0%, var(--light) calc(50% - 2px), var(--light-grey) 50%, var(--white) 50%, var(--white) 100%);
}

.bg-white-to-light {
    background-image: linear-gradient(180deg, var(--white) 0%, var(--white) 34%, var(--light-grey) 34%, var(--light) 34%, var(--light) 100%);
}

@media (max-width: 769px) {
    .bg-white-to-light {
        background-image: linear-gradient(180deg, var(--light) 0%, var(--light) 100%);
    }
}

#pre-header {
    display: flex;
    height: 0;
    min-height: 0;
    transition: min-height .2s ease-in-out;
    overflow: hidden;
}

#pre-header.open {
    min-height: 4rem;
}

#pre-header .col.call {
    /*display: none;*/
}
#pre-header .col .button{
    background: transparent;
    color: white;
    padding: 0;
    font-weight: 500;
}

#pre-header .call-link {
    display: flex;
    align-items: center;
    color: inherit;
    font-size: 2.5rem;
    font-weight: 500;
    padding: 0 .25rem
}

#pre-header .call-link svg {
    width: 1em;
    height: 1em;
    margin-right: .25em;
}

#top-nav #menu-form,
#menu-form #mobile-form-close,
#menu-form .mobile-form-title {
    display: none;
}

#top-nav.open #menu-form {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.top-banner {
    min-height: 3rem;
    flex-direction: row;
    margin: auto 5px auto 0;
    display: flex;
    align-items: center;
}
.top-banner.left{
    justify-content: flex-start;
}
.top-banner.right{
    justify-content: space-between;
    flex-grow: 2.8;
}
.top-banner .header-promo{
    display: flex;  
    flex-grow: 1;  
}
#header-top .header-promo-left,#header-top.scroll .header-promo-right{
    opacity: 0;
}
#header-top.scroll .header-promo-left,#header-top .header-promo-right{
    opacity: 1;
}
#header-top .header-promo-right{
    display: flex;
    align-items: center;
}
.top-banner-text {
    text-transform: uppercase;
    line-height: 1.5em;
    font-size: var(--fz-m);
    font-weight: 500;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.hero.has-bottom-divider {
    padding-bottom: 0;
}

.hero.has-bottom-divider .row .col:last-of-type {
    padding-bottom: 12%;
}




/* desktop form */

#top-nav #menu-form.open {
    position: fixed;
    left: 101%;
    top: -1px;
    width: 100vw;
    padding: 12rem 2rem;
    bottom: -1px;
    background: #2B3649BD;
    z-index: 2;
    backdrop-filter: blur(3px);
}
#menu-form.open #header-form{
    max-width: 386px;
}
#menu-form.open .fieldset{
    flex-direction: column;
    gap: 3px;
}
#menu-form.open .form-wrap{
    flex-direction: column;
}
#menu-form.open .wpcf7-form input[type="text"]{
    padding-right: 29px;
}
#menu-form.open .mobile-form-title {
    display: block;
    text-align: center;
    margin-bottom: 2rem;
    font-size: 2.5rem;
    font-weight: 500;
}

#top-nav.open #menu-form.open,
#top-nav #menu-form.open {
    left: 0;
    display: flex;
}

#menu-form.open .wpcf7 {
    margin: auto;
    background: #fff;
    padding: 5rem 5rem;
    border-radius: 2px;
}

#menu-form.open .row {
    column-gap: 0;
    flex-direction: column;
    row-gap: 2rem;
}

#menu-form.open #mobile-form-close {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: var(--dark);
    width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 50%;
    z-index: 11;
    text-align: center;
    line-height: 24px;
}


/* end */

.hero-bottom {
    display: flex;
    margin: 1rem 0 2rem;
}

.hero-bottom>.hero-bottom-img {
    flex: 1;
    padding-bottom: 10%;
}

.hero .form {
    padding: 4rem;
    width: 100%;
}

.subtitle ul {
    list-style: none;
    margin: 1em 0;
}

.contact-form-title,
.contact-form-subtitle {
    color: var(--white);
    text-align: center;
    line-height: 1;
    font-weight: 700;
}

.color-accent {
    color: var(--accent);
}

.color-secondary-blue {
    color: var(--secondary-blue);
}

.contact-form-title {
    text-transform: uppercase;
    font-size: var(--h2);
    margin-bottom: .25em;
}

.contact-form-subtitle {
    font-size: var(--h4);
    margin-bottom: 1em;
}

.subtitle li {
    font-size: var(--fz-l);
    margin-bottom: 1em;
    padding-left: 1.5em;
}

.subtitle li svg {
    position: absolute;
    left: .1em;
}

.subtitle li:last-child {
    margin-bottom: 0;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1e283280;
}

.overlay-dark .overlay {
    /* background: #ffffff00; */
    background-image: linear-gradient(270deg, rgba(32, 40, 54, 0.03) 3.15%, rgba(43, 54, 73, 0.15) 22.32%, rgba(34, 43, 58, 0.58) 70.47%);
}

.button {
    padding: 1.5rem 4rem;
    text-transform: uppercase;
    border-radius: var(--radius);
    border: none;
    outline: none;
    background: var( --accent);
    color: var( --white);
    font-weight: 700;
    cursor: pointer;
    transition: opacity .2s;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 30rem;
    margin: auto;
    text-align: center;
}

.button.light {
    background: var(--light);
    color: var(--dark);
}

.button svg {
    display: block;
    margin-right: .7em;
    max-height: 1em;
    max-width: 1em;
    transform: scale(1.3);
}

.button+.button {
    margin-top: 1em;
}

.divider-shape {
    overflow: hidden;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    line-height: 0;
    direction: ltr;
    z-index: 1;
}

.divider-shape svg {
    width: calc(100% + 1.3px);
}

.col h2:first-child {
    margin-top: 0;
}

h1 svg,
h2 svg {
    margin-bottom: .2em;
}

h2.right {
    text-align: right;
}

h2.right svg {
    margin-left: auto;
}

.small {
    font-size: .8em;
}

@media (min-width: 769px) {
    .narrow-col .col:first-child {
        flex: 0.8;
    }
    .narrow-col-one-third .col:first-child {
        flex: .5;
    }
}

.centered {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.title-left .section-title {
    text-align: left;
    margin-left: 0;
}


/* end critical css */

.cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.cards.cards-5 .card {
    min-width: 22rem;
    border: none;
}

.number_cards .cards {
    justify-content: space-around;
    padding: 20px;
}

.shadow-card .cards {
    box-shadow: 0px 4px 19px 0px #A2B3BB;
}

.card {
    flex: 1;
    min-width: 28rem;
    text-align: center;
    display: flex;
    padding: 2rem;
    flex-direction: column;
}

.image_cards .card {
    padding: 0;
}

.cta_and_links .card {
    padding: 0;
}

.card-title {
    font-size: var(--h4);
    font-weight: 700;
    line-height: 1.1;
}



.card-title svg {
    margin: auto;
    width: 9rem;
    height: 9rem;
    margin-bottom: 1rem;
}

.card-subtitle {
    font-size: var(--h5);
    font-weight: 700;
    margin-top: .5rem;
    max-width: 18rem;
    margin: auto;
}

.card-description {
    margin-top: 1rem;
}

.locations .card-description {
    max-width: 250px;
    margin: 1rem auto 1rem;
}

.locations .card-description div {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    margin-top: 1rem;
}

.locations .card-description svg {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 0.5em;
    stroke-width: 1.5px;
}

.number_cards .card-title {
    font-size: 4em;
}

.image_cards .card-content {
    margin: -15% 5% 15px;
    padding: 20px;
    color: var(--dark);
    background-color: var(--white);
    transition: color .2s ease, background-color .2s ease, border-color .2s;
    flex: 1;
    box-shadow: 0px 4px 15px 0px rgba(199, 211, 217, 0.50);
}

.image_cards a:hover {
    opacity: 1;
}

.image_cards a:hover .card-content {
    background-color: var(--secondary-blue);
    color: var(--white);
    border-color: var(--secondary-blue);
}

.card-img-wrap {
    padding-bottom: 50%;
    overflow: hidden;
    position: relative;
    z-index: -1;
}

.card-img-wrap img {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.card-img-wrap:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1e2832a3;
    opacity: 0.3;
}

.no-card-overlay .card-img-wrap:after {
    background: #ffffff00;
}

.has-bottom-divider {
    padding-bottom: 15%;
}

.divider-light-bg:before {
    background: var(--light);
}

.divider-white-bg:before {
    background: var(--white);
}

.light-grad-bg {
    background-image: linear-gradient(0deg, white, var(--light));
}

.cta-wrap {
    background: var(--dark);
    padding: 5rem 5rem;
    color: #fff;
    text-align: center;
    font-weight: 700;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cta-wrap .button {
    max-width: 30rem;
    margin: 3rem auto 0;
    width: 100%;
}

.cta-wrap .pretitle {
    font-size: var(--h3);
    text-transform: uppercase;
    line-height: 1;
}

.cta-wrap .title {
    font-size: var(--h1);
    line-height: 1.2;
    font-weight: 700;
    margin: 1rem;
}

.cta-wrap .subtitle {
    line-height: 1.4;
    margin: 5px auto;
}

.inline.card {
    color: var(--dark);
    flex-direction: column;
    width: 100%;
    background: var(--white);
    transition: color .2s ease, background-color .2s ease, border-color .2s;
}

.border {
    border: 1px solid var(--light-grey);
}

.inline.card .card-title {
    display: flex;
    align-items: center;
    text-align: left;
    padding: 10px;
    width: 100%;
    font-size: var(--h4);
    box-shadow: 0px 4px 15px 0px rgba(199, 211, 217, 0.50);
}

.inline.card .card-title svg {
    border: 2px solid;
    border-radius: 50%;
    padding: 0px;
    margin: 1.5rem;
    max-height: 7rem;
    max-width: 7rem;
    width: 100%;
}

a.inline.card:hover {
    opacity: 1;
    background: var(--secondary-blue);
    color: var(--white);
    border-color: var(--secondary-blue);
}

.reviews {
    position: relative;
}

#reviews {
    padding: 10px;
    margin: 0;
    margin-left: -20px;
    margin-right: -20px;
}

.swiper {
    padding: 20px;
    margin: -20px;
}

.swiper-slide {
    padding: 0 5px;
}

.review-inner {
    padding: 1rem 1rem 1rem 1.5rem;
    border-radius: var(--radius);
    font-size: var( --fz);
    background: #fff;
}

.review-inner>*:not(:last-child) {
    margin-bottom: 10px;
}

.review-name {
    font-weight: bold;
}

.review-date {
    color: #817E7E;
    font-size: var(--fz-sm);
}

.review-text {
    font-size: var(--fz-sm);
    max-height: 25rem;
    overflow: auto;
    padding-right: .5rem;
    margin-bottom: .5rem;
}

.review-text::-webkit-scrollbar {
    width: 5px;
    border-radius: 5px;
}

.review-text::-webkit-scrollbar-track {
    border-radius: 5px;
    background: #00000014;
}

.review-text::-webkit-scrollbar-thumb {
    background-color: lightgray;
    border-radius: 5px;
}

.review-logo>* {
    width: 100%;
    height: 100%;
}

@media (min-width: 767px) {
    .img-2-col p {
        display: flex;
        flex-wrap: wrap;
    }
    .img-2-col img {
        width: 50%;
    }
}

.footer {
    position: relative;
    background: var(--dark);
    margin-top: 30rem;
    background-image: url(/wp-content/uploads/2023/07/DDog.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 35rem;
    padding-bottom: 5rem;
}

.footer.no-decor {
    margin-top: 0;
}

.footer:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 41vw;
    bottom: 99%;
    z-index: -1;
}

.footer:before {
    background: linear-gradient(180deg, #ffffff00 50%, #7A8CA9 150%);
}

.footer-bg-decor {
    position: absolute;
    height: 55vw;
    bottom: 99%;
    left: 0;
    width: 100%;
    z-index: -1;
    background-image: url("/wp-content/themes/dangelo/img/HousesBGdark.svg");
    background-size: 1200px;
    background-repeat: repeat-x;
    background-position: bottom;
}

.footer .row {
    align-items: start;
    gap: 2rem;
}

.footer .row.cols {
    padding: 10rem 0 5rem;
}

.footer .row.copy {
    padding: 3rem 0 3rem;
    max-width: 1000px;
    margin: auto;
    align-items: center;
    font-size: 16px;
}

.footer .col.dnovo {
    flex-direction: row;
    align-items: center;
    text-transform: uppercase;
}

.footer .col.first {
    flex-grow: 2.5;
    padding-right: 2rem;
}

.footer .col.first svg {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.footer .col.first>*:not(:last-child) {
    margin-bottom: 2rem;
}

.footer .col.first>* {
    max-width: 40rem;
    font-size: var(--fz-sm);
    font-weight: 500;
}

.footer-contacts {
    display: flex;
    flex-direction: column;
}

.footer .col .col {
    min-width: 15rem;
    margin-bottom: 3rem;
}

.footer h4 {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 1.5em;
}

.footer .menu {
    flex-direction: column;
    font-size: 16px;
}

.footer .menu-item {
    margin-bottom: .5em;
}

.footer a {
    color: #fff;
}

.footer-badges {
    margin-bottom: .5em;
}
.footer-medals{
    max-width: 270px;
}
.posts {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.posts .card {
    background: #fff;
    padding: 0;
}

.posts .card .category {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 10px;
    color: #fff;
    transform: translate(0, -100%);
}

.posts .card .category a {
    color: var(--white);
    text-shadow: 0 0 .25em var(--dark);
}

.posts .thumbnail {
    position: relative;
    padding-bottom: 61%;
    overflow: hidden;
}

.narrow-imgs .thumbnail {
    padding-bottom: 40%;
}

.posts .thumbnail img {
    display: block;
    position: absolute;
}

.posts .card-content {
    padding: 20px;
    text-align: left;
    height: 100%;
    display: flex;
    position: relative;
    flex-direction: column;
}

.posts .card-content a {
    color: var(--dark);
}

.card-content .meta {
    margin-bottom: 1em;
    font-size: 14px;
    font-style: italic;
}

.card-content h3 {
    font-size: 1.5em;
    margin: 0 0 .5em 0;
}

.no-category .category {
    display: none;
}

.no-meta .meta {
    display: none;
}

.excerpt-decor .excerpt {
    padding-bottom: 7rem;
}

.excerpt-decor .card .card-content {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='236' height='236' fill='none' viewBox='0 0 236 236'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='white' d='M0 0h236v236H0z'/%3e%3cpath fill='%23EDF0F4' fill-opacity='.8' d='M221.3 118A103 103 0 0 0 177 33.4v-.2a18.5 18.5 0 0 0-18.4-18.4h-19a23.3 23.3 0 0 0-43.3 0H77.4A18.5 18.5 0 0 0 59 33.2v.2A103.1 103.1 0 0 0 14.7 118a14.8 14.8 0 0 0 0 29.5h7.4v12.4a3.7 3.7 0 0 0 3.7 3.7h13a79.4 79.4 0 0 0 6.6 16l-9.2 9.1a3.7 3.7 0 0 0 0 5.2l28 28a3.7 3.7 0 0 0 5.2 0l9.1-9.2a86 86 0 0 0 16 6.7v13a3.7 3.7 0 0 0 3.7 3.6h39.6a3.7 3.7 0 0 0 3.6-3.7v-13c5.6-1.6 11-3.8 16-6.6l9.2 9.2a3.7 3.7 0 0 0 5.2 0l28-28a3.7 3.7 0 0 0 0-5.2l-9.2-9.1c2.8-5.1 5-10.5 6.6-16h13a3.7 3.7 0 0 0 3.7-3.7v-12.4h7.3a14.8 14.8 0 1 0 0-29.5ZM59 42.6v27.5a3.7 3.7 0 1 0 7.4 0V33a11 11 0 0 1 11-11h17.1l-6 84.6a3.7 3.7 0 0 0 3.4 4 3.8 3.8 0 0 0 4-3.5l6-84.9a16.1 16.1 0 0 1 32.2 0l6 84.9a3.7 3.7 0 0 0 3.7 3.4h.3a3.7 3.7 0 0 0 3.4-4l-6-84.5h17a11 11 0 0 1 11.1 11v37a3.7 3.7 0 0 0 7.4 0V42.6a95.7 95.7 0 0 1 36.9 75.4H22a95.7 95.7 0 0 1 37-75.4Zm147.5 113.6h-12a3.7 3.7 0 0 0-3.6 2.8 75 75 0 0 1-8 19.3 3.7 3.7 0 0 0 .5 4.5l8.5 8.5-22.7 22.8-8.5-8.6a3.7 3.7 0 0 0-4.5-.5 75 75 0 0 1-19.4 8 3.7 3.7 0 0 0-2.7 3.6v12h-32.2v-12a3.7 3.7 0 0 0-2.7-3.6 75 75 0 0 1-19.4-8 3.7 3.7 0 0 0-4.5.5l-8.5 8.6L44 191.3l8.5-8.5a3.7 3.7 0 0 0 .6-4.5 75 75 0 0 1-8-19.3 3.7 3.7 0 0 0-3.6-2.8h-12v-8.7h41a47.9 47.9 0 0 0 95 0h41v8.7ZM78 147.5h80a40.3 40.3 0 0 1-80 0Zm143.3-7.4H14.7a7.4 7.4 0 0 1 0-14.7h206.6a7.4 7.4 0 1 1 0 14.7Z' opacity='.5'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h236v236H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 90% 80%;
    background-size: 55% 77%;
    background-repeat: no-repeat;
}

.excerpt-decor .card:nth-child(2) .card-content {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='236' height='229' fill='none' viewBox='0 0 236 229'%3e%3cpath fill='white' d='M0 0h236v228H0z'/%3e%3cpath fill='%23EDF0F4' fill-opacity='.8' d='m175.9 145 29.6 54.8-40-11-12.6 39.4-33.5-61.8c-2.6 1.8-5.3 3.2-7 6.3-9.6 18.1-19.4 36.1-29.2 54.2l-.8 1.2-12.6-39.2L30 199.8l.9-1.9 27.6-51c.4-.7.6-1.8.5-2.6l-1.7-10.2a4.6 4.6 0 0 0-2.8-3.7l-12.1-6a11 11 0 0 1-5.6-14.3c1.6-4.2 3-8.4 4.7-12.5.6-1.7.5-3.2-.6-4.7l-7.5-11.2a11 11 0 0 1 2.2-15.1L46 58a4.8 4.8 0 0 0 2-4.4l-.8-13.4a11 11 0 0 1 9.3-12c4.4-.8 8.7-1.6 13.1-2.2 2-.4 3.4-1.3 4.3-3.2 1.8-4 3.8-7.8 5.7-11.7A11 11 0 0 1 94 5.5l12.4 4.6a5 5 0 0 0 5-.5c3.5-2.5 7.1-4.9 10.8-7.3 5.5-3.7 11.3-2.9 15.6 2.2l8.4 10.3c1.1 1.4 2.5 2 4.2 1.8l14.3-1c5.3-.2 10.2 3.6 11.1 9a271 271 0 0 1 2.2 13 6 6 0 0 0 3.7 5.1c4 1.8 8 3.8 11.9 5.8 5 2.6 7.2 8.2 5.3 13.5a490 490 0 0 1-4.9 13 5 5 0 0 0 .6 4.9l7.4 11a11 11 0 0 1-2 15.2c-3.5 3-7 5.8-10.5 8.6a4.8 4.8 0 0 0-2 4.4l1 13.5a11 11 0 0 1-9 11.8l-3.5.7ZM90 11.6c-2 0-3.3 1-4.2 2.7l-5.9 12c-1.8 3.9-4.9 6-9.2 6.7-4.3.6-8.5 1.4-12.8 2.1-2.9.5-4 2-3.9 4.8L55 53c.3 4.2-1 7.6-4.3 10.3l-10.3 8.5c-2.3 1.9-2.6 3.7-1 6.2l7.4 11c2.4 3.5 2.8 7.1 1.3 11l-4.7 12.5c-1 2.7-.3 4.5 2.4 5.8l12.4 6.1a11 11 0 0 1 6 8l2.3 14c.5 2.5 2 3.8 4.5 3.6 4.5-.2 9-.4 13.3-.8 4.3-.4 7.7 1 10.4 4.3l8.3 10c2.2 2.7 3.9 3 6.7 1l10.9-7.2c3.4-2.3 7-2.7 10.9-1.2l12.3 4.6c2.9 1 4.6.4 6-2.4l6-12.2c1.7-3.4 4.5-5.5 8.3-6.1l13.6-2.3c2.8-.5 4-2 3.8-4.8l-.9-13c-.3-4.3 1-7.9 4.5-10.6l10-8.2c2.5-2.1 2.8-3.8 1-6.6l-7.4-11a10.8 10.8 0 0 1-1.2-10.7l4.6-12.5c1.1-2.9.4-4.6-2.4-6-3.7-1.8-7.5-3.8-11.4-5.5-4.2-2-6.4-5.3-7-9.8L169 26.6c-.5-3-1.9-4.1-4.9-4l-13.5 1a11 11 0 0 1-9.8-4.3c-2.8-3.5-5.6-7-8.5-10.3-2-2.4-3.8-2.7-6.3-1l-11 7.3a11.4 11.4 0 0 1-11.1 1.3L91.6 12l-1.6-.5Zm101.4 177.2A43087.4 43087.4 0 0 0 169 147c-.1-.2-.4-.6-.7-.7-2-.5-5.5 1.2-6.4 3l-6 12.1c-3 6-8.4 8.1-14.5 5.8l-12.5-4.6c-1-.4-2.3-.3-3.4-.5l-.2.5 26 48 9.7-30.2 30.4 8.3Zm-107.3 22 20.6-38.2c-3.6-.6-5.9-2.8-7.9-5.4-2.4-3.1-5-6-7.5-9.1a4.6 4.6 0 0 0-4.1-1.9l-8.6.6c-4.8.3-9.8 1.3-14-2.9l-18.8 35 30.6-8.4 9.7 30.2Z' opacity='.5'/%3e%3cpath fill='%23EDF0F4' fill-opacity='.8' d='M117.7 144.4a58 58 0 1 1-.1-116 58 58 0 0 1 .1 116Zm0-109.2a51.2 51.2 0 1 0 0 102.4 51.2 51.2 0 0 0 0-102.4Z' opacity='.5'/%3e%3cpath fill='%23EDF0F4' fill-opacity='.8' d='M104.2 105.1 83.7 84.5l4.5-4.5 16.5 16.5 43-27.5 3.8 5.8-47.3 30.3Z' opacity='.5'/%3e%3c/svg%3e");
}

.excerpt-decor .card:nth-child(3) .card-content {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='236' height='236' fill='none' viewBox='0 0 236 236'%3e%3cpath fill='white' d='M0 3h236v228H0z'/%3e%3cpath fill='%23EDF0F4' fill-opacity='.8' d='M40.3 14.7C41.3 4.6 44.5.2 51 .1c2.3 0 4.8.6 6.7 1.8 1.8 1.3 3.4 3.5 4.3 5.7.9 2 .7 4.5 1 7h110.4V11a11 11 0 1 1 22 0v3.7h25.4a15 15 0 0 1 15.3 15v190c0 8-4 13.8-11 15.7-1.6.4-3.4.6-5.1.6H16c-9.9 0-16-6.2-16-16.1V30.7c0-9.9 6.2-16 16-16h24.3Zm-33 48.1v156.3c0 7 2.5 9.4 9.6 9.4H219c7 0 9.5-2.4 9.5-9.5V65.5l-.2-2.7H7.4Zm221-7.7.1-2v-23c0-5.1-3-8-8-8h-25.2V37c0 4.8-2.9 8.7-7.2 10.2A11 11 0 0 1 173.2 37V22.2H62.6v15a10.8 10.8 0 0 1-11.7 10.6 11 11 0 0 1-10.4-11.1V22.3l-1.3-.2H14.8c-4.4 0-7.4 3.1-7.4 7.5v25.5h221Zm-173-31V11.8c0-2.8-1.5-4.4-3.7-4.4S48 9 48 11.8v24.4c0 2.7 1.5 4.3 3.8 4.3 2.2 0 3.5-1.6 3.5-4.3v-12Zm132.7 0V12c0-3-1.5-4.7-3.8-4.6-2.2 0-3.6 1.7-3.6 4.5V36c0 2.8 1.4 4.4 3.6 4.5 2.3 0 3.7-1.6 3.8-4.4V24Z' opacity='.5'/%3e%3c/svg%3e");
}

.posts .excerpt {
    font-size: var(--fz-sm);
}

svg.cornerTop {
    z-index: 1;
    position: absolute;
    top: 0;
}

.cornerTopWrap {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    margin-top: -1px;
}

.cornerTopWrap::before {
    content: '';
    clip-path: polygon(100% 0%, 100% 90%, 22% 3%, 0% 90%, 0% 0%);
    background: var(--white);
    position: absolute;
    width: 100%;
    height: 101%;
    display: block;
    z-index: -1;
    top: -1px;
}

.cornerBottomWrap {
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 2;
    margin-bottom: -1px;
}

.reversed-dividers .cornerBottomWrap {
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

.reversed-dividers .cornerTopWrap {
    transform: matrix(1, 0, 0, -1, 0, 0);
}

.reversed-dividers .cornerTopWrap:before {
    clip-path: polygon(0% 90%, 0% 100%, 100% 100%, 100% 90%, 22% 3%);
}

.has-top-divider {
    overflow: visible;
    z-index: 0;
    padding-top: 17%;
}

.has-top-divider.reversed .cornerTop {
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

.has-top-divider+.has-top-divider {
    z-index: 0;
}

.has-top-divider.reversed:before {
    clip-path: polygon(100% 22%, 100% 100%, 0% 100%, 0% 22%, 77% 3%);
}

.title-logo-decor {
    position: relative;
    z-index: 1;
}

.logo-bg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url('/wp-content/uploads/2023/08/DAngelo-and-Sons-bg.jpg');
    background-position: -300% 25%;
    background-repeat: no-repeat;
    background-size: 90%;
}

.has-top-divider.bg-top-divider-logo .cornerTopWrap:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 50%;
    height: 0px;
    background-image: url('/wp-content/uploads/2023/08/DAngelo-and-Sons-bg.jpg');
    background-position: 80% 90%;
    background-size: contain;
    background-repeat: no-repeat;
    clip-path: polygon(100% 0%, 100% 95%, 22% 75%, 0 95%, 0 0);
    z-index: -1;
}

.has-top-divider.texture-bg .cornerTopWrap:after {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    padding-bottom: 50%;
    height: 0px;
    background: linear-gradient(180deg, #fff 10%, #ffffff00), url("../../../uploads/2023/06/Texture.png");
    background-size: cover;
    background-repeat: no-repeat;
    clip-path: polygon(100% 0%, 100% 75%, 22% 95%, 0 77%, 0 0);
    z-index: -1;
    transform: matrix(1, 0, 0, -1, 0, 0);
}

.cornerBottomWrap::before {
    content: '';
    clip-path: polygon(100% 80%, 100% 100%, 0% 100%, 0% 80%, 22% 3%);
    background: var(--white);
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1;
    top: 0;
    left: 0;
}

.bg-divider-bottom-light .cornerBottomWrap::before {
    background: var(--light);
}

.large-icon svg {
    width: 7rem;
    height: 7rem;
}

.content .content-block {
    color: var(--dark);
    width: 100%;
    position: relative;
    padding: 2rem 0 5rem 0;
}

.content_with_sidebar .content .content-block:nth-child(2n):before {
    content: '';
    background: var(--light);
    width: 118%;
    height: 100%;
    top: 0;
    position: absolute;
    z-index: -1;
    right: -4rem;
}

.content .block-title {
    display: flex;
    align-items: center;
    text-align: left;
    padding: .5em 0;
    width: 100%;
}

.content .block-title svg {
    margin: 0;
    margin-right: 2rem;
    min-width: 9rem;
    min-height: 9rem;
    color: var(--light2);
    margin-top: -0.2rem;
    border: 3px solid var(--light2);
    border-radius: 100%;
}

.cards_with_sidebar {
    overflow: visible;
    overflow: clip;
}

.cards_with_sidebar.has-top-divider {
    padding-top: 14%;
}

.side-form {
    color: #fff;
}

.side-form:before {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 593 1097'%3E%3Cg fill='%239AAAC6'%3E%3Cpath d='M44.3 32.3c1.2 293 .6 637.9-.4 931.3l-.8 133c-.3.3.9-1064.6 1.2-1064.3ZM26.2 49.2c1.3 183 .7 398.3-.3 581.5l-.8 83.1c-.3.3.9-664.9 1.1-664.6Zm518.1 37.3c1.2 277.8.6 604.7-.3 882.9l-.8 126.1c-.3.3.8-1009.3 1.1-1009Zm16.9-39.4c1.2 258.3.6 562.3-.4 820.9l-.7 117.3c-.3.3.8-938.5 1.1-938.2Z'/%3E%3Cpath d='M294.3 33.5a7932.5 7932.5 0 0 1 259 108.1c.1.4-259.4-108-259-108ZM255.4 0a13485.9 13485.9 0 0 1 337.3 140.4C592.8 140.8 255 0 255.4 0Z'/%3E%3Cpath d='M34 74.7A7476.6 7476.6 0 0 1 303 37c.4.3-269.3 38-269 37.6ZM0 62a12864.2 12864.2 0 0 1 354-47.3C354.3 15-.4 62.4 0 62Z'/%3E%3C/g%3E%3C/svg%3E");
    /* background-image: url('data:image/svg+xml,<svg width="593" height="867" viewBox="0 0 593 867" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1263_1189)"><path d="M44.27 32.33C45.48 262.243 44.88 532.773 43.9 762.953L43.14 867.33C42.85 867.573 43.98 32.0946 44.27 32.33Z" fill="%239AAAC6"/><path d="M26.2499 49.2199C27.4599 232.22 26.8599 447.54 25.8799 630.75L25.1199 713.82C24.8299 714.13 25.9599 48.8999 26.2499 49.2099V49.2199Z" fill="%239AAAC6"/><path d="M544.32 86.52C545.53 294.407 544.93 539.02 543.95 747.147L543.19 841.52C542.9 841.752 544.03 86.288 544.32 86.52Z" fill="%239AAAC6"/><path d="M561.21 47.1C562.42 305.42 561.82 609.37 560.84 867.99L560.08 985.26C559.79 985.57 560.92 46.8 561.21 47.1Z" fill="%239AAAC6"/><path d="M294.26 33.53C358.42 58.82 425.46 86.69 488.86 113.68C504.91 120.51 537.27 134.54 553.23 141.6C553.41 141.99 293.86 33.67 294.26 33.53Z" fill="%239AAAC6"/><path d="M255.37 0C338.78 33.23 426.08 69.47 508.72 104.39C529.64 113.22 571.84 131.32 592.67 140.39C592.85 140.78 254.97 0.14 255.37 0Z" fill="%239AAAC6"/><path d="M33.9702 74.65C99.8902 64.05 169.5 54.23 235.63 45.47C252.37 43.25 286.25 39.01 303.03 37.03C303.39 37.27 33.6902 74.97 33.9602 74.64L33.9702 74.65Z" fill="%239AAAC6"/><path d="M0.000154123 62.04C86.7902 49.06 178.35 36.73 265.33 25.6C287.34 22.78 331.89 17.32 353.95 14.74C354.3 14.99 -0.269846 62.36 0.000154123 62.04Z" fill="%239AAAC6"/></g><defs><clipPath id="clip0_1263_1189"><rect width="593" height="867" fill="white"/></clipPath></defs></svg>'); */

    width: 119%;
    height: 1000px;
    top: -17px;
    left: -9%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    z-index: -1;
}

.side-form .button {
    /*max-width: 38.5rem;*/
    max-width: unset;
    margin-right: auto;
    margin-left: auto;
}

.side-form svg.form-decor {
    width: 120%;
    height: auto;
    position: absolute;
    left: -10%;
    top: -4%;
}

.side-form-top .h3 {
    margin: .2em;
}

.side-form-top .h4 {
    padding-top: 6px;
    padding-bottom: 9px;
}

.side-form-top {
    background: var(--secondary-blue);
    padding: 0px 20px 20px 20px;
    margin-bottom: -1px;
    margin-top: 24%;
}

.side-form-top:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    padding-bottom: 25%;
    left: 0;
    top: 0px;
    background: var(--secondary-blue);
    clip-path: polygon(0% 100%, 0% 45%, 52% 15%, 100% 95%, 100% 100%);
    z-index: 0;
}

.side-form-bottom {
    background: var(--dark);
    padding: 30px 30px 35px;
    background-image: url("/wp-content/uploads/2023/07/DDog.png");
    background-size: contain;
    background-position: bottom right;
    background-repeat: no-repeat;
}

.spacer {
    /* padding-bottom: 61%; */
    padding-bottom: 30%;
}

.side-form-bottom .mw-350 > .h5,.side-form-bottom .mw-350 > .h2{
    font-size: 200%;
}
.side-form-bottom .mw-350 {
    max-width: 35rem;
    margin: auto;
    padding: 3rem 0;
}

.side-form-bottom .mw-350>* {
    max-width: 61%;
    margin: 1rem 0;
    font-size: 130%;
}

.gallery {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1rem;
    padding-bottom: 4rem;
}

.gallery-item img {
    height: 100%;
    object-fit: cover;
}

.gallery-col {
    width: calc(50% - 2rem);
    margin: 1rem;
}

.eval-cols .gallery-col:last-of-type {
    width: 100%;
}

.gallery-item .img-wrap {
    position: relative;
    padding-bottom: 61%;
    background-color: var(--light);
    margin-bottom: 2rem;
}

.img-wrap img {
    position: absolute;
    object-fit: cover;
}

.gallery .gallery-col:nth-child(odd) .gallery-item:nth-child(2) .img-wrap,
.gallery .gallery-col:nth-child(even) .gallery-item:nth-child(1) .img-wrap {
    padding-bottom: 100%;
}

.gallery .gallery-col .gallery-item:nth-child(2) .img-wrap {
    margin-bottom: 0;
}

@media (min-width: 769px) {
    .gallery-col,
    .eval-cols .gallery-col:last-of-type {
        width: calc(25% - 2rem);
    }
}

.decor-lines {
    position: relative;
    overflow: visible;
}

.decor-lines:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: -12%;
    left: 0;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='1921' height='657' fill='none' viewBox='0 0 1921 657'%3e%3cpath stroke='%23576C90' d='M411 395h1510M349 421h1572m-598-128v311m28-322v318m290-445v479m28-491v514m154-580v570m28-582v580M910 469l1007 140M962 447l955 134M1 567l410-172M1 601l419-179m353 104L1917 34M723 515 1917 1' opacity='.2'/%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
}

.locations-cloud {
    padding-bottom: 15%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}

.locations-cloud.alt {
    padding: 0;
    height: 100%;
}

.locations-cloud.alt .menu {
    justify-content: flex-start;
    align-content: center;
}

.locations-cloud.alt .menu .menu-item a {
    text-align: left;
    color: var(--secondary-blue);
}

.map-bg-decor-1:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(90deg, #fff 0%, #ffffff00 100%);
}

.map-bg-decor-1 {
    background-image: url(/wp-content/uploads/2023/07/Map-Decor-1.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.locations-cloud .menu .menu-item a {
    font-weight: 700;
    min-width: 11rem;
    text-align: center;
    text-transform: capitalize;
    padding: 2rem 3rem;
}

.locations-cloud a:hover {
    opacity: .8;
}

.locations-cloud .menu {
    flex-wrap: wrap;
    justify-content: center;
}

.footer-site-title {
    font-weight: 600;
    font-size: 16px;
}

.video-play {
    display: block;
    width: 8rem;
    height: 8rem;
    color: #ffffffab;
    margin: auto 4rem 0;
    align-self: self-end;
}

.video-play svg {
    width: 100%;
    height: 100%;
}

.fullwidth_bunner_with_video_modal .content {
    width: 100%;
}

.fullwidth_bunner_with_video_modal .spacer {
    padding-bottom: 5vw;
}

.fullwidth_bunner_with_video_modal:not(.reversed-dividers).has-top-divider {
    padding-bottom: 17%;
}

.fullwidth_bunner_with_video_modal:not(.reversed-dividers).has-bottom-divider {
    padding-top: 15%;
}

.custom-html-wrap {
    height: 100%;
}

.custom-html-wrap iframe {
    display: block;
    height: 100%;
}

.title-text ol.ol-to-cards {
    margin: 0;
    margin-bottom: 1em;
    padding: 0;
    list-style: none;
    counter-reset: my-awesome-counter;
}

.title-text ol.ol-to-cards li {
    counter-increment: my-awesome-counter;
    padding: 3rem 3rem 3rem 10rem;
    margin: 2rem 2rem 2rem 0;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
    position: relative;
    background: var(--white);
}

.title-text ol.ol-to-cards li:first-child {
    margin-top: 0;
}

.title-text ol.ol-to-cards li::before {
    content: counter(my-awesome-counter);
    color: var(--dark);
    font-weight: bold;
    font-size: var(--h2);
    width: 10rem;
    line-height: 2rem;
    text-align: center;
    position: absolute;
    top: calc(50% - 1rem);
    left: 0;
    height: 1em;
    background: transparent;
    display: block;
}

.oriented-left .section-title {
    text-align: left;
    margin-left: 0;
    margin-bottom: .5em;
}

.background-overlay:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #00000080;
}

.icon_cards {
    background-size: cover;
}

.icon_cards .overlay {
    background: #32373fc4;
}

.contacts-list {
    margin-bottom: 2em;
}

.contacts-list a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--dark);
    margin-bottom: 1em;
}

.contacts-list a svg {
    width: 2em;
    height: 2em;
    display: inline-block;
    margin-right: .5em;
    fill: none;
}
/* responsive */


@media (max-width: 767.99px) {
    html {
        font-size: 2.2vw;
    }
    .centered>svg {
        margin-right: auto;
        margin-left: auto;
    }
    .footer .row.cols {
        padding-bottom: 40%;
    }
    .burger{
        margin: auto;
    }
}

@media (min-width: 769px) {
    .row3col .col {
        min-width: 31%;
        max-width: calc(33.33% - 2rem);
    }
    .row4col .col {
        min-width: 23%;
        max-width: calc(25% - 2rem);
    }
    .col.sidebar {
        flex: .5;
    }
}


/* Google Map Shadow */

.map-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.map-container:before,
.map-container:after,
.map:before,
.map:after {
    position: absolute;
    display: block;
    content: '';
    z-index: 5;
}

.map-container:before {
    top: 0px;
    left: 0;
    right: 0;
    height: 15px;
    background: linear-gradient(180deg, #fff, #ffffff00);
}

.map-container:after {
    right: 0px;
    top: 0;
    bottom: 0;
    width: 15px;
    background: linear-gradient(270deg, #fff, #ffffff00);
}

.map:before {
    bottom: 0px;
    left: 0;
    right: 0;
    height: 15px;
    background: linear-gradient(0deg, #fff, #ffffff00);
}

.map:after {
    left: 0px;
    top: 0;
    bottom: 0;
    width: 15px;
    background: linear-gradient(90deg, #fff, #ffffff00);
}

#map {
    width: inherit;
    height: inherit;
}

.sidebar-side-roof .sticky {
    margin-top: 15px;
}

.sidebar-side-roof .sticky:before {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 593 1097'%3E%3Cpath fill='%239AAAC6' d='M44 25v630l-1 94 1-724Z'/%3E%3Cpath fill='%239AAAC6' d='M584 109C425 90 238 66 79 44l-62-8 567 73Zm0 16c-169-20-281-35-450-57L13 52l571 73Z'/%3E%3Cpath fill='%239AAAC6' d='M26 33c2 186 1 391 0 577l-1 84 1-631V33Zm518 46c2 164 1 357 0 521l-1 74 1-595Zm17 15c2 139 1 301 0 440l-1 63 1-503Z'/%3E%3C/svg%3E");
    width: 119%;
    height: 1000px;
    top: -25px;
    left: -9%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    z-index: -1;
}

.sidebar-side-roof .side-form-top {
    padding-top: 4rem;
}

.sidebar-side-roof .side-form-top:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    padding-bottom: 25%;
    left: 0;
    top: 0;
    background: var(--secondary-blue);
    clip-path: polygon(0% 100%, 0% 23%, 100% 73%, 100% 100%);
    z-index: 0;
}


/* Blog sidebar */

.blog_with_sidebar {
    overflow: visible;
}

.sidebar-no-roof .sticky {
    margin-top: 15px;
}

.sidebar-no-roof .sticky:before {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%239AAAC6' viewBox='0 0 593 1097'%3E%3Cpath d='M44 0c2 302 1 657 0 960l-1 137L44 0Z'/%3E%3Cpath d='M560 14c-147 2-319 1-466 0l-67-1 533 1Zm14 14c-152 2-331 1-484 0l-69-1 553 1Z'/%3E%3Cpath d='M26 20c2 186 1 404 0 590l-1 84 1-674ZM544 0c2 302 1 657 0 959l-1 137L544 0Zm17 7c2 269 1 586 0 856l-1 122 1-978Z'/%3E%3C/svg%3E");
    width: 119%;
    height: 1000px;
    top: -25px;
    left: -9%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    z-index: -1;
}

.sidebar-no-roof .side-form-top {
    margin-top: 0;
    padding-top: 8rem;
}

.sidebar-no-roof .side-form-top:before {
    content: unset;
}

.sidebar ul {
    margin: 0;
    padding: 0;
}

.sidebar ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-title {
    color: var(--white);
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--white);
    margin-bottom: 4rem;
    margin-top: 0;
}

.sidebar-content {
    padding: 3rem;
    background: var(--secondary-blue);
}

.recent-post-card {
    display: flex;
    margin-bottom: 2rem;
    color: var(--white);
}

ul li:last-of-type .recent-post-card {
    margin-bottom: 0;
}

.recent-post-card h4 {
    font-size: var(--fz);
    margin-top: 0;
}

.recent-post-card p {
    font-size: var(--fz-sm);
    margin-bottom: 0
}

.recent-post-card-img {
    margin-right: 1rem;
    flex: .5;
}

.recent-post-card-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.recent-post-card-content {
    flex: 1;
}

.post-card {
    display: flex;
    width: 100%;
    gap: 4rem;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--light2);
}

.post-card.last {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.post-card-img {
    flex: .4;
    padding-bottom: 10%;
    position: relative;
}

.post-card-img img {
    height: 100%;
    object-fit: cover;
    position: absolute;
}

.post-card-content {
    flex: 1;
}

.post-card-content h4 {
    font-size: var(--h3);
    color: var(--dark);
}

.post-card-date {
    font-size: var(--fz-sm);
    color: var(--light2);
}

.pagination {
    margin: 4rem 0;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    padding-top: 4rem;
    border-top: 1px solid var(--light2);
    font-size: var(--fz-l);
    font-weight: 500;
    justify-content: space-between;
}

.pagination>div {
    min-width: 15rem;
    display: flex;
    justify-content: center;
}


/* single */

.single-hero {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(4px);
    padding-bottom: 20%;
    background-color: #bec7d6;
}

.single-content .sticky {
    margin-top: 4rem;
}

.title-text a {
    color: var(--light-blue);
    text-decoration: none;
}

.post-date {
    color: var(--light2);
}

.post-img-wrap {
    position: relative;
    padding-bottom: 50%;
    margin-bottom: 4rem;
}

.post-img-wrap img {
    position: absolute;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.title-text p:last-of-type {
    margin-bottom: 0;
}

.title-text p:last-of-type img {
    margin-bottom: 0;
}

.title-text ul {
    margin-left: 2rem;
    margin-bottom: 2rem;
}

.title-text li {
    margin-bottom: .5rem;
}

.title-text img {
    margin-bottom: 2rem;
}

.title-text h1,
.title-text h2,
.title-text h3,
.title-text h4,
.title-text .h1,
.title-text .h2,
.title-text .h3,
.title-text .h4,
.title-text .h5 {
    margin: 1em 0 1em;
}

.single-content h1 {
    margin-top: 0;
    margin-bottom: 1rem;
}
.single-content h2{
    font-weight: 400;
}
.single-content table{
    width: 100%;
    margin: 3rem 0;
    border: 1px solid var(--light2);
    border-collapse: collapse;
}
.single-content table th {
    background: var(--light2);
    padding: 6px;
}


.title-text h1 {
    font-size: var(--h2);
    margin-top: 0;
    margin-bottom: .25em;
}

.title-text h3:first-child {
    margin-top: 0;
}

.work-process .block-title {
    flex-direction: column;
    align-items: start;
}

.work-process .block-title span {
    display: block;
    color: var(--light2);
    margin-bottom: .2em;
}

.work-process .content-block {
    padding-left: 4rem;
    position: relative;
}

.work-process .content-block:after {
    content: '';
    position: absolute;
    top: 7rem;
    left: 0;
    width: 0.5rem;
    background-color: var(--light2);
    height: 100%;
}

.work-process .content-block:last-child:after {
    content: none;
}

.work-process .content-block .block-title span {
    position: relative;
    font-size: var(--h2);
}

.work-process .content-block .block-title span:before,
.work-process .content-block .block-title span:after {
    content: '';
    position: absolute;
    background: var(--light2);
}

.work-process .content-block .block-title span:before {
    border-radius: 100%;
    top: calc(50% - 1rem);
    left: -4.8rem;
    width: 2rem;
    height: 2rem;
}

.work-process .content-block .block-title span:after {
    width: .5rem;
    height: calc(5rem + 1.5em);
    top: calc(-5rem - 1em);
    left: -4rem;
}

.work-process .content-block:first-child .block-title span:after {
    content: none;
}

.work-process p:last-of-type {
    margin-bottom: 0;
}

.cta_fullwidth .col {
    max-width: 120rem;
    margin: 15rem auto;
}

.cta_fullwidth .h2 {
    margin: 0;
    line-height: 1.2;
}

.cta_fullwidth .sub-title {
    color: var(--accent);
    margin-bottom: 4rem;
}

.work-process .sidebar {
    margin-top: 2rem;
}

.work-process .sticky:before {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%239AAAC6' viewBox='0 0 593 1097'%3E%3Cpath d='M44 0c2 206 1 449 0 655l-1 94L44 0Z'/%3E%3Cpath d='M583 106C425 81 239 51 81 24L9 11l574 95Zm22 22C438 102 241 69 74 40L-2 27l607 101Z'/%3E%3Cpath d='M26 20c2 186 1 404 0 590l-1 84 1-674Zm518 59c2 164 1 357 0 521l-1 74 1-595Zm17 15c2 139 1 301 0 440l-1 63 1-503Z'/%3E%3C/svg%3E");
    width: 119%;
    height: 1000px;
    top: -16px;
    left: -9%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    z-index: -1;
}

.work-process .scroll-change-images {
    clip-path: polygon(100% 10%, 0% 0%, 0% 100%, 100% 100%);
}

.scroll-change-images {
    position: relative;
    overflow: hidden;
    margin-top: 4%;
}

.scroll-change-images br {
    display: none;
}

.scroll-change-images img {
    position: absolute;
    transition: opacity .5s;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.scroll-change-images img:first-of-type {
    opacity: 1;
    position: relative;
}

.scroll-change-images img.active {
    opacity: 1;
}

.img-cover-col .imgs {
    height: 100%;
}

.img-cover-col .imgs img {
    height: 100%;
    object-fit: cover;
}

.no-card-highlight .content .content-block:before {
    content: unset;
}

.video-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 4rem;
}

.video {
    width: 100%;
}

@media (min-width: 769px) {
    .video {
        flex-basis: calc(50% - 2rem);
    }
}

.video-wrap {
    position: relative;
    padding-bottom: 56.25%;
    width: 100%;
}

.video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.text-p-large p {
    font-size: var(--fz-l);
}

.single-post-pagination {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid var(--light2);
}

.prev-post,
.next-post {
    flex: 1;
    min-width: 280px;
    display: flex;
    flex-direction: column;
    font-size: var(--fz-l);
}

.prev-post span,
.next-post span {
    display: block;
    color: var(--dark);
    font-size: var(--fz);
}

.next-post {
    text-align: right;
}

.cats-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.cats-cloud-title {
    width: 100%;
    padding-bottom: 1em;
    border-bottom: 1px solid var(--light2);
}

.cats-cloud li {
    list-style: none;
    background: var(--light);
}

.cats-cloud li a {
    display: block;
    padding: 1rem 2rem;
    font-weight: 600;
    color: var(--dark);
    font-size: var(--fz-sm);
}

.image-card {
    text-align: center;
    height: 100%;
    background: #ffffff00;
}

.image-card .card-title {
    margin-bottom: 2rem;
}

.image-card-image-wrap {
    position: relative;
    padding-bottom: 75%;
}

.image-card-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 2rem;
}

.text_cards .content {
    display: flex;
    gap: 0 4rem;
    flex-wrap: wrap;
}

.text_cards .content .content-block {
    padding-bottom: 0;
}

@media (min-width: 768px) {
    .text_cards .content .content-block {
        flex-basis: calc(50% - 2rem);
    }
}

.hero_inner_page {
    background-position: center;
    background-size: cover;
}

.hero_inner_page .headings {
    color: #fff;
    min-height: 400px;
    padding: 4rem;
    text-align: center;
}

.hero_inner_page .headings>* {
    margin: 2rem auto;
}

.container-narrow .container {
    width: 100rem;
    margin-right: auto;
    margin-left: auto;
}

.gallery-wrap {
    display: flex;
    flex-direction: column-reverse;
}

.image_gallery_filtered .gallery {
    margin: 0;
    margin-right: -2rem;
}

.image_gallery_filtered .gallery>.gallery-item {
    width: 25%;
    padding-right: 2rem;
}

.image_gallery_filtered .gallery-item .img-wrap {
    padding-bottom: 100%;
}

@media (max-width: 767px) {
    .image_gallery_filtered .gallery>.gallery-item {
        width: 50%;
    }
}

#filter-controls {
    margin-right: -1rem;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

#filter-controls .btn {
    padding: 12px 25px;
    color: var(--dark);
    background: var(--light);
    border: none;
    border-radius: 0;
    font-size: 2rem;
    font-weight: 500;
    cursor: pointer;
    margin-right: 1rem;
    display: block;
    margin-bottom: 1rem;
    line-height: 1em;
}

#filter-controls .btn.active {
    color: var(--white);
    background: var(--secondary-blue);
}

.img-cover-column .imgs {
    height: 100%;
}

.img-cover-column .imgs img {
    height: 100%;
    object-fit: cover;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */


/* Document
   ========================================================================== */


/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
     ========================================================================== */


/**
   * Remove the margin in all browsers.
   */

body {
    margin: 0;
}

/**
   * Render the `main` element consistently in IE.
   */

main {
    display: block;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */

h1 {
    /*font-size: 2rem;*/
    margin: 0.67em 0;
}

/* Grouping content
     ========================================================================== */


/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */

hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
     ========================================================================== */


/**
   * Remove the gray background on active links in IE 10.
   */

a {
    background-color: transparent;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */

abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */

b,
strong {
    font-weight: 600;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */

small {
    font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}

/* Embedded content
     ========================================================================== */


/**
   * Remove the border on images inside links in IE 10.
   */

img {
    border-style: none;
}

/* Forms
     ========================================================================== */


/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1rem;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */

button,
input {
    /* 1 */
    overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */

button,
select {
    /* 1 */
    text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */

legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */

progress {
    vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */

textarea {
    overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */

[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
     ========================================================================== */


/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */

details {
    display: block;
}

/*
   * Add the correct display in all browsers.
   */

summary {
    display: list-item;
}

/* Misc
     ========================================================================== */


/**
   * Add the correct display in IE 10+.
   */

template {
    display: none;
}

/**
   * Add the correct display in IE 10.
   */

[hidden] {
    display: none;
}
/*
** Contact Form 7 Styles
*/
.wpcf7 .screen-reader-response {
    display: none;
}

.wpcf7-wrap {
    background-color: #fff;
    padding: 20px;
    margin: 20px auto;
    max-width: 400px;
    width: 100%;
    position: relative;
}
#menu-form .form-wrap{
    display: flex;
}
#menu-form .form-items-wrap{
    flex-basis: 80%;
}
#menu-form .submit-wrap{
    flex-basis: 20%;
}
#menu-form .fieldset{
    display: flex;
    margin: 3px 0 3px;
}
#menu-form .fieldset.additional.closed {
    display: none;
}
#menu-form .fieldset span {
    margin-right: 2px;
    flex-grow: 1;
}
#menu-form .submit-wrap{
    margin: 3px 0;
}
#menu-form .button {
    padding: 1.25rem 1.5rem;
    min-height: 5.6rem;
    font-weight: 500;
    font-size: var(--fz);
    /*font-size: 1.8rem;*/
    letter-spacing: .6px;
}

.wpcf7 {
    position: relative;
}

.wpcf7-form:not(#header-form) {
    max-width: 900px;
    margin: auto;
}

.wpcf7-form h4 {
    font-weight: 300;
}

.form-input {
    position: relative;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="password"],
.wpcf7-form input[type="search"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea,
.wpcf7-form select {
    /*color: var(--text-dark);*/
    color: var(--secondary-blue);
    background: #fff;
    width: 100%;
    border-width: 1px;
    border-radius: var(--radius);
    border-style: solid;
    padding: 1.25rem 1.5rem;
    line-height: 1.1;
    min-height: 5.6rem;
    font-size: var(--fz);
}

/* checkbox and radio */
input[type="checkbox"],
input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    height: 14px;
    width: 14px;
    opacity: 0;
}

.wpcf7-checkbox .wpcf7-list-item-label:before,
.wpcf7-radio .wpcf7-list-item-label:before {
    content: "";
    position: absolute;
    top: calc(50% - 7px);
    left: -20px;
    height: 14px;
    width: 14px;
    background-color: var(--sidebar-dark);
    opacity: .4;
}

.wpcf7-radio .wpcf7-list-item-label:before {
    border-radius: 50%;
}

input[type="checkbox"]:checked ~ .wpcf7-list-item-label:after {
    content: "";
    position: absolute;
    left: -15px;
    top: calc(50% - 10px);
    width: 7px;
    height: 12px;
    border: solid var(--accent-light-alt);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    box-sizing: border-box;
}

input[type="radio"]:checked ~ .wpcf7-list-item-label:after {
    content: "";
    position: absolute;
    border: none;
    box-sizing: border-box;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background: var(--accent-light-alt);
    margin: 3px;
    left: -20px;
    top: 1px;
}

.wpcf7-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}

select:focus-visible {
    outline: none;
}

.wpcf7-form input[type="submit"] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    cursor: pointer;
}

.submit-wrap {
    position: relative;
    margin-top: 0;
    width: 100%;
}

.submitting .submit-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='L3' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 0 0' xml:space='preserve'%3E%3Ccircle fill='none' stroke='%23fff' stroke-width='4' cx='50' cy='50' r='44' style='opacity:0.5;'/%3E%3Ccircle fill='%23fff' stroke='%23fff' stroke-width='3' cx='8' cy='54' r='6' %3E%3CanimateTransform attributeName='transform' dur='2s' type='rotate' from='0 50 48' to='360 50 52' repeatCount='indefinite' /%3E%3C/circle%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 80%;
    background-color: var(--accent-light);
    display: block;
    z-index: 9;
    border-radius: 50px;
}

.wpcf7-spinner {
    display: none;
}

.wpcf7-form .form-input label {
    color: #8d8d8d;
    position: absolute;
    top: 9px;
    left: 15px;
    transition: all 0.2s;
    z-index: 1;
    font-size: 14px;
    padding-right: 10px;
}

.wpcf7-list-item label {
    display: flex;
    position: relative;
}

.wpcf7-list-item label .wpcf7-list-item-label {
    margin-left: 20px;
    line-height: 1.2;
    font-size: 14px;
    position: relative;
}

.wpcf7-acceptance {
    display: block;
    padding: 2px;
}

.wpcf7-text:focus,
.wpcf7-textarea:focus {
    outline: 1px solid var(--accent-light-alt);
    outline-offset: 0;
}

div.wpcf7-mail-sent-ok {
    border: 0;
    background: #5471de;
    color: #fff;
    padding: 18px;
}

div.wpcf7-acceptance-missing,
div.wpcf7-validation-errors {
    border: 0;
    background: #d4c9c8;
    color: #fff;
    padding: 18px;
}

span.wpcf7-not-valid-tip {
    display: none;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    color: #f9443b;
}

.wpcf7-response-output {
    font-size: 13px;
    margin: auto;
    max-width: 100%;
    width: calc(100% - 16px);
    text-align: center;
    padding: 4px;
    position: absolute;
    background: #fff;
    z-index: 9;
}

.wpcf7-form.invalid .wpcf7-response-output {
    color: #f9443b;
}


.wpcf7-form .wpcf7-spinner {
    position: absolute;
    top: 0;
    width: 0;
    height: 100%;
    border-radius: 50px;
    background: #ffffff80;
}

.wpcf7-form .submitting .wpcf7-spinner {
    width: 100%;
}

div.wpcf7 .ajax-loader {
    display: none;
}

.wpcf7-form .dialog-message {
    font-size: 18px;
}

.wpcf7-form input:not([type="submit"]),
textarea {
    /* border-color: var(--white);*/
}

.wpcf7-form label {
    width: 100%;
    display: flex;
    font-size: var(--fz-sm);
    line-height: 1em;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.wpcf7-form input[type="submit"] {
    border: none;
    outline: none;
    width: 100%;
    white-space: normal;
    background-color: var(--accent);
    padding: 12px 15px;
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
}

.form-inputs-wrap {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.form-inputs-wrap label.half {
    width: calc(50% - 3px);
    display: block;
}

.form-inputs-wrap label:not(.half) {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
}

.wpcf7-form .label-text {
    color: #fff;
    padding-bottom: 3px;
    display: block;
}

/*.wpcf7-form .label-text {*/
/*    position: absolute;*/
/*    background: transparent;*/
/*    font-size: 1.5rem;*/
/*    top: 1.7rem;*/
/*    padding: 0;*/
/*    left: 1.5rem;*/
/*    border-radius: 3px;*/
/*    transition: top .2s ease;*/
/*    line-height: 1.5rem;*/
/*}*/

/*.wpcf7-form .has-value .label-text,*/
/*.wpcf7-form .focus .label-text {*/
/*    top: -1rem;*/
/*    left: 1.5rem;*/
/*    background: #fff;*/
/*    font-size: 1.2rem;*/
/*    padding: .5rem 1rem;*/
/*}*/

.wpcf7-form-control-wrap {
    display: flex;
    width: 100%;
    border: 1px solid var(--secondary-blue);
    border-radius: var(--radius);
}

.wpcf7-form input:not([type="submit"]).wpcf7-not-valid,.wpcf7-form select.wpcf7-not-valid {
    border-color: #f9443b;
    background: #fff0f0;
}

.screen-reader-response {
    display: none;
    margin-bottom: 20px;
}
.wpcf7-form[data-status="invalid"] .wpcf7-response-output{
    padding: 1rem;
    margin: 2rem auto !important;
}

.wpcf7-form .wpcf7-response-output {
    text-align: center;
    font-size: 2rem;
    padding:0;
    margin:0;
    border-radius: var(--radius);
    background: var(--light);
    width: 100%;
}
.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.sent .wpcf7-response-output ,
.wpcf7-form.spam .wpcf7-response-output {
    padding: 1rem;
}

.wpcf7-form.submitting .wpcf7-response-output {
    padding: 0;
}

.wpcf7-form .sent .wpcf7-response-output {
    color: green;
}

.wpcf7-form .form-footer {
    font-size: 16px;
    color: var(--accent);
    text-align: center;
    margin-top: 20px;
    cursor: pointer;
}

.wpcf7-form .form-footer:hover {
    text-decoration: underline;
}

button.wpcf7-submit {
    width: 100%;
    max-width: 100%;
    line-height: 1.25;
}
/* Address autocomplete fields*/
.autocomplete-container{
    width: 100%;
}
.address-input-container {
    display: flex;
    position: relative;
}

.wpcf7-form .address-input-container input {
    flex: 1;
    outline: none;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 10px 31px 10px 10px;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
    border-top: none;
    background-color: #fff;
    z-index: 99;
    top: calc(100% + 2px);
    left: 0;
    right: 0;
    font-size: var(--fz-sm);
}
.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
}
.autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: rgba(0, 0, 0, 0.1);
}
.autocomplete-items .autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: rgba(0, 0, 0, 0.1);
}
.clear-button {
    color: rgba(0, 0, 0, 0.4);
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 8px;
    height: 100%;
    display: none;
    align-items: center;
}
.clear-button.visible {
    display: block;
}
.clear-button:hover {
    color: rgba(0, 0, 0, 0.6);
}

input::placeholder {
    color: var(--secondary-blue);
    opacity: 1;
}
textarea::placeholder {
    color: var(--secondary-blue);
    opacity: 1;
}
.content_with_sidebar .content.title-text img {
    width: revert-layer;
}

.icon-no-title .content-block {
    display: flex;
    align-items: center;
}

.icon-no-title .content-block p {
    margin: 0;
}

.icon-no-title .content .block-title {
    width: fit-content;
}

.icon-no-title .content .content-block {
    padding: 0;
}

.full-section-title h2 {
    margin-bottom: 2rem;
    text-align: center;
    margin-top: 5rem !important;
}

.title-text img {
    margin-top: 20px;
}

.content_with_sidebar ol,
.title-text ol {
    list-style-type: none;
    padding: 0;
    counter-reset: li;
}

.content_with_sidebar ol li,
.title-text ol li {
    counter-increment: li;
    padding-left: 3em;
    position: relative;
    min-height: 2.5em;
    line-height: 1.4em;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.content_with_sidebar ol li strong,
.title-text ol li strong {
    width: 100%;
}

.content_with_sidebar ol li strong+br,
.title-text ol li strong+br {
    display: none;
}

.content-reverse .row .col:first-of-type {
    flex-direction: column-reverse;
}

.content_with_sidebar ol li::before,
.title-text ol li::before {
    content: counter(li);
    width: 2em;
    height: 2em;
    background-color: #2b3649;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: .5rem;
}

.custom-html-wrap iframe,
.content_with_sidebar iframe {
    min-height: 400px;
    width: 100%;
}

.mh-3 {
    min-height: 300px;
    display: flex;
    align-items: center;
}

.mb-0 {
    margin-bottom: 0;
}


/* Content Box Template Styles */

.content_box .row4col .col {
    background: #FFF;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
}

.content_box .card-img-wrap:after {
    content: none;
}

.content_box .card-img-wrap {
    padding: 0;
    z-index: 1;
}

.content_box .card-img-wrap img {
    object-fit: contain;
    position: relative;
    height: 240px;
    padding: 15px;
}

.content_box {
    padding-bottom: 4rem;
}

.content_box .card-description {
    text-align: left;
    margin-bottom: 1rem;
}


/* Content Box Template Styles END */


/* Columns (Title, Image, Description) Template Styles */

.columns_title_image_descr .row3col .col {
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}

.columns_title_image_descr .content-box {
    text-align: center;
}

.columns_title_image_descr .row4col .content-box {
    min-width: 48%;
    gap: 3rem;
}

.columns_title_image_descr .section-title {
    width: 100%;
}

.columns_title_image_descr .box-img-wrap img {
    height: 159px;
    width: 100%;
    object-fit: contain;
}

.columns_title_image_descr .box-img-wrap {
    padding-bottom: 20px;
}

.columns_title_image_descr .col.row2col {
    justify-content: space-between;
    margin-bottom: auto;
}

.col.full-h img {
    height: 100%;
    max-height: 195px;
}

.columns_title_image_descr .full-h .box-img-wrap {
    padding-bottom: 0;
}


/* Columns (Title, Image, Description) Template Styles END */

.has-top-divider.texture-bg.texture-bg-2 .cornerTopWrap:after {
    background: linear-gradient(180deg, #fff 10%, #ffffff00), url(/wp-content/uploads/2023/12/dangelo-and-sons-grey-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 45%;
}

.reverse-top-grey .cornerTopWrap {
    transform: matrix(-1, 0, 0, -1, 0, 0);
}

.reverse-top-grey .cornerTopWrap:before {
    clip-path: polygon(0% 90%, 0% 100%, 100% 100%, 100% 90%, 22% 3%);
}

.section-subtitle {
    font-size: 39px;
    font-style: normal;
    font-weight: 700;
    line-height: 49px;
}

.services-icon-cards .section-title {
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px;
    text-transform: capitalize;
    margin-bottom: 0;
}

.services-icon-cards .card-content {
    width: 209px;
    height: 209px;
    flex-shrink: 0;
    border: 1px solid #2B3649;
    background: #F6F8FA;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.services-icon-cards .card-content h3 {
    color: #2B3649;
    font-size: 23px;
    transition: 0.3s;
}

.services-icon-cards .large-icon svg {
    width: 100px;
    height: 100px;
    margin-bottom: 15px;
}

.services-icon-cards .container {
    padding-bottom: 12rem;
}

.services-icon-cards .card:hover .card-content {
    background: #FF6B00;
    border: 1px solid white;
    transition: 0.3s;
}

.services-icon-cards .card:hover .card-content h3 {
    color: white;
    transition: 0.3s;
}

h3.right {
    text-align: right;
}

.title-grey h2 {
    color: #2b364973;
    margin-bottom: 0;
}

.services-icon-cards .cards>a {
    display: flex;
    justify-content: center;
}

.services-icon-cards .card-description {
    display: none;
}

.services-icon-cards .cards {
    justify-content: center;
}

.services-icon-cards .card {
    flex: none;
}

.shrink-content .title-text h2 {
    margin-bottom: 15px;
}

.shrink-content .title-text ol li {
    margin-bottom: 0;
}


/* .columns_text_image .imgs {
    height: 100%;
}

.columns_text_image .imgs img {
    height: 100%;
    object-fit: cover;
} */

.ol-mb-none ol:last-of-type,
.ol-mb-none ol:last-of-type li:last-of-type {
    margin-bottom: 0;
}

.pagination-wrapper .pagination {
    list-style: none;
    justify-content: center;
    border: none;
    padding: 0;
    align-items: center;
}

.pagination-wrapper .pagination .pagination-item,
.pagination .pagination-separator {
    color: #2B3649;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 39px;
    font-weight: 400;
    line-height: normal;
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: 0.2s;
    cursor: pointer;
}

.pagination-wrapper .pagination .pagination-item.active,
.pagination-wrapper .pagination .pagination-item:hover {
    text-decoration: underline;
    transition: 0.2s;
}

.pagination-wrapper .pagination .pagination-item.active,
.pagination .pagination-separator {
    cursor: default;
}

.pagination-next-item,
.pagination-prev-item {
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #444D5C;
    border-radius: 50%;
    transition: 0.1s;
    cursor: pointer;
}

.pagination-prev-item {
    transform: rotate(180deg);
}

.pagination-next-item:hover,
.pagination-prev-item:hover {
    background: #ECECEC;
    border: 1px solid #ECECEC;
    transition: 0.1s;
}

.gallery-wrap .preloader {
    display: none;
    width: 100px;
    height: 100px;
    margin: auto;
}

.gallery-wrap .preloader>span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.loading {
    pointer-events: none;
    opacity: 0.5;
}

.image-filter.loading {
    opacity: 0;
    height: 0px;
}

#filter-controls .btn.active,
.pagination .pagination-item.active {
    pointer-events: none;
}

section.pt-0 {
    padding-top: 0;
}

.content_with_sidebar.title-fix .row>.col {
    margin: auto;
}

.left-align h2,
.left-align .card {
    text-align: left;
    margin-left: 0;
    padding-left: 0;
}

.line-content .cards {
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 0;
}

.line-content .card-content a.button {
    display: flex;
    flex-wrap: nowrap;
    max-width: 100%;
    font-weight: 500;
    line-height: 26px;
    text-transform: capitalize;
}

.line-content .card-content a.button svg {
    margin: 0;
    margin-right: 20px;
}

.reward-container .card-img-wrap:after {
    content: none;
}

.reward-list {
    list-style: none;
    text-align: left;
    margin: 20px 0;
}

.reward-container .card-description {
    text-align: left;
}

.reward-container .card-title {
    font-size: 29px;
    line-height: 30px;
    margin-bottom: 5px;
}

.reward-container .card-price {
    font-size: 65px;
    font-weight: 700;
    line-height: 70px;
    margin-bottom: 20px;
}

.reward-list .reward-item {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding-left: 25px;
    position: relative;
    cursor: default;
}

.reward-item::before {
    content: url(../img/list-arrow.svg);
    width: 14px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 4px;
    transition: 0.2s;
}


/* .reward-list .reward-item:hover::before {
    left: 10px;
    transition: 0.2s;
} */

.mb-h2-1 .title-text h2 {
    margin-bottom: 1rem;
}

.reward-container .card:hover .card-content {
    transition: 0.5s;
    transform: scale(1.05);
}

.reward-container .card .card-content {
    transition: 0.5s;
    transform: scale(1);
}

.iframe-h-auto .custom-html-wrap iframe {
    max-height: 382px;
}

.iframe-h-auto .custom-html-wrap {
    display: flex;
    align-items: flex-end;
}

.content_with_sidebar.content-reverse .content .content-block:last-of-type {
    padding-bottom: 0;
}

.content_with_sidebar.content-reverse .content .content-block:last-of-type p:last-of-type {
    margin-bottom: 0;
}

.location-submenu .sub-menu,
.services .sub-menu {
    flex-direction: column;
    max-height: 34em;
}

.services .sub-menu {
    max-height: 37em;
}

.sub-menu.menu-items-3 {
    max-height: 15em;
}

.sub-menu.menu-items-6 {
    max-height: 20em;
}

.sub-menu.menu-items-9 {
    max-height: 25em;
}

.menu-item.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.job_filters,
.job_listings {
    max-width: 900px;
    margin: auto !important;
    width: 100%;
}

.job_types input,
.search_remote_position input {
    opacity: 1;
    position: relative;
    margin-right: 10px;
}

.job_types label {
    align-items: center;
    display: flex;
    line-height: 1.2;
    color: white;
}

.careers-form select.wpcf7-select {
    border: none;
}

.careers-form .form-inputs-wrap label:nth-child(-n+3) {
    width: calc(33% - 7.5px);
}

.careers-form form .info-text {
    font-size: 12px;
    width: 100%;
    margin-top: -10px;
    margin-bottom: 0;
}

.careers-form .wpcf7-form-control-wrap[data-name="file-resume"] {
    border: none;
}

.careers-form form input.wpcf7-file {
    font-size: 16px;
    line-height: 3rem;
    margin-top: 10px;
}

.search_remote_position {
    display: flex;
    align-items: center;
}

.search_jobs input {
    color: var(--text-dark);
    width: 100%;
    border-width: 1px;
    border-radius: var(--radius);
    border-style: solid;
    padding: 1.25rem 1.5rem;
    line-height: 1;
    min-height: 4rem;
    outline: none;
    font-size: 1.5rem;
}

.search_submit input[type="submit"] {
    padding: 1.5rem 4rem;
    text-transform: uppercase;
    border-radius: var(--radius);
    border: none;
    outline: none;
    background: var(--accent);
    color: var(--white);
    font-weight: 700;
    cursor: pointer;
    transition: opacity .2s;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    text-align: center;
    font-size: 100%;
}

.job_filters .search_submit {
    margin: 10px 0;
}

.job_filters {
    background: none;
}

.job_filters .search_jobs {
    padding: 0;
    margin-bottom: 10px;
}

.job_filters .job_types {
    background: #576c90;
    padding: 5px 10px;
}

.max-900 {
    max-width: 900px;
    margin: auto;
}

.post-card-link {
    color: var(--links);
    /* font-size: 21px; */
    font-weight: 500;
    line-height: 10px;
    /* 47.619% */
}

.pagination a,
.blog_with_sidebar .single-post-pagination a {
    color: var(--links);
    font-weight: 500;
}

.blog_with_sidebar .single-post-pagination a>span {
    font-weight: 400;
}

p>a,
p>span>a,
.contacts-list a,
.contacts-list span>a {
    text-decoration: none;
}

.job_listings .job-type {
    color: var(--secondary-blue);
}

.job_listings .date,
.single-job_listing .post-date {
    display: none !important;
}

.page_404 {
    margin: 10rem auto;
}

.page_404 .col {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_404 h1 {
    margin-bottom: 0;
}

.page_404 h2 {
    margin-top: 0;
}

.page_404 a {
    padding: 1.5rem 4rem;
    text-transform: uppercase;
    border-radius: var(--radius);
    border: none;
    outline: none;
    background: var(--accent);
    color: var(--white);
    font-weight: 700;
    cursor: pointer;
    transition: opacity .2s;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 30rem;
    margin: auto;
    text-align: center;
}

.archive.category .blog_with_sidebar .row>.col,
.search .blog_with_sidebar .row>.col {
    justify-content: flex-start;
}

.searchform .call-button {
    padding: 1.5rem 4rem;
    text-transform: uppercase;
    border-radius: var(--radius);
    border: none;
    outline: none;
    background: var(--accent);
    color: var(--white);
    font-weight: 700;
    cursor: pointer;
    transition: opacity .2s;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 30rem;
    margin: auto;
    text-align: center;
    height: 2.5em;
}

.search-form-wraper,
form.searchform {
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
}

form.searchform {
    margin: 2rem auto;
}

input#s {
    width: 100%;
    background: #DEDEDE;
    border: none;
    height: 2.5em;
    border: 1px solid #DEDEDE;
    outline: none;
    padding: 0 2rem;
}

.cornerTop-bg-light .cornerTopWrap::before {
    background: var(--light);
}

.wpcf7-response-output {
    position: relative;
}

section .wpcf7-response-output {
    margin: 5rem auto !important;
}

#menu-form .wpcf7-response-output {
    font-size: var(--fz);
}

.footer .col .col.w-min-30,
.w-min-30 {
    min-width: 30rem;
}

.footer .col .col.w-min-25,
.w-min-25 {
    min-width: 25rem;
}

@media (min-width: 769px) {
    .col.row4col .content-box {
        min-width: 20%;
        max-width: calc(24% - 2rem);
    }
    .col.row2col .content-box {
        min-width: 45%;
        max-width: calc(48% - 2rem);
    }
    .iframe-h-auto .custom-html-wrap iframe {
        min-height: auto;
    }
    .col.grow-04,
    .grow-04 {
        flex: .4;
    }
}

@media (max-width: 1200px) {
    .columns_title_image_descr .box-img-wrap img {
        height: 80px;
    }
    .col.full-h img {
        max-height: 120px;
    }
    .services-icon-cards .card {
        width: 25%;
        flex: inherit;
        align-items: center;
    }
    .iframe-h-auto {
        padding-top: 4rem;
    }
}

@media (max-width: 1120px) {
    .hide-mobile {
        display: none;
    }
    .center-mobile{
        justify-content: center;
    }
    .header{
        top: 0px;
    }
    .admin-bar .header {
        top: 32px;
    }
    #header-top.scroll {
        display: none;
    }
    .location-submenu .sub-menu,
    .services .sub-menu {
        max-height: 100%;
    }
    .single-post-pagination>div {
        min-width: auto;
    }
    .single-post-pagination {
        flex-wrap: nowrap;
    }
    #top-nav .menu-item-has-children.on-hover .sub-menu {
        padding-left: 1rem;
    }
    .menu-container {
        visibility: hidden;
        position: fixed;
        max-width: 50rem;
        right: 0;
        max-height: 0;
        overflow: auto;
        transition: max-height 0s ease;
        top: 99%;
        z-index: 1;
    }
    .menu-button-container {
        display: flex;
    }
    .header #pre-header.open {
        min-height: 0;
    }
    #top-nav.open #menu-form {
        display: none;
    }
    .mobile-floating-buttons {
        display: flex;
        position: fixed;
        left: 0;
        bottom: -2px;
        width: 100%;
        background: var(--white);
        z-index: 0;
    }
    .mobile-menu-open .menu-container {
        visibility: visible;
        background: var(--dark);
        min-height: 100vh;
        overflow: auto;
        transition-duration: 0.5s;
        max-width: 100%;
        color: #fff;
        width: 100%;
        top: 0;
        padding-top: 116px;
        padding-bottom: 8rem;
    }
    .menu-container:before {
        content: '';
        position: fixed;
        top: 0;
        width: 100%;
        padding-bottom: 7rem;
        background: var(--dark);
        z-index: 9;
    }
    .menu-container::-webkit-scrollbar {
        width: 0;
    }
    .menu-container::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    .menu-container::-webkit-scrollbar-thumb {
        background: var(--secondary-blue);
    }
    .menu-container::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
    #top-nav .menu {
        flex-wrap: wrap;
        max-width: 40rem;
        margin: 0rem auto;
        padding: 0 1rem;
    }
    #top-nav .menu>.menu-item {
        width: 100%;
        flex-wrap: wrap;
        overflow: hidden;
        justify-content: start;
        height: 6rem;
    }
    #top-nav .menu>.menu-item:not(:last-child) {
        border-bottom: 1px solid var(--dark);
    }
    #top-nav .menu>.menu-item>a {
        width: max-content;
        font-size: var(--fz-l);
    }
    #top-nav .menu>.menu-item>svg {
        margin: 1em;
    }
    #top-nav .menu>.menu-item.on-hover {
        height: auto;
        background: var(--dark);
        margin-bottom: 1rem;
        padding-bottom: 0rem;
    }
    #top-nav .menu .sub-menu {
        position: relative;
        top: 0;
        flex-direction: column;
        background-image: unset;
        box-shadow: none;
        padding: 0;
        background: var(--dark);
        display: flex;
        margin: 0rem;
    }
    #top-nav .grid-submenu .sub-menu:after {
        display: none;
    }
    #top-nav .menu .sub-menu .menu-item {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 0;
    }
    #top-nav .menu .sub-menu .menu-item a {
        flex-direction: row;
        align-items: center;
        color: #fff;
    }
    #top-nav .menu .sub-menu .menu-item a .menu-item-description {
        color: #fff;
    }
    #top-nav .no-icons-sub-menu .menu-item a {
        margin-left: 2rem;
    }
    #top-nav .menu .grid-submenu .sub-menu .menu-item a {
        flex-wrap: wrap;
    }
    #top-nav .menu-item a svg {
        width: 3em;
        height: 3em;
        margin-right: 1em;
        color: #fff;
    }
    .mobile-button {
        background: var(--accent);
        max-width: 220px;
        margin: 2rem auto 2rem 2rem;
    }
    .mobile-button a,
    .menu-call-link a {
        margin: auto !important;
    }
    #top-nav .menu>.menu-item.menu-call-link {
        display: flex;
        background: var(--white);
        max-width: 220px;
        margin: 0 auto 2rem 2rem;
    }
    #top-nav .menu>.menu-item.menu-call-link>a {
        color: var(--dark);
        display: flex;
    }
    #top-nav .menu>.menu-item.menu-call-link>a svg {
        width: 1.4em;
        height: 1.4em;
        color: var(--dark);
    }
}
@media (min-width: 1121px) {
    .open .menu-button-container {
        min-width: 50px;
        display: flex;
        align-items: center;
        padding-left: 1rem;
    }
    #top-nav.open #menu {
        display: none;
    }
    .mobile-floating-buttons {
        display: none;
    }
    .hide-desktop {
        display: none;
    }
    .content-end-desktop, .col.content-end-desktop{
        justify-content: end;
    }     
    .space-between-desktop{
        justify-content: space-between;
    }
}
@media (max-width: 991px) {   
    .services-icon-cards .card,
    .services-icon-cards .cards>a {
        width: 33%;
        min-width: 22rem;
    }
    .services-icon-cards a>.card {
        width: 100%;
    }
    .careers-form .form-inputs-wrap label:nth-child(-n+3) {
        width: calc(33% - 7.8px);
    }
    .careers-form form input.wpcf7-file {
        font-size: 14px;
    }
    .careers-form .wpcf7-form select {
        font-size: inherit;
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto;
    }
    .footer .row.cols {
        flex-direction: column;
    }
    .footer .row.cols>.col .col.first {
        flex-grow: 1;
    }
    .footer .row.cols>.col .col {
        width: 25%;
    }
}
@media (max-width: 768px) {
    #pre-header .top-banner {
        min-width: 100%;
    }
    #pre-header .top-banner-text {
        font-size: 1.4rem;
        line-height: 1.2em;
    }
    .footer .col .col {
        min-width: 30rem;
    }
    .footer .col.dnovo {
        flex-direction: column;
    }
    .footer .copy .col {
        font-size: var(--fz-sm);
        text-align: center;
    }
    .admin-bar .header {
        top: 0px;
    }
    .content_with_sidebar {
        overflow: hidden;
    }
    #pre-header .col.call {
        display: none;
    }
    .hero.has-bottom-divider .row .col:last-of-type {
        padding-bottom: 14rem;
        margin-bottom: 1px;
    }
    .has-divider-after .row {
        padding-bottom: 7rem;
    }
    .columns_title_image_descr .box-img-wrap img {
        height: 200px;
    }
    .col.full-h img {
        max-height: 200px;
    }
    .columns_title_image_descr .row4col .content-box {
        margin-bottom: 1rem;
    }
    .columns_title_image_descr .col.row2col {
        justify-content: space-evenly;
    }
    .services-icon-cards .section-title {
        font-size: var(--h2);
    }
    .section-subtitle {
        font-size: var(--h3);
        line-height: 1.1;
    }
    .icon_cards .col h2:first-child {
        margin-top: 3rem;
    }
    .pagination-wrapper .pagination .pagination-item,
    .pagination .pagination-separator,
    .pagination-next-item,
    .pagination-prev-item {
        font-size: 22px;
        width: 45px;
        height: 45px;
    }
    .pagination-next-item svg,
    .pagination-prev-item svg {
        height: 20px;
        width: auto;
    }
    .pagination-wrapper .pagination {
        margin: 0;
    }
    .line-content .card-content a.button {
        font-size: 2rem;
        padding: 1.5rem 2rem;
    }
    .line-content .card-content h3 {
        font-size: 1em;
    }
    .careers-form .form-inputs-wrap label {
        width: 100% !important;
    }
    .careers-form .wpcf7-form .has-value .label-text,
    .wpcf7-form .focus .label-text {
        top: -0.9rem;
        font-size: 1rem;
        padding: 0.1rem 1rem;
    }
    .careers-form form input.wpcf7-file {
        line-height: 1.5rem;
    }
    .careers-form .wpcf7-form .label-text {
        line-height: 1rem;
    }
    .wpcf7-form label.focus .label-text {
        line-height: 1.5rem;
    }
    .job_types li {
        width: 50%;
    }
    .job_types li:nth-of-type(2n) {
        border: none;
    }
    .careers-form h2 svg {
        margin-right: auto;
        margin-left: 0;
    }
    .single-post-pagination>div {
        min-width: 280px;
    }
    .single-post-pagination {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .mobile-button,
    .menu-call-link {
        width: 100%;
        max-width: calc(100% - 10rem) !important;
    }
    .video-bg{
        display:none;
    }
    .hero .form{
        width: 111%;
        margin-left: -2.4rem;
        margin-right: -2.4rem;
        box-shadow: 0px -5px 10px rgba(0,0,0,0.7);
        border-top: 2px solid #ccc;
    }
    .card-title {
        font-size: 1.2em;
    }
}

@media (max-width: 568px) {
    li.pagination-separator {
        display: none !important;
    }
    .pagination-wrapper .pagination .pagination-item,
    .pagination .pagination-separator,
    .pagination-next-item,
    .pagination-prev-item {
        font-size: 18px;
        width: 35px;
        height: 35px;
    }
    .iframe-h-auto .custom-html-wrap iframe {
        min-height: 250px;
    }
}

.grecaptcha-badge{
    display: none;
}

/* financeit styles*/
.side-form-top.financeit{
    background: var(--financeit-dark);
}
.side-form-top.financeit:before {
    background: var(--financeit-dark);
}
.side-form-top.financeit .logos{
    display: flex;
    gap: 14px;
}
.side-form-top.financeit small{
    margin: 2rem 0 2rem;
    display: block;
    font-size: 1.3rem;
}
.side-form-top.financeit .h2{
    font-size: calc(var(--h2) * .9);
    margin-top: .5em;
}
#logo-sidebar{
    max-width: 148px;
}
.button.blue {
    background: var(--financeit-blue);
    color: #fff;
    display: block;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.button.blue.aligned-left {
    margin: 2rem 0 1rem;
}

.title-text ol.ol-to-cards.blue li::before{
    color: var(--financeit-blue);
}

/* shine animation*/
.shine{
    background: #FBBC05 -webkit-gradient(linear, left top, right top, from(#FBBC05), to(#FBBC05), color-stop(0.5, #fff)) 0 0 no-repeat;
    background-image: -webkit-linear-gradient(-40deg, transparent 0%, transparent 35%, #fff 40%, transparent 70%, transparent 100%);
    -webkit-background-size: 200px;
    color: rgba(251, 188, 5, 0.5);
    /*color: rgb(255, 107, 2);*/
    -webkit-background-clip: text;
    -webkit-animation-name: shine;
    -webkit-animation-duration: 6s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count: infinite;
    /*text-shadow: 0 0px 0px rgba(255, 255, 255, 0.5);*/
}

@-webkit-keyframes shine {
    0%, 20% {
        background-position: -160% 0;
    }
    70%,100% {
        background-position: 290% 0;;
    }
}
.hithere {
    animation: hithere 1s ease 1s;
}
@keyframes hithere {
    30% { transform: scale(1.2); }
    40%, 60% { transform: rotate(-20deg) scale(1.2); }
    50% { transform: rotate(20deg) scale(1.2); }
    70% { transform: rotate(0deg) scale(1.2); }
    100% { transform: scale(1); }
}