/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


/* Main Navigation Max Mega Menu Overrides */

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{
    font-family: var(--e-global-typography-primary-font-family);
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{
    content: '';
    margin: 0 0 0 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L8.5 7.43934L15.4697 0.46967C15.7626 0.176777 16.2374 0.176777 16.5303 0.46967C16.8232 0.762563 16.8232 1.23744 16.5303 1.53033L9.03033 9.03033C8.73744 9.32322 8.26256 9.32322 7.96967 9.03033L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z' fill='%23F7FFF7'/%3E%3C/svg%3E%0A");
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    top: 13px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link:hover > span.mega-indicator:after,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link:focus > span.mega-indicator:after{
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L8.5 7.43934L15.4697 0.46967C15.7626 0.176777 16.2374 0.176777 16.5303 0.46967C16.8232 0.762563 16.8232 1.23744 16.5303 1.53033L9.03033 9.03033C8.73744 9.32322 8.26256 9.32322 7.96967 9.03033L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z' fill='%23ff6458'/%3E%3C/svg%3E%0A") !important;
}
.mega-description-group .mega-menu-title {
    font-weight: 600;
    font-size: 16px;
    color: var(--e-global-color-bf2a4ad);
}
.mega-menu-link:hover .mega-description-group .mega-menu-title,
.mega-menu-link:hover .mega-description-group .mega-menu-description{
    color: var(--e-global-color-ed3ec68) !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 a.mega-menu-link .mega-description-group .mega-menu-description{
    color: #636663;
    font-style: normal;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 16px;
}
#mega-menu-wrap-menu-1 .mega-menu#mega-menu-menu-1 .mega-sub-menu li:last-child .mega-menu-description{
    margin-bottom: 0;
}

#mega-menu-wrap-menu-1 .mega-menu#mega-menu-menu-1 .mega-sub-menu li.mega-current-menu-item a .mega-description-group .mega-menu-title,
#mega-menu-wrap-menu-1 .mega-menu#mega-menu-menu-1 .mega-sub-menu li.mega-current-menu-item a .mega-description-group .mega-menu-description{
	color: var(--e-global-color-ed3ec68) !important;
}

#mega-menu-wrap-menu-1 .mega-menu#mega-menu-menu-1 .mega-sub-menu li .mega-menu-link:hover:before{
	content: "";
	position: absolute;
    right: -16.5px;
    background-image:url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L8.5 9L1 16.5' stroke='%23FF6458' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    width: 15px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    top: 13px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu{
    margin-top: 37px;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated{
    transform: scale(0.6);
}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner,
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before,
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after{
    width: 34px;
    height: 3px;
    border-radius: 6px;
}
span.mega-toggle-animated-box:before{
    content: 'Menu';
    position: absolute;
    left: -60px;
    font-size: 12px;
    color: #F7FFF7;
    transform: scale(1.8);
    top: -10px;
}
.mega-menu-open span.mega-toggle-animated-box:before{
    content: '';
}
.elementor-custom-header #mega-menu-menu-1 ul#menu-1-34f63e7,
.elementor-custom-header #mega-menu-menu-1 ul#menu-1-3116e14{
	display: none !important;
}

.scroll-to-top-arrow{
    position: absolute;
    right: 30px;
    top: 30px;
	z-index: 1;
}
.scroll-to-top-arrow img{
	width: 32px !important;
}

/*Play-Pause Button*/
.pause-video-icon .elementor-icon{
    cursor: pointer;
}

.pause-video-icon{
	margin-bottom: 0 !important;
}

.pause-video-icon .elementor-icon i:before{
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 42C33.9411 42 42 33.9411 42 24C42 14.0589 33.9411 6 24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42Z' stroke='%23F7FFF7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.5 18V30' stroke='%23F7FFF7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28.5 18V30' stroke='%23F7FFF7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	height: 36px;
	width:  36px;
	background-size: contain;
}

.play-video-icon{
    display: none;
}

.play-video-icon .elementor-icon{
	cursor: pointer;	
}

