/*!
Theme Name: A Sleeky Theme
Author: Sleeky
Author URI: https://sleeky.co.uk
Description: Just another Sleeky theme.
Version: 1.0
License: (c) Copyright of Sleeky. All Rights Reserved.
Text Domain: sleeky
*/
/* Mixin used to quickly and efficienly use responsive code in SCSS */
/* Mixin saves 3 lines of code every time we use ::before or ::after */
/* Mixin used to make a container inside a fixed width a full-width element */
/* Mixin used to create an plus */
/* Mixin used to create an arrow */
/*

  Font Related Variables - $fnt-
  Color Related Variables - $clr-
  Background Related Variables - $bgr-

*/
/* Main Colors used in the theme */
/* Main Fonts used in the theme */
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

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


/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

ol,
ul {
  list-style: none;
}

ul, p {
  margin: 0;
  padding: 0;
}

html {
  font-size: 10px;
  font-size: 62.55%;
}

html :where(.wp-block) {
  max-width: 100%;
  margin: 0;
}

body {
  font-size: 1.6rem;
  overflow-x: hidden;
   font-family: "tt-commons-pro", sans-serif;
}

main {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

/*nav ---------------------------------------------------------------------------------------------*/
.navigation {
	background-color: #EBF8FC;
	z-index: 999;
	position: relative;
}
.navigation .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
	padding: 30px 30px 30px 30px;
}
.navigation__logo {
  position: relative;
  width: 181px;
  z-index: 2;
}
.navigation__logo a {
  display: inline-block;
  width: 100%;
  text-decoration: none;
}
.navigation__logo a img {
  width: 100%;
  /*height: 100%;*/
  -o-object-fit: contain;
     object-fit: contain;
}
.navigation__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    border-radius: 50%;
    height: 46px;
    width: 46px;
    align-items: center;
    justify-content: center;
}
.navigation__menu--mobile {
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
      width: 100%;
	height: 100%;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 3;
}
.navigation__menu--mobile span {
  display: block;
  width: 35px;
    height: 4px;
    background-color: #36588E;
    border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.navigation__menu--mobile.active {
  height: 30px;
}
.navigation__menu--mobile.active span:nth-child(1) {
  -webkit-transform: rotate(-45deg) translate(-5px, 5px);
          transform: rotate(-45deg) translate(-5px, 5px);
}
.navigation__menu--mobile.active span:nth-child(2) {
  
  -webkit-transform: rotate(45deg) translate(-3px, -3px);
          transform: rotate(45deg) translate(-3px, -3px);
}
.navigation__menu--mobile.active span:nth-child(3) {
 display: none;
}
@media (max-width: 1200px) {
  .navigation__menu--mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.navigation__menu--links {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 50px;
  z-index: 3;
}
.navigation__menu--links a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    display: block;
    margin-top: 5px;
    right: 0;
    background: #fff;
    transition: width .5s ease;
    -webkit-transition: width .5s ease;
}
.navigation__menu--links li {
  position: relative;
}
.navigation__menu--links a {
  color: #2f2f2f;
  padding: 7px 0;
  font-weight: 500;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  text-decoration: none;
}
@media (max-width: 1200px) {
  .navigation__menu--links {
    display: none;
  }
  .navigation__menu--links.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 3;
  }
}
.navigation__menu--background {
  position: fixed;
  width: 0%;
  height: 0vh;
  top: 0;
  left: 0;
  z-index: 2;
}
.navigation__menu--background::before {
  content: "";
  display: block;
  position: absolute;
  position: fixed;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  background: #2890A7;
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.navigation__menu--background.active {
  width: 100%;
  height: 100vh;
}
.navigation__menu--background.active::before {
  width: 90%;
  height: 200vh;
  right: -50vw;
  top: -50vh;
}
.navigation__menu--background .mob-menu {
	display: none;
}
.navigation__menu--background.active .mob-menu {
	display: flex;
    right: 0;
    position: relative;
    width: 86%;
    justify-content: flex-end;
}
.mob-menu {
	    height: 100%;
    justify-content: center;
    align-items: center;
}
.mob-menu ul {
	z-index: 9999;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 15px;
	text-align: center;
}
.mob-menu ul li a {
	color: #fff;
	transition: 0.3s;
	font-size: 24px;
}
.mob-menu ul li a:hover {
	color: #fff;
	opacity: 0.7;
	transition: 0.3s;
}
.mid-logo ul {
	display: flex;
    gap: 60px;
    padding: 0 60px;
}
.mid-logo {
	position: relative;
    display: flex;
    align-items: center;
}
.mid-logo ul li a {
	color: #0C2245;
	text-decoration: none;
	transition: 0.3s;
	font-size: 20px;
	font-weight: 500;
border-bottom: 1px solid transparent;
	position: relative;
	z-index: 2;
}
.mid-logo ul li a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    display: block;
    margin-top: 5px;
    right: 0;
    background: #0C2245;
    transition: width .5s ease;
    -webkit-transition: width .5s ease;
}
.mid-logo ul li a:hover:after {
    width: 100%;
    left: 0;
    background: #0C2245;
}
.burger-menu {
	display: none;
}

.menu-button {
	display: flex;
    align-items: center;
    gap: 20px;
}
.search-link {
	    display: flex;
    align-items: center;
}


@media screen and (max-width: 1200px) {
	.mid-logo {
    display: none;
}
.burger-menu {
	display: block;
}
}

@media screen and (max-width: 900px) {
.navigation__menu--background.active::before {
  width: 200vw;
  height: 200vh;
  right: -50vw;
  top: -50vh;
}
.navigation__menu--background.active .mob-menu {
    width: 100%;
    justify-content: center;
}
}

@media screen and (max-width: 600px) {
.search-link {
	display: none;
}
}
@media screen and (max-width: 500px) {
.menu-button .btn-blue {
	display: none;
}
}
/*---------------------------------------------------------------------------------------------*/
footer {
	overflow: hidden;
}
.footer, footer p {
  color: #fff;
}
.footer .footer-logos-wrap p {
  text-align: center;
}
.swimcity-big img {
	width: 100%;
	height: auto;
}
.footer-blue {
	background-color: #222E6A;
	position: relative;
}
.footer-blue .container {
	z-index: 1;
    position: relative;
}
.f-top-img {
	position: absolute;
    z-index: 0;
    top: -50px;
    width: 100%;
    height: auto;
}
.cta {
	background-color: #2B8D64;
	padding: 100px 0;
}
.cta .btn-container {
	text-align: center;
}
footer p.bold {
	font-size: 21px;
	font-weight: 600;
}
.footer-logos {
	display: flex;
    align-items: center;
    gap: 60px;
    justify-content: center;
    padding: 20px 0 40px 0;
    border-bottom: 1px solid white;
    margin-bottom: 60px;
	flex-wrap: wrap;
}
.footer-logos-wrap {
	padding-top: 20px;
}
.footer-main {
	display: flex;
    justify-content: space-between;
    padding-bottom: 50px;
	flex-wrap: wrap;
    gap: 30px;
}
footer a {
	color: #fff;
}
footer ul li {
	padding: 0 0 10px 0;
}
footer ul li a {
	font-size: 18px;
	font-weight: 400;
}
.footer-main .bold {
	padding-bottom: 20px;
}
.sleeky {
	text-transform: uppercase;
	font-weight: 200;
	    font-size: 12px;
    letter-spacing: 0.5px;
}
.sleeky a {
	text-decoration: underline;
}
.f-socials {
	    display: flex;
    align-items: center;
    gap: 20px;
	margin-bottom: 60px;
}
footer a:hover {
	transition: 0.3s;
	opacity: 0.6;
}
/*general ------------------------------------------------------------------------------------*/
p {
	color: #0C2245;
	font-size: 18px;
	line-height: 140%;
}
a {
	text-decoration: none;
	transition: 0.3s;
}
h2 {
	font-size: 65px;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.btn-container {
	height: 40px;
    margin-top: 40px;
}
.container {
  width: 100%;
  max-width: 1655px;
  margin: 0 auto;
  padding: 0 30px;
}
.btn {
	border-radius: 50px;
	text-decoration: none;
	font-size: 20px;
	font-weight: 800;
	padding: 20px 40px 15px 40px;
}
.btn-darkblue {
	border: 1px solid #222E6A;
	background-color: #222E6A;
	color: white;
	transition: 0.3s;
}
.btn-darkblue:hover {
	background-color: #fff;
	color: #222E6A;
	transition: 0.3s;
}
.btn-blue {
	border: 1px solid #36588E;
	background-color: #36588E;
	color: white;
	transition: 0.3s;
}
.btn-blue:hover {
	background-color: #fff;
	color: #36588E;
	transition: 0.3s;
}
.btn-red {
	border: 1px solid #D3EB68;
	background-color: #D3EB68;
	color: #222E6A;
	transition: 0.3s;
}
.btn-red:hover {
	background-color: #fff;
	color: #D3EB68;
	transition: 0.3s;
}
.btn-white {
	border: 1px solid #EDF6F3;
	background-color: #EDF6F3;
	color: #222E6A;
	transition: 0.3s;
}
.btn-white:hover {
	background-color: #222E6A;
	color: #fff;
	transition: 0.3s;
}
.btn-white-white {
	border: 1px solid #fff;
	background-color: #fff;
	color: #222E6A;
	transition: 0.3s;
}
.btn-white-white:hover {
	background-color: #222E6A;
	color: #fff;
	transition: 0.3s;
}
.button-container {
	height: 40px;
    margin-top: 50px;
}
/*hero -----------------------------------------------------------------------------------------------*/
#hero {
	background-color: #EBF8FC;
	position: relative;
	    max-width: 2200px;
    margin: auto;
}
#hero .wrap {
	display: flex;
    gap: 75px;
	padding-top: 20px;
	padding-bottom: 400px;
}
#hero h1 {
	font-size: 102px;
	text-align: center;
	font-weight:600;
    margin: 0 auto 10px auto;
    width: fit-content;
	position: relative;
}
#hero h1 .hero-coral {
	position: absolute;
	top: -70px;
    right: 0px;
    height: 110px;
	filter: brightness(0) saturate(100%) invert(67%) sepia(40%) saturate(5463%) hue-rotate(162deg) brightness(97%) contrast(83%);
}
#hero h1 .hero-bubble {
	position: absolute;
	top: 0;
	left: -60px;
    height: 70px;
	filter: brightness(0) saturate(100%) invert(67%) sepia(40%) saturate(5463%) hue-rotate(162deg) brightness(97%) contrast(83%);
}

