/*!
Theme Name: Seaco Global v3
Theme URI: https://alignedagency.com.au/
Author: Aligned Agency
Author URI: https://alignedagency.com.au/
Description: Custom theme for Seaco Global
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: seaco-global
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Seaco Global v3 is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/

/* Root */
:root {
	--p-font: 'Avenir';
	--main-font: 'Univers 59 Ultra Condensed';
	--icon-font: 'alignedicon';
	--primary-color: #47709E;
	--secondary-color: #666465;
	--white: #FFFFFF;
	--black: #373737;
	--light-gray: #373737;
	--navy-blue: #002E63;
	--light-blue: #47709E;
	--lighter-gray: #F4F4F4;
	--gold: #EAAB3C;
	--red: #F50003;
	--body-bg: #F4F4F4;
	--transition: .4s all ease;
}

:focus, 
button:focus,
a:focus,
input:focus,
select:focus,
.btn:focus {
	outline: 2px solid #007BFF;
  outline-offset: -2px;
}
.main-menu .menu>.menu-item>a:focus+.sub-menu, .main-menu .menu>.menu-item .sub-menu:focus-within {
	opacity: 1;
	visibility: visible;
}

img {
	max-width: 100%;
	height: auto;
}
a {
	color: var(--primary-color);
}
a, a:hover, a:focus{
	text-decoration: none;
}
a:hover, a {
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3{
	margin: 0;
	font-weight: 500;
	line-height: 90%;
	color: var(--secondary-color);
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
h1, .h1 {
	font-size: 88px;
}
h2, .h2 {
	font-size: 32px;
	color: var(--primary-color);
}
h3, .h3 {
	font-size: 24px;
}
h4 {
	font-size: 20px;
}

p {
	margin-bottom: 25px;
	font-family: var(--p-font);
}
p:last-child, p:last-of-type {
	margin-bottom: 0;
}
p a {
	text-decoration: underline;
}
.p-font, ul {
	font-family: var(--p-font);
}
.fh {
	margin: 0;
	font-weight: 500;
	line-height: 90%;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.fh-n {
	letter-spacing: normal;
}
.f-18 {
	font-size: 18px;
}
.f-20 {
	font-size: 20px;
}
.f-22 {
	font-size: 22px;
}
.f-24 {
	font-size: 24px;
}
.f-30 {
	font-size: 30px;
}
.f-32 {
	font-size: 32px;
}
.f-36 {
	font-size: 36px;
}
.f-40 {
	font-size: 40px;
}
.f-50 {
	font-size: 50px;
}
.f-60 {
	font-size: 60px;
}
.f-70 {
	font-size: 70px;
}
.f-80 {
	font-size: 80px;
}
.h1-sm {
	font-size: 48px;
}
.h2-sm {
	font-size: 24px;
}
.p-sm, .p-lg {
	line-height: 90%;
}
.p-sm {
	font-size: 32px;
}
.p-lg {
	font-size: 40px;
}
.text-color {
	color: var(--primary-color);
}
.text-red {
	color: var(--red);
}
.mx-1300 {
	max-width: 1300px;
}
.row {
	--bs-gutter-x: 16px;
}

/* Custom CSS */
body{
	font-family: var(--main-font);
	font-size: 16px;
	font-weight: 400;
	color: var(--secondary-color);
	line-height: 156%;
	background: var(--body-bg);
	-webkit-font-smoothing: antialiased; /* Chrome, Safari */
	-moz-osx-font-smoothing: grayscale; /* Firefox */
}

/* Menu */
#main-wrap {
	overflow: hidden;
}

/* Header */
.admin-bar .header {
	top: 32px;
}
.header {
	transition: .4s all ease;
	background: var(--white);
}
.sticky-active {
	box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}
.header .container {
	max-width: 1320px;
}
.logo {
	max-width: calc(125px + 30px);
	background: var(--white);
	position: relative;
	padding-right: 30px;
	display: flex;
	align-items: center;
}
.logo::before {
	content: "";
	width: 100000%;
	height: 100%;
	position: absolute;
	left: -100000%;
	top: 0;
	background: var(--white);
}

.main-menu {
	flex: 1;
}
.main-menu::before {
	width: 0;
	height: 100%;
	background: var(--white);
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	transition: width .4s ease;
	z-index: -1;
}
.sticky-active .main-menu::before {
	width: calc(100% + 60px);
	transition: width .4s ease;
}
.main-menu > ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
}
.main-menu ul li {
	display: inline-block;
}
.main-menu ul li a {
	color: var(--secondary-color);
	font-size: 20px;
	padding: 0 8px;
	font-weight: 500;
	display: block;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	line-height: 100px;
	font-family: var(--main-font);
}

.main-menu ul li:hover > a {
	color: var(--primary-color);
}

.main-menu ul li ul {
	position: absolute;
	width: 270px;
	background: var(--white);
	text-align: left;
	top: 100%;
	opacity: 0;
	visibility: hidden;
	transition: .4s all ease;
	padding: 10px 0;
}
.main-menu ul li ul li {
	display: block;
}
._main-menu > ul > li.menu-item-has-children {
	padding-right: 5px;
}
._main-menu > ul > li.menu-item-has-children::before {
	position: absolute;
	right: 0;
	top: 54%;
	font-family: 'FontAwesome';
	content: '\f107';
	font-weight: 700;
	transform: translateY(-50%);
}
.main-menu ul > li:hover > ul {
	opacity: 1;
	visibility: visible;
}
.main-menu ul li ul li a {
	display: block;
	padding: 8px 15px;
	font-size: 16px;
	line-height: 1.2;
	color: var(--black);
}

.main-menu ul li ul li ul {
	left: 100%;
	top: 0;
}
._main-menu > ul > li ul li.menu-item-has-children::before {
	font-family: 'FontAwesome';
	content: '\f105';
	position: absolute;
	right: 10px;
	top: 8px;
	color: var(--secondary-color);
	font-weight: 500;
}

.main-menu ul li a:hover, .main-menu ul > li.current_page_item > a {
	color: var(--primary-color);
}
.main-menu ul li ul li a:hover{
	color: var(--primary-color);
}
.main-menu ul.sub-menu > li.current_page_item > a {
	color: var(--primary-color);
}

/* Mega Menu */
.seaco-mega-menu ul.sub-menu {
	left: 0;
	width: 100%;
	box-shadow: none;
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.seaco-mega-menu ul.sub-menu::before,  .seaco-mega-menu ul.sub-menu::after {
	content: "";
	width: 100000%;
	height: 100%;
	background: var(--white);
	position: absolute;
	top: 0;
}
.seaco-mega-menu ul.sub-menu::before {
	left: -100000%;
}
.seaco-mega-menu ul.sub-menu::after {
	right: -100000%;
}
.seaco-mega-menu ul.sub-menu li {
	padding-left: 10px;
	padding-right: 10px;
}
.seaco-mega-menu ul.sub-menu li a {
	padding: 0;
	color: var(--primary-color);
	font-size: 24px;
}
.seaco-mega-menu ul.sub-menu li p {
	font-family: var(--p-font);
	text-transform: none;
	letter-spacing: normal;
	font-size: 16px;
	line-height: 156%;
	color: var(--bs-black);
	margin-top: 15px;
}
.seaco-mega-menu.mm-4col ul.sub-menu li {
	width: calc(100%/4);
}
.seaco-mega-menu.mm-5col ul.sub-menu li {
	width: calc(100%/5);
}
.seaco-mega-menu.mm-6col ul.sub-menu li {
	width: calc(100%/6);
}
.seaco-mega-menu.mm-with-img ul.sub-menu li a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
}
._seaco-mega-menu ul.sub-menu li a {
	position: relative;
	padding-bottom: 40px;
}
._seaco-mega-menu ul.sub-menu li a::after {
	content: "\e906";
	font-family: var(--icon-font);
	bottom: 0;
	position: absolute;
	opacity: 0;
}
.seaco-mega-menu.mm-with-img ul.sub-menu li a p {
	width: 100%;
}
.seaco-mega-menu.mm-with-img ul.sub-menu li a .inline-img {
	flex: 0 0 35px;
	margin-right: 15px;
}
.seaco-mega-menu.mm-with-img ul.sub-menu li a .inline-img svg {
	width: 35px;
	height: 35px;
	color: var(--black);
}
.seaco-mega-menu ul.sub-menu li a:hover * {
	color: var(--primary-color);
}
._seaco-mega-menu ul.sub-menu li a:hover::after {
	opacity: 1;
}

/* Mobile text */
.mm-listitem__text {
	white-space: normal;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 2.2px;
}
.mm-navbar__title {
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1.6px;
}
.mm-panel .sub-menu li a {
	color: var(--primary-color);
	font-size: 24px;
}
.mm-panel .sub-menu li a p {
	color: var(--bs-black);
	font-size: 16px;
	text-transform: none;
	font-family: var(--p-font);
	letter-spacing: normal;
	margin-top: 10px;
}
.mm-panel .sub-menu li a svg {
	width: 33px;
	height: 33px;
}
#mm-2 .sub-menu li a {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
#mm-2 .sub-menu li a .m-i-title {
	width: calc(100% - 33px);
	padding-left: 10px;
}
.mm-menu {
	--mm-size: 100%;
	--mm-color-background: var(--white);
}
.menu-close-btn {
	position: absolute;
	right: 10px;
	z-index: 9;
	font-size: 26px;
	color: var(--primary-color) !important;
	top: 11px;
}

