[type=button],

[type=reset],

[type=submit],

button {

    -webkit-appearance: button

}



[type=button]::-moz-focus-inner,

[type=reset]::-moz-focus-inner,

[type=submit]::-moz-focus-inner,

button::-moz-focus-inner {

    border-style: none;

    padding: 0

}



[type=button]:-moz-focusring,

[type=reset]:-moz-focusring,

[type=submit]:-moz-focusring,

button:-moz-focusring {

    outline: none;

}



[type=checkbox],

[type=radio] {

    box-sizing: border-box;

    padding: 0

}



[type=number]::-webkit-inner-spin-button,

[type=number]::-webkit-outer-spin-button {

    height: auto

}



[type=search] {

    -webkit-appearance: textfield;

    outline-offset: -2px

}



[type=search]::-webkit-search-decoration {

    -webkit-appearance: none

}



::-webkit-file-upload-button {

    -webkit-appearance: button;

    font: inherit

}



[hidden] {

    display: none

}



h1,

h2,

h3,

h4,

h6,

p {

    margin: 0

}



button {

    background-color: transparent;

    background-image: none

}



button:focus {

    outline: 1px dotted;

    outline: 5px auto -webkit-focus-ring-color

}



ul {

    margin: 0;

    padding: 0

}



ul {

    list-style: none

}






*,

:after,

:before {

    box-sizing: border-box;

    border: 0 solid #e2e8f0

}



img {

    border-style: solid

}



input::-moz-placeholder {

    color: #a0aec0

}



input:-ms-input-placeholder {

    color: #a0aec0

}



input::placeholder {

    color: #a0aec0

}



[role=button],

button {

    cursor: pointer

}



table {

    border-collapse: collapse

}



h1,

h2,

h3,

h4,

h6 {

    font-size: inherit;

    font-weight: inherit

}




button,

input,

select {

    padding: 0;

    line-height: inherit;

    color: inherit

}







iframe,

img,

svg,

video {

    display: block;

    vertical-align: middle

}















.container {

    width: 100%;

    margin-left: auto;

    margin-right: auto;

    padding-left: 20px;

    padding-right: 20px;

    max-width: 1700px

}



.container--1550 {

    max-width: 1550px

}



a {

    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;

    transition-duration: .3s

}



a:hover {

    cursor: pointer

}



.lazyload {

    opacity: 0

}



.lazyloaded {

    opacity: 1;

    transition: opacity .3s

}



.icon {

    display: inline-block;

    width: 1em;

    height: 1em;

    stroke-width: 0;

    stroke: currentColor;

    fill: currentColor

}


.h1,

.h2,

.h3,

.h4,

.h6,

h1,

h2,

h3,

h4,

h6 {

    font-weight: 500;

    line-height: 1.375;

    margin-bottom: 1rem;

    --text-opacity: 1;

    color: #00a4b8;

    color: rgba(0, 164, 184, var(--text-opacity))

}



.h1 span,

.h2 span,

.h3 span,

.h4 span,

.h6 span,

h1 span,

h2 span,

h3 span,

h4 span,

h6 span {

    font-weight: 700

}



h1 {

    font-size: 2.1rem

}



@media (min-width:1000px) {

    h1 {

        font-size: 2.7rem

    }

}



h2 {

    font-size: 1.5rem

}



h3 {

    font-size: 1.25rem

}



.mobile-top-bar .ld-phonenumber {

    width: 70%

}



@media (min-width:768px) {

    .mobile-top-bar .ld-phonenumber {

        width: 50%

    }

}



.mobile-top-bar .ld-phonenumber a {

    display: block;

    font-weight: 700;

    font-size: 1.1rem;

    --text-opacity: 1;

    color: #fff;

    color: rgba(255, 255, 255, var(--text-opacity));

    --bg-opacity: 1;

    background-color: #366f7e;

    background-color: rgba(54, 111, 126, var(--bg-opacity));

    padding: 12px 20px

}



.mobile-top-bar .ld-phonenumber a:hover {

    --bg-opacity: 1;

    background-color: #00a4b8;

    background-color: rgba(0, 164, 184, var(--bg-opacity))

}



.mobile-top-bar .ld-phonenumber svg {

    margin-right: 5px

}



@media (min-width:1000px) {

    .header+div {

        margin-top: 119px

    }

}



.header .icon-menu {

    width: 35px;

    height: 35px

}



@media (min-width:1000px) {

    .header+.breadcrumbs {

        margin-top: 180px

    }

}



.phone-top-right .ld-phonenumber {

    display: block;

    width: 100%

}



.phone-top-right .ld-phonenumber a {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 100%;

    padding-left: 20px;

    padding-right: 20px;

    font-size: 1.2rem;

    --bg-opacity: 1;

    background-color: #366f7e;

    background-color: rgba(54, 111, 126, var(--bg-opacity))

}



@media (min-width:1400px) {

    .phone-top-right .ld-phonenumber a {

        font-size: 1.5rem

    }

}



.phone-top-right .ld-phonenumber svg {

    margin-right: 5px;

    font-size: 1.3rem

}



.header-form-links {

    position: absolute;

    left: 0;

    right: 0;

    top: 111px

}



@media (min-width:1000px) {

    .header-form-links {

        width: 455px;

        left: inherit;

        top: 119px

    }

}



@media (min-width:1000px) {

    .header--small .logo {

        padding-top: 20px;

        padding-bottom: 20px;

        max-width: 150px

    }



    .header--small .icon-menu {

        width: 20px;

        height: 20px

    }



    .header--small .header__btn,

    .header--small .phone-top-right .ld-phonenumber a {

        font-size: 1.1rem

    }



    .header--small .header-form-links {

        top: 79px

    }

}



.mob-nav {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    height: 100%;

    --bg-opacity: 1;

    background-color: #00a4b8;

    background-color: rgba(0, 164, 184, var(--bg-opacity));

    display: block !important;

    width: 80%;

    z-index: 99999999;

    transform: translateX(100%);

    transition: .4s;

    max-width: 360px

}



.mob-nav:before {

    content: "Menu";

    display: block;

    width: 100%;

    padding: 1rem;

    text-align: center;

    --text-opacity: 1;

    color: #fff;

    color: rgba(255, 255, 255, var(--text-opacity));

    font-weight: 700;

    border-bottom: 1px solid hsla(0, 0%, 100%, .15)

}



.mob-nav--active {

    transform: translateX(0);

    box-shadow: -10px 0 30px rgba(0, 0, 0, .2)

}



.mob-nav li {

    list-style-type: none

}



.mob-nav a,

.mob-nav li {

    position: relative;

    float: left;

    width: 100%

}



.mob-nav a {

    padding: 1rem 4rem 1rem 1.5rem;

    font-size: .875rem;

    text-align: left;

    color: #fff;

    border-bottom: 1px solid hsla(0, 0%, 100%, .15);

    background-color: transparent

}



.mob-nav a,

.mob-nav a:hover {

    text-decoration: none

}



.mob-nav a>.icon,

.mob-nav br {

    display: none

}



.mob-nav .current-menu-ancestor>a,

.mob-nav .current-menu-item>a,

.mob-nav .current-menu-parent>a,

.mob-nav .current-page-ancestor>a,

.mob-nav .current_page_parent>a {

    background-color: rgba(0, 0, 0, .1)

}



.mob-nav .sub-arrow {

    position: absolute;

    top: 0;

    right: 0;

    z-index: 10;

    padding-left: 0;

    padding-right: 0;

    text-align: center;

    cursor: pointer;

    padding-top: 14px;

    padding-bottom: 14px;

    border-left: 1px solid hsla(0, 0%, 100%, .15);

    width: 45px;

    color: #fff;

    background-color: transparent

}



.mob-nav .sub-arrow .icon {

    display: none

}



.mob-nav .sub-arrow .icon.active {

    display: inline-block

}



.mob-nav a.active {

    background-color: rgba(0, 0, 0, .1)

}



.mob-nav a.active+.sub-arrow {

    border-color: hsla(0, 0%, 100%, .15)

}



.mob-nav .sub-menu {

    display: none;

    float: left;

    width: 100%

}



.mob-nav .sub-menu li {

    padding-left: 1.5rem

}



.mob-nav .sub-sub-menu {

    display: none

}



.mob-nav .scroll-container {

    position: absolute;

    width: 100%;

    left: 0;

    overflow-y: scroll;

    top: 59px;

    height: calc(100vh - 59px);

    -webkit-overflow-scrolling: touch;

    padding-bottom: 100px

}



.mob-nav .scroll-container::-webkit-scrollbar {

    display: none

}



.mob-nav-close {

    display: none;

    position: fixed;

    left: 0;

    --bg-opacity: 1;

    background-color: #ed6d63;

    background-color: rgba(237, 109, 99, var(--bg-opacity));

    bottom: 40%;

    width: 60px;

    height: 50px;

    transform: translateX(-100%)

}



.mob-nav-close .icon {

    margin: auto;

    font-size: 2.25rem;

    --text-opacity: 1;

    color: #fff;

    color: rgba(255, 255, 255, var(--text-opacity))

}



.mob-nav--active .mob-nav-close {

    display: flex

}



.mob-nav-underlay {

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    visibility: hidden;

    display: block !important;

    background-color: rgba(0, 0, 0, .4);

    z-index: 999999;

    transition: .3s

}



.mob-nav-underlay.mob-nav--active {

    opacity: 1;

    visibility: visible

}



@media (min-width:1000px) {



    .menu-primary li,

    .menu-secondary li {

        position: relative

    }



    .menu-primary a,

    .menu-secondary a {

        position: relative;

        display: block;

        padding: 1rem;

        line-height: 1.375

    }



    .menu-primary a:hover,

    .menu-secondary a:hover {

        --text-opacity: 1;

        color: #00a4b8;

        color: rgba(0, 164, 184, var(--text-opacity))

    }



    .menu-primary a:hover+.sub-menu,

    .menu-secondary a:hover+.sub-menu {

        display: block;

        opacity: 1;

        visibility: visible

    }



    .menu-primary .icon-angle-down,

    .menu-secondary .icon-angle-down {

        position: absolute;

        bottom: -2px;

        left: 50%;

        transform: translateX(-50%);

        width: 1.15em;

        height: 1.15em

    }



    .menu-primary .current-menu-item>a,

    .menu-primary .current-menu-parent>a,

    .menu-primary .current_page_parent>a,

    .menu-secondary .current-menu-item>a,

    .menu-secondary .current-menu-parent>a,

    .menu-secondary .current_page_parent>a {

        --text-opacity: 1;

        color: #00a4b8;

        color: rgba(0, 164, 184, var(--text-opacity))

    }



    .menu-primary .current-menu-item>a:hover,

    .menu-primary .current-menu-parent>a:hover,

    .menu-primary .current_page_parent>a:hover,

    .menu-secondary .current-menu-item>a:hover,

    .menu-secondary .current-menu-parent>a:hover,

    .menu-secondary .current_page_parent>a:hover {

        --text-opacity: 1;

        color: #1a1b39;

        color: rgba(26, 27, 57, var(--text-opacity))

    }



    .menu-primary .sub-menu,

    .menu-secondary .sub-menu {

        position: absolute;

        top: 100%;

        left: 0;

        z-index: 50;

        opacity: 0;

        display: none;

        text-align: left;

        --bg-opacity: 1;

        background-color: #fff;

        background-color: rgba(255, 255, 255, var(--bg-opacity));

        width: 300px

    }



    .menu-primary .sub-menu:hover,

    .menu-secondary .sub-menu:hover {

        display: block;

        opacity: 1;

        visibility: visible

    }



    .menu-primary .sub-menu a,

    .menu-secondary .sub-menu a {

        line-height: 1.5;

        --bg-opacity: 1;

        background-color: #f2f2f2;

        background-color: rgba(242, 242, 242, var(--bg-opacity));

        margin-bottom: 1px

    }



    .menu-primary .sub-menu a:hover,

    .menu-secondary .sub-menu a:hover {

        --text-opacity: 1;

        color: #fff;

        color: rgba(255, 255, 255, var(--text-opacity));

        --bg-opacity: 1;

        background-color: #00a4b8;

        background-color: rgba(0, 164, 184, var(--bg-opacity))

    }

}



.nav-wrap {

    display: none

}



@media (min-width:1000px) {

    .nav-wrap {

        display: flex !important

    }

}



.menu-primary {

    display: none !important

}



@media (min-width:1600px) {

    .menu-primary {

        align-items: center;

        text-align: center;

        display: flex !important

    }

}



.menu-primary span {

    display: block

}



@media (min-width:1800px) {

    .menu-primary span {

        display: inline-block

    }

}



@media (min-width:1200px) {

    .menu-primary>li a {

        font-size: 1rem

    }

}



@media (min-width:1600px) {

    .menu-primary>li a {

        padding-left: 20px;

        padding-right: 20px;

        font-size: 1.05rem

    }

}



.desktop-nav {

    display: block !important;

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    max-width: 100%;

    height: 100%;

    --bg-opacity: 1;

    background-color: #00a4b8;

    background-color: rgba(0, 164, 184, var(--bg-opacity));

    z-index: 99999999;

    transform: translateX(100%);

    transition: .4s

}



.desktop-nav.active {

    transform: translateX(0);

    box-shadow: -10px 0 30px rgba(0, 0, 0, .05)

}



.desktop-nav li {

    list-style-type: none

}



.desktop-nav a,

.desktop-nav li {

    position: relative;

    float: left;

    width: 100%

}



.desktop-nav a {

    padding: 10px 80px;

    --text-opacity: 1;

    color: #fff;

    color: rgba(255, 255, 255, var(--text-opacity));

    font-size: 2.3rem;

    font-weight: 700;

    line-height: 1.375

}



@media (min-width:1200px) {

    .desktop-nav a {

        font-size: 2.7rem

    }

}



.desktop-nav .child-item.active,

.desktop-nav .current-menu-ancestor>a,

.desktop-nav .current-menu-item>a,

.desktop-nav .current-menu-parent>a,

.desktop-nav .current-page-ancestor>a,

.desktop-nav .current_page_parent>a,

.desktop-nav .parent-item.active,

.desktop-nav a:hover {

    --text-opacity: 1;

    color: #1a1b39;

    color: rgba(26, 27, 57, var(--text-opacity))

}



.desktop-nav .sub-menu {

    float: left;

    position: fixed;

    top: 0;

    height: 100vh;

    float: left;

    width: 33.3333%;

    background: hsla(0, 0%, 100%, .01);

    z-index: 999;

    padding-top: 80px;

    transition: 1.5s;

    transform: translateX(300%);

    -webkit-overflow-scrolling: touch

}



.desktop-nav .sub-menu::-webkit-scrollbar {

    display: none

}



.desktop-nav .sub-menu a {

    font-size: 1.5rem

}



@media (min-width:1600px) {

    .desktop-nav .sub-menu a {

        font-size: 2rem

    }

}



.desktop-nav .parent-item {

    padding-right: 50%

}



.desktop-nav .sub-menu-active {

    display: block;

    height: 100vh;

    transform: translateX(100%);

    box-shadow: -10px 0 30px rgba(0, 0, 0, .2)

}