.home #hero h1 .hero-bubble {
	position: absolute;
	top: 0;
	left: -170px;
    height: 100%;
	filter: none;
}

.home .hero-subtxt img{
	filter: brightness(0) saturate(100%) invert(67%) sepia(40%) saturate(5463%) hue-rotate(162deg) brightness(97%) contrast(83%);
}

.hero-burst {
  position: absolute;
  right: 0;
}

.title-1 {
	background-color: #4ABABC;
	color: #D3EB68;
	    transform: rotate(4deg);
    padding: 25px 40px 10px 40px;
	
}
.title-2 {
	background-color: #ED6B1C;
	color: #F8BF29;
	transform: rotate(-4deg);
    padding: 25px 60px 10px 60px;
}
.hero-subtxt {
	display: flex;
    align-items: center;
    gap: 20px;
	margin-top: 60px;
    margin-left: 15%;
}
.hero-subtxt p {
	 font-size: 21px;
	max-width: 430px;
	font-weight: 500;
	color: #222E6A;
	line-height: 130%;
}
.hero-bottom-img {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.home .hero-image{
	z-index: 1;
}
.hero-image img {
	width: 100%;
    height: auto;
}
.hero-text {
	padding-top: 40px;
	min-width: 581px;
	position: relative;
    z-index: 2;
}

@media screen and (max-width: 1500px) {
#hero .wrap {
    align-items: center;
}
}
@media screen and (max-width: 1330px) {
	#hero h1 {
    font-size: 90px;
	}
	.hero-subtxt p {
    font-size: 18px;
	}
}
@media screen and (max-width: 1250px) {
	#hero h1 {
    font-size: 70px;
	margin: 0 0 10px 40px;
	}
	.hero-subtxt p {
    font-size: 17px;
		max-width: 330px;
	}
#hero .wrap {
    gap: 0px;
	}
.hero-text {
    min-width: 500px;
}
}
@media screen and (max-width: 1000px) {
    #hero .wrap {
        flex-direction: column;
		        gap: 50px;
    }
#hero .wrap {
    padding-bottom: 220px;
}
.hero-image img {
    max-height: 550px;
	    z-index: 2;
    position: relative;
}
    #hero h1 {
        font-size: 100px;
	}
.hero-subtxt {
    margin-top: 40px;
    margin-left: 10%;
}
}
@media screen and (max-width: 700px) {
    #hero .wrap {
        padding-bottom: 120px;
    }
	    #hero h1 {
        font-size: 70px;
    }
	.hero-text {
        min-width: 0px;
    }
}

@media screen and (max-width: 550px) {
#hero h1 .hero-coral {
    top: -50px;
    height: 80px;
}
#hero h1 .hero-bubble {
    left: -30px;
    height: 50px;
	}
	.hero-subtxt img {
		max-height: 50px;
	}
	#hero h1 {
		font-size: 50px;
        margin: 0 auto 10px auto;
    }
.hero-subtxt p {
        font-size: 16px;
	}
	    .hero-subtxt {
        margin-left: 0%;
    }
	#hero .wrap {
		padding-top: 0;
	}
	.hero-text {
		width: 100%;
	}
}

@media screen and (max-width: 405px) {
.title-1, .title-2 {
    padding: 25px 20px 10px 20px;
}
	    #hero .wrap {
        padding-bottom: 80px;
    }
}
@media screen and (max-width: 370px) {
    #hero h1 {
        font-size: 40px;
	}
    .hero-subtxt {
        text-align: center;
	}
.hero-subtxt img {
        display: none;
	}
}
/*-------------------------------------------------------------------*/
.form-btn {
	background-color: #D3EB68;
	border: 1px solid #D3EB68;
	padding: 20px 25px 15px 25px;
    font-weight: 600;
	cursor: pointer;
	transition: 0.3s;
}
.form-btn:hover {
	background-color: #fff;
	transition: 0.3s;
}
input {
	border-radius: 0;
	-webkit-appearance: none;
}
footer input[type="email"] {
	padding: 20px 30px 15px 30px;
	color: #0A2515;
	width: 472px;
}
footer input[type="email"]::placeholder {
	color: #0A2515;
}
footer form p {
	display: flex;
    align-items: center;
    gap: 10px;
}
footer .small {
	font-size: 18px;
    padding-bottom: 10px;
}
footer .col2 {
	width: 400px;
}
.wpcf7-spinner {
    position: absolute !important;
    bottom: -30px;
}
footer form {
	position: relative;
}
@media screen and (max-width: 1200px) {
	footer .col2 {
	width: auto;
}
footer input[type="email"] {
    width: 100%;
	}
}

@media screen and (max-width: 900px) {
.f-top-img {
    width: auto;
}
	h2 {
    font-size: 45px;
}
.cta {
    padding: 60px 0 90px 0;
}
footer input[type="email"] , 
footer input[type="email"]{
	height: 58px;
}
}
/*textbox ----------------------------------------------------------------*/
#textbox p b, #textbox p strong {
	color: #2890A7;
}
#textbox p {
	color: #0C2245;
	font-size: 25px;
	max-width: 860px;
	margin: 0 auto;
}
#textbox {
	position: relative;
	padding: 170px 0 86px 0;
}
#textbox .arrow:hover {
	transition:0.3s;
	opacity: 0.7;
}
#textbox img.arrow {
	transition:0.3s;
}
#textbox img {
	position: absolute;
}
.tb-starfish {
	max-width: 68px;
	top: 0px;
    left: calc(50% - 10px);
}
.tb-bubble {
	right: 10%;
    top: calc(50% - 30px);
}
.tb-fish {
	left: 10%;
}

@media screen and (max-width: 1300px) {
.tb-fish {
	max-width: 150px;
    bottom: 30px;
}
#textbox {
    padding: 120px 0 86px 0;
}
.tb-starfish {
    max-width: 60px;
    top: 10px;
	}
	.tb-bubble {
    max-width: 40px;
}
	.tb-fish {
	left: 40px;
		bottom: 0;
}
#textbox p {
    font-size: 20px;
	}
}
@media screen and (max-width: 1200px) {
.tb-bubble {
    right: 30px;
}
.tb-fish {
        left: 10px;
	}
}

@media screen and (max-width: 1050px) {
.tb-bubble {
    top: calc(40% - 30px);
}
	.tb-fish {
        max-width: 110px;
	}
}

@media screen and (max-width: 980px) {
.tb-bubble {
    top: calc(40% - 50px);
}
}

@media screen and (max-width: 600px) {
    .tb-fish {
        max-width: 90px;
	}
	.tb-bubble {
    top: 80px;
}
}
/*three_image_video -------------------------------------------------------------------*/
#three_image_video {
	padding: 85px 0px;
}

#three_image_video .three_image_video__title {
  text-align: center;
  margin: 0 0 140px;
}

#three_image_video .three_image_video__title img{
  max-width: 100%;
}
.three-imgs {
	position: relative;
	display: flex;
    justify-content: space-between;
	gap: 30px;
}
.three-imgs .image-1, .three-imgs .image-2, .three-imgs .image-3 {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-height: 600px;
	max-width: 480px;
}
.wrap-1 {	
	margin-left: 50px;
}
.wrap-3 {
	margin-right: 50px;
}
.image-1 {
	border: 2px solid #F8BF29;
	background: #F8BF29;
	padding: 15px;
	transform: rotate(-5deg);
}
.image-2 {
	border: 2px solid #90A63C;
	background: #90A63C;
	padding: 15px;
	border-radius: 300px 300px 300px 300px;
}
.image-3 {
	border: 2px solid #08A2DB;
	background: #08A2DB;
	padding: 15px;
	transform: rotate(5deg);
}
.play-img-wrap {
	position: relative;
}
#play-video {
	position: absolute;
    background-color: #222E6A;
    padding: 10px 15px 5px 15px;
    color: white;
    display: flex;
    gap: 10px;
    align-items: baseline;
    font-weight: 500;
    font-size: 26px;
	bottom: 45px;
    left: 12px;
    transform: rotate(5deg);
}
#play-video img {
	transform: rotate(-5deg);
}
#play-video p {
	color: white;
	font-size: 30px;
}
/*** feather light ***/

.play-icon #mylightbox , .play-icon #mylightbox1, .play-icon #mylightbox-hero {

    opacity: 0;

	height: 0;

    width: 0;

	position: absolute;

}

.video iframe {

	position: absolute;

	top: 0;

}