.play-video-icon .elementor-icon i:before{
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 64 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 56.5C45.2548 56.5 56 45.7548 56 32.5C56 19.2452 45.2548 8.5 32 8.5C18.7452 8.5 8 19.2452 8 32.5C8 45.7548 18.7452 56.5 32 56.5Z' stroke='%23F7FFF7' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M40 32.5L28 24.5V40.5L40 32.5Z' stroke='%23F7FFF7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	height: 36px;
	width:  36px;
	background-size: contain;
}
/* video sec on start page */
.play-pause-video-icons{
    position: absolute;
    right: 20px;
    z-index: 1;
    width: auto !important;
    top: 20px;
}

@media (max-width: 1080px){
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{
		padding: 0px 15px 0px 15px;
	}
}
@media (max-width: 1024px){
	h2, h3, h4{
        /*word-break: break-word;*/
		-webkit-hyphens: auto;
		-webkit-hyphenate-limit-before: 3;
		-webkit-hyphenate-limit-after: 3;
		-webkit-hyphenate-limit-chars: 6 3 3;
		-webkit-hyphenate-limit-lines: 2;
		-webkit-hyphenate-limit-last: always;
		-webkit-hyphenate-limit-zone: 8%;
		-moz-hyphens: auto;
		-moz-hyphenate-limit-chars: 6 3 3;
		-moz-hyphenate-limit-lines: 2;
		-moz-hyphenate-limit-last: always;
		-moz-hyphenate-limit-zone: 8%;
		-ms-hyphens: auto;
		-ms-hyphenate-limit-chars: 6 3 3;
		-ms-hyphenate-limit-lines: 2;
		-ms-hyphenate-limit-last: always;
		-ms-hyphenate-limit-zone: 8%;
		hyphens: auto;
		hyphenate-limit-chars: 6 3 3;
		hyphenate-limit-lines: 2;
		hyphenate-limit-last: always;
		hyphenate-limit-zone: 8%;
    }
	.blockquote{
		padding-left: 30px;
	}
	
    #mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1{
        margin-top: 30px;
        padding-bottom: 80px;
        padding-top: 130px;
        top: -70px;
        z-index: -1;
        background: #0c1d2e;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item{
        display: block;
       max-width: 270px;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 20px;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{
        text-align: center;
		font-size: 18px;
		font-weight: 600;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu{
        width: 393px !important;
        max-width: none;
        padding: 20px 20px 20px 20px !important;
        border: 0 !important;
        background: #f7fff7;
        border-radius: 8px 8px 8px 8px !important;
        margin-left: -80px !important;
        margin-top: 20px;
    	margin-bottom: 22px;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after{
        content: '';
    }
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator{
		float: none;
	}
	#mega-menu-wrap-menu-1 .mega-menu#mega-menu-menu-1 .mega-sub-menu li .mega-menu-link:before{
		content: "";
		position: absolute;
		right: -4.5px;
		background-image:url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L8.5 9L1 16.5' stroke='%23FF6458' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
		width: 15px;
		height: 18px;
		background-position: center;
		background-repeat: no-repeat;
		top: 13px;
	}
	#mega-menu-wrap-menu-1 .mega-menu#mega-menu-menu-1 .mega-sub-menu li .mega-menu-link:hover:before{
		right: -4.5px;
	}
	.elementor-custom-header #mega-menu-menu-1 ul#menu-1-34f63e7,
	.elementor-custom-header #mega-menu-menu-1 ul#menu-1-3116e14{
		display: flex;
    	justify-content: center;
		position: relative;
		top: 40px;		
	}
	.elementor-custom-header #mega-menu-menu-1 ul#menu-1-34f63e7 li a,
	.elementor-custom-header #mega-menu-menu-1 ul#menu-1-3116e14 li a{
		font-family: Inter;
		font-weight: 600;
		font-size: 12px;
		line-height: 22px;
		color: #F7FFF7;
	}
	.elementor-custom-header #mega-menu-menu-1 ul#menu-1-3116e14 li a{
		color : #0C1D2E 
	}
	
	.elementor-custom-header #mega-menu-menu-1 ul#menu-1-34f63e7 li a.elementor-item.elementor-item-active,
	.elementor-custom-header #mega-menu-menu-1 ul#menu-1-3116e14 li a.elementor-item.elementor-item-active{
		color: var( --e-global-color-ed3ec68 );
	}
	
	.elementor-custom-header #mega-menu-menu-1 ul#menu-1-34f63e7,
	.elementor-custom-header #mega-menu-menu-1 ul#menu-1-3116e14{
		display: flex !important;
		width: 100%;
	}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link[aria-expanded="false"] > span.mega-indicator:after{	
		background-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L8.5 7.43934L15.4697 0.46967C15.7626 0.176777 16.2374 0.176777 16.5303 0.46967C16.8232 0.762563 16.8232 1.23744 16.5303 1.53033L9.03033 9.03033C8.73744 9.32322 8.26256 9.32322 7.96967 9.03033L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z' fill='%23F7FFF7'/%3E%3C/svg%3E%0A") !important;
	}
}
@media (max-width: 576px){
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu{
        width: 90% !important;
    	margin-left: 5% !important;
    }
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{
		position: absolute;
		top: -10px;
    	left: 1.7px;
	}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item{
		max-width: 100%;
	}
	
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item{
		margin-bottom: 38px;
	}
}

 #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link  > span.mega-indicator:after {
	 background-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L8.5 7.43934L15.4697 0.46967C15.7626 0.176777 16.2374 0.176777 16.5303 0.46967C16.8232 0.762563 16.8232 1.23744 16.5303 1.53033L9.03033 9.03033C8.73744 9.32322 8.26256 9.32322 7.96967 9.03033L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z' fill='%23ff6458'/%3E%3C/svg%3E%0A") !important;	 
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:before,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:before{
    content: "";
    background: #FF6458;
    height: 8px;
    width: 8px;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: -3px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:before{
	margin-left: -4px;
}

.elementor-scroll-enabled{
	background: #0C1D2E;
}

@media (max-width: 767px){
	/*.play-pause-video-icons{
		display: none;
	}*/
	.home-video-section video,
	.home-video-section-2 video{
		height: 100vh !important;
	}
    
}


*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::-webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works! */

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}


