/*
Theme Name: Easytruck
Theme URI: https://thriveweb.com.au
Author: Kurtis @ Thrive Digital
Author URI: https://thriveweb.com.au
Version: 1.0.0
*/



/*--------------------------------------------------------------
modern-normalize v1.1.0
--------------------------------------------------------------*/
*,::after,::before{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}cite,dfn,em,i{font-style:italic}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}embed,iframe,object{max-width:100%}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}



/*--------------------------------------------------------------
Elements
--------------------------------------------------------------*/
:root {
    /* Colors */
    --charcoal: #5A5B5E;
    --yellow: #FFC712;
    --green: #49C193;

    /* Typography */
    --8px: 0.5rem;
    --9px: 0.5625rem;
    --10px: 0.625rem;
    --11px: 0.6875rem;
    --12px: 0.75rem;
    --13px: 0.8125rem;
    --14px: 0.875rem;
    --15px: 0.9375rem;
    --16px: 1rem;
    --18px: 1.125rem;
    --20px: 1.25rem;
    --22px: 1.375rem;
    --24px: 1.5rem;
    --26px: 1.625rem;
    --28px: 1.75rem;
    --30px: 1.875rem;
    --32px: 2rem;
    --36px: 2.25rem;
    --40px: 2.5rem;
    --44px: 2.75rem;
    --48px: 3rem;
    --60px: 3.75rem;
}

html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body {
    background: #000;
    color: #000;
    font-family: 'Montserrat', 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI",Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-weight: 500;
    line-height: 1.618;
    overscroll-behavior: none;
}

@media (max-width: 992px) {
    body {
        overscroll-behavior: auto;
    }
}

::-moz-selection {
    background: var(--yellow);
    color: #fff;
}
::selection {
    background: var(--yellow);
    color: #fff;
}

hr {
    background: #eee;
    border: 0;
    height: 1px;
    margin-bottom: 20px;
}

ul,
ol {
    margin: 0 0 20px 20px;
    padding: 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin: 0 0 20px;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 20px 20px;
}

table {
    margin: 0 0 20px;
    width: 100%;
}

p {
    margin: 0 0 20px;
}

pre {
    background: #eee;
    color: #000;
    font-size: var(--14px);
    line-height: 1.5;
    margin-bottom: 20px;
    max-width: 100%;
    overflow: auto;
    padding: 20px;
}

fieldset {
    padding: 0;
    border: none;
    margin: 0 0 20px;
}

figure {
    margin: 0 0 20px;
}

/* Blockquote */
blockquote {
    border-left: 1px solid #000;
    padding: 0 30px;
    margin: 40px 0;
}

blockquote > p {
    font-size: var(--24px);
    line-height: 1.2;
    margin: 0;
    color: #000;
}

blockquote cite {
    display: block;
    font-size: var(--14px);
    line-height: 18px;
    margin: 20px 0 0;
    text-transform: uppercase;
}



/*--------------------------------------------------------------
Animations
--------------------------------------------------------------*/
.transition, a, input, button, textarea {
    transition: all 0.3s ease;
}

.animate {
    opacity: 0;
}

.animate.fade-left {
    opacity: 0;
    transition: all 1s ease;
    -webkit-transform: translate3d(-50px, 0px, 0px);
    -ms-transform: translate3d(-50px, 0px, 0px);
    transform: translate3d(-50px, 0px, 0px);
}

.animate.fade-right {
    opacity: 0;
    transition: all 1s ease;
    -webkit-transform: translate3d(50px, 0px, 0px);
    -ms-transform: translate3d(50px, 0px, 0px);
    transform: translate3d(50px, 0px, 0px);
}

.animate.fade-up {
    opacity: 0;
    transition: all 1s ease;
    -webkit-transform: translate3d(0px, 50px, 0px);
    -ms-transform: translate3d(0px, 50px, 0px);
    transform: translate3d(0px, 50px, 0px);
}

.animate.in-view {
    opacity: 1;
    -webkit-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}



/*--------------------------------------------------------------
Wordpress
--------------------------------------------------------------*/
/* Menus */
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 20px;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

/* Alignments */
.alignleft {
    float: left;
    margin-right: 20px;
}

.alignright {
    float: right;
    margin-left: 20px;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Comments */
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/* Captions */
.wp-caption {
    max-width: 100%;
    margin: 20px;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 10px 0;
}

.wp-caption-text {
    text-align: center;
}



/*--------------------------------------------------------------
Helpers
--------------------------------------------------------------*/
/* General */
.ta-left { text-align: left; }
.ta-center { text-align: center; }
.ta-right { text-align: right; }

.float-left { float: left; }
.float-right { float: right; }

.static { position: static; }
.relative { position: relative; }
.absolute { position: absolute; }

.none { display: none; }
.inline { display: inline; }
.block { display: block; }
.inline-block { display: inline-block; }
.flex { display: flex; }

/* Clearfix */
.clearfix:after { 
    content: '';
    display: table;
    clear: both;
}

/* Inline List */
.inline-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.inline-list li { margin-left: 20px; }
.inline-list li:first-child { margin-left: 0; }

/* Font Awesome */
.fa-icon-before:before,
.fa-icon-after:after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

/* Custom Tick List */
.tick-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tick-list ul li {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    margin: 0 0 5px;
}

.tick-list ul li:before {
    content: url('images/icon-tick-circle-black.svg');
    width: 18px;
    height: 18px;
    display: block;
    margin-right: 15px;
    flex-shrink: 0;
    transform: translateY(4px);
}

.tick-list.yellow-tick ul li:before {
    content: url('images/icon-tick-circle-yellow.svg');
}

/* Clipboard Copy */
.clipboard-copy {
    position: relative;
    cursor: pointer;
}

.clipboard-copy .tooltip {
    visibility: hidden;
    width: auto;
    white-space: nowrap;
    background: #000;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 3px 10px;
    position: absolute;
    top: 0;
    left: 50%;
    font-size: var(--12px);
    line-height: 1.618;
    transform: translate(-50%, -140%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.clipboard-copy .tooltip:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
}

.clipboard-copy:hover .tooltip {
    visibility: visible;
    opacity: 1;
}



/*--------------------------------------------------------------
Titles
--------------------------------------------------------------*/
h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI",Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    line-height: 1.2;
    margin: 0 0 20px;
}

h1, .h1 {
    font-size: var(--44px);
    font-weight: 700;
}

h2, .h2 {
    font-size: var(--32px);
    font-weight: 700;
}

h3, .h3 {
    font-size: var(--22px);
    font-weight: 600;
}

h4, .h4 {
    font-size: var(--18px);
    font-weight: 500;
}

h1.large-title {
    font-size: var(--60px);
}
h4.large-title {
    font-size: var(--60px);
    font-weight: 700;
    line-height: 1;
}

@media (max-width: 768px) {
    h1, .h1 {
        font-size: var(--36px);
    }
    h2, .h2 {
        font-size: var(--26px);
    }
    h3, .h3 {
        font-size: var(--18px);
    }
    h4, .h4 {
        font-size: var(--16px);
    }
    h1.large-title {
        font-size: var(--48px);
    }
    h4.large-title {
        font-size: var(--48px);
    }
}



/*--------------------------------------------------------------
Links/Buttons
--------------------------------------------------------------*/
/* Links */
a {
    color: var(--yellow);
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    color: #000;
}

/* Buttons */
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    outline: none;
    display: inline-block;
    position: relative;
    padding: 20px 40px;
    font-size: var(--18px);
    font-weight: 600;
    background: var(--green);
    border: 1px solid var(--green);
    color: #fff;
    border-radius: 30px;
    height: auto;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    letter-spacing: -0.3px;
}

.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background: #fff;
    color: var(--green);
}

.btn-loader {
    display: none;
    position: absolute;
    left: calc(50% - 7px);
    top: calc(50% - 7px);
}

/* Small Buttons */
.button.small-button,
button.small-button {
    padding: 8px 24px;
    font-size: var(--14px);
}

/* Mid Buttons */
.button.mid-button,
button.mid-button {
    padding: 15px 30px;
    font-size: var(--16px);
}

/* Ghost Buttons */
.button.ghost,
button.ghost {
    background: #fff;
    color: var(--green);
    border: 1px solid var(--green);
}

.button.ghost:hover,
button.ghost:hover {
    background: var(--green);
    border-color: var(--green);
    color: #fff;
}

/* Icon Buttons */
.button.icon-button,
button.icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.button.icon-button svg,
button.icon-button svg {
    line-height: 0;
    margin-right: 8px;
    width: 14px;
}



/*--------------------------------------------------------------
Forms/Inputs
--------------------------------------------------------------*/
/* Inputs */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="search"],
textarea,
select,
body .gform_wrapper.gravity-theme input[type="text"],
body .gform_wrapper.gravity-theme textarea,
body .gform_wrapper.gravity-theme select {
    outline: none;
    display: inline-block;
    width: 100%;
    background: #fff;
    padding: 14px 20px;
    border: 1px solid #aaa;
    margin-bottom: 10px;
    line-height: 20px;
    font-size: var(--16px);
}

input[type="number"] {
    padding: 0 0 0 10px;
}

input[type="search"] {
    box-sizing: border-box;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus,
body .gform_wrapper.gravity-theme input[type="text"]:focus,
body .gform_wrapper.gravity-theme textarea:focus,
body .gform_wrapper.gravity-theme select:focus {
    border-color: var(--yellow);
}

textarea {
    height: 140px;
    resize: vertical;
}

select,
body .gform_wrapper.gravity-theme select {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20448%22%20enable-background%3D%22new%200%200%20256%20448%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3A%23424242%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M255.9%20168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2%200-7.9%201.6-11.2%204.8S0%20163.8%200%20168c0%204.4%201.6%208.2%204.8%2011.4l112%20112c3.1%203.1%206.8%204.6%2011.2%204.6%204.4%200%208.2-1.5%2011.4-4.6l112-112c3-3.2%204.5-7%204.5-11.4z%22%2F%3E%3C%2Fsvg%3E%0A");
    background-position: right 20px center;
    background-repeat: no-repeat;
    background-size: auto 50%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 14px 40px 14px 20px;
}

::-webkit-input-placeholder { color: #000; }
::-ms-input-placeholder { color: #000; }
::placeholder { color: #000; }


/* Gravity Forms */
.gform_wrapper .gform_heading,
.gform_wrapper .gform_title,
.gform_wrapper .gform_required_legend {
    display: none;
}

.gfield_label .gfield_required {
    color: red;
}

.gform_wrapper .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    word-wrap: normal !important;
}

.gform_wrapper .gform_fields .gfield {
    position: relative;
}

body .gform_wrapper.gravity-theme .gfield_label {
    font-weight: 600;
}

body .gform_wrapper.gravity-theme .gform_validation_errors {
    background: #000;
    margin: 0 0 20px;
    color: #fff;
    padding: 16px 20px;
    border-radius: 0 16px 16px;
    text-align: center;
    border: none;
    box-shadow: none;
}

body .gform_wrapper.gravity-theme .gform_validation_errors > h2 {
    font-size: var(--16px);
    color: #fff;
    margin: 0;
}

.gform_wrapper .validation_message {
    display: none;
}

body .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
    border-color: red;
}

.gform_wrapper .gform_confirmation_message {
    text-align: center;
    font-size: var(--20px);
}

.gform_ajax_spinner {
    display: none !important;
}

.gform_wrapper .gform_footer .button {
    padding: 20px 60px;
}

body .gform_wrapper.gravity-theme input[type="text"],
body .gform_wrapper.gravity-theme textarea,
body .gform_wrapper.gravity-theme select {
    margin: 0;
}

@media only screen and (max-width: 641px) {
    body .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
        line-height: 20px;
    }
    .gform_wrapper .gform_footer .button {
        width: 100%;
    }
    .page-template-booking-simple .gform_wrapper .gform_footer .button {
        width: auto;
    }
}



/*--------------------------------------------------------------
Containers/Layout
--------------------------------------------------------------*/
.container,
.container-xsmall,
.container-small,
.container-medium,
.container-large {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
}

.container { max-width: 1260px; }
.container-xsmall { max-width: 660px; }
.container-small { max-width: 860px; }
.container-medium { max-width: 1060px; }
.container-large { max-width: 1460px; }

.container-max {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1920px;
}

.parallax-container {
    overflow: hidden;
}

.video-container {
    padding: 56.25% 0 0 0;
    position: relative;
}

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



/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
.site-header {
    background: #fff;
}

.fixed-header .site-header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.site-header > .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.site-logo {
    margin: 0;
    padding: 25px 0;
}

.site-logo a,
.site-logo img {
    display: block;
    height: 60px;
    width: 100%;
    transition: none;
}

.site-header .site-header-right {
    padding: 19px 0;
}

@media (max-width: 992px) {
    .site-logo {
        padding: 20px 0;
    }
    .site-logo a,
    .site-logo img {
        height: 40px;
    }
    .site-header .site-header-right {
        padding: 0;
    }
}

/* Actions */
.site-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 0 15px;
}

.site-header-actions .phone-link {
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #000;
}

.site-header-actions .phone-link:hover {
    color: var(--yellow);
}

.site-header-actions .phone-link i {
    background: var(--yellow);
    color: #fff;
    padding: 5px;
    border-radius: 100%;
    font-size: 10px;
    margin: 0 5px;
}