.featherlight-content #mylightbox, .featherlight-content #mylightbox1,  .featherlight-content #mylightbox-hero {

	opacity: 1;

}

.featherlight-iframe .featherlight-content {

	width: 80%;

	height: 80%;

}

.featherlight .featherlight-inner {

	width: 100%;

	height: 100%;

}

/*end featherlight*/
@media screen and (max-width: 1300px) {
	#play-video img {
    height: 15px;
}
	#play-video {
    font-size: 18px;
		left: 30px;
	}
	.wrap-1 {	
	margin-left: 10px;
}
.wrap-3 {
	margin-right: 10px;
}
}

@media screen and (max-width: 900px) {
#three_image_video {
    padding: 55px 0px;
}
.three-imgs {
    gap: 20px;
}
.wrap-1 {
        margin-left: 5px;
    }
	.wrap-3 {
	margin-right: 5px;
}
.image-3, .image-2, .image-1 {
    padding: 8px;
	}
}

@media screen and (max-width: 650px) {
	.three-imgs {
		flex-direction: column;
	}
.wrap-1 {
        margin-left: 0px;
    }
	.wrap-3 {
	margin-right: 0px;
}
.three-imgs .image-1, .three-imgs .image-2, .three-imgs .image-3 {
    max-height: 400px;
    max-width: 100%;
}
.image-1 {
    transform: rotate(-3deg);
}
	.image-3 {
    transform: rotate(3deg);
}
}
/*form -----------------------------------------------------------------------*/
#textbox.form-box p, #textbox.form-box select {
	    font-weight: 700;
    color: #222E6A;
    font-size: 55px;
    margin: 0;
}
 #textbox.form-box select {
	border: none;
    background-color: #D3EB68;
}
#textbox.form-box .bubble {
	left: 12%;
    top: 90px;
    max-height: 48px;
}
#textbox.form-box .snorkle {
	right: 8%;
    bottom: 30px;
    max-height: 138px;
}
#textbox form {
	    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1000px;
    margin: auto;
	padding-bottom: 85px;
}
#textbox {
	top: -1px;
    z-index: 1;
    background-color: white;
}
@media screen and (max-width: 1460px) {
#textbox.form-box .snorkle {
	    right: 4%;
    bottom: 30px;
    max-height: 128px;
}
#textbox.form-box p, #textbox.form-box select {
    font-size: 50px;
	}
#textbox.form-box .bubble {
    left: 5%;
    top: 50px;
    max-height: 35px;
}
}
@media screen and (max-width: 1025px) {
    #textbox.form-box .snorkle {
        right: 30px;
        bottom: 30px;
        max-height: 80px;
    }
	#textbox.form-box p, #textbox.form-box select {
        font-size: 40px;
    }
	.form-box .arrow {
		max-height: 40px;
	}
}
@media screen and (max-width: 750px) {
    #textbox.form-box p, #textbox.form-box select {
        font-size: 30px;
    }
	#textbox.form-box .snorkle {
        bottom: 60px;
    }
}
@media screen and (max-width: 600px) {
    #textbox.form-box {
        padding: 60px 0 60px 0;
    }
	    #textbox.form-box .snorkle {
        bottom: 30px;
    }
	    #textbox.form-box .bubble {
        top: 0px;
	}
    #textbox.form-box p, #textbox.form-box select {
        font-size: 24px;
    }
.form-box .arrow {
        max-height: 28px;
    }
}
@media screen and (max-width: 600px) {
    #textbox.form-box p, #textbox.form-box select {
        font-size: 20px;
    }
.form-box .arrow {
        max-height: 20px;
    }
}
/*textbox 2 --------------------------------------------------------------*/
#textbox_2 {
	padding: 50px 0px 80px 0px;
	position: relative;
	margin-top: 50px;
	position: relative;
}
.tb-blue-top {
	width: 100%;
	height: auto;
	top: -50px;
    position: absolute;
    z-index: -1;
}
.home #textbox_2 .tb-blue-top{
	filter: brightness(0) saturate(100%) invert(60%) sepia(88%) saturate(4470%) hue-rotate(166deg) brightness(99%) contrast(94%);
}
.teal {
	background-color: #4ABABC;
}
.subtitle {
	position: relative;
	background-color: #222E6A;
	color: white;
	font-size: 45px;
	width: fit-content;
	padding: 10px 25px 5px 25px;
	margin: 0 auto 40px auto;
}
#textbox_2 p {
	color: white;
	font-size: 22px;
	font-weight: 400;
	max-width: 800px;
	margin: auto;
}
.tb2-starfish {
	position: absolute;
	right: 10%;
	top: 0;
}

@media screen and (max-width: 950px) {
	.tb2-starfish {
	right: 30px;
		max-width: 70px;
}
.tb-blue-top {
    width: auto;
	}
.subtitle {
    font-size: 35px;
    margin: 0 auto 30px auto;
	}
#textbox_2 p {
    font-size: 18px;
	}
}
/*text image -----------------------------------------------------------------------*/
#text_image p {
    color: white;
    font-size: 22px;
	font-weight: 400;
}
#text_image {
	padding: 60px 0px 200px 0px;
	position: relative;
}
#text_image .img {
	position: relative;
}
#text_image .wrap {
	    display: flex;
    align-items: center;
}
#text_image .txt {
	text-align: center;
    padding: 0 10%;
}
#text_image .main-img {
	max-height: 823px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#text_image .img, #text_image .txt {
	width: 50%;
}
.ti-coral {
	position: absolute;
    top: -0px;
    left: 5%;
}
.ti-flipper {
	position: absolute;
	max-width: 198px;
    bottom: -60px;
    right: -60px;
}
.white-bottom {
	position: absolute;
	width: 100%;
	height: auto;
    bottom: -2px;
    left: 0;
}
@media screen and (max-width: 1385px) {
	#text_image .txt {
    padding: 0 5%;
}
#text_image p {
    font-size: 18px;
	}
}

@media screen and (max-width: 1100px) {
.ti-coral {
    max-width: 80px;
}
.ti-flipper {
    max-width: 130px;
    bottom: -50px;
    right: -20px;
}
}
@media screen and (max-width: 900px) {
#text_image .wrap {
    flex-direction: column;
    gap: 30px;
}
#text_image .img, #text_image .txt {
    width: 100%;
}
	    #text_image .txt {
        padding: 0;
    }
#text_image .main-img {
    max-height: 500px;
	}
#text_image {
    padding: 30px 0px 120px 0px;
	}
	.btn-white {
font-size: 16px;
    padding: 15px 35px 12px 35px;
}
.ti-coral {
    top: -50px;
    left: 10px;
}
}
/*-------------------------------------------------------------------*/
#news_small .news-title-1 {
	background-color: #B5DCCF;
    color: #36588E;
    padding: 25px 40px 10px 40px;
	width: fit-content;
	margin-bottom: 5px;
	margin-top: 50px;
}
#news_small .news-title-2 {
	background-color: #F9B03C;
    color: #E2192C;
    transform: rotate(-4deg);
    padding: 25px 40px 10px 40px;
	width: fit-content;
}
#news_small {
	position: relative;
	padding: 80px 0 100px 0;
}
#news_small .wrap {
	display: flex;
}
#news_small .img, #news_small .txt {
	width: 50%;
}
#news_small .blog-post {
	    display: flex;
    gap: 25px;
}
#news_small .button-container {
    margin-top: 100px;
}
.news-fish {
	max-width: 343px;
	padding-top: 10%;
}
.thumbnail img {
	    border-radius: 46%;
	    width: 100%;
    height: 100%;
    object-fit: cover;
}
.thumbnail, .blog-wrap {
	width: 50%;
}
.blog-small .blog-wrap {
	background-color: #E2192C;
}
.blog-small.blog-2 .blog-wrap {
	background-color: #2890A7;
}
#news_small .blog-2 .blog-post {
	flex-direction: row-reverse;
}
.blog-small {
	display: flex;
    flex-direction: column;
    gap: 30px;
}
.blog-info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
.blog-small .cat-label {
	background-color: #F9B03C;
    padding: 8px 10px 5px 10px;
    color: #E2192C;
    font-weight: 700;
    width: fit-content;
    font-size: 14px;
}
.blog-small.blog-2 .cat-label {
	background-color: #B5DCCF;
    color: #2890A7;
}
.blog-wrap {
	padding: 50px;
}
.blog-title {
	font-weight: bold;
	font-size: 26px;
	margin-bottom: 20px;
	color: white;
}
.featured-excerpt p {
	color: white;
	font-size: 18px;
	font-weight: 400;
}
.blog-cat-wrap {
	display: flex;
    align-items: center;
    justify-content: space-between;
}
#news_small .starfish {
	position: absolute;
    top: -10px;
    right: 5%;
}
@media screen and (max-width: 1280px) {
	.news-fish {
    max-width: 240px;
	}
	#news_small .txt { 
	width: 40%;
	min-width: 430px;
}
	#news_small .img {
		width: 60%;
	}
#news_small .wrap {
    gap: 60px;
}
}

@media screen and (max-width: 1200px) {
	.blog-post .thumbnail {
		display: none;
	}
.thumbnail, .blog-wrap {
    width: 100%;
}
#news_small {
    padding: 80px 0 50px 0;
}
.news-fish {
        max-width: 180px;
        padding-top: 0;
    }
#news_small .news-title-1 {
        margin-top: 0px;
	}
}

@media screen and (max-width: 885px) {
    #news_small .txt {
        min-width: 330px;
    }
	#news_small .wrap {
        gap: 30px;
    }
	img.number {
		max-height: 30px;
	}