/*MAP*/
.img-wrapper{
	position: relative;
	max-width: 1440px;
	margin: 0 auto;
	height: 820px;
	overflow: hidden;
}
.milestone-marker{
	position: absolute;
    color: #665C2C;
    text-transform: uppercase;
	display: none;
	font-family: Montserrat;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	letter-spacing: 0.8px;
	transition: .4s all ease-in-out;
    -webkit-transition: .4s all ease-in-out;
    -moz-transition: .4s all ease-in-out;
    -ms-transition: .4s all ease-in-out;
}
.milestone-marker span.milestone-bullet{
	height: 8px;
    width: 8px;
    display: inline-block;
    border: 1px solid #665C2C;
    border-radius: 100%;
    margin-right: 5px;
    margin-left: 5px;
	transition: .4s all ease-in-out;
    -webkit-transition: .4s all ease-in-out;
    -moz-transition: .4s all ease-in-out;
    -ms-transition: .4s all ease-in-out;
}

.milestone-marker .ocean-name{
	color: #665C2C;
}

.milestone-marker.m-active,
.milestone-marker.m-active .ocean-name{
	color: #FFE66D;
	transition: 0.2s all;
	cursor: pointer;
}

.milestone-marker.m-active span.milestone-bullet{
	background: #FFE66D;
	border: 0;
}

.milestone-marker .milestone-time:before{
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%2359FF9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 6.75V12H17.25' stroke='%2359FF9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	width: 25px;
    height: 25px;
    display: inline-block;
    content: '';
    background-size: contain;
    top: 4px;
    position: relative;
    margin-right: 7px;
}

.milestone-marker .milestone-time{
    font-size: 28px;
    font-style: normal;
    font-weight: 300;
    line-height: 34px;
    letter-spacing: 0.08em;
    text-align: left;
	display: block;
	opacity: 0;
	transition: .4s all ease-in-out;
    -webkit-transition: .4s all ease-in-out;
    -moz-transition: .4s all ease-in-out;
    -ms-transition: .4s all ease-in-out;
    animation-delay: .4s!important;
    transition-delay: .4s!important;
}