.desktop-nav .sub-sub-menu {

    height: 100vh;

    float: left;

    width: 100%;

    position: fixed;

    top: 0;

    padding-top: 80px;

    padding-bottom: 60px;

    background: hsla(0, 0%, 100%, .025);

    z-index: 9999;

    overflow-y: scroll;

    transition: 1.5s;

    transform: translateX(200%);

    -webkit-overflow-scrolling: touch

}



.desktop-nav .sub-sub-menu::-webkit-scrollbar {

    display: none

}



.desktop-nav .sub-sub-menu a {

    font-size: 1.5rem;

    font-weight: 700

}



@media (min-width:1600px) {

    .desktop-nav .sub-sub-menu a {

        font-size: 1.8rem

    }

}



.desktop-nav .sub-sub-menu-active {

    display: block;

    height: 100vh;

    transform: translateX(100%) !important;

    box-shadow: -10px 0 30px rgba(0, 0, 0, .2)

}



.desktop-nav .scroll-container {

    position: absolute;

    width: 100%;

    left: 0;

    overflow-y: scroll;

    top: 80px;

    height: calc(100vh - 160px);

    -webkit-overflow-scrolling: touch

}



.desktop-nav .scroll-container::-webkit-scrollbar {

    display: none

}



.desktop-nav-close {

    display: none;

    position: fixed;

    right: 0;

    top: 0;

    cursor: pointer;

    --bg-opacity: 1;

    background-color: #ed6d63;

    background-color: rgba(237, 109, 99, var(--bg-opacity));

    width: 80px;

    height: 80px;

    z-index: 9999999999;

    transition: .6s

}



.desktop-nav-close .icon {

    margin: auto;

    fill: #fff

}



.desktop-nav-close:hover {

    --bg-opacity: 1;

    background-color: #1a1b39;

    background-color: rgba(26, 27, 57, var(--bg-opacity))

}



.desktop-nav.active .desktop-nav-close {

    display: flex;

    align-items: center;

    justify-content: center

}



.desktop-nav-underlay {

    display: block;

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    visibility: hidden;

    background-color: rgba(0, 0, 0, .5);

    z-index: 9997;

    transition: .3s

}



.desktop-nav-underlay.active {

    opacity: 1;

    visibility: visible

}



.arrow-bounce {

    position: absolute;

    bottom: 30px;

    left: 50%;

    margin-left: -20px;

    width: 40px;

    height: 40px

}



.arrow-bounce svg {

    fill: #fff;

    width: 40px;

    height: 40px

}



.bounce {

    -webkit-animation: bounce 2s infinite;

    animation: bounce 2s infinite

}



@-webkit-keyframes bounce {



    0%,

    20%,

    50%,

    80%,

    to {

        transform: translateY(0)

    }



    40% {

        transform: translateY(-30px)

    }



    60% {

        transform: translateY(-15px)

    }

}



.hero__primary {

    font-size: 4rem;

    font-weight: 700;

    --text-opacity: 1;

    color: #fff;

    color: rgba(255, 255, 255, var(--text-opacity));

    line-height: 1.25;

    text-align: left;

}



@media (min-width:640px) {

    .hero__primary {

        font-size: 4rem

    }

}



@media (min-width:1000px) {

    .hero__primary {

        font-size: 5rem

    }

}



@media (min-width:1200px) {

    .hero__primary {

        font-size: 5rem

    }

}



@media only screen and (min-width:500px) {

    .hero__secondary {

        width: 65%;

        max-width: 490px

    }

}



.hero .icon {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    fill: #fff

}



.hero+.breadcrumbs {

    margin-top: 25px;

    border-bottom: 1px solid #ebebeb

}



.hero--search {

    margin-bottom: 25px;

    text-align: center;

    --bg-opacity: 1;

    background-color: #00a4b8;

    background-color: rgba(0, 164, 184, var(--bg-opacity))

}



.hero--search .container {

    padding-top: 90px;

    padding-bottom: 90px

}



.hero--search .hero__primary {

    font-size: 2.7rem

}



@media (min-width:1200px) {

    .hero--search .hero__primary {

        font-size: 3rem

    }

}



.hero--search .site-search {

    max-width: 560px;

    box-shadow: 0 0 40px rgba(0, 0, 0, .2);

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-top: 25px;

    margin-left: auto;

    margin-right: auto

}



.site-search {

    border-radius: .375rem;

    overflow: hidden

}



.site-search input[type=text] {

    width: 65%;

    padding: 15px 20px;

    font-size: 1.2rem;

    font-weight: 300;

    border-radius: 0;

    border-style: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    color: #999

}



.site-search input[type=text]:focus {

    outline: 1px solid #ccc

}



.site-search input[type=text]::-webkit-input-placeholder,

.site-search input[type=text]::placeholder {

    color: #aba8a8

}



@media (min-width:640px) {

    .site-search input[type=text] {

        padding: 21px 25px 17px

    }

}



@media (min-width:768px) {

    .site-search input[type=text] {

        width: 75%

    }

}



.site-search input[type=submit] {

    float: left;

    width: 35%;

    padding: 10px;

    font-size: 1.2rem;

    border-style: none;

    border-radius: 0;

    transition: .3s

}



.site-search input[type=submit]:active,

.site-search input[type=submit]:focus,

.site-search input[type=submit]:hover {

    outline: none;

    --bg-opacity: 1;

    background-color: #f8877e;

    background-color: rgba(248, 135, 126, var(--bg-opacity))

}



@media (min-width:768px) {

    .site-search input[type=submit] {

        width: 25%

    }

}



.hero--layout-1 {

    position: relative

}



.hero--layout-1 .hero__content {

    position: relative;

    z-index: 10;

    padding: 60px 10px 130px;

    margin-top: -95px

}



@media (min-width:1000px) {

    .hero--layout-1 .hero__content {

        padding-left: 20px;

        padding-right: 20px

    }

}



@media (min-width:1200px) {

    .hero--layout-1 .hero__content {

        margin-top: -110px

    }

}



@media (min-width:1400px) {

    .hero--layout-1 .hero__content {

        margin-top: -160px

    }

}



.hero--layout-1 .hero__content:before {

    content: "";

    width: 100%;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 10;

    background: url(../images/inner-hero-bg.svg) 0 100% no-repeat;

    background-size: cover;

    transform: rotate(0deg);

    background-size: cover;

    background-position: 0 0

}



.hero--layout-1 .hero__content--with-buckets {

    padding: 100px 20px 120px

}



@media (min-width:640px) {

    .hero--layout-1 .hero__content--with-buckets {

        padding: 90px 20px 130px

    }

}



@media (min-width:1400px) {

    .hero--layout-1 .hero__content--with-buckets {

        padding: 120px 20px 160px

    }

}



.hero--layout-1 .hero__content--general {

    padding-top: 100px;

    padding-bottom: 40px

}



@media (min-width:640px) {

    .hero--layout-1 .hero__content--general {

        padding: 90px 20px 60px

    }

}



@media (min-width:1400px) {

    .hero--layout-1 .hero__content--general {

        padding: 120px 20px 80px

    }

}



.hero--layout-1+.buckets .container {

    position: relative;

    margin-top: -90px;

    z-index: 10

}



.hero--layout-1+.breadcrumbs {

    margin-top: 25px

}



@media (min-width:1000px) {

    .hero--layout-2 .hero__image {

        position: relative

    }

}



.hero--layout-2 .hero__content {

    position: relative;

    z-index: 1;

    margin-top: -95px

}



@media (min-width:1000px) {

    .hero--layout-2 .hero__content {

        position: absolute;

        bottom: 20px;

        left: 15px;

        z-index: 10;

        --bg-opacity: 1;

        background-color: #00a4b8;

        background-color: rgba(0, 164, 184, var(--bg-opacity));

        border-radius: .25rem;

        max-width: 700px;

        margin-top: -95px

    }

}



@media (min-width:1200px) {

    .hero--layout-2 .hero__content {

        margin-top: -110px

    }

}



@media (min-width:1400px) {

    .hero--layout-2 .hero__content {

        margin-top: -160px

    }

}



.hero--layout-2 .hero__content--general {

    padding: 100px 10px 40px

}



@media (min-width:1000px) {

    .hero--layout-2 .hero__content--general {

        padding: 60px 40px

    }

}



@media (min-width:1400px) {

    .hero--layout-2 .hero__content--general {

        padding-left: 60px;

        padding-right: 60px

    }

}



.hero--layout-2 .hero__content--with-buckets {

    padding: 60px 10px 130px

}



@media (min-width:1000px) {

    .hero--layout-2 .hero__content--with-buckets {

        padding: 60px 40px 130px

    }

}



@media (min-width:1400px) {

    .hero--layout-2 .hero__content--with-buckets {

        padding-left: 60px;

        padding-right: 60px

    }

}



.hero--layout-2 .hero__content:before {

    content: "";

    width: 100%;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 10;

    background: url(../images/inner-hero-bg.svg) 0 100% no-repeat;

    background-size: cover

}



@media (min-width:1000px) {

    .hero--layout-2 .hero__content:before {

        display: none

    }

}



.hero--layout-2+.buckets .container {

    position: relative;

    margin-top: -90px;

    z-index: 10

}



.hero--layout-3 .hero__content {

    padding: 60px 10px 130px

}



@media (min-width:1000px) {

    .hero--layout-3 .hero__content {

        padding-bottom: 220px

    }

}



.hero--layout-3 .hero__content:before {

    content: "";

    width: 100%;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    z-index: 10;

    background: url(../images/inner-hero-bg.svg) 0 100% no-repeat;

    background-size: cover;

    background-position: 100% 100%;

    right: -50%;

    transform: rotate(180deg)

}



.hero--main .hero__image {

    padding-top: 350px

}



@media (min-width:640px) {

    .hero--main .hero__image {

        padding-top: 800px

    }

}



@media (min-width:1400px) {

    .hero--main .hero__image {

        padding-top: 1100px

    }

}



.hero--main .hero__content {

    position: relative;

    z-index: 10;

    margin-top: -200px;

    padding: 110px 20px 140px

}



@media (min-width:640px) {

    .hero--main .hero__content {

        padding: 110px 20px 140px;

        position: absolute;

        bottom: 0;

        margin: 0

    }

}



@media (min-width:1000px) {

    .hero--main .hero__content {

        padding-left: 20px;

        padding-right: 20px

    }

}



@media (min-width:1400px) {

    .hero--main .hero__content {

        padding: 140px 20px 150px

    }

}



.hero--main .hero__content:before {

    content: "";

    width: 100%;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 10;

    transform: rotate(0deg);

    background: url(../images/hero-bg.svg) 0 0 no-repeat;

    background-size: cover;

    background-position: 0 0

}



@media (min-width:640px) {

    .hero--main .hero__content:before {

        opacity: .9

    }

}



@media (min-width:640px) {

    .hero--main .hero__primary {

        max-width: 490px;

        padding-right: 50px

    }

}



@media (min-width:1200px) {

    .hero--main .hero__primary {

        max-width: 630px

    }

}



.hero--main+.buckets .container {

    position: relative;

    margin-top: -90px;

    z-index: 10

}



.btn,

button:not([role=tab]):not(.slick-arrow):not([data-fancybox-thumbs]):not([data-fancybox-close]):not([data-fancybox-zoom]),

input[type=button],

input[type=submit] {

    padding: 15px 25px;

    font-size: 1rem;

    --text-opacity: 1;

    color: #fff;

    color: rgba(255, 255, 255, var(--text-opacity));

    text-align: center;

    font-weight: 700;

    line-height: 1.375;

    --bg-opacity: 1;

    background-color: #ed6d63;

    background-color: rgba(237, 109, 99, var(--bg-opacity));

    border-radius: 9999px;

    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;

    transition-duration: .3s

}



@media (min-width:768px) {



    .btn,

    button:not([role=tab]):not(.slick-arrow):not([data-fancybox-thumbs]):not([data-fancybox-close]):not([data-fancybox-zoom]),

    input[type=button],

    input[type=submit] {

        padding-left: 30px;

        padding-right: 30px;

        font-size: 1.1rem;

        padding-top: 17px;

        padding-bottom: 17px

    }

}



.btn:hover,

button:not([role=tab]):not(.slick-arrow):not([data-fancybox-thumbs]):not([data-fancybox-close]):not([data-fancybox-zoom]):hover,

input[type=button]:hover,

input[type=submit]:hover {

    --bg-opacity: 1;

    background-color: #d35e55;

    background-color: rgba(211, 94, 85, var(--bg-opacity))

}



.btn--white,

.btn--white:hover {

    --text-opacity: 1;

    color: #1a1b39;

    color: rgba(26, 27, 57, var(--text-opacity));

    --bg-opacity: 1;

    background-color: #fff;

    background-color: rgba(255, 255, 255, var(--bg-opacity))

}



.btn--white:hover {

    opacity: .75

}



.slick-slider {

    box-sizing: border-box;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    touch-action: pan-y;

    -webkit-tap-highlight-color: transparent

}



.slick-list,

.slick-slider {

    position: relative;

    display: block

}



.slick-list {

    overflow: hidden;

    margin: 0;

    padding: 0

}



.slick-list:focus {

    outline: none

}



.slick-list.dragging {

    cursor: pointer;

    cursor: hand

}



.slick-slider .slick-list,

.slick-slider .slick-track {

    transform: translateZ(0)

}



.slick-track {

    position: relative;

    top: 0;

    left: 0;

    display: block;

    margin-left: auto;

    margin-right: auto

}



.slick-track:after,

.slick-track:before {

    display: table;

    content: ""

}



.slick-track:after {

    clear: both

}



.slick-loading .slick-track {

    visibility: hidden

}



.slick-slide {

    display: none;

    float: left;

    height: 100%;

    min-height: 1px

}



[dir=rtl] .slick-slide {

    float: right

}



.slick-slide img {

    display: block

}



.slick-slide.slick-loading img {

    display: none

}



.slick-slide.dragging img {

    pointer-events: none

}



.slick-initialized .slick-slide {

    display: block

}



.slick-loading .slick-slide {

    visibility: hidden

}



.slick-vertical .slick-slide {

    display: block;

    height: auto;

    border: 1px solid transparent

}



.slick-arrow.slick-hidden {

    display: none

}



.slick-arrow:focus,

.slick-dots button:focus,

.slick-slide:focus,

.slick-slide a {

    outline: none

}



body.compensate-for-scrollbar {

    overflow: hidden

}



.fancybox-active {

    height: auto

}



.fancybox-is-hidden {

    left: -9999px;

    margin: 0;

    position: absolute !important;

    top: -9999px;

    visibility: hidden

}



.fancybox-container {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

   

    height: 100%;

    left: 0;

    position: fixed;

    -webkit-tap-highlight-color: transparent;

    top: 0;

    transform: translateZ(0);

    width: 100%;

    z-index: 99992

}



.fancybox-container * {

    box-sizing: border-box

}



.fancybox-bg,

.fancybox-inner,

.fancybox-outer,

.fancybox-stage {

    bottom: 0;

    left: 0;

    position: absolute;

    right: 0;

    top: 0

}