.site-header-actions .whatsapp-link {
    display: flex;
    align-items: center;
    color: #000;
}

.site-header-actions .whatsapp-link i {
    color: var(--green);
    margin: 0 5px 0 0;
    font-size: var(--18px);
    transition: all 0.3s ease;
}

.site-header-actions .whatsapp-link:hover i {
    color: #fff;
}

.site-header-actions .button {
    margin: 0 0 0 15px;
}

/* Search */
.header-search-toggle {
    cursor: pointer;
    margin: 0 0 0 5px;
}

.header-search-toggle svg {
    height: 14px;
    transition: all 0.3s ease;
}

.header-search-toggle:hover svg,
.search-toggled .header-search-toggle svg {
    color: var(--yellow);
}

.search-toggled .site {
    -webkit-transform: translate3d(0px, 180px, 0px);
    -ms-transform: translate3d(0px, 180px, 0px);
    transform: translate3d(0px, 180px, 0px);
}

.site-search {
    display: block;
    position: fixed;
    top: 110px;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 180px;
    background: #000;
    z-index: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    opacity: 0;
    transition: transform ease 0.5s, opacity ease 0.3s;
    padding: 50px 0;
}

.search-toggled .site-search {
    opacity: 1;
    transition: transform ease 0.5s, opacity ease 0.3s;
    z-index: 1;
}

.site-search form {
    display: flex;
    position: relative;
}

.site-search form .site-search-input {
    margin: 0;
    flex: 1;
    padding: 29px 180px 29px 40px;
    border-radius: 100px;
}

.site-search form .site-search-input:focus {
    border-color: var(--green);
}

.site-search form button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    padding: 14px 30px;
}

.site-search form button svg {
    height: 20px;
    margin: 0 10px 0 0;
}

@media (max-width: 992px) {
    .header-search-toggle {
        margin: 0 20px 0 0;
    }
    .header-search-toggle svg {
        height: 18px;
    }
    .site-search {
        top: 80px;
        padding: 40px 0;
        height: 160px;
    }
    .search-toggled .site {
        -webkit-transform: translate3d(0px, 160px, 0px);
        -ms-transform: translate3d(0px, 160px, 0px);
        transform: translate3d(0px, 160px, 0px);
    }
}
@media (max-width: 400px) {
    .site-search form .site-search-input {
        padding: 29px 110px 29px 40px;
    }
    .site-search form button span {
        display: none;
    }
    .site-search form button svg {
        margin: 0;
    }
}

/* Alert Bar */
.site-header-alert {
    background: #c62828;
    text-align: center;
    position: sticky;
    top: 110px;
    width: 100%;
    z-index: 2;
    font-size: var(--14px);
}

.site-header-alert p {
    margin: 0;
    line-height: 20px;
    color: #fff;
    padding: 8px 0;
}

@media (max-width: 992px) {
    .site-header-alert {
        top: 80px;
    }
}
@media (max-width: 500px) {
    .site-header-alert {
        font-size: var(--12px);
        line-height: 16px;
    }
}



/*--------------------------------------------------------------
Navigation
--------------------------------------------------------------*/
.site-navigation {
    display: flex;
    align-items: center;
}

.navigation-toggle {
    display: none;
}

.site-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.site-navigation li {
    position: relative;
    margin: 0 20px;
}

.site-navigation li a {
    display: block;
    text-decoration: none;
    line-height: 1;
    font-size: var(--16px);
    font-weight: 600;
    color: #000;

    background-image: linear-gradient(transparent 0%, transparent 90%, var(--green) 80%, var(--green) 90%);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    background-position-x: right;
    transition: background-size 0.3s ease, color 0.3s ease;
    padding: 0 0 3px;
}

.site-navigation a:hover,
.site-navigation li.current-menu-item a {
    color: var(--green);
    background-size: 100% 100%;
    background-position-x: left;
}

.site-navigation ul ul {
    position: absolute;
    top: 20px;
    left: -9999px;
    z-index: 999;
    background: #fff;
    display: block;
    padding: 20px 0 10px 0;
    border-bottom: 3px solid var(--yellow);
}