.milestone-marker .milestone-line{
	display: inline-block;
    height: 16px;
    width: 1px;
    background: #59FF9E;
    position: relative;
    left: 8px;
    top: 5px;
    margin-bottom: 4px;
	opacity: 0;
	transition: .4s all ease-in-out;
    -webkit-transition: .4s all ease-in-out;
    -moz-transition: .4s all ease-in-out;
    -ms-transition: .4s all ease-in-out;
    animation-delay: .4s!important;
    transition-delay: .4s!important;
}

.milestone-hover-content.mh-up .milestone-line{
	display: block;
}

.milestone-marker  .milestone-date {
    font-size: 10px;
    font-weight: 500;
    padding-left: 33px;
	opacity: 0;
	transition: .4s all ease-in-out;
    -webkit-transition: .4s all ease-in-out;
    -moz-transition: .4s all ease-in-out;
    -ms-transition: .4s all ease-in-out;
    animation-delay: .6s!important;
    transition-delay: .6s!important;
}


.milestone-marker.m-active .ocean-name{
	position: relative;
	display: inline-block;
	border-bottom: 1px solid;
}

.milestone-marker.completed .ocean-name:after {
    content: "";
    position: absolute;
    top: -7px;
    right: -25px;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 12H20.25' stroke='%2359FF9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.5 5.25L20.25 12L13.5 18.75' stroke='%2359FF9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	height: 24px;
	width: 24px;
	opacity: 0;
	transition: .2s all ease-in-out;
    -webkit-transition: .2s all ease-in-out;
    -moz-transition: .2s all ease-in-out;
    -ms-transition: .2s all ease-in-out;
    animation-delay: .2s!important;
    transition-delay: .2s!important;
}

.milestone-marker.completed .ocean-name.bullet-inverse:after{
	right: -40px;
}

.milestone-marker.m-active:hover .ocean-name.bullet-inverse:after{
	right: -43px;
}

.milestone-marker.completed:hover .ocean-name{
	border: 0;
	color: #59FF9E;
}

.milestone-hover-content{
	color: #59FF9E;
	font-family: Montserrat;
	transition: 0.2s all;
	height: 0;
	overflow: hidden;
}

.milestone-hover-content.mh-up{
	position: absolute;
	top: -80px;
	height: 80px;
	width: 180px;
	z-index: 1;
}

.milestone-marker.completed:hover .ocean-name:after{
	display: block;
	right: -28px;
    opacity: 1;
}

.milestone-marker.completed:hover .milestone-hover-content{
	height: auto;
}

.milestone-marker.completed:hover span.milestone-bullet{
	background-color: #59FF9E;
}

.milestone-marker.completed:hover{
	color: #59FF9E;
}

.milestone-marker.completed:hover .milestone-time{
	opacity: 1;
}

.milestone-marker.completed:hover .milestone-line{
	opacity: 1;
}

.milestone-marker.completed:hover  .milestone-date {
	opacity: 1;
}

.milestone-markers a:focus, .milestone-markers span:focus, .milestone-markers div:focus,
.ocean-marker-slider a:focus, .ocean-marker-slider span:focus, .ocean-marker-slider div:focus{
    outline: none;
}

#marker-1{
	top: 31%;
    left: 38.3%;
}
html[lang="en-US"] #marker-1{
	left: 36.3%;
}

#marker-2{
    top: 43.2%;
    left: 14%;
}

#marker-3{
   top: 71.5%;
    left: 89%;
}

#marker-4{
 top: 33%;
    left: 45.3%;
}

#marker-5{
 top: 47%;
    left: 7.3%;
}

#marker-6{
    top: 37%;
    left: 32.8%;

}
html[lang="en-US"] #marker-1{
	left: 34.2%;
}