.blog-title {
    font-size: 22px;
    margin-bottom: 10px;
    margin-top: 20px;
	}
	.blog-wrap {
    padding: 30px;
}
}

@media screen and (max-width: 750px) {
#news_small .wrap {
        gap: 40px;
        flex-direction: column;
}
	.news-fish {
		display: none;
	}
#news_small .button-container {
    margin-top: 50px;
}
	#news_small .img {
		width: 100%;
	}
#news_small .starfish {
    top: 50px;
	}
}
@media screen and (max-width: 410px) {
    #news_small .starfish {
        top: 10px;
    }
	#news_small h2 {
        font-size: 40px;
    }
}
/*------------------------------------------------------------------------------*/
.slider-title p {
	text-align: center;
    max-width: 600px;
    margin: auto;
    line-height: 130%;
}
.slider-title {
	position: relative;
}
.slider-title .tb-bubble {
	position: absolute;
    right: 5%;
    max-height: 48px;
    top: -20px;
}
.slider-title .tb-starfish {
	    position: absolute;
    left: 5%;
    top: 50%;
}
#services_slider {
	background-color: #E6F6FB;
    margin-top: 180px;
    padding-bottom: 150px;
    position: relative;
    top: 30px;
    z-index: -1;
}
.blue-top {
	position: absolute;
    top: -260px;
    left: 0;
    width: 100%;
    height: auto;
    z-index: -1;
	filter: brightness(0) saturate(100%) invert(87%) sepia(27%) saturate(97%) hue-rotate(158deg) brightness(106%) contrast(97%);
}

#services_slider .subtitle{
	background-color: #08A2DB;
}
.slider-arrows {
	display: flex;
    gap: 10px;
    justify-content: right;
}
.service-slider .item-wrap.blue{
	background: #36588E;
}
.service-slider .item-wrap.green{
	background: #90A63C;
}
.service-slider .item-wrap.orange{
	background: #ED6B1C;
}
.item-wrap {
    padding: 40px;
}
.item-wrap h3 {
	color:white;
	font-size: 45px;
	font-weight: 700;
	margin: 0 0 10px 0;
}
.srv-txt {
	min-height: 145px;
}
.item-wrap p {
	color:white;
	font-size: 22px;
	font-weight: 400;
}
.item-wrap img {
	max-height: 300px;
    height: auto;
    width: auto;
    margin: auto;
}
.slider-img {
	aspect-ratio: 1 / 1.2;
    display: flex;
    align-items: center;
	padding-top: 25px;
}
/* the slides */
  .slick-slide {
      margin: 0 10px;
  }

  /* the parent */
  .slick-list {
      margin: 0 -10px;
  }
.item-wrap .button-container {
text-align: center;
}
.service-slider {
	padding-top: 50px;
}
.slider-arrows img {
	cursor: pointer;
	transition: 0.3s;
}
.slider-arrows img:hover {
	opacity: 0.7;
	transition: 0.3s;
}

/*.service-slider .slick-active {
	    background-color: #ED9651;
}
.service-slider .slick-active + .slick-active  {
	    background-color: #D3EB68;
}
.service-slider .slick-active + .slick-active h3, .slick-active + .slick-active p {
	color:#222E6A;
}
.service-slider .slick-active + .slick-active + .slick-active {
	background-color: #2890A7;
}
*/
.service-slider .slick-active + .slick-active + .slick-active p, .slick-active + .slick-active + .slick-active h3 {
	color: white;
}

@media screen and (max-width: 1533px) {
.item-wrap h3 {
    font-size: 40px;
}
}
@media screen and (max-width: 1405px) {
.item-wrap h3 {
    font-size: 35px;
}
}
@media screen and (max-width: 1270px) {
	.item-wrap h3 {
	font-size: 30px;
	}
}
@media screen and (max-width: 1100px) {
	.item-wrap h3 {
	font-size: 30px;
	}
}

@media screen and (max-width: 1000px) {
.srv-txt {
    min-height: 115px;
}
}
@media screen and (max-width: 900px) {
#services_slider {
    margin-top: 100px;
}
.blue-top {
    top: -180px;
	}
.slider-arrows img {
    max-height: 45px;
	}
	.service-slider {
    padding-top: 30px;
}
	.slider-arrows {
		
    padding-top: 20px;
	}
.slider-title .tb-starfish {
    top: -30px;
}
}


@media screen and (max-width: 640px) {
	.blue-top {
    top: -120px;
    left: 0;
    width: 100%;
    height: auto;
}
	.srv-txt {
    min-height: 0px;
}
}
@media screen and (max-width: 670px) {
.slider-img {
    aspect-ratio: auto;
}
.item-wrap img {
    max-height: 300px;
    height: auto;
    width: auto;
    margin: auto;
    max-width: 100%;
}
#services_slider {
    padding-bottom: 50px;
	}
}
@media screen and (max-width: 430px) {
    .blue-top {
        top: -80px;
	}
}
/*subhero img ---------------------------------------------------------------------------*/
.sub-hero-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 452px;
    transform: rotate(5deg);
	position: relative;
    z-index: 2;
}
.subpage-hero .hero-image {
	position: relative;
	max-height: 450px;
}
.subpage-hero .hero-image .img-octopus {
	position: absolute;
    right: -90px;
    top: 50px;
    max-height: 244px;
    width: auto;
    z-index: 3;
}
#hero.subpage-hero .wrap {
    justify-content: space-evenly;
    align-items: center;
}


.subpage-hero.orangeGreen .title-1,
.subpage-hero.orangeBlue .title-1,
.subpage-hero.orangeBlueDark .title-1,
.subpage-hero.blueOrange .title-1,
.subpage-hero.greenBlue .title-1{
    color: #FFFFFF;
}

.subpage-hero.orangeGreen .title-1,
.subpage-hero.orangeBlueDark .title-1{
    background-color: #ED6B1C;
}
.subpage-hero.orangeBlue .title-1{
    background-color: #F8BF29;
}
.subpage-hero.blueOrange .title-1{
    background-color: #70CEF1;
}
.subpage-hero.greenBlue .title-1{
    background-color: #90A63C;
}

.subpage-hero.orangeGreen .title-2,
.subpage-hero.orangeBlue .title-2{
	color: #ffffff;
}

.subpage-hero.blueOrange .title-2,
.subpage-hero.greenBlue .title-2,
.subpage-hero.orangeBlueDark .title-2{
	color: #36588E;
}
.subpage-hero.orangeGreen .title-2{
    background-color: #2B8D64;
}
.subpage-hero.orangeBlue .title-2{
    background-color: #1EABE3;
}
.subpage-hero.blueOrange .title-2{
    background-color: #F8BF29;
}
.subpage-hero.greenBlue .title-2,
.subpage-hero.orangeBlueDark .title-2{
    background-color: #70CEF1;
}
@media screen and (max-width: 1000px) {
    .hero-image img {
        max-height: 450px;
    }
.subpage-hero .hero-image .img-octopus {
    right: 0px;
    top: -50px;
    max-height: 150px;
	}
}
/*-----------------------------------------------------------------------------------*/
#contact_form {
padding: 60px 0px 160px 0px;
}

#contact_form.green{
	background: #ffffff;
}

#contact_form.orange .subtitle,
#contact_form .subtitle{
	background-color: #F8BF29;
	color: #36588E;
}

#contact_form.green .subtitle{
	background-color: #2B8D64;
	color: #ffffff;
}
.contact_form {
	text-align: center;
}
.contact_form form {
	max-width:783px;
	margin: auto;
}
.contact_form form span {
	width: 100%;
	display: block;
}
.contact_form form p {
    font-size: 16px;
    line-height: 100%;
}
.contact_form input[type='text'], .contact_form input[type='email'], .contact_form input[type='tel'], .contact_form textarea {
	background-color: #E6F6FB;
	color: #0A2515;
	padding: 15px 20px 10px 20px;
	font-size: 20px;
	font-weight: 300;
	border: none;
	outline: none;
    width: 100%;
}

#contact_form.orange .contact_form input[type='submit']{
	background-color: #ED6B1C;
	border: #ED6B1C;
	color: #FFFFFF;
}
#contact_form.orange .contact_form input[type='submit']:hover{
	background-color: #FFFFFF;
	color: #ED6B1C;
}
.contact_form input[type='submit'] {
	cursor: pointer;
}
.contact_form textarea {
	max-height: 172px;
	resize: none;
}
.contact_form input[type='text']::placeholder, .contact_form input[type='email']::placeholder, .contact_form input[type='tel']::placeholder, .contact_form textarea::placeholder {
	color: #0A2515;
	font-size: 20px;
	font-weight: 300;
}

@media screen and (max-width: 500px) {
	.contact_form input[type='text']::placeholder, .contact_form input[type='email']::placeholder, .contact_form input[type='tel']::placeholder, .contact_form textarea::placeholder {
	font-size: 16px;
}
	.contact_form input[type='text'], .contact_form input[type='email'], .contact_form input[type='tel'], .contact_form textarea {
	font-size: 16px;
}
}
@media screen and (max-width: 381px) {
	.contact_form input[type='text']::placeholder, .contact_form input[type='email']::placeholder, .contact_form input[type='tel']::placeholder, .contact_form textarea::placeholder {
	font-size: 14px;
}
	.contact_form input[type='text'], .contact_form input[type='email'], .contact_form input[type='tel'], .contact_form textarea {
	font-size: 14px;
}
}
/*testimonial slider ------------------------------------------------------------------------------*/
#testimonial_slider {
	background-color: #90A63C;
	padding: 100px 0px 200px 0;
	position: relative;
	max-width: 2200px;
	margin: auto;
}
.test-bg {
	position: absolute;
    top: -250px;
    z-index: 0;
    width: 100%;
    height: auto;
	filter: brightness(0) saturate(100%) invert(57%) sepia(77%) saturate(337%) hue-rotate(32deg) brightness(93%) contrast(87%);
}

