/*
 Theme Name:   Divi Child 2020
 Theme URI: http://www.elegantthemes.com/gallery/divi/
 Description:  Divi Child Theme 2020
 Author:       Semantica
 Author URI:   https://www.semantica.co.za/
 Template:     Divi
 Version:      1.1
 Text Domain:  divi-child-2020
 */
.twenty-years-logo {
    display: inline-block;
    max-width: 60% !important;
    margin-bottom: 30px !important;
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    margin-top: 100px;
}

.hero-icon-cont-desktop {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
}

.image-container {
	display: flex;
	justify-content: center; /* Center the items horizontally */
	width: 100%; /* Span 100% width */
	gap: 20px;
}

.image-container img {
	max-width: 100%;
	height: auto; /* Maintain aspect ratio */
}

sup {
	font-size: 50%;
}

@font-face {
    font-family: Proxima;
    src: url('fonts/ProximaNova-Regular.otf');
}

@font-face {
    font-family: Proxima Bold;
    src: url('fonts/ProximaNova-Bold.otf');
}

#hero-header-full {background-position:center !important; background-size:cover !important;}

.compl-logos img{
	max-width: 200px;
	max-height: 60px; 
	width: auto;
	height: auto;
}

.et_pb_gallery_0.et_pb_gallery .et_pb_gallery_title, .et_pb_gallery_1.et_pb_gallery .et_pb_gallery_title {display:none !important;}

.home #main-header {background-color:rgb(255,255,255,0.0);}
.home #top-header {background-color:rgb(255,255,255,0.0);}

.home #main-header.et-fixed-header {background-color: #003452;}
.home #top-header.et-fixed-header {background-color: #1765E3;}

#blue-header {background-color: #003452;}
#blue-top {background-color: #1765E3;}

.et_pb_image_0_tb_header {
    max-width: 210px !important;
}

.home #blue-header {background-color:rgb(255,255,255,0.0);}
.home #blue-top {background-color:rgb(255,255,255,0.0);}

.home #blue-header.et-fixed-header {background-color: #003452;}
.home #blue-top.et-fixed-header {background-color: #1765E3;}

#top-header .container {
    text-align: right;
    width: 100%;
    max-width: 100%;
    padding: 0 30px;
}

#top-header.et-fixed-header {color:#fff;}

.et_header_style_left .logo_container {
    top: -70px;
	position: absolute;
    height: initial;
    width: inherit;
}

.pink-bold strong {color:#1765E3 !important;}

#menu-main-menu li a {text-transform:uppercase;}

body.et_fixed_nav #top-header {padding-top:10px 30px; z-index:99;}
body.et_fixed_nav #main-header {padding-top:0px; z-index:999;}
.et-fixed-header .logo_container img {max-width:200px;}
body.et_fixed_nav #et-info {font-size:12px; font-weight:100px;}
#main-header {padding-top:10px;}

#et-info {float:right;}

body, body span, body p, body ul, body li, body ol {
	font-family: Proxima !important;
	font-weight: 100;
}

div#hero-header-full {
    height: 100vh;
    width: 100%;
    padding: 0px;
	display:flex;
	padding-top:0px !important;
}

#et-info-phone:before, #et-info-emal:before {margin-right:5px;}

.footer-address .split {width:33.33%; display:inline-block; float:left;}

.et_pb_module.split {width:50%; display:inline-block; float:left; padding-right:20px;}

.et_pb_module.split:last-child {padding-right:0px;}

.underlined-head h3:after{
	content:'';
	display:block;
	margin:0 auto;
	height:3px;
	max-width:180px;
	background-color:#C4C4C4;
	margin-top:20px;
}

.underlined-head h2:after{
	content:'';
	display:block;
	margin:0 auto;
	height:3px;
	max-width:250px;
	background-color:#C4C4C4;
	margin-top:20px;
}