#marker-7{
top: 41%;
    left: 83.3%;
}
@media (min-width: 768px) and (max-width: 991px){
	.milestone-map-section-wrap{
		margin-top: -400px !important;
	}
	.milestone-map-section-wrap .elementor-widget-heading{
		width: auto;
	}
	.img-wrapper {
		max-width: 700px;
		height: 440px;
		top: 95px;
		overflow: visible;
	}
	.milestone-marker{
		font-size: 8px;
	}
	.milestone-marker span.milestone-bullet {
		height: 6px;
		width: 6px;
		margin-right: 3px;
		margin-left: 3px;
	}
	.milestone-marker .milestone-time{
		font-size: 18px;
	}
	.milestone-marker .milestone-time:before{
		width: 21px;
		height: 21px;
		margin-right: 2px;
	}
	.milestone-marker .milestone-date{
		font-size: 8px;
		padding-left: 25px;
	}
	#marker-1 {
		top: 27%;
		left: 34.3%;
	}
	#marker-2 {
		top: 39.2%;
		left: 14%;
	}
	#marker-3 {
		top: 64.5%;
		left: 84%;
	}
	#marker-4 {
		top: 29%;
		left: 45.3%;
	}
	#marker-5 {
		top: 44%;
		left: 7.3%;
	}
	#marker-6 {
		top: 33%;
		left: 25.2%;
	}
	#marker-7 {
		top: 37%;
		left: 82.3%;
	}
}

@media (min-width: 992px) and (max-width: 1180px){
	.milestone-main-heading{
		top: 220px !important;
	}
	.milestone-map-section-wrap .elementor-widget-heading{
		width: auto;
	}
	.milestone-map-section-wrap{
		margin-top: -300px !important;
	}
	.img-wrapper {
		max-width: 960px;
		height: 600px;
		top: 77px;
	}
	#marker-1 {
		top: 28%;
		left: 35.3%;
	}
	#marker-2 {
		top: 40%;
		left: 14%;
	}
	#marker-3 {
		top: 65.5%;
		left: 86%;
	}
	#marker-4 {
		top: 30%;
		left: 45.3%;
	}
	#marker-6 {
		top: 34%;
		left: 27.2%;
	}
	#marker-7 {
		top: 37%;
		left: 82.3%;
	}
}

@media (min-width: 1181px) and (max-width: 1439px){
	.milestone-map-section-wrap .elementor-widget-heading{
		width: auto;
	}
	.img-wrapper {
		height: 680px;
		max-width: 1180px;
	}
	#marker-1 {
		top: 30%;
		left: 37.3%;
	}
	#marker-3 {
		top: 71.5%;
		left: 87%;
	}
	#marker-6 {
		top: 37%;
		left: 30.8%;
	}
}

.ocean-marker-slider .slick-dots{
	padding: 0;
	text-align: center;
	margin-top: 13px;
}

.ocean-marker-slider .slick-arrow {
	position: absolute;
    bottom: -10px;    
}

.ocean-marker-slider .slick-arrow.next{
	right: 0;
}

.ocean-marker-slider .slick-arrow.prev{
	left: 0;
}

.ocean-marker-slider .slick-dots li{
	display: inline-block;
}

.ocean-marker-slider .slick-dots li button {
    font-size: 0 !important;
    border: 0 !important;
    border: 1px solid #3D4A58 !important;
    height: 10px !important;
    width: 10px !important;
    display: block !important;
    padding: 0 !important;
    border-radius: 100px !important;
    margin: 0 6px;
}

.ocean-marker-slider .slick-dots li.slick-active button,
.ocean-marker-slider .slick-dots li button:hover{
	background: #59FF9E;
    border: 0 !important;
}
.ocean-marker-slider{
	display: none;
}