.fancybox-outer {

    -webkit-overflow-scrolling: touch;

    overflow-y: auto

}



.fancybox-bg {

    background: #1e1e1e;

    opacity: 0;

    transition-duration: inherit;

    transition-property: opacity;

    transition-timing-function: cubic-bezier(.47, 0, .74, .71)

}



.fancybox-is-open .fancybox-bg {

    opacity: .87;

    transition-timing-function: cubic-bezier(.22, .61, .36, 1)

}



.fancybox-caption,

.fancybox-infobar,

.fancybox-navigation .fancybox-button,

.fancybox-toolbar {

    direction: ltr;

    opacity: 0;

    position: absolute;

    transition: opacity .25s, visibility 0s linear .25s;

    visibility: hidden;

    z-index: 99997

}



.fancybox-show-caption .fancybox-caption,

.fancybox-show-infobar .fancybox-infobar,

.fancybox-show-nav .fancybox-navigation .fancybox-button,

.fancybox-show-toolbar .fancybox-toolbar {

    opacity: 1;

    transition: opacity .25s, visibility 0s;

    visibility: visible

}



.fancybox-infobar {

    color: #ccc;

    font-size: 13px;

    -webkit-font-smoothing: subpixel-antialiased;

    height: 44px;

    left: 0;

    line-height: 44px;

    min-width: 44px;

    mix-blend-mode: difference;

    padding: 0 10px;

    pointer-events: none;

    text-align: center;

    top: 0;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.fancybox-toolbar {

    right: 0;

    top: 0

}



.fancybox-stage {

    direction: ltr;

    overflow: visible;

    -webkit-transform: translateZ(0);

    z-index: 99994

}



.fancybox-is-open .fancybox-stage {

    overflow: hidden

}



.fancybox-slide {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    display: none;

    height: 100%;

    left: 0;

    outline: none;

    overflow: auto;

    -webkit-overflow-scrolling: touch;

    padding: 44px;

    position: absolute;

    text-align: center;

    top: 0;

    transition-property: transform, opacity;

    white-space: normal;

    width: 100%;

    z-index: 99994

}



.fancybox-slide:before {

    content: "";

    display: inline-block;

    height: 100%;

    margin-right: -.25em;

    vertical-align: middle;

    width: 0

}



.fancybox-is-sliding .fancybox-slide,

.fancybox-slide--current,

.fancybox-slide--next,

.fancybox-slide--previous {

    display: block

}



.fancybox-slide--next {

    z-index: 99995

}



.fancybox-slide--image {

    overflow: visible;

    padding: 44px 0

}



.fancybox-slide--image:before {

    display: none

}



.fancybox-slide--html {

    padding: 6px 6px 0

}



.fancybox-slide--iframe {

    padding: 44px 44px 0

}



.fancybox-content {

    background: #fff;

    display: inline-block;

    margin: 0 0 6px;

    max-width: 100%;

    overflow: auto;

    padding: 24px;

    position: relative;

    text-align: left;

    vertical-align: middle

}



.fancybox-slide--image .fancybox-content {

    -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);

    animation-timing-function: cubic-bezier(.5, 0, .14, 1);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    background: transparent;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    left: 0;

    margin: 0;

    max-width: none;

    overflow: visible;

    padding: 0;

    position: absolute;

    top: 0;

    transform-origin: top left;

    transition-property: transform, opacity;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    z-index: 99995

}



.fancybox-can-zoomOut .fancybox-content {

    cursor: zoom-out

}



.fancybox-can-zoomIn .fancybox-content {

    cursor: zoom-in

}



.fancybox-can-drag .fancybox-content {

    cursor: -webkit-grab;

    cursor: grab

}



.fancybox-is-dragging .fancybox-content {

    cursor: -webkit-grabbing;

    cursor: grabbing

}



.fancybox-container [data-selectable=true] {

    cursor: text

}



.fancybox-image,

.fancybox-spaceball {

    background: transparent;

    border: 0;

    height: 100%;

    left: 0;

    margin: 0;

    max-height: none;

    max-width: none;

    padding: 0;

    position: absolute;

    top: 0;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    width: 100%

}



.fancybox-spaceball {

    z-index: 1

}



.fancybox-slide--html .fancybox-content {

    margin-bottom: 6px

}



.fancybox-slide--iframe .fancybox-content,

.fancybox-slide--map .fancybox-content,

.fancybox-slide--video .fancybox-content {

    height: 100%;

    margin: 0;

    overflow: visible;

    padding: 0;

    width: 100%

}



.fancybox-slide--video .fancybox-content {

    background: #000

}



.fancybox-slide--map .fancybox-content {

    background: #e5e3df

}



.fancybox-slide--iframe .fancybox-content {

    background: #fff;

    height: calc(100% - 44px);

    margin-bottom: 44px

}



.fancybox-iframe,

.fancybox-video {

    background: transparent;

    border: 0;

    height: 100%;

    margin: 0;

    overflow: hidden;

    padding: 0;

    width: 100%

}



.fancybox-iframe {

    vertical-align: top

}



.fancybox-error {

    background: #fff;

    cursor: default;

    max-width: 400px;

    padding: 40px;

    width: 100%

}



.fancybox-error p {

    color: #444;

    font-size: 16px;

    line-height: 20px;

    margin: 0;

    padding: 0

}



.fancybox-button {

    background: rgba(30, 30, 30, .6);

    border: 0;

    border-radius: 0;

    cursor: pointer;

    display: inline-block;

    height: 44px;

    margin: 0;

    outline: none;

    padding: 10px;

    transition: color .2s;

    vertical-align: top;

    width: 44px

}



.fancybox-button,

.fancybox-button:link,

.fancybox-button:visited {

    color: #ccc

}



.fancybox-button:focus,

.fancybox-button:hover {

    color: #fff

}



.fancybox-button.disabled,

.fancybox-button.disabled:hover,

.fancybox-button[disabled],

.fancybox-button[disabled]:hover {

    color: #888;

    cursor: default

}



.fancybox-button svg {

    display: block;

    overflow: visible;

    position: relative;

    shape-rendering: geometricPrecision

}



.fancybox-button svg path {

    fill: transparent;

    stroke: currentColor;

    stroke-linejoin: round;

    stroke-width: 3

}



.fancybox-button--pause svg path:first-child,

.fancybox-button--play svg path:nth-child(2) {

    display: none

}



.fancybox-button--play svg path,

.fancybox-button--share svg path,

.fancybox-button--thumbs svg path {

    fill: currentColor

}



.fancybox-button--share svg path {

    stroke-width: 1

}



.fancybox-navigation .fancybox-button {

    height: 38px;

    opacity: 0;

    padding: 6px;

    position: absolute;

    top: 50%;

    width: 38px

}



.fancybox-show-nav .fancybox-navigation .fancybox-button {

    transition: opacity .25s, visibility 0s, color .25s

}



.fancybox-navigation .fancybox-button:after {

    content: "";

    left: -25px;

    padding: 50px;

    position: absolute;

    top: -25px

}



.fancybox-navigation .fancybox-button--arrow_left {

    left: 6px

}



.fancybox-navigation .fancybox-button--arrow_right {

    right: 6px

}



.fancybox-close-small {

    background: transparent;

    border: 0;

    border-radius: 0;

    color: #555;

    cursor: pointer;

    height: 44px;

    margin: 0;

    padding: 6px;

    position: absolute;

    right: 0;

    top: 0;

    width: 44px;

    z-index: 10

}



.fancybox-close-small svg {

    fill: transparent;

    opacity: .8;

    stroke: currentColor;

    stroke-width: 1.5;

    transition: stroke .1s

}



.fancybox-close-small:focus {

    outline: none

}



.fancybox-close-small:hover svg {

    opacity: 1

}



.fancybox-slide--iframe .fancybox-close-small,

.fancybox-slide--image .fancybox-close-small,

.fancybox-slide--video .fancybox-close-small {

    color: #ccc;

    padding: 5px;

    right: -12px;

    top: -44px

}



.fancybox-slide--iframe .fancybox-close-small:hover svg,

.fancybox-slide--image .fancybox-close-small:hover svg,

.fancybox-slide--video .fancybox-close-small:hover svg {

    background: transparent;

    color: #fff

}



.fancybox-is-scaling .fancybox-close-small,

.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {

    display: none

}



.fancybox-caption {

    bottom: 0;

    color: #fff;

    font-size: 17px;

    font-weight: 600;

    left: 0;

    line-height: 1.5;

    padding: 25px 44px;

    right: 0;

    text-align: center

}



.fancybox-caption:before {

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);

    background-repeat: repeat-x;

    background-size: contain;

    bottom: 0;

    content: "";

    display: block;

    left: 0;

    pointer-events: none;

    position: absolute;

    right: 0;

    top: -25px;

    z-index: -1

}



.fancybox-caption:after {

    border-bottom: 1px solid hsla(0, 0%, 100%, .3);

    content: "";

    display: block;

    left: 44px;

    position: absolute;

    right: 44px;

    top: 0

}



.fancybox-caption a,

.fancybox-caption a:link,

.fancybox-caption a:visited {

    color: #ccc;

    text-decoration: none

}



.fancybox-caption a:hover {

    color: #fff;

    text-decoration: underline

}



.fancybox-loading {

    -webkit-animation: fancybox-rotate .8s linear infinite;

    animation: fancybox-rotate .8s linear infinite;

    background: transparent;

    border-radius: 100%;

    border: 6px solid hsla(0, 0%, 39.2%, .5);

    border-top-color: #fff;

    height: 60px;

    left: 50%;

    margin: -30px 0 0 -30px;

    opacity: .6;

    padding: 0;

    position: absolute;

    top: 50%;

    width: 60px;

    z-index: 99999

}



@-webkit-keyframes fancybox-rotate {

    0% {

        transform: rotate(0deg)

    }



    to {

        transform: rotate(359deg)

    }

}



@keyframes fancybox-rotate {

    0% {

        transform: rotate(0deg)

    }



    to {

        transform: rotate(359deg)

    }

}



.fancybox-animated {

    transition-timing-function: cubic-bezier(0, 0, .25, 1)

}



.fancybox-fx-slide.fancybox-slide--previous {

    opacity: 0;

    transform: translate3d(-100%, 0, 0)

}



.fancybox-fx-slide.fancybox-slide--next {

    opacity: 0;

    transform: translate3d(100%, 0, 0)

}



.fancybox-fx-slide.fancybox-slide--current {

    opacity: 1;

    transform: translateZ(0)

}



.fancybox-fx-fade.fancybox-slide--next,

.fancybox-fx-fade.fancybox-slide--previous {

    opacity: 0;

    transition-timing-function: cubic-bezier(.19, 1, .22, 1)

}



.fancybox-fx-fade.fancybox-slide--current {

    opacity: 1

}



.fancybox-fx-zoom-in-out.fancybox-slide--previous {

    opacity: 0;

    transform: scale3d(1.5, 1.5, 1.5)

}



.fancybox-fx-zoom-in-out.fancybox-slide--next {

    opacity: 0;

    transform: scale3d(.5, .5, .5)

}



.fancybox-fx-zoom-in-out.fancybox-slide--current {

    opacity: 1;

    transform: scaleX(1)

}



.fancybox-fx-rotate.fancybox-slide--previous {

    opacity: 0;

    transform: rotate(-1turn)

}



.fancybox-fx-rotate.fancybox-slide--next {

    opacity: 0;

    transform: rotate(1turn)

}



.fancybox-fx-rotate.fancybox-slide--current {

    opacity: 1;

    transform: rotate(0deg)

}



.fancybox-fx-circular.fancybox-slide--previous {

    opacity: 0;

    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)

}



.fancybox-fx-circular.fancybox-slide--next {

    opacity: 0;

    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)

}



.fancybox-fx-circular.fancybox-slide--current {

    opacity: 1;

    transform: scaleX(1) translateZ(0)

}



.fancybox-fx-tube.fancybox-slide--previous {

    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)

}



.fancybox-fx-tube.fancybox-slide--next {

    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)

}



.fancybox-fx-tube.fancybox-slide--current {

    transform: translateZ(0) scale(1)

}



.fancybox-share {

    background: #f4f4f4;

    border-radius: 3px;

    max-width: 90%;

    padding: 30px;

    text-align: center

}



.fancybox-share h1 {

    color: #222;

    font-size: 35px;

    font-weight: 700;

    margin: 0 0 20px

}



.fancybox-share p {

    margin: 0;

    padding: 0

}



.fancybox-share__button {

    border: 0;

    border-radius: 3px;

    display: inline-block;

    font-size: 14px;

    font-weight: 700;

    line-height: 40px;

    margin: 0 5px 10px;

    min-width: 130px;

    padding: 0 15px;

    text-decoration: none;

    transition: all .2s;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    white-space: nowrap

}



.fancybox-share__button:link,

.fancybox-share__button:visited {

    color: #fff

}



.fancybox-share__button:hover {

    text-decoration: none

}



.fancybox-share__button--fb {

    background: #3b5998

}



.fancybox-share__button--fb:hover {

    background: #344e86

}



.fancybox-share__button--pt {

    background: #bd081d

}



.fancybox-share__button--pt:hover {

    background: #aa0719

}



.fancybox-share__button--tw {

    background: #1da1f2

}



.fancybox-share__button--tw:hover {

    background: #0d95e8

}



.fancybox-share__button svg {

    height: 25px;

    margin-right: 7px;

    position: relative;

    top: -1px;

    vertical-align: middle;

    width: 25px

}



.fancybox-share__button svg path {

    fill: #fff

}



.fancybox-share__input {

    background: transparent;

    border: 0;

    border-bottom: 1px solid #d7d7d7;

    border-radius: 0;

    color: #5d5b5b;

    font-size: 14px;

    margin: 10px 0 0;

    outline: none;

    padding: 10px 15px;

    width: 100%

}



.fancybox-thumbs {

    background: #fff;

    bottom: 0;

    display: none;

    margin: 0;

    -webkit-overflow-scrolling: touch;

    -ms-overflow-style: -ms-autohiding-scrollbar;

    padding: 2px 2px 4px;

    position: absolute;

    right: 0;

    -webkit-tap-highlight-color: transparent;

    top: 0;

    width: 212px;

    z-index: 99995

}



.fancybox-thumbs-x {

    overflow-x: auto;

    overflow-y: hidden

}



.fancybox-show-thumbs .fancybox-thumbs {

    display: block

}



.fancybox-show-thumbs .fancybox-inner {

    right: 212px

}



.fancybox-thumbs>ul {

    font-size: 0;

    height: 100%;

    list-style: none;

    margin: 0;

    overflow-x: hidden;

    overflow-y: auto;

    padding: 0;

    position: absolute;

    position: relative;

    white-space: nowrap;

    width: 100%

}



.fancybox-thumbs-x>ul {

    overflow: hidden

}



.fancybox-thumbs-y>ul::-webkit-scrollbar {

    width: 7px

}



.fancybox-thumbs-y>ul::-webkit-scrollbar-track {

    background: #fff;

    border-radius: 10px;

    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)

}