footer h3{
	font-family: Heebo;
	font-style: normal;
	font-weight: 500;
	font-size: 26px !important;
	line-height: 36px;
	color: #FFFFFF;
	border-bottom:2px solid rgb(255,255,255,0.2);
	padding-bottom:30px;
	margin-bottom:30px;
}

footer div, footer p, footer a{
	font-family: Proxima;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 29px;
	color: #FFFFFF;
}

footer img {margin-right:15px;}
footer img:nth-child(3) {margin-right:0px;}

footer .footer-legal div{line-height:none;}

#top-header, #et-secondary-nav li ul {
    background-color: rgba(255,255,255,0.0);
}

.blend-mode-red {
	background: linear-gradient(0deg, rgba(23, 101, 227, 0.82), rgba(23, 101, 227, 0.82)), linear-gradient(0deg, rgba(0, 0, 0, 0.71), rgba(0, 0, 0, 0.71)), linear-gradient(0deg, #FFFFFF, #FFFFFF), url('https://blueseas.co.za/wp-content/uploads/2016/11/Gandalf-to-Replace-Gandalf-1024.jpg') !important;
	background-blend-mode: color, normal, color, normal !important;
	background-size: cover !important;
    background-position: center center !important;
}

.blend-mode-red-2 {
	background: linear-gradient(0deg, rgba(23, 101, 227, 0.82), rgba(23, 101, 227, 0.82)), linear-gradient(0deg, rgba(0, 0, 0, 0.71), rgba(0, 0, 0, 0.71)), linear-gradient(0deg, #FFFFFF, #FFFFFF), url('https://blueseas.co.za/wp-content/uploads/2020/12/AdobeStock_286726938-scaled.jpeg') !important;
	background-blend-mode: color, normal, color, normal !important;
	background-size: cover !important;
    background-position: center center !important;
}

.blend-mode-blue {
	background: linear-gradient(0deg, #003452, #003452), linear-gradient(0deg, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), linear-gradient(0deg, #FFFFFF, #FFFFFF), url('https://blueseas.co.za/wp-content/uploads/2018/09/Cold-Store-Room-3.jpg') !important;
	background-blend-mode: color, normal, color, normal !important;
	background-size: cover !important;
    background-position: center center !important;
}

.blend-mode-blue-2 {
	background: linear-gradient(0deg, #003452, #003452), linear-gradient(0deg, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), linear-gradient(0deg, #FFFFFF, #FFFFFF), url('https://blueseas.co.za/wp-content/uploads/2016/11/MG_0384.jpg') !important;
	background-blend-mode: color, normal, color, normal !important;
	background-size: cover !important;
    background-position: center center !important;
}

#jump-btn {
	position:absolute;
	display:block;
	bottom:-3px;
	margin: 0 auto;
	width:90px;
	height:90px;
    left:calc(50% - 45px);
}

.underlined:after{
	content:'';
	display:block;
	width: 80px;
	height: 3px;
	background: rgba(255, 255, 255, 0.5);
	margin: 0 auto;
    margin-top: 20px;
}

.hero-icon {
    display: inline-block;
    border-right: 1px solid rgb(255,255,255,0.2);
    vertical-align: top;
    margin-right: 10px;
    padding: 0 10px 0 0;
    height: 100px;
    width: 160px;
}

.hero-icon a{color:#FFF !important;}

.fa-arrow-down:before {
    content: "\f063";
    font-family: FontAwesome;
    font-style: normal;
    color: white;
}

.fa-phone, .fa-envelope {padding-right:5px;}

.far, .fas {
    font-family: FontAwesome;
    font-style: normal;
}

.mobile-info-top ul {margin:0px !important; padding:0px !important;}
.mobile-info-top ul li {display:inline; margin-right:10px;}
.mobile-info-top ul li:last-child {margin-right:0px;}

.hero-icon:last-child {
    margin-right: 0px;
	border-right: 0px;
	padding: 0 0 0 0;
}

.hero-icon img {
    margin-bottom: 20px;
    vertical-align: top;
}

.products-slider-cont {
    overflow-x: hidden;
	text-align:center;
}
.products-slider-cont .slick-slide{margin:0 5px; display: flex; height: auto;}
.products-slider-cont .slick-track {display: flex !important; height: 450px}
.products-slider-item {text-align:center; background-color:#FFF; box-shadow:0px 2px 5px rgba(0, 0, 0, 0.15); max-width:400px; padding:40px; height: -webkit-fill-available;}
.products-slider-item img{margin: 0% 0% 10% 0% !important;padding: 0%;width: 400px; height: 140px;}
.products-item-title {color:#1765E3; font-size:30px; line-height:41px; font-style:normal; font-weight:700; text-align:center;}
.products-item-txt {color:#767676; font-size:18px; line-height:29px; font-style:normal; font-weight:400; text-align:center; font-family: Proxima;}

.overlay-bg{
	background: linear-gradient(0deg, rgba(0, 52, 82, 0.88), rgba(0, 52, 82, 0.88)), linear-gradient(0deg, rgba(0, 0, 0, 0.57), rgba(0, 0, 0, 0.57)), linear-gradient(180deg, rgba(0, 52, 82, 0.67) 9.78%, rgba(227, 233, 236, 0.0734687) 152.93%, rgba(255, 255, 255, 0) 161.32%), linear-gradient(0deg, #000000, #000000);
	background-blend-mode: color, normal, normal, color, normal;
}

#blue-header{padding-top:10px; padding-bottom: 10px;}

.info-top ul {padding-bottom:0px;}
.info-top li {list-style:none; display:inline; margin-right:10px; font-family: Proxima;}

.reduce-section-padding {
	transition: all 0.9s ease-out 0s;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	background:#003452 !important;
}

.header-logo.reduce-logo img {
    transition: all 0.9s ease-out 0s;
    max-width: 53% !important;
    margin-left: 2%;
}

.color-red {
	transition: all 0.9s ease-out 0s;
	background:#1765E3 !important;
}
 
.slow-transition {
	transition: all 0.9s ease-out 0s;
}

.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
    top: calc(100% - -7px);
    left: 0;
}

#color-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(0deg, rgba(0, 52, 82, 0.5), rgba(0, 52, 82, 0.5)), linear-gradient(0deg, rgba(0, 0, 0, 0.57), rgba(0, 0, 0, 0.57)), linear-gradient(180deg, rgba(0, 52, 82, 0.67) 9.78%, rgba(227, 233, 236, 0.0734687) 152.93%, rgba(255, 255, 255, 0) 161.32%), linear-gradient(0deg, #000000, #000000);
   opacity: 0.5;
}

.price-table table{border:5px solid #003452 !important;}
.price-table table th{background-color: #003452; color:#FFF; line-height:30px;}
.price-table tr:nth-child(even) {background-color:#fff;}
.price-table tr:nth-child(odd) {background-color: #EDEDED !important;}

/* Set images to 50% width */
.gallery-two-at-a-time .et_pb_gallery_item {
	max-width: 25%;
}

/* Force display of the image after the currently displayed one */
.gallery-two-at-a-time .et-pb-active-slide + .et_pb_gallery_item {
	display: block !important; 
	opacity: 1 !important; 
	z-index: 1 !important;
	left: 25%;
}

/* Display the first image at the end */
.gallery-two-at-a-time .et_pb_gallery_item:first-child:not(.et-pb-active-slide) {
	display: block !important; 
	opacity: 1 !important; 
	z-index: 0 !important;
	left: 25%;
}

.image-title img{
	max-height: 42px;
    width: auto;
}

.products-item-btn a{color:#083355; font-weight:bold;}

.slick-next, .slick-prev {z-index:9;}
.slick-prev {left:18px;}
.slick-next {right:30px;}
/*
.slick-next:hover, .slick-prev:hover {background-color:#1765E3;}
*/
.slick-prev:before, .slick-next:before {font-family:'FontAwesome'; font-size:40px; color:#083355;}
.slick-prev:hover:before, .slick-next:hover:before {color:#1765E3;}
.slick-prev:before {content:'\f0a8';}
.slick-next:before {content:'\f0a9';}

.product-gallery-grid .et_pb_gallery_item {background-color:#fff;}
img.mfp-img {padding: 0; margin: 40px auto; background-color:#fff;}

.et_pb_circle_counter.simple-counter.et_pb_with_title .percent p {
	padding: 0 !important;
}
.simple-counter canvas {
	display: none;
}


body .et_pb_number_counter.et_pb_number_counter .percent p {
	color: #003452 !important;
}



/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
  
}
 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
 
}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 981px) and (max-width: 1700px) {
	.et_pb_row.et_pb_row_0.prod-heading {padding-top:120px !important;}
	.header-logo img { max-width: 210px !important;}
	.header-logo.reduce-logo img {
		max-width: 53% !important;
		margin-left: 2% !important; 
	}
}
 
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	.et_pb_module.et_pb_image.et_pb_image_0_tb_header.header-logo img {
		max-width: 47% !important;
	}
	.et_pb_menu_0_tb_header.et_pb_menu ul.sub-menu li.current-menu-item a {
		color:rgb(0,0,0,0.5) !important;
	}
	body .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a {
		color:rgb(0,0,0,0.5) !important;
	}
	.image-title p, .image-title h2{display:inline-block;}
	.image-title h2 {
		width: 100%;
		line-height: 30px !important;
		margin-bottom: 20px;
	}
	.image-title img{margin-right:0px !important;}
	div#hero-header-full {height:100vh; top:0px;}
	.footer-address .split {width:100%; margin-bottom:30px;}
	#top-header {background:#FFF !important; text-align:center !important;}
	#main-header {background:#FFF !important;}
	.logo_container {top:0 !important;}
	
	.et_pb_module.split {
		width: 100%;
		display: inline-block;
		float: none;
		padding-right: 0px;
	}
	
	.toned-bg .et_pb_row {height:auto; margin-bottom:0px !important;}
	.toned-bg .et_pb_column, .toned-bg .et_pb_column:last-child {min-height:300px; margin-bottom:20px;}
	
	.mobile-columns {height:auto !important;}
	
	.mobile-columns .et_pb_text_12.et_pb_module, .mobile-columns .et_pb_text_13.et_pb_module{margin:0 auto !important; padding:0px !important;}
	
	.et_pb_column .et_pb_module, .et_pb_column .et_pb_module h1, .et_pb_column .et_pb_module h2, .et_pb_column .et_pb_module h3 {text-align:center;}
	
	.et_pb_column.et_pb_column_1_2.et_pb_column_1.mobile-grid {
		text-align: center;
		margin: 0 auto !important;
		display: grid;
		justify-content: center;
	}
	
	#blue-top {background-color:#1765E3 !important;}
	#blue-header {background-color:#003452 !important;}
	
	.hero-icon-cont span{
		display:none;
	}
	
	.hero-icon-cont .hero-icon {padding:0;}
	
}
 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
	.twenty-years-logo {
		max-width: 26% !important;
		margin-top:0 !important;
	}
	
	.hero-icon-cont img{
		max-width: 40px;
	}
	
	.hero-icon {
		border-right: 0px;
		max-width: 50%;
		float: left;
		margin: 0 auto;
		min-height: 140px;
		font-size: 80%;
	}
	
	.hero-icon-cont {
		display: flex;
		flex-direction: row;
	}
	
	.hero-icon-cont .hero-icon {padding:0;}
	
}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
	.hero-icon-cont .hero-icon {margin-right:0;}
	.hero-icon-cont img{
		max-width: 30px;
	}
	.hero-icon {
		width: 59px;
		height:30px;
	}
	
	.twenty-years-logo {margin-top:0 !important}
}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
 
}