@media (max-width: 767px){
	.milestone-map-section-wrap .milestone-markers{
		overflow-x: scroll;
    	overflow-y: hidden;
	}
	.img-wrapper {
		height: 570px;
		overflow: unset;
		width: 900px;
	}
	.marker-area {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 300px;
		left: 0;
	}
	.marker-center{
    	left: 300px;
	}
	.marker-right{
    	left: 600px;
	}
	.milestone-hover-content{
		display: none;
	}
	.milestone-marker .ocean-name{
		display: none !important;
	}
	.milestone-marker span.milestone-bullet {
    	height: 16px;
		width: 16px;
	}
	#marker-1 {
		top: 26%;
    left: 42.3%;
	}
	#marker-2 {
		top: 38.2%;
    left: 14%;
	}
	#marker-3 {
		top: 62.5%;
    left: 94%;
	}
	#marker-4 {
		top: 28.1%;
    left: 45%;
	}
	#marker-5 {
		top: 49%;
    left: 6.3%;
	}
	#marker-6 {
		top: 33%;
    left: 43.5%;
	}
	#marker-7 {
		top: 35%;
    left: 82.3%;
	}
	
	.ocean-marker-slider{
		padding: 0 10px;
		margin-top: -130px;
		position: relative;
		display: block;
	}	
	
	.ocean-marker-slider .milestone-hover-content{
		display: block;
		height: auto;
		font-family: Montserrat;
		font-style: normal;
	}
	.ocean-marker-slider .ocean-name{
		font-size: 20px;
		line-height: 34px;
		text-transform: uppercase;
		color: #59FF9E;
		letter-spacing: 2.2px;
		font-weight: 300;
		font-family: Montserrat;
	}
	.ocean-marker-slider .milestone-time{
		font-size: 28px;
		line-height: 34px;
		letter-spacing: 3.2px;
		display: block;
	}
	
	.ocean-marker-slider .milestone-date{
		font-size: 10px;
		padding-left: 32px;
		line-height: 12px;
		font-weight: 500;
		letter-spacing: 1.2px;
		display: block;
    	margin-top: 4px;
	}
	
	.ocean-marker-slider .milestone-time:before {
		background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%2359FF9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 6.75V12H17.25' stroke='%2359FF9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		width: 25px;
		height: 25px;
		display: inline-block;
		content: '';
		background-size: contain;
		top: 4px;
		position: relative;
		margin-right: 7px;
	}
	
	.ocean-marker-slider span.ocean-name:after {
		content: "";
		background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 12H20.25' stroke='%2359FF9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.5 5.25L20.25 12L13.5 18.75' stroke='%2359FF9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		height: 24px;
		width: 24px;
		display: inline-block;
		position: relative;
		top: 5px;
		left: 5px;
	}
	
	.milestone-marker span.milestone-bullet{
		opacity: 0;
	}
	
	.mobile-active-marker.milestone-marker span.milestone-bullet{
		background-color: #59FF9E;
		border: 0;
		opacity: 1;
	}
	
	.milestone-map-section-wrap .elementor-element-populated{
		padding: 0 !important;		
	}
	
	.mobile-marker-slider{
		 opacity: 0;
		visibility: hidden;
		transition: opacity 1s ease;
		-webkit-transition: opacity 1s ease;
	}
	
	.mobile-marker-slider.slick-initialized {
		visibility: visible;
		opacity: 1;    
	}
}

.event-inner-wrapper{
	display: none;
}

/* Homepage Parallax */

@media only screen and (min-width: 1750px) {
    .elementor-11 .elementor-element.elementor-element-61882e9:not(.elementor-motion-effects-element-type-background), 
	.elementor-11 .elementor-element.elementor-element-61882e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		background-size: 1700px;
	}
    
}

.demo-img,
.demo-img img{
    position: absolute;
    top: 60px;
    right: 0;
}
.hsnp .elementor-column{
    position: absolute;
    top: 0;
    right: 0;
}


@media (min-width: 768px){
    .demo-img img{
		width: 688px;
    	top: 200px;
    }
    .elementor-3492 .elementor-element.elementor-element-15e938e > .elementor-container{
    	min-height: 1348px !important;
	}
}

@media (min-width: 992px){
    .demo-img img{
    	width: 858px;
    	top: 200px;
    }
    .elementor-3492 .elementor-element.elementor-element-15e938e > .elementor-container{
    	min-height: 1508px !important;
	}
}

@media (min-width: 1025px){
    .demo-img img{
     	width: 1098px;   
     	top: 130px;
    }
    .elementor-3492 .elementor-element.elementor-element-15e938e > .elementor-container{
    	min-height: 1288px !important;
	}
}

@media (min-width: 1920px){
    .demo-img img{
     	width: 1360px;   
    }
    .demo-img img{
    
	}
	.blue-bg-image .elementor-container{
		min-height: 2000px !important;   
	}
}