/*services page*/
.page-id-30 #testimonial_slider{
	background-color: #F8BF29;
}
.page-id-30 #testimonial_slider .test-bg {
	filter: brightness(0) saturate(100%) invert(93%) sepia(15%) saturate(5329%) hue-rotate(336deg) brightness(101%) contrast(94%);
}
.page-id-30 #testimonial_slider .test-test{
	filter: brightness(0) saturate(100%) invert(47%) sepia(66%) saturate(2275%) hue-rotate(352deg) brightness(97%) contrast(91%);
}
.page-id-30 #testimonial_slider .subtitle{
	background-color: #ED6B1C;
	color: #ffffff;
}
/*end services page*/
.testimonial-slider-text p {
	font-size: 24px;
	font-weight: 300;
	line-height: 140%;
	color: white;
	text-align: center;
	max-width: 750px;
	margin: auto;
}

.testimonial-slider-text {
	padding: 5% 10%;
    border: 1px solid white;
}
.testimonial-slider {
    max-width: 1210px;
    margin: auto;
}
.test-starfish {
	position: absolute;
	top: -50px;
    left: 5%;
    max-height: 146px;
}
.test-test {
	position: absolute;
	left: 15%;
    top: 22%;
    z-index: 2;
}
.test-flipper {
	position: absolute;
	
	    right: 9%;
    bottom: 60px;
}
.test-bubble {
	position: absolute;
    top: -30px;
    right: 5%;
    max-height: 80px;
}

@media screen and (max-width: 1600px) {
.test-bg {
    top: -220px;
}
}
@media screen and (max-width: 1550px) {
	.test-test {
    left: 10%;
    max-width: 150px;
	}
.test-flipper {
    right: 9%;
    bottom: 100px;
    max-width: 150px;
}
.test-bubble {
    max-height: 60px;
}
.test-starfish {
    max-height: 120px;
}
}
@media screen and (max-width: 1260px) {
    .test-test {
        left: 5%;
        max-width: 100px;
    }
.testimonial-slider-text {
    padding: 50px 10%;
	}
.testimonial-slider-text p {
    font-size: 20px;
	}
}
@media screen and (max-width: 780px) {
    .test-flipper {
        right: 30px;
        bottom: 70px;
        max-width: 120px;
    }
.test-test {
        left: 5%;
        max-width: 80px;
    }
	    .test-starfish {
        max-height: 100px;
    }
.test-bg {
    top: -120px;
	}
}
@media screen and (max-width: 500px) {
    .test-test {
        left: 10px;
        max-width: 60px;
    }
}
@media screen and (max-width: 430px) {
    .test-bg {
        top: -60px;
    }
    .test-test {
        max-width: 40px;
	}
#testimonial_slider {
    padding: 100px 0px 150px 0;
	}
}
/*-------------------------------------------------------------------------*/
.image_slider .title-1 {
    background-color: #2B8D64;
    color: #ffffff;
    transform: rotate(0deg);
    padding: 25px 40px 10px 40px;
    width: fit-content;
}
.image_slider .title-2 {
    background-color: #ED6B1C;
    color: #FFFFFF;
    width: fit-content;
    transform: rotate(-4deg);
    padding: 25px 60px 10px 60px;
    position: relative;
    top: -32px;
    left: 100px;
}
.image_slider {
	background-color: #EDF6F3;
	position: relative;
}
.image_slider .img-bottom-bg {
	position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: auto;
}
#three_image_video.image_slider  {
    padding: 00px 0px 200px 0px;
}
.img-slider-bg {
	position: absolute;
    top: -250px;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 1;
	filter: brightness(0) saturate(100%) invert(84%) sepia(42%) saturate(91%) hue-rotate(172deg) brightness(106%) contrast(97%);
}

#three_image_video.image_slider.lightblue{
	background-color: #E6F6FB;
}
#three_image_video.image_slider.lightblue .img-slider-bg{
	filter: brightness(0) saturate(100%) invert(95%) sepia(5%) saturate(496%) hue-rotate(159deg) brightness(101%) contrast(97%);
}
#three_image_video.image_slider.lightblue .title-1,
#three_image_video.image_slider.lightblue .title-2{
	color: #ffffff;
}
#three_image_video.image_slider.lightblue .title-1{
	background-color: #1EABE3;
}
#three_image_video.image_slider.lightblue .title-2{
	background-color: #ED6B1C;
}
.image_slider .container {
position: relative;
    z-index: 2;
}
.page-id-129 #textbox {
    padding: 170px 0 186px 0;
}
.title-wrap {
	    display: flex;
    gap: 130px;
    justify-content: space-between;
    align-items: center;
	flex-wrap: wrap;
}
.img-gallery img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-height: 600px;
    max-width: 480px;
}
.img-gallery {
	margin-top: 50px;
}
.img-gallery .slick-track .imgs-wrap.slick-active.slick-current img {
	border: 2px solid #2B8D64;
	padding: 15px;
	transform: rotate(-5deg);
	max-height: 600px;
	max-width: 480px;
	background-color: #2B8D64;
}
.img-gallery .slick-track .imgs-wrap.slick-active + .slick-active img {
	border: 2px solid #08A2DB;
    padding: 15px;
    border-radius: 300px 300px 300px 300px;
	background-color: #08A2DB;
}
#three_image_video.image_slider.lightblue .img-gallery .slick-track .imgs-wrap.slick-active + .slick-active img{
	border: 2px solid #ED6B1C;
	background-color: #ED6B1C;
}
.img-gallery .slick-track .imgs-wrap.slick-active + .slick-active + .slick-active img { 
	border: 2px solid #F8BF29;
    padding: 15px;
    transform: rotate(5deg);
    border-radius: 0px;
	background-color: #F8BF29;
}
#three_image_video.image_slider.lightblue .img-gallery .slick-track .imgs-wrap.slick-active + .slick-active + .slick-active img{
	border: 2px solid #90A63C;
	background-color: #90A63C;
}
.img-gallery .slick-track {
	padding-top: 20px;
}
.img-slide-arrows img:hover {
	transition: 0.3s;
	opacity: 0.7;
}
.img-slide-arrows img {
	cursor: pointer;
	transition: 0.3s;
}
@media screen and (max-width: 1275px) {
	.img-slider-bg {
    top: -170px;
	}
}

@media screen and (max-width: 850px) {
#three_image_video.image_slider {
    padding: 00px 0px 100px 0px;
}
}

@media screen and (max-width: 670px) {
.img-gallery .slick-track .imgs-wrap.slick-active.slick-current img {
    transform: rotate(0deg);
}
.img-gallery {
    margin-top: 10px;
	}
.img-gallery .slick-track .imgs-wrap.slick-active.slick-current img {
    max-width: 100%;
}
}

@media screen and (max-width: 600px) {
	.title-wrap {
    flex-direction: column;
    gap: 0px;
		align-items: baseline;
	}
	.img-slide-arrows {
		width: 100%;
		text-align: right;
	}
	.img-slider-bg {
        top: -100px;
    }
}

@media screen and (max-width: 450px) {
.image_slider .title-2 {
    top: -22px;
    left: 40px;
}
}

@media screen and (max-width: 390px) {
    .image_slider .title-2 {
        left: 0px;
    }
.image_slider .title-2 {
    padding: 25px 40px 10px 40px;
	}
}

/*----------------------------------------------------------------------*/
.page-id-30 .image_slider {
    background-color: #fff;
}
.page-id-30 .image_slider .img-bottom-bg, .page-id-30 .img-slider-bg {
	display: none;	
}

#hero.subpage-hero.subpage_hero_text .wrap {
    justify-content: flex-start;
}
.subpage_hero_text .hero-subtxt {
    margin-top: 0px;
    margin-left: 0;
}
.subpage_hero_text .hero-subtxt p {
    max-width: 500px;
}
.subpage_hero_text .hero-image img {
    max-height: 72px;
	max-width: 58px;
	filter: brightness(0) saturate(100%) invert(67%) sepia(40%) saturate(5463%) hue-rotate(162deg) brightness(97%) contrast(83%);
}
.subpage_hero_text .wrap {
	position: relative;
}
.subpage_hero_text .hero-coral {
	right: 0;
    position: absolute;
    top: 0;
	filter: brightness(0) saturate(100%) invert(67%) sepia(40%) saturate(5463%) hue-rotate(162deg) brightness(97%) contrast(83%);
}
.subpage_hero_text {
	min-height: 90vh;
}

@media screen and (max-width: 1600px) {
	.subpage_hero_text {
	min-height: 0vh;
}
.subpage_hero_text .hero-coral {
    max-height: 90px;
	}
}
@media screen and (max-width: 1000px) {
    #hero.subpage_hero_text .wrap {
        padding-bottom: 280px;
    }
}
@media screen and (max-width: 700px) {
    #hero.subpage_hero_text .wrap {
        padding-bottom: 280px;
    }
}
@media screen and (max-width: 550px) {
    #hero.subpage_hero_text .wrap {
        padding-bottom: 180px;
    }