.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb {

    background: #2a2a2a;

    border-radius: 10px

}



.fancybox-thumbs>ul>li {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    cursor: pointer;

    float: left;

    height: 75px;

    margin: 2px;

    max-height: calc(100% - 8px);

    max-width: calc(50% - 4px);

    outline: none;

    overflow: hidden;

    padding: 0;

    position: relative;

    -webkit-tap-highlight-color: transparent;

    width: 100px

}



.fancybox-thumbs-loading {

    background: rgba(0, 0, 0, .1)

}



.fancybox-thumbs>ul>li {

    background-position: 50%;

    background-repeat: no-repeat;

    background-size: cover

}



.fancybox-thumbs>ul>li:before {

    border: 4px solid #4ea7f9;

    bottom: 0;

    content: "";

    left: 0;

    opacity: 0;

    position: absolute;

    right: 0;

    top: 0;

    transition: all .2s cubic-bezier(.25, .46, .45, .94);

    z-index: 99991

}



.fancybox-thumbs .fancybox-thumbs-active:before {

    opacity: 1

}



@media (max-width:800px) {

    .fancybox-thumbs {

        width: 110px

    }



    .fancybox-show-thumbs .fancybox-inner {

        right: 110px

    }



    .fancybox-thumbs>ul>li {

        max-width: calc(100% - 10px)

    }

}



.copy>p {

    width: 100%;

    line-height: 1.625;

    margin-bottom: 1.5rem;

    --text-opacity: 1;

    color: grey;

    color: rgba(128, 128, 128, var(--text-opacity));

    font-size: 1.7rem;

    font-weight: 300

}



.copy>p:last-of-type {

    margin-bottom: 0

}






.copy p+h2 {

    margin-top: 40px

}



.copy b {

    font-weight: 700

}



.copy p+ul,

.copy ul+p {

    margin-top: 20px

}



.copy a:not(.btn) {

    display: inline-block;

    --text-opacity: 1;

    color: #ed6d63;

    color: rgba(237, 109, 99, var(--text-opacity))

}



.copy a:not(.btn):hover {

    opacity: .75

}



.copy ul {

    width: 100%;

    margin-bottom: 2rem;

    font-size: 1.1rem

}



.copy ul li {

    line-height: 1.625;

    margin-bottom: .5rem;

    font-weight: 300

}



.copy ul {

    margin: 0;

    padding-left: 20px

}



.copy ul li {

    list-style-type: disc;

    list-style-position: outside

}



.copy--partners img {

    width: 100%;

    max-width: 150px

}



@media (min-width:768px) {

    .copy img {

        width: auto

    }

}



.section-heading {

    font-size: 2rem;

    --text-opacity: 1;

    color: #1a1b39;

    color: rgba(26, 27, 57, var(--text-opacity));

    font-weight: 700

}



@media (min-width:1000px) {

    .section-heading {

        font-size: 2.3rem

    }

}



.site-content+.testimonials {

    margin-top: 60px

}



@media (min-width:1000px) {

    .site-content+.testimonials {

        margin-top: 90px

    }

}



iframe {

    width: 100%

}



.area-link:hover .icon {

    --text-opacity: 1;

    color: #fff;

    color: rgba(255, 255, 255, var(--text-opacity))

}



.gallery-carousel .slide-item {

    margin: 0 10px

}



.gallery-carousel .slick-dots {

    display: flex !important;

    flex-wrap: wrap;

    justify-content: center;

    margin-top: 20px

}



.awards-gallery+.instagram-feed {

    margin-top: 80px

}



.accreditations__image {

    height: 50px

}



@media (min-width:640px) {

    .accreditations__image {

        height: 70px

    }

}



@media (min-width:768px) {

    .accreditations__image {

        height: 80px

    }

}



.beer-slider {

    display: inline-block;

    overflow: hidden;

    position: relative

}



.beer-slider *,

.beer-slider:after,

.beer-slider :after,

.beer-slider:before,

.beer-slider :before {

    box-sizing: border-box

}



.beer-slider img,

.beer-slider svg {

    vertical-align: bottom

}



.beer-slider>* {

    height: 100%

}



.beer-slider>img {

    height: auto;

    max-width: 100%

}



.beer-reveal {

    left: 0;

    opacity: 0;

    overflow: hidden;

    position: absolute;

    right: 50%;

    top: 0;

    transition: opacity .35s;

    z-index: 1

}



.beer-reveal>:first-child {

    height: 100%;

    max-width: none;

    width: 200%

}



.beer-reveal>img:first-child {

    height: auto

}



.beer-range {

    -moz-appearance: none;

    -ms-touch-action: auto;

    -webkit-appearance: slider-horizontal !important;

    bottom: 0;

    cursor: pointer;

    height: 100%;

    left: -1px;

    margin: 0;

    opacity: 0;

    position: absolute;

    top: 0;

    touch-action: auto;

    width: calc(100% + 2px);

    z-index: 2

}



.beer-range::-webkit-slider-thumb {

    -webkit-appearance: none;

    height: 300vh

}



.beer-range::-moz-range-thumb {

    -webkit-appearance: none;

    height: 300vh

}



.beer-range::-ms-tooltip {

    display: none

}



.beer-handle {

    background: hsla(0, 0%, 100%, .5);

    border-radius: 50%;

    box-shadow: 0 0 6px transparent;

    color: #000;

    height: 48px;

    left: 50%;

    opacity: 0;

    pointer-events: none;

    position: absolute;

    top: 50%;

    transform: translate3d(-50%, -50%, 0);

    transition: background .3s, box-shadow .3s, opacity .5s .25s;

    width: 48px;

    z-index: 2

}



.beer-handle:after,

.beer-handle:before {

    border-left: 2px solid;

    border-top: 2px solid;

    content: "";

    height: 10px;

    position: absolute;

    top: 50%;

    transform-origin: 0 0;

    width: 10px

}



.beer-handle:before {

    left: 10px;

    transform: rotate(-45deg)

}



.beer-handle:after {

    right: 0;

    transform: rotate(135deg)

}



.beer-range:focus~.beer-handle {

    background: hsla(0, 0%, 100%, .85);

    box-shadow: 0 0 3px rgba(0, 0, 0, .4)

}



.beer-reveal[data-beer-label]:after,

.beer-slider[data-beer-label]:after {

    background: hsla(0, 0%, 100%, .75);

    border-radius: .125rem;

    content: attr(data-beer-label);

    line-height: 1;

    padding: .5rem;

    position: absolute;

    top: 1.5rem

}



.beer-slider[data-beer-label]:after {

    right: 1.5rem

}



.beer-reveal[data-beer-label]:after {

    left: 1.5rem

}



.beer-reveal[data-beer-label=""]:after,

.beer-slider[data-beer-label=""]:after {

    content: none

}



.beer-ready .beer-handle,

.beer-ready .beer-reveal {

    opacity: 1

}



.buckets__item img {

    transition: transform .6s

}



.buckets__item img:hover {

    transform: scale(1.5)

}



.bucket--partner {

    position: relative

}



.bucket--partner * {

    position: relative;

    z-index: 10

}



.bucket--partner:before {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    --bg-opacity: 1;

    background-color: #00a4b8;

    background-color: rgba(0, 164, 184, var(--bg-opacity));

    --bg-opacity: 0.75;

    content: "";

    transition: .3s

}



.bucket--partner:hover:before {

    --bg-opacity: 1

}



.breadcrumbs a:hover {

    --text-opacity: 1;

    color: #00a4b8;

    color: rgba(0, 164, 184, var(--text-opacity))

}



@media (min-width:1000px) {

    .breadcrumbs+.process {

        padding-top: 80px !important

    }

}



.contact-section {

    position: relative;

    padding-top: 0;

    padding-bottom: 80px;

    margin-top: 150px

}



@media (min-width:1000px) {

    .contact-section {

        margin-top: 280px

    }

}



.contact-section:before {

    background: url(../images/curved-bg2.png) top;

    background-size: 100% 100%;

    background-size: cover;

    content: "";

    top: -150px;

    height: 150px;

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    width: 100%;

    z-index: 10

}



@media (min-width:1000px) {

    .contact-section:before {

        top: -280px;

        height: 340px

    }

}



.contact-section>div {

    position: relative;

    z-index: 10

}



.contact-section a:hover {

    opacity: .75

}



.contact-section iframe {

    width: 100%;

    height: 350px

}



.contact-section .icon {

    margin-right: 5px

}



.contact-section li {

    line-height: 1.625;

    margin-bottom: .5rem;

    font-size: 1.1rem;

    font-weight: 300

}



.contact-section__call {

    color: #eaf6f9

}



.contact-section__call a {

    display: inline-block

}



.contact-section form {

    margin-top: 30px;

    margin-left: auto;

    margin-right: auto;

    max-width: 500px

}



@media (min-width:1000px) {

    .contact-section form {

        margin: 30px 0 0

    }

}



.contact-section form .wpcf7-form-control-wrap {

    margin-bottom: 15px

}



.contact-section input[type=submit] {

    display: block;

    margin-left: auto;

    margin-right: auto;

    width: 180px

}



.contact-section__social .icon {

    margin-top: 5px;

    margin-right: .25rem;

    width: 25px;

    height: 25px

}



#wp-notification {

    position: fixed;

    bottom: 0;

    z-index: 50;

    width: 100%;

    display: none;

    --text-opacity: 1;

    color: #fff;

    color: rgba(255, 255, 255, var(--text-opacity));

    --bg-opacity: 1;

    background-color: #00a4b8;

    background-color: rgba(0, 164, 184, var(--bg-opacity));

    border-top: 2px solid #fff

}



#wp-notification.open {

    display: block

}



.wp-notification-container {

    margin-left: auto;

    margin-right: auto;

    max-width: 72rem;

    text-align: center;

    padding: 1rem

}



.wp-notification-container p {

    margin: 0

}



.wp-notification-container a {

    display: block;

    text-decoration: none;

    margin-top: 1rem;

    padding: .5rem 1rem;

    border-radius: .25rem;

    font-weight: 700;

    --text-opacity: 1;

    color: #1a1b39;

    color: rgba(26, 27, 57, var(--text-opacity))

}



.wp-notification-container a:hover {

    opacity: .75;

    text-decoration: none

}



#wp-notification-toggle {

    display: block;

    margin-top: 1rem;

    --bg-opacity: 1;

    background-color: #fff;

    background-color: rgba(255, 255, 255, var(--bg-opacity));

    padding: .5rem 1rem;

    border-radius: .25rem;

    --text-opacity: 1;

    color: #1a1b39;

    color: rgba(26, 27, 57, var(--text-opacity));

    font-weight: 700;

    cursor: pointer;

    transition: .3s

}



#wp-notification-toggle:hover {

    --bg-opacity: 1;

    background-color: #ed6d63;

    background-color: rgba(237, 109, 99, var(--bg-opacity));

    --text-opacity: 1;

    color: #fff;

    color: rgba(255, 255, 255, var(--text-opacity))

}



@media (min-width:768px) {



    #wp-notification-toggle,

    .wp-notification-container a {

        display: inline-block;

        margin-left: 1rem;

        margin-top: 0

    }

}



form label,

form span {

    display: block

}



form label {

    margin-top: 40px;

    font-weight: 700

}



form label span {

    margin-top: 5px

}



form br {

    display: none

}



form .checkboxes {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    width: 100%;

    margin-top: 10px

}



form .checkboxes .wpcf7-list-item-label {

    display: block;

    font-weight: 300

}



form .checkboxes .wpcf7-list-item {

    width: 100%;

    margin: 5px 0;

    text-align: left;

    line-height: 1.375;

    list-style-type: none

}



@media (min-width:768px) {

    form .checkboxes .wpcf7-list-item {

        width: 49%

    }

}



form .checkboxes .wpcf7-list-item label {

    display: flex;

    align-items: center;

    width: 100%;

    margin: 0;

    padding: 10px 15px;

    border-radius: .25rem;

    --bg-opacity: 1;

    background-color: #f2f2f2;

    background-color: rgba(242, 242, 242, var(--bg-opacity));

    cursor: pointer;

    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;

    transition-duration: .3s

}



form .checkboxes .wpcf7-list-item label:hover {

    --text-opacity: 1;

    color: #fff;

    color: rgba(255, 255, 255, var(--text-opacity));

    --bg-opacity: 1;

    background-color: #00a4b8;

    background-color: rgba(0, 164, 184, var(--bg-opacity))

}



form .checkboxes--full .wpcf7-list-item {

    width: 100%

}



form .checkboxes input {

    width: auto;

    margin-right: 15px

}



form.sent .wpcf7-form-control,

form.sent .wpcf7-form-control-wrap,

form.sent label {

    display: none

}



input,

select,

textarea {

    border-radius: .375rem;

    border-width: 0;

    padding: 12px;

    width: 100%;

    font-size: .875rem;

    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);

    --text-opacity: 1;

    color: #1a202c;

    color: rgba(26, 32, 44, var(--text-opacity));

    border: 1px solid #ccc

}



input[aria-invalid=true],

select[aria-invalid=true],

textarea[aria-invalid=true] {

    background-color: #f3e2e2

}



select {

    background: url(../images/form-arrow.webp) 100% no-repeat #fff;

    -webkit-appearance: none;

}



textarea {

    height: 150px

}



input::-moz-placeholder {

    --text-opacity: 1;

    color: #4a5568;

    color: rgba(74, 85, 104, var(--text-opacity))

}



input:-ms-input-placeholder {

    --text-opacity: 1;

    color: #4a5568;

    color: rgba(74, 85, 104, var(--text-opacity))

}



input::placeholder {

    --text-opacity: 1;

    color: #4a5568;

    color: rgba(74, 85, 104, var(--text-opacity))

}



textarea::-moz-placeholder {

    --text-opacity: 1;

    color: #4a5568;

    color: rgba(74, 85, 104, var(--text-opacity))

}



textarea:-ms-input-placeholder {

    --text-opacity: 1;

    color: #4a5568;

    color: rgba(74, 85, 104, var(--text-opacity))

}



textarea::placeholder {

    --text-opacity: 1;

    color: #4a5568;

    color: rgba(74, 85, 104, var(--text-opacity))

}



input[type=button],

input[type=submit] {

    --bg-opacity: 1;

    background-color: #ed6d63;

    background-color: rgba(237, 109, 99, var(--bg-opacity));

    --text-opacity: 1;

    color: #fff;

    color: rgba(255, 255, 255, var(--text-opacity));

    font-weight: 600;

    cursor: pointer;

    border-style: none;

    transition: .3s

}



input[type=button]:hover,

input[type=submit]:hover {

    --bg-opacity: 1;

    background-color: #f8877e;

    background-color: rgba(248, 135, 126, var(--bg-opacity))

}



.wpcf7-response-output {

    width: 100%;

    text-align: center

}



.contact-form {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between

}



.contact-form .wpcf7-form-control-wrap {

    width: 100%;

    margin-top: 10px;

    margin-bottom: 10px

}



@media (min-width:768px) {

    .contact-form .wpcf7-form-control-wrap:nth-of-type(-n+4) {

        margin-top: 10px;

        margin-bottom: 10px;

        width: 49%

    }

}