@media (min-width: 2500px){
    .demo-img img {
        width: 1900px;
    }
    .demo-img,
	.demo-img img{
   
	}
	.hsnp {
/*     	margin-top: -2520px !important; */
	}
	.elementor-3492 .elementor-element.elementor-element-15e938e > .elementor-container{
    	min-height: 2000px !important;
	}
	.blue-bg-image .elementor-container{
		min-height: 2584px !important;   
	}
}


/*@media (min-width: 1025px){
    .demo-img img{
     width: 1398px;   
    }
}*/

.quote-name{
    color: #C5CCC5;
    font-weight: 300;
    font-size: 20px;
    margin-top: 20px;
}

.elementor-page-2469 p br{
	display: none;
}

/* WPML Nav Menu */

.wpml-ls-item ul{
	min-width: 18px !important;
	max-width: 30px !important;
	background-color: transparent;
}
.wpml-ls-item ul li a{
	padding: 0 !important;
	margin: 0;
	border: 0 !important;
}

@media(min-width: 1024.5px){
	.mega-wpml-ls-item{
		display: none !important;
	}
}
@media(max-width: 1024px){
	body .elementor-nav-menu .wpml-ls-item{
		display: none ;
	}
	body .mega-menu-wrap .mega-wpml-ls-item ul{
		display: block;
		width: 80px !important;
		padding: 0 !important;
		margin: 0 auto !important;
		text-align: center;
		left: 45.4% !important;
		position: absolute;
		background: transparent !important;
	}
	.mega-wpml-ls-item ul li a:before{
		display: none !important;
	}
	.mega-wpml-ls-item ul li a{
		text-align: center !important;
	}
}

#marker-1 .milestone-hover-content{
	position: absolute;
    width: 170px;
    top: -50px;
    left: 100px;
}
#marker-1 .milestone-hover-content .milestone-line{
	display: none;
}

/* Cookie Banner Design */
#wccDetailCategoryperformance,
#wccDetailCategoryadvertisement{
	display: none;
}
body .wcc-preference-header .wcc-btn-close img{
	height: 20px;
	width: 20px;
}
body .wcc-preference-content-wrapper *,
body .wcc-preference-body-wrapper *,
body .wcc-accordion-header-des *{
	font-size: 13px;
	line-height: 17px;
}
body .wcc-cookie-des-table li div:last-child p,
body .wcc-cookie-des-table li div:first-child{
	font-size: 12px;
}
body .wcc-preference-content-wrapper .wcc-show-desc-btn,
body .wcc-preference-content-wrapper .wcc-show-desc-btn:hover,
body .wcc-preference-content-wrapper .wcc-show-desc-btn:focus,
body .wcc-accordion-header .wcc-always-active{
	color: #FF6458 !important;
	font-weight: 600;
}
body .wcc-switch input[type="checkbox"]:checked{
	background: #FF6458 !important;
}
body ul.wcc-cookie-des-table div {
	font-size: 12px !important;
}
@media(min-width: 992px){
	body .wcc-consent-container{
		width: 610px;
	}
}

/* -------------------------------------------------------------------------
 * Site-wide navy default background.
 *
 * The dev DB's Elementor data is missing background-color settings across
 * all pages, so containers without their own bg render white. Paint the
 * page background navy site-wide; any Elementor section/container that has
 * its own background-color or background-image still wins (more specific).
 * On the homepage (post 9502), where the body text widgets also lack a
 * colour and would be unreadable on navy, force them to white as well.
 * Becomes redundant once the page data is fixed in Elementor.
 * ------------------------------------------------------------------------- */
html,
body {
	background-color: #0c1d2e;
}
.elementor.elementor-9502 {
	color: #ffffff;
}
.elementor.elementor-9502 .elementor-widget-text-editor,
.elementor.elementor-9502 .elementor-widget-text-editor *,
.elementor.elementor-9502 .elementor-widget-text-editor p,
.elementor.elementor-9502 .elementor-widget-text-editor li,
.elementor.elementor-9502 p,
.elementor.elementor-9502 li {
	color: #ffffff;
}