.subpage_hero_text .hero-image img {
    display: none;
}
}
@media screen and (max-width: 400px) {
    #hero.subpage_hero_text .wrap {
        padding-bottom: 140px;
    }
}
/*text image 2----------------------------------------------------------------*/
.dark-blue {
	background-color: #08A2DB;
}
#text_image.text_image_2 .main-img {
    max-height: 650px;
}
#text_image.text_image_2 .txt {
    text-align: left;
}
#text_image.text_image_2 .subtitle {
    margin: 0 0 40px 0;
}
.blue-top-2 {
	position: absolute;
    top: -50px;
    width: 100%;
    height: auto;
	z-index: 1;
	filter: brightness(0) saturate(100%) invert(44%) sepia(91%) saturate(671%) hue-rotate(158deg) brightness(100%) contrast(97%);
}
#text_image.text_image_2 {
    margin-top: 100px;
}

@media screen and (max-width: 900px) {
.blue-top-2 {
    top: -20px;
	}
}
@media screen and (max-width: 390px) {
.blue-top-2 {
    top: -10px;
	}
}
/*service ----------------------------------------------------------*/
.service {
	display: flex;
	margin: 30px 0px;
	padding: 5% 10%;
	gap: 10%;
}
#text_image .service .txt {
	padding: 0;
}
.service h2 {
	font-size: 45px;
}
.page-id-30 .serv1, .page-id-372 .serv1 {
    background-color: #ED6B1C;
}
.page-id-30 .serv2, .page-id-372 .serv2 {
	background-color: #F8BF29;
	color: #222E6A;
}
.page-id-30 .service.serv2 h2, 
.page-id-372 .service.serv2 h2,
.page-id-30 .service.serv2 p, .page-id-372 .serv2 p{
	color: #222E6A !important;
}
.page-id-30 .serv3,  .page-id-372 .serv3 {
	background-color: #90A63C;
}
.page-id-30 .serv4 h2 {
	color:white;
}
.page-id-30 .serv4,  .page-id-372 .serv4  {
	background-color: #2890A7;
}
.serv1 {
	background-color: #ED9651;
}
.serv2, .serv4 {
	background-color: #D3EB68;
}
.serv3 {
	background-color: #2890A7;
}
.serv1 h2, .serv3 h2 {
	color: white;
}
.page-id-1373 .serv5,
.page-id-1390 .serv5{
	background-color: #2890A7;
}
.page-id-1373 .serv6,
.page-id-1390 .serv6{
	background-color: #b7bec0;
}

.ti-fish.man {
    right: -100px;
    max-height: 280px;
}
#text_image .serv2 h2, #text_image .serv2 p {
	color: #222E6A;
}
#text_image.services-wrap {
	padding-top:200px;
	padding-bottom: 0;
}
.ti-fish {
	position: absolute;
    max-width: 198px;
    bottom: auto;
    right: -60px;
}
.ti-turtle {
	position: absolute;
    max-width: 198px;
    bottom: auto;
    right: unset;
    left: -80px;
}
.page-id-30  #services_slider {
    top: 80px;
}
#text_image .service p {
        line-height: 150%;
    font-size: 20px;
    font-weight: 300;
}

@media screen and (max-width: 1350px) {
#text_image.services-wrap {
    padding-top: 100px;
}
.services .slider-title .tb-starfish {
    top: -80px;
}
.services .slider-title .tb-bubble {
    top: -100px;
}
}
@media screen and (max-width: 1160px) {
	#text_image .service p {
        line-height: 140%;
    font-size: 18px;
	}
	.service h2 {
    font-size: 35px;
}
.service {
    padding: 50px;
    gap: 40px;
}
}

@media screen and (max-width: 980px) {
	.service {
    padding: 45px 30px;
    gap: 30px;
}
	    #text_image.services-wrap {
        padding-top: 10px;
    }
}
@media screen and (max-width: 980px) {
    .service.serv1, .service.serv3 {
       flex-direction: column;
    }
	.service.serv2 {
       flex-direction: column-reverse;
    }
#text_image .service .img, #text_image .service .txt {
    width: 100%;
}
}
/*-------------------------------------------------------------------------------------*/
.subpage_hero_text_2 .hero-subtxt {
    margin-top: 0;
    margin-left: 0;
	padding-bottom: 60px;
}
.subpage_hero_text_2 .hero-image img {
    width: auto;
    height: auto;
    max-width: 71px;
	filter: brightness(0) saturate(100%) invert(67%) sepia(40%) saturate(5463%) hue-rotate(162deg) brightness(97%) contrast(83%);
}
.subpage-hero.subpage_hero_text_2  .hero-image {
    max-height: auto;
}
#hero.subpage-hero.subpage_hero_text_2 .wrap {
    align-items: end;
    padding-bottom: 300px;
}
.subpage_hero_text_2 .hero-subtxt p {
    font-size: 21px;
    max-width: 670px;
}
#hero.subpage_hero_text_2 h1 .hero-coral {
    top: -40px;
    right: -90px;
}
.hero-subtxt b, .hero-subtxt strong {
	color: #2890A7;
}
.subpage_hero_text_2 .hero-bottom-img {
    bottom: -1px;
}

@media screen and (max-width: 1080px) {
#hero.subpage-hero.subpage_hero_text_2 .wrap {
    padding-bottom: 200px;
}
}

@media screen and (max-width: 1000px) {
#hero.subpage-hero.subpage_hero_text_2 .wrap {
    align-items: center;
}
.subpage_hero_text_2 .hero-subtxt p {
    font-size: 18px;
	}
	    #hero.subpage-hero.subpage_hero_text_2 .wrap {
        padding-bottom: 100px;
    }
}

@media screen and (max-width: 600px) {
.subpage_hero_text_2 .hero-image img {
	display: none;
}
.subpage_hero_text_2 .hero-subtxt {
    padding-bottom: 0px;
	}
#hero.subpage_hero_text_2 h1 .hero-coral {
    top: 100px;
    right: -40px;
}
}
/*----------------------------------------------------------------------------------*/
.hide-img {
	display: none;
}
.page-id-214 .hide-img {
	display: block;
    position: absolute;
}
#contact_form {
	position: relative;
}
#contact_form .tb-starfish.hide-img {
    top: 40px;
    left: 10%;
}
.form-snorkle {
	right: 5%;
	bottom: 0;
}

@media screen and (max-width: 670px) {
.tb-starfish.hide-img {
    top: 0px;
    left: 5%;
}
.form-bubble.hide-img {
	max-width: 40px;
}
.form-snorkle.hide-img {
	max-width: 90px;
	bottom: 20px;
}
}
/*fw img--------------------------------------------------*/
.fw-img {
	max-height: 650px;
    max-width: 1520px;
    margin: auto;
    padding: 10px;
    border: 1px solid #ED6B1C;
	background-color: #ED6B1C;
}
.fw-img img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
    max-height: 630px;
    max-width: 1500px;
	min-height: 300px;
}
#image {
	padding: 50px 0px 80px 0px;
}
/*------------------------------------------------------------------*/
#contact_map {
	position: relative;
}
#text_image.contact-section,
#text_image .teal{
	background-color: #1EABE3;
}
.home #text_image.teal,
.home #textbox_2.teal{
	background-color: #08A2DB;
}



body:not(.home):not(.page-id-30) #text_image::after{
	content: '';
  	background: url('https://www.sleeky.uk/clients/ice-city/wp-content/themes/sleeky-starter-master/images/contact-details-section-bg.svg') no-repeat;
  	position: absolute;
  	bottom: -280px;
  	left: 0;
  	width: 100%;
  	height: 50%;
}

@media only screen and (min-width: 900px){
	#text_image::after{
		height: 70%;
	}
}

.page-ide-214 #text_image .blue-top-2{
	filter: brightness(0) saturate(100%) invert(75%) sepia(67%) saturate(3795%) hue-rotate(164deg) brightness(88%) contrast(102%);
}
#text_image.contact-section {
    padding: 0px 0px 200px 0px;
	margin-top: 100px;
	position: relative;
}
.contact-section .bubs {
	position: absolute;
    left: 5%;
    bottom: 350px;
    max-width: 60px;
    z-index: 1;
}
#text_image.contact-section .main-img {
    max-height: 500px;
}
.contact-section .f-socials {
    margin-bottom: 60px;
    justify-content: center;
    margin-top: 15px;
}
#text_image.contact-section  p {
    padding: 15px;
}
#text_image.contact-section .wrap {
    padding: 80px 0px 50px 0px;
}
.map-star {
	position: absolute;
    right: -40px;
    top: -40px;
    z-index: 1;
}
#map-bottom {
	background-color: #E5F5FB;
	position: relative;
}
.map-bottom {
	position: relative;
	z-index: 1;
}
.map-bottom .title-1 {
    background-color: #1EABE3;
    color: #ffffff;
    transform: rotate(0deg);
    width: fit-content;
    margin: auto;
}
.map-bottom .title-2 {
    margin: auto;
    width: fit-content;
	color:#ffffff;
}

#map-bottom .title {
	position: relative;
	padding-top: 60px;
}
.map-seahorse {
	position: absolute;
    top: 0px;
    left: 5%;
}
.map-flippers {
	position: absolute;
    right: 5%;
    top: 80px;
}
.map-section-wrap {
	padding: 100px 0px;
}
.map-section {
	
    padding: 10px;
	border: 2px solid #F8BF29;
	background: #F8BF29;
}
#map {
	width: 100%;
	height: 680px;
}