.search-click {
	font-size: 26px;
	display: flex;
	height: 100%;
	align-items: center;
	padding-left: 15px;
	padding-right: 15px;
	cursor: pointer;
}


.search-dropdown {
	position: absolute;
	bottom: -46px;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	transition: .4s all ease;
	transform: translateY(-25px);
}
.proinput {
	margin-left: 0 !important;
}
#ajaxsearchlite1 .probox, div.asl_w .probox {
	border: 1px solid var(--secondary-color) !important;
	border-radius: 0 !important;
}
.search-dropdown.active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}







.enquire-btn {
	background: var(--primary-color);
}
.enquire-btn a {
	color: var(--white);
	font-size: 22px;
	padding: 0 20px;
	display: flex;
	height: 100%;
	align-items: center;
}

.depot-finder-btn {
	background: var(--light-gray);
	position: relative;
}
.depot-finder-btn::before {
	content: "";
	width: 100000%;
	height: 100%;
	position: absolute;
	right: -100000%;
	top: 0;
	background: var(--light-gray);
}
.depot-finder-btn a {
	color: var(--white);
	font-size: 22px;
	padding: 0 20px;
	display: flex;
	height: 100%;
	align-items: center;
}


.btn {
	background-color: var(--primary-color);
	border: 0;
	color: var(--white);
	border-radius: 0;
	padding: 18px 30px;
	font-size: 22px;
	letter-spacing: 0.1em;
	transition: .4s all ease;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 90%;
}
.btn.focus, .btn:focus {
	box-shadow: none;
}
.btn-alt {
	background: var(--light-gray);
	color: var(--white);
}


.btn:hover {
	background: var(--secondary-color);
	color: var(--white);
	transition: .4s all ease;
}
.big-btn {
	min-width: 330px;
}
.btn-lg {
	padding-left: 60px;
	padding-right: 60px;
}

.white-bg {
	background: var(--white);
}
.white-text {
	color: var(--white);
}

/* Modal */
.modal-dialog {
	max-width: 800px;
}
textarea {
	height: 120px;
}
.modal-body {
	padding: 0 30px 20px;
}
.modal-content {
	border-radius: 0;
}
.modal-header {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	flex-wrap: wrap;
	justify-content: center;
	border-bottom: none;
	text-align: center;
	flex-direction: column;
	align-items: center;
}

.pop-logo img {
	max-width: 240px;
}
.pop-logo {
	margin-bottom: 10px;
}
.modal-header .close {
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 2.5rem;
	font-weight: 300;
	line-height: .4;
}
.popup-quote-form {
	margin-left: -7px;
	margin-right: -7px;
}
.popup-quote-form [class*="col-"] {
	margin-bottom: 14px;
	padding-left: 7px;
	padding-right: 7px;
}
.modal-header p a {
	color: var(--secondary-color);
}


/* Enquire Now Modal */
.modal.right .modal-dialog {
	position: fixed;
	margin: auto;
	width: 700px;
	height: 100%;
	transform: translate3d(0%, 0, 0);
}
.modal.right .modal-content {
	height: 100%;
	overflow-y: auto;
}
.modal.right.fade .modal-dialog {
	right: -700px;
	transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
	right: 0;
}
.modal.right .modal-header {
	text-align: left;
	align-items: flex-start;
}