.contact-form .wpcf7-form-control-wrap:nth-of-type(5) {

    padding-left: 20px;

    padding-right: 20px;

    font-weight: 700

}



@media (min-width:768px) {

    .contact-form .wpcf7-form-control-wrap:nth-of-type(5) {

        padding-left: 30px;

        padding-right: 30px

    }

}



.contact-form p {

    width: 100%;

    margin-top: 30px;

    padding-left: 20px;

    padding-right: 20px;

    font-weight: 700

}



@media (min-width:768px) {

    .contact-form p {

        padding-left: 30px;

        padding-right: 30px

    }

}



.contact-form .services {

    display: flex;

    flex-wrap: wrap;

    width: 100%;

    margin-top: 10px;

    margin-bottom: 30px

}



.contact-form .services .wpcf7-list-item-label {

    display: block;

    font-weight: 300

}



.contact-form .services .wpcf7-list-item {

    display: flex;

    align-items: center;

    width: 100%;

    margin: 5px 0;

    list-style-type: none

}



@media (min-width:768px) {

    .contact-form .services .wpcf7-list-item {

        width: 49%

    }

}



.contact-form .services input {

    width: auto;

    margin-right: 10px

}



.contact-form input[type=submit] {

    display: block;

    margin-left: auto;

    margin-right: auto;

    width: 180px

}



.quote-form {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between

}



.quote-form input:not([type=submit]),

.quote-form select,

.quote-form textarea {

    border-radius: .25rem

}



.quote-form .wpcf7-form-control-wrap {

    width: 100%;

    margin-top: 10px;

    margin-bottom: 10px

}



@media (min-width:768px) {

    .quote-form .wpcf7-form-control-wrap:nth-of-type(-n+4) {

        margin-top: 10px;

        margin-bottom: 10px;

        width: 49%

    }

}



@media (min-width:768px) {

    .quote-form .wpcf7-form-control-wrap:nth-of-type(4) textarea {

        height: 75px

    }

}



.quote-form [data-class=wpcf7cf_group],

.quote-form [data-class=wpcf7cf_group] .wpcf7-form-control-wrap {

    width: 100%

}



.quote-form label {

    margin-top: 30px

}



.quote-form input[type=submit] {

    display: block;

    margin-left: auto;

    margin-right: auto;

    width: 180px

}



.service-request-form,

.warranty-service-request-form {

    max-width: 600px;

    margin-top: 30px;

    margin-left: auto;

    margin-right: auto

}



.service-request-form .wpcf7-form-control-wrap,

.warranty-service-request-form .wpcf7-form-control-wrap {

    margin-top: 10px;

    margin-bottom: 10px;

    text-align: left

}



.service-request-form .wpcf7-form-control-wrap+ol,

.warranty-service-request-form .wpcf7-form-control-wrap+ol {

    margin-top: 20px

}



.service-request-form .heading,

.warranty-service-request-form .heading {

    --bg-opacity: 1;

    background-color: #00a4b8;

    background-color: rgba(0, 164, 184, var(--bg-opacity));

    margin-top: 20px;

    padding: 25px;

    font-size: 1.3rem;

    --text-opacity: 1;

    color: #fff;

    color: rgba(255, 255, 255, var(--text-opacity));

    text-align: center

}



.service-request-form .checkboxes,

.warranty-service-request-form .checkboxes {

    margin-bottom: 15px;

    margin-left: auto;

    margin-right: auto;

    max-width: 600px

}



.service-request-form input[type=submit],

.warranty-service-request-form input[type=submit] {

    display: block;

    margin-left: auto;

    margin-right: auto;

    width: 180px

}



.service-request-form ol,

.warranty-service-request-form ol {

    text-align: left

}



.service-request-form ol li,

.warranty-service-request-form ol li {

    margin-top: 15px;

    margin-bottom: 15px

}



.service-request-form p:nth-of-type(7) {

    margin-top: 30px

}



.fsSectionHeader h2 {

    margin-bottom: 0 !important

}



.fsSectionHeader .fsSectionText {

    margin-top: 5px;

    color: #fff;

    text-align: center

}



.fsLabel {

    text-align: left !important;

    font-weight: 700 !important;

    color: #00a4b8 !important

}



.fsLabel span {

    display: inline-block

}



label.fsOptionLabel {

    line-height: 10px !important;

    padding: 5px 0 !important;

    margin: 7px 0 !important;

    text-align: left !important

}



.fsRowBody input[type=checkbox],

.fsRowBody input[type=radio] {

    top: 0 !important

}



.fsFileUploadButton {

    color: #ed6d63 !important;

    background: #fafafa !important

}



.footer {

    font-size: 1rem

}



.footer li {

    list-style-type: none;

    margin-top: 5px;

    margin-bottom: 5px

}



.footer li a {

    --text-opacity: 1;

    color: grey;

    color: rgba(128, 128, 128, var(--text-opacity))

}



.footer li a:hover {

    --text-opacity: 1;

    color: #00a4b8;

    color: rgba(0, 164, 184, var(--text-opacity))

}



.footer p {

    --text-opacity: 1;

    color: grey;

    color: rgba(128, 128, 128, var(--text-opacity));

    margin: 8px 0

}



.footer__social a {

    --text-opacity: 1;

    color: #00a4b8;

    color: rgba(0, 164, 184, var(--text-opacity))

}



.footer__social a:hover {

    opacity: .75

}



.footer__social .icon {

    margin-top: 5px;

    margin-left: .25rem;

    margin-right: .25rem;

    width: 25px;

    height: 25px

}



.footer__services {

    max-width: 460px

}



@media (min-width:1000px) {

    .footer__services li {

        width: 60%

    }



    .footer__services li:nth-of-type(odd) {

        width: 40%

    }

}



.site-notice-icon {

    bottom: 10px;

    right: 4.2rem;

    width: 70px;

    height: 70px;

    padding: .8rem;

    border-radius: 50%;

    cursor: pointer;

    z-index: 9999;

    position: fixed;

    display: flex;

    align-items: center;

    justify-content: center;

    --text-opacity: 1;

    color: #fff;

    color: rgba(255, 255, 255, var(--text-opacity));

    text-align: center;

    --bg-opacity: 1;

    background-color: #ed6d63;

    background-color: rgba(237, 109, 99, var(--bg-opacity))

}



.site-notice-icon h3 {

    font-size: .7rem

}



@media (min-width:800px) {

    .site-notice-icon {

        bottom: 6rem;

        right: 5px

    }

}



.site-notice {

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    z-index: 10;

    background: rgba(0, 0, 0, .7);

    color: #fff;

    overflow: scroll;

    z-index: 10000000;

    padding: 20px;

    display: flex;

    align-items: center

}



.site-notice ::-webkit-scrollbar {

    display: none

}



.site-notice__inner {

    position: absolute;

    left: 0;

    right: 0;

    --text-opacity: 1;

    color: #fff;

    color: rgba(255, 255, 255, var(--text-opacity));

    text-align: center;

    --bg-opacity: 1;

    background-color: #6da8b4;

    background-color: rgba(109, 168, 180, var(--bg-opacity));

    width: 90%;

    max-width: 700px;

    top: 20px;

    margin: 20px auto;

    padding: 30px 20px 20px

}



@media (min-width:800px) {

    .site-notice__inner {

        padding: 50px 60px 20px

    }

}



.site-notice p {

    margin-top: 15px;

    margin-bottom: 15px;

    font-size: .9rem

}



.close-site-notice {

    position: absolute;

    top: 1rem;

    right: 2rem;

    display: inline-block

}



.post-wrap {

    box-shadow: 0 3px 40px rgba(0, 0, 0, .1);

    display: flex;

    flex-wrap: wrap;

    align-items: flex-start;

    width: 100%;

    margin-top: 5px;

    margin-bottom: 5px;

    padding: 30px

}



@media (min-width:640px) {

    .post-wrap {

        width: 49%;

        margin-right: 1%

    }

}



@media (min-width:1400px) {

    .post-wrap {

        width: 32%

    }

}



.post-wrap p+h2 {

    margin-top: 15px

}



.post-wrap h2 {

    width: 100%

}



.post-wrap .icon-user {

    width: 30px;

    height: 30px;

    margin-right: 10px

}



.posts {

    display: flex;

    flex-wrap: wrap;

    align-self: flex-start;

    width: 100%;

    padding-top: 50px

}



@media (min-width:1000px) {

    .posts {

        width: 70%;

        padding-top: 30px;

        padding-left: 80px

    }

}



@media (min-width:1200px) {

    .posts {

        width: 80%

    }

}



@media (min-width:1000px) {

    .post-categories {

        display: block !important

    }

}



.category-toggle,

.toggle {

    position: relative

}



.category-toggle .icon-plus,

.toggle .icon-plus {

    position: absolute;

    right: 20px;

    top: 50%;

    transform: translateY(-50%)

}



.category-toggle .icon-plus--active,

.toggle .icon-plus--active {

    top: 38%;

    transform: rotate(-45deg)

}



.pagination {

    width: 100%;

    margin-top: 25px

}



.pagination__link {

    display: inline-block;

    margin-right: 5px;

    padding: 10px 20px;

    font-size: 1.2rem;

    border-radius: .25rem;

    --border-opacity: 1;

    border: 1px solid #d35e55;

    border-color: rgba(211, 94, 85, var(--border-opacity))

}



@media (min-width:768px) {

    .pagination__link {

        font-size: 1.2rem

    }

}



.pagination__link:hover {

    color: #fff !important

}



.pagination .current,

.pagination__link:hover {

    --bg-opacity: 1;

    background-color: #d35e55;

    background-color: rgba(211, 94, 85, var(--bg-opacity))

}



.pagination .current {

    --text-opacity: 1;

    color: #fff;

    color: rgba(255, 255, 255, var(--text-opacity))

}



.sbi_photo_wrap {

    overflow: hidden

}



.sbi_photo {

    transition: transform .6s

}



.sbi_photo:hover {

    transform: scale(1.5)

}



.team-profiles+.testimonials {

    margin-top: 80px

}



.profile:hover .profile__heading {

    --text-opacity: 1;

    color: #00a4b8;

    color: rgba(0, 164, 184, var(--text-opacity))

}



@media (min-width:1000px) {

    .profile__content:nth-of-type(odd) .profile__content-image {

        order: -1

    }

}



@media (min-width:1000px) {

    .profile__content:nth-of-type(odd) .copy {

        padding-left: 80px

    }

}



@media (min-width:1000px) {

    .profile__content:nth-of-type(2n) .copy {

        padding-right: 100px

    }

}



.profile__content-image {

    height: 400px

}



@media (min-width:1000px) {

    .profile__content-image {

        height: auto

    }

}



.profile__full-width--bg {

    position: relative;

    background-size: cover

}



.profile__full-width--bg:before {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    --bg-opacity: 1;

    background-color: #00a4b8;

    background-color: rgba(0, 164, 184, var(--bg-opacity));

    opacity: .75;

    content: ""

}



.profile__full-width--bg * {

    position: relative;

    z-index: 10;

    color: #fff !important

}



.profile__full-width h2,

.profile__full-width p {

    max-width: 800px;

    margin-left: auto;

    margin-right: auto

}



.profile__heading {

    font-size: 2rem

}



.process__icon svg {

    width: 70px;

    height: 70px

}



.process__item:last-of-type .process__arrow {

    display: none

}



.process__item:nth-of-type(odd) .process__arrow {

    top: 0;

    right: -60px

}



.process__item:nth-of-type(2n) .process__arrow {

    transform: scaleX(-1) rotate(-180deg);

    right: -60px

}



.process__arrow svg {

    width: 90px;

    height: 90px

}



.process__heading span:not(.step) {

    display: block

}



.process+.recent-projects--curved {

    margin-top: 70px

}



.project-filter__heading {

    position: relative;

    width: 100%;

    margin-bottom: 5px;

    --text-opacity: 1;

    color: #1a1b39;

    color: rgba(26, 27, 57, var(--text-opacity));

    font-weight: 700

}



.project-filter__heading--toggle {

    padding: 15px 20px;

    --text-opacity: 1;

    color: #fff;

    color: rgba(255, 255, 255, var(--text-opacity));

    --bg-opacity: 1;

    background-color: #00a4b8;

    background-color: rgba(0, 164, 184, var(--bg-opacity));

    border-radius: .25rem

}



.project-filter .icon-plus {

    position: absolute;

    right: 20px;

    top: 18px

}



@media (min-width:1000px) {

    .project-filter .icon-plus {

        display: none

    }

}



.project-filter .icon-plus--active {

    transform: rotate(-45deg)

}



.project-filter__list {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    padding-top: 20px;

    padding-bottom: 25px

}



@media (min-width:1000px) {

    .project-filter__list {

        padding-top: 10px;

        padding-bottom: 10px

    }

}



.project-filter__list-item {

    display: flex;

    align-items: center;

    width: 100%;

    padding-left: 20px;

    padding-right: 20px;

    margin: 8px 0

}



@media (min-width:640px) {

    .project-filter__list-item {

        width: 50%

    }

}



@media (min-width:1000px) {

    .project-filter__list-item {

        width: 100%;

        padding-left: 0;

        padding-right: 0

    }

}



@media (min-width:1200px) {

    .project-filter__list-item {

        width: 50%;

        padding-right: 20px

    }

}



.project-filter__list-item--feature {

    width: 100%;

    display: none

}



@media (min-width:640px) {

    .project-filter__list-item--feature {

        width: 50%

    }

}



@media (min-width:1000px) {

    .project-filter__list-item--feature {

        width: 100%

    }

}



.project-filter__list-item--feature.active,

.project-filter__list-item--feature:nth-child(-n+5) {

    display: flex

}



.project-filter__input {

    width: auto;

    float: left;

    margin-right: 10px

}



.projects {

    width: 100%;

    float: right

}



@media (min-width:1000px) {

    .projects {

        width: 68%

    }

}



.projects__item {

    width: 100%;

    position: relative;

    display: block;

    padding: 10px;

    overflow: hidden

}



.projects__item a {

    display: block

}



@media only screen and (min-width:500px) {

    .projects__item {

        width: 50%

    }

}



@media only screen and (min-width:900px) {

    .projects__item {

        width: 33.333333%

    }

}



@media (min-width:1000px) {

    .projects__item {

        width: 49%

    }

}



@media (min-width:1200px) {

    .projects__item {

        width: 33%

    }

}



.projects__item:hover .projects__heading {

    --text-opacity: 1;

    color: #00a4b8;

    color: rgba(0, 164, 184, var(--text-opacity));

    --bg-opacity: 1;

    background-color: #f2f2f2;

    background-color: rgba(242, 242, 242, var(--bg-opacity))

}



@media (min-width:1000px) {

    .projects__item:hover .projects__heading {

        opacity: 1

    }

}



.isotope-pager {

    position: relative;

    margin-top: 10px;

    padding-left: 10px;

    padding-right: 10px;

    z-index: 10

}



.pager {

    display: inline-block;

    margin-right: 5px;

    padding: 10px 20px;

    font-weight: 700;

    border-width: 1px;

    border-color: #ccc

}