@media screen and (max-width: 1400px) {
.map-seahorse {
    max-height: 180px;
}
.map-flippers {
    top: 40px;
    max-height: 140px;
}
}
@media screen and (max-width: 1020px) {
#text_image.contact-section {
    margin-top: 50px;
	}
}
@media screen and (max-width: 910px) {
	#text_image.contact-section .wrap {
    padding: 80px 0px 0px 0px;
	}
#image {
    padding: 50px 0px 50px 0px;
}
.map-flippers {
        top: -100px;
        max-height: 110px;
    }
	.map-seahorse {
        max-height: 160px;
        left: 0px;
    }
.map-section-wrap {
    padding: 70px 0px;
}
}

@media screen and (max-width: 650px) {
    .map-seahorse {
        top: -100px;
    }
	#map {
    height: 480px;
}
}

@media screen and (max-width: 490px) {
.map-seahorse {
        top: -160px;
    }
}
/*--------------------------------------------------tb3*/
.tb3-starfish {
	right: 5%;    
	bottom: 80px;
}
#textbox.tb3 {
    padding: 100px 0 250px 0;
}
.tb3 .tb-bubble {
    right: 5%;
    top: 0;
}
.tb3 .tb-starfish {
    top: -40px;
}
.tb3-snorkle {
	left: 8%;
}
.tb3 .tb-bubble1 {
	left: 12%;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    top: 40px;
}
#textbox.tb3 p {
    max-width: 820px;
}
@media screen and (max-width: 1300px) {
	.tb3-starfish {
    bottom: 60px;
    max-height: 150px;
}
	.tb3-snorkle {
    left: 30px;
    max-height: 120px;
}
}

@media screen and (max-width: 850px) {
.tb3-snorkle {
    left: 15%;
    max-height: 120px;
    bottom: 40px;
}
}
@media screen and (max-width: 450px) {
    .tb3-snorkle {
        left: 30px;
        max-height: 80px;
        bottom: 40px;
    }
	    .tb3-starfish {
        bottom: 100px;
        max-height: 110px;
    }
}
/*boxes grid -------------------------------------------------------------------*/
#boxes_grid {
	position: relative;
	padding: 100px 0px;
}
#boxes_grid.dark-blue{
	background-color: #36588E;
}
#boxes_grid.dark-blue .blue-top-2{
	filter: brightness(0) saturate(100%) invert(33%) sepia(13%) saturate(2476%) hue-rotate(178deg) brightness(89%) contrast(85%);
}
#boxes_grid .tb-starfish {
	position: absolute;
    right: 5%;
    left: unset;
    top: 50px;
	z-index: 1;
}
#boxes_grid .tb-zigzag {
	position: absolute;
    right: 0;
    bottom: 0;
}

#boxes_grid .tb-fish {
    position: absolute;
    left: 30px;
	max-width: 150px;
    bottom: 100px;
}
.subtitle.subtitle2 {
	background-color:#E6F6FB;
	color: #222E6A;
}
.boxgrid {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 45px;
    margin: 100px auto 130px auto;
    max-width: 1375px;
}
.box h3 {
	font-size: 45px;
	font-weight: 500;
	margin: 0;
	padding-bottom: 10px;
	color: white;
}
.box p {
	font-size: 18px;
	font-weight: 300;
	color: white;
}
.boxgrid .box {
	padding: 50px;
}
.boxgrid .box:nth-child(1) {
	background-color: #1EABE3;
}
.boxgrid .box:nth-child(2) {
	background-color: #90A63C;
}
.boxgrid .box:nth-child(3) {
	background-color: #F8BF29;
}
.boxgrid .box:nth-child(4) {
	background-color: #2B8D64;
}
.boxgrid .box:nth-child(5) {
	background-color: #F6A979;
}
.boxgrid .box:nth-child(6) {
	background-color: #ED6B1C;
}

@media screen and (max-width: 1700px) {
	#boxes_grid .tb-fish {
    bottom: 10px;
    z-index: 2;
}
}

@media screen and (max-width: 1400px) {
.box h3 {
    font-size: 35px;
}
	.boxgrid .box {
    padding: 40px;
}
.boxgrid {
	grid-gap: 30px;
}
}


@media screen and (max-width: 1000px) {
.boxgrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
	margin: 70px auto 30px auto;
}
	#boxes_grid .tb-fish {
		display: none;
	}
}
@media screen and (max-width: 675px) {
.boxgrid {
    display: grid;
    grid-template-columns: 1fr;
	margin: 70px auto 30px auto;
}
	.subtitle.subtitle2 {
		text-align: center;
	}
	#boxes_grid .tb-starfish {
    right: 30px;
    top: 20px;
}
	.box h3 {
        font-size: 30px;
    }
}
/*team------------------------------------------------------------------------------------------------*/
#team {
	position: relative;
	padding: 100px 0 180px 0;
    background-color: #E6F6FB;
}
.page-id-28 #textbox.tb1 {
    padding: 170px 0 220px 0;
}
.bub {
	    position: absolute;
    left: 35%;
    top: -30px;
    max-width: 28px;
	z-index: 1;
}
.team-tabs {
	padding: 80px 0px;
    position: relative;
}
.team-tabs-container {
    position: relative;
}
.clam-tabs {
	position: absolute;
    left: 0;
    top: 0;
    max-width: 100px;
}
.sf-tabs {
	position: absolute;
    right: 5%;
}
.team-tabs ul {
	display: flex;
	gap: 10px;
    justify-content: space-between;
    flex-wrap: wrap;
}
.team-tab {
	width: 100%;
    height: 100%;
    display: flex;
    border-radius: 100%;
    background-color: #D9D9D9;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#team .tab-link {
	   width: 176px;
	height: 176px;
	
    padding: 10px;
	border-radius: 100%;
	transition: 0.3s;
	cursor: pointer;
}
#team .tab-link img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 100%;
    padding: 10px;
}
#team .tab-link.current {
	position: relative;
}
#team .tab-link.current::before {
	content: '';
	background-image: url(images/white-before.png);
	width: 44px;
	height: 44px;
	position: absolute;
    bottom: -15px;
    left: -15px;
    filter: invert(18%) sepia(95%) saturate(3177%) hue-rotate(344deg) brightness(88%) contrast(101%);
	background-repeat: no-repeat;
	background-size: contain;
}
#team .tab-link.current::after {
	content: '';
	background-image: url(images/white-after.png);
	width: 44px;
	height: 44px;
	position: absolute;
    top: -15px;
    right: -15px;
    filter: invert(18%) sepia(95%) saturate(3177%) hue-rotate(344deg) brightness(88%) contrast(101%);
	background-repeat: no-repeat;
	background-size: contain;
}
#team .tab-link.tl2.current::before,
#team .tab-link.tl2.current::after,
#team .tab-link.tl6.current::before,
#team .tab-link.tl6.current::after{
    filter: brightness(0) saturate(100%) invert(32%) sepia(16%) saturate(1949%) hue-rotate(178deg) brightness(93%) contrast(87%);
}
#team .tab-link.tl3.current::after,
#team .tab-link.tl3.current::before{
    filter: brightness(0) saturate(100%) invert(88%) sepia(20%) saturate(4444%) hue-rotate(329deg) brightness(102%) contrast(95%);
}
#team .tab-link.tl4.current::after,
#team .tab-link.tl4.current::before{
    filter: brightness(0) saturate(100%) invert(98%) sepia(23%) saturate(5952%) hue-rotate(175deg) brightness(97%) contrast(73%);
}
#team .tab-link.tl5.current::after,
#team .tab-link.tl5.current::before{
    filter: brightness(0) saturate(100%) invert(100%) sepia(20%) saturate(6276%) hue-rotate(24deg) brightness(124%) contrast(83%);
}
#team .tab-link.tl7.current::after,
#team .tab-link.tl7.current::before{
    filter: brightness(0) saturate(100%) invert(84%) sepia(18%) saturate(5906%) hue-rotate(323deg) brightness(98%) contrast(89%);
}
#team .tab-content{
	display: none;
}
#team .tab-content.current {
	display: flex;
}
.tl1, .tl8 {
	border: 1px solid #E2192C;
}
.tl1.current, .tl8.current{
	background: #E2192C;
} 
.tl2, .tl6 {
	border: 1px solid #36588E;
}
.tl2.current, .tl6.current{
	background: #36588E;
} 
.tl3 {
	border: 1px solid #F9B03C;
}
.tl3.current{
	background: #F9B03C;
} 
.tl4 {
	border: 1px solid #B5DCCF;
}
.tl4.current{
	background: #B5DCCF;
} 
.tl5 {
	border: 1px solid #D3EB68;
}
.tl5.current{
	background: #D3EB68;
} 

.tl7 {
	border: 1px solid #ED9651;
}
.tl7.current{
	background: #ED9651;
} 
.team-img img {
	border: 2px solid #E2192C;
	background: #E2192C;
    padding: 15px;
    border-radius: 300px 300px 300px 300px;
	    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 635px;
    max-width: 445px;	
    transform: rotate(-5deg);
    aspect-ratio: 1 / 1.4;
}
#menu-item-35 {
	z-index: 1;
}
.team-text {
	min-width: 220px;
	/*border: 1px solid #36588E;*/
    padding: 15px;
    height: fit-content;
	max-width: 50%;
	position: relative;
    transform: rotate(5deg);
}
.team-tab-inner {
	max-width: 1445px;
	margin: auto;
	display: flex;
    gap: 60px;
    align-items: center;
    justify-content: center;
}
.team-text-inner {
	padding: 20px;
	padding: 100px;
	background-color: #1EABE3;
}
.team-text-blue-blob {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -1;
  width: 100%;
  transform: translateY(-50%);
}
.team-text h3 {
	text-align: center;
    color: #ffffff;
    font-size: 30px;
    margin: 0 0 20px 0;
}
.team-text strong {
    color: #ffffff;
}
.team-text p {
	font-size: 20px;
	color: #0C2245;
}
.bub2 {
	position: absolute;
    right: 0;
    top: 0;
}
@media screen and (max-width: 1300px) {
	.clam-tabs {
		display: none;
	}
	.bub {
    left: 25%;
	}
}