/* Section title */
.section-title {
	margin-bottom: 45px;
}
.section-title h2 {
	margin-bottom: 20px;
}
.title-content {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

.title-white * {
	color: var(--white);
}
.bg {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.overly-bg, .overly-deep-bg, .overly-tb {
	position: relative;
}
.overly-bg::before, .overly-deep-bg::before, .overly-tb::before {
	content: "";
	background: rgba(0, 0, 0, .4);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.overly-deep-bg::before {
	background: rgba(0, 0, 0, .6);
}
.overly-tb::before {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}

.mt-16 {
	margin-top: 16px;
}
.mb-16 {
	margin-bottom: 16px;
}
.mt-20 {
	margin-top: 20px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mt-30 {
	margin-top: 30px;
}
.mb-30 {
	margin-bottom: 30px;
}
.p-100 {
	padding: 100px 0;
}
.p-50 {
	padding: 50px 0;
}
.mt-40 {
	margin-top: 40px;
}
.mb-40 {
	margin-bottom: 40px;
}
.mt-50 {
	margin-top: 50px;
}
.mb-50 {
	margin-bottom: 50px;
}
.pb-100 {
	padding-bottom: 100px;
}
.pt-100 {
	padding-top: 100px;
}
.pb-50 {
	padding-bottom: 50px;
}
.pt-50 {
	padding-top: 50px;
}

/* slick */
.slick-dots {
	margin-top: 50px;
	padding: 0;
	list-style: none;
	text-align: center;
	margin-bottom: 0;
}

.slick-dots li {
	display: inline;
	margin-left: 10px;
}
.slick-dots li button {
	font-size: 0;
	border: none;
	padding: 0;
	width: 12px;
	height: 12px;
	background: #fff;
	cursor: pointer;
	border-radius: 50%;
}
.slick-dots li.slick-active button {
	background: var(--secondary-color);
}


@keyframes kenburns {
	0% {
		transform: scale(1.3) translate(-10%, 10%);
	}
	25% {
		transform: scale(1) translate(0, 0);
	}
	50% {
		transform: scale(1.3) translate(10%, 10%);
	}
	75% {
		transform: scale(1) translate(0, 0);
	}
	100% {
		transform: scale(1.3) translate(-10%, 10%);
	}
}


/* Banner */
.banner-slider-item {
	padding: 250px 0;
}
.banner-slide-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.banner-slide-bg img {
	//animation: 115s kenburns linear infinite alternate;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.banner-slide-bg::before {
	background: rgba(0, 0, 0, .4);
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.banner-content {
	color: var(--white);
	max-width: 650px;
	position: relative;
	z-index: 2;
}
.banner-content h1, .banner-content .h1 {
	color: var(--white);
	margin-bottom: 25px;
}
.banner-content p {
	max-width: 485px;
}
.banner-btn {
	max-width: 480px;
}

.banner-scroll-text {
	left: 0;
	bottom: 170px;
	z-index: 99;
}
.seaco-scroll-text {
	--gap: 1rem;
	position: relative;
	display: flex;
	overflow: hidden;
	user-select: none;
	gap: var(--gap);
}
.seaco-scroll-content {
	flex-shrink: 0;
	display: flex;
	justify-content: space-around;
	gap: var(--gap);
	min-width: 100%;
	animation: scroll 30s linear infinite;
	margin: 0;
	padding: 0;
}
.seaco-scroll-content li {
	padding-right: 5px;
	font-size: 18px;
	font-family: var(--main-font);
}
.seaco-scroll-text:hover .seaco-scroll-content {
	animation-play-state: paused;
}

@keyframes scroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(calc(-100% - var(--gap)));
	}
}

/* Explore Product */
.explore-our-product-area {
	width: 100%;
	left: 0;
	z-index: 99;
}

.explore-product-title {
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(10px);
}
.explore-product-title i {
	font-size: 26px;
	margin-left: 15px;
}

.explore-item {
	width: calc(100%/5);
}
.explore-item a {
	background: var(--white);
	height: 100px;
	padding: 15px 30px;
}

.explore-item svg {
	height: 35px;
	width: 35px;
	color: var(--bs-black);
	transition: var(--transition);
}
.expo-text .h3 {
	width: 115px;
	margin-left: 10px;
	color: var(--primary-color);
	transition: var(--transition);
}
.expo-arrow i {
	font-size: 32px;
	color: var(--white);
}
.explore-item a:hover {
	background: var(--primary-color);
	color: var(--white);
}
.explore-item a:hover svg, .explore-item a:hover .h3 {
	color: var(--white);
	transition: var(--transition);
}



.stat-item {
	width: calc(100%/5);
	text-align: center;
	padding: 10px;
}
.stat-item .h3 {
	margin-top: 20px;
	padding-bottom: 20px;
}
.stat-item .h3::before {
	content: "";
	width: 200px;
	height: 2px;
	background: var(--primary-color);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
}

.about-video {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.about-video-bg {
	padding: 250px 30px;
}
.about-video-bg::before {
	content: "";
	background: rgba(0, 0, 0, .6);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.about-video-bg a {
	position: relative;
	display: block;
	text-align: center;
}

.play-icon svg {
	width: 120px;
	height: 120px;
}
.about-video-bg a:hover {
	opacity: .7;
}

/* Services */
.service-bg {
	padding: 100px 100px 10px;
	background: var(--bs-white);
}
.service-bg .subtext {
	max-width: 710px;
	margin: 0 auto;
}
.service-item {
	min-height: 400px;
	padding: 50px;
	display: flex;
	align-items: flex-end;
	margin-bottom: 40px;
}
.service-content p {
	max-width: 440px;
}


.quote-area {
	background-attachment: fixed;
	padding: 300px 0 150px;
}

.difference-lists {
	padding-top: 300px;
}
.difference-item {
	border-left: 1px solid var(--bs-white);
	padding-left: 15px;
}

.sc-brand-carousel {
	max-width: 950px;
	margin-left: auto;
	margin-right: auto;
}
.sc-brand-carousel .slick-track {
	display: flex;
	align-items: center;
}
.association-logo-item {
	padding: 0 15px;
}

.industry-item {
	position: relative;
}
.ind-box {
	padding: 8px;
	width: 13.33%;
	transition: width .4s ease;
	cursor: pointer;
}
.industry-item .btn {
	display: none;
}
.industry-content h3 {
	margin: 0 !important;
	white-space: nowrap;
	_writing-mode: sideways-lr;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
}
.ind-box.wider-width {
	width: 42.11%;
	transition: width .4s ease;
}
.industry-content {
	min-height: 500px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: 30px;
}

.wider-width .industry-content h3 {
	writing-mode: inherit;
	transform: none;
}
.wider-width .industry-content {
	justify-content: flex-end;
	flex-direction: column;
	align-items: flex-start;
}
.wider-width .industry-content .btn {
	display: block;
}
.ind-box:not(.wider-width) .bg::before {
	content: "";
	background: rgba(0, 0, 0, .4);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.ind-box.wider-width .bg::before {
	content: "";
	background: rgba(0, 0, 0, .4);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.r-s-before::before {
	content: "";
	background: var(--lighter-gray);
	width: 60%;
	height: 100%;
	position: absolute;
	left: 15px;
	top: 0;
}
.rs-item {
	min-height: 400px;
	text-align: center;
	padding: 50px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.r-s-content {
	max-width: 350px;
	margin-left: auto;
	margin-right: auto;
}


.post-item {
	padding: 20px;
	transition: var(--transition);
}
.seaco-post-thumb {
	padding-top: 56%;
	position: relative;
}
.seaco-post-thumb img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.seaco-post-meta {
	text-transform: uppercase;
	color: var(--primary-color);
	letter-spacing: 0.1em;
	line-height: 1;
	margin-bottom: 10px;
}
.seaco-post-info {
	margin-top: 20px;
}
.seaco-post-title a {
	color: var(--bs-black);
}
.post-item:hover {
	background: var(--lighter-gray);
	transition: var(--transition);
}


/* Footer */
.footer-top {
	background: var(--black);
	padding: 80px 0;
}
.footer-logo img {
	max-width: 190px;
	width: 100%;
}
.footer-text p {
	font-size: 24px;
	font-family: var(--main-font);
	color: var(--white);
	letter-spacing: 0.1em;
	line-height: 90%;
}
.footer-social {
	margin-top: 30px;
}
.footer-social a {
	font-size: 24px;
	color: var(--red);
}

.footer-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.footer-menu ul li:not(:last-child) {
	margin-bottom: 5px;
}
.footer-menu ul li a {
	color: var(--white);
	font-size: 14px;
	line-height: 114%;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-family: var(--main-font);
}
.footer-menu ul li a:hover {
	color: var(--primary-color);
}

.back-to-top {
	position: absolute;
	right: 0;
	bottom: -80px;
}
.back-to-top i {
	display: block;
	font-size: 24px;
	margin-bottom: 10px;
}
.back-to-top a {
	display: block;
	padding: 15px;
	font-size: 20px;
}
.back-to-top a:hover {
	background: var(--primary-color);
	color: var(--white);
	padding-bottom: 60px;
}

.footer-bottom {
	background: var(--navy-blue);
	padding: 15px 0;
}
.footer-bottom p {
	font-family: var(--main-font);
	color: var(--white);
	font-size: 14px;
	letter-spacing: 0.1em;
}
.footer-bottom p a {
	color: var(--white);
}
.footer-bottom a:hover {
	color: var(--primary-color);
}


/* Inner Page */
.inner-page-banner {
	padding: 200px 0 150px;
}
.inner-banner-content h1 {
	color: var(--white);
}
.inner-banner-content p {
	color: var(--bs-white);
	max-width: 550px;
	padding-top: 20px;
}

.page-breadcrumb p {
	font-family: var(--main-font);
	text-transform: uppercase;
	color: var(--primary-color);
	letter-spacing: 0.1em;
	font-size: 16px;
	line-height: 1;
	padding-top: 0;
	width: 100%;
}


/* About */
.about-r-s-area .r-s-before::before {
	background: var(--white);
}
.intro-content-bg {
	padding: 100px 60px;
	background: var(--white);
	margin-top: -100px;
	position: relative;
}

/* Contact Us */
.contact-item {
	padding-left: 20px;
	padding-right: 20px;
}
.c-item a {
	font-family: var(--p-font);
	color: var(--secondary-color);
	padding: 10px 0;
	display: block;
	position: relative;
}
.c-item:not(:last-child) a {
	border-bottom: 1px solid var(--light-gray);
}
.c-item a::before {
	font-family: var(--icon-font);
	content: "\e902";
	font-size: 24px;
	position: absolute;
	right: 0;
}
.c-item a:hover {
	color: var(--primary-color);
}

/* Press */
.press-info a.phone {
	font-family: var(--p-font);
	font-weight: 900;
	display: flex;
	align-items: center;
	margin-top: 20px;
}
.press-info a i {
	color: var(--black);
	margin-right: 10px;
	font-size: 22px;
}

.gform_required_legend {
	display: none;
}
div .gform_wrapper.gravity-theme .gfield_label {
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	color: var(--primary-color);
	letter-spacing: 0.1em;
	line-height: 1;
}
.gfield_required {
	display: none !important;
}
input, textarea {
	font-family: var(--p-font);
	font-weight: 900;
}
.gform_wrapper.gravity-theme input[type="color"], .gform_wrapper.gravity-theme input[type="date"], .gform_wrapper.gravity-theme input[type="datetime-local"], .gform_wrapper.gravity-theme input[type="datetime"], .gform_wrapper.gravity-theme input[type="email"], .gform_wrapper.gravity-theme input[type="month"], .gform_wrapper.gravity-theme input[type="number"], .gform_wrapper.gravity-theme input[type="password"], .gform_wrapper.gravity-theme input[type="search"], .gform_wrapper.gravity-theme input[type="tel"], .gform_wrapper.gravity-theme input[type="text"], .gform_wrapper.gravity-theme input[type="time"], .gform_wrapper.gravity-theme input[type="url"], .gform_wrapper.gravity-theme input[type="week"], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
	padding: 12px 20px !important;
	border-radius: 0 !important;
	border: 1px solid var(--light-gray) !important;
	height: 52px;
}
.seaco-select, .ginput_container_select select {
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: normal;
	width: 100%;
	border-radius: 0;
	border: 1px solid var(--light-gray);
	padding: 10px 15px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: transparent;
	background-image: url("img/fi_chevron-down-alt.svg");
	background-repeat: no-repeat;
	background-position: calc(100% - 15px) 50%;
}
.ginput_container_select select {
	font-family: var(--p-font);
	text-transform: none;
	font-weight: 700;
	height: 52px;
}
.gfield--type-html {
	line-height: 1.2;
	font-family: var(--main-font);
	text-transform: uppercase;
	letter-spacing: 1.6px;
	font-size: 18px;
	color: var(--bs-black);
}
div .gform_wrapper.gravity-theme .gsection {
	border-bottom: 1px solid var(--light-gray);
	padding: 0 16px 10px 0;
}
div .gfield--type-section .gsection_description {
	margin-bottom: 0 !important;
	font-family: var(--p-font) !important;
	padding-top: 5px !important;
}

.gfield_checkbox {
	font-family: var(--p-font);
	font-weight: 700;
}

.gform_footer input[type="submit"] {
	background: var(--primary-color);
	color: var(--white);
	text-transform: uppercase;
	font-family: var(--main-font);
	font-weight: 500;
	letter-spacing: 0.1em;
	font-size: 22px;
	border: none;
	padding: 15px;
	transition: var(--transition);
	line-height: 1.3 !important;
}
.gform_footer input[type="submit"]:hover {
	background: var(--secondary-color);
	transition: var(--transition);
}


/* Services Child */
.card-box {
	background: var(--white);
	padding: 50px;
	height: 100%;
}
.why-seaco-bg::before {
	content: "";
	background: var(--white);
	width: 75%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}
.img-square {
	position: relative;
	padding-top: 100%;
}
.img-square img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.why-seaco-content {
	max-width: 550px;
	margin: 0 auto;
}
.why-seaco-content ul {
	font-family: var(--p-font);
	margin-top: 20px;
	padding-left: 25px;
}

.gray-bg {
	background: var(--lighter-gray);
}
.other-service-box {
	padding: 40px;
}
.cta-box-area {
	padding: 150px 15px;
}


/* Latest News */
.news-section-title {
	border-bottom: 1px solid var(--primary-color);
	padding-bottom: 20px;
	margin-bottom: 40px;
}
.news-section-title h2 {
	color: var(--secondary-color);
}

ul.page-numbers {
	padding: 0;
	margin: 0;
	list-style: none;
	border-top: 1px solid var(--primary-color);
	margin-top: 40px;
	padding-top: 30px;
	display: flex;
	justify-content: center;
	gap: 15px;
}
.page-numbers i {
	font-size: 24px;
}
.page-numbers a {
	color: var(--light-gray);
	display: flex;
}
.page-numbers.current {
	color: var(--primary-color);
}
ul.page-numbers li {
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
}
ul.page-numbers li:not(:last-child)::before {
	content: "";
	width: 4px;
	height: 4px;
	position: absolute;
	background: var(--black);
	right: -10px;
	top: 50%;
	transform: translateY(-50%);
}


.related-news-title {
	border-top: 1px solid var(--primary-color);
	padding-top: 50px;
	margin-top: 50px;
}

/* Team */
.team-nav a {
	font-family: var(--main-font);
	text-transform: uppercase;
	font-size: 32px;
	letter-spacing: 0.1em;
	color: var(--light-gray);
	padding: 0 15px;
}
.team-nav a.active {
	color: var(--primary-color);
}



.team-info h3 {
	color: var(--primary-color);
}
.bio-btn {
	position: relative;
	font-family: var(--p-font);
	font-weight: 900;
	display: inline-flex;
}
.bio-btn::after {
	content: "\e912";
	font-family: var(--icon-font);
	font-size: 22px;
	margin-left: 15px;
}
.bio-btn.active::after {
	content: "\e90e";
}
.team-bio-box {
	min-height: 300px;
	display: none;
}
.team-bio {
	position: absolute;
	left: 8px;
	width: 100%;
	margin-top: 40px;
}

.team-img {
	margin-bottom: 25px;
}
.team-position {
	font-family: var(--p-font);
	color: var(--bs-black);
	margin-top: 5px;
}
.team-btn {
	margin-top: 25px;
}

.team-email a {
	display: inline-flex;
	align-items: center;
	font-family: var(--p-font);
}
.team-email a i {
	font-size: 20px;
	margin-right: 5px;
}
.team-email a:hover {
	opacity: .7;
}

/* Social */
.quote-video {
	margin-bottom: -200px;
}


.responsibilities-area {
	padding-top: 300px;
}

.res-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.projects-img-lists {
	margin-top: 50px;
	margin-bottom: 50px;
}
.project-img:not(:last-child) {
	margin-bottom: 15px;
}

.project-img {
	position: relative;
	padding-top: 35%;
}
.project-img img {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;
	object-fit: cover;
}
.diversity-area .default-content {
	padding-left: 25px;
	padding-right: 25px;
}
.default-content ul {
	font-family: var(--p-font);
}
.default-content h2 {
	margin-bottom: 20px;
}

.seaco-gallery-area {
	overflow: hidden;
}
.seaco-gallery-carousel {
	margin-left: -5px;
	margin-right: -5px;
}
.seaco-gallery-item {
	margin-left: 5px;
	margin-right: 5px;
}
.gal-size a {
	position: relative;
	display: block;
	padding-top: 70%;
}
.gal-size img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.overly-icon {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 2;
}
.overly-icon svg {
	width: 80px;
	height: 80px;
}
.gal-size a::before {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2);
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	z-index: 1;
}
.gal-size a:hover {
	opacity: .7;
}

.slick-arrow {
	position: absolute;
	left: 30px;
	top: 50%;
	transform: translateY(-50%);
	background: transparent;
	border: 1px solid var(--white);
	color: var(--white);
	font-size: 30px;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	z-index: 99;
}
.slick-next.slick-arrow {
	left: auto;
	right: 30px;
}


/* Depots */
.depot-region-list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.depot-region-list a {
	color: var(--light-gray);
	font-size: 24px;
	padding: 10px 20px;
	text-transform: uppercase;
	letter-spacing: 2.4px;
	line-height: 90%;
}
.depot-region-list a.active, .depot-region-list a:hover {
	color: var(--primary-color);
}

.depot-city-lists {
	border-bottom: 1px solid var(--primary-color);
}
.despot-city-desktop ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.despot-city-desktop ul li {
	margin: 0 20px;
	line-height: 1;
}
.despot-city-desktop ul li a {
	font-size: 24px;
	color: var(--black);
	letter-spacing: 2.4px;
	padding-bottom: 15px;
	display: block;
	border-bottom: 2px solid transparent;
	font-family: var(--main-font);
}
.despot-city-desktop ul li.active a {
	color: var(--primary-color);
	border-color: var(--primary-color);
}
.despot-city-desktop ul li a:hover {
	color: var(--primary-color);
}

.depot-card-box {
	border: 1px solid var(--light-gray);
	border-radius: 8px;
	padding: 35px;
}
.depot-content {
	padding-bottom: 20px;
}
.depot-time {
	flex: 0 0 auto;
	padding-left: 20px;
}
.depot-time .clock {
	display: flex;
	align-items: center;
	font-family: var(--p-font);
	font-weight: 700;
	color: var(--secondary-color);
	font-size: 14px;
}
.depot-time .clock span {
	color: var(--primary-color);
	margin-right: 5px;
	font-size: 20px;
}
.depot-code {
	margin: 20px 0;
}
.depot-code span {
	display: inline-flex;
	background: var(--primary-color);
	color: var(--white);
	font-family: var(--p-font);
	font-weight: 800;
	padding: 8px 15px;
}

.depot-type-title {
	font-weight: 700;
	color: var(--secondary-color);
	margin: 0;
}
.depot-type ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.depot-type ul li {
	font-family: var(--p-font);
	padding: 7px 0;
}
.depot-type ul li:not(:last-child) {
	border-bottom: 1px solid var(--light-gray);
}

.depot-card-bottom {
	display: flex;
	flex-direction: column;
	padding-top: 20px;
	border-top: 1px solid var(--primary-color);
	gap: 2px;
}
.depot-card-bottom a {
	display: inline-flex;
	align-items: center;
	font-family: var(--p-font);
	font-weight: 700;
	font-size: 15px;
}
.depot-card-bottom a i {
	font-size: 18px;
	margin-right: 10px;
	color: var(--black);
}
.depot-card-bottom a:hover {
	color: var(--secondary-color);
}


/* Careers */
.career-img {
	padding-left: 50px;
	padding-right: 50px;
}
.career-stats .stat-item {
	width: calc(100%/4);
}
.job-container-bg {
	background: var(--white);
	padding: 100px 60px;
}
.job-title-holder {
	border-bottom: 1px solid var(--primary-color);
	padding-bottom: 30px;
	margin-bottom: 40px;
}

.job-item-box:not(:last-child) {
	border-bottom: 1px solid var(--light-gray);
	padding-bottom: 30px;
	margin-bottom: 30px;
}

/* Single job */
.key-task-content ul {
	margin: 0;
	padding-left: 20px;
	font-family: var(--p-font);
}
.key-task-content ul li:not(:last-child) {
	margin-bottom: 5px;
}
.btn-close {
	position: absolute;
	right: 15px;
	top: 15px;
}
.job-left-content {
	padding-right: 50px;
}
.job-right-content {
	border-left: 1px solid var(--light-gray);
	padding-left: 50px;
}
.job-btn .btn {
	padding-left: 10px;
	padding-right: 10px;
}

.hr-contact-info a {
	font-family: var(--p-font);
	font-weight: 800;
	display: flex;
	align-items: center;
}
.hr-contact-info a i {
	font-size: 20px;
	margin-right: 10px;
	color: var(--black);
}


/* Equipment */
.eq-stat-item {
	width: calc(100%/5);
	text-align: center;
	padding: 10px 20px;
	position: relative;
}
.eq-stat-item::before {
	content: "";
	height: 2px;
	background: var(--primary-color);
	width: 180px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.eq-stat-img svg {
	height: 60px;
	width: 60px;
}
.eq-stat-img {
	margin-bottom: 15px;
}
.eq-stat-item .fh {
	line-height: 1.2;
}
.industry-result-area {
	margin-bottom: 150px;
}
.industry-result-area::before {
	background: var(--white);
	width: 56.88%;
	content: "";
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.industry-result-area::after {
	background: var(--black);
	width: 64.5%;
	content: "";
	height: 100%;
	position: absolute;
	top: 50px;
	right: 0;
}
.ind-result-left-content {
	max-width: 270px;
	margin: 0 auto;
	padding: 150px 0;
}
.industry-result-right {
	position: relative;
	z-index: 1;
	padding-top: 150px;
	padding-bottom: 100px;
	max-width: 700px;
	margin: 0 auto;
}
.industry-result-right .h2 {
	line-height: 1.1;
}
.industry-result-right label {
	display: block;
	color: var(--primary-color);
	letter-spacing: 1.6px;
}
.industry-result-right select {
	color: var(--white);
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: 2.2px;
	width: 100%;
	border-radius: 0;
	border: none;
	padding: 10px 0;
	border-bottom: 1px solid var(--white);
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: transparent;
	background-image: url("img/fi_chevron-down.svg");
	background-repeat: no-repeat;
	background-position: calc(100% - 5px) 50%;
}
.industry-result-right select option {
	font-size: 16px;
}

.suggested-equipment-restlt-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.suggested-equipment-restlt-list ul li:not(:last-child) {
	border-bottom: 1px solid var(--secondary-color);
}

.suggested-equipment-restlt-list a {
	color: var(--white);
	display: block;
	position: relative;
	padding: 7px 0;
}
.suggested-equipment-restlt-list a::after {
	content: "\e902";
	font-family: var(--icon-font);
	position: absolute;
	right: 0;
	font-size: 18px;
}
.suggested-equipment-restlt-list a:hover {
	color: var(--primary-color);
}
.product-item {
	padding: 50px 30px 80px;
	color: var(--bs-black);
}
.product-item svg {
	color: var(--bs-black);
	width: 40px;
	margin-right: 15px;
	height: 40px;
}
.product-item a {
	position: absolute;
	bottom: 15px;
	font-size: 40px;
}


/* EQ Parent */

.eq-prent-img {
	position: relative;
	padding-top: 40%;
}
.eq-prent-img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.eq-benefits-carousel .slick-list {
	overflow: inherit;
}
.eq-benefits-carousel .slick-track {
	display: flex;
}
.eq-ben-carousel-item {
	margin: 7px;
	height: inherit;
}
.eq-bottom-arrow {
	padding-bottom: 80px;
}
.eq-bottom-arrow .slick-arrow {
	bottom: 0;
	top: auto;
	transform: translateY(0) translateX(-50%);
	border-color: var(--light-blue);
	color: var(--primary-color);
	left: calc(50% - 50px);
}
.eq-bottom-arrow .slick-arrow.slick-next {
	left: calc(50% + 50px);
}


/* eq child */

.eq-intro-bg {
	padding-bottom: 250px;
}
.eq-intro-btn {
	gap: 16px;
}
.eq-single-carousel-all {
	margin-top: -120px;
}



.eq-overview-area .container {
	padding: 100px;
}
.overview-content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.overview-content ul li {
	padding: 6px 0;
}
.overview-content ul li:not(:last-child) {
	border-bottom: 1px solid var(--light-gray);
}



.eq-nav {
	gap: 30px;
	border-bottom: 1px solid var(--primary-color);
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.eq-nav a {
	font-size: 24px;
	color: var(--light-gray);
	letter-spacing: 2.4px;
}
.eq-nav a.active {
	color: var(--primary-color);
}

.single-spec-item {
	padding-bottom: 15px;
}
.single-spec-item:not(:last-child) {
	margin-bottom: 15px;
	border-bottom: 1px solid var(--primary-color);
}
.eq-spec-content {
	display: none;
	padding-top: 20px;
}
.eq-spec-title {
	position: relative;
	cursor: pointer;
	padding-right: 25px;
	font-size: 24px;
	color: var(--primary-color);
	letter-spacing: 2.4px;
}
.eq-spec-title::before {
	content: "";
	background-image: url("img/chevron-down.svg");
	width: 24px;
	height: 24px;
	position: absolute;
	right: 0;
	top: 0;
	background-position: center;
	background-size: contain;
	transition: var(--transition);
}
.single-spec-item.active .eq-spec-title::before {
	background-image: url("img/chevron-up.svg");
	transition: var(--transition);
}
.eq-im-table {
	display: none;
}
.eq-im-table.active {
	display: block;
}

.eq-table {
	font-family: var(--p-font);
}
.eq-table table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
}
.eq-table table br {
	display: none;
}
.eq-table table td {
	font-weight: 800;
	border-bottom: 1px solid var(--light-gray);
	padding: 10px 0;
}
.eq-table table tr:last-child td {
	border-bottom: 0px solid;
}
.eq-table table td:last-child {
	text-align: right;
	font-weight: 400;
	width: 120px;
}


.other-equipment-area .container {
	max-width: 1150px;
}

.other-eq-content {
	max-width: 900px;
	margin: 0 auto;
	padding: 70px 10px;
}
.other-eq-content h2 {
	text-align: center;
	color: var(--secondary-color);
}

.eq-cta-content {
	max-width: 600px;
}




/* Our Industries */

.ind-list-row .industry-content {
	min-height: 150px;
	justify-content: flex-start;
	transition: .4s min-height ease;
}
.ind-list-row .ind-box.wider-width .industry-content {
	min-height: 300px;
	justify-content: flex-end;
}
.ind-list-row .ind-box {
	width: 100%;
}
.ind-list-row .industry-content h3 {
	writing-mode: unset;
	transform: none;
}


.i-eq-item h3 {
	color: var(--primary-color);
	margin-bottom: 20px;
}
.i-eq-item ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.i-eq-item li:not(:last-child) {
	margin-bottom: 10px;
}
.i-eq-item li a {
	position: relative;
	display: flex;
	background: var(--light-gray);
	padding: 15px;
	color: var(--white);
	font-weight: 800;
}
.i-eq-item li a::after {
	content: "\e902";
	font-family: var(--icon-font);
	position: absolute;
	right: 15px;
	font-size: 20px;
}

.i-eq-item li a:hover {
	background: var(--primary-color);
	color: var(--white);
}


.industries-selected-lists ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}
.industries-selected-lists ul li {
	margin-bottom: 0 !important;
}


/* Office and Locations */
.card-box {
	border: 1px solid var(--light-gray);
	border-radius: 8px;
	padding: 35px;
}
.card-content {
	padding-bottom: 20px;
}

.card-location {
	font-family: var(--p-font);
	font-weight: 700;
	font-size: 14px;
	color: var(--secondary-color);
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.card-location svg {
	color: var(--primary-color);
	margin-right: 6px;
}
.card-time {
	flex: 0 0 auto;
	padding-left: 20px;
}
.card-time .clock {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-family: var(--p-font);
	font-weight: 700;
	color: var(--secondary-color);
	font-size: 14px;
}
.card-time .clock span {
	color: var(--primary-color);
	margin-right: 5px;
	font-size: 20px;
}
.card-bottom {
	display: flex;
	flex-direction: column;
	padding-top: 20px;
	border-top: 1px solid var(--primary-color);
	gap: 2px;
}
.card-bottom a {
	display: inline-flex;
	align-items: center;
	font-family: var(--p-font);
	font-weight: 700;
	font-size: 15px;
}
.card-bottom a i {
	font-size: 18px;
	margin-right: 10px;
	color: var(--black);
}
.card-bottom a:hover {
	color: var(--secondary-color);
}

/* People */
.people-item-section {
	padding: 50px 0 0;
}



/* Default Page */
.default-page-content li, .default-page-content table {
	font-family: var(--p-font);
}
.default-page-content h1, .default-page-content h2, .default-page-content h3, .default-page-content h4, .default-page-content h5, .default-page-content h6 {
	margin-bottom: 15px;
}



/* Depot Popup */
.depot-input-item label {
	color: var(--primary-color);
	text-transform: uppercase;
	letter-spacing: 1.6px;
	display: block;
	margin-bottom: 5px;
}
.depot-input-item {
	margin-bottom: 20px;
}

#page {
	overflow-x: hidden;
}

/* 30-11-23 */
.team-img img {
	height: 145px;
	object-fit: contain;
}
.st-new-contact-menu ul li ul {
	position: unset;
	padding-top: 0;
	padding-left: 14px;
}
.st-new-contact-menu:hover ul li ul {
	visibility: visible;
	opacity: 1;
}
.st-new-contact-menu ul {
	width: 300px !important;
}


[class^="Popup__PopupContainer"] {
	font-family: var(--p-font);
}

.career-rs-content {
	padding-left: 50px;
	padding-right: 20px;
}

.page-id-124 .industries-equipment-lists {
	display: block;
	columns: 300px;
	margin-top: 50px;
}
.page-id-124 .industries-equipment-lists .col-xl-4 {
	width: 100%;
	break-inside: avoid-column;
	margin-bottom: 40px;
	margin-top: 0;
}

.page-id-84 .inner-page-banner {
	background-position: 0 -160px;
}
.card-ben-img img {
	height: 70px;
	object-fit: contain;
}


.carrer-new-project .project-img {
	padding-top: 100%;
	background: var(--white);
	box-shadow: 0 0 30px rgba(0, 0, 0, .04);
}
.carrer-new-project .project-img img {
	object-fit: contain;
	padding: 30px;
}
.carrer-new-project .why-seaco-content {
	padding-top: 40px;
	padding-bottom: 40px;
}

.career-intro-content-area .intro-content-bg {
	padding-top: 60px;
	padding-bottom: 60px;
	max-width: 900px;
	position: relative;
}

.card-ben-img {
	position: relative;
	width: 85px;
	height: 85px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--light-blue);
}
.card-ben-img img {
	height: 60px;
	object-fit: contain;
	filter: brightness(0) invert(100);
}

.img-bottom-overly::after {
	width: 260px;
	height: 130px;
	position: absolute;
	content: "";
	background: var(--light-blue);
	right: -30px;
	bottom: -30px;
	z-index: -1;
}
.img-top-overly::after {
	right: auto;
	left: -30px;
}


/*
.new-contact-item-1 .c-item-1 a::before, .new-contact-item-1 .c-item-9 a::before {
	display: none;
}
.new-contact-item-1 .c-item-1 a, .new-contact-item-1 .c-item-9 a {
	font-weight: 600;
	pointer-events: none;
}
*/
.card-location {
	display: inline-block;
	max-width: 230px;
	line-height: 1.3;
	text-align: right;
}
.card-people-img img {
	height: 145px;
	object-fit: contain;
	width: auto;
}
.eq-main-content {
	top: -100px;
	margin-bottom: -100px;
}
.eq-intro-video {
	padding: 130px 0;
}
.play-icon, .overly-icon {
	color: var(--white);
}


.intro-small-width {
	padding-top: 60px;
	padding-bottom: 60px;
	max-width: 900px;
}

.dpp-c h2 img {
	width: 60px;
}
html, body {
	scroll-behavior: smooth;
	scroll-padding-top: 150px;
}
.ul-check-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.ul-check-list ul li {
	position: relative;
	padding-left: 30px;
}
.ul-check-list ul li::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/%3E%3C/svg%3E");
	width: 30px;
	height: 30px;
	content: "";
	display: inline-flex;
	position: absolute;
	left: 0;
	background-repeat: no-repeat;
	background-size: 30px;
}
.ul-check-list ul li:not(:last-child) {
	margin-bottom: 5px;
}

#gallery-1 {
	margin-top: 30px;
	margin-bottom: 0;
}
#gallery-1 img {
	aspect-ratio: 1/.7;
	width: 100%;
	object-fit: cover;
}

.other-service-box ul {
	list-style: none;
	padding-left: 0;
	display: inline-flex;
	flex-direction: column;
	text-align: left;
}
.other-service-box ul li {
	position: relative;
	padding-left: 30px;
}
.other-service-box ul li::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/%3E%3C/svg%3E");
	width: 30px;
	height: 30px;
	content: "";
	display: inline-flex;
	position: absolute;
	left: 0;
	background-repeat: no-repeat;
	background-size: 25px;
}
.other-services-lists {
	position: relative;
	z-index: 1;
}
.page-id-387 .other-services-lists::before {
	width: 150px;
	height: 100px;
	content: "";
	background: var(--light-blue);
	position: absolute;
	bottom: -20px;
	right: -20px;
	z-index: -1;
}




.page-id-381 .industries-equipment-lists, .page-id-383 .industries-equipment-lists {
  display: block;
  column-count: 2;
  margin-top: 30px;
}
.page-id-381 .industries-equipment-lists .col-lg-6, .page-id-383 .industries-equipment-lists .col-lg-6 {
  width: 100%;
  break-inside: avoid-column;
  margin-top: 0;
  margin-bottom: 20px;
}

.new-other-eq .row {
  display: block;
  column-count: 2;
}
.new-other-eq .col-lg-6 {
  width: 100%;
  break-inside: avoid-column;
  margin-top: 0;
  margin-bottom: 30px;
}





@media (min-width: 991px) {
	.why-seaco-area .eq-intro-video {
		padding: 160px 0;
	}	
}

@media (min-width: 1199px) {
 .parent-pageid-393 .inner-page-banner {
    padding: 280px 0 220px;
  }
}

/* Responsive */
@media (max-width: 1399.98px) {
	.f-80 {
		font-size: 70px;
	}
	h1, .h1 {
		font-size: 80px;
	}
}
@media (max-width: 1320px) {
	.main-menu ul li a {
		font-size: 17px;
	}	
}

@media (max-width: 1250px) {
	.main-menu ul li a {
		font-size: 16px;
	}
}

@media (max-width: 1100px) {
	.industry-result-area::after {
		width: 67.5%;
	}
}

@media (max-width: 1199.98px) {
	.depot-finder-btn a, .enquire-btn a {
		font-size: 16px;
		padding: 0 10px;
	}
	.f-80 {
		font-size: 58px;
	}
	.industry-content h3 {
		font-size: 28px;
	}
	.f-60 {
		font-size: 50px;
	}
	.inner-stats-lists .stat-item .h3 {
		font-size: 20px;
	}
	.inner-stats-lists .stat-item .h3::before {
		width: 120px;
	}

	.eq-overview-area .container {
		padding: 80px 50px;
	}


}

@media (max-width: 1060px) {
	.main-menu ul li a {
		font-size: 14px;
		padding: 0 6px;
	}
}

@media (max-width: 991.98px) {
	.main-menu {
		display: none;
	}
	.mbl-none {
		display: none;
	}
	.header {
		background: var(--white);
	}
	.logo {
		min-height: 60px;
	}
	.head-mbl-btn .btn {
		font-size: 18px;
	}	
	.search-click {
		color: var(--primary-color);
	}
	.mobile-toggle-btn {
		display: flex;
		align-items: center;
	}
	.mobile-toggle-btn a {
		font-size: 38px;
	}
	.right-button {
		flex: 1;
		justify-content: flex-end;
	}
	.mm-menu * {
		font-family: var(--main-font);
	}
	.mm-navbar__title span::before {
		content: "Back to Menu";
		font-size: 16px;
		line-height: 2;
	}
	.mm-navbar__title span {
		display: none;
	}	
	.mm-panel--opened .mm-navbar__title span {
		display: block;
		font-size: 0;
	}	
	#nav .mm-navbar .mm-navbar__title span {
		display: none;
	}	
	.banner-slider-item {
		padding: 150px 0 250px;
	}
	.explore-item a {
		padding: 15px 10px;
	}
	.expo-arrow {
		display: none;
	}
	.stat-item .h3 {
		font-size: 20px;
	}
	.stat-item .h3::before {
		width: 150px;
	}
	.about-video-bg {
		padding: 150px 30px;
	}
	.service-bg {
		padding: 50px 50px 10px;
	}
	.quote-area {
		padding: 200px 0 150px;
	}
	.ind-box {
		width: 100%;
	}
	.ind-box.wider-width {
		width: 100%;
	}
	.industry-content h3 {
		writing-mode: inherit;
		transform: none;
	}
	.industry-content {
		min-height: 80px;
		align-items: center;
		justify-content: flex-start;
		transition: min-height .4s ease;
	}
	.ind-box.wider-width .industry-content {
		min-height: 220px;
		transition: min-height .4s ease;
	}
	.r-s-area {
		background: var(--lighter-gray);
	}
	.r-s-content {
		margin-left: 0;
		margin-bottom: 30px;
	}
	.p-100 {
		padding: 50px 0;
	}
	.pt-100 {
		padding-top: 50px;
	}
	.pb-100 {
		padding-bottom: 50px;
	}
	.sticky-active .search-click  {
		color: var(--primary-color);
	}

	/*	Contact */
	.intro-content-bg {
		padding: 50px 30px;
	}
	.fh br {
		display: none;
	}

	.other-enquiries {
		margin-top: 50px;
	}

	/*	Depot */
	.depot-title-with-time {
		flex-direction: column-reverse;
	}
	.depot-time {
		padding-left: 0;
		margin-bottom: 20px;
	}
	.depot-type {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.depot-type ul li {
		padding: 5px 0;
	}

	/*	About */
	.inner-stats-lists .f-80 {
		font-size: 46px;
	}
	.f-60 {
		font-size: 32px;
	}
	.inner-banner-content h1 {
		font-size: 60px;
	}

	/*	Social */
	.why-seaco-content {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	/* Single Career */
	.job-right-content {
		border-left: none;
		padding-left: 0;
		margin-top: 40px;
	}

	/* Industry */
	.industry-result-area {
		margin-bottom: 0;
	}
	.industry-result-area::after, .industry-result-area::before {
		display: none;
	}
	.industry-result-area {
		background: var(--black);
	}
	.ind-result-left-content {
		max-width: 100%;
		margin: 0;
		padding: 50px 0;
		position: relative;
		background: var(--white);
	}
	.ind-result-left-content::before, .ind-result-left-content::after {
		content: "";
		background: var(--white);
		width: 100000%;
		height: 100%;
		position: absolute;
		top: 0;
	}
	.ind-result-left-content::before {
		left: -100000%;
	}
	.ind-result-left-content::after {
		right: -100000%;
	}
	.industry-result-right {
		padding-top: 35px;
		padding-bottom: 50px;
	}
	.industry-result-right .col-md-6 {
		margin-top: 15px;
	}

	/*	Equipment */
	.eq-stat-item {
		width: calc(100%/3);
	}

	/*	Menu */
	.mm-navbars--bottom {
		border-top: 1px solid var(--light-gray);
		padding-top: 15px;
	}
	.mm-navbars .mm-navbar {
		flex-direction: column;
		gap: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}

	/* Offices */
	.card-time {
		padding-left: 0;
		padding-bottom: 10px;
	}
	.card-title-with-time {
		flex-direction: column-reverse;
	}
	.card-location, .card-time .clock {
		justify-content: flex-start;
		text-align: left;
		display: flex;
	}
	._new-people-card {
		flex-direction: column;
	}
	.card-location svg {
		flex: 0 0 16px;
		height: 18px;
	}
	

	/* Modal enquiry */
	.modal.right.fade .modal-dialog {
		right: -100%;
	}
	.modal.right .modal-dialog {
		width: 100%;
	}
	
	
	.img-bottom-overly::after {
		display: none;
	}	
	.r-s-content {
		text-align: center;
		max-width: 100%;
	}
	.why-seaco-bg .row {
		flex-direction: column-reverse;
	}	
	.projects-img-lists {
		margin-top: 0;
	}	
	

}

@media (max-width: 782px) {
	.admin-bar .header {
		top: 46px;
	}
}

@media (max-width: 767.98px) {
	h1, .h1 {
		font-size: 48px;
	}
	.explore-our-product-area {
		position: unset !important;
	}
	.explore-item {
		width: calc(100%/1);
		border-bottom: 1px solid var(--light-gray);
	}
	.explore-product-title {
		display: none !important;
	}
	.explore-item a {
		padding: 15px 30px;
	}
	.expo-arrow {
		display: block;
	}
	.banner-scroll-text {
		position: unset !important;
		margin-top: -80px;
		padding-bottom: 63px;
	}
	.banner-slider-item {
		padding: 115px 0 130px;
	}
	.f-80 {
		font-size: 32px;
	}
	.btn {
		font-size: 20px;
	}
	.stat-item {
		width: calc(100%/3);
	}
	.stat-item .fh {
		font-size: 60px;
	}
	.about-video a {
		font-size: 20px;
	}
	.play-icon svg {
		width: 60px;
		height: 60px;
	}
	.about-video-bg {
		padding: 80px 20px;
	}
	.service-bg {
		padding: 50px 10px 10px;
	}
	.f-40 {
		font-size: 32px;
	}
	.service-item {
		padding: 50px 30px;
	}
	.industry-content h3 {
		font-size: 24px;
	}
	.industry-content {
		padding: 30px 15px;
	}
	.rs-item {
		min-height: 330px;
		align-items: center;
	}
	.footer-social {
		margin-bottom: 20px;
	}
	.footer-menu {
		margin-top: 30px;
	}

	/* Contact*/
	.intro-content-bg {
		padding: 50px 15px;
		margin-top: 0;
	}
	.inner-page-banner {
		padding: 120px 0 80px;
	}


	/*	Depot */
	.depot-city-lists {
		padding-bottom: 40px;
	}

	/*	about */
	.about-video-bg a {
		font-size: 24px;
	}
	.about-r-s-area {
		padding-bottom: 0;
	}
	.about-r-s-area .rs-item {
		margin-left: 8px;
		margin-right: 8px;
	}
	.about-r-s-area .r-s-before::before {
		background: var(--white);
		height: 50%;
		width: 100%;
		left: 0;
	}

	.team-nav a {
		font-size: 24px;
	}
	.team-nav {
		gap: 20px;
	}
	.team-bio {
		position: unset;
	}
	.inner-banner-content h1 {
		font-size: 48px;
	}

	/* Social */
	.res-img {
		margin-top: 30px;
	}
	.why-seaco-bg::before {
		width: 100%;
	}
	.diversity-area .default-content {
		padding-left: 0;
		padding-right: 0;
	}
	.slick-arrow {
		left: 10px;
		font-size: 22px;
		width: 40px;
		height: 40px;
	}
	.slick-next.slick-arrow {
		left: auto;
		right: 10px;
	}

	/*	Career */
	.career-stats .stat-item, .eq-stat-item {
		width: calc(100%/2);
	}
	.career-img {
		padding-left: 0;
		padding-right: 0;
	}
	.projects-img-lists {
		margin-bottom: 0;
	}
	.job-container-bg {
		padding: 50px 16px;
	}

	.eq-benefits-carousel .slick-track {
		display: block;
	}

	.eq-overview-area .container {
		padding: 50px 15px;
	}
	
	.about-r-s-area .r-s-before::before {
		background: var(--white);
		height: 100%;
		width: 100%;
		left: 0;
	}	
	.career-rs-content {
		padding-left: 10px;
		padding-right: 10px;
	}	
	
	.eq-measurement {
		margin-top: 30px;
	}	
	.new-other-eq .row {
		column-count: 1;
	}
	.eq-single-carousel-all {
		margin-top: 0;
	}

	.page-id-381 .industries-equipment-lists, .page-id-383 .industries-equipment-lists {
		column-count: 1;
	}	
	.industries-selected-lists ul {
		grid-template-columns: repeat(1, 1fr);
	}	
	
	.eq-main-content {
		top: 0;
		margin-bottom: 0;
	}	
	
	
}

@media (max-width: 600px) {
	.admin-bar .header.sticky-active {
		top: 0;
	}
}

@media (max-width: 575.98px) {
	.stat-item, .career-stats .stat-item, .eq-stat-item {
		width: calc(100%/1);
	}
	
	.head-mbl-btn .btn {
		flex: 1;
		padding-left: 10px;
		padding-right: 10px;
	}	
	.banner-slider-item {
		padding: 160px 0 130px;
	}	
	.inner-page-banner {
		padding: 170px 0 60px;
	}	
	
}