/*
Theme Name: OceanRE
Theme URI: https://www.ocean-re.com/
DESCRIPTION: OceanRE custom Wordpress theme
Version: 1.0
Author: Tonya Lawrence / webheads.co.uk
Author URI: https://webheads.co.uk
Tags: OceanRE
*/

/** reset **/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button{border:0;outline: none;font-size:100%;font:inherit;background: transparent; vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1; -webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:''; content:none;}
table{border-collapse:collapse;border-spacing:0}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/themes/oceanre/fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'),
        url('/wp-content/themes/oceanre/fonts/Montserrat-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/themes/oceanre/fonts/Montserrat-MediumItalic.woff2') format('woff2'),
        url('/wp-content/themes/oceanre/fonts/Montserrat-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/themes/oceanre/fonts/Montserrat-Light.woff2') format('woff2'),
        url('/wp-content/themes/oceanre/fonts/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/themes/oceanre/fonts/Montserrat-Regular.woff2') format('woff2'),
        url('/wp-content/themes/oceanre/fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/themes/oceanre/fonts/Montserrat-Medium.woff2') format('woff2'),
        url('/wp-content/themes/oceanre/fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/themes/oceanre/fonts/Montserrat-BoldItalic.woff2') format('woff2'),
        url('/wp-content/themes/oceanre/fonts/Montserrat-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/themes/oceanre/fonts/Montserrat-Italic.woff2') format('woff2'),
        url('/wp-content/themes/oceanre/fonts/Montserrat-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/themes/oceanre/fonts/Montserrat-LightItalic.woff2') format('woff2'),
        url('/wp-content/themes/oceanre/fonts/Montserrat-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/themes/oceanre/fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('/wp-content/themes/oceanre/fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/wp-content/themes/oceanre/fonts/Montserrat-Bold.woff2') format('woff2'),
        url('/wp-content/themes/oceanre/fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

:root {
  --montserrat: "Montserrat", sans-serif;
  --ocean-aqua: #00ADB1;
  --ocean-blue-dark: #232551;
  --blue-dark: #191B38;
  --grey-text: #50565B;
  --grey-light: #DBDCDD;
  --blue-light: #5F656B;
  --black: #000;
  --white: #fff;
}

/**
color:var(--yellow)
font-family:var(--alderwood)
background-color:var(--dark-greenop)
**/

/* general */

@view-transition {navigation: auto;}

/**
html {
  scroll-behavior: smooth;
}
  **/

/** #overall-wrapper { overflow:hidden; } **/
#overall-wrapper.noscroll { /** height: 100vh; **/ overflow: hidden; }
html.noscroll, html.noscroll body { overflow: hidden; position: relative; /** height: 100%; **/ }

html,body { /** overflow-x: hidden; **/   -webkit-tap-highlight-color: rgba(0,0,0,0); }
html { /** overflow-y: scroll; **/  overflow-y: scroll; }

body::-webkit-scrollbar, body *::-webkit-scrollbar { width: 10px; height: 10px; }
body::-webkit-scrollbar-thumb, body *::-webkit-scrollbar-thumb { background-color: var(--ocean-aqua); }
body::-webkit-scrollbar-track, body *::-webkit-scrollbar-track { background: var(--blue-dark); }
body *::-webkit-scrollbar { width: 9px; }
body *::-webkit-scrollbar-track {  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: rgba(25, 27, 56, 0.25); }
body *::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: rgba(0, 173, 177, 0.75); }

/** below copied to wp-admin.css - START **/

body { font: 400 1rem/162% var(--montserrat); letter-spacing: -0.02em; background: #fff; color: var(--grey-text); }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;        text-underline-offset: 3px; }
img, canvas, figure { max-width: 100%; height: auto; }

strong { font-weight: bold; }
em { font-style: italic; }

h1, h2, h3, h4, h5, h6, p { padding: 0 0 25px 0; }
h1, h2, h3, h4, h5, h6, .h1_styler, .h2_styler, .h3_styler {  }
h1, .h1_styler, .page_banners_slide_content h2 { font-weight: 300; font-size: 4.5rem; line-height: 80px; line-height: 111%; letter-spacing: -0.04em; /** 72px **/ } 
h2, .h2_styler { font-weight: 400; font-size: 3.5rem; line-height: 68px; line-height: 121%; letter-spacing: -0.04em; color: var(--ocean-blue-dark); /** 56px **/ } 
h3, .h3_styler { font-weight: 600; font-size: 1.375rem; line-height: 30px; line-height: 137%; letter-spacing: -0.025em; /** 22px **/ } 
h4 {  }
h5 {  }
p {  }
a { color: var(--grey); text-decoration: underline; transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease;    -webkit-font-smoothing: antialiased; }
a:hover { text-decoration: none; }
	a[href^="tel:"] { text-decoration: none !important; cursor: default; }

ul, ol { margin: 0 0 0 14px; padding: 0 0 20px 0; }
ul { list-style: disc; margin: 0 0 0 20px; }
ol { list-style: decimal; margin: 0 0 0 18px; }
ul li, ol li { padding: 0 0 10px 0; margin: 0;  padding: 0 0 5px 0; }
ul ul { padding: 10px 0 0 0; }
ul ul li { padding: 0 0 10px 0; }

table { margin: 0 0 15px 0; }
table td, table th { padding: 10px 5px; }

hr {  }

button { cursor: pointer; transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease;    -webkit-font-smoothing: antialiased; }

::-moz-selection { background-color: var(--ocean-aqua); color: var(--blue-dark); }
::selection { background-color: var(--ocean-aqua); color: var(--blue-dark); }

.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }

.button_cta { display:inline-block; margin-top: 15px; font-size:0.938rem; cursor: pointer; line-height:20px; font-weight: 600; letter-spacing: -0.01em; padding:15px 28px 15px 44px; background: url(/wp-content/themes/oceanre/images/arrow-right-green.svg) no-repeat 19px 50%; text-align:center; text-decoration: none; color:var(--ocean-aqua) !important; border: 1.5px solid var(--ocean-aqua); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.button_cta:hover, .form_list li.form_button .button_cta { background-color: var(--ocean-aqua); background-image: url(/wp-content/themes/oceanre/images/arrow-right-white.svg); padding:15px 44px 15px 28px; background-position: calc(100% - 19px) 50%; color: var(--white) !important; }
.form_list li.form_button .button_cta:hover { background-color: var(--blue-dark); border-color: var(--blue-dark);}
.arrow_cta { display: inline-flex; margin-top: 15px; font-size: 0.938rem; line-height:20px; font-weight: 600; letter-spacing: -0.025em; min-height: 39px; align-items: center; padding: 0 0 0 52px; background: url(/wp-content/themes/oceanre/images/arrow-right-circle-green.svg) no-repeat 0 50%; text-decoration: none; color:var(--ocean-aqua) !important; }
.arrow_cta:hover { padding: 0 52px 0 0; background-position:  100% 50%;}
.page_label { font-weight: 600; font-size: 0.875rem !important; line-height: 20px; line-height: 140% !important; letter-spacing: 0.04em !important; text-transform: uppercase; color: var(--ocean-aqua) !important;      padding: 0 0 10px 0;}
.logo_list { display: flex; gap: 20px; flex-wrap: wrap; align-items: center; padding: 35px 0 25px 0;}
.feature_txt { font-weight: 400; font-size: 1.875rem; line-height: 38px; line-height: 126%; letter-spacing: -0.04em; color: var(--ocean-blue-dark); }
.small_txt { font-weight: 400; font-size: 0.75rem; line-height: 16px; letter-spacing: -0.01em; }
.list_downloads { margin: 0; padding: 0 0 25px 0; list-style: none; list-style-image: none; display: flex; flex-wrap: wrap; gap: 40px;}
.list_downloads li { margin: 0; padding: 0; max-width: 188px;}
.list_downloads li a { font-weight: 600; display: block; background: url(/wp-content/themes/oceanre/images/icon-download.svg) 0 0 no-repeat; padding: 0 0 0 50px; text-decoration: none; color: var(--grey-text); font-size: 0.938rem; line-height: 20px;}
.list_downloads li a:hover { color: var(--ocean-blue-dark);}

/** below copied to wp-admin.css - END **/

/** general layout **/

.container { margin: 0 auto; width: 100%;   max-width: 2020px; padding: 0 40px; }
.container_capped { max-width:1178px; max-width: 1258px; }
.container_capped_small { max-width: 870px; max-width: 950px;}

@media all and (min-width: 1550px) {
    .container_capped { max-width: 1458px; }
    .container_capped_small { max-width: 1150px; }
}

input, textarea, #header_main, #header_main *, .page_builder_video_stats_list li article > div, .builder_downloads_list li, .builder_downloads_list li * { transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }

a.view-article { display: none; }

.clear { clear: both; }
.float_left, .alignleft { float: left; margin: 5px 35px 10px 0; }
.float_right, .alignright { float: right; margin: 5px 0 10px 35px; }
.no_padding { padding: 0; }

.embed-container { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; /* 16x9 Aspect Ratio */  max-width: 100%; height: auto; }
.embed-container-4x3 { padding-bottom: 75%; /* 4x3 Aspect Ratio */ }
.embed-container-square { padding-bottom: 100%; }
.embed-container-mobile { padding-bottom: 132%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top:0; left: 0; width: 100%; height: 100%; }
    .embed-container-wrapper { margin-top: 20px; margin-bottom: 40px; }

.disable_select { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

.pag_nav { display: block; clear: both; text-align: center; }
.pag_nav a { text-decoration: none; }

/** general form styles **/

form { margin: 0; }

input { outline: none !important; }
input, select, textarea { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font: inherit; }
input.text, select, textarea,  .sf-field-search input { padding: 11px 15px; margin: 0; border: 1px solid #fff; outline: none; background-color: #fff; font-weight: 500; font-size: 0.938rem; color: var(--ocean-blue-dark); }
select { /** min-height: 43px; padding: 0 10px; **/ }
label {  }
input.text, textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type='submit'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

::-webkit-input-placeholder { color: var(--ocean-blue-dark) !important; }
:-moz-placeholder { /* Firefox 18- */ color: var(--ocean-blue-dark) !important; }
::-moz-placeholder {  /* Firefox 19+ */ color: var(--ocean-blue-dark) !important; }
:-ms-input-placeholder { color: var(--ocean-blue-dark) !important; }

/** contact form **/

.form_list { margin: 0 auto; padding: 0; list-style: none; list-style-image: none; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 23px 16px; }
.form_list li { margin: 0; padding: 0; display: block; width: calc(50% - 13px); }
.form_list li.wide { width: 100%;}
.form_list li label { display: none; }
.form_list li .text, .form_list li textarea, .form_list li select { width: 100%; display: block; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.form_list li .text.wpcf7-not-valid { border-color: #E30428 !important; }
.form_list li textarea { height: 192px; }
.form_list li.form_button { display: flex; justify-content: space-between; align-items: center; gap: 20px 40px; }
.form_list li.form_button .button_cta { margin: 0; }
.form_list li.form_button small { font-size: 0.875rem; line-height: 22px; line-height: 158%; letter-spacing: -0.01em; max-width: 500px; }

.form_list li select, .searchandfilter select { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; width: 100%; background: url(/wp-content/themes/oceanre/images/arrow-down-select.svg) calc(100% - 16px) 50% no-repeat #fff; padding-right: 35px; }
.form_list li select::-ms-expand, .searchandfilter select::-ms-expand { display: none; }

.wpcf7-not-valid-tip { display: block; padding: 5px 0 0 0;  display: none !important; }
.wpcf7-not-valid-tip, .wpcf7-not-valid-tip * {  }
form.invalid .wpcf7-not-valid { /** background: #fbe122;  border: 1px solid #fbe122; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; **/ }

.wpcf7 form .wpcf7-response-output { clear: both; border: none; margin: 0; color:  var(--ocean-aqua); padding: 20px 0 0 0; text-align: left; font-weight: bold; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { color: #E10600; font-weight: bold; }

.form-hidden-fields { display: none !important; }
.wpcf7-spinner { display: none !important; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none;
    -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;  padding: 0; margin: 0; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px;  padding: 0; margin: 0; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

.slick-arrow { z-index: 10; z-index: 3; /** position: absolute; bottom: 0; left: 0; **/ background: url(/wp-content/themes/oceanre/images/arrow-left-scroller-grey.svg) center no-repeat; background-size: 53px 53px; border: none; outline: none; text-indent: -9999px; width: 53px; height: 53px; cursor: pointer;  transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }
.slick-arrow:hover {  }
.slick-prev.slick-arrow {  }
.slick-next.slick-arrow, .next-btn.slick-arrow { background-image: url(/wp-content/themes/oceanre/images/arrow-right-scroller-grey.svg); }
.slick-arrow.slick-disabled { /** opacity: 0.5; **/ }

            .slider-controls { position: absolute; bottom: 65px; left: 40px; right: 40px; left: 0; right: 0; }
                .slider-controls .container { display: flex; align-items: center; gap: 20px; }
            .progress-wrapper { position: relative; width: 53px; height: 53px; }
            .next-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; background: none; border: none; cursor: pointer; }
            .progress-svg { transform: rotate(-90deg); /* Start at the top */ }
            .progress-svg circle { fill: none; stroke-width: 2px; }
            .progress-svg .bg { stroke: transparent; }
            .progress-svg .bar { stroke: var(--ocean-aqua); stroke-linecap: round; transition: stroke-dashoffset 0.3s ease; }

.slick-dots { margin: 0; padding: 25px 0 0 0; list-style: none; list-style-image: none; display:flex; flex-wrap: wrap; align-items:center; justify-content:center; gap: 8px; }
.slick-dots li { margin: 0; padding: 0 !important; width: auto !important; float: none !important; }
.slick-dots li button { cursor: pointer; background: rgba(255,255,255,0.3); text-indent: -9999px; outline: none; border: none; padding: 0; width: 8px; height: 8px; line-height: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }
.slick-dots li button:hover, .slick-dots li.slick-active button { background: var(--ocean-aqua); }


.wobble { -webkit-animation: wobble 2.5s ease-out; -webkit-animation-iteration-count: infinite; }
@-webkit-keyframes wobble {
    0% {-webkit-transform: translate3d(0, 0, 0); }
    50% {-webkit-transform: translate3d(0, -10px, 0); }
    100% {-webkit-transform: translate3d(0, 0, 0); }    
}

    .hamburger { padding: 0; display: flex; gap: 0 10px; align-items: center; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; }
    .hamburger:hover { /** opacity: 0.7; **/ }
    .hamburger.is-active {  }

    .hamburger-box { width: 20px; height: 11px; top: 0; display: inline-block; position: relative; }
    .is-active .hamburger-box { top: 4px;}

    .hamburger-inner { display: block; top: 50%; top: 0; }
    .hamburger-inner, .hamburger-inner::after { width: 20px; height: 2px; background-color: var(--ocean-aqua); position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
    .hamburger-inner::after { content: ""; display: block; }
    .hamburger-inner::after { bottom: -8px; }

    .hamburger--spin .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    .hamburger--spin .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

    .hamburger--spin.is-active .hamburger-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    .hamburger--spin.is-active .hamburger-inner::after { bottom: 0 !important; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

    .hamburger-label { color: #fff; font-size:17px; line-height: 17px; font-weight:400; font-weight:300; letter-spacing: -0.01em; }

.margin_adjust { display: block; margin: -25px 0 0 0; }

/** header **/

#header_main { padding: 45px 0; position: fixed; position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 999999;}
#header_main .container { display: flex; /** align-items: center; **/ justify-content: space-between; /** padding: 0 50px; **/ }
#header_main #logo_oceanre { line-height: 7px; display: block; padding:  5px 0 0 0; }
#header_main_nav { position: relative;}
#header_main nav, .page_nav_holder .page_nav { background: #0000004D; position: relative; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); -webkit-border-radius: 26px; -moz-border-radius: 26px; border-radius: 26px; padding: 5px; }
#header_main nav ul, .page_nav_holder .page_nav ul { margin: 0; padding: 0; list-style: none; list-style-image: none; display: flex; /** align-items: center; **/ }
#header_main nav ul li, #header_main #header_main_nav > button, .page_nav_holder .page_nav ul li { margin: 0; padding: 0; font-weight: 500; font-size: 0.875rem; line-height: 145%; letter-spacing: -0.01em; }
#header_main nav ul li a, #header_main #header_main_nav > button, .page_nav_holder .page_nav ul li a { color: var(--white); text-decoration: none; display: block; padding: 10px 23px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
#header_main #header_main_nav > button { pointer-events: none; display: flex; align-items: center; gap: 0 19px; position: absolute; top: 0; right: 0; background: #0000004D; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); padding: 15px 23px; }
#header_main nav ul li:hover > a { background: rgba(255,255,255,0.3); }
#header_main nav ul li.menu_contact { order: 20;}
#header_main nav ul li.menu_contact:hover a { background: var(--ocean-aqua);}
#header_main nav ul li.menu_home a { text-indent: -99999px; overflow: hidden; width: 14px; background: url(/wp-content/themes/oceanre/images/icon-home.svg) center no-repeat; background-size: 16px auto;}
#header_main nav ul li.wpml-ls-item a { padding-left: 10px; padding-right: 40px; text-transform: uppercase; color: var(--ocean-aqua); font-weight: 600; background: url(/wp-content/themes/oceanre/images/arrow-down-aqua.svg) no-repeat calc(100% - 15px) 50% !important; }
#header_main nav ul li.wpml-ls-item ul { /** padding: 0 !important; position: absolute; **/ padding-top: 0 !important; }
#header_main nav ul li.wpml-ls-item li a { background-image: none !important; color: var(--white); } 
        #header_main nav ul li.wpml-ls-item .menu-item.mobile-overview { display: none !important;}
#header_main nav, #header_main #header_main_nav > button, #header_main nav ul li ul { transition: all .6s ease; -o-transition: all .6s ease; -moz-transition: all .3s ease; -webkit-transition: all .6s ease; }

.page_nav_holder .page_nav { background: #0000000D; overflow: auto;}
.page_nav_holder .page_nav ul li { white-space: nowrap;}
.page_nav_holder .page_nav ul li a { color: var(--grey-text);}
.page_nav_holder .page_nav ul li a.active { background: var(--white); color: var(--ocean-blue-dark);}

/** @media all and (min-width: 1151px) { */
@media all and (min-width: 1191px) {
    #header_main nav { opacity: 0; z-index: -1; visibility: hidden; pointer-events: none; }
    #header_main:hover #header_main_nav nav { opacity: 1; z-index: 1; visibility: visible; pointer-events: auto; }
    #header_main:hover #header_main_nav > button { opacity: 0; /** pointer-events: none; **/ visibility: hidden;} /** #header_main_nav:hover **/
    #header_main nav ul li.wpml-ls-item a { max-width: 82px; }
    #header_main nav ul li a, #header_main #header_main_nav > button { text-align: center;}
}

#header_main nav ul li ul { flex-direction: column; opacity: 0; visibility: hidden; z-index: -1; pointer-events: none; height: 0; overflow: hidden;  max-height: 0; }
#header_main nav ul li ul li { }
#header_main nav ul li ul li a { padding: 6px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: rgba(255,255,255,0.5); }
#header_main nav ul li ul li a:hover { color: var(--white); background: transparent;}
#header_mainxxxx nav ul li:hover ul, #header_main nav ul li.touch-open ul { opacity: 1; visibility: visible; z-index: 1; pointer-events: auto; height: auto; padding: 10px 0; max-height: 500px; }

@media (hover: hover) {
    #header_main nav ul li:hover ul { opacity: 1; visibility: visible; z-index: 1; pointer-events: auto; height: auto; padding: 10px 0; max-height: 500px; }
}

/** banner **/

.page_banners { background: var(--blue-dark); position: relative;}
.page_banner, .page_banners_slide { position: relative; background-color: var(--ocean-blue-dark); background-color: var(--blue-dark);  background-position: center; background-size: cover; background-repeat: no-repeat; }
.page_banners_slide video, .page_builder_video_stats video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.page_banners_slide .container, .page_banner .container { min-height: 100svh; padding-top: 140px; padding-bottom: 140px; display: flex; flex-direction: column; justify-content: center; }
.page_banner.page_banner_img .container { min-height: 80svh; }
.page_banner:not(.page_banner_img) .container { min-height: unset; padding-top: 200px; padding-bottom: 50px;}
.page_banners_slide_content, .page_banner_content { max-width: 585px; position: relative; z-index: 1;       max-width: 600px;       max-width: 770px;}
    .page_banner:not(.page_banner_img) .page_banner_content { max-width: 100%;}
.page_banners_slide_content *, .page_banner_content *, .page_banner_contact * { color: var(--white);}
.page_banners_slide_content h1, .page_banners_slide_content h2 { padding: 0 0 45px 0;}
.page_banners_slide_content p, .page_banner_content p { font-size: 1.125rem; line-height: 155%; letter-spacing: -0.025em;       max-width: 600px; }

.page_banners .slick-track { display: flex !important; }
.page_banners .slick-slide { height: inherit !important; }

.page_nav_holder { position: relative; padding: 30px 0 0 0; }
.page_nav_holder > .container { display: flex; justify-content: center; position: sticky; top: 19px; z-index: 9999; }

/** page builder **/

.page_builder { padding: 115px 0;}
.page_builder.page_builder_padding_no { padding: 0 !important; }
.page_builder.page_builder_padding_no-top { padding-top: 0 !important; }
.page_builder.page_builder_padding_no-bottom { padding-bottom: 0 !important; }

.page_builder_content { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 30px 0;            gap: 0;}
/** .page_builder_content .page_label { width: 100%;} **/
.page_builder_content .page_builder_content_heading { width: 51.5%; padding: 0 50px 0 0; }
.page_builder_content .page_builder_content_info { width: 48.5%;}
    .page_builder_stats .page_builder_content { gap: 30px 0; }    
.page_builder_stats .page_builder_content .page_builder_content_heading { width: 44%;       margin-bottom: -25px;}
    .page_builder_team .page_builder_content .page_builder_content_heading h3 { font-weight: 400; font-size: 1.875rem; line-height: 38px; line-height: 125%; letter-spacing: -0.04em;  }

    .page_builder_content.builder_bkg_grey, .page_builder_cols.builder_bkg_grey { background: #EEEEEEEE; background: background: rgba(219, 220, 221, 0.25); }

.page_builder_accordion_img { overflow: hidden;}
.page_builder_accordion_img .slider-controls { display: none; }
.page_builder_accordion_list, .page_builder_accordion_list *:not(.button_cta) { transition: all 1.2s ease; -o-transition: all 1.2s ease; -moz-transition: all 1.2s ease; -webkit-transition: all 1.2s ease; }
.page_builder_accordion_list { margin: 0 -6px; padding:60px 0 0 0; gap: 12px 0; list-style: none; list-style-image: none; display: flex; justify-content: center; /** width: 100%; **/ height: 480px; height: 540px;}
.page_builder_accordion_list li { margin: 0; padding: 0 6px; width: 25%; }
.page_builder_accordion_list li article { height: 100%; position: relative; padding: 33px; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; }
.page_builder_accordion_list li article::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); pointer-events: none; }
.page_builder_accordion_list li * { color: var(--white);}
.page_builder_accordion_list li h3 { position: relative; z-index: 1; padding: 0 0 20px 0; }
.page_builder_accordion_list li article > div { position: relative; z-index: 1; }
.page_builder_accordion_list li article > div p:last-child {padding:0;}
.page_builder_accordion_list .button_cta { background: transparent; padding: 11px 28px 11px 28px; border-color: rgba(255,255,255,0.3); font-weight: 500; margin:0;  color: var(--white) !important; }
.page_builder_accordion_list .button_cta:hover { background: var(--ocean-aqua); border-color: var(--ocean-aqua); }

.page_builder_accordion_list .slick-track, .page_builder_sticky_banners .slick-track { display: flex !important; }
.page_builder_accordion_list .slick-slide, .page_builder_sticky_banners .slick-slide { height: inherit !important; }

.page_builder_video_stats { padding-bottom: 270px; position: relative; overflow: hidden;}
.page_builder_video_stats * { color: var(--white);}
.page_builder_video_stats .container { position: relative; z-index: 1;}
.page_builder_video_stats_list { margin:0 -15px; padding: 60px 0 0 0; list-style: none; list-style-image: none; }
.page_builder_video_stats_list li { margin:0; padding: 0 15px;}
.page_builder_video_stats_list li article { border: 1px solid rgba(255,255,255,0.2); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; overflow: hidden; position: relative;}
.page_builder_video_stats_list li article > div { padding: 30px; display: flex; flex-direction: column; justify-content: space-between; }
.page_builder_video_stats_list li article > div h3 { font-size: 1rem; line-height: 32px; line-height: 145%; letter-spacing: -0.04em; }
.page_builder_video_stats_list li article > div p { padding: 0; color: var(--white);}
.page_builder_video_stats_list li article > div:nth-child(1) { position: absolute; inset: 0; /** background: rgba(255,255,255,0.2); **/ background: #FFFFFF1A; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);      -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.page_builder_video_stats_list li article > div:nth-child(2) { position: relative; z-index: 1; min-height: 267px; background: var(--ocean-aqua); opacity: 0; visibility: hidden; overflow: hidden; pointer-events: none; }
.page_builder_video_stats_list li article > div:nth-child(1) p { font-weight: 300; font-size: 4.5rem; /** 72px **/ line-height: 32px; line-height: 100%; letter-spacing: -0.04em; }
.page_builder_video_stats_list li article > div:nth-child(2) p {  font-size: 0.875rem; line-height: 20px; line-height: 143%; letter-spacing: -0.04em; }
.page_builder_video_stats_list li article:hover > div:nth-child(2) { opacity: 1; visibility: visible; pointer-events: auto; }

.page_builder_video_stats .slick-list { overflow: visible;}

.page_builder_content_info_stats { margin: 0; padding: 0 0 25px 0; padding: 0; list-style: none; list-style-image: none; display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px 50px;}
.page_builder_content_info_stats li { margin: 0; padding: 0 0 20px 0; border-bottom: 1px solid var(--grey-light); }
.page_builder_content_info_stats li.full { grid-column: 1 / -1; }
.page_builder_content_info_stats li strong { display: block; font-weight: 400; font-size: 5rem; font-size: 4.1rem; line-height: 100%; letter-spacing: -0.03em; color: var(--ocean-blue-dark); padding: 0 0 15px 0; }
.page_builder_content_info_stats li.full { font-weight: 600; }
.page_builder_content_info_stats li.full strong { padding: 0 0 25px 0; font-size: 7.5rem; line-height: 100%; letter-spacing: -0.01em; background: linear-gradient(90deg, var(--ocean-blue-dark) 0%, var(--ocean-aqua) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }

.page_builder_sticky_banners { position: relative;}
.page_builder_sticky_banners .slider-controls { display: none;}
.page_builder_sticky_banner { position: sticky; top: 40px; /** min-height: calc(70svh - 80px); **/ max-height: calc(100svh - 80px); /** display: flex; align-items: center; **/ display: flex; flex-direction: column; justify-content: center;  padding: 100px 55px; margin-bottom: 40px; margin-bottom: 100px;  background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; overflow: hidden; }
    .page_builder_sticky_banners .page_builder_sticky_banner:last-of-type { margin-bottom: 0;}
.page_nav_holder .page_builder_sticky_banner { top: 90px; /** min-height: calc(70svh - 130px); **/ max-height: calc(100svh - 130px); /** submenu is 50px high and this cant overspill onto 2 lines **/ }

.page_builder_sticky_banner::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: linear-gradient(90deg, rgba(8, 8, 8, 0.4) 0%, rgba(8, 8, 8, 0.4) 20%, rgba(8, 8, 8, 0) 100%); pointer-events: none; }
.page_builder_sticky_banner_right::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: linear-gradient(270deg, rgba(8, 8, 8, 0.4) 0%, rgba(8, 8, 8, 0.4) 20%, rgba(8, 8, 8, 0) 100%); pointer-events: none; }

            .page_builder_sticky_banners_1 .page_builder_sticky_banner { position: relative; top: auto !important; max-height: unset !important; }

.page_builder_sticky_banner_info { width: 50%; max-height: 100%; overflow: auto;             /** position: absolute; top: 50%; transform: translateY(-50%); max-height: calc(100% - 110px); width: calc(50% - 55px); padding-right: 55px; **/       padding-left: 20px; }
.page_builder_sticky_banner_right .page_builder_sticky_banner_info { margin-left: auto;       /** right: 0; **/         padding-left: 0; padding-right: 20px; }
.page_builder_sticky_banner_info * { color: var(--white);}
.page_builder_sticky_banner_info > :last-child { padding-bottom: 0;}
.page_builder_sticky_banner_info .page_builder_sticky_banner_count { color: #F7A600; font-weight: 400; font-size: 1.5rem; line-height: 44px; line-height: 100%; letter-spacing: 0.05em; padding: 0 0 10px 0; }
.page_builder_sticky_banner_info h2, .page_builder_sticky_banner_info h3 { font-weight: 400; font-size: 2.875rem; line-height: 56px; line-height: 121%; letter-spacing: -0.04em; }
.page_builder_sticky_banner_info .page_builder_sticky_banner_mob_img { display: none;}

.page_builder_team { background: var(--blue-dark);  padding-bottom: 270px; position: relative; }
.page_builder_team .slider-controls { bottom: 170px; }
.page_builder_team * { color: var(--white);}
    .page_builder_team.page_builder_padding_no-bottom { padding-bottom: 30px !important;}
    .page_builder_team.page_builder_padding_no-bottom .slider-controls { bottom: -99px; bottom: -69px; }

.page_builder_team_holder { position: relative; }
.page_builder_team_holder::after { content: ""; position: absolute; top: 0; left: 0; width: 300px; height: 100%; z-index: 1; background: linear-gradient(90deg, rgba(25, 27, 56, 1) 0%, rgba(25, 27, 56, 0) 100%);  pointer-events: none; }
.page_builder_team_holder::before { content: ""; position: absolute; top: 0; right: 0; width: 300px; height: 100%; z-index: 1; background: linear-gradient(270deg, rgba(25, 27, 56, 1) 0%, rgba(25, 27, 56, 0) 100%); pointer-events: none;  }
.page_builder_team_list { margin: 0 -15px; padding:35px 0 0 0; list-style: none; list-style-image: none;}
.page_builder_team_list li { margin: 0; padding:0 15px;}
.page_builder_team_list li article { position: relative; line-height: 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; overflow: hidden; }
.page_builder_team_list li article::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; background: linear-gradient(0deg, 
    rgba(0, 0, 0, 0.5) 0%, /** rgba(0, 0, 0, 0.5) 40%,  **/
    rgba(0, 0, 0, 0) 100%); pointer-events: none; /* Allows clicks to pass through to links underneath */
}
.page_builder_team_list li article img { width: 100%; height: auto;}
.page_builder_team_list li article > div { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 30px; z-index: 2; }
.page_builder_team_list li article > div h4 { font-weight: 400; font-size: 1rem; line-height: 26px; letter-spacing: -0.025em; text-align: center; padding: 0; }
.page_builder_team_list li article > div h4 strong { display: block; font-weight: 600; }

.page_builder_foundations { overflow-x: hidden;}
.page_builder_foundations .container { position: relative; }

.page_builder_foundations_content { text-align: center; max-width: 80%; max-width: 800px; margin: 0 auto;       min-height: 705px; display: flex; flex-direction: column; justify-content: center;}
.page_builder_foundations_content h2 { font-weight: 500; font-size: 2.125rem; line-height: 42px; line-height: 124%; letter-spacing: -0.03em; }
.page_builder_foundations_gallery { margin: 0; padding: 0; list-style: none; list-style-image: none; position: absolute; inset: 0; pointer-events: none; }
.page_builder_foundations_gallery .gallery_item {margin: 0; padding:0; line-height: 7px; position: absolute;}
.page_builder_foundations_gallery .gallery_item img { width: 100%; height: auto; display: block; transition: filter 2s ease; -webkit-border-radius: 34px; -moz-border-radius: 34px; border-radius: 34px; -webkit-border-radius: 25%; -moz-border-radius: 25%; border-radius: 25%;}

/* Positioning the 10 images to match your staggered design */
/* TOP LEFT CLUSTER */
.item-0 { width: 10%; top: 12%; left: 2%;  } 
.item-1 { width: 8.5%; top: 0; left: 23%; }
.item-4 { width: 4.5%; top: 53%; left: 9%;  }
.item-5 { width: 8.5%; top: 75%; left: 7%; }

/* TOP RIGHT CLUSTER */
.item-2 { width: 4%; top: 4%; left: 65%; }
.item-3 { width: 10%; top: 1%; left: 76%; }
.item-6 { width: 4%;  top: 43%; left: 86%; }

/* BOTTOM RIGHT CLUSTER */
.item-7 { width: 7%;  top: 48%; left: 92%; }
.item-8 { width: 9%; top: 72%; left: 82%; }
.item-9 { width: 6%; top: 68%; left: 20%; }

.item-2 img, .item-4 img, .item-6 img { -webkit-border-radius: 15px !important; -moz-border-radius: 15px !important; border-radius: 15px !important; }
.item-9 img { -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; border-radius: 20px !important; }

.item-2 img, .item-4 img, .item-6 img { -webkit-border-radius: 21% !important; -moz-border-radius: 21% !important; border-radius: 21% !important; }
.item-9 img { -webkit-border-radius: 17% !important; -moz-border-radius: 17% !important; border-radius: 17% !important; }

/**

@keyframes breatheBlur {
    0%, 100% { filter: blur(0px); opacity: 1; }
    50% { filter: blur(12px); opacity: 0.6; }
}

.gallery_item {
    animation: breatheBlur 10s infinite ease-in-out;
}

.item-0, .item-3, .item-5, .item-8 { animation-delay: 0s; }
.item-1, .item-4, .item-7 { animation-delay: 2s; }
.item-2, .item-6, .item-9 { animation-delay: 4s; }

**/

@keyframes breatheBlur {
    0%, 100% { 
        filter: blur(0px); 
        opacity: 1; 
        transform: scale(1); /* Original size */
    }
    50% { 
        filter: blur(12px); 
        opacity: 0.6; 
        transform: scale(0.85); /* Shrinks by 5% */
    }
}

.gallery_item { animation: breatheBlur 10s infinite ease-in-out; transform-origin: center center; will-change: transform, filter; }

.item-0, .item-3, .item-5, .item-8 { animation-delay: 0s; }
.item-1, .item-4, .item-7 { animation-delay: 2s; }
.item-2, .item-6, .item-9 { animation-delay: 4s; }

.page_builder_accordion_info:not(.builder_accordion_info_2) { background: var(--blue-dark);}
.page_builder_accordion_info:not(.builder_accordion_info_2) * { color: var(--white);}
.builder_accordion_info_2 { background:  rgba(219, 220, 221, 0.25);}
.builder_accordion_info_2.builder_bkg_white { background: var(--white); }
.page_builder_accordion_info_flex { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 40px 0;}
.page_builder_accordion_info_flex_info { width: 54.4%; padding: 25px 63px 0 0;}
.page_builder_accordion_info_flex_img { width: 45.6%;}

.page_builder_accordion_info_flex_info_imgs * { transition: all .6s ease; -o-transition: all .6s ease; -moz-transition: all .6s ease; -webkit-transition: all .6s ease; }
.page_builder_accordion_info_flex_info > p:last-child { padding: 40px 0 0 0;}
.page_builder_accordion_info_flex_info > p:last-child .button_cta { margin: 0;}
.page_builder_accordion_info_flex_info_accordion, .page_builder_accordion_info_flex_info_imgs { margin:0; padding: 0; list-style: none; list-style-image: none;}
.page_builder_accordion_info_flex_info_accordion { padding-top: 15px; border-bottom: 1.5px solid rgba(255,255,255,0.1);}
.page_builder_accordion_info_flex_info_accordion > li { margin: 0; padding: 0; border-top: 1.5px solid rgba(255,255,255,0.1);}
.page_builder_accordion_info_flex_info_accordion > li h3 { padding: 24px 0; font-size: 1.125rem; line-height: 27px; line-height: 155%; cursor: pointer; }
.page_builder_accordion_info_flex_info_accordion > li .hover { display: none;}
.page_builder_accordion_info_flex_info_accordion > li .hover ul { padding: 0 0 15px 0; margin-top: -10px; }
.page_builder_accordion_info_flex_info_imgs { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: var(--ocean-aqua); }
.page_builder_accordion_info_flex_info_imgs li { margin: 0; padding: 0; line-height: 7px; height: 0; overflow: hidden; visibility: hidden; opacity: 0; position: relative;}
.page_builder_accordion_info_flex_info_imgs li img { width: 100%; height: auto; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.page_builder_accordion_info_flex_info_imgs li.active { height: auto; visibility: visible; opacity: 1;}
.page_builder_accordion_info_flex_info_imgs li > div { position: absolute; inset: 0; padding: 35px; display: flex; align-items: flex-end;}
.page_builder_accordion_info_flex_info_imgs li > div * { color: var(--white);}
.page_builder_accordion_info_flex_info_imgs li > div p { padding: 0; line-height: 163%;}
.page_builder_accordion_info_flex_info_imgs li > div p strong { display: block;}
.page_builder_accordion_info_flex_info_imgs li > div p:not(:nth-child(1)) { padding: 0 0 10px 0;}

.page_builder_accordion_info_flex_info_accordion > li .hover { display: block; max-height: 0; opacity: 0; overflow: hidden; transition: max-height 1s ease, opacity 1s ease, padding 1s ease; }
.page_builder_accordion_info_flex_info_accordion > li.active-li .hover { max-height: 500px; /* Value larger than your content */ opacity: 1; /* padding-bottom: 25px; */ }

.page_builder_accordion_info_flex_info h2:not(.page_label) { font-size: 2.875rem; line-height: 56px; line-height: 121%; letter-spacing: -0.04em; }
.builder_accordion_info_2 .page_builder_accordion_info_flex_info_accordion > li h3 { color: var(--ocean-blue-dark); }
.builder_accordion_info_2 .page_builder_accordion_info_flex_info_accordion, .builder_accordion_info_2 .page_builder_accordion_info_flex_info_accordion > li { border-color: var(--grey-light);}

.page_builder_testimonials_banner { position: relative;}
.page_builder_testimonials_banner_scroller { margin:0; padding: 0; list-style: none; list-style-image: none;}
.page_builder_testimonials_banner_scroller li { margin: 0; padding: 0;}
.page_builder_testimonials_banner_scroller li article { position: relative; min-height: 667px; display: flex; align-items: center; padding: 60px; padding: 140px 60px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
.page_builder_testimonials_banner_scroller li article video { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; object-position: center; }
.page_builder_testimonials_banner_scroller li article * { color: var(--white);}
.page_builder_testimonials_banner_scroller li article::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: 1; pointer-events: none; }
.page_builder_testimonials_banner_scroller_flex { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 40px 0; position: relative; z-index: 2; width: 100%; max-width: 1275px; margin: 0 auto;}
.page_builder_testimonials_banner_scroller_flex_logo { width: 33.3%; padding: 60px 50px 0 0; }
.page_builder_testimonials_banner_scroller_flex_info { width: 66.7%; }
.page_builder_testimonials_banner_scroller_flex_logo img { width: 100%; height: auto; max-width: 265px; max-height: 190px; object-fit: contain; object-position: top left;         /** background: rgba(255, 255, 255, 0.45); padding: 20px; border-radius: 10px; **/ }
.page_builder_testimonials_banner_scroller_flex_info p { font-size: 0.875rem; font-weight: 600; letter-spacing: -0.02em; padding: 0 0 40px 0; max-width: 760px; }
.page_builder_testimonials_banner_scroller_flex_info p img { display: block; padding: 0 0 25px 0;}
.page_builder_testimonials_banner_scroller_flex_info p:first-of-type { font-weight: 400; font-size: 1.75rem; line-height: 36px; letter-spacing: -0.03em; }
.page_builder_testimonials_banner_scroller_flex_info p:last-of-type { padding: 0; }
.page_builder_testimonials_banner .slider-controls { bottom: 160px; left: 60px;}

.page_builder_downloads .page_builder_content .page_builder_content_heading, .page_builder_content2 .page_builder_content .page_builder_content_heading { width: calc(33.33333333333333% - 15px); width: 31.7%; /** width: 31.8%; **/ }
.page_builder_downloads .page_builder_content .page_builder_content_info, .page_builder_content2 .page_builder_content .page_builder_content_info { width: calc(66.66666666666667% - 15px); width: 65.8%; /** width: 65.9%; **/ }
.builder_downloads_list { margin:0; padding:75px 0 0 0; list-style: none; list-style-image: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.builder_downloads_list li { position: relative; display: flex; flex-direction: column; justify-content: space-between; margin:0; padding:30px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 1px solid var(--ocean-aqua); background: url(/wp-content/themes/oceanre/images/icon-download.svg) 30px calc(100% - 30px) no-repeat; }
.builder_downloads_list li p { font-weight: 500; line-height: 22px; line-height: 140%; letter-spacing: -0.01em; }
.builder_downloads_list li p strong { display: block; color: var(--ocean-blue-dark); font-weight: 700; padding: 0 0 15px 0; font-size: 2rem; line-height: 110%; }
.builder_downloads_list li p.builder_downloads_list_label { padding:0 0 0 50px; font-size: 0.875rem; line-height: 22px; opacity: 0; }
.builder_downloads_list li a { display: block; position: absolute; inset: 0; text-indent: -9999px; overflow: hidden;}
.builder_downloads_list li:hover { background-color: var(--ocean-aqua); background-image: url(/wp-content/themes/oceanre/images/icon-download-over.svg);}
.builder_downloads_list li:hover * { color: var(--white);}
.builder_downloads_list li:hover p:last-of-type { opacity: 1;}

.page_banner_contact .container { padding-bottom: 60px; padding-top: 240px; min-height: unset; }
.page_banner_contact .builder_downloads_list { padding: 40px 0 0 0;}
.page_banner_contact .builder_downloads_list li { border-color: #00ADB14D; background-image: url(/wp-content/themes/oceanre/images/arrow-down.svg);  min-height: 220px; padding-bottom: 90px;}
.page_banner_contact .builder_downloads_list li * { color: var(--white);}
.page_banner_contact .builder_downloads_list li p strong { letter-spacing: -0.03em; }
.page_banner_contact .builder_downloads_list li p:last-of-type { padding: 0; }
.page_banner_contact .builder_downloads_list li:hover { background-image: url(/wp-content/themes/oceanre/images/arrow-down-white.svg);}

.page_builder_downloads_base { padding: 30px 0 0 0;}

@media all and (min-width: 1301px) {
    .page_builder_imgtxt_sticky { position: relative;}
    .page_builder_imgtxt_sticky article { position: sticky; top: 40px; background: var(--white); padding: 70px; margin-bottom: 40px; margin-bottom: 100px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0px 0px 49px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 49px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 49px 0px rgba(0,0,0,0.1); }
    .page_nav_holder .page_builder_imgtxt_sticky article { top: 90px; }

    .page_builder_imgtxt_sticky article .page_builder_imgtxt_img img { max-height: calc(100svh - 300px); object-fit: cover; object-position: center; }

    .sticky_panel_anchor { position: relative; top: -40px; height: 0; } /** fixed scroll to sticky issues **/
    .page_nav_holder .sticky_panel_anchor { top: -90px; }
}

.page_builder_imgtxt_stacked { display: flex; flex-direction: column; gap: 80px 0;}

.page_builder_imgtxt article { display: flex; flex-wrap: wrap; /** align-items: center; **/ gap: 40px 0;}
.page_builder_imgtxt article h2 { font-size: 2.875rem; }
.page_builder_imgtxt article .page_builder_imgtxt_txt { width: 52.3%; padding: 0 60px 0 0; }
.page_builder_imgtxt article .page_builder_imgtxt_img { width: 47.7%; line-height: 7px; }
.page_builder_imgtxt article .page_builder_imgtxt_img img { width: 100%; height: auto; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;      border-radius: 20px; aspect-ratio: 1 / 1; object-fit: cover;    object-position: 90% 50%; }

.page_builder_imgtxt article.img-txt { flex-direction: row-reverse;}
.page_builder_imgtxt article.img-txt .page_builder_imgtxt_txt { padding: 0 0 0 60px;}

.builder_banner_blue_content { position: relative; overflow: hidden; text-align: center; padding: 55px; margin: 0 auto; background: url(/wp-content/themes/oceanre/images/bkg-pattern.png) 0 30px var(--blue-dark); background-size: 250px auto; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; min-height: 470px; display: flex; flex-direction: column; justify-content: center; }
    .reduced .builder_banner_blue_content { max-width: 1095px; }
.builder_banner_blue_content::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, #0F113E 0%, rgba(15, 17, 62, 0) 100%); background: linear-gradient(to top, #0F113E 0%, rgba(15, 17, 62, 0) 80%); pointer-events: none; z-index: 1; }
.builder_banner_blue_content * { color: var(--white);}
.builder_banner_blue_content ul, .builder_banner_blue_content ol, .builder_banner_blue_content h2, .builder_banner_blue_content h3, .builder_banner_blue_content p { max-width: 913px; margin: 0 auto; position: relative; z-index: 2;}
    .builder_banner_blue_content p { max-width: 760px; color: rgba(255,255,255,0.75); }
.builder_banner_blue_content h2, .builder_banner_blue_content h3 { font-weight: 700; font-size: 2.875rem; /** 46px **/ line-height: 56px; line-height: 121%; letter-spacing: -0.01em; }
.builder_banner_blue_content p { font-size: 1.125rem; line-height: 28px; line-height: 155%; letter-spacing: -0.025em; }

.reduced .builder_banner_blue_content ul, .reduced .builder_banner_blue_content ol, .reduced .builder_banner_blue_content h2, .reduced .builder_banner_blue_content h3, .reduced .builder_banner_blue_content p { max-width: 774px; }

.builder_offices_list { margin: 0; padding:0; list-style: none; list-style-image: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 30px; }
.builder_offices_list li { margin: 0; padding: 0; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; overflow: hidden; box-shadow: 0px 0px 35px -12px rgba(0,0,0,0.18); -webkit-box-shadow: 0px 0px 35px -12px rgba(0,0,0,0.18); -moz-box-shadow: 0px 0px 35px -12px rgba(0,0,0,0.18); }
.builder_offices_list li .builder_offices_list_img { padding: 0; line-height: 7px;}
.builder_offices_list li .builder_offices_list_img picture { width: 100%;}
.builder_offices_list li .builder_offices_list_img img { width: 100%; height: 165px; object-fit: cover; object-position: center;}
.builder_offices_list li > div { padding: 30px; }
.builder_offices_list li h2 { font-weight: 600; font-size: 1.125rem; /** line-height: 22px; **/ letter-spacing: -0.025em; }
.builder_offices_list li p { display: flex; flex-wrap: wrap; gap: 5px 20px; font-size: 0.875rem; line-height: 22px; line-height: 157%; letter-spacing: -0.025em; }
.builder_offices_list li p:last-child { padding:0;}
.builder_offices_list li p strong { font-weight: 600; color: var(--blue-dark); width: 85px;}
.builder_offices_list li p span { width: calc(100% - 105px);}

.page_builder_contact { background: rgba(219,220,221,0.25); }
.page_builder_contact .container { display: flex; justify-content: space-between; flex-wrap: wrap;}
.page_builder_contact_left { width: 34%; padding: 0 40px 0 0; }
.page_builder_contact_right { width: 66%; }
.page_builder_contact h2{ font-weight: 700; font-size: 2.875rem; /** 46px **/ line-height: 56px; line-height: 121%; letter-spacing: -0.01em; }

.page_builder_icons4 ul { margin: 0; padding: 0; list-style: none; list-style-image: none; display: flex; flex-wrap: wrap; justify-content: center; width: 100%; gap: 30px 60px;}
.page_builder_icons4 ul li { margin: 0; padding: 0; width: calc(25% - 45px); text-align: center;}
.page_builder_icons4 ul li .page_builder_icons4_icon { padding: 0 0 5px 0;}
.page_builder_icons4 ul li .page_builder_icons4_icon img { max-height: 75px; width: auto; max-width: 100%; object-fit: contain; }
.page_builder_icons4 ul li a { text-decoration: none; color: var(--ocean-aqua);}
.page_builder_icons4 ul li a:hover { text-decoration: underline;}
.page_builder_icons4 ul li strong { font-weight: 600; }
.page_builder_icons4 ul li p:last-of-type { padding: 0; }

.page_builder_global { background: #1A1C39; background: var(--blue-dark);}
.page_builder_global * { color: var(--white);}
.page_builder_global_nav { text-align: center; padding: 0 0 35px 0; }
.page_builder_global_nav ul { margin: 0; padding: 0; list-style: none; list-style-image: none; display: flex; justify-content: center; flex-wrap: wrap;}
.page_builder_global_nav ul li { margin: 0; padding: 0; font-weight: 500; font-size: 0.875rem; line-height: 120%; letter-spacing: -0.025em; }
.page_builder_global_nav ul li a { display: block; padding: 8px 16px; color: rgba(255,255,255,0.3); border-bottom: 1px solid rgba(255,255,255,0.4); text-decoration: none; }
.page_builder_global_nav ul li a.active { color: var(--white); border-bottom-color: var(--white);}
.page_builder_global_nav ul li a:hover { color: var(--white);}

.page_builder_global_content { opacity:0; height:0; overflow:hidden; visibility:hidden; z-index:-1;     position: relative; text-align: center;  transition: all .6s ease; -o-transition: all .6s ease; -moz-transition: all .6s ease; -webkit-transition: all .6s ease; }
.page_builder_global_content.open { opacity:1; height:auto; overflow:visible; visibility:visible; z-index:1; }

.page_builder_global_content > img { width: 100%; height: auto;}
.page_builder_global_content_info { position: absolute; max-height: 100%; overflow: auto; text-align: left; width: 380px; padding: 40px 30px; border: 1px solid rgba(255,255,255,0.2); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.page_builder_global_content_info { font-size: 0.875rem; line-height: 22px; line-height: 158%;}
.page_builder_global_content_info h3 { font-size: 2rem; line-height: 123%; letter-spacing: -0.03em; padding: 0 0 20px 0;}
.page_builder_global_content_info a { text-decoration: none; color: var(--ocean-aqua);}
.page_builder_global_content_info a:hover { text-decoration: underline;}
.page_builder_global_content_info p:last-child { padding-bottom: 0;}

.page_builder_global_label { position: absolute; top: 50px; right: 70px; width: 163px; height: 163px; padding: 25px; display: flex; align-items: center; justify-content: center; border: 2px solid var(--ocean-aqua); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.page_builder_global_label * { padding: 0; font-weight: 400; font-size: 1.063rem; line-height: 145%; letter-spacing: -0.025em; }
.page_builder_global_label strong { font-weight: bold !important;}

.page_builder_testimonials { text-align: center;}
.page_builder_testimonials_quote { padding: 0 0 5px 0;}
.page_builder_testimonials_scroller { margin: 0; padding: 0; list-style: none; list-style-image: none; max-width: 720px; margin: 0 auto; }
.page_builder_testimonials_scroller li { margin: 0; padding: 0; color: var(--blue-light); letter-spacing: -0.04em; font-size: 0.875rem; line-height: 150%; }
.page_builder_testimonials_scroller strong { display: block; color: var(--ocean-blue-dark); font-weight: 500; font-size: 2rem; /** 32px **/ line-height: 40px; line-height: 125%; letter-spacing: -0.04em; }
.page_builder_testimonials_scroller span { display: block; padding: 20px 0 0 0;}
.page_builder_testimonials .slick-dots li button { background: var(--ocean-blue-dark); opacity: 0.25;}
.page_builder_testimonials .slick-dots li button:hover, .page_builder_testimonials .slick-dots li.slick-active button { background: var(--ocean-aqua); opacity: 1;}

.page_builder_cols_intro { padding: 0 0 20px 0;}
.page_builder_cols_intro h2.page_label { padding: 0 0 25px 0;}
.page_builder_cols_grid { margin: 0; padding: 0; list-style: none; list-style-image: none; display: flex; flex-wrap: wrap; /** justify-content: center; **/ width: 100%; }
.page_builder_cols_grid li { margin: 0; padding: 0; }
.page_builder_cols_grid li h2, .page_builder_cols_grid li h3 { font-weight: 600; font-size: 1.25rem; line-height: 28px; letter-spacing: -0.02em; padding: 0 0 15px 0; color: var(--ocean-blue-dark); }
.page_builder_cols_grid li .page_builder_cols_grid_icon { }
.page_builder_cols_grid li .page_builder_cols_grid_icon.center { text-align: center; }
.page_builder_cols_4 .page_builder_cols_grid { gap: 60px 60px; }
.page_builder_cols_4 .page_builder_cols_grid li { width: calc(25% - 45px); }
.page_builder_cols_3 .page_builder_cols_grid { gap: 60px 69px; }
.page_builder_cols_3 .page_builder_cols_grid li { width: calc(33.33333333333333% - 46px); }

.page_builder_focus { position: relative; overflow: hidden;}
.page_builder_focus .container > h2 { padding: 0 150px 40px 0;}
.page_builder_focus .slider-controls { bottom: auto; top: 120px;}
.page_builder_focus .slider-controls .container { justify-content: flex-end; }
.page_builder_focus .slick-arrow { background-image: url(/wp-content/themes/oceanre/images/arrow-left-scroller-grey-dark.svg); }
.page_builder_focus .slick-arrow.next-btn { background-image: url(/wp-content/themes/oceanre/images/arrow-right-scroller-grey-dark.svg); }

.page_builder_focus_scroller li article, .page_builder_focus_scroller li article * { transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }
.page_builder_focus_scroller { margin: 0 -15px; padding: 0; list-style: none; list-style-image: none;}
.page_builder_focus_scroller li { margin: 0; padding: 0 15px;}
.page_builder_focus_scroller li article { border: 1px solid var(--ocean-aqua); height: 100%; min-height: 293px; overflow: hidden; position: relative; padding: 30px; display: flex; flex-direction: column; gap: 30px 0; gap: 10px 0; justify-content: space-between; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; }
.page_builder_focus_scroller li article h3 { padding: 0;  font-size: 2rem; /** 32px **/ line-height: 40px; line-height: 125%; letter-spacing: -0.03em; color: var(--ocean-blue-dark); }
.page_builder_focus_scroller li article p { padding: 0; line-height: 22px; line-height: 137%; letter-spacing: -0.01em; }
.page_builder_focus_scroller li article p.page_builder_focus_scroller_sizer { opacity: 0; pointer-events: none;}
.page_builder_focus_scroller li article p.page_builder_focus_scroller_hover { padding: 0; max-height: 65px; overflow: hidden; position: absolute; /** bottom: 30px; **/ top: calc(100% - 95px); left: 30px; right: 30px;}
.page_builder_focus_scroller li article p.page_builder_focus_scroller_cta { position: absolute; bottom: 30px; left: 30px; right: 30px; opacity: 0; visibility: hidden; z-index: -1; pointer-events: none; }
.page_builder_focus_scroller li:hover article { background: var(--ocean-blue-dark); border-color: var(--ocean-blue-dark);}
.page_builder_focus_scroller li:hover article h3 { opacity: 0; visibility: hidden; z-index: -1; pointer-events: none;}
.page_builder_focus_scroller li:hover article p.page_builder_focus_scroller_hover { color: var(--white); opacity: 1; visibility: visible; height: auto; max-height: 500px; overflow: visible; z-index: 1; pointer-events: auto; bottom: auto; top: 30px; }
.page_builder_focus_scroller li:hover article p.page_builder_focus_scroller_cta { opacity: 1; visibility: visible; z-index: 1; pointer-events: auto; }

.page_builder_focus_scroller .slick-list { overflow: visible;}
.page_builder_focus_scroller .slick-track { display: flex !important; }
.page_builder_focus_scroller .slick-slide { height: inherit !important; }

#page_basic { padding: 60px 0 45px 0;}

#site_footer { background: var(--blue-dark); padding: 80px 0 65px 0; position: relative;}
#site_footer::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;

    width: 100%;
    height: 50%;

    background: linear-gradient(
        to top,
        #111227 0%,
        rgba(17, 18, 39, 0) 100%
    );

    pointer-events: none;
    z-index: 1;
}
#site_footer * { color: var(--white);}
#site_footer .container { position: relative; z-index: 2;}
#site_footer_flex { display: flex; justify-content: space-between; gap: 60px;}
#site_footer_flex #site_footer_flex_info { flex-grow: 1; }
#site_footer_strapline { font-size: 1.375rem; line-height: 32px; letter-spacing: 0.02em; }
#site_footer_flex_info ul { margin: 0; padding:0; list-style: none; list-style-image: none; display: flex; flex-wrap: wrap; gap: 10px;}
#site_footer_flex_info ul li { margin: 0; padding:0;}
#site_footer_flex_info ul li a { display: block; }
#site_footer_flex nav { flex-grow: 1; max-width: 646px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px 60px; font-size: 0.875rem; line-height: 165%; letter-spacing: -0.025em; }
#site_footer_flex nav p { padding: 0; }
#site_footer_flex nav p strong { font-weight: 600; color: var(--ocean-aqua);}
#site_footer_flex nav > div, #site_footer_flex nav ul { display: flex; flex-direction: column; gap: 13px 0;}
#site_footer_flex nav ul { margin:0; padding: 0; list-style: none; list-style-image: none;}
#site_footer_flex nav ul li { margin: 0; padding: 0;}
#site_footer_flex nav ul li a { text-decoration: none;}
#site_footer_flex nav ul li a:hover { text-decoration: underline;}
#site_footer_base { display: block; padding: 100px 0 0 0;}
#site_footer_base > ul { margin:0; padding:0 0 20px 0; list-style: none; list-style-image: none; display: flex; align-items: center; flex-wrap: wrap; gap: 10px;}
#site_footer_base > ul li { margin: 0; padding:0; line-height: 7px;}
#site_footer_base > ul li img { height: 26px; width: auto;}
#site_footer_base > ul li:nth-child(1) img { height: 34px; }
#site_footer_base > ul li:nth-child(2) img { height: 21px; }
#site_footer_base small { display: block; font-size: 0.625rem; line-height: 14px; letter-spacing: -0.01em; color: rgba(255,255,255,0.5); }
#site_footer_base #site_footer_copyright { padding: 40px 0 0 0; color: var(--white); display: flex; justify-content: space-between; gap: 25px; flex-wrap: wrap;}
#site_footer_base #site_footer_copyright a { text-decoration: none; color: rgba(255,255,255,0.5);}
#site_footer_base #site_footer_copyright a:hover { color: var(--white);}

@media all and (min-width: 1301px) and (max-width: 1400px) {
    .page_builder_imgtxt_sticky article { padding: 40px; }
    .page_builder_imgtxt .page_builder_imgtxt_sticky article h2 { font-size: 2.4rem; }
    .page_builder_imgtxt_sticky article .page_builder_imgtxt_img img { max-height: calc(100svh - 250px); }
}

@media all and (min-width: 1650px) {
    .page_builder_testimonials_banner_scroller_flex { max-width: 1500px; }
    .page_builder_testimonials_banner_scroller_flex_info p { max-width: 860px; }
}

@media all and (min-width: 1231px) {

    .page_builder_accordion_list li article > div { opacity: 0; visibility: hidden; height: 0; overflow: hidden; pointer-events: none; max-width: 655px;        transform: translateY(20px); transition: transform 0.8s ease, opacity 0.8s ease; }
    .page_builder_accordion_list:hover li:hover article > div { opacity: 1; visibility: visible; height: auto; pointer-events: auto;    transform: translateY(0); }

    .page_builder_accordion_list:hover li { width: 25%; }
    .page_builder_accordion_list:has(li:hover) li:not(:hover) { width: 14.28%; }
    .page_builder_accordion_list li:hover { width: 57.16%; flex-shrink: 0; }
    .page_builder_accordion_list li:hover article { padding: 43px; }
    .page_builder_accordion_list li:hover h3 { padding: 0 0 15px 0; font-size: 1.625rem; line-height: 36px; line-height: 139%; }
    .page_builder_accordion_list li:not(:hover) h3 { max-width: 220px;}
}

@media all and (min-width: 0px) and (max-width : 1800px) {



}

@media all and (min-width: 0px) and (max-width : 1600px) {

}

@media all and (min-width: 0px) and (max-width : 1530px) {

}

@media all and (min-width: 1231px) and (max-width : 1520px) {
    .page_builder_accordion_list:has(li:hover) li:not(:hover) h3 { font-size: 1rem; }

}

@media all and (min-width: 0px) and (max-width : 1420px) {

}

@media all and (min-width: 0px) and (max-width : 1400px) {


}

@media all and (min-width: 951px) and (max-width : 1360px) {

    /**

    .page_builder_stats .page_builder_content .page_builder_content_heading { width: 100%; padding: 0;}
    .page_builder_stats .page_builder_content .page_builder_content_info { width: 100%;}

    **/
    .page_builder_content_info_stats li.full strong { font-size: clamp(2rem, 12vw, 7.5rem); }
    .page_builder_content_info_stats li strong { font-size: 5.4vw;}

}

@media all and (min-width: 0px) and (max-width : 1350px) {

    .page_builder_accordion_list li article { padding: 38px 25px;}

}

@media all and (min-width: 0px) and (max-width : 1300px) {
    .page_builder_imgtxt_sticky { display: flex; flex-direction: column; gap: 80px 0;           gap: 40px 0;}
}

@media all and (min-width: 0px) and (max-width : 1230px) {

    .page_builder_accordion_list { display: block; height: auto; padding-bottom: 30px;}
    .page_builder_accordion_img .container:nth-of-type(2) { position: relative;}
    .page_builder_accordion_list .slick-list { overflow: visible;}
    .page_builder_accordion_list li article { min-height: 480px;}
    .page_builder_accordion_list li article::after { background: rgba(0,0,0,0.6); }
    .page_builder_accordion_img .slider-controls { display: block; bottom: -70px;}
    .page_builder_accordion_img .slick-arrow { background-image: url(/wp-content/themes/oceanre/images/arrow-left-scroller-grey-dark.svg); }
    .page_builder_accordion_img .slick-arrow.next-btn { background-image: url(/wp-content/themes/oceanre/images/arrow-right-scroller-grey-dark.svg); }

}

@media all and (min-width: 951px) and (max-width : 1180px) {

    .builder_offices_list li p strong, .builder_offices_list li p span { width: 100%;}



}

/** mobile menu kick-in **/

/** @media all and (min-width: 0px) and (max-width : 1150px) { **/
@media all and (min-width: 0px) and (max-width : 1190px) {

    #header_main #header_main_nav > button { pointer-events: auto; }
    #header_main nav { position: absolute; top: calc(100% + 30px); right: 0;            opacity: 0; visibility: hidden; z-index: -1; pointer-events: none; }
    .open-menu #header_main nav { opacity: 1; visibility: visible; z-index: 1; pointer-events: auto; }
    #header_main nav > ul { flex-direction: column; width: 240px; padding: 10px 23px; }
    #header_main nav ul li a { padding: 8px 0; }
    #header_main nav ul li.menu-item-has-children > a { background: url(/wp-content/themes/oceanre/images/arrow-down-aqua.svg) 100% 15px no-repeat; }
    #header_main nav ul li:hover > a { background-color: transparent; color: var(--ocean-aqua); }
    #header_main nav ul li.menu_contact:hover a { background-color: transparent; color: var(--ocean-aqua);}

    #header_main nav ul li ul { /** padding: 0 0 0 20px; **/ }
    #header_main nav ul li ul li { }
    #header_main nav ul li ul li a { color: var(--white); }
    #header_main nav ul li ul li a:hover { color: var(--ocean-aqua);}
    #header_main nav ul li:hover ul { padding: 0 0 0 20px; }

    #header_main nav ul li.wpml-ls-item ul { position: static;}
    #header_main nav ul li.wpml-ls-item a { padding-left: 0;}

}

@media all and (min-width: 0px) and (max-width : 1150px) {

    .page_builder_cols_3 .page_builder_cols_grid { gap: 50px 60px; }
    .page_builder_cols_4 .page_builder_cols_grid li, .page_builder_cols_3 .page_builder_cols_grid li { width: calc(33.33333333333333% - 40px); }

}

@media all and (min-width: 0px) and (max-width : 1024px) {

    .page_builder_team { padding-bottom: 170px;}
    .page_builder_team .slider-controls { bottom: 70px;}

    .page_builder_sticky_banners .slider-controls { display: block; bottom: 35px;}
    .page_builder_sticky_banners { padding-left: 40px; padding-right: 40px; position: relative;     padding-bottom: 110px !important;       /** margin-left: -10px; margin-right: -10px; **/ }
        .page_builder_sticky_banners .container { padding-left: 15px; padding-right: 15px;}
    .page_builder_sticky_banner { position: static; max-height: unset !important; padding: 0; background:  var(--blue-dark) !important; margin:0; } 
    .page_builder_sticky_banner_info { width: 100%; position: relative; padding: 55px 55px 55px 55px;  /** backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); **/ }
    .page_builder_sticky_banner::after { display: none;}
    .page_builder_sticky_banner_info .page_builder_sticky_banner_mob_img { display: block; margin: -55px -55px 0 -55px; position: relative; }
    .page_builder_sticky_banner_info .page_builder_sticky_banner_count { position: absolute; z-index: 2; top: 55px; left: 55px; right: 55px; }
    .page_builder_sticky_banner_info .page_builder_sticky_banner_mob_img::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background: linear-gradient(to top, #191B38, rgba(25, 27, 56, 0)); pointer-events: none; z-index: 1;  }

    .page_builder_sticky_banners .slider-controls { left: 10px; right: 10px;}
    .page_builder_sticky_banners .slick-arrow { background-image: url(/wp-content/themes/oceanre/images/arrow-left-scroller-grey-dark.svg); }
    .page_builder_sticky_banners .slick-arrow.next-btn { background-image: url(/wp-content/themes/oceanre/images/arrow-right-scroller-grey-dark.svg); }

    .page_banner_contact .container { padding-top: 150px;}

}

@media all and (min-width: 0px) and (max-width : 980px) {



}

@media all and (min-width: 0px) and (max-width : 950px) {

    .page_nav_holder .page_nav { display: none; }

    .page_builder_content .page_builder_content_heading, .page_builder_content .page_builder_content_info { width: 100% !important; padding: 0;}
    .page_builder_stats .page_builder_content .page_builder_content_heading { margin-bottom: 0;}

    .page_builder_stats .page_builder_content .page_builder_content_info p.mobile_move_bottom:not(.logo_list) { padding: 30px 0 0 0; }

    .builder_offices_list { grid-template-columns: repeat(2, 1fr); }

    .page_builder_icons4 ul li { width: calc(33.33333333333333% - 40px); }

    .page_builder_global_label { width: 100px; height: 100px;}
    .page_builder_global_label * { font-size: 0.8rem;}

}

@media all and (min-width: 0px) and (max-width : 940px) {

    .page_builder_testimonials_banner_scroller_flex { }
    .page_builder_testimonials_banner_scroller_flex_logo { width: 100%; padding: 0; }
    .page_builder_testimonials_banner_scroller_flex_info { width: 100%; }

}

@media all and (min-width: 0px) and (max-width : 900px) {

    .page_builder_accordion_info_flex_info { padding-right: 50px; }

    .page_builder_contact_left { padding: 0; width: 100%;}
    .page_builder_contact_right { width: 100%;}

}

@media all and (min-width: 0px) and (max-width : 860px) {
    #site_footer_flex { flex-wrap: wrap;}
    #site_footer_flex nav { max-width: 100%;}
}

@media all and (min-width: 0px) and (max-width : 850px) {

    .builder_downloads_list { padding: 55px 0 0 0; grid-template-columns: repeat(2, 1fr); }
    .page_banner_contact .builder_downloads_list { grid-template-columns: repeat(1, 1fr); }
    .page_banner_contact .builder_downloads_list li { min-height: unset; padding: 30px 90px 30px 30px; background-position: calc(100% - 30px) 30px;}

    .page_builder_imgtxt article .page_builder_imgtxt_txt { width: 100%; padding: 0 !important;}
    .page_builder_imgtxt article .page_builder_imgtxt_img { width: 100%;}
    .page_builder_imgtxt article.img-txt { flex-direction: row;}


    .page_builder_cols_3 .page_builder_cols_grid li, .page_builder_cols_4 .page_builder_cols_grid li { width: calc(50% - 30px); }

}

@media all and (min-width: 0px) and (max-width : 800px) {

    .page_builder_content_info_stats { grid-template-columns: repeat(1, 1fr); }
    .page_builder_content_info_stats li { text-align: center;}

    .page_builder_accordion_info_flex > p { width: 100%; padding:0;}
    .page_builder_accordion_info_flex > p .button_cta { margin: 0;}
    .page_builder_accordion_info_flex_info, .page_builder_accordion_info_flex_img { width: 100%; padding: 0;}

    .page_builder_accordion_info_flex_info_imgs li, .page_builder_accordion_info_flex_info_imgs li.active { overflow: hidden; visibility: hidden; opacity: 0; }
    .page_builder_accordion_info_flex_info_imgs li:first-child { overflow: visible; visibility: visible; opacity: 1;            display: block !important; height: auto;}

            .page_builder_accordion_info_flex_info_imgs li.active { display: none;}

    .page_builder_testimonials_banner_scroller li article { padding: 60px 60px 140px 60px; }

    .page_builder_global_content_info { position: static; width: 100%;}

}

@media all and (min-width: 0px) and (max-width : 780px) {

    .page_builder_icons4 ul li { width: calc(50% - 30px); }

}

@media all and (min-width: 561px) and (max-width : 760px) {

    .builder_offices_list li p strong, .builder_offices_list li p span { width: 100%;}



}

@media all and (min-width: 0px) and (max-width : 750px) {



}

/** mobile **/

@media all and (min-width: 0px) and (max-width : 670px) {

    body { font-size: 0.875rem; /** 14px **/ }

    h1, .h1_styler, .page_banners_slide_content h2 { font-size: 3.125rem;  /** 50px **/ } 
        .page_banner .container h1 { font-size: 2.875rem; /** 46px **/ }
    h2, .h2_styler { font-size: 2.375rem; /** 38px **/ }
    h3, .h3_styler {  }
    .page_builder_global_content_info h3 { font-size: 1.375rem; }
    .page_builder_testimonials_scroller strong { font-size: 1.75rem; }
    .page_builder_focus_scroller li article h3 { font-size: 1.5rem;}

    .form_list { gap: 18px;}
    .form_list li { width: calc(50% - 9px);}
    input.text, select, textarea, .sf-field-search input { font-size: 0.813rem; padding: 12px 15px;}

    .page_label { font-size: 0.813rem !important; /** 13px **/}
    .button_cta { font-size: 0.875rem; /** 14px **/ padding-top: 13px; padding-bottom: 13px;}
    .arrow_cta { font-size: 0.875rem; /** 14px **/ }

    .page_banners_slide .container, .page_banner .container { padding-top: 130px;}
    .page_banner:not(.page_banner_img) .container { padding-top: 130px;}

    #page_basic { padding: 40px 0 35px 0;}

    #header_main #logo_oceanre { width: 131px;}
    #header_main #header_main_nav > button { padding: 12px 19px; z-index: 2; top: 35px; top: 31px; right: 25px; }
        #header_main_nav { position: static;}
        #header_main #logo_oceanre { z-index: 2;}
        #header_main nav { top: 0; width: 100%; height: 100svh; border-radius: 0; padding: 90px 0 0 0; overflow: auto; }
        #header_main nav > ul { width: 100%;}
        #header_main nav > ul > li { border-bottom: 1px solid rgba(255,255,255,0.1);}
        #header_main nav ul li a { padding: 11px 0;}
        #header_main nav ul li.menu-item-has-children > a { background-position: 100% 18px;}
        #header_main nav ul li ul { }
        #header_main nav ul li ul li a { padding: 8px 0; }
        #header_mainxxxx nav ul li:hover ul, #header_main nav ul li.touch-open ul { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 8px; padding-bottom: 10px; }

        @media (hover: hover) {
            #header_main nav ul li:hover ul { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 8; padding-bottom: 10px; }
        }

    .page_builder_foundations_content .page_label { font-size: 0.875rem; /** 14px **/ }

    .container { padding: 0 25px; }
    .slider-controls { /** left: 25px; right: 25px; **/  bottom: 45px;}
    .page_builder_accordion_img .slider-controls { bottom: -4px;}
    .page_builder_focus .slider-controls { bottom: auto; top: 50px;}

    #header_main { padding: 35px 0;}
    #header_main .container { padding: 0 25px;}

    .slider-controls .container { gap: 10px;}
    .slick-arrow { width: 48px; height: 48px; background-size: 48px 48px;}
    .progress-wrapper { width: 48px; height: 48px; }
    .progress-svg { position: relative; top: -3px; left: -2px; }

    .page_builder { padding: 55px 0; }
    .page_builder_video_stats, .page_builder_team { padding-bottom: 140px;}

    .page_builder_video_stats { padding-bottom: 55px; }
    .page_builder_video_stats .slider-controls { display: none;}

    .page_builder_accordion_list { padding: 30px 0 75px 0; }
    .page_builder_accordion_list li article h3 { font-size: 1.625rem; }
    .page_builder_accordion_list .button_cta { padding: 11px 22px 11px 22px; }
    .page_builder_accordion_img .slider-controls { bottom: -10px;}

    .page_builder_team .slider-controls { bottom: 50px;}
    .page_builder_team_holder::before, .page_builder_team_holder::after { width: 100px;}

    .page_banners_slide .container, .page_banner .container { justify-content: flex-start;}
    .page_banners_slide_content p { font-size: 0.938rem;}
    .page_banner .container { justify-content: flex-end; padding-bottom: 40px; position: relative; }
    .page_banner .container::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, #191B38 0%, rgba(25, 27, 56, 0) 100%); z-index: 1;  pointer-events: none; }
    .page_banner_content { z-index: 2;}
    .page_banner_contact .container::after { display: none;}

    .page_builder_content_info_stats { gap: 25px;}
    .page_builder_content_info_stats li strong { font-size: 3.5rem; }
    .page_builder_content_info_stats li.full strong { font-size: 5.25rem; padding: 0 0 15px 0;}

    .page_builder_accordion_info_flex_info .page_label { font-size: 0.875rem;}
    .page_builder_accordion_info_flex_info_accordion > li h3 { font-size: 1.063rem; padding: 22px 0;}

    .page_builder_testimonials_banner .slider-controls { bottom: 90px; left: 20px; display: none;}
    .page_builder_testimonials_banner_scroller li article { padding: 70px 20px; text-align: center; min-height: 492px;}
    .page_builder_testimonials_banner_scroller_flex_logo img, .page_builder_testimonials_banner_scroller_flex_info p img { margin: 0 auto;}
    .page_builder_testimonials_banner_scroller_flex_info p { padding: 0 0 30px 0;}
    .page_builder_testimonials_banner_scroller_flex_info p:first-of-type { font-size: 1.125rem; line-height: 26px; }

    .page_builder_sticky_banner_info { padding: 20px 20px 42px 20px; }
    .page_builder_sticky_banner_info .page_builder_sticky_banner_mob_img { margin: -20px -20px 0 -20px;}
    .page_builder_sticky_banner_info .page_builder_sticky_banner_count { top: 20px; left: 20px; right: 20px;}
    .page_builder_sticky_banner_info h2, .page_builder_sticky_banner_info h3, .page_builder_accordion_info_flex_info h2:not(.page_label) { font-size: 2.375rem; /** 38px **/ line-height: 46px; line-height: 120%;}

    .page_builder_foundations_content { padding-top: 155px; padding-bottom: 215px; padding-bottom: 185px;}
    .page_builder_foundations_content h2 { font-size: 1.625rem;}
    .item-0, .item-2, .item-4, .item-6, .item-7 { display: none;}
    .item-1 { width: 27%; left: 10%; top: 0; }
    .item-3 { width: 20%; top: 8%; }
    .item-5 { width: 27%; left: 2%; }
    .item-8 { width: 20%; left: 85%; top: 70%; }
    .item-9 { width: 17%; left: 32%; top: 90%; /** top: 85%; **/ top: 92%; }

    .builder_downloads_list { padding: 25px 0 0 0; gap: 25px; }
    .builder_downloads_list li { padding: 20px;}
    .page_banner_contact .container { padding-top: 130px;}
    .page_banner_contact .builder_downloads_list { gap: 15px; padding: 20px 0 0 0; }
    .page_banner_contact .builder_downloads_list li { padding: 20px 70px 20px 20px; min-height: 110px; background-size: 32px 32px; background-position: calc(100% - 20px) 20px; }
    .page_banner_contact .builder_downloads_list li p strong { font-weight: 600; font-size: 1.25rem; }

    .page_builder_imgtxt_stacked, .page_builder_imgtxt_sticky { gap: 40px 0; }
    .page_builder_imgtxt article h2 { font-size: 2.375rem; /** 38px **/ }

    .builder_banner_blue_content { margin-left: -10px; margin-right: -10px; min-height: unset; padding: 55px 35px; background-size: 200px auto; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px;}
    .builder_banner_blue_content::after { background: linear-gradient(to top, #0F113E 0%, rgba(15, 17, 62, 0) 20%); }
    .builder_banner_blue_content h2, .builder_banner_blue_content h3 { font-size: 2rem; line-height: 36px; line-height: 113%; }
    .builder_banner_blue_content p { font-size: 1rem;}

    .builder_offices_list { gap: 25px;}
    .builder_offices_list li > div { padding: 30px 20px;}

    .page_builder_contact h2 { font-size: 2.125rem;}

    .page_builder_icons4 ul li p { font-size: 0.938rem; line-height: 24px; line-height: 160%;}
    .page_builder_focus_scroller li article { min-height: 250px;}
    .page_builder_focus_scroller li article p.page_builder_focus_scroller_hover { max-height: 60px; top: calc(100% - 90px); }

    .page_builder_team.page_builder_padding_no-bottom { padding-bottom: 60px !important;}
    .page_builder_team.page_builder_padding_no-bottom .slider-controls { bottom: -29px;}

    .page_builder_global_label { top: 50%; left: 50%; margin-top: -50px; margin-left: -50px;}

    #site_footer { padding: 55px 0;}
    #site_footer_base { padding: 60px 0 0 0;}

}

@media all and (min-width: 0px) and (max-width : 650px) {

    #site_footer_flex nav { grid-template-columns: repeat(2, 1fr); }


}

@media all and (min-width: 0px) and (max-width : 620px) {

    .page_builder_cols_3 .page_builder_cols_grid li, .page_builder_cols_4 .page_builder_cols_grid li { width: 100%;}


}

@media all and (min-width: 0px) and (max-width : 590px) {

    .page_builder_video_stats_list { margin: 0 -6px; }
    .page_builder_video_stats_list li { padding: 0 6px; }

    .form_list li.form_button { flex-wrap: wrap; justify-content: flex-end; }
    .form_list li.form_button small { width: 100%; }

}

@media all and (min-width: 0px) and (max-width : 560px) {

    .builder_offices_list { grid-template-columns: repeat(1, 1fr); }

    .page_builder_icons4 ul li { width: 100%;}

}

@media all and (min-width: 0px) and (max-width : 500px) {

    .builder_downloads_list { grid-template-columns: repeat(1, 1fr); }
    .builder_downloads_list li { padding: 30px 25px;}

}

@media all and (min-width: 0px) and (max-width : 470px) {



}

@media all and (min-width: 0px) and (max-width : 450px) {



}

@media all and (min-width: 0px) and (max-width : 400px) {


}

@media all and (min-width: 0px) and (max-width : 380px) {

    .page_builder_content_info_stats li.full strong { font-size: 4.25rem;}

    .form_list li {width: 100%;}

}

@media all and (min-width: 0px) and (max-width : 360px) {

}

.grecaptcha-badge { visibility: hidden; }