.pager.active,

.pager:hover {

    --text-opacity: 1;

    color: #fff;

    color: rgba(255, 255, 255, var(--text-opacity));

    --bg-opacity: 1;

    background-color: #00a4b8;

    background-color: rgba(0, 164, 184, var(--bg-opacity));

    --border-opacity: 1;

    border-color: #00a4b8;

    border-color: rgba(0, 164, 184, var(--border-opacity))

}



.project-details {

    padding-left: 0 !important

}



.project-details+p {

    --text-opacity: 1;

    color: #00a4b8;

    color: rgba(0, 164, 184, var(--text-opacity));

    font-size: 1.2rem;

    font-weight: 500

}



.project-details li {

    margin-top: 15px;

    margin-bottom: 15px;

    list-style: none !important

}



.sp__testimonial {

    max-width: 470px

}



.sp__testimonial .icon {

    width: 25px;

    height: 25px;

    position: absolute;

    top: 0;

    left: 0;

    --text-opacity: 1;

    color: #00a4b8;

    color: rgba(0, 164, 184, var(--text-opacity))

}



.single-portfolio-carousel .slide-item {

    margin: 0 10px

}



.single-portfolio-carousel .slick-list {

    margin: 0 -10px

}



.single-portfolio-carousel .slick-dots {

    display: flex !important;

    flex-wrap: wrap;

    justify-content: center;

    margin-top: 20px

}



.single-portfolio-carousel .slick-active button {

    --bg-opacity: 1;

    background-color: #00a4b8;

    background-color: rgba(0, 164, 184, var(--bg-opacity))

}



.single-portfolio-carousel button {

    display: block;

    width: 14px;

    height: 14px;

    margin: 6px 8px;

    text-indent: -10000px;

    background: #ddd;

    border-radius: 50%;

    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;

    transition-duration: .3s

}



.single-portfolio-carousel button:hover {

    --bg-opacity: 1;

    background-color: #00a4b8;

    background-color: rgba(0, 164, 184, var(--bg-opacity))

}



.site-content+.recent-projects {

    padding-top: 0;

    padding-bottom: 70px

}



@media (min-width:1000px) {

    .site-content+.recent-projects {

        padding-bottom: 60px

    }

}



.site-content+.recent-projects:before {

    background: url(../images/curved-bg.png) top;

    background-size: cover;

    content: "";

    top: -60px;

    height: 100px;

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    width: 100%;

    z-index: 10

}



@media (min-width:1000px) {

    .site-content+.recent-projects:before {

        top: -100px;

        height: 100px;

        background-size: 100% 100%

    }

}



.recent-projects {

    position: relative;

    z-index: 20;

    padding-top: 60px;

    padding-bottom: 60px;

    background: linear-gradient(#fafafa, #fff)

}



@media (min-width:1000px) {

    .recent-projects {

        padding-top: 70px;

        padding-bottom: 70px

    }

}



.recent-projects--default {

    background: none

}



.recent-projects * {

    position: relative;

    z-index: 20

}



.recent-projects .project-selector {

    max-width: 300px

}



@media (min-width:1000px) {

    .recent-projects a:not(.btn).active {

        --text-opacity: 1;

        color: #fff;

        color: rgba(255, 255, 255, var(--text-opacity));

        --bg-opacity: 1;

        background-color: #00a4b8;

        background-color: rgba(0, 164, 184, var(--bg-opacity))

    }

}



.recent-projects+.timeline-wrap .js-cd-timeline {

    margin-top: 0

}



.project-carousel.active {

    height: auto;

    overflow: visible

}



.project-carousel__heading {

    transition: .3s

}



@media (min-width:1000px) {

    .project-carousel__item:hover .project-carousel__heading {

        opacity: 1

    }

}



.project-carousel .slick-track,

.project-carousel__item {

    margin: auto

}



.project__heading {

    transition: .3s

}



@media (min-width:1000px) {

    .project:hover .project__heading {

        opacity: 1

    }

}



.service-video iframe {

    width: 100%

}



aside iframe {

    width: 100%;

    margin-left: auto;

    margin-right: auto;

    height: 300px

}



.sidebar {

    width: 100%

}



@media (min-width:1000px) {

    .sidebar--blog {

        width: 30%

    }

}



@media (min-width:1200px) {

    .sidebar--blog {

        width: 20%

    }

}



.sidebar iframe {

    height: 300px

}



.areas-map iframe,

.sidebar iframe {

    width: 100%;

    margin-left: auto;

    margin-right: auto

}



.areas-map iframe {

    height: 500px

}



.contact-details a:hover {

    opacity: .75

}



.instagram-feed+.testimonials {

    margin-top: 80px

}



.testimonial-carousel {

    max-width: 1450px

}



.testimonial-carousel__client:before {

    position: absolute;

    height: 30px;

    top: -10px;

    background: url(../images/testimonial-bg.jpg) top no-repeat;

    background-size: 100%;

    content: "";

    display: block;

    width: 100%;

    height: 50%

}



.testimonial-carousel .icon-quote-left {

    width: 20px;

    height: 20px;

    position: absolute;

    top: 35px;

    left: 35px;

    --text-opacity: 1;

    color: #00a4b8;

    color: rgba(0, 164, 184, var(--text-opacity))

}



.testimonial-carousel .slick-slide,

.testimonial-carousel .slick-track {

    display: flex;

    flex-wrap: wrap

}



.testimonial-carousel__client {

    position: relative;

    width: 100%;

    margin-top: auto

}



@media only screen and (min-width:700px) {

    .testimonial-carousel .slick-slide {

        height: auto !important

    }

}



.testimonial-carousel .read-more:hover {

    --text-opacity: 1;

    color: #ed6d63;

    color: rgba(237, 109, 99, var(--text-opacity))

}



@media (min-width:1400px) {



    .testimonials-pagination .next,

    .testimonials-pagination .prev {

        position: absolute;

        top: 130px

    }



    .testimonials-pagination .next.prev,

    .testimonials-pagination .prev.prev {

        left: 10px

    }



    .testimonials-pagination .next.next,

    .testimonials-pagination .prev.next {

        right: 10px

    }

}



.next,

.prev {

    display: inline-block;

    font-size: 1.8rem;

    transition: .3s

}



.next:hover,

.prev:hover {

    --text-opacity: 1;

    color: #ed6d63;

    color: rgba(237, 109, 99, var(--text-opacity))

}



.timeline-wrap+.site-content {

    margin-top: 50px

}



@media (min-width:1000px) {

    .cd-is-hidden {

        visibility: hidden

    }

}



.cd-timeline {

    overflow: hidden;

    width: 100%;

    margin-top: 50px;

    padding: 40px 20px;

    --bg-opacity: 1;

    background-color: #f6fdff;

    background-color: rgba(246, 253, 255, var(--bg-opacity));

    border-radius: .25rem

}



@media (min-width:1000px) {

    .cd-timeline {

        padding: 60px 40px

    }

}



@media (min-width:1200px) {

    .cd-timeline {

        margin-top: 50px

    }

}



.cd-timeline__container {

    position: relative;

    margin-left: auto;

    margin-right: auto;

    padding-top: 20px;

    padding-bottom: 20px;

    max-width: 1400px

}



.cd-timeline__container:before {

    content: "";

    position: absolute;

    top: 0;

    left: 18px;

    height: 100%;

    width: 4px;

    background: #d7e4ed

}



@media (min-width:1000px) {

    .cd-timeline__container:before {

        left: 50%;

        margin-left: -2px

    }

}



.cd-timeline__block {

    position: relative;

    margin-top: 20px;

    margin-bottom: 20px

}



.cd-timeline__block:first-child {

    margin-top: 0

}



.cd-timeline__block:last-child {

    margin-bottom: 0

}



@media (min-width:1000px) {

    .cd-timeline__block {

        margin: -50px 0 0

    }



    .cd-timeline__block:nth-child(2n) .cd-timeline__content {

        float: right

    }



    .cd-timeline__block:nth-child(2n) .cd-timeline__content:before {

        top: 24px;

        left: auto;

        right: 100%;

        border-color: transparent #fff transparent transparent

    }



    .cd-timeline__block__block:nth-child(2n) .cd-timeline__content--bounce-in {

        -webkit-animation: cd-bounce-2-inverse .6s;

        animation: cd-bounce-2-inverse .6s

    }

}



.cd-timeline__icon {

    display: flex;

    justify-content: center;

    align-items: center;

    position: absolute;

    top: 0;

    left: 0;

    text-align: center;

    --text-opacity: 1;

    color: #fff;

    color: rgba(255, 255, 255, var(--text-opacity));

    --bg-opacity: 1;

    background-color: #00a4b8;

    background-color: rgba(0, 164, 184, var(--bg-opacity));

    border-radius: 9999px;

    width: 40px;

    height: 40px;

    box-shadow: 0 0 0 4px #fff, inset 0 2px 0 rgba(0, 0, 0, .08), 0 3px 0 4px rgba(0, 0, 0, .05)

}



@media (min-width:1000px) {

    .cd-timeline__icon {

        width: 60px;

        height: 60px;

        left: 50%;

        margin-left: -30px;

        transform: translateZ(0)

    }



    .cd-timeline__icon--bounce-in {

        visibility: visible;

        -webkit-animation: cd-bounce-1 .6s;

        animation: cd-bounce-1 .6s

    }

}



.cd-timeline__content {

    position: relative;

    margin-left: 60px;

    padding: 20px;

    --bg-opacity: 1;

    background-color: #fff;

    background-color: rgba(255, 255, 255, var(--bg-opacity));

    border-radius: .375rem;

    box-shadow: 0 3px 0 #d7e4ed

}



.cd-timeline__content:before {

    content: "";

    position: absolute;

    top: 16px;

    right: 100%;

    height: 0;

    width: 0;

    border: 7px solid transparent;

    border-right-color: #fff

}



@media (min-width:768px) {

    .cd-timeline__content {

        padding: 40px

    }

}



@media (min-width:1000px) {

    .cd-timeline__content {

        margin-left: 0;

        padding-left: 40px;

        padding-right: 40px;

        width: 45%;

        transform: translateZ(0)

    }



    .cd-timeline__content--bounce-in {

        visibility: visible;

        -webkit-animation: cd-bounce-2 .6s;

        animation: cd-bounce-2 .6s

    }



    .cd-timeline__content:before {

        top: 24px;

        left: 100%;

        border-color: transparent transparent transparent #fff

    }

}



.cd-timeline .icon {

    font-size: 2rem

}



.cd-timeline p {

    margin-top: 20px;

    margin-bottom: 20px

}



.cd-timeline p:last-of-type {

    margin-bottom: 0

}



.cd-timeline h2 {

    font-size: 2rem

}



@media (min-width:768px) {

    .cd-timeline h2 {

        font-size: 2rem

    }

}



.cd-timeline h2+p {

    margin-top: 5px

}



.cd-timeline iframe {

    width: 100%

}



@-webkit-keyframes cd-bounce-1 {

    0% {

        opacity: 0;

        transform: scale(.5)

    }



    60% {

        opacity: 1;

        transform: scale(1.2)

    }



    to {

        transform: scale(1)

    }

}



@keyframes cd-bounce-1 {

    0% {

        opacity: 0;

        transform: scale(.5)

    }



    60% {

        opacity: 1;

        transform: scale(1.2)

    }



    to {

        transform: scale(1)

    }

}



@-webkit-keyframes cd-bounce-2 {

    0% {

        opacity: 0;

        transform: translateX(-100px)

    }



    60% {

        opacity: 1;

        transform: translateX(20px)

    }



    to {

        transform: translateX(0)

    }

}



@keyframes cd-bounce-2 {

    0% {

        opacity: 0;

        transform: translateX(-100px)

    }



    60% {

        opacity: 1;

        transform: translateX(20px)

    }



    to {

        transform: translateX(0)

    }

}



@-webkit-keyframes cd-bounce-2-inverse {

    0% {

        opacity: 0;

        transform: translateX(100px)

    }



    60% {

        opacity: 1;

        transform: translateX(-20px)

    }



    to {

        transform: translateX(0)

    }

}



@keyframes cd-bounce-2-inverse {

    0% {

        opacity: 0;

        transform: translateX(100px)

    }



    60% {

        opacity: 1;

        transform: translateX(-20px)

    }



    to {

        transform: translateX(0)

    }

}



.wcu-item__icon {

    top: 50%;

    transform: translateY(-50%);

    left: 0

}









.sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    white-space: nowrap;

    border-width: 0

}



.bg-white {

    --bg-opacity: 1;

    background-color: #fff;

    background-color: rgba(255, 255, 255, var(--bg-opacity))

}



.bg-gray-100 {

    --bg-opacity: 1;

    background-color: #f7fafc;

    background-color: rgba(247, 250, 252, var(--bg-opacity))

}



.bg-gray-200 {

    --bg-opacity: 1;

    background-color: #edf2f7;

    background-color: rgba(237, 242, 247, var(--bg-opacity))

}



.bg-gray-500 {

    --bg-opacity: 1;

    background-color: #a0aec0;

    background-color: rgba(160, 174, 192, var(--bg-opacity))

}



.bg-indigo-500 {

    --bg-opacity: 1;

    background-color: #667eea;

    background-color: rgba(102, 126, 234, var(--bg-opacity))

}



.bg-primary-light {

    --bg-opacity: 1;

    background-color: #f6fdff;

    background-color: rgba(246, 253, 255, var(--bg-opacity))

}



.bg-primary {

    --bg-opacity: 1;

    background-color: #00a4b8;

    background-color: rgba(0, 164, 184, var(--bg-opacity))

}



.bg-primary-dark {

    --bg-opacity: 1;

    background-color: #6da8b4;

    background-color: rgba(109, 168, 180, var(--bg-opacity))

}



.bg-secondary {

    --bg-opacity: 1;

    background-color: #ed6d63;

    background-color: rgba(237, 109, 99, var(--bg-opacity))

}



.bg-grey-light {

    --bg-opacity: 1;

    background-color: #fafafa;

    background-color: rgba(250, 250, 250, var(--bg-opacity))

}



.bg-grey {

    --bg-opacity: 1;

    background-color: #f2f2f2;

    background-color: rgba(242, 242, 242, var(--bg-opacity))

}



.hover\:bg-gray-300:hover {

    --bg-opacity: 1;

    background-color: #e2e8f0;

    background-color: rgba(226, 232, 240, var(--bg-opacity))

}



.hover\:bg-indigo-600:hover {

    --bg-opacity: 1;

    background-color: #5a67d8;

    background-color: rgba(90, 103, 216, var(--bg-opacity))

}



.hover\:bg-primary:hover {

    --bg-opacity: 1;

    background-color: #00a4b8;

    background-color: rgba(0, 164, 184, var(--bg-opacity))

}



.hover\:bg-secondary:hover {

    --bg-opacity: 1;

    background-color: #ed6d63;

    background-color: rgba(237, 109, 99, var(--bg-opacity))

}



.hover\:bg-secondary-dark:hover {

    --bg-opacity: 1;

    background-color: #d35e55;

    background-color: rgba(211, 94, 85, var(--bg-opacity))

}



