/* Homepage subset of go-site.css. Generated from Chrome CSS coverage plus menu/review/media/font safelists. */
@font-face {
font-family: "bilo";
src: url("https://use.typekit.net/af/abf6a1/00000000000000007735c958/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/abf6a1/00000000000000007735c958/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/abf6a1/00000000000000007735c958/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display: swap;
font-style: normal;
font-weight: 400;
@media only screen and (max-width: 40em) {
font-display: swap;
}
}
@font-face {
font-family: "bilo";
src: url("https://use.typekit.net/af/4b8d23/00000000000000007735c962/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/4b8d23/00000000000000007735c962/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/4b8d23/00000000000000007735c962/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
font-display: swap;
font-style: normal;
font-weight: 600;
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
.ul-style li { list-style-type:disc; margin-bottom:5px; }
.hours-box ul li {
padding: 0px;
display: inline-block;
width: 100%;
list-style: none;
color: #000;
margin: 2px 0;
font-size: 16px;
}
.hours-box ul li span {
font-size: 16px;
color: #000;
padding: 0px;
display: inline-block;
width: 100%;
list-style: none;
font-weight: normal !important;
max-width: 70px;
}
.row-table {
display: flex;
border-bottom: 1px solid #d0d0d0;
}
.row-table:last-child .cell {
border-bottom: none;
}
.review-bg { margin-top:30px; background: linear-gradient(to bottom,  rgba(0,80,125,1) 0%,rgba(0,80,125,1) 10%,rgba(0,80,125,0.2) 100%);  }
.list-style { display:inline-block; margin:0 auto; width:auto; text-align:left; }
.list-style li { list-style-type:disc !important; }
.title-font-h1 {  font-size:28px !important; font-weight:500 !important; }
.header1 {font-weight: 400; text-transform: uppercase;letter-spacing: clamp(.0625rem, .017rem + .1942vw, .25rem); font-family: "Quicksand", sans-serif; display: block; font-size: clamp(.875rem, .8143rem + .2589vw, 1.125rem); margin: 15px 0; color:#161212; }
.header2 {font-size:30px !important; font-weight:bold !important; color:#161212; }
.header3 { padding-right: 0; font-size: 18px; line-height: 1.5; max-width: 700px; margin: auto;   margin-bottom: auto; margin-bottom: 50px; font-style: italic;color: #fff; }
.text-white { color:#fff !important; }
.section-title {font-size:28px !important; line-height:36px; font-weight:500 !important; }
.section-title-h3 {font-size:21px !important; line-height:32px; font-weight:500 !important; }
main {
display: block
}
h1 {
font-size: 2em;
margin: .67em 0
}
a {
background-color: rgba(0, 0, 0, 0)
}
img {
border-style: none
}
.tresio-nav:not(tresio-nav--loaded) ul:not(.level-1) {
display: none
}
.tresio-nav__list,
.tresio-nav__main {
margin: 0;
padding: 0
}
.tresio-nav>ul,
.tresio-nav__main {
display: flex
}
.tresio-nav__list:not(.level-1) {
display: none;
white-space: nowrap
}
.tresio-nav__list-item {
position: relative;
list-style-type: none
}
.tresio-nav li.ignore ul {
display: block
}
.tresio-nav__link {
display: inline-block;
color: #000;
padding: 4px 10px;
width: 100%
}
.tresio-nav__dropdown {
display: inline-block;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
z-index: 2;
color: #000
}
.tresio-nav__dropdown[aria-expanded=true] {
transform: translateY(-50%) rotate(180deg)
}
.tresio-nav__dropdown[aria-expanded=true]+.tresio-nav__list {
display: block
}
.tresio-nav.type-horizontal .tresio-nav__main,
.tresio-nav.type-horizontal>ul {
justify-content: space-between
}
.tresio-nav.type-horizontal .tresio-nav__list:not(.level-1) {
position: absolute
}
.tresio-nav.type-horizontal .tresio-nav__list:not(.level-1):not(.level-2) {
left: calc(100% - 1px);
top: 0
}
.tresio-nav.type-horizontal .tresio-nav__link {
width: 100%
}
.tresio-nav.type-horizontal .tresio-nav__link:hover~.tresio-nav__list {
display: block
}
.tresio-nav.type-hamburger .tresio-nav__main,
.tresio-nav.type-hamburger>ul {
flex-direction: column
}
.tresio-nav.type-hamburger .tresio-nav__dropdown {
top: 3px;
transform: rotate(0)
}
.tresio-nav.type-hamburger .tresio-nav__dropdown[aria-expanded=true] {
transform: rotate(180deg)
}
.tresio-nav.type-hamburger {
position: relative
}
.tresio-nav.type-hamburger .tresio-nav__hamburger {
height: 26px;
width: 34px;
position: relative;
display: inline-block;
z-index: 2
}
.tresio-nav.type-hamburger .tresio-nav__hamburger span,
.tresio-nav.type-hamburger .tresio-nav__hamburger:after,
.tresio-nav.type-hamburger .tresio-nav__hamburger:before {
height: 2px;
margin-top: -2px;
position: absolute;
width: 100%;
left: 0;
display: block;
background: var(--tresio-nav-hamburger-color)
}
.tresio-nav.type-hamburger .tresio-nav__hamburger:after,
.tresio-nav.type-hamburger .tresio-nav__hamburger:before {
content: "";
transform-origin: center center;
transform: rotate(0);
transition: all .3s ease
}
.tresio-nav.type-hamburger .tresio-nav__hamburger:before {
top: 2px
}
.tresio-nav.type-hamburger .tresio-nav__hamburger:after {
bottom: 2px;
margin-bottom: 0
}
.tresio-nav.type-hamburger .tresio-nav__hamburger span {
position: absolute;
top: 50%
}
.tresio-nav.type-hamburger .tresio-nav__hamburger[aria-expanded=true] span,
.tresio-nav.type-hamburger .tresio-nav__hamburger[aria-expanded=true]:after,
.tresio-nav.type-hamburger .tresio-nav__hamburger[aria-expanded=true]:before {
background: var(--tresio-nav-hamburger-color-expanded)
}
.tresio-nav.type-hamburger .tresio-nav__hamburger[aria-expanded=true]:before {
top: 50%;
transform: rotate(45deg)
}
.tresio-nav.type-hamburger .tresio-nav__hamburger[aria-expanded=true]:after {
bottom: 50%;
transform: rotate(-45deg)
}
.tresio-nav.type-hamburger .tresio-nav__hamburger[aria-expanded=true] span {
background: rgba(0, 0, 0, 0)
}
.tresio-nav.type-hamburger .tresio-nav__hamburger[aria-expanded=true]~.tresio-nav__main {
display: block
}
.tresio-nav.type-hamburger .tresio-nav__main {
display: none;
width: 300px;
overflow: scroll
}
.tresio-nav.type-hidden {
display: none
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap
}
.dr-top-bar {display:block; margin:0 auto; width:100%; background:#d9d9d9; text-align:center;   position:relative; top:0;  transition: all 0.5s ease;}
header.scrolled .dr-top-bar {top:-145px; position:absolute; transition: all 0.5s ease;}
@media only screen and (max-width:40rem) {
.mb-0-phone {
margin-bottom: 0 !important
}
.mb-60-phone {
margin-bottom: 60px !important
}
}
.btn,
.btn.text:after,
.socials li,
a,
body.hamburger-menu header .row .menu-holder,
footer.partial_footer .fixed-cta a.btn,
header *,
header .row .logo-holder .logo picture img,
header .row .logo-holder a picture img,
nav.tresio-nav[data-type=horizontal] ul.partial_nav li {
transition: all .3s ease
}
.cta.viewport picture.background img,
.mod_half_image.viewport .media-content,
.mod_half_image.viewport picture.background img,
.mod_half_image.viewport picture.logo,
.mod_logo_list.viewport .img img {
transition: all 1.25s ease
}
[class*=" icon-"]:before,
[class^=icon-]:before {
font-family: fontello;
font-style: normal;
font-weight: 400;
font-display: swap;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.link:not(.btn) {
color: #adbb7b !important;
text-decoration: underline
}
picture.background,
video.background {
width: 100%;
z-index: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
height: 100%;
display: flex
}
picture.background img,
video.background img {
object-fit: cover;
width: calc(100% + 2px);
height: calc(100% + 2px)
}
video.background {
object-fit: cover;
width: 100%
}
.background-image {
background-size: cover;
background-position: center center;
background-repeat: no-repeat
}
@media only screen and (min-width:64.1em) {
.background-image {
background-image: var(--background-image-desktop)
}
}
@media only screen and (max-width:64em) {
.background-image {
background-image: var(--background-image-tablet)
}
}
@media only screen and (max-width:40em) {
.background-image {
background-image: var(--background-image-phone)
}
}
@keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -10%, 0)
}
to {
opacity: 1;
transform: none
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-10%, 0, 0)
}
to {
opacity: 1;
transform: none
}
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(10%, 0, 0)
}
to {
opacity: 1;
transform: none
}
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 10%, 0)
}
to {
opacity: 1;
transform: none
}
}
@keyframes fadeOut {
from {
opacity: 1
}
to {
opacity: 0
}
}
*,
:after,
:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
body,
html {
font-size: 100%;
height: auto
}
body {
background: #fff;
padding: 0;
margin: 0;
font-style: normal;
line-height: 1;
position: relative;
cursor: default;
letter-spacing: normal;
-webkit-font-smoothing: subpixel-antialiased;
font-size: 18px;
font-weight: 400;
font-family: "Quicksand", sans-serif;
color: #242424
}
img {
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic;
display: inline-block;
vertical-align: middle;
transform: translateZ(0)
}
a img {
transition: all .3s ease-out
}
.btn {
display: inline-block;
position: relative;
margin: 5px 0;
padding: 10px 20px 12px;
text-decoration: none;
text-align: center;
font-size: 15px;
line-height: 1;
user-select: none;
background: #adbb7b;
color: #fff;
outline: 0 !important;
cursor: pointer;
border: none;
text-transform: uppercase;
font-weight: 800;
border-radius: .125rem;
width:100%;
max-width:260px;
}
@media only screen and (max-width:800px) {
.btn {
font-size: 17px
}
}
@media only screen and (max-width:40em) {
.btn {
padding: 12px 20px
}
}
.btn:hover {
color: #fff;
opacity: .6
}
.btn>a,
.btn>span {
text-decoration: none;
font-size: 18px;
line-height: 1;
color: #fff;
text-transform: uppercase;
user-select: none
}
@media only screen and (max-width:800px) {
.btn>a,
.btn>span {
font-size: 15px
}
}
@media only screen and (max-width:40em) {
.btn>a,
.btn>span {
font-size: 14px
}
}
.btn[disabled] {
background-color: #eee;
color: #999;
cursor: default;
opacity: .7;
box-shadow: none
}
.btn[disabled] a,
.btn[disabled] span {
cursor: default;
color: #999;
opacity: .7
}
.btn[disabled]:focus,
.btn[disabled]:hover {
box-shadow: none
}
.btn.text {
background: 0 0;
padding: 8px 0;
letter-spacing: .8px;
color: #242424;
font-weight: 600;
text-transform: none;
position: relative
}
.btn.text:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 36px;
border-top: 2px solid #ccc
}
.btn.text:hover {
opacity: 1
}
.btn.text:hover:after {
width: 100%
}
.btn.alt {
padding: 5px 2px;
color: #242424;
background: rgba(0, 0, 0, 0)
}
.btn.alt:hover {
padding: 5px 8px;
opacity: 1;
color: #adbb7b;
background: #ece9e7
}
.btn.alt.active {
padding: 5px 8px;
color: #adbb7b;
background: #ece9e7
}
.btn.contact-scroll.fixed,
.btn.small,
.mod_reviews_slider a.btn {
font-size: 14px;
letter-spacing: .8px;
padding: 11px 20px
}
div,
h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
ul {
margin: 0;
padding: 0
}
a {
line-height: inherit;
color: #242424;
font-weight: 400;
text-decoration: none
}
a img {
border: none
}
p {
text-rendering: optimizeLegibility;
font-weight: 400;
font-size: 16px;
font-family: "Quicksand", sans-serif;
color: #374151;
line-height: 24px;
margin-bottom: 16px
}
@media only screen and (max-width:64em) {
p {
font-size: clamp(1rem, .9697rem + .1294vw, 1.125rem)
}
}
p:last-child {
margin-bottom: 0
}
li a:not(.btn),
p a:not(.btn) {
color: #adbb7b
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 15px 0;
font-weight: 600;
color: #161212;
line-height: normal;
font-style: normal;
font-weight: 400;
text-rendering: optimizeLegibility؛
}
h1 {
font-size: 25px
}
.h2,
h2 {
font-size: 22px
}
i {
font-style: italic;
line-height: inherit
}
ul {
line-height: 1.6;
margin-bottom: 1.25rem;
list-style-position: outside;
font-family: inherit
}
ul {
margin-left: 1.1rem
}
ul li {
list-style-type: none
}
@media only screen and (min-width:64.1em) {
body:not(.hamburger-menu) {
margin-top: 150px
}
}
@media only screen and (max-width:64em) {
body:not(.hamburger-menu) {
margin-top: 88px
}
}
@media only screen and (max-width:64em) {
body.hamburger-menu {
margin-top: 60px
}
}
body.sticky-bar-on main {
margin-top: 132px !important
}
@media only screen and (max-width:64em) {
body.sticky-bar-on main {
margin-top: 112px !important
}
}
@media only screen and (max-width:40em) {
body.sticky-bar-on main {
margin-top: 137px !important
}
}
body.sticky-bar-on.hamburger-menu main {
margin-top: 52px !important
}
@media only screen and (max-width:64em) {
body.sticky-bar-on.hamburger-menu main {
margin-top: 112px !important
}
}
@media only screen and (max-width:40em) {
body.sticky-bar-on.hamburger-menu main {
margin-top: 166px !important
}
}
body.sticky-header {
margin-top: 0 !important
}
body.sticky-header main {
margin-top: 0 !important
}
.container {
width: 100%;
background-color: #fff
}
.row {
padding:0 15px;
width: 100%;
margin: 0 auto;
max-width: 1200px
}
.row .row {
width: auto;
margin-left: -.9375rem;
margin-right: -.9375rem;
margin-top: 0;
margin-bottom: 0;
max-width: none
}
.container>.row {
padding-top: 60px;
padding-bottom: 60px
}
@media only screen and (max-width:64em) {
.container>.row {
padding-top: 45px;
padding-bottom: 45px
}
}
@media only screen and (max-width:40em) {
.container>.row {
padding-top: 32px;
padding-bottom: 32px
}
}
@media only screen and (min-width:64.1em) {
.container>.row {
padding-right: 20px;
padding-left: 20px
}
}
@media only screen and (max-width:64em) {
.container .row {
padding-left: 20px;
padding-right: 20px
}
}
footer .container .row,
header .container .row {
padding: 0
}
.main>.row {
padding-left: 10px;
padding-right: 10px
}
header {
z-index: 1042 !important;
position: fixed !important;
width: 100%;
top: 0;
left: 0;
box-shadow: 0 5px 3px -2px rgba(0,0,0,.1);
background: #fff;
transition: .5s all ease-in-out
}
header .top-bar {
background: #00507d;
padding: 5px 20px
}
header .top-bar .inner {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1232px;
margin: 0 auto
}
header .top-bar .inner .socials {
margin-bottom: 0
}
header .top-bar .inner .socials {
background: 0 0 !important;
color: #fff;
font-size: 16px;
}
header .top-bar .inner .socials li a {
background: 0 0 !important
}
header .top-bar .inner .address {
display: flex;
align-items: center;
gap: 10px;
color: #fff;
font-size: 16px;
}
.hours ul { padding:0px; margin:10px 0 0 0; }
.hours ul li {
padding: 0px;
display: inline-block;
width: 100%;
list-style: none;
color: #fff;
margin: 2px 0;
font-size: 16px;
}
.hours  ul li span {
font-size: 16px;
color: #fff;
padding: 0px;
display: inline-block;
width: 100%;
list-style: none;
font-weight: normal !important;
max-width: 70px;
}
.item.reserved {
text-align: center;
}
.social-box { margin:5px !important; display:inline-block !important;}
.social-box i { font-size:20px; }
.btn-box  { display:inline-block; width:100%; }
header .row {
padding: 0 20px;
position: relative;
display: inline-block;
vertical-align: top;
max-width: 100%
}
.menu-services {
margin: 0;
list-style: none;
padding: 0;
}
.menu-services li a {
display: inline-block;
padding: 8px 10px;
margin: 5px;
width: auto;
vertical-align: top;
background-color: #fff;
border:1px solid #adbb7b;
list-style: none;
color:#000;
border-radius: .125rem;
}
@media only screen and (max-width:64em) {
header .row {
box-shadow: 0 0 15px -4px rgba(20, 20, 20, .4);
padding: 7px 20px !important;
display: flex;
height: 60px !important
}
header .top-bar .inner .address {
font-size: 12px;
max-width: 200px; color: #fff !important; opacity: 1 !important;
}
header .top-bar .inner .socials {
color: #fff !important;
font-size: 12px;opacity: 1 !important;
}
header .top-bar {
padding: 5px 10px;
}
}
header .row .inner {
max-width: 1232px;
margin: 20px auto;
display: grid;
align-items: center;
grid-template-columns: 250px auto 250px;
width: 100%
}
@media only screen and (max-width:1410px) {
header .row .inner {
grid-template-columns: clamp(7.5rem, 5.8313rem + 7.1197vw, 14.375rem) auto 312px
}
}
@media only screen and (max-width:1250px) {
header .row .inner {
grid-template-columns: clamp(7.5rem, -.3571rem + 12.2768vw, 14.375rem) auto 137px
}
}
@media only screen and (max-width:64em) {
header .row .inner {
grid-template-columns: 160px auto;
margin: 0
}
}
header .row .logo-holder {
position: relative;
padding: 5px 0;
}
header .row .logo-holder .logo,
header .row .logo-holder a {
display: inline-block
}
header .row .logo-holder .logo picture,
header .row .logo-holder a picture {
display: inline-block
}
header .row .logo-holder .logo picture img,
header .row .logo-holder a picture img {
width: 100%;
max-width: 100%;
position: relative;
z-index: 1;
}
header .row .nav-links {
max-width: 1600px;
width: 100%;
margin: 0 auto;
position: relative;
padding: 0 20px
}
@media only screen and (min-width:64.1em) {
header .row .nav-links nav {
padding: 25px 0
}
}
@media only screen and (max-width:64em) {
header .row .logo-holder a {
position: absolute;
top: -20px;
width: 160px
}
header .row .nav-links {
left: 0;
padding-right: 0;
text-align: right;
margin-right: 0;
order: 5
}
header .row .nav-links a.tresio-nav__hamburger {
transform: scale(.8);
width: 26px;
height: 20px
}
header .row .nav-links a.tresio-nav__hamburger span:before {
content: "Menu";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: calc(100% + 10px);
font-size: 18px;
letter-spacing: .8px;
text-transform: uppercase;
visibility: visible !important
}
header .row .nav-links ul.tresio-nav__main {
position: absolute;
top: 51px;
width: 100vw;
height: 100vh;
right: -20px;
padding-top: 30px;
padding-bottom: 160px;
background: #111
}
header .row .nav-links ul.tresio-nav__main li.tresio-nav__list-item a.tresio-nav__dropdown {
top: 4px;
right: -15px;
padding: 0 10px
}
}
header .row .phone-holder {
display: flex;
gap: clamp(.625rem, .4733rem + .6472vw, 1.25rem);
justify-content: flex-end;
align-items: center
}
@media only screen and (min-width:64.1em) {
header .row .phone-holder {
text-align: right
}
}
@media only screen and (max-width:64em) {
header .row .phone-holder {
display: none
}
}
header .row .phone-holder a:not(.btn) {
font-size: clamp(.9375rem, .892rem + .1942vw, 1.125rem);
letter-spacing: 1px
}
@media only screen and (max-width:1250px) {
header .row .phone-holder a:not(.btn).tel {
display: none
}
}
@media only screen and (max-width:1200px) {
header .row .phone-holder a:not(.btn) {
font-size: 16px
}
}
@media only screen and (max-width:64em) {
header .row .phone-holder a:not(.btn) {
margin-top: -1px
}
}
@media only screen and (max-width:1410px) {
header .row .phone-holder span.label {
display: none
}
}
body.hamburger-menu header {
background: 0 0;
box-shadow: none
}
@media only screen and (max-width:64em) {
body.hamburger-menu header .row {
padding: 5px 20px
}
body.hamburger-menu header .row .logo-holder {
display: inline-block
}
}
body.hamburger-menu header .row .inner {
grid-template-columns: 160px auto
}
@media only screen and (max-width:64em) {
body.hamburger-menu header .row .inner {
grid-template-columns: 140px auto
}
}
body.hamburger-menu header .row .menu-holder {
margin-left: auto;
cursor: pointer;
display: block;
z-index: 99;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
color: #fff;
line-height: 1
}
@media only screen and (max-width:64em) {
body.hamburger-menu header .row .menu-holder {
margin-right: -6px
}
}
body.hamburger-menu header .row .menu-holder .menu {
background-color: rgba(0, 0, 0, .7);
display: flex;
align-items: center;
justify-content: space-between
}
@media only screen and (max-width:40em) {
body.hamburger-menu header .row .menu-holder .menu nav.tresio-nav {
padding: 10px 0 5px 10px
}
}
body.hamburger-menu header .row .menu-holder .menu a.tel {
display: inline-block;
padding: 17px 13px 16px 13px;
vertical-align: top;
letter-spacing: 1.1px;
font-size: 16px;
line-height: 18px;
z-index: 5
}
@media only screen and (max-width:800px) {
body.hamburger-menu header .row .menu-holder .menu a.tel {
padding: 5px 5px 5px 16px
}
}
@media only screen and (min-width:64.1em) {
.mod_social .row.light header.socials,
.mod_social header .top-bar .inner .row.socials header.socials,
.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.socials header.socials,
header .top-bar .inner .mod_social .row.socials header.socials,
header .top-bar .inner header.socials,
header.light,
header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.socials header.socials {
background: #fff
}
.mod_social .row.light header.socials .row .phone-holder a:not(.btn),
.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.socials header.socials .row .phone-holder a:not(.btn),
header .top-bar .inner header.socials .row .phone-holder a:not(.btn),
header.light .row .phone-holder a:not(.btn),
header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.socials header.socials .row .phone-holder a:not(.btn) {
color: #000 !important
}
.mod_social .row.light header.socials .row a.tresio-nav__hamburger span:before,
.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.socials header.socials .row a.tresio-nav__hamburger span:before,
header .top-bar .inner header.socials .row a.tresio-nav__hamburger span:before,
header.light .row a.tresio-nav__hamburger span:before,
header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.socials header.socials .row a.tresio-nav__hamburger span:before {
color: #000 !important
}
}
@media only screen and (min-width:64.1em)and (max-width:64em) {
.mod_social .row.light header.socials .row .nav-links ul.tresio-nav__main,
.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.socials header.socials .row .nav-links ul.tresio-nav__main,
header .top-bar .inner header.socials .row .nav-links ul.tresio-nav__main,
header.light .row .nav-links ul.tresio-nav__main,
header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.socials header.socials .row .nav-links ul.tresio-nav__main {
background: #e5e5e5
}
.mod_social .row.light header.socials .row .nav-links ul.tresio-nav__main a.tresio-nav__dropdown,
.mod_social .row.light header.socials .row .nav-links ul.tresio-nav__main a.tresio-nav__link,
.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.socials header.socials .row .nav-links ul.tresio-nav__main a.tresio-nav__dropdown,
.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.socials header.socials .row .nav-links ul.tresio-nav__main a.tresio-nav__link,
header .top-bar .inner header.socials .row .nav-links ul.tresio-nav__main a.tresio-nav__dropdown,
header .top-bar .inner header.socials .row .nav-links ul.tresio-nav__main a.tresio-nav__link,
header.light .row .nav-links ul.tresio-nav__main a.tresio-nav__dropdown,
header.light .row .nav-links ul.tresio-nav__main a.tresio-nav__link,
header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.socials header.socials .row .nav-links ul.tresio-nav__main a.tresio-nav__dropdown,
header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.socials header.socials .row .nav-links ul.tresio-nav__main a.tresio-nav__link {
color: #000
}
.mod_social .row.light header.socials .row .nav-links ul.tresio-nav__main li.ignore a.tel,
header .top-bar .inner header.socials .row .nav-links ul.tresio-nav__main li.ignore a.tel,
header.light .row .nav-links ul.tresio-nav__main li.ignore a.tel {
color: #000 !important
}
}
@media only screen and (max-width:64em) {
.mod_social .row.light header.socials .row .nav-links .tresio-nav__hamburger span,
.mod_social .row.light header.socials .row .nav-links .tresio-nav__hamburger:after,
.mod_social .row.light header.socials .row .nav-links .tresio-nav__hamburger:before,
.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.socials header.socials .row .nav-links .tresio-nav__hamburger span,
.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.socials header.socials .row .nav-links .tresio-nav__hamburger:after,
.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.socials header.socials .row .nav-links .tresio-nav__hamburger:before,
header .top-bar .inner header.socials .row .nav-links .tresio-nav__hamburger span,
header .top-bar .inner header.socials .row .nav-links .tresio-nav__hamburger:after,
header .top-bar .inner header.socials .row .nav-links .tresio-nav__hamburger:before,
header.light .row .nav-links .tresio-nav__hamburger span,
header.light .row .nav-links .tresio-nav__hamburger:after,
header.light .row .nav-links .tresio-nav__hamburger:before,
header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.socials header.socials .row .nav-links .tresio-nav__hamburger span,
header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.socials header.socials .row .nav-links .tresio-nav__hamburger:after,
header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.socials header.socials .row .nav-links .tresio-nav__hamburger:before {
background: #000 !important
}
.mod_social .row.light header.socials .row .nav-links .tresio-nav__hamburger[aria-expanded=true] span,
.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.socials header.socials .row .nav-links .tresio-nav__hamburger[aria-expanded=true] span,
header .top-bar .inner header.socials .row .nav-links .tresio-nav__hamburger[aria-expanded=true] span,
header.light .row .nav-links .tresio-nav__hamburger[aria-expanded=true] span,
header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.socials header.socials .row .nav-links .tresio-nav__hamburger[aria-expanded=true] span {
background: rgba(0, 0, 0, 0) !important
}
.mod_social .row.light header.socials .row .nav-links .tresio-nav__hamburger span:before,
.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.socials header.socials .row .nav-links .tresio-nav__hamburger span:before,
header .top-bar .inner header.socials .row .nav-links .tresio-nav__hamburger span:before,
header.light .row .nav-links .tresio-nav__hamburger span:before,
header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.socials header.socials .row .nav-links .tresio-nav__hamburger span:before {
color: #000
}
.mod_social .row.light header.socials .row .phone-holder a.tel span,
.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.socials header.socials .row .phone-holder a.tel span,
header .top-bar .inner header.socials .row .phone-holder a.tel span,
header.light .row .phone-holder a.tel span,
header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.socials header.socials .row .phone-holder a.tel span {
color: #000
}
}
@media only screen and (max-width:64em) {
.mod_social .row.light body.hamburger-menu header.socials .row,
.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.socials body.hamburger-menu header.socials .row,
body.hamburger-menu .mod_social .row.light header.socials .row,
body.hamburger-menu .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.socials header.socials .row,
body.hamburger-menu header .top-bar .inner header.socials .row,
body.hamburger-menu header.light .row,
body.hamburger-menu header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.socials header.socials .row,
header .top-bar .inner body.hamburger-menu header.socials .row,
header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.socials body.hamburger-menu header.socials .row {
background: #fff
}
}
.mod_social .row.light body.hamburger-menu header.socials .row .menu-holder .menu,
.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.socials body.hamburger-menu header.socials .row .menu-holder .menu,
body.hamburger-menu .mod_social .row.light header.socials .row .menu-holder .menu,
body.hamburger-menu .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.socials header.socials .row .menu-holder .menu,
body.hamburger-menu header .top-bar .inner header.socials .row .menu-holder .menu,
body.hamburger-menu header.light .row .menu-holder .menu,
body.hamburger-menu header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.socials header.socials .row .menu-holder .menu,
header .top-bar .inner body.hamburger-menu header.socials .row .menu-holder .menu,
header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.socials body.hamburger-menu header.socials .row .menu-holder .menu {
background: rgba(255, 255, 255, .7)
}
.mod_social .row.light body.hamburger-menu header.socials .row .menu-holder .menu a.tel span,
.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.socials body.hamburger-menu header.socials .row .menu-holder .menu a.tel span,
body.hamburger-menu .mod_social .row.light header.socials .row .menu-holder .menu a.tel span,
body.hamburger-menu header .top-bar .inner header.socials .row .menu-holder .menu a.tel span,
body.hamburger-menu header.light .row .menu-holder .menu a.tel span,
header .top-bar .inner body.hamburger-menu header.socials .row .menu-holder .menu a.tel span,
header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.socials body.hamburger-menu header.socials .row .menu-holder .menu a.tel span {
color: #000
}
.mod_social .row.light body.hamburger-menu header.socials .row .menu-holder .menu .tresio-nav__hamburger span,
.mod_social .row.light body.hamburger-menu header.socials .row .menu-holder .menu .tresio-nav__hamburger:after,
.mod_social .row.light body.hamburger-menu header.socials .row .menu-holder .menu .tresio-nav__hamburger:before,
.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.socials body.hamburger-menu header.socials .row .menu-holder .menu .tresio-nav__hamburger span,
.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.socials body.hamburger-menu header.socials .row .menu-holder .menu .tresio-nav__hamburger:after,
.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.socials body.hamburger-menu header.socials .row .menu-holder .menu .tresio-nav__hamburger:before,
body.hamburger-menu .mod_social .row.light header.socials .row .menu-holder .menu .tresio-nav__hamburger span,
body.hamburger-menu .mod_social .row.light header.socials .row .menu-holder .menu .tresio-nav__hamburger:after,
body.hamburger-menu .mod_social .row.light header.socials .row .menu-holder .menu .tresio-nav__hamburger:before,
body.hamburger-menu header .top-bar .inner header.socials .row .menu-holder .menu .tresio-nav__hamburger span,
body.hamburger-menu header .top-bar .inner header.socials .row .menu-holder .menu .tresio-nav__hamburger:after,
body.hamburger-menu header .top-bar .inner header.socials .row .menu-holder .menu .tresio-nav__hamburger:before,
body.hamburger-menu header.light .row .menu-holder .menu .tresio-nav__hamburger span,
body.hamburger-menu header.light .row .menu-holder .menu .tresio-nav__hamburger:after,
body.hamburger-menu header.light .row .menu-holder .menu .tresio-nav__hamburger:before,
header .top-bar .inner body.hamburger-menu header.socials .row .menu-holder .menu .tresio-nav__hamburger span,
header .top-bar .inner body.hamburger-menu header.socials .row .menu-holder .menu .tresio-nav__hamburger:after,
header .top-bar .inner body.hamburger-menu header.socials .row .menu-holder .menu .tresio-nav__hamburger:before,
header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.socials body.hamburger-menu header.socials .row .menu-holder .menu .tresio-nav__hamburger span,
header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.socials body.hamburger-menu header.socials .row .menu-holder .menu .tresio-nav__hamburger:after,
header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.socials body.hamburger-menu header.socials .row .menu-holder .menu .tresio-nav__hamburger:before {
background: #000
}
.sticky-header header {
position: sticky !important
}
@media only screen and (min-width:64.1em) {
.sticky-header.hamburger-menu header {
position: fixed !important
}
}
nav.tresio-nav[data-type=horizontal] ul.partial_nav {
display: flex;
margin: 0;
justify-content: space-evenly
}
nav.tresio-nav[data-type=horizontal] ul.partial_nav li {
display: inline-block
}
nav.tresio-nav[data-type=horizontal] ul.partial_nav li a {
color: #242424
}
nav.tresio-nav[data-type=horizontal] ul.partial_nav li a.tresio-nav__link {
font-size: clamp(.93rem, .8rem + .19vw, 1.125rem);
letter-spacing: normal;
display: block;
height: 100%;
line-height: 1;
position: relative;
transition: none !important
}
nav.tresio-nav[data-type=horizontal] ul.partial_nav li a.tresio-nav__link:hover {
opacity: 1
}
nav.tresio-nav[data-type=horizontal] ul.partial_nav li a.tresio-nav__dropdown {
position: absolute;
top: 50%;
right: 5px;
transform: translateY(-50%);
height: auto;
font-size: 12px;
display: none;
}
nav.tresio-nav[data-type=horizontal] ul.partial_nav li:hover>a.tresio-nav__dropdown {
color: #fff
}
nav.tresio-nav[data-type=horizontal] ul.partial_nav li.level-1>a.tresio-nav__link {
background: 0 0;
border-bottom: 1px solid transparent;
transition: opacity 1s ease !important
}
nav.tresio-nav[data-type=horizontal] ul.partial_nav li.level-1>a.tresio-nav__link:after {
content: "";
position: absolute;
height: 2px;
width: 0;
bottom: -10px;
left: 10px;
transform: translateX(0);
background-color: #fff;
transition: width 1s ease
}
nav.tresio-nav[data-type=horizontal] ul.partial_nav li.level-1>a.tresio-nav__link:hover {
opacity: .7
}
nav.tresio-nav[data-type=horizontal] ul.partial_nav li.level-1>a.tresio-nav__link:hover:after {
width: calc(100% - 20px);
background-color: #adbb7b
}
nav.tresio-nav[data-type=horizontal] ul.partial_nav li.level-1.is-active>a {
color: #adbb7b !important
}
nav.tresio-nav[data-type=horizontal] ul.partial_nav li.ignore {
display: none
}
nav.tresio-nav[data-type=hamburger] {
display: inline-block;
padding: 14px 12px 9px 0
}
@media only screen and (max-width:64em) {
nav.tresio-nav[data-type=hamburger] {
padding-right: 0
}
.layered-nav nav.tresio-nav[data-type=hamburger] {
padding-top: 12px
}
}
nav.tresio-nav[data-type=hamburger] a.tresio-nav__hamburger {
transform: scale(.8)
}
.layered-nav nav.tresio-nav[data-type=hamburger] a.tresio-nav__hamburger[aria-expanded=true]:before {
top: calc(50% - 1px)
}
nav.tresio-nav[data-type=hamburger] a.tresio-nav__hamburger[aria-expanded=true] span {
background: rgba(0, 0, 0, 0)
}
nav.tresio-nav[data-type=hamburger] .tresio-nav__main {
position: fixed;
top: 0;
right: 0;
padding: 140px 20px 30px;
box-shadow: 0 10px 20px rgba(20, 20, 20, .15);
height: 100vh;
width: 430px
}
@media only screen and (max-width:64em) {
nav.tresio-nav[data-type=hamburger] .tresio-nav__main {
padding-left: 10px
}
}
@media only screen and (max-width:800px) {
nav.tresio-nav[data-type=hamburger] .tresio-nav__main {
width: 100vw;
padding: 85px 20px 125px 10px
}
}
nav.tresio-nav[data-type=hamburger] .tresio-nav__link {
background: rgba(0, 0, 0, 0);
display: block;
padding: 2px 10px;
font-size: 15px
}
nav.tresio-nav[data-type=hamburger] .tresio-nav__link.level-1 {
padding: 7px 10px;
font-size: 16px;
font-weight: 500
}
nav.tresio-nav[data-type=hamburger] .tresio-nav__dropdown {
transition: all 250ms ease-in-out;
font-size: 15px;
padding: 0 10px;
right: -10px;
top: 3px
}
.layered-nav nav.tresio-nav[data-type=hamburger] .tresio-nav__dropdown {
transform: rotate(-90deg)
}
.layered-nav nav.tresio-nav[data-type=hamburger] .tresio-nav__dropdown:not(.level-1) {
right: -5px !important
}
nav.tresio-nav[data-type=hamburger] .tresio-nav__dropdown[aria-expanded=true] {
transform: rotate(-180deg)
}
.layered-nav nav.tresio-nav[data-type=hamburger] .tresio-nav__dropdown[aria-expanded=true] {
display: none
}
.layered-nav nav.tresio-nav[data-type=hamburger] .tresio-nav__dropdown[aria-expanded=true]+.tresio-nav__list:not(.level-1) {
left: 0 !important;
opacity: 1;
visibility: visible;
z-index: 3
}
@media screen and (min-width:801px) {
.layered-nav.partial_hamburger_header nav.tresio-nav[data-type=hamburger] .tresio-nav__dropdown[aria-expanded=true]+.tresio-nav__list:not(.level-1) {
left: calc(100% - 430px) !important
}
}
nav.tresio-nav[data-type=hamburger] .tresio-nav__dropdown.level-1 {
font-size: 17px;
top: 7px
}
nav.tresio-nav[data-type=hamburger] .tresio-nav__list:not(.level-1) {
padding-left: 20px
}
.layered-nav nav.tresio-nav[data-type=hamburger] .tresio-nav__list:not(.level-1) {
top: 100px;
left: 100% !important;
position: fixed;
overflow: auto;
padding-top: 25px;
padding-bottom: 180px;
opacity: 0;
visibility: hidden;
transition: .55s ease-in-out all !important;
display: flex;
flex-direction: column;
height: 100%;
width: 100vw;
z-index: 0
}
.layered-nav nav.tresio-nav[data-type=hamburger] .tresio-nav__list:not(.level-1) li {
order: 2;
width: calc(100vw - 40px)
}
.layered-nav nav.tresio-nav[data-type=hamburger] .tresio-nav__list:not(.level-1) li:first-child {
order: 1
}
.layered-nav nav.tresio-nav[data-type=hamburger] .tresio-nav__list:not(.level-1) li a {
padding: 7px 0
}
@media screen and (min-width:801px) {
.layered-nav.partial_hamburger_header nav.tresio-nav[data-type=hamburger] .tresio-nav__list:not(.level-1) {
top: 112px;
width: 430px
}
.layered-nav.partial_hamburger_header nav.tresio-nav[data-type=hamburger] .tresio-nav__list:not(.level-1) li {
width: 390px
}
}
nav.tresio-nav[data-type=hamburger] ul.partial_nav li.ignore {
margin-top: 20px;
text-align: center
}
nav.tresio-nav[data-type=hamburger] ul.partial_nav li.ignore .socials {
padding: 20px 15px 0
}
nav.tresio-nav[data-type=hamburger] ul.partial_nav li.ignore a,
nav.tresio-nav[data-type=hamburger] ul.partial_nav li.ignore p {
font-family: Boldonse, Times, serif
}
nav.tresio-nav[data-type=hamburger] ul.partial_nav li.ignore a:hover,
nav.tresio-nav[data-type=hamburger] ul.partial_nav li.ignore p:hover {
color: #242424
}
nav.tresio-nav[data-type=hamburger] ul.partial_nav li.ignore p {
margin-bottom: 5px
}
nav.tresio-nav[data-type=hamburger] ul.partial_nav li.ignore a {
font-weight: 400
}
.mod_social .row.light header.socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main,
.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.socials header.socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main,
header .top-bar .inner header.socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main,
header.light nav.tresio-nav[data-type=hamburger] .tresio-nav__main,
header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.socials header.socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main {
background: #e5e5e5
}
.mod_social .row.light header.socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__dropdown,
.mod_social .row.light header.socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__link,
.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.socials header.socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__dropdown,
.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.socials header.socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__link,
header .top-bar .inner header.socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__dropdown,
header .top-bar .inner header.socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__link,
header.light nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__dropdown,
header.light nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__link,
header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.socials header.socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__dropdown,
header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.socials header.socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__link {
color: #000
}
.mod_social .row.light header.socials nav.tresio-nav[data-type=hamburger] li.ignore a,
.mod_social .row.light header.socials nav.tresio-nav[data-type=hamburger] li.ignore p,
.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.socials header.socials nav.tresio-nav[data-type=hamburger] li.ignore a,
.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.socials header.socials nav.tresio-nav[data-type=hamburger] li.ignore p,
header .top-bar .inner header.socials nav.tresio-nav[data-type=hamburger] li.ignore a,
header .top-bar .inner header.socials nav.tresio-nav[data-type=hamburger] li.ignore p,
header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.socials header.socials nav.tresio-nav[data-type=hamburger] li.ignore a,
header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.socials header.socials nav.tresio-nav[data-type=hamburger] li.ignore p,
header.light nav.tresio-nav[data-type=hamburger] li.ignore a,
header.light nav.tresio-nav[data-type=hamburger] li.ignore p {
color: #000 !important
}
.mod_social .row.light header.layered-nav.socials nav.tresio-nav[data-type=hamburger] ul.tresio-nav__list:not(.level-1),
.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.socials header.layered-nav.socials nav.tresio-nav[data-type=hamburger] ul.tresio-nav__list:not(.level-1),
header .top-bar .inner header.layered-nav.socials nav.tresio-nav[data-type=hamburger] ul.tresio-nav__list:not(.level-1),
header.layered-nav.light nav.tresio-nav[data-type=hamburger] ul.tresio-nav__list:not(.level-1),
header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.socials header.layered-nav.socials nav.tresio-nav[data-type=hamburger] ul.tresio-nav__list:not(.level-1) {
background: #e5e5e5
}
@keyframes fade {
0% {
opacity: 0;
visibility: hidden
}
100% {
opacity: 1;
visibility: visible
}
}
@keyframes fadeOutAnimationQuoteText {
from {
opacity: 1;
transform: none
}
to {
opacity: 0;
transform: translateY(-200px)
}
}
.box-container {
overflow: hidden;
width: 100%
}
.box-container.in-viewport .row .main-content {
animation: fadeInLeftToRight 1s ease forwards
}
.box-container.in-viewport .row .box.fade-in-left-to-right {
animation: fadeInLeftToRight 1s ease forwards
}
.box-container.in-viewport .row .box.fade-in-right-to-left {
animation: fadeInRightToLeft 1s ease forwards
}
.box-container .row {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
max-width: 1920px;
gap: 20px;
padding-bottom: 0;
width: 100%
}
@media only screen and (max-width:64em) {
.box-container .row {
grid-template-columns: 1fr 1fr;
margin-top: 50px;
}
}
.box-container .row .main-content {
opacity: 0;
display: grid;
place-items: center;
grid-column: 1/3;
grid-row: 1/3;
background: #adbb7b
}
@media only screen and (max-width:800px) {
.box-container .row .main-content {
grid-column: 1/3
}
}
.box-container .row .main-content .inner {
padding: 20px;
max-width: 500px
}
.box-container .row .main-content .inner * {
color: #fff
}
.box-container .row .main-content .inner p {
max-width: 450px
}
.box-container .row p.contact-scroll.fixed,
.box-container .row p.small {
font-size: 13px;
line-height: 1.2
}
.box-container .row .box {
opacity: 0;
position: relative;
padding: 20px;
display: grid;
place-items: center;
text-align: center;
max-width: 100%
}
@media only screen and (min-width:64.1em) {
.box-container .row .box:not(.long) {
aspect-ratio: 6/5
}
}
@media only screen and (max-width:1040px) {
.box-container .row .box {
padding: 0
}
}
.box-container .row .box.text {
background-color: #adbb7b
}
.box-container .row .box.text .inner h2 {
font-size: clamp(1.5rem, .5746rem + 3.9482vw, 5.3125rem);
color: #fff;
font-size: 25px
}
@media only screen and (max-width:800px) {
.box-container .row .box.text .inner h2 {
padding: 20px;
font-size: 16px;
}
}
.box-container .row .box.text .inner h2.small-title {
font-size: clamp(1.5rem, 1.1056rem + 1.6828vw, 3.125rem);
padding-bottom: 0;
margin-bottom: 10px;
line-height: 1.2
}
@media only screen and (max-width:800px) {
.box-container .row .box.text .inner h2.small-title {
margin-bottom: 5px
}
}
.box-container .row .box.text .inner h2.small-title+h2 {
padding-top: 0
}
@media only screen and (max-width:64em) {
.box-container .row .box:has(picture.background) {
padding-top: 100%
}
}
.box-container .row .box.box-one {
animation-delay: 1s !important
}
.box-container .row .box.box-two {
animation-delay: 2s !important
}
.box-container .row .box.box-three {
animation-delay: 3s !important
}
.box-container .row .box.box-four {
animation-delay: 4s !important
}
.box-container .row .box.box-five {
animation-delay: 5s !important
}
@media only screen and (max-width:64em) {
.box-container .row .box.box-five {
display: none
}
}
.box-container .row .box.box-six {
animation-delay: 6s !important
}
@media only screen and (max-width:64em) {
.box-container .row .box.box-six {
animation-delay: 5s !important
}
}
.box-container .row .box.box-seven {
animation-delay: 7s !important
}
@media only screen and (max-width:64em) {
.box-container .row .box.box-seven {
animation-delay: 6s !important
}
}
@media only screen and (min-width:64.1em) {
.box-container .row .box.long {
grid-row: 2/4;
grid-column: 4
}
}
.intro-container {
overflow: hidden;
position: relative
}
@media only screen and (min-width:64.1em) {
.intro-container.in-viewport:before {
opacity: .5;
height: calc(100% + 88px)
}
.intro-container.in-viewport:after {
opacity: .5;
width: 100%
}
}
.intro-container.in-viewport .row .quote {
transform: translateX(0);
opacity: 1
}
.intro-container.in-viewport .row .points {
transform: translateX(0);
opacity: 1
}
.home-half-image-swiper-content {
transform: translateX(-25%);
opacity: 0;
transition: transform 1.5s ease, opacity 1.5s ease
}
.in-viewport .home-half-image-swiper-content {
transform: translateX(0);
opacity: 1
}
.intro-container .row {
max-width: 1000px; text-align: center;
}
@media only screen and (min-width:64.1em) {
.intro-container .row {
padding-left: 0;
}
}
@media only screen and (max-width:1600px) {
.intro-container .row {
padding-left: 20px
}
}
@media only screen and (max-width:64em) {
.intro-container .row {
padding-left: 50px; display: block
}
.intro-container .row .quote h2{font-size: 16px;}
.intro-container .row .quote h1{font-size: 22px;}
}
@media only screen and (max-width:800px) {
.intro-container .row {
padding-left: 20px
}
}
.intro-container .row .quote {
transform: translateX(-25%);
opacity: 0;
padding-top: clamp(1.25rem, .3398rem + 3.8835vw, 5rem);
max-width: 650px;
transition: transform 1.5s ease, opacity 1.5s ease
}
@media only screen and (max-width:1200px) {
.intro-container .row .quote {
max-width: 480px;
}
}
@media only screen and (max-width:64em) {
.intro-container .row .quote {
max-width: 100%;
}
}
.intro-container .row .points {
transform: translateX(-25%);
opacity: 0;
padding-top: clamp(1.25rem, .3398rem + 3.8835vw, 5rem);
max-width: 650px;
transition: transform 1.5s ease, opacity 1.5s ease
}
.intro-container .row .quote h2 {
font-size: 30px;
margin: 0;
padding: 0;
}
.intro-container .row .quote h1 {
font-size: 40px;
margin: 0;
padding: 0;
}
@media only screen and (max-width:40em) {
.intro-container .row .quote h2{font-size: 16px;}
.intro-container .row .quote h1{font-size: 22px;}
}
.intro-container .row .points {
align-items: left;
justify-content: center;
display: flex;
flex-direction: column;
}
.intro-container .row .points h3 {
font-size: 16px;
margin: 0;
padding: 0;
}
.intro-container .row .points .points-li {
margin-top: 30px;
align-items: left;
justify-content: center;
gap: 20px;
display: grid;
grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width:40em) {
.intro-container .row .points .points-li {
display: flex; flex-direction: column;
}
}
.intro-container .row .points .points-li div {
display: flex;
gap: 10px;
align-items: center;
}
.intro-container .row .points .points-li div img {
display: block;
width: 40px;
height: 36px;
}
.intro-container .row .points .points-li div {
font-family: Boldonse, Times, serif;
font-size: 14px;
line-height: 1.5;
max-width: 300px;
}
.callouts-container  {
background: #f3f4f6 !important;
width: 100%;
margin: 50px auto 0;
}
.callouts-container .row {
max-width: 1200px;
margin: 0 auto 0;
padding-left: 0;
padding-right: 0;
padding-top: 25px !important; text-align: center;
}
.callouts-container .row .callouts-item{display: flex;  ;gap: 20px;
align-content: space-around; margin: auto;}
.callouts-container .row .callouts-item .item{background: #fff; width: 25%; text-align: left; position: relative;}
.callouts-container .row .callouts-item .item .icon{background: #adbb7b;display: flex; justify-content: center; align-items: center; width: 100%; height: 200px; text-align: center; }
.callouts-container .row .callouts-item .item .icon img{height: 140px; }
.callouts-container .row .callouts-item .item p{ margin: 10px 10px 80px 10px; line-height: 24px; position: relative;}
.callouts-container .row .callouts-item .item h2{ margin: 20px 10px;font-size: 16px; line-height: 26px; font-weight:bold; }
@media only screen and (max-width:40em) {
.callouts-container .row .callouts-item {  flex-flow:   wrap
}
.callouts-container .row .callouts-item .item{
flex: 50%;
width: 50%;
}
}
.bio-container.half-image .row.half-image-row {
max-width: 1200px;
background: #f3f4f6;
background-size: cover;
}
.bio-container.half-image .row.half-image-row .copy .inner .swiper h2 {
font-size: 28px;
font-weight:500;
}
@media only screen and (min-width:64.1em) {
.bio-container.half-image .row.half-image-row {
padding-left: 0;
padding-right: 0;
}
.bio-container.half-image .row.half-image-row .media {
width: 50%
}
.bio-container.half-image .row.half-image-row .copy {
width: 50%
}
}
@media only screen and (min-width:64.1em)and (max-width:800px) {
.bio-container.half-image .row.half-image-row .copy .inner a.btn {
margin-top: 0
}
}
@media only screen and (min-width:64.1em) {
.bio-container.half-image .row.half-image-row .copy .inner {
padding-right: 20px
}
}
@media only screen and (min-width:64.1em)and (min-width:64em)and (max-height:900px) {
.bio-container.half-image .row.half-image-row .copy .inner {
padding: 15px 0 15px clamp(1.25rem, .3398rem + 3.8835vw, 5rem)
}
}
@media only screen and (max-width:64em) {
.bio-container.half-image .row.half-image-row .media {
padding-top: 0 !important;
margin-bottom: 0
}
}
.bio-container.half-image .row.half-image-row .media:after {
display: none
}
.bio-container.half-image .row.half-image-row .media .home-half-image-swiper-images.swiper {
height: 100%
}
.bio-container.half-image .swiper-nav {
display: flex;
justify-content: flex-start;
gap: 20px;
align-items: center;
z-index: 12;
overflow: hidden
}
.bio-container.half-image .home-half-image-swiper-pagination {
position: absolute;
top: 30px;
right: 70px;
left: auto;
height: fit-content;
width: fit-content;
text-align: right;
font-size: 15px;
font-weight: 500
}
@media only screen and (max-width:64em) {
.bio-container.half-image .home-half-image-swiper-pagination {
display: none
}
}
footer.partial_footer {
overflow: hidden;
position: relative;
background: #00507d
}
footer.partial_footer .areas-served {
max-width: 1440px;
margin: 0 auto;
padding: 20px;
display: flex;
align-items: center;
justify-content: start;
gap: clamp(.625rem, .2679rem + .558vw, .9375rem)
}
@media only screen and (min-width:64.1em) {
footer.partial_footer .areas-served {
padding-left: 100px
}
}
@media only screen and (max-width:1325px) {
footer.partial_footer .areas-served {
flex-wrap: wrap
}
}
footer.partial_footer .areas-served .area-label,
footer.partial_footer .areas-served .btn.alt {
font-size: clamp(.8125rem, .7822rem + .1294vw, .9375rem);
letter-spacing: 0
}
footer.partial_footer .areas-served .area-label:hover,
footer.partial_footer .areas-served .btn.alt:hover {
opacity: 1 !important
}
@media only screen and (min-width:64.1em) {
footer.partial_footer:after {
content: "";
position: absolute;
height: 1px;
width: 100%;
top: 0;
left: 50%;
transform: translateX(-50%);
opacity: .5;
background: #161212
}
}
footer.partial_footer>.row {
padding-top: 60px;
padding-bottom: 50px;
margin-bottom: 20px;
position: relative;
z-index: 2
}
@media only screen and (min-width:64em)and (max-height:900px) {
footer.partial_footer>.row {
padding-left: 50px
}
}
@media only screen and (max-width:800px) {
footer.partial_footer>.row {
padding-top: 10px
}
}
footer.partial_footer p {
margin-bottom: 15px
}
@media only screen and (max-width:40em) {
footer.partial_footer p {
text-align: center
}
}
footer.partial_footer nav.tresio-nav {
padding-bottom: 0
}
footer.partial_footer nav.tresio-nav ul.list>li.home {
display: none
}
footer.partial_footer nav.tresio-nav ul.list>li>a.tresio-nav__link {
background: 0 0 !important;
position: relative;
padding: 0 !important
}
footer.partial_footer nav.tresio-nav ul.list>li>a.tresio-nav__link:hover {
background: 0 0 !important;
opacity: 1 !important
}
footer.partial_footer span.label {
display: block;
margin-bottom: 20px; color: #fff; text-transform: uppercase; font-weight: normal;
}
footer.partial_footer .reviews-holder {
margin-top: 20px
}
footer.partial_footer .reviews-holder p {
display: inline-block;
line-height: 1.4;
margin-bottom: 10px
}
footer.partial_footer .reviews-holder .stars {
display: block;
position: relative;
text-align: left;
top: -1px
}
footer.partial_footer .reviews-holder .stars i {
color: #adbb7b;
font-size: 12px
}
footer.partial_footer .reviews-holder .stars i+i {
margin-left: 2px
}
@media only screen and (max-width:800px) {
footer.partial_footer .reviews-holder .stars {
text-align: center
}
}
@media only screen and (max-width:800px) {
footer.partial_footer .socials {
text-align: center
}
}
footer.partial_footer .nav-links {
margin-top: 0;
padding: 40px 20px !important;
position: relative;
z-index: 9;
border-bottom: 1px solid #adbb7b
}
@media only screen and (min-width:64.1em) {
footer.partial_footer .nav-links {
padding-left: 100px !important
}
}
@media only screen and (max-width:64em) {
footer.partial_footer .nav-links {
display: none
}
}
footer.partial_footer .nav-links .row {
padding: 0 20px;
max-width: 1440px
}
footer.partial_footer .nav-links .row nav.tresio-nav[data-type=horizontal] ul.partial_nav {
justify-content: space-between;
gap: 20px
}
footer.partial_footer .main {
position: relative;
max-width: 1200px;
display: grid;
grid-template-columns: 300px 300px 300px 300px;
}
@media only screen and (max-width:800px) {
footer.partial_footer .main {
grid-template-columns: 1fr;
flex-wrap: wrap;
justify-content: center;
padding-bottom: 0 !important
}
}
@media only screen and (max-width:800px) {
footer.partial_footer .main .item {
text-align: center;
margin: 15px 0;
order: 2
}
footer.partial_footer .main .item.logo-holder {
order: 0
}
}
footer.partial_footer .logo-holder {
text-align: center
}
footer.partial_footer .logo-holder .logo {
display: inline-block
}
footer.partial_footer .logo-holder .logo picture {
position: relative;
display: block;
width: 100%;
max-width: 406px
}
footer.partial_footer .logo-holder .logo picture img {
width: 100%;
max-width: 200px;
}
footer.partial_footer .left-holder {
display: flex;
flex-direction: column;
gap: 20px
}
footer.partial_footer .left-holder .location-zone {
position: relative
}
@media only screen and (max-width:64em) {
footer.partial_footer .left-holder .location-zone:after {
width: 50%
}
}
footer.partial_footer .right-holder {
display: flex;
flex-direction: column;
gap: 60px
}
footer.partial_footer .right-holder .review-zone {
position: relative
}
@media only screen and (max-width:64em) {
footer.partial_footer .right-holder .review-zone:after {
width: 50%
}
}
footer.partial_footer .address {
margin-top: 15px
}
footer.partial_footer .address a,
footer.partial_footer .address p {
margin-bottom: 0;
line-height: 1.4
}
footer.partial_footer .address a:last-child,
footer.partial_footer .address p:last-child {
margin-bottom: 0
}
footer.partial_footer ul.socials {
margin: 0
}
@media only screen and (max-width:40em) {
footer.partial_footer ul.socials {
width: 100%;
float: none;
text-align: center;
margin-left: 0
}
}
footer.partial_footer ul.socials li {
transform: scale(1.2);
display: inline-block
}
footer.partial_footer ul.socials li a {
border-radius: 0
}
footer.partial_footer ul.socials li+li {
margin-left: 5px
}
footer.partial_footer a {
display: inline-block;
color:#fff;
}
footer.partial_footer a:hover {
cursor: pointer;
opacity: .4 !important
}
footer.partial_footer .fixed-cta {
position: fixed;
left: 0;
bottom: -1px;
width: 100%;
text-align: center;
display: none;
z-index: 9999;
box-shadow: 0 0 12px rgba(20, 20, 20, .25)
}
@media only screen and (max-width:800px) {
footer.partial_footer .fixed-cta {
display: flex
}
}
footer.partial_footer .fixed-cta a.btn {
background: #ece9e7;
width: 50%;
padding: 16px 10px 13px;
color: #242424;
display: block;
font-size: 15px;
margin-top: 0;
border-radius: 0;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500
}
footer.partial_footer .fixed-cta a.btn span {
font-size: 15px
}
footer.partial_footer .fixed-cta a.btn+a.btn {
background: #adbb7b;
color: #fff
}
footer.partial_footer .fixed-cta a.btn:hover {
opacity: 1 !important
}
.trademark {
position: relative;
z-index: 1;
background: #efefef
}
.trademark .row {
display: grid;
align-items: center;
padding: 40px 20px;
grid-template-columns: 1fr;
width: 100% !important;
max-width: 1300px !important;
}
@media only screen and (max-width:900px) {
.trademark .row {
grid-template-columns: 1fr;
text-align: center;
grid-gap: 10px;
padding: 30px 20px
}
}
@media only screen and (max-width:40em) {
.trademark .row .item.reserved a {
display: block
}
}
.trademark .row .item:nth-child(2) {
text-align: center
}
.trademark .row .item:nth-child(2) a+a {
position: relative;
margin-left: 5px
}
.trademark .row .item:nth-child(2) a+a:before {
content: "";
border-left: 1px solid #777;
padding-right: 10px;
height: 11px;
display: inline-block;
position: relative;
top: 2px
}
@media only screen and (max-width:900px) {
.trademark .row .item:nth-child(2) {
margin-top: 20px;
text-align: center
}
}
.trademark .row .item.s3 {
text-align: right
}
@media only screen and (max-width:900px) {
.trademark .row .item.s3 {
margin-top: 20px;
text-align: center
}
}
.trademark .row .item.s3 a {
display: inline-block;
text-align: left;
padding-left: 42px;
line-height: 1.3;
letter-spacing: .8px;
position: relative;
font-family: bilo, Arial, sans-serif
}
.trademark .row .item.s3 a span {
font-size: 12px;
letter-spacing: .8px;
font-family: bilo, Arial, sans-serif
}
.trademark .row .item.s3 a span.s3-logo {
position: absolute;
width: 8px;
height: 30px;
background: #adbb7b;
left: 11px;
top: 50%;
transform: translateY(-50%);
border-radius: 2px
}
.trademark .row .item.s3 a span.s3-logo:after,
.trademark .row .item.s3 a span.s3-logo:before {
content: "";
position: absolute;
display: inline-block;
background: #adbb7b;
width: 8px;
height: 100%;
top: 0;
left: -11px;
border-radius: 2px
}
.trademark .row .item.s3 a span.s3-logo:after {
left: auto;
right: -11px
}
.trademark .row a,
.trademark .row p {
font-size: 12px;
margin-bottom: 0;
letter-spacing: 1px;
color: #222 !important
}
.trademark .row a+a,
.trademark .row p+a {
margin-left: 10px
}
.footer-content {
text-align: center;
padding: 20px
}
.footer-content a {
text-decoration: underline
}
.container.main {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px
}
@media only screen and (max-width:64em) {
.container.main {
margin-left: 0;
margin-right: 0;
padding: 30px 0
}
}
.container.main .inner {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
max-width: 1200px;
margin: 0 auto;
padding-top: 40px
}
@media only screen and (max-width:64em) {
.container.main .inner {
padding-top: 0
}
}
@media only screen and (max-width:800px) {
.container.main .inner {
flex-direction: column-reverse
}
}
nav.tresio-nav[data-type=horizontal] ul.partial_nav li.areas-served {
display: none
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(80%)
}
to {
opacity: 1;
transform: translateY(0)
}
}
@keyframes fadeInRightToLeft {
from {
opacity: 0;
transform: translateX(50%)
}
to {
opacity: 1;
transform: translateX(0)
}
}
@keyframes fadeInLeftToRight {
from {
opacity: 0;
transform: translateX(-50%)
}
to {
opacity: 1;
transform: translateX(0)
}
}
.cta .row {
position: relative;
text-align: center;
padding: calc(30px + 6%) 20px;
z-index: 2
}
@media only screen and (max-width:64em) {
.cta .row {
padding: calc(30px + 4%) 20px
}
}
@media only screen and (max-width:40em) {
.cta .row {
padding: calc(20px + 3%) 20px
}
}
.cta .row .text {
display: inline-block
}
.cta .row .text h2,
.cta .row .text h3 {
font-size: 60px;
line-height: 1.2;
margin-bottom: 10px
}
@media only screen and (max-width:64em) {
.cta .row .text h2,
.cta .row .text h3 {
font-size: 50px
}
}
@media only screen and (max-width:40em) {
.cta .row .text h2,
.cta .row .text h3 {
font-size: 40px
}
}
.cta .row a.tel {
margin-right: 20px;
position: relative;
top: 2px;
padding-left: 24px
}
@media only screen and (max-width:40em) {
.cta .row a.tel {
margin-right: 0
}
}
.cta .row a.btn {
margin-top: 25px
}
.cta.viewport picture.background {
display: block;
overflow: hidden
}
.cta.viewport picture.background img {
transform: scale(1.2)
}
.cta.in-viewport picture.background img {
transform: scale(1)
}
.half-image {
position: relative
}
.half-image .bg {
width: 100%;
height: 200%;
display: flex;
position: absolute;
top: 50%;
left: 0;
z-index: 0;
opacity: .9;
transform: translateY(-50%)
}
.half-image .bg img {
display: block;
width: 100% !important;
height: 100%;
object-fit: contain;
object-position: 0 50%
}
.half-image .bg.bg2 {
right: 0;
left: auto
}
.half-image .bg.bg2 img {
object-position: 100% 50%
}
@media only screen and (max-width:1200px) {
.half-image .bg {
height: 120%
}
}
.half-image .row.half-image-row {
z-index: 3;
padding: 0 20px;
margin: 40px auto  ;
max-width: 1600px;
position: relative;
display: flex
}
@media only screen and (max-width:64em) {
.half-image .row.half-image-row {
background: 0 0;
flex-direction: column
}
}
.half-image .row.half-image-row .copy,
.half-image .row.half-image-row .media {
position: relative;
margin: 0
}
.half-image .row.half-image-row .media {
overflow: hidden
}
@media only screen and (max-width:64em) {
.half-image .row.half-image-row .media {
margin-bottom: 30px;
padding-top: 56.25%
}
}
@media only screen and (max-width:800px) {
.half-image .row.half-image-row .media {
padding-top: 65%
}
}
@media only screen and (max-width:40em) {
.half-image .row.half-image-row .media {
padding-top: 75%
}
}
.half-image .row.half-image-row .media .media-content {
position: absolute;
bottom: 40px;
left: 0;
padding: 0 50px;
width: 100%;
z-index: 3
}
@media only screen and (max-width:64em) {
.half-image .row.half-image-row .media .media-content {
padding: 0 40px;
bottom: 30px
}
}
@media only screen and (max-width:800px) {
.half-image .row.half-image-row .media .media-content {
padding: 0 30px;
bottom: 22px
}
}
.half-image .row.half-image-row .media .media-content * {
color: #fff
}
.half-image .row.half-image-row .media .media-content h3 {
margin-bottom: 0
}
.half-image .row.half-image-row .media .media-content h3+p {
margin-top: 20px
}
.half-image .row.half-image-row .media .media-content h3+p+p {
margin-top: 20px
}
.half-image .row.half-image-row .media.content:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
display: block;
background: #000;
opacity: .5;
background: linear-gradient(0deg, #000 0, rgba(255, 255, 255, 0) 50%)
}
.half-image .row.half-image-row .copy .inner {
padding: 15px 0 15px 80px
}
@media only screen and (max-width:64em) {
.half-image .row.half-image-row .copy .inner h2 {
margin-bottom: 15px
}
.half-image .row.half-image-row .copy .inner h2:before {
width: 60px;
height: 4px;
margin-top: 15px;
margin-bottom: 15px
}
}
.half-image .row.half-image-row .copy .inner .btn {
margin-top: 5px
}
@media only screen and (max-width:64em) {
.half-image .row.half-image-row .copy .inner .btn {
margin-top: 15px
}
}
.half-image .row.half-image-row .copy .inner .logo {
margin-bottom: 20px;
display: flex
}
.half-image .row.half-image-row .copy .inner .logo img {
max-width: 180px;
max-height: 60px;
width: auto
}
@media only screen and (max-width:64em) {
.half-image .row.half-image-row .copy .inner .logo img {
max-width: 160px;
max-height: 50px
}
}
@media only screen and (max-width:800px) {
.half-image .row.half-image-row .copy .inner .logo img {
max-width: 140px;
max-height: 40px
}
}
@media only screen and (max-width:64em) {
.half-image .row.half-image-row .copy {
padding: 0;
max-width: 100%
}
.half-image .row.half-image-row .copy .inner {
padding:20px 0
}
}
@media only screen and (min-width:64.1em) {
.half-image .row.half-image-row {
flex-wrap: nowrap;
flex-direction: row
}
.half-image .row.half-image-row .media {
width: 50%
}
.half-image .row.half-image-row .copy {
width: 50%;
padding: 10px 0
}
.half-image .row.half-image-row .copy .inner {
max-width: 580px
}
}
.half-image .row.links-list {
display: flex;
justify-content: space-between;
margin: -20px auto 0;
padding-top: 20px;
max-width: 920px;
position: relative;
z-index: 3
}
@media only screen and (max-width:800px) {
.half-image .row.links-list {
flex-wrap: wrap;
justify-content: center
}
}
.half-image .row.links-list a {
text-align: center;
font-weight: 500;
font-size: 17px
}
@media only screen and (max-width:64em) {
.half-image .row.links-list a {
font-size: 16px
}
}
@media only screen and (max-width:800px) {
.half-image .row.links-list a {
font-size: 15px;
display: inline-block;
margin: 0 20px 15px 0
}
}
.partial_a11y_menu {
opacity: 0;
pointer-events: none;
transition: .2s ease-in-out;
background: #fff;
padding: 10px;
position: fixed;
top: 20px;
left: 20px;
border-radius: 5px;
border: 1px solid #f3f3f3 !important;
list-style-type: none;
box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
z-index: 999999
}
.partial_sticky_bar {
background: #adbb7b;
padding: 10px 10px 14px;
text-align: center;
width: 100%;
position: relative;
z-index: 999;
display: none;
grid-gap: 20px
}
@media only screen and (max-width:40em) {
.partial_sticky_bar {
padding: 10px 10px 12px;
flex-direction: column;
grid-gap: 5px
}
}
.sticky-bar-on .partial_sticky_bar {
display: flex;
justify-content: center
}
.partial_sticky_bar p {
color: #fff;
margin: 0 !important;
display: inline-block;
line-height: 1;
font-weight: 500
}
@media only screen and (max-width:40em) {
.partial_sticky_bar p {
display: block
}
}
.partial_sticky_bar p.copy {
font-size: 14px;
padding-top: 7px;
text-transform: uppercase
}
@media only screen and (max-width:40em) {
.partial_sticky_bar p.copy {
font-size: 12px;
font-weight: 400
}
}
.socials {
margin-left: 0;
margin-bottom: 14px
}
.socials a,
.socials li {
display: inline-block;
color:#fff;
}
header .top-bar .inner .socials li a span,
header .top-bar .inner header.socials nav.tresio-nav[data-type=hamburger] li.ignore ul.socials li a span,
header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.socials li a span {
background: url(/go/images/social-icons2-white-1-1.svg) no-repeat
}
@font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
font-display: swap
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
* {
--swiper-navigation-size: 44px
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
@keyframes typingBounce {
0% {
background: #aaa
}
50% {
background: #ccc
}
100% {
background: #aaa
}
}
@keyframes visibleOutboundMessage {
0% {
transform: translateY(16px) translateX(-25%)
}
30% {
transform: translateY(8px) translateX(0)
}
100% {
transform: translateY(0) translateX(0)
}
}
@keyframes visibleInboundMessage {
0% {
transform: translateY(-2px) translateX(0)
}
30% {
transform: translateY(-2px) translateX(0)
}
100% {
transform: translateY(0) translateX(0)
}
}
.office-container {
overflow: hidden;
position: relative;
margin-bottom: 80px
}
.office-container .row .content h2 {
font-size: 25px;
}
@media only screen and (max-width:64em) {
.office-container {
margin-bottom: 60px
}
.office-container .wrapper:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
display: block;
background: #fff;
opacity: .4
}
}
@media only screen and (max-width:64em)and (max-width:800px) {
.office-container .wrapper:before {
display: none
}
}
@media only screen and (max-width:800px) {
.office-container {
margin-top: 40px
}
}
@media only screen and (max-width:800px) {
.office-container.dark .wrapper {
background: #adbb7b
}
}
@media only screen and (max-width:800px) {
.office-container.dark .wrapper:before {
display: none
}
}
.office-container .row {
position: relative;
padding: calc(20px + 12%) 20px;
display: flex;
justify-content: center;
flex-wrap: wrap
}
.office-container .row .content {
position: relative;
z-index: 2;
max-width: 980px
}
.office-container .row .content h2,
.office-container .row .content h3 {
text-align: center;
margin-bottom: 35px
}
@media only screen and (max-width:64em) {
.office-container .row .content h2,
.office-container .row .content h3 {
margin-bottom: 30px
}
}
@media only screen and (max-width:800px) {
.office-container .row .content h2,
.office-container .row .content h3 {
text-align: left;
margin-bottom: 25px
}
}
@media only screen and (max-width:40em) {
.office-container .row .content h2,
.office-container .row .content h3 {
margin-bottom: 15px
}
}
.office-container.dark .row .content a:not(.btn),
.office-container.dark .row .content h2,
.office-container.dark .row .content h3,
.office-container.dark .row .content h4,
.office-container.dark .row .content span,
.office-container.dark .row .content p {
color: #fff;
text-align: center;
}
.office-container .wrapper {
position: relative
}
@media only screen and (max-width:800px) {
.office-container .wrapper {
display: flex;
flex-wrap: wrap
}
.office-container .wrapper picture.background {
position: relative;
top: 0;
left: 0;
transform: none;
order: 0
}
.office-container .wrapper .row {
order: 1;
padding: 25px 20px
}
}
.office-container picture.background.viewport {
transition: all .3s ease display: block;
overflow: hidden;
}
.office-container picture.background.viewport img {
transition: all .3s ease transform: scale(1.2);
}
.office-container.viewport picture.logo {
position: relative;
opacity: 0;
top: -20px;
}
.office-container.viewport .credentials {
position: relative;
top: -20px;
opacity: 0;
}
.office-container picture.background.in-viewport img {
transform: scale(1);
transition: all .3s ease
}
@media only screen and (max-width:800px) {
.office-container.unfurl.viewport picture.background img {
filter: brightness(.5)
}
}
.office-container.unfurl.viewport .wrapper .row .content {
opacity: 0;
transform: translateY(50%)
}
.office-container.unfurl.in-viewport picture.background img {
transform: scale(1);
clip-path: inset(0 0 round 0);
filter: brightness(.5)
}
@media only screen and (max-width:800px) {
.office-container.unfurl.in-viewport picture.background img {
filter: brightness(1)
}
}
.office-container.unfurl.in-viewport .wrapper .row .content {
opacity: 1;
transform: translateY(0)
}
.office-container.unfurl picture.background img {
transition: clip-path 2s ease, filter 2s ease
}
.office-container.unfurl .wrapper:before {
display: none
}
@media only screen and (max-width:64em) {
.office-container.unfurl .wrapper .row {
padding: clamp(1.875rem, 1.7233rem + .6472vw, 2.5rem) 20px
}
}
.office-container.unfurl .wrapper .row .content {
transition: opacity 2s ease, transform 2s ease
}
.office-container.unfurl .wrapper .row .content h2 .smaller {
font-size: clamp(1.25rem, 1.1893rem + .2589vw, 1.5rem)
}
.office-container.viewport picture.background {
display: block;
overflow: hidden
}
.office-container.viewport picture.background img {
transform: scale(1.2)
}
.office-container.in-viewport picture.background img {
transform: scale(1)
}
.top-header-container {
max-width: 100%;
margin:150px auto 0;
background: #adbb7b;
padding: 55px 0px;
text-align: center;
position: relative;
}
@media only screen and (max-width:40em) {
.top-header-container {
margin:0 auto 0;
}
}
.top-header-container h1 {
color: #fff;
font-size: 30px;
margin-bottom:0px !important;
}
nav.tresio-nav[data-type=horizontal] ul.partial_nav li.tresio-nav__list-item--has-children ul.tresio-nav__list {
z-index: 100;
background: #fff;
min-width: 180px;
box-shadow: 0 5px 12px rgba(20, 20, 20, .15);
border-top: none
}
nav.tresio-nav[data-type=horizontal] ul.partial_nav li.tresio-nav__list-item--has-children ul.tresio-nav__list li {
display: block
}
nav.tresio-nav[data-type=horizontal] ul.partial_nav li.tresio-nav__list-item--has-children ul.tresio-nav__list li a.tresio-nav__link {
padding: 12px;
transition: .3s background ease-in-out !important
}
nav.tresio-nav[data-type=horizontal] ul.partial_nav li.tresio-nav__list-item--has-children ul.tresio-nav__list li a.tresio-nav__link.is-active {
background: #adbb7b;
color: #fff
}
nav.tresio-nav[data-type=horizontal] ul.partial_nav li.tresio-nav__list-item--has-children ul.tresio-nav__list li+li {
border-top: 1px solid rgba(88, 16, 37, .2)
}
nav.tresio-nav[data-type=horizontal] ul.partial_nav li.tresio-nav__list-item--has-children ul.tresio-nav__list li.is-active>a.tresio-nav__link,
nav.tresio-nav[data-type=horizontal] ul.partial_nav li.tresio-nav__list-item--has-children ul.tresio-nav__list li:hover>a.tresio-nav__link {
background: #adbb7b;
color: #fff
}
nav.tresio-nav[data-type=horizontal] ul.partial_nav li.tresio-nav__list-item--has-children ul.tresio-nav__list li.is-active>a.tresio-nav__dropdown {
color: #fff
}
nav.tresio-nav[data-type=horizontal] ul.partial_nav li.tresio-nav__list-item--has-children ul.tresio-nav__list li.tresio-nav__list-item--has-children a.tresio-nav__dropdown {
transform: translateY(-50%) rotate(-90deg)
}
nav.tresio-nav[data-type=horizontal] ul.partial_nav li.tresio-nav__list-item--has-children:hover>ul.tresio-nav__list {
display: block
}
header.dark nav.tresio-nav[data-type=horizontal] ul.partial_nav li.level-1>a.tresio-nav__dropdown {
color: #fff
}
@media only screen and (max-width: 64em) {
nav.tresio-nav[data-type=hamburger] {
padding-right: 0
}
.layered-nav nav.tresio-nav[data-type=hamburger] {
padding-top: 12px
}
}
nav.tresio-nav[data-type=hamburger] a.tresio-nav__hamburger {
transform: scale(0.8)
}
.mod_home_hero.banner {
opacity: 1;
visibility: visible;
position: relative;
overflow: visible;
overflow-x: clip; position: relative;
}
@media only screen and (max-width:40em) {
.mod_home_hero.banner {
display: flex;
flex-direction: column-reverse
}
}
.mod_home_hero.banner .row {
max-width: 1400px;
min-height: calc(80vh - 50px);
display: flex;
align-items: center;
position: relative;
z-index: 23;
justify-content: center
}
@media only screen and (max-width:64em) {
.mod_home_hero.banner .row {
min-height: calc(100dvh - 60px)
}
}
@media only screen and (max-width:800px) {
.mod_home_hero.banner .row {
min-height: unset;
padding: 160px 20px 10px
}
}
@media only screen and (max-width:40em) {
.mod_home_hero.banner .row {
padding: 20px 20px 10px;
background:#adbb7b
}
}
.mod_home_hero.banner .row .inner {
padding-right: 0
}
.mod_home_hero.banner .row .inner h1 {
font-size: 40px;
margin-bottom: 18px
}
@media only screen and (max-width:40em) {
.mod_home_hero.banner .row .inner h1 {
font-size: 20px;
margin-bottom: 8px
}
}
.mod_home_hero.banner .row .inner h1 .block {
font-size: clamp(22px, 5vw, 48px)
}
.mod_home_hero.banner .row .inner h2 {
font-size: clamp(15px, 2vw, 30px);
line-height: 1.7
}
@media only screen and (max-width:40em) {
.mod_home_hero.banner .media video {
position: static;
transform: none
}
}
.mod_home_hero.banner.center-placement .row .inner {
text-align: center;
width: 100%;
max-width: 1200px
}
.mod_home_hero.banner.center-placement .row .inner .content {
padding-right: 0;
font-size: 18px;
line-height: 1.5; max-width: 700px; margin: auto; margin-bottom: 50px;
font-style:italic;
}
.mod_home_hero.banner.dark .row .inner * {
color: #fff
}
.mod_home_hero.banner.dark:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
display: block;
opacity: .8; background: #0d5584;
}
@media only screen and (max-width:40em) {
.mod_home_hero.banner.dark:before {
display: none
}
}
.mod_home_banner .row {
position: relative;
padding: calc(20px + 6%) 20px;
max-width: 1420px;
display: flex;
justify-content: center;
flex-wrap: wrap
}
@media only screen and (min-width:64em)and (max-height:900px) {
.mod_home_banner .row {
padding: calc(40px + 8%) 20px
}
}
@media only screen and (max-width:64em) {
.mod_home_banner .row {
padding: calc(40px + 8%) 20px
}
}
@media only screen and (max-width:800px) {
.mod_home_banner .row {
padding: 80px 20px
}
}
@media only screen and (max-width:40em) {
.mod_home_banner .row {
padding: 60px 20px
}
}
.mod_home_banner .row .content {
position: relative;
z-index: 2;
max-width: 980px
}
.mod_home_banner .row .content h2 {
font-size: 54px
}
@media only screen and (min-width:64em)and (max-height:900px) {
.mod_home_banner .row .content h2 {
font-size: 46px
}
}
@media only screen and (max-width:64em) {
.mod_home_banner .row .content h2 {
font-size: 44px
}
}
@media only screen and (max-width:800px) {
.mod_home_banner .row .content h2 {
font-size: 36px
}
}
@media only screen and (max-width:40em) {
.mod_home_banner .row .content h2 {
font-size: 28px
}
}
.mod_home_banner .row .content h2,
.mod_home_banner .row .content h3 {
text-align: center;
margin-bottom: 35px
}
@media only screen and (max-width:64em) {
.mod_home_banner .row .content h2,
.mod_home_banner .row .content h3 {
margin-bottom: 30px
}
}
@media only screen and (max-width:800px) {
.mod_home_banner .row .content h2,
.mod_home_banner .row .content h3 {
text-align: left;
margin-bottom: 25px
}
}
@media only screen and (max-width:40em) {
.mod_home_banner .row .content h2,
.mod_home_banner .row .content h3 {
margin-bottom: 15px
}
}
.mod_home_banner.dark .row .content h2,
.mod_home_banner.dark .row .content h3,
.mod_home_banner.dark .row .content h4,
.mod_home_banner.dark .row .content span {
color: #fff
}
.tour-bg-img { background: #00507d url('/content/officetour/officetour07.webp'); background-repeat:no-repeat; background-size:cover; background-position:center center; }
.tour-container{width: 100%; background: rgba(0,80,125,0.8); padding: 50px 10px;}
.tour-container .row {text-align: center;}
.tour-container .row p{ color: #fff;}
.tour-container .row h2{ color: #fff; font-size:28px; font-weight:500;}
.mod_home_testimonial .controls {
padding-bottom: 40px;
margin-top: 20px;
display: flex;
justify-content: space-around;
gap: 20px;
width: 100%;
max-width: 500px;
margin: 50px auto 0
}
@media only screen and (max-width: 800px) {
.mod_home_testimonial .controls {
padding: 20px
}
}
.mod_home_testimonial .controls button {
border: none;
padding: 25px;
border-radius: 50%;
fill: #000;
background: url("/go/images/ico-l.svg") center center/contain no-repeat
}
.mod_home_testimonial .controls button:before {
display: none
}
.mod_home_testimonial .controls button.home-testimonial-swiper-button-next {
background-image: url("/go/images/ico-r.svg");
fill: #000;
}
.mod_home_testimonial .controls button.swiper-button-disabled {
opacity: .3
}
.mod_home_testimonial .controls button:hover {
opacity: .5
}
.mod_home_testimonial .controls .home-testimonial-swiper-pagination {
display: flex;
align-items: center;
padding-top: 0;
align-items: center;
justify-content: center
}
.mod_home_testimonial .row {
display: flex;
grid-template-columns: 1fr 1fr;
max-width: 1600px;
position: relative;
gap: 60px;
align-items: center;
}
@media only screen and (max-width: 64em) {
.mod_home_testimonial .row {
gap: 0;
display: flex;
flex-direction: column-reverse
}
}
.mod_home_testimonial .row .swiper-container {
--left-spacing: 140px;
padding: 180px 0px 120px;
flex-direction: column;
position: relative;
width: 100%;
max-width: 50%
}
@media only screen and (min-width: 64em)and (max-height: 900px) {
.mod_home_testimonial .row .swiper-container {
padding: 60px 0px
}
}
@media only screen and (max-width: 64em) {
.mod_home_testimonial .row .swiper-container {
max-width: 100%;
padding: 20px
}
}
.mod_home_testimonial .row .swiper-container h2>span.small,
.mod_home_testimonial .row .swiper-container h2>span.contact-scroll {
margin-left: var(--left-spacing);
color: #000;
margin-bottom: 80px
}
@media only screen and (min-width: 64em)and (max-height: 900px) {
.mod_home_testimonial .row .swiper-container h2>span.small,
.mod_home_testimonial .row .swiper-container h2>span.contact-scroll {
margin-bottom: 20px
}
}
@media only screen and (max-width: 800px) {
.mod_home_testimonial .row .swiper-container h2>span.small,
.mod_home_testimonial .row .swiper-container h2>span.contact-scroll {
margin-left: 0;
margin-bottom: 0
}
.mod_home_testimonial .row .swiper {
padding: 0
}
}
.mod_home_testimonial .row .swiper .swiper-wrapper .swiper-slide .text,
.mod_home_testimonial .mod_cta_general:not(.thin) .row .swiper .swiper-wrapper .swiper-slide a.btn,
.mod_cta_general:not(.thin) .mod_home_testimonial .row .swiper .swiper-wrapper .swiper-slide a.btn {
padding-left: var(--left-spacing);
max-width: 650px;
position: relative
}
@media only screen and (max-width: 800px) {
.mod_home_testimonial .row .swiper .swiper-wrapper .swiper-slide .text,
.mod_home_testimonial .mod_cta_general:not(.thin) .row .swiper .swiper-wrapper .swiper-slide a.btn,
.mod_cta_general:not(.thin) .mod_home_testimonial .row .swiper .swiper-wrapper .swiper-slide a.btn {
padding: 0
}
}
.mod_home_testimonial .row .swiper .swiper-wrapper .swiper-slide .text:before,
.mod_home_testimonial .mod_cta_general:not(.thin) .row .swiper .swiper-wrapper .swiper-slide a.btn:before,
.mod_cta_general:not(.thin) .mod_home_testimonial .row .swiper .swiper-wrapper .swiper-slide a.btn:before {
position: absolute;
left: 0px;
top: 0px;
transform: none;
content: "";
padding: clamp(20px, 5vw, 45px);
background: url("/go/images/qt.png") no-repeat center center/contain
}
@media only screen and (max-width: 800px) {
.mod_home_testimonial .row .swiper .swiper-wrapper .swiper-slide .text:before,
.mod_home_testimonial .mod_cta_general:not(.thin) .row .swiper .swiper-wrapper .swiper-slide a.btn:before,
.mod_cta_general:not(.thin) .mod_home_testimonial .row .swiper .swiper-wrapper .swiper-slide a.btn:before {
display: none
}
}
.mod_home_testimonial .row .swiper .swiper-wrapper .swiper-slide .text *,
.mod_home_testimonial .mod_cta_general:not(.thin) .row .swiper .swiper-wrapper .swiper-slide a.btn *,
.mod_cta_general:not(.thin) .mod_home_testimonial .row .swiper .swiper-wrapper .swiper-slide a.btn * {
color: #000
}
.mod_home_testimonial .row .swiper .swiper-wrapper .swiper-slide .text h3,
.mod_home_testimonial .mod_cta_general:not(.thin) .row .swiper .swiper-wrapper .swiper-slide a.btn h3,
.mod_cta_general:not(.thin) .mod_home_testimonial .row .swiper .swiper-wrapper .swiper-slide a.btn h3 {
line-height: clamp(40px, 2vw, 44px);
font-size: clamp(20px, 2vw, 30px);
opacity: .8;
font-weight: 300;
text-transform: none;
letter-spacing: 1px;
margin-bottom: 30px
}
.mod_home_testimonial .row .swiper .swiper-wrapper .swiper-slide .text a,
.mod_home_testimonial .mod_cta_general:not(.thin) .row .swiper .swiper-wrapper .swiper-slide a.btn a,
.mod_cta_general:not(.thin) .mod_home_testimonial .row .swiper .swiper-wrapper .swiper-slide a.btn a {
padding-left: 10px;
font-weight: 700;
opacity: .8;
line-height: clamp(40px, 2vw, 60px);
font-size: clamp(20px, 2vw, 28px)
}
.mod_home_testimonial .row .swiper .swiper-wrapper .swiper-slide .text span.author,
.mod_home_testimonial .mod_cta_general:not(.thin) .row .swiper .swiper-wrapper .swiper-slide a.btn span.author,
.mod_cta_general:not(.thin) .mod_home_testimonial .row .swiper .swiper-wrapper .swiper-slide a.btn span.author {
margin-top: 80px;
display: block;
font-size: 18px;
line-height: 18px;
letter-spacing: 1.54px;
font-family: "acumin-pro-condensed", Arial, sans-serif;
text-transform: uppercase
}
.mod_home_testimonial .row .swiper .swiper-wrapper .swiper-slide .text span.author:before,
.mod_home_testimonial .mod_cta_general:not(.thin) .row .swiper .swiper-wrapper .swiper-slide a.btn span.author:before,
.mod_cta_general:not(.thin) .mod_home_testimonial .row .swiper .swiper-wrapper .swiper-slide a.btn span.author:before {
content: "—";
padding-right: 5px
}
@media only screen and (min-width: 64em)and (max-height: 900px) {
.mod_home_testimonial .row .swiper .swiper-wrapper .swiper-slide .text span.author,
.mod_home_testimonial .mod_cta_general:not(.thin) .row .swiper .swiper-wrapper .swiper-slide a.btn span.author,
.mod_cta_general:not(.thin) .mod_home_testimonial .row .swiper .swiper-wrapper .swiper-slide a.btn span.author {
margin-top: 20px
}
}
@media only screen and (max-width: 800px) {
.mod_home_testimonial .row .swiper .swiper-wrapper .swiper-slide .text span.author,
.mod_home_testimonial .mod_cta_general:not(.thin) .row .swiper .swiper-wrapper .swiper-slide a.btn span.author,
.mod_cta_general:not(.thin) .mod_home_testimonial .row .swiper .swiper-wrapper .swiper-slide a.btn span.author {
margin-top: 30px
}
}
.mod_home_testimonial .row .media {
position: relative;
width: 100%;
max-width: 50%
}
@media only screen and (max-width: 64em) {
.mod_home_testimonial .row .media {
padding-top: 100%;
max-width: 100%
}
}
.mod_home_testimonial .row .media a.popup-video {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 5;
display: flex;
flex-direction: column-reverse;
gap: 20px;
padding: 70px 90px;
opacity: .8;
font-family: "acumin-pro-condensed", Arial, sans-serif;
text-transform: uppercase;
color: #f6f6f6;
font-size: 25px;
letter-spacing: 5.54px;
white-space: nowrap
}
@media only screen and (max-width: 64em) {
.mod_home_testimonial .row .media a.popup-video {
padding: 0
}
}
.mod_home_testimonial .row .media a.popup-video:hover {
opacity: 1
}
@media only screen and (max-width: 800px) {
.mod_home_testimonial .row .media {
padding-top: 75%
}
.mod_home_testimonial .row .media picture.background img {
object-position: top
}
}
[class^=icon-]:before,
[class*=" icon-"]:before,
.tns-controls button:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
font-display: swap;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.s3-popup .box-wrapper,
.s3-popup .s3-popup_img,
.s3-popup .s3-popup_iframe {
border-radius: 3px;
box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
overflow: hidden
}
.s3-popup_container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 100;
padding: 0 8px;
box-sizing: border-box;
opacity: 0;
transition: all .2s;
outline: none !important;
-webkit-backface-visibility: hidden;
background: rgba(0, 0, 0, .75)
}
.s3-popup_container.active {
opacity: 1
}
.s3-popup_container.active .s3-popup_content {
transform: scale(1) translateY(-50%)
}
body.landing-page .s3-popup_content {
max-width: 1024px
}
.s3-popup_iframe-scaler {
width: 100%;
height: 0;
padding-top: 65%
}
.s3-popup_iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.swiper-3d .swiper-slide-shadow-left {
transform-style: preserve-3d;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-right {
transform-style: preserve-3d;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-top {
transform-style: preserve-3d;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-bottom {
transform-style: preserve-3d;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
content: "prev"
}
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
content: "next"
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>img {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.swiper-zoom-container>canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.dr-left {
width: 100%;
padding: 0;
display: inline-block;
list-style: none;
}
.doctor-line {
color: #000 !important;
list-style-type: disc !important;
padding-left: 20px !important;
}
.team-container {
display:flex;
width:100%;
max-width:1200px;
margin:0 auto;
}
@media (max-width: 768px) {
.team-container {
flex-direction: column;
padding:0 15px;
text-align:center;
justify-content: center;
}
.team-box {
margin:10px auto;
width:100%;
max-width:300px;
}
.approach-section {
justify-content: center;
padding: 40px 20px;
}
.approach-box {
max-width: 100%;
}
}
.Patient-Testimonials-img {
background: url('/content/images/Patient-Testimonials-Cover.webp') #596a74 no-repeat 10% center;
background-size: cover;
}
.services-menu-bar ul {
list-style: none;
display: flex;
justify-content: center;
flex-wrap: wrap;
box-shadow: 0 5px 3px -2px rgba(0,0,0,.1);
position: relative;
}
.services-container {
display: flex;
flex-wrap: wrap;
width: 895px;
gap: 20px;
margin:0 auto;
justify-content: center;
}
@media (max-width: 1200px) {
.services-container {
width: 100%;
}
}