@media screen and (max-width:960px) {
.team-text {
    max-width: 65%;
}
	.team-text p {
    font-size: 18px;
}
}

@media screen and (max-width:900px) {
#team {
    padding: 40px 0 180px 0;
}
}
@media screen and (max-width:870px) {
.team-tab-inner {
    gap: 20px;
    flex-direction: column-reverse;
}
	.team-text {
    max-width: 100%;
		transform: rotate(0deg);
}
.team-tabs {
    padding: 60px 0px 40px 0px;
	}
}

@media screen and (max-width:820px) {
#team .tab-link {
    width: 120px;
    height: 120px;
    padding: 5px;
}
.team-tabs ul {
    gap: 10px;
    justify-content: center;
	}
}
@media screen and (max-width: 650px) {
    .bub {
        left: 5%;
    }
}
@media screen and (max-width:460px) {
#team .tab-link {
    width: 100px;
    height: 100px;
}
}

/*--------------------------*/
#main-menu-1 .menu li {
	position: relative;
}
.sub-menu {
	position: absolute;
    display: none !important;
    background: #F0F8F5;
    top: 0px;
    left: -20px;
    padding: 50px 20px 20px 20px !important;
    min-width: 220px;
    z-index: 1;
}
.sub-menu li {
	width: fit-content;
    margin-bottom: 10px;
}
.navigation__menu--links #menu-main-menu .sub-menu li:hover {
    transform: translate(0px, 0px);
    transition: 0.3s;
}
.menu-item-has-children:hover .sub-menu {
	display: block !important;	   
}
.menu-item-has-children {
    position: relative;
	max-width: 186px;
	    z-index: 1;
}
@media screen and (max-width: 1200px) {
	.sub-menu li {
    margin: auto;
}
.sub-menu {
    background: transparent;
	padding:10px !important;
}
}
/*--------------------------------------------*/

.home #text_image .white-bottom {
	display: none;
}
.teal .ti-text a {
	color: white;
	transition: 0.3s;
}
.teal .ti-text a:hover {
	opacity: 0.7;
	transition: 0.3s;
}

#text_image.white .blue-top-2 , #text_image.white .white-bottom {
	display: none;
}
#text_image.white .ti-text * {
	color: #0C2245;
}
#text_image.white .ti-text ul {
	list-style-type: disc;
	margin-left: 20px;
}
#text_image.white .ti-text ul li {
	 font-size: 20px;
	padding: 4px 0px;
}
@media screen and (max-width: 1385px) {
    #text_image.white .ti-text ul li {
        font-size: 18px;
    }
}
#text_image.text_image_2.white {
    margin-top: 0px;
}
#text_image.text_image_2 .txt {
    z-index: 2;
}

.locations {
	margin-top: 200px;
}
.location-cols .cols {
	display: flex;
    justify-content: space-evenly;
    gap: 50px;
    padding-bottom: 100px;
    flex-wrap: wrap;
}
.location-cols h3 {
	font-size: 27px;
}
.location-cols b, .location-cols strong {
    color: #E2192C;
}
#s {
	padding: 12px 20px 10px 20px;
    border: 2px solid #36588E;
    outline: none;
    border-radius: 30px;
}
#searchsubmit {
	border-radius: 50px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 800;
    padding: 12px 15px 9px 15px;
    border: 1px solid #36588E;
    background-color: #36588E;
    color: white;
    cursor: pointer;
}
.results h2 {
	color: #36588E;
}
.result-inner {
	padding-bottom: 20px;
}
.search-res-link {
	color: #36588E;
	font-weight: bold;
	transition: 0.3s;
}
.search-res-link:hover {
	opacity: 0.7;
	transition: 0.3s;
}
/*mob-menu -------------------------------------------*/
.accordion {
  color: #fff;
  cursor: pointer;
  font-size: 24px;
  transition: 0.4s;
}
.panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.col-wrap img {
	width:100%;
	height:auto;
	max-width:250px;
	margin:auto;
}
.col-wrap {
	text-align:center;
}
.col-wrap .btn-wrap {
	margin-top:50px;
	text-align:center;
}
.contact_form form p.form-sel {
	    text-align: left;
    padding: 20px 0 10px 0;
    font-size: 20px;
}
#contact_form .wpcf7 select {
	background-color: #E6F6FB;
    color: #0A2515;
    padding: 15px 20px 10px 20px;
    font-size: 20px;
    font-weight: 300;
    border: none;
    outline: none;
    width: 100%;
}
/*----------------------------------------------------------*/
.page-id-351 .serv1 {
    background-color: #e3d54a;
}
.page-id-351 .serv2 {
	background-color: #e3bb4a;
}
.page-id-351 .serv3 {
	background-color: #1a306b;
}
.page-id-351 .serv4 {
	background-color: #6187ec;
}
.page-id-351 .serv5, .page-id-372 .serv5 {
	background-color: #D3EB68;
}
.page-id-351 .serv6, .page-id-372 .serv6 {
	background-color: #28a765;
}
.page-id-351 .serv7, .page-id-372 .serv7 {
	background-color: #c11a1a;
}
.page-id-351 .serv8, .page-id-372 .serv8 {
	background-color: #900a0a;
}
.page-id-351 .serv9, .page-id-351 .serv10, .page-id-372 .serv10,  .page-id-372 .serv9 {
	background-color: #b7bec0;
}
.service h2, .service p {
	color: white !important;
}
@media screen and (max-width:1500px) {
	.ti-fish {
    max-width: 130px;
    right: -70px;
}
	.ti-turtle {
    max-width: 140px;
    left: -80px;
}
.page-id-351 .serv3 .ti-fish.man {
        max-width: 130px;
        right: -70px !important;
    }
}
@media screen and (max-width: 980px) {
    .service {
        flex-direction: column;
    }
}
@media screen and (max-width: 860px) {
    .ti-fish {
        max-width: 120px;
        right: -60px;
        bottom: -50px;
    }
	.ti-turtle {
        max-width: 120px;
        left: -60px;
        bottom: -50px;
    }
	.page-id-351 .serv3 .ti-fish.man {
        max-width: 130px;
        right: -50px !important;
    }
.page-id-351 	.ti-fish.man {
    right: -60px;
    max-height: 250px;
}
}

.pink {
	background-color: #f093f3;
}
.red {
	background-color: #900a0a;
}
.green {
	background-color: #D3EB68;
}
.grey {
	background-color: #b7bec0;
}
.arrow-wrap input {
	position: absolute;
    width: 62px;
    height: 62px;
    border: none;
    background: transparent;
    z-index: 2;
    cursor: pointer;
	opacity:0;
}

/** text image grid **/
#textImageGrid{
	position: relative;
	margin: 80px 0;
}
#textImageGrid .title-1,
#textImageGrid .title-2{
	font-size: 40px;
  	font-weight: 700;
  	line-height: normal;
  	letter-spacing: -0.735px;
}
#textImageGrid .title-1 {
  	transform: rotate(0deg);
  	color: #E6F6FB;
  	background: #08A2DB;
	margin: 73.535px 0 10px;
}

#textImageGrid .title-2 {
 	color: #ED6B1C;
  	background: #F8BF29;
	margin: 0 0 73.535px;
}

#textImageGrid .tb-starfish{
	top: 10px;
  	right: 10px;
	left: unset;
	position: absolute;
}

#textImageGrid .container{
	display: flex;
	flex-direction: column;
  	gap: 80px;
}
#textImageGrid .button-container{
	margin: 80px 0 96px;
}

#textImageGrid .text-image__item{
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin: 0 0 20px;
}


#textImageGrid .text-box {
  background: #ED6B1C;
  color: #ffffff;
}

#textImageGrid .text-image__cat {
  margin: 50px 50px 45px;
  background: #F9B03C;
  max-width: 78px;
  max-height: 30px;
  padding: 5px 12px;
  color: #ED6B1C;
  font-size: 14.254px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.143px;
}
 

#textImageGrid .text-box__content {
  	padding: 0 50px 45px;
	color: #ffffff;
}
#textImageGrid .text-box__content p{
	color: #ffffff;
}

#textImageGrid figure img{
	border-radius: 181.5px;
	max-width: 100%;
}

#textImageGrid  .text-image__item:nth-of-type(2n) .text-box {
	background: #08A2DB;
}

#textImageGrid figure figcaption{
	display: none;
}

@media only screen and (min-width: 700px){
	#textImageGrid .title-1,
	#textImageGrid .title-2{
		font-size: 73.535px;
	}
}

@media only screen and (min-width: 1130px){
	#textImageGrid{
		margin: 163px 0 121px;
	}
	#textImageGrid .container{
		flex-direction: row;
		gap: 226px;
	}
}

@media only screen and (min-width: 1550px){
	#textImageGrid .text-image__item{
		flex-direction: row;
	}
	
	#textImageGrid  .text-image__item:nth-of-type(2n) .text-box {
		order: 2;
	}
	
	#textImageGrid figure img{
		max-width: unset;
	}
}