.bg-center {

    background-position: 50%

}



.bg-no-repeat {

    background-repeat: no-repeat

}



.bg-cover {

    background-size: cover

}



.border-white {

    --border-opacity: 1;

    border-color: #fff;

    border-color: rgba(255, 255, 255, var(--border-opacity))

}



.border-primary {

    --border-opacity: 1;

    border-color: #00a4b8;

    border-color: rgba(0, 164, 184, var(--border-opacity))

}



.border-secondary {

    --border-opacity: 1;

    border-color: #ed6d63;

    border-color: rgba(237, 109, 99, var(--border-opacity))

}



.border-grey {

    --border-opacity: 1;

    border-color: #f2f2f2;

    border-color: rgba(242, 242, 242, var(--border-opacity))

}



.rounded-3 {

    border-radius: 3px

}



.rounded-5 {

    border-radius: 5px

}



.rounded {

    border-radius: .25rem

}



.rounded-lg {

    border-radius: .5rem

}



.rounded-xl {

    border-radius: .75rem

}



.rounded-full {

    border-radius: 9999px

}



.rounded-r-lg {

    border-top-right-radius: .5rem

}



.rounded-r-lg {

    border-bottom-right-radius: .5rem

}



.border-0 {

    border-width: 0

}



.border {

    border-width: 1px

}



.border-t {

    border-top-width: 1px

}



.border-b {

    border-bottom-width: 1px

}



.cursor-pointer {

    cursor: pointer

}



.block {

    display: block

}



.inline-block {

    display: inline-block

}



.inline {

    display: inline

}



.flex {

    display: flex

}



.inline-flex {

    display: inline-flex

}



.table {

    display: table

}



.grid {

    display: grid

}



.hidden {

    display: none

}



.flex-row {

    flex-direction: row

}



.flex-row-reverse {

    flex-direction: row-reverse

}



.flex-col {

    flex-direction: column

}



.flex-wrap {

    flex-wrap: wrap

}



.items-start {

    align-items: flex-start

}



.items-center {

    align-items: center

}



.self-end {

    align-self: flex-end

}



.justify-end {

    justify-content: flex-end

}



.justify-center {

    justify-content: center

}



.justify-between {

    justify-content: space-between

}



.order-1 {

    order: 1

}



.order-2 {

    order: 2

}



.float-right {

    float: right

}



.float-left {

    float: left

}



.clearfix:after {

    content: "";

    display: table;

    clear: both

}



.font-light {

    font-weight: 300

}



.font-medium {

    font-weight: 500

}



.font-bold {

    font-weight: 700

}



.h-8 {

    height: 2rem

}



.h-full {

    height: 100%

}



.text-1 {

    font-size: 1rem

}



.text-sm {

    font-size: .875rem

}



.text-lg {

    font-size: 1.125rem

}



.text-xl {

    font-size: 1.25rem

}



.text-2xl {

    font-size: 1.5rem

}



.text-3xl {

    font-size: 1.875rem

}



.text-4xl {

    font-size: 2.25rem

}



.text-1-1 {

    font-size: 1.7rem

}



.text-1-2 {

    font-size: 1.5rem

}



.text-1-3 {

    font-size: 1.3rem

}



.text-1-4 {

    font-size: 1.4rem

}



.text-1-5 {

    font-size: 1.5rem

}



.text-1-6 {

    font-size: 1.6rem

}



.text-1-8 {

    font-size: 1.8rem

}



.text-1-9 {

    font-size: 1.9rem

}



.text-2-1 {

    font-size: 2.1rem

}



.text-2-2 {

    font-size: 2.2rem

}



.text-2-3 {

    font-size: 2.3rem

}



.leading-snug {

    line-height: 1.375

}



.leading-relaxed {

    line-height: 1.625

}



.list-none {

    list-style-type: none

}



.m-0 {

    margin: 0

}



.m-5 {

    margin: 5px

}



.m-10 {

    margin: 10px

}



.my-4 {

    margin-top: 1rem;

    margin-bottom: 1rem

}



.my-5 {

    margin-top: 5px;

    margin-bottom: 5px

}



.my-10 {

    margin-top: 10px;

    margin-bottom: 10px

}



.mx-10 {

    margin-left: 10px;

    margin-right: 10px

}



.my-20 {

    margin-top: 20px;

    margin-bottom: 20px

}



.my-30 {

    margin-top: 30px;

    margin-bottom: 30px

}



.my-40 {

    margin-top: 40px;

    margin-bottom: 40px

}



.my-50 {

    margin-top: 50px;

    margin-bottom: 50px

}



.my-60 {

    margin-top: 60px;

    margin-bottom: 60px

}



.my-80 {

    margin-top: 80px;

    margin-bottom: 80px

}



.mx-auto {

    margin-left: auto;

    margin-right: auto

}



.mt-0 {

    margin-top: 0

}



.mb-0 {

    margin-bottom: 0

}



.mr-1 {

    margin-right: .25rem

}



.mt-4 {

    margin-top: 1rem

}



.mb-4 {

    margin-bottom: 1rem

}



.ml-4 {

    margin-left: 1rem

}



.mt-5 {

    margin-top: 5px

}



.mr-5 {

    margin-right: 5px

}



.mb-5 {

    margin-bottom: 5px

}



.ml-5 {

    margin-left: 5px

}



.mb-8 {

    margin-bottom: 2rem

}



.mt-10 {

    margin-top: 10px

}



.mr-10 {

    margin-right: 10px

}



.mb-10 {

    margin-bottom: 10px

}



.mb-12 {

    margin-bottom: 3rem

}



.mt-15 {

    margin-top: 15px

}



.mb-15 {

    margin-bottom: 15px

}



.mb-16 {

    margin-bottom: 4rem

}



.mt-20 {

    margin-top: 20px

}



.mb-20 {

    margin-bottom: 20px

}



.mt-25 {

    margin-top: 25px

}



.mb-25 {

    margin-bottom: 25px

}



.mt-30 {

    margin-top: 30px

}



.mb-30 {

    margin-bottom: 30px

}



.mt-35 {

    margin-top: 35px

}



.mb-35 {

    margin-bottom: 35px

}



.mt-40 {

    margin-top: 40px

}



.mb-40 {

    margin-bottom: 40px

}



.mt-50 {

    margin-top: 50px

}



.mb-50 {

    margin-bottom: 50px

}



.mt-60 {

    margin-top: 60px

}



.mb-60 {

    margin-bottom: 60px

}



.mb-70 {

    margin-bottom: 70px

}



.mt-80 {

    margin-top: 80px

}



.mb-80 {

    margin-bottom: 80px

}



.mb-100 {

    margin-bottom: 100px

}



.max-w-100 {

    max-width: 100px

}



.max-w-240 {

    max-width: 240px

}



.max-w-300 {

    max-width: 300px

}



.max-w-900 {

    max-width: 900px

}



.max-w-1000 {

    max-width: 1000px

}



.max-w-sm {

    max-width: 640px

}



.max-w-xl {

    max-width: 1200px

}



.max-w-screen-xl {

    max-width: 1200px

}



.max-w-xxxl {

    max-width: 1600px

}



.max-w-fit {

    max-width: -webkit-fit-content;

    max-width: -moz-fit-content;

    max-width: fit-content

}



.object-cover {

    -o-object-fit: cover;

    object-fit: cover

}



.object-center {

    -o-object-position: center;

    object-position: center

}



.opacity-0 {

    opacity: 0

}



.opacity-50 {

    opacity: .5

}



.opacity-75 {

    opacity: .75

}



.hover\:opacity-50:hover {

    opacity: .5

}



.hover\:opacity-75:hover {

    opacity: .75

}



.hover\:opacity-100:hover {

    opacity: 1

}



.outline-none {

    outline: 2px solid transparent;

    outline-offset: 2px

}



.focus\:outline-none:focus {

    outline: 2px solid transparent;

    outline-offset: 2px

}



.overflow-hidden {

    overflow: hidden

}



.p-2 {

    padding: .5rem

}



.p-3 {

    padding: .75rem

}



.p-4 {

    padding: 1rem

}



.p-5 {

    padding: 5px

}



.p-10 {

    padding: 10px

}



.p-20 {

    padding: 20px

}



.p-25 {

    padding: 25px

}



.p-30 {

    padding: 30px

}



.p-40 {

    padding: 40px

}



.p-50 {

    padding: 50px

}



.py-2 {

    padding-top: .5rem;

    padding-bottom: .5rem

}



.py-3 {

    padding-top: .75rem;

    padding-bottom: .75rem

}



.px-4 {

    padding-left: 1rem;

    padding-right: 1rem

}



.py-5 {

    padding-top: 5px;

    padding-bottom: 5px

}



.px-5 {

    padding-left: 5px;

    padding-right: 5px

}



.px-6 {

    padding-left: 1.5rem;

    padding-right: 1.5rem

}



.py-10 {

    padding-top: 10px;

    padding-bottom: 10px

}



.px-10 {

    padding-left: 10px;

    padding-right: 10px

}



.py-15 {

    padding-top: 15px;

    padding-bottom: 15px

}



.px-15 {

    padding-left: 15px;

    padding-right: 15px

}



.py-20 {

    padding-top: 20px;

    padding-bottom: 20px

}



.px-20 {

    padding-left: 20px;

    padding-right: 20px

}



.py-24 {

    padding-top: 6rem;

    padding-bottom: 6rem

}



.py-25 {

    padding-top: 25px;

    padding-bottom: 25px

}



.px-25 {

    padding-left: 25px;

    padding-right: 25px

}



.py-30 {

    padding-top: 30px;

    padding-bottom: 30px

}



.px-30 {

    padding-left: 30px;

    padding-right: 30px

}



.py-40 {

    padding-top: 40px;

    padding-bottom: 40px

}



.px-40 {

    padding-left: 40px;

    padding-right: 40px

}



.py-50 {

    padding-top: 50px;

    padding-bottom: 50px

}



.py-60 {

    padding-top: 60px;

    padding-bottom: 60px

}



.py-70 {

    padding-top: 70px;

    padding-bottom: 70px

}



.pb-20 {

    padding-bottom: 20px

}



.pb-30 {

    padding-bottom: 30px

}



.pl-30 {

    padding-left: 30px

}



.pb-35 {

    padding-bottom: 35px

}



.pl-35 {

    padding-left: 35px

}



.pt-40 {

    padding-top: 40px

}



.pr-40 {

    padding-right: 40px

}



.pt-45 {

    padding-top: 45px

}



.pl-45 {

    padding-left: 45px

}



.pt-50 {

    padding-top: 50px

}



.pb-50 {

    padding-bottom: 50px

}



.pt-60 {

    padding-top: 60px

}



.pt-70 {

    padding-top: 70px

}



.pb-70 {

    padding-bottom: 70px

}



.pt-80 {

    padding-top: 80px

}



.pb-90 {

    padding-bottom: 90px

}



.pt-110 {

    padding-top: 110px

}



.fixed {

    position: fixed

}



.absolute {

    position: absolute

}



.relative {

    position: relative

}



.top-0 {

    top: 0

}



.right-0 {

    right: 0

}



.bottom-0 {

    bottom: 0

}



.left-0 {

    left: 0

}



.right-4 {

    right: 1rem

}



.bottom-4 {

    bottom: 1rem

}



.top-10 {

    top: 10px

}



.bottom-10 {

    bottom: 10px

}



.top-13 {

    top: 13px

}



.right-20 {

    right: 20px

}



.left-20 {

    left: 20px

}



.right-40 {

    right: 40px

}



.top-full {

    top: 100%

}



.resize {

    resize: both

}



.shadow {

    box-shadow: 0 1px 16px 1px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .03)

}



.shadow-lg {

    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)

}



.text-left {

    text-align: left

}



.text-center {

    text-align: center

}



.text-white {

    --text-opacity: 1;

    color: #fff;

    color: rgba(255, 255, 255, var(--text-opacity))

}



.text-gray-700 {

    --text-opacity: 1;

    color: #4a5568;

    color: rgba(74, 85, 104, var(--text-opacity))

}



.text-gray-900 {

    --text-opacity: 1;

    color: #1a202c;

    color: rgba(26, 32, 44, var(--text-opacity))

}



.text-primary {

    --text-opacity: 1;

    color: #00a4b8;

    color: rgba(0, 164, 184, var(--text-opacity))

}



.text-secondary {

    --text-opacity: 1;

    color: #ed6d63;

    color: rgba(237, 109, 99, var(--text-opacity))

}



.text-tertiary {

    --text-opacity: 1;

    color: #1a1b39;

    color: rgba(26, 27, 57, var(--text-opacity))

}



.text-grey-dark {

    --text-opacity: 1;

    color: grey;

    color: rgba(128, 128, 128, var(--text-opacity))

}



.hover\:text-white:hover {

    --text-opacity: 1;

    color: #fff;

    color: rgba(255, 255, 255, var(--text-opacity))

}



.hover\:text-primary:hover {

    --text-opacity: 1;

    color: #00a4b8;

    color: rgba(0, 164, 184, var(--text-opacity))

}



.hover\:text-secondary:hover {

    --text-opacity: 1;

    color: #ed6d63;

    color: rgba(237, 109, 99, var(--text-opacity))

}



.uppercase {

    text-transform: uppercase

}



.capitalize {

    text-transform: capitalize

}



.no-underline {

    text-decoration: none

}



.invisible {

    visibility: hidden

}



.w-8 {

    width: 2rem

}



.w-30 {

    width: 30%

}



.w-70 {

    width: 70%

}



.w-auto {

    width: auto

}



.w-1\/2 {

    width: 50%

}



.w-2\/5 {

    width: 40%

}



.w-5\/6 {

    width: 83.333333%

}



.w-1\/12 {

    width: 8.333333%

}



.w-full {

    width: 100%

}



.z-10 {

    z-index: 10

}



.z-20 {

    z-index: 20

}



.z-40 {

    z-index: 40

}



.z-50 {

    z-index: 50

}



.gap-10 {

    grid-gap: 10px;

    gap: 10px

}



.gap-30 {

    grid-gap: 30px;

    gap: 30px

}



.gap-y-5 {

    grid-row-gap: 5px;

    row-gap: 5px

}



.transition {

    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform

}



.duration-300 {

    transition-duration: .3s

}



@-webkit-keyframes spin {

    to {

        transform: rotate(1turn)

    }

}



@keyframes spin {

    to {

        transform: rotate(1turn)

    }

}



@-webkit-keyframes ping {

    to {

        transform: scale(2);

        opacity: 0

    }

}



@keyframes ping {



    75%,

    to {

        transform: scale(2);

        opacity: 0

    }

}



@keyframes pulse {

    50% {

        opacity: .5

    }

}



@keyframes bounce {



    0%,

    to {

        transform: translateY(-25%);

        -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);

        animation-timing-function: cubic-bezier(.8, 0, 1, 1)

    }



    50% {

        transform: none;

        -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);

        animation-timing-function: cubic-bezier(0, 0, .2, 1)

    }

}



.site-banner a {

    font-weight: 700;

    text-decoration: underline

}



