.elementor-2 .elementor-element.elementor-element-eccfc7d:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-eccfc7d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #4F708654 0%, #1114175E 100%);}.elementor-2 .elementor-element.elementor-element-eccfc7d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;z-index:4;}.elementor-2 .elementor-element.elementor-element-eccfc7d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-2 .elementor-element.elementor-element-128e9ad.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2 .elementor-element.elementor-element-128e9ad.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2 .elementor-element.elementor-element-0d0f39c > .elementor-container{max-width:800px;}.elementor-2 .elementor-element.elementor-element-2c88d65 .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-2 .elementor-element.elementor-element-2c88d65 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-8f610f6 );}.elementor-2 .elementor-element.elementor-element-2c88d65 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-2 .elementor-element.elementor-element-2c88d65 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-2 .elementor-element.elementor-element-2c88d65 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-2 .elementor-element.elementor-element-2c88d65 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-8f610f6 );}.elementor-2 .elementor-element.elementor-element-2c88d65 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-2 .elementor-element.elementor-element-2c88d65 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-2c88d65 .e--pointer-framed .elementor-item:before,
					.elementor-2 .elementor-element.elementor-element-2c88d65 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-8161a32 .elementor-image img{max-width:400px;}.elementor-2 .elementor-element.elementor-element-19abdd7{text-align:center;}.elementor-2 .elementor-element.elementor-element-19abdd7 .elementor-heading-title{color:var( --e-global-color-accent );font-family:"Montserrat", Sans-serif;font-size:60px;font-weight:800;}.elementor-2 .elementor-element.elementor-element-19abdd7 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-4cd6df0 .elementor-text-editor{text-align:center;}.elementor-2 .elementor-element.elementor-element-4cd6df0{color:var( --e-global-color-8f610f6 );font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.elementor-2 .elementor-element.elementor-element-4cd6df0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-d98677e > .elementor-container{max-width:800px;}.elementor-2 .elementor-element.elementor-element-19b0283 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-2 .elementor-element.elementor-element-8e4b3c1{color:var( --e-global-color-8f610f6 );font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.elementor-2 .elementor-element.elementor-element-7a12db5{color:var( --e-global-color-8f610f6 );font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;}.elementor-2 .elementor-element.elementor-element-27d1270 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-2 .elementor-element.elementor-element-e256c7d{color:var( --e-global-color-8f610f6 );font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.elementor-2 .elementor-element.elementor-element-a38fba6{color:var( --e-global-color-8f610f6 );font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;}.elementor-2 .elementor-element.elementor-element-5bce6df > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-2 .elementor-element.elementor-element-9e34610{color:var( --e-global-color-8f610f6 );font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.elementor-2 .elementor-element.elementor-element-28f33d7{color:var( --e-global-color-8f610f6 );font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;}.elementor-2 .elementor-element.elementor-element-e3d791f .elementor-button{font-family:"Montserrat", Sans-serif;font-weight:bold;background-color:#0075C1;}.elementor-2 .elementor-element.elementor-element-e3d791f .elementor-button:hover, .elementor-2 .elementor-element.elementor-element-e3d791f .elementor-button:focus{background-color:var( --e-global-color-accent );}.elementor-2 .elementor-element.elementor-element-e3d791f > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-88cf661{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-e004cff > .elementor-element-populated{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-1a7390f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-8de93f0{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-88a51ff > .elementor-element-populated{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-2df3111 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-8068c50 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-128e9ad > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:5px;}.elementor-2 .elementor-element.elementor-element-2c88d65 .elementor-nav-menu .elementor-item{font-size:12px;}.elementor-2 .elementor-element.elementor-element-8161a32 .elementor-image img{max-width:250px;}.elementor-2 .elementor-element.elementor-element-19abdd7 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-4cd6df0{font-size:12px;}.elementor-2 .elementor-element.elementor-element-8e4b3c1 .elementor-text-editor{text-align:center;}.elementor-2 .elementor-element.elementor-element-8e4b3c1{font-size:12px;}.elementor-2 .elementor-element.elementor-element-7a12db5 .elementor-text-editor{text-align:center;}.elementor-2 .elementor-element.elementor-element-7a12db5{font-size:12px;}.elementor-2 .elementor-element.elementor-element-e256c7d .elementor-text-editor{text-align:center;}.elementor-2 .elementor-element.elementor-element-e256c7d{font-size:12px;}.elementor-2 .elementor-element.elementor-element-a38fba6 .elementor-text-editor{text-align:center;}.elementor-2 .elementor-element.elementor-element-a38fba6{font-size:12px;}.elementor-2 .elementor-element.elementor-element-9e34610 .elementor-text-editor{text-align:center;}.elementor-2 .elementor-element.elementor-element-9e34610{font-size:12px;}.elementor-2 .elementor-element.elementor-element-28f33d7 .elementor-text-editor{text-align:center;}.elementor-2 .elementor-element.elementor-element-28f33d7{font-size:12px;}}/* Start custom CSS for image, class: .elementor-element-8161a32 */.elementor-2 .elementor-element.elementor-element-8161a32 {
    justify-self: center;
    margin-top: auto;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-19abdd7 */.elementor-2 .elementor-element.elementor-element-19abdd7 h2:before {
    display: none;
}
.elementor-2 .elementor-element.elementor-element-19abdd7 {
    /*display: none;*/
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4cd6df0 */.elementor-2 .elementor-element.elementor-element-4cd6df0 p {
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4366da6 */.elementor-2 .elementor-element.elementor-element-4366da6 div {
    background:url(https://virtual-museum.combatdiver.org/wp-content/uploads/2021/04/cdf_liner.png) repeat-x;
    background-position:0 center;
    background-size:contain;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    height:40px;
    -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0) 0%, black 50%,rgba(0,0,0,0) 100%);
    mask-image: linear-gradient(to right, rgba(0,0,0,0) 0%, black 50%,rgba(0,0,0,0) 100%);
}

@keyframes cdf_liner_move {
  0% {
    background-position:407px center;
  }
  100% {
    background-position:380px center;
  }
}

#cdf_ruler div {
  animation: cdf_liner_move 3s linear infinite;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-d98677e */.elementor-2 .elementor-element.elementor-element-d98677e .elementor-container {
    gap:15px;
}
.elementor-2 .elementor-element.elementor-element-d98677e p {
    margin-top:0;
    margin-bottom: 0;
}

.elementor-2 .elementor-element.elementor-element-d98677e .elementor-column:before {
    opacity:0.25;
    content:"";
    width:100%;
    height:100%;
    position: absolute;
    top: 0;
    left:0;
    border: 5px solid;
    border-image-slice: 1;
    border-width: 2px;
    transition:opacity 1s ease;
    border-image-source: linear-gradient(180deg, rgba(89, 125, 149, 0) 0%, #4F7086 100%);
    animation: cdf_adv_reveal 2s ease none;
}

.elementor-2 .elementor-element.elementor-element-d98677e .elementor-column:before:hover {
    opacity: 1;
}

.elementor-2 .elementor-element.elementor-element-d98677e .elementor-column:nth-child(1):before {
    animation-delay: 5s;
}
.elementor-2 .elementor-element.elementor-element-d98677e .elementor-column:nth-child(2):before {
    animation-delay: 6s;
}
.elementor-2 .elementor-element.elementor-element-d98677e .elementor-column:nth-child(3):before {
    animation-delay: 7s;
}

@keyframes cdf_adv_reveal {
  0% {
    opacity:0.5;
  }
  50% {opacity:1;}
  100% {
    opacity:0.5;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e3d791f */.elementor-2 .elementor-element.elementor-element-e3d791f {
    margin-bottom: auto;
}
.elementor-2 .elementor-element.elementor-element-e3d791f a {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-128e9ad */.elementor-2 .elementor-element.elementor-element-128e9ad {
    min-height:-webkit-fill-available;
    max-height:-webkit-fill-available;
}
.elementor-2 .elementor-element.elementor-element-128e9ad .elementor-element-populated {
    flex-wrap: nowrap !important;
    flex-direction: column !important;
    justify-content: center !important;
}
.elementor-2 .elementor-element.elementor-element-128e9ad #cdf__fs-menu {
    margin-bottom: -65px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-eccfc7d */html {
    
}
.elementor-2 .elementor-element.elementor-element-eccfc7d {
    top:0;
    opacity:1;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    
    min-height:-webkit-fill-available;
    max-height:-webkit-fill-available;
}
@supports not (-webkit-touch-callout: none) {
  .elementor-2 .elementor-element.elementor-element-eccfc7d #cdf_fs-container{
      height:100vh;
  }
}

@keyframes cdf_firstscreenhide_move {
  0% {
    top:0px;
  }
  100% {
    top:-2000px;
  }
}

body.cdf_splash_hidden #cdf__firstscreen {
    animation: cdf_firstscreenhide_move 2s linear 1s forwards;
    opacity:0;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1a7390f */#cdfUi_sidebar {
    position: absolute;
    width: 100px;
    background-size: 100% !important;
    background-position: bottom !important;
    height: 85vh;
    z-index: 3;
    /*pointer-events: auto;*/
}

#cdfUi_sidebar.sidebar_left {
    left: 0;
    background: url(https://virtual-museum.combatdiver.org/wp-content/uploads/2021/04/INDICATOR-DEPTH.png) no-repeat;
    transform: perspective(25em) rotateY(
25deg
);
}
#cdfUi_sidebar.sidebar_right {
    right: 0px;
    background: url(https://virtual-museum.combatdiver.org/wp-content/uploads/2021/04/INDICATOR-DATE.png) no-repeat;
    transform: perspective(25em) rotateY(
-25deg
);
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-88cf661 */.elementor-2 .elementor-element.elementor-element-88cf661 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    opacity: 1;
    width: 100%;
    max-width: 800px;
    height: 100%;
    pointer-events: none;
    transition: opacity 1s ease;
    overflow: hidden;
}
body.cdf_ui_hidden .elementor-2 .elementor-element.elementor-element-88cf661 {
    opacity:0;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-8de93f0 */.elementor-2 .elementor-element.elementor-element-8de93f0 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left:0;
    z-index:1;
}
.elementor-2 .elementor-element.elementor-element-8de93f0>div,
.elementor-2 .elementor-element.elementor-element-8de93f0>div>div,
.elementor-2 .elementor-element.elementor-element-8de93f0>div>div>div,
.elementor-2 .elementor-element.elementor-element-8de93f0>div>div>div>div,
.elementor-2 .elementor-element.elementor-element-8de93f0>div>div>div>div>div {
    width: inherit;
    height: inherit;
    position: inherit;
    display: inherit;
}/* End custom CSS */