.site-navigation ul li:hover ul {
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width: 992px) {
    .site-navigation {
        padding: 31px 0 31px 20px;
    }
    .navigation-toggle {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 25px;
        height: 16px;
        cursor: pointer;
        transition: all 0.3s ease;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    .navigation-toggle span,
    .navigation-toggle span::before,
    .navigation-toggle span::after {
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background: #333;
        transition: background 0s 0.3s;
    }
    .navigation-toggle span {
        top: 7px;
    }
    .navigation-toggle span::before {
        content: "";
        top: -7px;
        transition-property: top, transform;
        transition-duration: 0.3s, 0.3s;
        transition-delay: 0.3s, 0s;
    }
    .navigation-toggle span::after {
        content: "";
        bottom: -7px;
        transition-property: bottom, transform;
        transition-duration: 0.3s, 0.3s;
        transition-delay: 0.3s, 0s;
    }
    .menu-toggled .navigation-toggle span {
        background: none;
    }
    .menu-toggled .navigation-toggle span::before {
        top: 0;
        transform: rotate(45deg);
        transition-delay: 0s, 0.3s;
    }
    .menu-toggled .navigation-toggle span::after {
        bottom: 0;
        transform: rotate(-45deg);
        transition-delay: 0s, 0.3s;
    }
    .site-navigation ul {
        display: none;
    }
    .site-header-actions {
        display: none;
    }
}



/*--------------------------------------------------------------
Mobile Navigation
--------------------------------------------------------------*/
.mobile-navigation {
    display: none;
}

@media (max-width: 992px) {
    .site {
        position: relative;
        z-index: 1;
        transition: transform 0.5s ease;
    }
    .menu-toggled .site {
        -webkit-transform: translate3d(-400px, 0px, 0px);
        -ms-transform: translate3d(-400px, 0px, 0px);
        transform: translate3d(-400px, 0px, 0px);
    }
    .mobile-navigation {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        width: 400px;
        background: #000;
        z-index: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        opacity: 0;
        transition: transform ease 0.5s, opacity ease 0.5s;
    }
    .menu-toggled .mobile-navigation {
        opacity: 1;
        transition: transform ease 0.5s, opacity ease 0.5s;
    }
    .fixed-header .mobile-navigation {
        top: 80px;
    }
    .mobile-navigation ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    .mobile-navigation li {
        display: block;
        width: 100%;
        border-bottom: 1px solid #333;
    }
    .mobile-navigation ul li a {
        display: block;
        font-size: var(--18px);
        font-weight: 700;
        color: #fff;
        line-height: 20px;
        padding: 20px 30px;
    }
    .mobile-navigation ul li.current-menu-item a,
    .mobile-navigation ul li a:hover {
        color: var(--yellow);
    }
    .mobile-navigation ul ul {
        border-top: 1px solid #333;
    }
    .mobile-navigation ul ul li {
        padding-left: 20px;
    }
    .mobile-navigation .mobile-nav-actions {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 30px;
    }
    .mobile-navigation .mobile-nav-actions .phone-link {
        display: flex;
        align-items: center;
        font-weight: 600;
        color: #fff;
        margin: 0 0 30px;
    }
    .mobile-navigation .mobile-nav-actions .phone-link:hover {
        color: var(--yellow);
    }
    .mobile-navigation .mobile-nav-actions .phone-link i {
        background: var(--yellow);
        color: #fff;
        padding: 5px;
        border-radius: 100%;
        font-size: 10px;
        margin: 0 5px;
    }
    .mobile-navigation .mobile-nav-actions .whatsapp-link {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        background: #000;
    }
    .mobile-navigation .mobile-nav-actions .whatsapp-link:hover {
        color: #fff;
        background: var(--green);
    }
    .mobile-navigation .mobile-nav-actions .whatsapp-link i {
        color: var(--green);
        margin: 0 5px 0 0;
        font-size: var(--18px);
        transition: all 0.3s ease;
    }
    .mobile-navigation .mobile-nav-actions .whatsapp-link:hover i {
        color: #fff;
    }
    .mobile-navigation .mobile-nav-actions .button {
        margin: 0 0 20px;
        font-size: var(--16px);
        padding: 15px 40px;
        width: 100%;
    }
}
@media (max-width: 450px) {
    .menu-toggled .site {
        -webkit-transform: translate3d(-300px, 0px, 0px);
        -ms-transform: translate3d(-300px, 0px, 0px);
        transform: translate3d(-300px, 0px, 0px);
    }
    .mobile-navigation {
        width: 300px;
    }
}



/*--------------------------------------------------------------
Gutenberg/Blocks
--------------------------------------------------------------*/
/* Elements */
.guten-content {

}

.guten-content li {
    font-weight: 700;
    margin: 0 0 5px;
}

.guten-content li::marker {
    color: var(--yellow);
}

.guten-content a {
    color: #000;
    text-decoration: underline;
}

.guten-content a:hover {
    text-decoration: none;
}

/* Image/Videos */
.guten-content .wp-block-image {
    margin: 30px 0;
}

.guten-content .wp-block-image img {
    width: 100%;
    border-radius: 20px;
}

.guten-content .wp-block-image figcaption {
    font-style: italic;
    text-align: center;
    font-size: var(--14px);
}

.guten-content .wp-block-embed {
    margin: 0 0 40px;
}

.guten-content .wp-block-embed.is-type-video .wp-block-embed__wrapper {
    padding: 56.25% 0 0 0;
    position: relative;
}

.guten-content .wp-block-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/*--------------------------------------------------------------
General
--------------------------------------------------------------*/
/* Main */
.site {
    background: #fff;
    position: relative;
    z-index: 1;
    transition: transform 0.5s ease;
}

/* Default Page */
.default-page  {
    padding: 80px 0;
}

/* Content Shadow */
.content-shadow {
    position: relative;
}

.content-shadow:after  {
    content: url(images/content-shadow.svg);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
    width: 100%;
    max-width: 1400px;
}

/* Tabs */
.tabs-nav {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}

.tabs-nav .tab-nav-item {
    cursor: pointer;
    padding: 24px 80px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    color: #fff;
    border-radius: 20px 20px 0 0;
    border: 1px solid #A2A2A2;
    border-bottom: none;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    margin: 0 6px 0 0;
    position: relative;
}

.tabs-nav .tab-nav-item:hover {
    color: var(--yellow);
}

.tabs-nav .tab-nav-item.active {
    background: #f4f4f4;
    color: #000;
}

.tabs-nav .tab-nav-item:before {
    content: '';
    height: 1px;
    width: calc(100% + 2px);
    background: #000;
    border-left: 1px solid #A2A2A2;
    border-right: 1px solid #A2A2A2;
    position: absolute;
    bottom: -1px;
    left: -1px;
    z-index: -1;
}

.tabs-nav .tab-nav-item:first-of-type:before {
    height: 20px;
    bottom: -20px;
}

.tabs-nav .tab-nav-item.active:before {
    background: #f4f4f4;
    z-index: 1;
}

.tabs-nav .tab-nav-item:first-of-type.active:before {
    border-right: 1px solid #f4f4f4;
}

.tabs-nav .tab-nav-item.active:after {
    content: url('images/chevron-down-double.svg');
    width: 40px;
    position: absolute;
    bottom: -15px;
    z-index: 1;
}

.tabs-main {
    background: #f4f4f4;
    padding: 60px;
    border-radius: 20px;
    border: 1px solid #A2A2A2;
}

.tabs-main .tab-entry {
    display: none;
}

.tabs-main .tab-entry.active {
    display: block;
}

@media (max-width: 768px) {
    .tabs-main {
        padding: 40px;
    }
}
@media (max-width: 600px) {
    .tabs-nav {
        flex-wrap: wrap;
        margin: 0 0 20px;
    }
    .tabs-nav .tab-nav-item {
        width: 100%;
        margin: 0;
        border-radius: 0;
    }
    .tabs-nav .tab-nav-item:last-of-type {
        border-bottom: 1px solid #A2A2A2;
    }
    .tabs-nav .tab-nav-item:after,
    .tabs-nav .tab-nav-item:before {
        display: none;
    }
    .tabs-main {
        padding: 30px;
    }
}

/* Accordion */
.accordion .accordion-entry {
    border-top: 1px solid #ccc;
}

.accordion .accordion-entry:last-of-type {
    border-bottom: 1px solid #ccc;
    margin: 0;
}

.accordion .accordion-entry.active {

}

.accordion .accordion-entry .accordion-header {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 30px 30px 30px 0;
    font-weight: 700;
    font-size: var(--18px);
    line-height: 1.3;
    transition: color 0.3s ease;
}

.accordion .accordion-entry .accordion-header .accordion-toggle {
    border-radius: 100%;
    margin: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.3s ease;
}

.accordion .accordion-entry .accordion-header .accordion-toggle span {
    height: 20px;
    width: 20px;
    position: relative;
}

.accordion .accordion-entry .accordion-header .accordion-toggle span:before,
.accordion .accordion-entry .accordion-header .accordion-toggle span:after {
    content: '';
    position: absolute;
    background: #000;
    transition: all 0.3s ease;
}

.accordion .accordion-entry .accordion-header:hover .accordion-toggle span:before,
.accordion .accordion-entry .accordion-header:hover .accordion-toggle span:after,
.accordion .accordion-entry.active .accordion-header .accordion-toggle span:before,
.accordion .accordion-entry.active .accordion-header .accordion-toggle span:after {
    background: var(--yellow);
}

.accordion .accordion-entry .accordion-header .accordion-toggle span:before {
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    margin-left: -1px;
}

.accordion .accordion-entry .accordion-header .accordion-toggle span:after {
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    margin-top: -1px;
}

.accordion .accordion-entry.active .accordion-header .accordion-toggle span:before { transform: rotate(90deg) translateY(0); }
.accordion .accordion-entry.active .accordion-header .accordion-toggle span:after { transform: rotate(180deg) translateY(0); }

.accordion .accordion-entry .accordion-content {
    display: none;
    padding: 0 30px 30px 60px;
}

.accordion .accordion-entry .accordion-content p:last-of-type {
    margin: 0;
}

/* Modal */
.fs-modal {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    opacity: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    z-index: 999999;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}

.fs-modal.active {
    display: flex;
    opacity: 1;
}

.fs-modal .fs-modal-container {
    max-width: 1040px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}

.fs-modal .fs-modal-content {
    background: #fff;
    box-shadow: 0px 0px 0px 0.5px rgb(50 50 93 / 10%), 0px 2px 5px 0px rgb(50 50 93 / 10%), 0px 1px 1.5px 0px rgb(0 0 0 / 7%);
    border-radius: 8px;
    padding: 80px 100px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.fs-modal .fs-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    background: #252525;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.fs-modal .fs-modal-close:before,
.fs-modal .fs-modal-close:after {
    content: '';
    background: #fff;
    width: 3px;
    height: 20px;
    display: block;
    position: absolute;
    top: 8px;
    left: 17px;
}

.fs-modal .fs-modal-close:before {
    transform: rotate(45deg);
}

.fs-modal .fs-modal-close:after {
    transform: rotate(-45deg);
}

.fs-modal .fs-modal-close:hover {
    background: #fff;
}

.fs-modal .fs-modal-close:hover:before,
.fs-modal .fs-modal-close:hover:after {
    background: #000;
}

@media (max-height: 992px) {
    .fs-modal.active {
        display: block;
        padding: 40px 0;
        overflow-y: scroll;
    }
    .fs-modal .fs-modal-close {
        top: 30px;
        right: 30px;
    }
}
@media (max-width: 400px) {
    .fs-modal .fs-modal-content {
        padding: 40px 20px;
    }
}

/* CTA Modal */
.cta-modal .fs-modal-content {
    padding: 80px 60px;
    background: var(--yellow);
}

.cta-modal .cta-modal-row {
    display: flex;
    align-items: center;
}

.cta-modal .cta-modal-image {
    flex: 0 0 40%;
}

.cta-modal .cta-modal-image img {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

.cta-modal .cta-modal-content {
    flex: 1 0 60%;
    text-align: center;
}

.cta-modal .cta-modal-content h2 {
    margin: 0 0 10px;
}

.cta-modal .cta-modal-content h3 {
    margin: 0 0 30px;
}

.cta-modal .cta-modal-content form {
    padding: 0 40px;
}

.cta-modal .cta-modal-content form .gform_button {
    white-space: normal;
}

@media (max-width: 768px) {
    .cta-modal .cta-modal-row {
        flex-wrap: wrap;
    }
    .cta-modal .cta-modal-image {
        flex: 100%;
        margin: 0 0 30px;
    }
    .cta-modal .cta-modal-content {
        flex: 100%;
    }
}
@media (max-width: 768px) {
    .cta-modal .cta-modal-content form {
        padding: 0;
    }
}
@media (max-width: 500px) {
    .cta-modal .fs-modal-content {
        padding: 80px 30px 30px 30px;
    }
}

/* Reviews */
.reviews-section {
    padding: 100px 0 40px 0;
}

.reviews-section .reviews-section-header {
    text-align: center;
    margin: 0 0 60px;
}

.reviews-section .reviews-section-main {
    margin: 0 0 100px;
    position: relative;
}

.reviews-section .reviews-section-footer {

}

.reviews-section .reviews-section-footer img {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
}

.reviews-swiper .review-entry {
    width: 33.33333%;
}

.review-entry .review-entry-inner {
    background: rgba(244, 244, 244, 0.5);
    border-radius: 20px;
    padding: 30px;
}

.review-entry .review-entry-stars {
    margin: 0 0 15px;
}

.review-entry .review-entry-stars i {
    font-size: var(--20px);
    color: var(--yellow);
    margin: 0 2px;
}

.review-entry .review-entry-short {
    font-size: var(--20px);
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 10px;
}

.review-entry .review-entry-content {
    line-height: 1.4;
}

.review-entry .review-entry-content p {
    margin: 0;
}

.review-entry .review-entry-name {
    font-size: var(--18px);
    font-weight: 700;
    line-height: 1.2;
    margin: 15px 0 0;
}

.review-entry .read-more-link {
    display: inline-block;
    font-size: var(--14px);
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    margin: 5px 0 0;
}

.review-entry .read-more-link:hover {
    color: var(--yellow);
}

.reviews-section .reviews-swiper-pagination {
    bottom: -60px;
}

.reviews-section .reviews-swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #eee;
    opacity: 1;
}

.reviews-section .reviews-swiper-pagination .swiper-pagination-bullet-active {
    background: var(--yellow)
}

@media (max-width: 992px) {
    .reviews-section {
        padding: 80px 0;
    }
}
@media (max-width: 768px) {
    .reviews-section {
        padding: 60px 0;
    }
}

/* Comparison */
.comparison-section .comparison-entry-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.comparison-section .comparison-entry-col {
    flex: 0 0 calc(50% - 20px);
    margin: 0 0 40px;
}

.comparison-section .comparison-entry-inner {
    background: #fff;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.comparison-section .comparison-entry-header {
    text-align: center;
    font-size: var(--30px);
    font-weight: 700;
    line-height: 1.2;
    padding: 30px;
}

.comparison-section .comparison-entry-col.et .comparison-entry-header {
    background: var(--yellow);
    color: #000;
}

.comparison-section .comparison-entry-col.other .comparison-entry-header {
    background: #000;
    color: #fff;
}

.comparison-section .comparison-entry-main {
    padding: 50px;
}

.comparison-section .comparison-entry-item {
    font-size: var(--18px);
    line-height: 1.3;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
}

.comparison-section .comparison-entry-item svg {
    height: 18px;
    flex-shrink: 0;
    transform: translateY(4px);
}

.comparison-section .comparison-entry-col.et .comparison-entry-item svg {
    color: var(--green);
}

.comparison-section .comparison-entry-col.other .comparison-entry-item svg {
    color: #D32626;
}

.comparison-section .comparison-entry-item span {
    border-bottom: 1px solid #bbb;
    margin: 0 0 15px 20px;
    padding: 0 0 15px;
}

.comparison-section .comparison-entry-item:last-of-type span {
    border: none;
    margin: 0 0 0 20px;
    padding: 0;
}

@media (max-width: 992px) {
    .comparison-section .comparison-entry-row {
        margin: 0 60px;
    }
    .comparison-section .comparison-entry-col {
        flex: 100%;
    }
}
@media (max-width: 768px) {
    .comparison-section .comparison-entry-header {
        font-size: var(--24px);
    }
    .comparison-section .comparison-entry-main {
        padding: 30px;
    }
}
@media (max-width: 550px) {
    .comparison-section .comparison-entry-row {
        margin: 0;
    }
}



/*--------------------------------------------------------------
Flexible Content
--------------------------------------------------------------*/
/* Full Width */
.flexible-content .flex-fullwidth {
    margin: 100px 0 0;
    text-align: center;
}

.flex-fullwidth .flex-fullwidth-header {
    margin: 0 0 40px;
}

@media (max-width: 992px) {
    .flexible-content .flex-fullwidth {
        margin: 80px 0 0;
    }
}
@media (max-width: 768px) {
    .flexible-content .flex-fullwidth {
        margin: 60px 0 0;
    }
}

/* Split Image */
.flexible-content .flex-split-image {
    margin: 100px 0 0;
}

.flex-split-image .flex-split-image-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flex-split-image .flex-split-image-image {
    flex: 0 0 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 35%;
    border-radius: 20px;
}

.flex-split-image.flex-split-left .flex-split-image-image {
    left: 30px;
}

.flex-split-image.flex-split-right .flex-split-image-image {
    right: 20px;
}

.flex-split-image .flex-split-image-content {
    flex: 0 0 50%;
}

.flex-split-image.flex-split-left .flex-split-image-content {
    padding: 0 60px 0 80px;
}

.flex-split-image.flex-split-right .flex-split-image-content {
    padding: 0 80px 0 60px;
}

.flex-split-image .flex-split-image-content h2 span {
    color: var(--yellow);
}

.flex-split-image .flex-split-image-content .button {
    margin: 20px 0 0;
}

@media (max-width: 992px) {
    .flexible-content .flex-split-image {
        margin: 80px 0 0;
    }
    .flex-split-image .flex-split-image-row {
        flex-wrap: wrap;
    }
    .flex-split-image .flex-split-image-image {
        flex: 100%;
        padding-top: 50%;
    }
    .flex-split-image.flex-split-right .flex-split-image-image {
        order: 1;
    }
    .flex-split-image .flex-split-image-content {
        flex: 100%;
    }
    .flex-split-image.flex-split-left .flex-split-image-content {
        padding: 40px 0 0;
    }
    .flex-split-image.flex-split-right .flex-split-image-content {
        padding: 40px 0 0;
        order: 2;
    }
}
@media (max-width: 768px) {
    .flexible-content .flex-split-image {
        margin: 60px 0 0;
    }
}

/* Steps */
.flexible-content .flex-steps {
    background: var(--yellow);
    padding: 100px 0;
    margin: 100px 0 0;
}

.flexible-content .flex-steps.has-image {
    position: relative;
    margin: 300px 0 0;
    padding: 150px 0 100px 0;
    z-index: 1;
}

.flex-steps .flex-steps-header {
    text-align: center;
    margin: 0 0 40px;
}

.flex-steps .flex-steps-main {
    text-align: center;
}

.flex-steps .flex-steps-row {
    display: flex;
    justify-content: space-between;
}

.flex-steps .flex-steps-entry {
    flex: 0 0 calc(33.33333% - 10px);
    margin: 0 0 30px;
}

.flex-steps .flex-steps-entry-inner {
    background: #fff;
    border-radius: 20px;
    padding: 60px 40px;
    height: 100%;
}

.flex-steps .flex-steps-entry-inner img {
    width: 100px;
    max-height: 100px;
    height: 100%;
    object-fit: contain;
    margin: 0 auto 20px auto;
}

.flex-steps .flex-steps-entry-inner h3 {
    font-size: var(--40px);
    font-weight: 700;
    margin: 0 0 10px;
}

.flex-steps .flex-steps-entry-inner p {
    font-weight: 600;
    margin: 0;
    line-height: 1.3;
}

.flex-steps .flex-steps-footer {
    text-align: center;
    margin: 20px 0 0;
}

.flex-steps .flex-steps-image {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 400px;
    z-index: -1;
}

@media (max-width: 1200px) {
    .flexible-content .flex-steps.has-image {
        margin: 250px 0 0;
    }
}
@media (max-width: 992px) {
    .flexible-content .flex-steps.has-image {
        margin: 200px 0 0;
        padding: 100px 0 80px 0;
    }
    .flexible-content .flex-steps {
        padding: 80px 0;
        margin: 80px 0 0;
    }
}
@media (max-width: 768px) {
    .flex-steps .flex-steps-row {
        flex-wrap: wrap;
    }
    .flex-steps .flex-steps-entry {
        flex: 100%;
    }
    .flex-steps .flex-steps-entry-inner {
        padding: 40px 30px;
    }
}
@media (max-width: 600px) {
    .flexible-content .flex-steps.has-image {
        margin: 150px 0 0;
        padding: 80px 0 60px 0;
    }
    .flexible-content .flex-steps {
        padding: 60px 0;
        margin: 60px 0 0;
    }
}

/* Steps List */
.flexible-content .flex-steps-list {
    background: var(--yellow);
    padding: 100px 0;
    margin: 100px 0 0;
}

.flexible-content .flex-steps-list.has-image {
    position: relative;
    margin: 300px 0 0;
    padding: 150px 0 100px 0;
    z-index: 1;
}

.flex-steps-list .flex-steps-list-header {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 40px auto;
}

.flex-steps-list .flex-steps-list-main {

}

.flex-steps-list .flex-steps-list-row {
    display: flex;
    justify-content: space-between;
}

.flex-steps-list .flex-steps-list-entry {
    flex: 0 0 calc(33.33333% - 10px);
    margin: 0 0 30px;
}

.flex-steps-list .flex-steps-list-entry-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.flex-steps-list .flex-steps-list-entry-image {
    padding-top: 75%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 10px 10px 0 0;
    flex-shrink: 0;
}

.flex-steps-list .flex-steps-list-entry-content {
    background: #fff;
    border-radius: 0 0 10px 10px;
    height: 100%;
    padding: 30px;
}

.flex-steps-list .flex-steps-list-entry-content p {
    font-size: var(--22px);
    line-height: 1.2;
    margin: 0 0 15px;
}

.flex-steps-list .flex-steps-list-entry-content p span {
    font-weight: 700;
}

.flex-steps-list .flex-steps-list-image {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 400px;
    z-index: -1;
}

@media (max-width: 1200px) {
    .flexible-content .flex-steps-list.has-image {
        margin: 250px 0 0;
    }
}
@media (max-width: 992px) {
    .flexible-content .flex-steps-list.has-image {
        margin: 200px 0 0;
        padding: 100px 0 80px 0;
    }
    .flexible-content .flex-steps-list {
        padding: 80px 0;
        margin: 80px 0 0;
    }
    .flex-steps-list .flex-steps-list-row {
        flex-wrap: wrap;
        margin: 0 60px;
    }
    .flex-steps-list .flex-steps-list-entry {
        flex: 100%;
    }
}
@media (max-width: 600px) {
    .flexible-content .flex-steps-list.has-image {
        margin: 150px 0 0;
        padding: 80px 0 60px 0;
    }
    .flexible-content .flex-steps-list {
        padding: 60px 0;
        margin: 60px 0 0;
    }
}
@media (max-width: 550px) {
    .flex-steps-list .flex-steps-list-row {
        margin: 0;
    }
}

/* Ticks */
.flexible-content .flex-ticks {
    margin: 100px 0 0;
}

.flex-ticks .flex-ticks-header {
    text-align: center;
    margin: 0 0 40px;
}

.flex-ticks .flex-ticks-header span {
    color: var(--yellow);
}

.flex-ticks .flex-ticks-main {
    margin: 0 0 40px;
}

.flex-ticks .flex-ticks-main ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.flex-ticks .flex-ticks-main ul li {
    flex: 0 0 calc(50% - 10px);
    font-weight: 500;
    margin: 0 0 20px;
}

.flex-ticks .flex-ticks-footer {
    text-align: center;
}

@media (max-width: 992px) {
    .flexible-content .flex-ticks {
        margin: 80px 0 0;
    }
}
@media (max-width: 768px) {
    .flexible-content .flex-ticks {
        margin: 60px 0 0;
    }
    .flex-ticks .flex-ticks-main ul li {
        flex: 100%;
    }
}

/* Video */
.flexible-content .flex-video {
    margin: 100px 0 0;
}

.flex-video .flex-video-header {
    text-align: center;
    margin: 0 0 40px;
}

.flex-video .flex-video-header span {
    color: var(--yellow);
}

.flex-video .flex-video-main {
    margin: 0 0 40px;
}

.flex-video .flex-video-footer {
    text-align: center;
}

@media (max-width: 992px) {
    .flexible-content .flex-video {
        margin: 80px 0 0;
    }
}
@media (max-width: 768px) {
    .flexible-content .flex-video {
        margin: 60px 0 0;
    }
}

/* Form */
.flexible-content .flex-form {
    margin: 100px 0 0;
}

.flex-form .flex-form-inner {
    background: #f4f4f4;
    border-radius: 20px;
    border: 1px solid #A2A2A2;
    padding: 40px;
}

.flex-form .flex-form-header {
    text-align: center;
    margin: 0 0 40px;
}

.flex-form .flex-form-header span {
    color: var(--yellow);
}

@media (max-width: 992px) {
    .flexible-content .flex-form {
        margin: 80px 0 0;
    }
}
@media (max-width: 768px) {
    .flexible-content .flex-form {
        margin: 60px 0 0;
    }
}
@media (max-width: 600px) {
    .flex-form .flex-form-inner {
        padding: 30px;
    }
}



/*--------------------------------------------------------------
Home
--------------------------------------------------------------*/
/* Banner */
.home-page .home-banner {
    padding: 160px 0 140px 0;
    position: relative;
}

.home-banner .home-banner-content h2 {
    font-size: var(--60px);
    text-transform: uppercase;
    line-height: 1;
}

.home-banner .home-banner-content h2 .rotating-line {
    display: flex;
}

.home-banner .home-banner-content h2 .rotating-line p , .home-banner .home-banner-content h2 .rotating-line>div{
    margin: 0 16px 0 0;
}

.home-banner .home-banner-content h2 .rotating-line > span {
    color: var(--yellow);
    display: flex;
    opacity: 0;
    width: 0;
}

.home-banner .home-banner-content h2 span .letter {
    transform-origin: center center 30px;
}

.home-banner .home-banner-content h2 span .letter:last-of-type {
    color: #000;
}

.home-banner .home-banner-content h2 span .letter.out {
    transform: rotateX(90deg);
    transition: 0.3s cubic-bezier(0.6, 0, 0.7, 0.2);
}

.home-banner .home-banner-content h2 span .letter.in {
    transition: 0.35s ease;
}

.home-banner .home-banner-content h2 span .letter.behind {
    transform: rotateX(-90deg);
}

@media not all and (min-resolution:.001dpcm) {
    /* Remove transitions on safari */
    .home-banner .home-banner-content h2 span .letter.out {
        transition: none;
    }
    .home-banner .home-banner-content h2 span .letter.in {
        transition: none;
    }
}

.home-banner .home-banner-content h4 {
    font-size: var(--20px);
    font-weight: 500;
    max-width: 340px;
    line-height: 1.3;
}

.home-banner .home-banner-content .button {
    margin: 10px 0 0;
}

.home-banner .home-banner-stats {
    display: flex;
    align-items: center;
    margin: 50px 0 0;
}

.home-banner .home-banner-stats-item {
    text-align: center;
    padding: 0 15px 0 0;
    margin: 0 15px 0 0;
    border-right: 1px solid #ddd;
}

.home-banner .home-banner-stats-item:last-of-type {
    border: none;
    padding: 0;
    margin: 0;
}

.home-banner .home-banner-stats-value {
    font-size: var(--30px);
    font-weight: 700;
    line-height: 1;
    margin: 0 0 10px;
}

.home-banner .home-banner-stats-label {
    font-size: var(--15px);
    font-weight: 500;
    line-height: 1;
}

.home-banner .home-banner-image {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 63%;
    max-width: 1200px;
    z-index: -1;
}

@media (max-width: 1500px) {
    .home-banner .home-banner-image {
        width: 65%;
    }
}
@media (max-width: 1300px) {
    .home-banner .home-banner-image {
        width: 67%;
    }
}
@media (max-width: 992px) {
    .home-page .home-banner {
        padding: 80px 0 0;
    }
    .home-banner .home-banner-content {
        text-align: center;
    }
    .home-banner .home-banner-content h2 .rotating-line {
        justify-content: center;
    }
    .home-banner .home-banner-content h2 .rotating-line p, .home-banner .home-banner-content h2 .rotating-line>div {
        transform: translateX(-110px);
    }
    .home-banner .home-banner-content h2 .rotating-line > span {
        transform: translateX(-110px);
    }
    .home-banner .home-banner-content h4 {
        margin: 0 auto 20px auto;
    }
    .home-banner .home-banner-stats {
        justify-content: center;
    }
    .home-banner .home-banner-image {
        position: static;
        transform: none;
        padding: 40px 0 20px 80px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .home-banner .home-banner-content h2 {
        font-size: var(--48px);
    }
    .home-banner .home-banner-content h2 .rotating-line p {
        transform: translateX(-90px);
    }
    .home-banner .home-banner-content h2 .rotating-line > span {
        transform: translateX(-90px);
    }
    .home-banner .home-banner-content h2 span .letter {
        transform-origin: center center 24px;
    }
}
@media (max-width: 500px) {
    .home-banner .container {
        padding: 0 20px;
    }
    .home-banner .home-banner-stats-item {
        padding: 0 10px 0 0;
        margin: 0 10px 0 0;
    }
    .home-banner .home-banner-stats-value {
        font-size: var(--22px);
    }
    .home-banner .home-banner-stats-label {
        font-size: var(--13px);
    }
    .home-banner .home-banner-image {
        padding: 40px 0 20px 40px;
    }
}

/* Services */
.home-page .home-services {
    background: #f4f4f4;
    padding: 80px 0 60px 0;
}

.home-services .home-services-row {
    display: flex;
    justify-content: space-between;
}

.home-services .home-services-entry {
    flex: 0 0 calc(50% - 10px);
    margin: 0 0 30px;
}

.home-services .home-services-entry-inner {
    background: #fff;
    border-radius: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.home-services .home-services-entry-image {
    padding-top: 35%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 10px 10px 0 0;
    flex-shrink: 0;
}

.home-services .home-services-entry-title {
    background: var(--yellow);
    text-align: center;
    padding: 20px 10px;
}

.home-services .home-services-entry-title h2 {
    margin: 0;
}

.home-services .home-services-entry-list {
    padding: 40px 30px 0 30px;
}

.home-services .home-services-entry-list-item {
    padding: 10px;
    margin: 0 0 20px;
    display: flex;
    align-items: center;
    background: #fff;
    box-shadow: 0px 12px 50px rgba(171, 171, 171, 0.15);
    border-radius: 10px;
}

.home-services .home-services-entry-list-num {
    background: var(--yellow);
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--30px);
    font-weight: 700;
    flex-shrink: 0;
}

.home-services .home-services-entry-list-text {
    font-size: var(--20px);
    font-weight: 500;
    line-height: 1.3;
    padding: 0 0 0 20px;
}

.home-services .home-services-entry-list-text span {
    color: var(--yellow);
    font-weight: 700;
}

.home-services .home-services-entry-button {
    text-align: center;
    padding: 20px 0 40px 0;
    margin: auto 0 0 0;
}

@media (max-width: 768px) {
    .home-page .home-services {
        padding: 60px 0;
    }
    .home-services .home-services-row {
        flex-wrap: wrap;
    }
    .home-services .home-services-entry {
        flex: 100%;
    }
}
@media (max-width: 400px) {
    .home-services .home-services-entry-list {
        padding: 30px 0 0 0;
    }
    .home-services .home-services-entry-button {
        padding: 10px 0 30px 0;
    }
}

/* Intro */
.home-page .home-intro {
    padding: 100px 0;
}

.home-intro .home-intro-header {
    text-align: center;
}

.home-intro .home-intro-header h2 {
    margin: 0 0 10px;
}

.home-intro .home-intro-header h2 span {
    color: var(--yellow);
    text-decoration: underline;
}

.home-intro .home-intro-header h3 {
    max-width: 660px;
    margin: 0 auto;
}

.home-intro .home-intro-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 20px 0 0;
}

.home-intro .home-intro-footer img {
    max-width: 240px;
    width: 100%;
    margin: 20px 20px 0 20px;
}

@media (max-width: 992px) {
    .home-page .home-intro {
        padding: 80px 0;
    }
}
@media (max-width: 600px) {
    .home-page .home-intro {
        padding: 60px 0;
    }
}

/* Steps */
.home-page .home-steps {
    background: var(--yellow);
    padding: 100px 0;
}

.home-page .home-steps.has-image {
    position: relative;
    margin: 150px 0 0;
    padding: 150px 0 100px 0;
    z-index: 1;
}

.home-steps .home-steps-header {
    text-align: center;
    margin: 0 0 40px;
}

.home-steps .home-steps-main {
    text-align: center;
}

.home-steps .home-steps-row {
    display: flex;
    justify-content: space-between;
}

.home-steps .home-steps-entry {
    flex: 0 0 calc(33.33333% - 10px);
    margin: 0 0 30px;
}

.home-steps .home-steps-entry-inner {
    background: #fff;
    border-radius: 20px;
    padding: 60px 40px;
    height: 100%;
}

.home-steps .home-steps-entry-inner img {
    width: 100px;
    max-height: 100px;
    height: 100%;
    object-fit: contain;
    margin: 0 auto 20px auto;
}

.home-steps .home-steps-entry-inner h3 {
    font-size: var(--40px);
    font-weight: 700;
    margin: 0 0 10px;
}

.home-steps .home-steps-entry-inner p {
    font-weight: 600;
    margin: 0;
    line-height: 1.3;
}

.home-steps .home-steps-footer {
    text-align: center;
    margin: 20px 0 0;
}

.home-steps .home-steps-image {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 400px;
    z-index: -1;
}

@media (max-width: 992px) {
    .home-page .home-steps {
        padding: 80px 0;
    }
    .home-page .home-steps.has-image {
        position: relative;
        margin: 100px 0 0;
        padding: 100px 0 80px 0;
        z-index: 1;
    }
}
@media (max-width: 768px) {
    .home-page .home-steps {
        padding: 60px 0;
    }
    .home-steps .home-steps-row {
        flex-wrap: wrap;
    }
    .home-steps .home-steps-entry {
        flex: 100%;
    }
    .home-steps .home-steps-entry-inner {
        padding: 40px 30px;
    }
}
@media (max-width: 600px) {
    .home-page .home-steps.has-image {
        padding: 80px 0 60px 0;
    }
}

/* Ticks */
.home-page .home-ticks {
    padding: 100px 0;
}

.home-ticks .home-ticks-header {
    text-align: center;
    margin: 0 0 40px;
}

.home-ticks .home-ticks-header span {
    color: var(--yellow);
}

.home-ticks .home-ticks-main {
    margin: 0 0 40px;
}

.home-ticks .home-ticks-main ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.home-ticks .home-ticks-main ul li {
    flex: 0 0 calc(50% - 10px);
    font-weight: 500;
    margin: 0 0 20px;
}

.home-ticks .home-ticks-footer {
    text-align: center;
}

.home-ticks .home-ticks-footer h2 {
    font-size: var(--30px);
    margin: 0 0 10px;
}

.home-ticks .home-ticks-footer p {
    max-width: 440px;
    margin: 0 auto;
    font-weight: 600;
}

.home-ticks .home-ticks-footer .button {
    margin: 30px 0 0;
}

@media (max-width: 992px) {
    .home-page .home-ticks {
        padding: 80px 0;
    }
}
@media (max-width: 768px) {
    .home-page .home-ticks {
        padding: 60px 0;
    }
    .home-ticks .home-ticks-main ul li {
        flex: 100%;
    }
}

/* Video */
.home-page .home-video {
    padding: 100px 0 0;
}

.home-video .home-video-header {
    text-align: center;
    margin: 0 0 40px;
}

/* FAQs */
.home-page .home-faqs {
    padding: 80px 0;
}

.home-page .home-faqs-header {
    text-align: center;
    margin: 0 0 60px;
}

.home-page .home-faqs-main {
    background: #f4f4f4;
    padding: 40px;
    border-radius: 20px;
    border: 1px solid #A2A2A2;
}

.home-page .home-faqs-main .accordion .accordion-entry:first-of-type {
    border-top: none;
}

.home-page .home-faqs-main .accordion .accordion-entry:last-of-type {
    border-bottom: none;
}

@media (max-width: 992px) {
    .home-page .home-faqs {
        padding: 60px 0;
    }
}
@media (max-width: 768px) {
    .home-page .home-faqs-main {
        padding: 20px;
    }
}
@media (max-width: 600px) {
    .home-page .home-faqs {
        padding: 40px 0 60px 0;
    }
    .home-page .home-faqs-main {
        padding: 0;
    }
}



/*--------------------------------------------------------------
About
--------------------------------------------------------------*/
.about-page {
    padding: 100px 0;
}

/* Intro */
.about-page .about-intro {
    text-align: center;
    margin: 0 0 60px;
}

.about-intro h1 {
    max-width: 700px;
    margin: 0 auto 15px auto;
}

.about-intro h3 {
    margin: 0 0 15px;
}

.about-intro p {
    max-width: 800px;
    margin: 0 auto;
    font-size: var(--18px);
}

/* Split */
.about-page .about-split {
    margin: 0 0 60px;
}

.about-split .about-split-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.about-split .about-split-left {
    flex: 0 0 calc(70% - 25px);
    margin: 0 0 40px;
}

.about-split .about-split-left-image {
    display: block;
    border-radius: 20px;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 420px;
}

.about-split .about-split-right {
    flex: 0 0 calc(30% - 25px);
    margin: 0 0 40px;
}

@media (max-width: 992px) {
    .about-page {
        padding: 60px 0;
    }
    .about-page .about-split {
        margin: 0 0 20px;
        text-align: center;
    }
    .about-split .about-split-row {
        flex-wrap: wrap;
    }
    .about-split .about-split-left {
        flex: 100%;
    }
    .about-split .about-split-right {
        flex: 100%;
    }
}

/* Timeline */
.about-page .about-timeline {

}

.about-timeline > .container-medium {
    max-width: 1160px;
}

.about-timeline .about-timeline-header {
    text-align: center;
    margin: 0 0 140px;
}

.about-timeline .about-timeline-main {

}

.about-timeline .about-timeline-entry {
    padding: 0 0 140px;
    position: relative;
}

.about-timeline .about-timeline-entry:last-of-type {
    padding: 0;
}

.about-timeline .about-timeline-entry:before {
    content: '';
    height: 100%;
    width: 4px;
    background: #000;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.about-timeline .about-timeline-entry:last-of-type:before {
    display: none;
}

.about-timeline .about-timeline-entry-date {
    background: var(--yellow);
    filter: drop-shadow(0px 5px 20px #0000003D);
    height: 200px;
    width: 200px;
    border-radius: 100%;
    border: 10px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    position: absolute;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
}

.about-timeline .about-timeline-entry-month {
    font-size: var(--32px);
    line-height: 1;
}

.about-timeline .about-timeline-entry-year {
    font-size: var(--44px);
    font-weight: 900;
    line-height: 1;
}

.about-timeline .about-timeline-entry-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.about-timeline .about-timeline-entry:last-of-type .about-timeline-entry-row {
    flex-wrap: wrap;
}

.about-timeline .about-timeline-entry-left {
    flex: 0 0 calc(50% - 40px);
}

.about-timeline .about-timeline-entry-right {
    flex: 0 0 calc(50% - 40px);
    padding: 0 40px;
}

.about-timeline .about-timeline-entry-right h2 {
    font-size: var(--24px);
}

.about-timeline .about-timeline-entry-right p {
    margin: 0;
}

.about-timeline .about-timeline-entry:nth-child(2n) .about-timeline-entry-left {
    order: 2;
}

.about-timeline .about-timeline-entry:nth-child(2n) .about-timeline-entry-right {
    order: 1;
}

.about-timeline .about-timeline-entry:last-of-type .about-timeline-entry-left {
    flex: 100%;
    margin: 0 0 40px;
    order: 1;
}

.about-timeline .about-timeline-entry:last-of-type .about-timeline-entry-left .about-timeline-entry-image img {
    max-height: 500px;
    width: auto;
}

.about-timeline .about-timeline-entry:last-of-type .about-timeline-entry-right {
    flex: 100%;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    padding: 0;
    order: 2;
}

.about-timeline .about-timeline-entry-image {
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-timeline .about-timeline-entry-image img {
    width: 100%;
}

@media (max-width: 768px) {
    .about-timeline .about-timeline-entry:before {
        height: 130px;
        top: auto;
        bottom: 0;
    }
    .about-timeline .about-timeline-entry-date {
        height: 120px;
        width: 120px;
        top: -80px;
        border: 5px solid #fff;
    }
    .about-timeline .about-timeline-entry-month {
        font-size: var(--20px);
    }
    .about-timeline .about-timeline-entry-year {
        font-size: var(--30px);
    }
    .about-timeline .about-timeline-entry-row {
        flex-wrap: wrap;
    }
    .about-timeline .about-timeline-entry-left {
        flex: 100%;
        margin: 0 0 30px;
    }
    .about-timeline .about-timeline-entry-right {
        flex: 100%;
        padding: 0;
        text-align: center;
    }
    .about-timeline .about-timeline-entry:nth-child(2n) .about-timeline-entry-left {
        order: 1;
    }
    .about-timeline .about-timeline-entry:nth-child(2n) .about-timeline-entry-right {
        order: 2;
    }
}



/*--------------------------------------------------------------
Storage - Landing
--------------------------------------------------------------*/
/* Banner */
.storage-page .storage-banner {
    padding: 140px 0 120px 0;
    position: relative;
}

.storage-banner .storage-banner-content {
    max-width: 700px;
}

.storage-banner .storage-banner-content h1 {
    line-height: 1;
}

.storage-banner .storage-banner-content h1 span {
    color: var(--yellow);
}
.storage-banner .storage-banner-content img {
/*    width: 180px;*/
    margin-top: 40px;
    position: relative;
    right: initial;
    left: initial;
    top: initial;
    transform: initial;
    padding: 0;
}

.storage-banner .storage-banner-content p {
    font-size: var(--20px);
    line-height: 1.3;
    max-width: 500px;
}

.storage-banner .storage-banner-content .button {
    margin: 10px 0 0;
}

.storage-banner .storage-banner-stats {
    display: flex;
    align-items: center;
    margin: 50px 0 0;
}

.storage-banner .storage-banner-stats-item {
    text-align: center;
    padding: 0 15px 0 0;
    margin: 0 15px 0 0;
    border-right: 1px solid #ddd;
}

.storage-banner .storage-banner-stats-item:last-of-type {
    border: none;
}

.storage-banner .storage-banner-stats-value {
    font-size: var(--30px);
    font-weight: 700;
    line-height: 1;
    margin: 0 0 10px;
}

.storage-banner .storage-banner-stats-label {
    font-size: var(--15px);
    font-weight: 500;
    line-height: 1;
}

.storage-banner .storage-banner-image {
    position: absolute;
    right: auto;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    z-index: -1;
    padding: 40px 0 0;
    width: 50%;
    object-fit: contain;
    object-position: left;
}

@media (max-width: 1400px) {
    .storage-banner .storage-banner-image {
        height: 85%;
    }
}
@media (max-width: 1200px) {
    .storage-banner .storage-banner-content {
        max-width: 450px;
    }
    .storage-banner .storage-banner-image {
        height: 75%;
    }
}
@media (max-width: 1100px) {
    .storage-banner .storage-banner-image {
        height: 65%;
    }
}
@media (max-width: 992px) {
    .storage-page .storage-banner {
        padding: 80px 0 0;
    }
    .storage-banner .storage-banner-content {
        max-width: none;
        text-align: center;
    }
    .storage-banner .storage-banner-content p {
        margin: 0 auto 20px auto;
    }
    .storage-banner .storage-banner-stats {
        justify-content: center;
    }
    .storage-banner .storage-banner-image {
        position: static;
        transform: none;
        padding: 40px 80px;
        width: 100%;
    }
    .storage-banner .storage-banner-content img {
        margin-left: auto;
        margin-right: auto;
    }
    .storage-banner .storage-banner-content img {
        width: 180px;
        margin-bottom: 25px;
    }
}
@media (max-width: 600px) {
    .storage-banner .storage-banner-image {
        padding: 40px 0px;
    }
}
@media (max-width: 500px) {
    .storage-banner .container {
        padding: 0 20px;
    }
    .storage-banner .storage-banner-stats-item {
        padding: 0 10px 0 0;
        margin: 0 10px 0 0;
    }
    .storage-banner .storage-banner-stats-value {
        font-size: var(--22px);
    }
    .storage-banner .storage-banner-stats-label {
        font-size: var(--13px);
    }
}

/* Video */
.storage-page .storage-video {
    margin: 80px 0 0;
}

.storage-video .storage-video-header {
    text-align: center;
    margin: 0 0 40px;
}

.storage-video .storage-video-header span {
    color: var(--yellow);
}

@media (max-width: 768px) {
    .storage-page .storage-video {
        margin: 60px 0 0;
    }
}

/* Reviews */
.storage-page .storage-reviews {
    padding: 100px 0;
}

@media (max-width: 992px) {
    .storage-page .storage-reviews {
        padding: 80px 0;
    }
}
@media (max-width: 768px) {
    .storage-page .storage-reviews {
        padding: 60px 0;
    }
}

/* Steps */
.storage-page .storage-steps {
    background: var(--yellow);
    padding: 100px 0;
}

.storage-page .storage-steps.has-image {
    position: relative;
    margin: 150px 0 0;
    padding: 150px 0 100px 0;
    z-index: 1;
}

.storage-steps .storage-steps-image {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 400px;
    z-index: -1;
}

.storage-steps .storage-steps-header {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 40px auto;
}

.storage-steps .storage-steps-main {

}

.storage-steps .storage-steps-row {
    display: flex;
    justify-content: space-between;
}

.storage-steps .storage-steps-entry {
    flex: 0 0 calc(33.33333% - 10px);
    margin: 0 0 30px;
}

.storage-steps .storage-steps-entry-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.storage-steps .storage-steps-entry-image {
    padding-top: 75%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 10px 10px 0 0;
    flex-shrink: 0;
}

.storage-steps .storage-steps-entry-content {
    background: #fff;
    border-radius: 0 0 10px 10px;
    height: 100%;
    padding: 30px;
}

.storage-steps .storage-steps-entry-content p {
    font-size: var(--22px);
    line-height: 1.2;
    margin: 0 0 15px;
}

.storage-steps .storage-steps-entry-content p span {
    font-weight: 700;
}

.storage-steps .storage-steps-footer {
    text-align: center;
    margin: 20px 0 0;
}

@media (max-width: 992px) {
    .storage-steps .storage-steps-row {
        flex-wrap: wrap;
        margin: 0 60px;
    }
    .storage-steps .storage-steps-entry {
        flex: 100%;
    }
    .storage-page .storage-steps.has-image {
        position: relative;
        margin: 100px 0 0;
        padding: 100px 0 80px 0;
        z-index: 1;
    }
}
@media (max-width: 600px) {
    .storage-page .storage-steps.has-image {
        padding: 80px 0 60px 0;
    }
}
@media (max-width: 550px) {
    .storage-steps .storage-steps-row {
        margin: 0;
    }
}

/* Comparison */
.storage-page .storage-comparison {
    background: #F4F4F4;
    padding: 100px 0;
}

.storage-comparison .storage-comparison-header {
    text-align: center;
    margin: 0 0 40px;
}

.storage-comparison .storage-comparison-header h2 {
    max-width: 600px;
    margin: 0 auto 10px auto;
}

.storage-comparison .storage-comparison-header h2 span {
    color: var(--yellow);
}

.storage-comparison .storage-comparison-header p {
    font-size: var(--20px);
    max-width: 700px;
    margin: 0 auto;
}

.storage-comparison .storage-comparison-footer {
    margin: 20px 0 0;
    text-align: center;
}

.storage-comparison .storage-comparison-footer h3 {
    font-weight: 700;
}

/* Ticks */
.storage-page .storage-ticks {
    padding: 100px 0;
}

.storage-ticks .storage-ticks-header {
    text-align: center;
    margin: 0 0 40px;
}

.storage-ticks .storage-ticks-header h2 span {
    color: var(--yellow);
    text-decoration: underline;
}

.storage-ticks .storage-ticks-header h3 span {
    font-weight: 700;
    text-decoration: underline;
}

.storage-ticks .storage-ticks-main {
    margin: 0 0 40px;
}

.storage-ticks .storage-ticks-main ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.storage-ticks .storage-ticks-main ul li {
    flex: 0 0 calc(50% - 10px);
    font-weight: 500;
    margin: 0 0 20px;
}

.storage-ticks .storage-ticks-footer {
    text-align: center;
}

.storage-ticks .storage-ticks-footer h2 {
    font-size: var(--30px);
    margin: 0 0 10px;
}

.storage-ticks .storage-ticks-footer p {
    max-width: 440px;
    margin: 0 auto;
    font-weight: 600;
}

@media (max-width: 992px) {
    .storage-page .storage-ticks {
        padding: 80px 0;
    }
}
@media (max-width: 768px) {
    .storage-page .storage-ticks {
        padding: 60px 0;
    }
    .storage-ticks .storage-ticks-main ul li {
        flex: 100%;
    }
}

/* Split */
.storage-page .storage-split {
    padding: 100px 0;
}

.storage-split .storage-split-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.storage-split .storage-split-image {
    flex: 0 0 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 40%;
    border-radius: 20px;
}

.storage-split .storage-split-content {
    flex: 0 0 50%;
    padding: 0 60px 0 80px;
}

.storage-split .storage-split-content h2 span {
    color: var(--yellow);
}

@media (max-width: 992px) {
    .storage-page .storage-split {
        padding: 80px 0;
    }
    .storage-split .storage-split-row {
        flex-wrap: wrap;
    }
    .storage-split .storage-split-image {
        flex: 100%;
        padding-top: 60%;
        margin: 0 0 40px;
    }
    .storage-split .storage-split-content {
        flex: 100%;
        padding: 0;
    }
}
@media (max-width: 768px) {
    .storage-page .storage-split {
        padding: 60px 0;
    }
}

/* CTA Steps */
.storage-page .storage-ctasteps {
    background: var(--yellow);
    padding: 100px 0;
}

.storage-page section:last-of-type.storage-ctasteps {
    padding: 100px 0 200px 0;
}

.storage-page .storage-ctasteps.has-image {
    position: relative;
    margin: 200px 0 0;
    padding: 150px 0 200px 0;
    z-index: 1;
}

.storage-ctasteps .storage-ctasteps-image {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 400px;
    z-index: -1;
}

.storage-ctasteps .storage-ctasteps-header {
    text-align: center;
    margin: 0 0 40px;
}

.storage-ctasteps .storage-ctasteps-main {
    text-align: center;
}

.storage-ctasteps .storage-ctasteps-row {
    display: flex;
    justify-content: space-between;
}

.storage-ctasteps .storage-ctasteps-entry {
    flex: 0 0 calc(33.33333% - 10px);
    margin: 0 0 30px;
}

.storage-ctasteps .storage-ctasteps-entry-inner {
    background: #fff;
    border-radius: 20px;
    padding: 50px 40px;
    height: 100%;
}

.storage-ctasteps .storage-ctasteps-entry-inner img {
    width: 100px;
    max-height: 100px;
    height: 100%;
    object-fit: contain;
    margin: 0 auto 20px auto;
}

.storage-ctasteps .storage-ctasteps-entry-inner h3 {
    font-size: var(--40px);
    font-weight: 700;
    margin: 0 0 10px;
}

.storage-ctasteps .storage-ctasteps-entry-inner p {
    font-weight: 600;
    margin: 0;
    line-height: 1.3;
}

.storage-ctasteps .storage-ctasteps-footer {
    text-align: center;
    margin: 20px 0 0;
}

.page-template-storage .site-footer-cta {
    margin: 0;
    z-index: 1;
}

@media (max-width: 992px) {
    .storage-page .storage-ctasteps {
        padding: 80px 0;
    }
    .storage-page .storage-ctasteps.has-image {
        position: relative;
        margin: 100px 0 0;
        padding: 100px 0 80px 0;
        z-index: 1;
    }
}
@media (max-width: 768px) {
    .storage-page .storage-ctasteps {
        padding: 60px 0;
    }
    .storage-ctasteps .storage-ctasteps-row {
        flex-wrap: wrap;
    }
    .storage-ctasteps .storage-ctasteps-entry {
        flex: 100%;
    }
    .storage-ctasteps .storage-ctasteps-entry-inner {
        padding: 40px 30px;
    }
}
@media (max-width: 600px) {
    .storage-page .storage-ctasteps.has-image {
        padding: 80px 0 60px 0;
    }
}

/* FAQs */
.storage-page .storage-faqs {
    padding: 100px 0 180px 0;
}

.storage-page .storage-faqs-header {
    text-align: center;
    margin: 0 0 60px;
}

.storage-page .storage-faqs-main {
    background: #f4f4f4;
    padding: 40px;
    border-radius: 20px;
    border: 1px solid #A2A2A2;
}

.storage-page .storage-faqs-main .accordion .accordion-entry:first-of-type {
    border-top: none;
}

.storage-page .storage-faqs-main .accordion .accordion-entry:last-of-type {
    border-bottom: none;
}

@media (max-width: 992px) {
    .storage-page .storage-faqs {
        padding: 80px 0 160px 0;
    }
}
@media (max-width: 768px) {
    .storage-page .storage-faqs-main {
        padding: 20px;
    }
}
@media (max-width: 600px) {
    .storage-page .storage-faqs {
        padding: 60px 0 140px 0;
    }
    .storage-page .storage-faqs-main {
        padding: 0;
    }
}



/*--------------------------------------------------------------
Moving - Landing
--------------------------------------------------------------*/
/* Banner */
.moving-page .moving-banner {
    padding: 100px 0 200px 0;
    margin: 0 0 150px;
    position: relative;
}

.moving-banner .moving-banner-content {
    text-align: center;
}

.moving-banner .moving-banner-title {
    display: flex;
    align-items: flex-start;
    text-align: left;
    margin: 0 0 20px;
}

.moving-banner .moving-banner-title svg {
    width: 110px;
    flex-shrink: 0;
    margin-right: 20px;
}

.moving-banner .moving-banner-content h1 {
    line-height: 1;
    margin: 0;
    letter-spacing: -1.5px;
}

.moving-banner .moving-banner-content h1 span {
    color: var(--yellow);
}

.moving-banner .moving-banner-content h4.banner-title {
    line-height: 1;
    margin: 0;
    letter-spacing: -1.5px;
    font-size: var(--44px);
    font-weight: 700;
}

.moving-banner .moving-banner-content h4.banner-title span {
    color: var(--yellow);
}

@media (max-width: 768px) {
    .moving-banner .moving-banner-content h4.banner-title {
        font-size: var(--36px);
    }
}

.moving-banner .moving-banner-content p {
    font-size: var(--20px);
    line-height: 1.3;
    max-width: 860px;
    margin: 0 auto 20px auto;
}

.moving-banner .moving-banner-content .button {
    margin: 10px 0 0;
}

.moving-banner .moving-banner-image:after {
    content: '';
    width: 100%;
    height: 150px;
    background: var(--yellow);
    position: absolute;
    bottom: -150px;
    left: 0;
    z-index: -1;
}

.moving-banner .moving-banner-image img {
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    max-height: 400px;
}

@media (max-width: 768px) {
    .moving-page .moving-banner {
        padding: 60px 0 100px 0;
        margin: 0 0 100px;
    }
    .moving-banner .moving-banner-image:after {
        height: 100px;
        bottom: -100px;
    }
}
@media (max-width: 600px) {
    .moving-banner .moving-banner-title {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }
    .moving-banner .moving-banner-title svg {
        margin: 0 0 20px;
        width: 120px;
    }
}

/* Reviews */
.moving-page .moving-reviews {
    padding: 100px 0;
}

/* Steps */
.moving-page .moving-steps {
    background: var(--yellow);
    padding: 100px 0;
}

.moving-steps .moving-steps-header {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 40px auto;
}

.moving-steps .moving-steps-main {

}

.moving-steps .moving-steps-row {
    display: flex;
    justify-content: space-between;
}

.moving-steps .moving-steps-entry {
    flex: 0 0 calc(33.33333% - 10px);
    margin: 0 0 30px;
}

.moving-steps .moving-steps-entry-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.moving-steps .moving-steps-entry-image {
    padding-top: 75%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 10px 10px 0 0;
    flex-shrink: 0;
}

.moving-steps .moving-steps-entry-content {
    background: #fff;
    border-radius: 0 0 10px 10px;
    height: 100%;
    padding: 30px;
}

.moving-steps .moving-steps-entry-content p {
    font-size: var(--22px);
    line-height: 1.2;
    margin: 0 0 15px;
}

.moving-steps .moving-steps-entry-content p span {
    font-weight: 700;
}

.moving-steps .moving-steps-footer {
    text-align: center;
    margin: 20px 0 0;
}

@media (max-width: 992px) {
    .moving-steps .moving-steps-row {
        flex-wrap: wrap;
        margin: 0 60px;
    }
    .moving-steps .moving-steps-entry {
        flex: 100%;
    }
}
@media (max-width: 550px) {
    .moving-steps .moving-steps-row {
        margin: 0;
    }
}

/* Comparison */
.moving-page .moving-comparison {
    background: #F4F4F4;
    padding: 100px 0;
}

.moving-comparison .moving-comparison-header {
    text-align: center;
    margin: 0 0 40px;
}

.moving-comparison .moving-comparison-header h2 {
    max-width: 600px;
    margin: 0 auto 10px auto;
}

.moving-comparison .moving-comparison-header h2 span {
    color: var(--yellow);
}

.moving-comparison .moving-comparison-header p {
    font-size: var(--18px);
    max-width: 700px;
    margin: 0 auto;
}

.moving-comparison .moving-comparison-footer {
    margin: 20px 0 0;
    text-align: center;
}

.moving-comparison .moving-comparison-footer h3 {
    font-weight: 700;
}

/* Ticks */
.moving-page .moving-ticks {
    padding: 100px 0;
}

.moving-ticks .moving-ticks-header {
    text-align: center;
    margin: 0 0 40px;
}

.moving-ticks .moving-ticks-header h2 span {
    color: var(--yellow);
    text-decoration: underline;
}

.moving-ticks .moving-ticks-header h3 span {
    font-weight: 700;
    text-decoration: underline;
}

.moving-ticks .moving-ticks-main {
    margin: 0 0 40px;
}

.moving-ticks .moving-ticks-main ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.moving-ticks .moving-ticks-main ul li {
    flex: 0 0 calc(50% - 10px);
    font-weight: 500;
    margin: 0 0 20px;
}

.moving-ticks .moving-ticks-footer {
    text-align: center;
}

.moving-ticks .moving-ticks-footer h2 {
    font-size: var(--30px);
    margin: 0 0 10px;
}

.moving-ticks .moving-ticks-footer p {
    max-width: 440px;
    margin: 0 auto;
    font-weight: 600;
}

@media (max-width: 992px) {
    .moving-page .moving-ticks {
        padding: 80px 0;
    }
}
@media (max-width: 768px) {
    .moving-page .moving-ticks {
        padding: 60px 0;
    }
    .moving-ticks .moving-ticks-main ul li {
        flex: 100%;
    }
}

/* Split */
.moving-page .moving-split {
    padding: 100px 0;
}

.moving-split .moving-split-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.moving-split .moving-split-image {
    flex: 0 0 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 40%;
    border-radius: 20px;
}

.moving-split .moving-split-content {
    flex: 0 0 50%;
    padding: 0 80px 0 60px;
}

.moving-split .moving-split-content h2 span {
    color: var(--yellow);
}

@media (max-width: 992px) {
    .moving-page .moving-split {
        padding: 80px 0;
    }
    .moving-split .moving-split-row {
        flex-wrap: wrap;
    }
    .moving-split .moving-split-image {
        flex: 100%;
        padding-top: 60%;
    }
    .moving-split .moving-split-content {
        flex: 100%;
        padding: 0 0 40px;
    }
}
@media (max-width: 768px) {
    .moving-page .moving-split {
        padding: 60px 0;
    }
}

/* CTA Steps */
.moving-page .moving-ctasteps {
    background: var(--yellow);
    padding: 100px 0;
}

.moving-page section:last-of-type.moving-ctasteps {
    padding: 100px 0 200px 0;
}

.moving-ctasteps .moving-ctasteps-header {
    text-align: center;
    margin: 0 0 40px;
}

.moving-ctasteps .moving-ctasteps-main {
    text-align: center;
}

.moving-ctasteps .moving-ctasteps-row {
    display: flex;
    justify-content: space-between;
}

.moving-ctasteps .moving-ctasteps-entry {
    flex: 0 0 calc(33.33333% - 10px);
    margin: 0 0 30px;
}

.moving-ctasteps .moving-ctasteps-entry-inner {
    background: #fff;
    border-radius: 20px;
    padding: 60px 40px;
    height: 100%;
}

.moving-ctasteps .moving-ctasteps-entry-inner img {
    width: 100px;
    max-height: 100px;
    height: 100%;
    object-fit: contain;
    margin: 0 auto 20px auto;
}

.moving-ctasteps .moving-ctasteps-entry-inner h3 {
    font-size: var(--40px);
    font-weight: 700;
    margin: 0 0 10px;
}

.moving-ctasteps .moving-ctasteps-entry-inner p {
    font-weight: 600;
    margin: 0;
    line-height: 1.3;
}

.moving-ctasteps .moving-ctasteps-footer {
    text-align: center;
    margin: 20px 0 0;
}

.page-template-moving .site-footer-cta {
    margin: 0;
}

@media (max-width: 992px) {
    .moving-page .moving-ctasteps {
        padding: 80px 0;
    }
}
@media (max-width: 768px) {
    .moving-page .moving-ctasteps {
        padding: 60px 0;
    }
    .moving-ctasteps .moving-ctasteps-row {
        flex-wrap: wrap;
    }
    .moving-ctasteps .moving-ctasteps-entry {
        flex: 100%;
    }
    .moving-ctasteps .moving-ctasteps-entry-inner {
        padding: 40px 30px;
    }
}

/* FAQs */
.moving-page .moving-faqs {
    padding: 100px 0 180px 0;
}

.moving-page .moving-faqs-header {
    text-align: center;
    margin: 0 0 60px;
}

.moving-page .moving-faqs-main {
    background: #f4f4f4;
    padding: 40px;
    border-radius: 20px;
    border: 1px solid #A2A2A2;
}

.moving-page .moving-faqs-main .accordion .accordion-entry:first-of-type {
    border-top: none;
}

.moving-page .moving-faqs-main .accordion .accordion-entry:last-of-type {
    border-bottom: none;
}

@media (max-width: 992px) {
    .moving-page .moving-faqs {
        padding: 80px 0 160px 0;
    }
}
@media (max-width: 768px) {
    .moving-page .moving-faqs-main {
        padding: 20px;
    }
}
@media (max-width: 600px) {
    .moving-page .moving-faqs {
        padding: 60px 0 140px 0;
    }
    .moving-page .moving-faqs-main {
        padding: 0;
    }
}



/*--------------------------------------------------------------
Flexible Page
--------------------------------------------------------------*/
/* Banner */
.flexible-page .flexible-banner {
    padding: 160px 0 140px 0;
    position: relative;
}
.page-id-5101 .flexible-page .flexible-banner {
    padding: 120px 0;
}

.flexible-banner .flexible-banner-content {
    max-width: 600px;
}

.flexible-banner .flexible-banner-content h1 {
    line-height: 1;
}

.flexible-banner .flexible-banner-content h1 span, .flexible-banner .flexible-banner-content h4.large-title span {
    color: var(--yellow);
}

.flexible-banner .flexible-banner-content img {
    width: 180px;
    margin-top: 25px;
}

.flexible-banner .flexible-banner-content p {
    font-size: var(--20px);
    line-height: 1.3;
    max-width: 560px;
}

.flexible-banner .flexible-banner-content .button {
    margin: 10px 0 0;
}

.flexible-banner .flexible-banner-image {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    max-width: 50%;
    max-height: 90%;
    width: auto;
    z-index: -1;
}

@media (max-width: 1200px) {
    .flexible-banner .flexible-banner-content {
        max-width: 50%;
    }
}
@media (max-width: 992px) {
    .flexible-page .flexible-banner {
        padding: 80px 0 80px;
    }
    .flexible-banner .flexible-banner-content {
        max-width: none;
        text-align: center;
    }
    .flexible-banner .flexible-banner-content p {
        margin: 0 auto 20px auto;
    }
    .flexible-banner .flexible-banner-image {
        position: static;
        transform: none;
        padding: 40px 80px;
        width: 100%;
        max-width: none;
    }
    .flexible-banner .flexible-banner-content img {
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 600px) {
    .flexible-page .flexible-banner {
        padding: 60px 0 60px;
    }
    .flexible-banner .flexible-banner-image {
        padding: 40px 20px;
    }
}
@media (max-width: 500px) {
    .flexible-banner .container {
        padding: 0 20px;
    }
}

/* FAQs */
.flexible-page .flexible-faqs {
    padding: 100px 0 0;
}

.flexible-page .flexible-faqs-header {
    text-align: center;
    margin: 0 0 60px;
}

.flexible-page .flexible-faqs-main {
    background: #f4f4f4;
    padding: 40px;
    border-radius: 20px;
    border: 1px solid #A2A2A2;
}

.flexible-page .flexible-faqs-main .accordion .accordion-entry:first-of-type {
    border-top: none;
}

.flexible-page .flexible-faqs-main .accordion .accordion-entry:last-of-type {
    border-bottom: none;
}

@media (max-width: 992px) {
    .flexible-page .flexible-faqs {
        padding: 80px 0 60px 0;
    }
}
@media (max-width: 768px) {
    .flexible-page .flexible-faqs-main {
        padding: 20px;
    }
}
@media (max-width: 600px) {
    .flexible-page .flexible-faqs {
        padding: 60px 0;
    }
    .flexible-page .flexible-faqs-main {
        padding: 0;
    }
}

body.page-template-flexible .site-footer-cta {
    margin: 180px 0 0;
}



/*--------------------------------------------------------------
Special Offer Landing
--------------------------------------------------------------*/
/* Banner */
.page-id-4363 .flexible-banner .flexible-banner-image {
    top: 10%;
    bottom: 0;
    left: 50%;
    transform: none;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 992px) {
    .page-id-4363 .flexible-banner .flexible-banner-image {
        padding: 60px 20px 0 20px;
        max-width: 600px;
        margin: 0 auto;
    }
}



/*--------------------------------------------------------------
FAQs
--------------------------------------------------------------*/
.faq-page {
    padding: 60px 0 0;
}

/* FAQs */
.faq-page .faq-header {
    margin: 0 0 60px;
    text-align: center;
}

.faq-page .faq-main {
    padding: 0 0 80px;
}

/* Posts */
.faq-page .faq-posts {
    padding: 100px 0 40px 0;
}

.faq-posts .faq-posts-header {
    text-align: center;
    margin: 0 0 60px;
}

@media (max-width: 768px) {
    .faq-page .faq-posts {
        padding: 60px 0 40px 0;
    }
}



/*--------------------------------------------------------------
Contact
--------------------------------------------------------------*/
.contact-page {

}

/* Form */
.contact-page .contact-form {
    padding: 60px 0;
}

.contact-form .contact-form-inner {
    background: #f4f4f4;
    border-radius: 20px;
    border: 1px solid #A2A2A2;
    padding: 60px;
}

.contact-form .contact-form-header {
    margin: 0 0 40px;
    text-align: center;
}

.contact-form .contact-form-header h1 {
    margin: 0 0 10px;
}

.contact-form .contact-form-row {
    display: flex;
    justify-content: space-between;
}

.contact-form .contact-form-main {
    flex: 0 0 calc(65% - 10px);
}

.contact-form .contact-form-side {
    flex: 0 0 calc(35% - 10px);
}

.contact-form .contact-form-side-inner {
    background: #000;
    border-radius: 10px;
    padding: 60px 30px 60px 40px;
}

.contact-form .contact-form-side-item {
    margin: 0 0 30px;
}

.contact-form .contact-form-side-item:last-of-type {
    margin: 0;
}

.contact-form .contact-form-side-item h4 {
    font-size: var(--16px);
    font-weight: 700;
    color: var(--yellow);
    margin: 0 0 10px;
}

.contact-form .contact-form-side-item p {
    color: #fff;
    margin: 0;
    transition: color 0.3s ease;
}

.contact-form .contact-form-side-item a:hover p {
    color: var(--yellow);
}

@media (max-width: 992px) {
    .contact-form .contact-form-inner {
        padding: 30px;
    }
    .contact-form .contact-form-row {
        flex-wrap: wrap;
    }
    .contact-form .contact-form-main {
        flex: 100%;
        margin: 0 0 30px;
    }
    .contact-form .contact-form-side {
        flex: 100%;
    }
    .contact-form .contact-form-side-inner {
        padding: 30px;
    }
}
@media (max-width: 600px) {
    .contact-form .contact-form-inner {
        padding: 30px 20px;
    }
}

/* Reviews */
.contact-page .contact-reviews {

}

.contact-reviews .contact-reviews-header {
    text-align: center;
    margin: 0 0 60px;
}

/* Posts */
.contact-page .contact-posts {
    padding: 100px 0 40px 0;
}

.contact-posts .contact-posts-header {
    text-align: center;
    margin: 0 0 60px;
}

@media (max-width: 768px) {
    .contact-page .contact-posts {
        padding: 60px 0 40px 0;
    }
}



/*--------------------------------------------------------------
Survey
--------------------------------------------------------------*/
.survey-page {
    padding: 80px 0 60px 0;
    background: #f4f4f4;
}

.page-template-survey .site-footer.nocta {
    background: #f4f4f4;
}

.survey-page .survey-header {
    text-align: center;
    margin: 0 0 60px;
}

@media (max-width: 768px) {
    .survey-page {
        padding: 60px 0 20px 0;
    }
    .survey-page .survey-header {
        margin: 0 0 40px;
    }
}



/*--------------------------------------------------------------
Form Page
--------------------------------------------------------------*/
.form-page .form-main {
    padding: 60px 0 80px 0;
}

.form-page .form-main-header {
    text-align: center;
    margin: 0 0 40px;
}

.form-page .form-main-inner {
    background: #f4f4f4;
    border-radius: 20px;
    border: 1px solid #A2A2A2;
    padding: 40px;
}

@media (max-width: 600px) {
    .form-page .form-main-inner {
        padding: 30px;
    }
}



/*--------------------------------------------------------------
Thank You
--------------------------------------------------------------*/
.ty-page .ty-main {
    padding: 80px 0;
    text-align: center;
}

.ty-page .ty-main-header {
    max-width: 760px;
    margin: 0 auto 40px auto;
}

.ty-page .ty-main-video {
    margin: 0 0 40px;
}

.ty-page .ty-main-footer {
    max-width: 760px;
    margin: 0 auto;
}



/*--------------------------------------------------------------
Thank You - Storage
--------------------------------------------------------------*/
/* Intro */
.ty-storage-page .ty-storage-intro {
    padding: 60px 0 80px 0;
    text-align: center;
}

.ty-storage-intro img {
    max-width: 600px;
    width: 100%;
    margin: 0 auto 40px auto;
}

.ty-storage-intro p {
    margin: 0;
}

@media (max-width: 768px) {
    .ty-storage-page .ty-storage-intro {
        padding: 60px 0;
    }
}

/* Steps */
.ty-storage-page .ty-storage-steps {
    padding: 80px 0 0;
}

.ty-storage-steps .ty-storage-steps-header {
    margin: 0 0 60px;
    text-align: center;
}

.ty-storage-steps .ty-storage-steps-entry {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 50px;
}

.ty-storage-steps .ty-storage-steps-entry:last-of-type {
    margin: 0;
}

.ty-storage-steps .ty-storage-steps-entry-image {
    flex: 0 0 calc(45% - 20px);
}

.ty-storage-steps .ty-storage-steps-entry-image img {
    border-radius: 10px;
    width: 100%;
}

.ty-storage-steps .ty-storage-steps-entry-content {
    flex: 0 0 calc(55% - 20px);
}

.ty-storage-steps .ty-storage-steps-entry-content p {
    margin: 0;
}

.ty-storage-steps .ty-storage-steps-footer {
    text-align: center;
    margin: 80px 0 0;
}

@media (max-width: 768px) {
    .ty-storage-page .ty-storage-steps {
        padding: 60px 0 0;
    }
    .ty-storage-steps .ty-storage-steps-header {
        margin: 0 0 40px;
    }
}
@media (max-width: 600px) {
    .ty-storage-steps .ty-storage-steps-entry {
        flex-wrap: wrap;
    }
    .ty-storage-steps .ty-storage-steps-entry-image {
        flex: 100%;
        margin: 0 0 30px;
    }
    .ty-storage-steps .ty-storage-steps-entry-content {
        flex: 100%;
    }
}



/*--------------------------------------------------------------
404 Page
--------------------------------------------------------------*/
/* Main */
.error404-page .error404-main {
    padding: 160px 0 60px 0;
    text-align: center;
    position: relative;
    z-index: 1;
}

.error404-page .error404-main h1 {
    text-transform: uppercase;
    font-size: var(--24px);
    font-weight: 400;
    margin: 0 0 30px;
}

.error404-page .error404-main h2 {
    font-size: 300px;
    font-weight: 900;
    line-height: 220px;
    position: relative;
}

.error404-page .error404-main h2:after {
    content: '';
    background: #000;
    height: 6px;
    width: 100%;
    max-width: 840px;
    position: absolute;
    bottom: -3px;
    left: 50%;
    transform: translateX(-50%);
}

.error404-page .error404-main img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 420px;
    width: 100%;
    pointer-events: none;
}

.error404-page .error404-main svg {
    position: absolute;
    bottom: 76px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1200px;
    width: 100%;
    z-index: -1;
}

@media (max-width: 768px) {
    .error404-page .error404-main h2 {
        font-size: 200px;
        line-height: 140px;
    }
    .error404-page .error404-main img {
        max-width: 320px;
    }
}
@media (max-width: 550px) {
    .error404-page .error404-main h2 {
        font-size: 100px;
        line-height: 70px;
    }
    .error404-page .error404-main img {
        max-width: 220px;
    }
}

/* Search */
.error404-page .error404-search {
    padding: 60px 0 20px 0;
    text-align: center;
}

.error404-page .error404-search h3 {
    font-size: var(--24px);
    font-weight: 700;
    margin: 0 0 30px;
}

.error404-page .error404-search form {
    display: flex;
}

.error404-page .error404-search form input {
    margin: 0 20px 0 0;
    border-color: #ddd;
}

.error404-page .error404-search form input:focus {
    border-color: var(--yellow);
}

.error404-page .error404-search form button {
    padding: 20px 80px;
}

@media (max-width: 600px) {
    .error404-page .error404-search form {
        flex-wrap: wrap;
    }
    .error404-page .error404-search form input {
        margin: 0 0 20px;
    }
    .error404-page .error404-search form button {
        width: 100%;
    }
}



/*--------------------------------------------------------------
Post - Archive
--------------------------------------------------------------*/
.post-archive {
    padding: 60px 0;
}

/* Header */
.post-archive .post-archive-header {
    text-align: center;
    margin: 0 0 60px;
}

/* Main */
.post-archive .post-archive-main {

}

/* Pagination */
.post-pagination {
    font-size: var(--20px);
    font-weight: 700;
    margin: 40px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.post-pagination span,
.post-pagination a {
    text-decoration: none;
    color: #000;
    margin: 0 10px;
}

.post-pagination a:hover,
.post-pagination .current {
    color: #FDC73D;
}



/*--------------------------------------------------------------
Post - Entry
--------------------------------------------------------------*/
.post-entry-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.post-entry {
    flex: 0 0 calc(33.33333% - 20px);
    margin: 0 10px 40px;

    background: #f9f9f9;
    border-radius: 14px 14px 6px 6px;
    overflow: hidden;
    transition: background 0.3s ease, border-color 0.3s ease;
}

.post-entry:hover {
    background: var(--yellow);
}

.post-entry .post-entry-perma {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.post-entry .post-entry-header {
    position: relative;
}

.post-entry .post-entry-image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 260px;
    filter: grayscale(1);
    transition: filter 0.3s ease;
}

.post-entry:hover .post-entry-image {
    filter: grayscale(0);
}

.post-entry .post-entry-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 16px;
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 80%);
}

.post-entry .post-entry-image-overlay img {
    max-width: 100px;
    width: 100%;
    pointer-events: none;
}

.post-entry .post-entry-image-overlay h4 {
    font-size: var(--16px);
    font-weight: 700;
    color: #fff;
    margin: 6px 0 0;
}

.post-entry .post-entry-content {
    padding: 20px 30px;
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.post-entry .post-entry-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #000;
    margin: 0 0 10px;
    transition: color 0.3s ease;
    font-weight: 700;
    font-size: var(--22px);
}

.post-entry:hover .post-entry-title {
    color: #000;
}

.post-entry .post-entry-summary {
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: var(--15px);
    font-weight: 400;
    margin: 0 0 20px;
    transition: color 0.3s ease;
}

.post-entry:hover .post-entry-summary {
    color: #000;
}

.post-entry .post-entry-summary p {
    margin: 0;
}

.post-entry .post-entry-button {
    color: var(--green);
    font-weight: 700;
    transition: color 0.3s ease;
    margin: auto 0 0 0;
}

.post-entry:hover .post-entry-button {
    color: #000;
}

@media (max-width: 992px) {
    .post-entry {
        flex: 0 0 calc(50% - 20px);
    }
}
@media (max-width: 600px) {
    .post-entry {
        flex: 100%;
    }
}



/*--------------------------------------------------------------
Post - Single
--------------------------------------------------------------*/
.post-single {
    padding: 60px 0 0;
}

.post-single .post-single-footer {
    padding: 0 0 60px;
}

/* Breadcrumb */
.post-single .post-single-breadcrumbs {
    margin: 0 0 30px;
}

.post-single-breadcrumbs .post-single-breadcrumbs-row {
    display: flex;
    align-items: center;
    color: #000;
    font-size: var(--14px);
    font-weight: 300;
}

.post-single-breadcrumbs .post-single-breadcrumbs-row > a {
    color: #000;
}

.post-single-breadcrumbs .post-single-breadcrumbs-row > a:hover {
    color: var(--yellow);
}

.post-single-breadcrumbs .post-single-breadcrumbs-row > span {
    margin: 0 10px;
}

/* Header */
.post-single .post-single-header {
    text-align: center;
    margin: 0 0 40px;
}

.post-single .post-single-header > .container-small {
    max-width: 960px;
}

.post-single .post-single-header h1 {
    margin: 0 0 30px;
}

.post-single .post-single-image-wrap {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.post-single .post-single-image {
    filter: grayscale(1);
}

.post-single .post-single-image img {
    width: 100%;
}

.post-single .post-single-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 30px;
    background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(255,255,255,0) 80%);
}

.post-single .post-single-image-overlay img {
    max-width: 140px;
    width: 100%;
    pointer-events: none;
}

.post-single .post-single-image-overlay h4 {
    font-size: var(--22px);
    font-weight: 700;
    color: #fff;
    margin: 10px 0 0;
}

/* Post Single CTA */
.post-single .post-single-cta {
    position: relative;
    margin: 10px 0 30px 0;
}

.post-single-cta .post-single-cta-inner {
    background: var(--yellow);
    border-radius: 10px;
    padding: 90px 20px 40px 20px;
    text-align: center;
}

.post-single-cta .post-single-cta-inner img {
    max-width: 100px;
    width: 100px;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    filter: drop-shadow(0px 5px 20px #0000003D);
}

.post-single-cta .post-single-cta-inner h2 {
    margin: 0 0 10px;
    line-height: 1;
}

.post-single-cta .post-single-cta-inner h3 {
    font-size: var(--20px);
}

/* Social Shares */
.post-social-shares {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px 0;
}

.post-social-shares h4 {
    margin: 0 20px 0 0;
    font-size: var(--14px);
    text-transform: uppercase;
    font-weight: 700;
}

.post-social-shares a,
.post-social-shares .clipboard-copy {
    font-size: var(--18px);
    color: #000;
    margin-right: 20px;
}

.post-social-shares a:hover,
.post-social-shares .clipboard-copy:hover {
    color: #FDC73D;
}

.post-social-shares a:last-of-type {
    margin-right: 0;
}

.post-social-shares .clipboard-copy {
    transition: all 0.3s ease;
    line-height: 1;
}

/* Navigation */
.post-single .post-single-nav {
    position: relative;
    margin: 40px 0 0;
}

.post-single .post-single-nav:before {
    content: '';
    height: 2px;
    width: 100%;
    background: #000;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: -1;
}

.post-single .post-single-nav a {
    font-size: var(--24px);
    font-weight: 700;
    color: #000;
    background: #fff;
}

.post-single .post-single-nav a:hover {
    color: var(--yellow);
}

.post-single .post-single-nav .nav-previous a {
    padding: 0 10px 0 0;
}

.post-single .post-single-nav .nav-next a {
    padding: 0 0 0 10px;
}

/* Related */
.post-single .post-single-related {
    padding: 100px 0 40px 0;
}

.post-single .post-single-related-header {
    text-align: center;
    margin: 0 0 60px;
}



/*--------------------------------------------------------------
Post - Search
--------------------------------------------------------------*/
/* Archive */
.search-archive {
    padding: 60px 0;
}

.search-archive .search-archive-header {
    text-align: center;
    margin: 0 0 40px;
}

.search-archive .search-archive-header h1 {
    margin: 0;
}

/* Entry */
.search-entry {
    display: block;
    background: #000;
    border-radius: 20px;
    padding: 20px 30px;
    margin: 0 0 20px;
    text-align: center;
    color: #fff;
}

.search-entry:hover {
    background: var(--yellow);
}

.search-entry .search-entry-type {
    font-size: var(--13px);
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 5px;
}

.search-entry .search-entry-title h2 {
    font-size: var(--24px);
    margin: 0 0 10px;
}



/*--------------------------------------------------------------
Site CTA
--------------------------------------------------------------*/
.site-footer-cta {
    padding: 140px 0 20px 0;
    background: #f4f4f4;
    text-align: center;
    position: relative;
    margin: 100px 0 0;
}

.site-footer-cta img {
    max-width: 200px;
    width: 200px;
    position: absolute;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
    filter: drop-shadow(0px 5px 20px #0000003D);
}

.site-footer-cta h2 {
    max-width: 700px;
    margin: 0 auto 15px auto;
}

.site-footer-cta h3 {
    margin: 0 0 15px;
}

.site-footer-cta p {
    max-width: 800px;
    margin: 0 auto;
    font-size: var(--18px);
}

.site-footer-cta a.button {
    margin: 30px 0 0;
}

@media (max-width: 768px) {
    .site-footer-cta {
        padding: 100px 0 20px 0;
        margin: 75px 0 0;
    }
    .site-footer-cta img {
        max-width: 150px;
        width: 150px;
        top: -75px;
    }
}



/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
.site-footer {
    background: #f4f4f4;
}

.site-footer.nocta {
    background: #fff;
    padding: 80px 0 0;
}

.site-footer .site-footer-shape {
    margin: 0 0 -10px;
}

.site-footer .site-footer-shape svg {
    max-height: 240px;
    height: 100%;
    margin: 0 auto;
}

/* Top */
.site-footer .footer-top {
    background: #000;
    padding: 60px 0 0;
}

.site-footer .footer-top-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.site-footer .footer-top-logo {
    padding: 0 0 30px;
}

.site-footer .footer-top-logo img {
    display: block;
    height: 60px;
    width: 100%;
}
.site-footer .social_link {
    padding: 0 0 30px 15px;
}
.site-footer .social_link ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}
.site-footer .social_link ul li {
    margin-left: 15px;
    min-width: 20px;
}

.site-footer .footer-top-navigation {
    padding: 0 0 30px;
}

.site-footer .footer-top-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.site-footer .footer-top-navigation ul li {
    margin: 0 0 0 30px;
}

.site-footer .footer-top-navigation ul li a {
    color: #fff;
}

.site-footer .footer-top-navigation ul li a:hover {
    color: var(--yellow);
}

@media (max-width: 768px) {
    .site-footer .footer-top {
        padding: 40px 0 0;
    }
    .site-footer .footer-top-row {
        flex-wrap: wrap;
        justify-content: center;
    }
    .site-footer .footer-top-navigation ul {
        flex-wrap: wrap;
        justify-content: center;
    }
    .site-footer .footer-top-navigation ul li {
        margin: 0 15px 10px 15px;
    }
}

/* Bottom */
.site-footer .footer-bottom {
    background: #fff;
    padding: 10px 0 0;
    font-size: var(--14px);
    font-weight: 300;
}

.site-footer .footer-bottom-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.site-footer .footer-bottom-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.site-footer .footer-bottom-links ul li {
    margin: 0 20px 10px 0;
}

.site-footer .footer-bottom-links ul li:last-of-type {
    margin: 0 0 10px 0;
}

.site-footer .footer-bottom-links ul li a {
    color: #000;
}

.site-footer .footer-bottom-links ul li a.active,
.site-footer .footer-bottom-links ul li a:hover {
    color: var(--yellow);
}

.site-footer .footer-bottom-copyright {
    padding: 0 0 10px;
    margin: 0 20px 0 auto;
}

.site-footer .footer-bottom-credits {
    padding: 0 0 10px;
}

.site-footer .footer-bottom-credits a {
    color: #000;
}

.site-footer .footer-bottom-credits a:hover {
    color: var(--yellow);
}

@media (max-width: 768px) {
    .site-footer .footer-bottom-row {
        flex-wrap: wrap;
        text-align: center;
    }
    .site-footer .footer-bottom-links {
        flex: 100%;
    }
    .site-footer .footer-bottom-links ul {
        justify-content: center;
    }
    .site-footer .footer-bottom-copyright {
        flex: 100%;
    }
    .site-footer .footer-bottom-credits {
        flex: 100%;
    }
}

@media (max-width: 400px) {
    h1.large-title {
        font-size: var(--40px);
    }
    h4.large-title {
        font-size: var(--40px);
    }
}
@media (max-width: 320px) {
    h1.large-title {
        font-size: var(--32px);
    }
    h4.large-title {
        font-size: var(--32px);
    }
}

/* Overrides */

.post-5047 .flex-fullwidth form{
  text-align: left;
}

.post-5047 .flexible-banner{
  border-bottom: 3px solid var(--yellow);
}

.post-5047 .flexible-banner.content-shadow:after{
  display: none;
}


form input[type="file"]{
  outline: none;
  display: inline-block;
  width: 100%;
  background: #fff;
  padding: 14px 20px;
  border: 1px dashed #aaa;
  margin-bottom: 10px;
  line-height: 20px;
  font-size: var(--16px);
}

.gform_wrapper .gform_fileupload_rules{
  padding: 0 !important;
  margin: 0 !important;
  font-size: 12px !important;
}