.site-banner a:hover {

    opacity: .75

}



@media (min-width:640px) {

    .sm\:bg-center {

        background-position: 50%

    }



    .sm\:bg-cover {

        background-size: cover

    }



    .sm\:block {

        display: block

    }



    .sm\:hidden {

        display: none

    }



    .sm\:justify-center {

        justify-content: center

    }



    .sm\:text-4xl {

        font-size: 2.25rem

    }



    .sm\:text-1-1 {

        font-size: 1.1rem

    }



    .sm\:my-70 {

        margin-top: 70px;

        margin-bottom: 70px

    }



    .sm\:mt-0 {

        margin-top: 0

    }



    .sm\:mt-30 {

        margin-top: 30px

    }



    .sm\:max-w-full {

        max-width: 100%

    }



    .sm\:px-30 {

        padding-left: 30px;

        padding-right: 30px

    }



    .sm\:pb-40 {

        padding-bottom: 40px

    }



    .sm\:w-30 {

        width: 30%

    }



    .sm\:w-49 {

        width: 49%

    }



    .sm\:w-70 {

        width: 70%

    }



    .sm\:w-1\/2 {

        width: 50%

    }



    .sm\:w-1\/4 {

        width: 25%

    }



    .sm\:grid-cols-2 {

        grid-template-columns: repeat(2, minmax(0, 1fr))

    }

}



@media (min-width:768px) {

    .md\:border {

        border-width: 1px

    }



    .md\:cursor-default {

        cursor: default

    }



    .md\:flex {

        display: flex

    }



    .md\:flex-row {

        flex-direction: row

    }



    .md\:items-start {

        align-items: flex-start

    }



    .md\:order-1 {

        order: 1

    }



    .md\:order-2 {

        order: 2

    }



    .md\:m-0 {

        margin: 0

    }



    .md\:my-8 {

        margin-top: 2rem;

        margin-bottom: 2rem

    }



    .md\:my-40 {

        margin-top: 40px;

        margin-bottom: 40px

    }



    .md\:my-80 {

        margin-top: 80px;

        margin-bottom: 80px

    }



    .md\:-mx-8 {

        margin-left: -2rem;

        margin-right: -2rem

    }



    .md\:mt-0 {

        margin-top: 0

    }



    .md\:mb-0 {

        margin-bottom: 0

    }



    .md\:mr-10 {

        margin-right: 10px

    }



    .md\:mb-25 {

        margin-bottom: 25px

    }



    .md\:mt-30 {

        margin-top: 30px

    }



    .md\:hover\:opacity-100:hover {

        opacity: 1

    }



    .md\:p-30 {

        padding: 30px

    }



    .md\:p-50 {

        padding: 50px

    }



    .md\:px-8 {

        padding-left: 2rem;

        padding-right: 2rem

    }



    .md\:px-30 {

        padding-left: 30px;

        padding-right: 30px

    }



    .md\:px-40 {

        padding-left: 40px;

        padding-right: 40px

    }



    .md\:px-50 {

        padding-left: 50px;

        padding-right: 50px

    }



    .md\:px-60 {

        padding-left: 60px;

        padding-right: 60px

    }



    .md\:py-80 {

        padding-top: 80px;

        padding-bottom: 80px

    }



    .md\:pr-16 {

        padding-right: 4rem

    }



    .md\:pr-20 {

        padding-right: 20px

    }



    .md\:pt-30 {

        padding-top: 30px

    }



    .md\:pr-50 {

        padding-right: 50px

    }



    .md\:pl-50 {

        padding-left: 50px

    }



    .md\:text-left {

        text-align: left

    }



    .md\:text-center {

        text-align: center

    }



    .md\:w-30 {

        width: 30%

    }



    .md\:w-32 {

        width: 32%

    }



    .md\:w-45 {

        width: 45%

    }



    .md\:w-49 {

        width: 49%

    }



    .md\:w-55 {

        width: 55%

    }



    .md\:w-70 {

        width: 70%

    }



    .md\:w-auto {

        width: auto

    }



    .md\:w-1\/2 {

        width: 50%

    }



    .md\:w-2\/5 {

        width: 40%

    }



    .md\:w-3\/6 {

        width: 50%

    }



    .md\:w-4\/12 {

        width: 33.333333%

    }



    .md\:w-6\/12 {

        width: 50%

    }



    .md\:w-8\/12 {

        width: 66.666667%

    }



    .md\:gap-5 {

        grid-gap: 5px;

        gap: 5px

    }



    .md\:grid-cols-2 {

        grid-template-columns: repeat(2, minmax(0, 1fr))

    }



    .md\:grid-cols-3 {

        grid-template-columns: repeat(3, minmax(0, 1fr))

    }

}



@media (min-width:1000px) {

    .lg\:bg-primary-light {

        --bg-opacity: 1;

        background-color: #f6fdff;

        background-color: rgba(246, 253, 255, var(--bg-opacity))

    }



    .lg\:block {

        display: block

    }



    .lg\:inline-block {

        display: inline-block!important;

    }



    .lg\:flex {

        display: flex!important;

    }



    .lg\:hidden {

        display: none!important;

    }



    .lg\:flex-wrap {

        flex-wrap: wrap!important;

    }



    .lg\:items-center {

        align-items: center!important;

    }



    .lg\:justify-end {

        justify-content: flex-end!important;

    }



    .lg\:justify-center {

        justify-content: center!important;

    }



    .lg\:justify-between {

        justify-content: space-between!important;

    }



    .lg\:flex-grow {

        flex-grow: 1!important;

    }



    .lg\:order-1 {

        order: 1!important;

    }



    .lg\:order-2 {

        order: 2!important;

    }



    .lg\:float-left {

        float: left!important;

    }



    .lg\:h-full {

        height: 100%!important;

    }



    .lg\:text-lg {

        font-size: 1.125rem

    }



    .lg\:text-1-9 {

        font-size: 1.9rem

    }



    .lg\:text-2-2 {

        font-size: 2.2rem

    }



    .lg\:m-0 {

        margin: 0

    }



    .lg\:m-5 {

        margin: 5px

    }



    .lg\:mx-0 {

        margin-left: 0;

        margin-right: 0

    }



    .lg\:my-5 {

        margin-top: 5px;

        margin-bottom: 5px

    }



    .lg\:mx-20 {

        margin-left: 20px;

        margin-right: 20px

    }



    .lg\:my-50 {

        margin-top: 50px;

        margin-bottom: 50px

    }



    .lg\:mx-auto {

        margin-left: auto;

        margin-right: auto

    }



    .lg\:mt-0 {

        margin-top: 0

    }



    .lg\:mb-0 {

        margin-bottom: 0

    }



    .lg\:mb-8 {

        margin-bottom: 2rem

    }



    .lg\:mr-10 {

        margin-right: 10px

    }



    .lg\:mt-20 {

        margin-top: 20px

    }



    .lg\:mt-25 {

        margin-top: 25px

    }



    .lg\:mr-25 {

        margin-right: 25px

    }



    .lg\:mb-30 {

        margin-bottom: 30px

    }



    .lg\:mt-40 {

        margin-top: 40px

    }



    .lg\:mt-50 {

        margin-top: 50px

    }



    .lg\:mt-70 {

        margin-top: 70px

    }



    .lg\:mb-90 {

        margin-bottom: 90px

    }



    .lg\:max-w-lg {

        max-width: 1000px

    }



    .lg\:opacity-0 {

        opacity: 0

    }



    .lg\:p-30 {

        padding: 30px

    }



    .lg\:p-40 {

        padding: 40px

    }



    .lg\:p-50 {

        padding: 50px

    }



    .lg\:px-8 {

        padding-left: 2rem;

        padding-right: 2rem

    }



    .lg\:px-20 {

        padding-left: 20px;

        padding-right: 20px

    }



    .lg\:py-40 {

        padding-top: 40px;

        padding-bottom: 40px

    }



    .lg\:py-50 {

        padding-top: 50px;

        padding-bottom: 50px

    }



    .lg\:px-50 {

        padding-left: 50px;

        padding-right: 50px

    }



    .lg\:px-60 {

        padding-left: 60px;

        padding-right: 60px

    }



    .lg\:py-70 {

        padding-top: 70px;

        padding-bottom: 70px

    }



    .lg\:py-80 {

        padding-top: 80px;

        padding-bottom: 80px

    }



    .lg\:px-80 {

        padding-left: 80px;

        padding-right: 80px

    }



    .lg\:py-100 {

        padding-top: 100px;

        padding-bottom: 100px

    }



    .lg\:px-130 {

        padding-left: 130px;

        padding-right: 130px

    }



    .lg\:pt-0 {

        padding-top: 0

    }



    .lg\:pr-24 {

        padding-right: 6rem

    }



    .lg\:pr-50 {

        padding-right: 50px

    }



    .lg\:pl-60 {

        padding-left: 60px

    }



    .lg\:pt-80 {

        padding-top: 80px

    }



    .lg\:pb-100 {

        padding-bottom: 100px

    }



    .lg\:pb-150 {

        padding-bottom: 150px

    }



    .lg\:fixed {

        position: fixed

    }



    .lg\:absolute {

        position: absolute

    }



    .lg\:relative {

        position: relative

    }



    .lg\:top-0 {

        top: 0

    }



    .lg\:right-0 {

        right: 0

    }



    .lg\:bottom-0 {

        bottom: 0

    }



    .lg\:left-0 {

        left: 0

    }



    .lg\:text-left {

        text-align: left

    }



    .lg\:text-center {

        text-align: center

    }



    .lg\:w-24 {

        width: 24%

    }



    .lg\:w-30 {

        width: 30%

    }



    .lg\:w-32 {

        width: 32%

    }



    .lg\:w-35 {

        width: 35%

    }



    .lg\:w-47 {

        width: 47%

    }



    .lg\:w-49 {

        width: 49%

    }



    .lg\:w-1\/2 {

        width: 50%

    }



    .lg\:w-2\/3 {

        width: 66.666667%

    }



    .lg\:w-1\/4 {

        width: 25%

    }



    .lg\:w-1\/5 {

        width: 20%

    }



    .lg\:w-2\/5 {

        width: 40%

    }



    .lg\:w-3\/5 {

        width: 60%

    }



    .lg\:w-4\/5 {

        width: 80%

    }



    .lg\:w-2\/6 {

        width: 33.333333%

    }



    .lg\:w-3\/12 {

        width: 25%

    }



    .lg\:w-4\/12 {

        width: 33.333333%

    }



    .lg\:w-9\/12 {

        width: 75%

    }



    .lg\:w-full {

        width: 100%

    }



    .lg\:z-10 {

        z-index: 10

    }



    .lg\:gap-40 {

        grid-gap: 40px;

        gap: 40px

    }



    .lg\:grid-cols-2 {

        grid-template-columns: repeat(2, minmax(0, 1fr))

    }



    .lg\:grid-cols-3 {

        grid-template-columns: repeat(3, minmax(0, 1fr))

    }



    .lg\:grid-cols-4 {

        grid-template-columns: repeat(4, minmax(0, 1fr))

    }

}



@media (min-width:1200px) {

    .xl\:block {

        display: block

    }



    .xl\:hidden {

        display: none

    }



    .xl\:items-center {

        align-items: center

    }



    .xl\:h-full {

        height: 100%

    }



    .xl\:text-1-3 {

        font-size: 1.3rem

    }



    .xl\:text-1-9 {

        font-size: 1.9rem

    }



    .xl\:text-2-5 {

        font-size: 2.5rem

    }



    .xl\:mx-30 {

        margin-left: 30px;

        margin-right: 30px

    }



    .xl\:mt-80 {

        margin-top: 80px

    }



    .xl\:p-12 {

        padding: 3rem

    }



    .xl\:p-50 {

        padding: 50px

    }



    .xl\:p-60 {

        padding: 60px

    }



    .xl\:p-70 {

        padding: 70px

    }



    .xl\:px-25 {

        padding-left: 25px;

        padding-right: 25px

    }



    .xl\:px-30 {

        padding-left: 30px;

        padding-right: 30px

    }



    .xl\:py-60 {

        padding-top: 60px;

        padding-bottom: 60px

    }



    .xl\:py-80 {

        padding-top: 80px;

        padding-bottom: 80px

    }



    .xl\:pl-0 {

        padding-left: 0

    }



    .xl\:pb-40 {

        padding-bottom: 40px

    }



    .xl\:pt-80 {

        padding-top: 80px

    }



    .xl\:pr-80 {

        padding-right: 80px

    }



    .xl\:pl-90 {

        padding-left: 90px

    }



    .xl\:pr-100 {

        padding-right: 100px

    }



    .xl\:absolute {

        position: absolute

    }



    .xl\:w-32 {

        width: 32%

    }



    .xl\:w-35 {

        width: 35%

    }



    .xl\:w-70 {

        width: 70%

    }



    .xl\:w-1\/2 {

        width: 50%

    }



    .xl\:w-1\/4 {

        width: 25%

    }



    .xl\:w-4\/5 {

        width: 80%

    }



    .xl\:w-4\/12 {

        width: 33.333333%

    }

}



@media (min-width:1400px) {

    .xxl\:flex {

        display: flex

    }



    .xxl\:flex-wrap {

        flex-wrap: wrap

    }



    .xxl\:text-1-1 {

        font-size: 1.1rem

    }



    .xxl\:mt-0 {

        margin-top: 0

    }



    .xxl\:px-30 {

        padding-left: 30px;

        padding-right: 30px

    }



    .xxl\:px-150 {

        padding-left: 150px;

        padding-right: 150px

    }



    .xxl\:pr-100 {

        padding-right: 100px

    }



    .xxl\:w-15 {

        width: 15%

    }



    .xxl\:w-24 {

        width: 24%

    }



    .xxl\:w-30 {

        width: 30%

    }



    .xxl\:w-32 {

        width: 32%

    }



    .xxl\:w-45 {

        width: 45%

    }



    .xxl\:w-1\/2 {

        width: 50%

    }



    .xxl\:w-1\/4 {

        width: 25%

    }



    .xxl\:w-3\/4 {

        width: 75%

    }



    .xxl\:w-2\/5 {

        width: 40%

    }



    .xxl\:w-4\/5 {

        width: 80%

    }

}



@media (min-width:1600px) {

    .xxxl\:pl-30 {

        padding-left: 30px

    }

}



@media (min-width:1530px) {

    .\32xl\:mt-6 {

        margin-top: 1.5rem

    }

}



.rd-navbar-wrap{

    z-index: 999!important;

}



.rd-navbar-fixed .rd-navbar-nav {

    z-index: 99999!important;

}



.rd-navbar-fixed .rd-navbar-brand {

    display: inherit!important;

    top: -14px!important;

    left: 42px!important;

}





.rd-navbar-wrap button{

    background-color: transparent!important;

    padding: 15px 10px!important;

}

.prev, .next {

    color: #000000;

    display: inline-block!important;

    position: inherit!important;

    font-size: 30px!important;

}

select,option{

    font-size: 18px;

}



@media (min-width:1000px) {

    span.select2 {

        display: none;

    }

}