:root {
    --deep-waters: #022B49;
    --teamseas-blue: #0058A5;
    --bahamas: #00AACC;
    --seafoam: #A8DFE2;
    --dolphin-grey: #48545B;
    --clownfish: #EF7517;
    --orca: #191D21;
    --shark-grey: #EBEBEB;
    --sunset: #6C0146;
    --sea-moss-pink: #D22E98;
    --coral: #E13A06;
    --sunshine: #FFB72B;

    --grey-light: #ECECEC;
    --grey-lighter: #F6F6F4;
    --counter-xl:2.75rem;
    --counter-lg:2.25rem;
    --counter-md:1.75rem;
    --counter-sm:1.25rem;
    --counter-xs:1.15rem;
    --counter-xxs:1rem;

}


html,body{width:100%; height:100%; font-family: 'Montserrat', sans-serif; font-size: 18px; background: #E5E5E5; color: var(--deep-waters);}

img {max-width: 100%; height: auto;}

input:focus{box-shadow: none !important; border-color: var(--clownfish) !important;}
input[type=email],input[type=text]{ border-color:#000;color:#aaa; }
input[type=email]::placeholder,input[type=text]::placeholder,textarea::placeholder { color: #9f9f9f; }
textarea.dark-border{ border-color:#000;color:#aaa;resize: none; }
.form-label{ font-size: 0.8rem; font-weight: 500;}
.form-check-label{ font-size: .75rem;vertical-align: top; position: inherit !important; }
.form-check-input-custom{margin:0 .25rem 0 -1.3rem;transform: scale(1.3);}

p {margin-top: 0; margin-bottom: 1rem;}

.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {margin-top: .75rem; ;margin-bottom: 1.15rem;}

h1,.h1 {font-size: 1.75em;}
h2,.h2 {font-size: 1.45em;}
h3,.h3 {font-size: 1.35em;}
h4,.h4 {font-size: 1.15em;}
h5,.h5 {font-size: 1.05em;}

.font-xxxl {font-size: 3.5em;}
.font-xxl {font-size: 2.4em;}
.font-xl {font-size: 1.6em;}
.font-lg {font-size: 1.4em;}
.font-md {font-size: .9em;}
.font-sm {font-size: .8em;}
.font-xs {font-size: .7em;}
.font-xxs{font-size: .5em;}

.font-weight-800 {font-weight: 800!important;}
.font-weight-700 {font-weight: 700!important;}
.font-weight-600 {font-weight: 600!important;}
.font-weight-500 {font-weight: 500!important;}
.font-weight-400 {font-weight: 400!important;}

.tooltip.show {opacity: 1;}
.tooltip-inner {background-color: var(--seafoam); color: #000;}
.bs-tooltip-bottom .arrow::before {border-bottom-color: var(--seafoam);}
.bs-tooltip-top .arrow::before {border-top-color: var(--seafoam);}

.text-blue { color: var(--teamseas-blue)!important;}
.text-blue-dark {color: var(--deep-waters)!important;}
.text-blue-light { color: var(--bahamas)!important;}
.text-blue-lighter { color: var(--seafoam)!important;}
.text-orange { color: var(--clownfish)!important;}
.text-orange-light {color: var(--sunshine)!important;}
.text-orange-gradient {background:linear-gradient(45deg,var(--sunshine), var(--clownfish)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.text-orange-gradient-reverse {background:linear-gradient(45deg,var(--clownfish), var(--sunshine)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.text-grey { color: #999!important;}

.bg-grey {background-color: #999!important;}
.bg-grey-light { background-color: var(--grey-light)!important;}
.bg-grey-lighter{ background-color: var(--grey-lighter)!important;}

.bg-blue { background-color: var(--teamseas-blue)!important;}
.bg-blue-light { background-color: var(--bahamas)!important;}
.bg-blue-lighter{ background-color: var(--seafoam)!important;}
.bg-blue-dark { background-color: var(--deep-waters)!important;}
.bg-orange { background-color: var(--clownfish)!important;}
.bg-orange-light { background-color: var(--sunshine)!important;}
.bg-white-50 {background-color: #fff!important; background-color: rgba(255,255,255,.7)!important;}

.btn {padding: .5rem 2rem; border-radius: 2rem;}
.btn-lg {padding: .75rem 3rem; border-radius: 3rem;}
.btn-orange { background-color: var(--clownfish); color: #fff;}
.btn-orange:hover,.btn-orange:focus,.btn-orange:active {background-color: var(--sunshine); color: #fff;}
.btn-outline-orange { border-color: var(--clownfish); color: var(--clownfish); background: #fff;}
.btn-outline-orange:hover,.btn-outline-orange:focus,.btn-outline-orange:active {color: #fff; background: var(--clownfish);}

.btn-blue-light { background-color: var(--bahamas); color: #fff;}
.btn-blue-light:hover,.btn-blue-light:focus,.btn-blue-light:active { background-color: var(--teamseas-blue); color: #fff;}

.btn-blue-lighter { background-color: var(--seafoam); color: #fff;}
.btn-blue-lighter:hover,.btn-blue-lighter:focus,.btn-blue-lighter:active { background-color: var(--bahamas); color: #fff;}

.btn-outline-white {border-color: #fff; color: #fff;}
.btn-outline-white:hover,.btn-outline-white:focus,.btn-outline-white:active {border-color: var(--seafoam);background-color: var(--seafoam); color: #fff;}

.btn-outline-primary {border-color: var(--teamseas-blue); color: var(--teamseas-blue);}
.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary:active {border-color: var(--teamseas-blue);background-color: var(--teamseas-blue); color: #fff;}

.btn-white-50 {background-color: #fff; background-color: rgba(255,255,255,.7);}
.btn-white-50:hover,.btn-white-50:focus,.btn-white-50:active {background-color: #fff; background-color: rgba(255,255,255,1);}

.faq-btn{ background: none; border:none; outline: none;text-decoration: underline; }

.input-group select.btn {border-top-left-radius: 0!important; border-bottom-left-radius: 0!important;}
.input-group input.btn {border-top-right-radius: 0!important; border-bottom-right-radius: 0!important;}


.border-grey {border-color: #999;}
.border-thick {border-width: 3px!important;}

.overflow-visible {overflow:visible!important;}

.zi-2 {z-index: 2;}

.card {border-radius: .5rem!important; overflow: hidden;}
.card,.card .card-header,.card .card-body,.card .card-footer {border: none;}
.card .card-title {margin: 0;}

.modal .modal-content {background: transparent; border: 0;}
.modal .modal-header {background: transparent; border: 0; justify-content: center;}
.modal .modal-header .modal-title {text-align: center; font-weight: 700; text-transform: uppercase; color: var(--seafoam); width: 100%;}
.modal .modal-body {background: #fff; border-radius: .5rem!important;}
.modal .modal-close {cursor: pointer; width: 45px; height: 45px; text-align: center; line-height: 20px; border: 2px solid var(--teamseas-blue); background: #fff; border-radius: 100%; box-shadow: 0 3px 13px rgba(0,0,0,.3); transition: background-color .5s ease;}
.modal .modal-close img {width: 15px; height: 15px}
.modal .modal-close:hover {background: rgba(255,255,255,.5);}

.custom-control {min-height: calc(2.5em + .75rem + 2px); border-radius: .5rem;}
.custom-control::placeholder {opacity: 1;color: var(--deep-waters) !important; font-weight: 600;}
.custom-control:-ms-input-placeholder {color: var(--deep-waters) !important;}
.custom-control::-ms-input-placeholder {color: var(--deep-waters) !important;}

.custom-checkbox {padding: 0rem!important}
.custom-checkbox .custom-control-label {background-color: var(--grey-lighter); padding: 1rem .45rem; color: var(--deep-waters); border-radius: .5rem; cursor: pointer; transition: background-color .5s ease; font-size:.8rem;font-weight: 500; }
.custom-checkbox .custom-control-label:hover {background-color: var(--bahamas)!important; color: #fff!important;}
.custom-checkbox .custom-control-input {width: 0 !important; display: none;}
.custom-checkbox .custom-control-input~.custom-control-label::before {display: none;}
.custom-checkbox .custom-control-input:checked~.custom-control-label {background-color: var(--bahamas); color: #fff;}
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label {background-color: var(--shark-grey);}
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label {background-color: var(--shark-grey);}
.custom-checkbox .custom-control-label::after {display: none!important}

.social-card {position: relative; min-height: 850px;}
.social-wrapper {position: absolute; padding-left: 1rem; padding-right: 1rem; padding-bottom: 1rem; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden;}

.social-box {display: inline-block; width: 30px; height: 30px; padding: 0; border-radius: 100%; background-repeat: no-repeat; background-size: 20px 20px; background-position: center center;}
.social-box.social-fb {background-image: url('/assets/svg/social-fb.svg');}
.social-box.social-insta {background-image: url('/assets/svg/social-insta-outline.svg');}
.social-box.social-twt {background-image: url('/assets/svg/social-twt.svg');}
.social-box.social-redd {background-image: url('/assets/svg/social-redd.svg');}
.social-box.social-yt {background-image: url('/assets/svg/social-yt.svg');}
.social-box.social-tt {background-image: url('/assets/svg/social-tt.svg');}
.social-box.social-fb-outline {background-image: url('/assets/svg/social-fb-outline.svg');}
.social-box.social-insta-outline {background-image: url('/assets/svg/social-insta-outline.svg');}
.social-box.social-twt-outline {background-image: url('/assets/svg/social-twt-outline.svg');}
.social-box.social-redd-outline {background-image: url('/assets/svg/social-redd-outline.svg');}
.social-box.social-yt-outline {background-image: url('/assets/svg/social-yt.svg');}
.social-box.social-tt-outline {background-image: url('/assets/svg/social-tt-outline.svg');}

.search-box {display: inline-block; width: 35px; height: 35px; padding: 0; border-radius: 100%; background-image: url('/assets/svg/search.svg'); background-repeat: no-repeat; background-size: 22px 22px; background-position: center center;}
.search-box.search-dark {display: inline-block; width: 35px; height: 35px; padding: 0; border-radius: 100%; background-image: url('/assets/svg/search-dark.svg'); background-repeat: no-repeat; background-size: 22px 22px; background-position: center center;}
.search-box.search-box-lg {width: 50px; height: 50px;}

.leaderboard-tabs,.timeline-tabs {border: none; background: var(--seafoam); border-radius: 30px; padding: .2rem;}
.leaderboard-tabs .nav-link,.timeline-tabs .nav-link {color: var(--orca)!important; border: none; padding: .3rem .7rem; border-radius: 30px; display: flex; align-items: center; background: transparent; transition: all .5s ease;}
.leaderboard-tabs .nav-link.active,.timeline-tabs .nav-link.active {background: #fff;}

.timeline-tabs .nav-link:before {content: ''; width: 30px; height: 30px; margin-right: .5rem;}
.timeline-tabs .nav-link.link-oceans:before {background: url('/assets/images/icon-oceans.png') no-repeat center center / contain;}
.timeline-tabs .nav-link.link-beaches:before {background: url('/assets/images/icon-beaches.png') no-repeat center center / contain;}
.timeline-tabs .nav-link.link-rivers:before {background: url('/assets/images/icon-rivers.png') no-repeat center center / contain;}

.timeline-wrapper {position: relative;}
.timeline-line-center {position: absolute; top: 0; left: calc(50% - 2px); width: 4px; height: 100%; background: #fff; border-radius: 4px;}
.timeline-box {position: relative; opacity: 0; top: 5rem; transition: all 1s ease;}
.timeline-box.inview {opacity: 1; top: 0;}
.timeline-box.timeline-right .timeline-box-ball {display: block; width: 100%; height: 60px; background: transparent url('/assets/images/ball-active-right.png') no-repeat center center / contain;}
.timeline-box.timeline-left .timeline-box-ball {display: block; width: 100%; height: 60px; background: transparent url('/assets/images/ball-active-left.png') no-repeat center center / contain;}
.timeline-box.timeline-right .timeline-box-title {display: block; text-align: left; background:linear-gradient(45deg,var(--sunshine), var(--clownfish)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.timeline-box.timeline-left .timeline-box-title {display: block; text-align: right; background:linear-gradient(45deg,var(--clownfish), var(--sunshine)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.timeline-wrapper:before,.timeline-wrapper:after,
.section-inner:before,.section-inner:after{content:''; display: table; clear: both;}

.bg-elements {position: absolute; z-index: 1; height: 100%;left: 0;right: 0; overflow: hidden;}
.bg-elements .container {height: 100%;}
.bg-elements span {display: block; position: absolute; z-index: 2;}
.bg-elements .bg-wave {z-index: 1; top: 0px; width: 100%; height: 400px; background: transparent url('/assets/images/bg-wave.png') no-repeat center top / 100% 100%;}
.bg-elements .bg-bottom {z-index: 3; bottom: 0px; width: 100%; height: 900px; height: 100vh; background: transparent url('/assets/images/bg-bottom.png') no-repeat center bottom / 100% 100%;}
.bg-elements .cloud-1 {top: 2%; left: -25%; width: 60%; height: 30%; background: transparent url('/assets/svg/cloud-11.svg') no-repeat left center / 100% 100%;}
.bg-elements .cloud-2 {top: 70%; left: 0%; width: 30%; height: 15%; background: transparent url('/assets/svg/cloud-2.svg') no-repeat left center / 100% 100%;}
.bg-elements .cloud-3 {top: 35%; right: -22%; width: 60%; height: 25%; background: transparent url('/assets/svg/cloud-31.svg') no-repeat right center / 100% 100%;}
.bg-elements .bird-1 {top: 35%; left: 15%; width: 100px; height: 100px; background: transparent url('/assets/svg/bird-1.svg') no-repeat center center / contain;}
.bg-elements .bird-2 {top: 55%; left: 25%; width: 60px; height: 60px; background: transparent url('/assets/svg/bird-2.svg') no-repeat center center / contain;}
.bg-elements .bird-3 {top: 5%; right: 25%; width: 150px; height: 150px; background: transparent url('/assets/svg/bird-1.svg') no-repeat center center / contain;}
.bg-elements .bird-4 {top: 75%; right: 25%; width: 60px; height: 60px; background: transparent url('/assets/svg/bird-2.svg') no-repeat center center / contain;}
.bg-elements .diver-1 {top: 170px; left: -200px; width: 500px; max-width: 100%; height: 0; padding-top: 40%; background: transparent url('/assets/images/diver-top-1.png') no-repeat center top / contain;}
.bg-elements .diver-2 {top: 450px; right: -170px; width: 500px; max-width: 100%; height: 0; padding-top: 40%; background: url('/assets/images/diver-shadow-1.png') no-repeat center top / contain;}
.bg-elements .diver-3 {bottom: 900px; left: -170px; width: 300px; max-width: 100%; height: 0; padding-top: 33%; background: url('/assets/images/diver-bag-1.png') no-repeat center top / contain;}
.bg-elements .diver-4 {bottom: 0px; right: -170px; width: 500px; max-width: 100%; height: 0; padding-top: 40%; background: url('/assets/images/diver-tire-1.png') no-repeat center top / contain;}
.bg-elements .diver-5 {top: 0px; right: -100px; width: 300px; max-width: 100%; height: 0; padding-top: 60%; background: url('/assets/images/diver-tire-1.png') no-repeat center top / contain; display: none;}
.bg-elements .trash-1 {top: 200px; left: 125px; width: 130px; max-width: 100%; height: 0; padding-top: 10%; background: transparent url('/assets/svg/trash-1.svg') no-repeat center top / contain;}
.bg-elements .trash-2 {top: 500px; left: 125px; width: 125px; max-width: 100%; height: 0; padding-top: 10%; background: transparent url('/assets/svg/trash-2.svg') no-repeat center top / contain;}
.bg-elements .trash-3 {top: 300px; right: 140px; width: 200px; max-width: 100%; height: 0; padding-top: 20%; background: transparent url('/assets/svg/trash-3.svg') no-repeat center top / contain;}
.bg-elements .turtle-1 {top: 800px; left: 10px; width: 260px; max-width: 100%; height: 0; padding-top: 30%; background: transparent url('/assets/svg/turtle-1.svg') no-repeat center top / contain;}
.bg-elements .fish-1 {top: 200px; right: 16%; width: 100px; max-width: 100%; height: 0; padding-top: 10%; background: transparent url('/assets/images/fish-1.png') no-repeat center top / contain;}
.bg-elements .fish-2 {top: 300px; right: 0; width: 150px; max-width: 100%; height: 0; padding-top: 14%; background: transparent url('/assets/images/fish-2.png') no-repeat center top / contain;}
.bg-elements .fish-3 {top: 400px; right: -100px; width: 100px; max-width: 100%; height: 0; padding-top: 10%; background: transparent url('/assets/images/fish-3.png') no-repeat center top / contain;}
.bg-elements .fish-4 {top: 300px; left: -100px; width: 150px; max-width: 100%; height: 0; padding-top: 14%; background: transparent url('/assets/images/fish-4.png') no-repeat center top / contain;}
.bg-elements .trash-widget-1 {top: 40px; right: 10px; width: 60px; max-width: 100%; height: 0; padding-top: 10%; background: transparent url('/assets/images/fish-9.png') no-repeat center top / contain;}
.bg-elements .trash-widget-2 {top: -60px; right: 0; width: 125px; max-width: 100%; height: 0; padding-top: 20%; background: transparent url('/assets/images/fish-10.png') no-repeat center top / contain;}
.bg-elements .coral-1 {bottom: 0px; left: 0; width: 18%; height: 52%; background: transparent url('/assets/images/coral-shadow-1.png') no-repeat left bottom / contain;}
.bg-elements .coral-2 {bottom: 0px; right: 0; width: 20%; height: 62%; background: transparent url('/assets/images/coral-shadow-2.png') no-repeat right bottom / contain}

#donateFrm{position: relative; z-index: 52 !important;}
#donateFrm .donate-headline{ max-width:260px; margin:2px auto 10px; font-weight: normal;font-size: 1rem; }
.page-headline{ max-width: 370px; margin-bottom: 10px; font-size: 1.2rem !important; }

.disclaimer{ font-size: .6rem; }

.frm-step{ display:none; opacity: 0;}
.frm-step.active{ display: block; opacity: 1;}

.payment-option-buttons {text-align: center; margin-bottom:20px;}
/*.payment-option-buttons a {}*/
.payment-option-buttons span {cursor: pointer; background: #fff; font-size:.9rem; font-weight: 500; width:60px;height:60px;line-height: 58px;text-align:center; color:var(--bahamas); border-radius: 100px; display: inline-block; margin-right: 10px; border: 2px solid var(--bahamas);}
.payment-option-buttons span.active {background:var(--bahamas); color:#fff; fill: #fff; box-shadow: 0 0 10px #ccc, 0 0 20px #ccc; }
.payment-option-buttons span.active svg {color:#fff; }
.payment-option-buttons .payPal-option,.payment-option-buttons .crypto-option {line-height: 52px;}

.live-counter{ font-size:var(--counter-xl); }

.lb-image {min-width: 60px; width: 60px;}
.lb-parent{position: relative; -webkit-animation: lb-animate 1s linear; -moz-animation: lb-animate 1s linear; -o-animation: lb-animate 1s linear; animation: lb-animate 1s linear;}
.lb-team-link{ color: var(--clownfish); text-decoration: none; }
.lb-team-link:hover{ text-shadow: 0 0 16px var(--teamseas-blue);color: var(--clownfish); text-decoration: none !important; }
.thank-you-card {position: relative; background: var(--bahamas) url('/assets/images/bg-thank-you.png') no-repeat center center / cover; border-radius: .5rem; padding: 20px 40px; text-align: center;}

.frm-step-btn{ font-size: .9rem; }
.btn-link{ padding:0; font-size: .8rem; outline: none; background: none; font-weight: bold; }

.crypto-icon-bleed { padding-bottom: 40px; position: relative; }
.crypto-icon-bleed div{ position:absolute;left:calc(50% - 30px); }

@keyframes lb-animate {0% { top: 50px; opacity: 0; } 100% { top:0; opacity: 1; }}

.timer-container {text-align:center; margin-top: 1rem;}
.timer-container .timer-display .timer-time {display:block; font-size: 2em; font-weight: 800; width: 115px; padding: 1.5rem 0; margin: 0 auto; border-radius: .5rem; border: 2px solid var(--teamseas-blue); background-color: #BEE7E9;}
.timer-container .timer-display .timer-type {display:block; font-size: 1em; margin: .7rem 0;}

.lds-ellipsis{display:inline-block;position:relative;width:32px;height:64px;}
.lds-ellipsis span,.lds-ellipsis:before,.lds-ellipsis:after{content: '';position:absolute;top:27px;width:11px;height:11px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0, 1, 1, 0);}
.lds-ellipsis:before{left:0px;animation:lds-ellipsis1 0.6s infinite;}
.lds-ellipsis span{left:0px;animation:lds-ellipsis2 0.6s infinite;}
.lds-ellipsis:after{left:20px;animation:lds-ellipsis3 0.6s infinite;}
@keyframes lds-ellipsis1{ 0%{transform:scale(0);} 100%{transform:scale(1);} }
@keyframes lds-ellipsis3{ 0%{transform:scale(1);} 100%{transform:scale(0);} }
@keyframes lds-ellipsis2{ 0%{transform:translate(0, 0);} 100%{transform:translate(19px, 0);} }

#unsupportedBrowserWarning.warning-styles{background:rgba(204,0,0,.7);font-size: 24px; color: #fff; padding:20px; position: fixed; width:100%; height:100%; z-index: 9999;top:0;left:0;}
#unsupportedBrowserWarning.warning-styles p{ max-width:800px; margin: auto; }


/* SPECIAL SECTION STYLES */
.navbar {position: fixed; z-index: 998; top: 0; left: 0; right: 0; height: 0;}
.navbar .navbar-logo {position: absolute; left: 0; top: 0; max-width: 80px; width: 20%; opacity: 0; transition: opacity .5s ease;}
.navbar .navbar-logo.show {opacity: 1;}
.navbar .navbar-menu-button {position: absolute; right: 0; top: -2px;}
.navbar .navbar-button {cursor: pointer; width: 40px; height: 40px; text-align: center; line-height: 32px; border: 2px solid #fff; background: rgba(202,202,202,.3); border-radius: 100%; box-shadow: 0 3px 13px rgba(0,0,0,.3); transition: background-color .5s ease;}
.navbar .navbar-button img {width: 25px; height: 25px}
.navbar .navbar-button:hover {background: rgba(202,202,202,.5);}

#header { background: #A8DFE2; position: relative; z-index: 99;}
#header .section-inner {position: relative; z-index: 2;padding-top: 1rem; padding-bottom: 1rem;}

#header .brand-wrapper {padding: .5rem; text-align: center; display: flex; justify-content: center; align-items: center;}
#header .brand-inner {max-width: 555px;}
#header .brand-logo {display:block; max-width: 300px; width: 100%; margin:auto;}
#header #menuBar {position: relative;z-index: 1;}

#menuMain {background: #02335A url('/assets/images/bg-bottom.png') no-repeat center bottom / 100% auto; color: #fff; overflow-y: auto;}
#menuMain .modal-dialog {width: 100%; max-width: 100%; margin: 0;}
#menuMain .navbar {position: relative!important;}
#menuMain .navbar-logo {position: relative; opacity: 1;}
#menuMain .menu-content {padding: .5rem 1rem;}
#menuMain .message-box {padding: .5rem 1rem; border-radius: .5rem!important; border: 1px solid rgba(255,255,255,.7); background-color: rgba(255,255,255,.1)}
#menuMain a {color: #fff;}
#menuMain ul {list-style: none; margin: 0; padding: .75rem 1.25rem;}
#menuMain ul li {margin-bottom: .75rem; font-size: 1.2em;}

#main {background: linear-gradient(#00AACD, #0077B4 30%, #014E90 50%, #023965 70%, #022C4C); position: relative; overflow-x: hidden;}

#videoThumb {position: absolute; right: 10rem; top: 6rem;}

#sectionTop {position: relative;  z-index: 2;}
#sectionTop .section-inner {padding-top: 0rem; padding-bottom: 1rem;}

#section1 {position: relative; z-index: 4;}
#section1 .section-inner {padding-top: 2rem; padding-bottom: 0rem; position: relative;}

#section2 {position: relative; z-index: 3;}
#section2 .section-inner {padding-top: 10rem; padding-bottom: 0rem; position: relative; z-index: 3; top: -4rem; background: url('/assets/images/fish-shadow-1.png') no-repeat center top / 80% auto,url('/assets/images/fish-shadow-2.png') no-repeat center bottom / 50% auto;}

#footer {position: relative; z-index: 2;}
#footer .section-inner {padding-top: 6rem; padding-bottom: 12rem; position: relative; z-index: 4;}
#footer .footer-fish img {max-width: 65%;}
#footer .foot-link-container{ position: relative; z-index: 4; }
#paymentProcessorContainer{ position: relative; }
#paymentProcessorContainer .payment-processor{ display:none; opacity: 0;}
#paymentProcessorContainer .payment-processor.active{ display: block; opacity: 1;}

#not-found {background:#A8DFE2;}
#not-found #header {background: transparent; }
#not-found #footer {background: #00aacc url('/assets/images/bg-404.png') no-repeat center top / 100% auto;}

.select2-dropdown .select2-results__option.select2-results__option--disabled {color: #A0A0A0!important;}

/* Stripe*/
.result-message {line-height: 22px; font-size: 16px;}
.result-message a {color: rgb(89, 111, 214);font-weight: 600;text-decoration: none;}

.hidden {display: none;}

#card-error {color: rgb(105, 115, 134);text-align: left;font-size: 13px;line-height: 17px;margin-top: 12px;}
#card-element {border-radius: 4px 4px 0 0 ;padding: 12px;border: 1px solid rgba(50, 50, 93, 0.1);height: 44px;width: 100%;background: white;}

#payment-request-button {margin-bottom: 32px;}

/* Crypto */

.payment-processor[data-processor='crypto'] iframe{display:block; margin:auto;}
.payment-option-buttons a{ color:var(--bahamas); }

/* Buttons and links */
button.stripe-btn {background: #5469d4;color: #ffffff;font-family: Arial, sans-serif;border-radius: 0 0 4px 4px;border: 0;padding: 12px 16px;font-size: 16px;font-weight: 600;cursor: pointer;display: block;transition: all 0.2s ease;box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);width: 100%;}
button.stripe-btn:hover {filter: contrast(115%);}
button.stripe-btn:disabled {opacity: 0.5;cursor: default;}

/* spinner/processing state, errors */
.spinner {color: #ffffff;font-size: 22px;text-indent: -99999px;border-radius: 50%;margin: 0px auto;position: relative;width: 20px;height: 20px;box-shadow: inset 0 0 0 2px;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);}
.spinner:before,
.spinner:after {position: absolute;content: "";}
.spinner:before {width: 10.4px;height: 20.4px;background: #5469d4;border-radius: 20.4px 0 0 20.4px;top: -0.2px;left: -0.2px;-webkit-transform-origin: 10.4px 10.2px;transform-origin: 10.4px 10.2px;-webkit-animation: loading 2s infinite ease 1.5s;animation: loading 2s infinite ease 1.5s;}
.spinner:after {width: 10.4px;height: 10.2px;background: #5469d4;border-radius: 0 10.2px 10.2px 0;top: -0.1px;left: 10.2px;-webkit-transform-origin: 0px 10.2px;transform-origin: 0px 10.2px;-webkit-animation: loading 2s infinite ease;animation: loading 2s infinite ease;}

.is-gift:before{ content: ""; display: block; background: url("../svg/orange-gift-bow.svg") no-repeat; position: absolute; top:-6px; right:6px; width:23px; height:17px; }
.large-ribbon{ position: absolute; top:auto; bottom: -40px; right:-40px; overflow: visible; transform: rotate(25deg); width:100px;  z-index:99999 !important;}
.card{ overflow: visible; }

.btn-white-outline {border-color: #fff; color: #fff; padding: .2rem 1rem;  }
.btn-white-outline:hover,.btn-white-outline:focus,.btn-white-outline:active {border-color: var(--seafoam);background-color: var(--seafoam); color: #fff;}

.video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; }
.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 26px #000; }


@-webkit-keyframes loading { 0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}}
@keyframes loading { 0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}}


/*RESPONSIVE DESIGNS*/
@media (max-width: 1674px){    

    #videoThumb {right: 6rem;}

}

@media (max-width: 1368px){    

    #videoThumb {right: 2rem; max-width: 300px;}

}

@media (max-width: 1199px){
    .live-counter{ font-size:var(--counter-lg); }

    #videoThumb {right: 0rem; max-width: 280px;}

}

@media (max-width: 1090px){
 
    #videoThumb {right: 0rem; max-width: 220px;}

}

@media (max-width: 991px){
    body{font-size: 16px;}
    .container{ max-width:1440px; }

    #videoThumb {position: relative; right: auto; top: auto; max-width: 100%;}
}

@media (max-width: 767px){
    /*body{font-size: 16px;}    */
    
    .bg-elements .bg-wave {background-size: 100% auto;}
    .bg-elements .bg-bottom {background-size: 100% auto;}  
    .bg-elements .cloud-3 {top: 30%; right: -22%; width: 50%; height: 25%;}
    .bg-elements .bird-1 {top: 22%; left: 10%; width: 40px; height: 40px;}
    .bg-elements .bird-2 {top: 42%; left: 22%; width: 20px; height: 20px;}
    .bg-elements .bird-3 {top: 5%; right: 18%; width: 50px; height: 50px;}
    .bg-elements .bird-4 {display: none;}
    .bg-elements .fish-1 {top: 60px; right: 15%; width: 30px; max-width: 100%; height: 0; padding-top: 10%;}    
    .bg-elements .fish-2 {top: 615px; left: 0; right: auto; width: 80px; max-width: 100%; height: 0; padding-top: 20%;}    
    .bg-elements .fish-3 {top: 40px; right: 0px; width: 100px; max-width: 100%; height: 0; padding-top: 15%;}
    .bg-elements .fish-4 {display: none;}
    .bg-elements .diver-1 {top: 480px; left: -20px; width: 300px; max-width: 100%; height: 0; padding-top: 60%;}
    .bg-elements .diver-2 {top: 595px; right: -100px; width: 350px; max-width: 100%; height: 0; padding-top: 60%;}
    .bg-elements .diver-3 {bottom: auto; top: 0; left: -110px; width: 300px; max-width: 100%; height: 0; padding-top: 33%;}
    .bg-elements .diver-4 {display: none;}
    .bg-elements .diver-5 {display: block;}

    .bg-elements .trash-1 {top: 535px; left: 200px; width: 130px; max-width: 100%; height: 0; padding-top: 10%;}
    .bg-elements .trash-2 {display: none;}
    .bg-elements .trash-3 {top: 570px; right: 00px; width: 100px; max-width: 100%; height: 0; padding-top: 20%;}
    .bg-elements .turtle-1 {display: none;}
    .bg-elements .coral-1 {width: 30%; height: 45%; background-repeat: repeat-y; background-position: left top;}
    .bg-elements .coral-2 {width: 30%; height: 52%; background-repeat: repeat-y; background-position: right top;}

    .timeline-tabs .nav-link:before {display: none!important;}
    .timeline-line-center {left: 8%;}
    .timeline-box .timeline-box-title {text-align: left!important; background-image:linear-gradient(45deg,var(--sunshine), var(--clownfish))!important; }
    .timeline-box .timeline-box-ball {background-image: url('/assets/images/ball-active-right.png')!important;}

    .live-counter{ font-size:var(--counter-md); }

    .lb-image {min-width: 50px; width: 50px;}

    .social-box {width: 20px; height: 20px; background-size: 10px 10px;}

    .navbar .navbar-logo {width: 40px;}
    .navbar .navbar-button {width: 40px; height: 40px; line-height: 33px;}
    .navbar .navbar-button img {width: 20px; height: 20px}
    .navbar .navbar-button:hover {background: rgba(202,202,202,.5);}
    
    #header .brand-wrapper h4 {font-size: 1em;}
    #header .brand-wrapper {padding: .2rem;}
    #header .brand-inner {max-width: none; padding: .2rem;}
    #header .brand-logo {width: 194px;}       
    #header .section-inner {padding-top: 1rem; padding-bottom: 0rem;}

    #videoThumb {position: relative; right: auto; top: auto; max-width: 100%;}

    #sectionTop {padding-top: 2.5rem;}

    #section1 .section-inner {padding-top: 9rem;}

    #section2 .section-inner {padding-top: 3rem; top: 0rem;}
    #section2 h2 {font-size: 1.8em; padding: 0 4rem;}

    #footer .section-inner {padding-top: 4rem; padding-bottom: 3rem;}
    #footer .footer-links {display: block!important;}

    .social-wrapper {position: relative; padding: 0;}
}


@media (max-width: 648px){
    .form-check-label{ max-width:260px; }
}

@media (max-width: 550px){
    .navbar .navbar-menu-button {position: absolute; right: -10px; top: 78px; transition: top .25s ease;}
    .navbar .navbar-menu-button.move-up {top: 0;}
    #notificationWrap2 p {font-size:.6rem;}
    #notificationWrap2 p a { display: block; margin: 8px auto; max-width: 120px;font-size: .8rem; padding: .2rem .7rem; }    
}


@media (max-width: 400px){
    .page-headline{  font-size: 1rem !important; }
    .timeline-wrapper{margin-top: 10px !important;}
    .learn-more-btn{font-size: .8rem; padding: .5rem 1rem !important;}
}

.autoComplete_wrapper ul {list-style: none; margin: 0; padding: 0; border: 1px solid #000; border-radius: .25rem; overflow: hidden;}
.autoComplete_wrapper ul li {cursor: pointer; padding: .375rem .75rem}
.autoComplete_wrapper ul li:hover,.autoComplete_wrapper ul li[aria-selected="true"] {background: var(--shark-grey);}

/*
Preloader
 */
.order-preload-cover{ position: absolute; width:100%; height:100%; top:0;left:0; background: rgba(0,0,0,.9);  z-index: 9999999999999;}
.order-preload-container{ width:100%; max-width:600px; margin:0 auto;}
.order-preload-container .order-preload-body{ padding: 20px; text-align: center;}
.order-preload-container .order-preload-body img{ display: block; width:90%; max-width:300px; bottom: auto; margin: 10% auto 0; }
@media all and (max-width:767px){
    .order-preload-container{ margin:50% auto 0;}
}


/*
Trash Removed
*/
.trash-removed-title {font-size: 1.7rem; color: var(--teamseas-blue); text-align: center; text-transform: uppercase; font-weight: 800; margin-left: 20px; margin-right: 20px;}
.trash-removed-bar {background: var(--sunshine); border-radius: 1rem; color: #fff; text-align: center; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); line-height: 1; padding: .5rem 2rem; width: auto; margin: 0 auto 1rem;}
.trash-removed-link {background: #fff; border-radius: 1rem; color: var(--teamseas-blue); text-align: center; box-shadow: 0px 10px 19px -5px rgba(0, 66, 124, 0.5); line-height: 1; padding: .5rem 2rem; width: auto; margin: 1rem auto; font-weight: 600; text-decoration: none!important; display: inline-flex; align-items: center;}
.trash-removed-link:after {content: ''; display: inline-block; background: var(--teamseas-blue) url("data:image/svg+xml,%3Csvg width='19' height='9' viewBox='0 0 19 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3636 1.92676L18 4.54871L13.3636 7.17066V4.54871V1.92676Z' fill='white'/%3E%3Cpath d='M1 4.54871H18M18 4.54871L13.3636 1.92676V7.17066L18 4.54871Z' stroke='white' stroke-width='2' stroke-miterlimit='1.31548' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center / 30px 10px; width: 40px; height: 20px; border-radius: 1rem; margin-left: 15px; opacity: .4;}
.trash-removed-counts {font-size: 1.8rem; text-align: center;}
.trash-removed-counts .col {flex: 0 0 10%; max-width: 10%; padding: 0;}
.trash-removed-counts .ts-icon {color: #76B7D0; background-size: 0%;}        
.trash-removed-counts .ts-icon.filled {color: var(--teamseas-blue); background-repeat: no-repeat; background-color: transparent; background-size: 100% 0,100% 100%; background-position: bottom center; background-image: linear-gradient(2.45deg, var(--teamseas-blue) 15%, var(--bahamas) 80.37%),linear-gradient(0deg, #76B7D0 0%, #76B7D0 100%); background-clip: text; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; -webkit-animation: bag-fill 2s forwards; -moz-animation: bag-fill 2s forwards; animation: bag-fill 2s forwards;}        
.trash-removed-counts .col:nth-child(2) .ts-icon {animation-delay: .25s;}
.trash-removed-counts .col:nth-child(3) .ts-icon {animation-delay: .5s;}
.trash-removed-counts .col:nth-child(4) .ts-icon {animation-delay: .75s;}
.trash-removed-counts .col:nth-child(5) .ts-icon {animation-delay: 1s;}
.trash-removed-counts .col:nth-child(6) .ts-icon {animation-delay: 1.25s;}
.trash-removed-counts .col:nth-child(7) .ts-icon {animation-delay: 1.5s;}
.trash-removed-counts .col:nth-child(8) .ts-icon {animation-delay: 1.75s;}
.trash-removed-counts .col:nth-child(9) .ts-icon {animation-delay: 2s;}
.trash-removed-counts .col:nth-child(10) .ts-icon {animation-delay: 2.25s;}
.trash-removed-counts .col:nth-child(11) .ts-icon {animation-delay: 2.5s;}
.trash-removed-counts .col:nth-child(12) .ts-icon {animation-delay: 2.75s;}
.trash-removed-counts .col:nth-child(13) .ts-icon {animation-delay: 3s;}
.trash-removed-counts .col:nth-child(14) .ts-icon {animation-delay: 3.25s;}
.trash-removed-counts .col:nth-child(15) .ts-icon {animation-delay: 3.5s;}
.trash-removed-counts .col:nth-child(16) .ts-icon {animation-delay: 3.75s;}
.trash-removed-counts .col:nth-child(17) .ts-icon {animation-delay: 4s;}
.trash-removed-counts .col:nth-child(18) .ts-icon {animation-delay: 4.25s;}
.trash-removed-counts .col:nth-child(19) .ts-icon {animation-delay: 4.5s;}
.trash-removed-counts .col:nth-child(20) .ts-icon {animation-delay: 4.75s;}
.trash-removed-counts .col:nth-child(21) .ts-icon {animation-delay: 5s;}
.trash-removed-counts .col:nth-child(22) .ts-icon {animation-delay: 5.25s;}
.trash-removed-counts .col:nth-child(23) .ts-icon {animation-delay: 5.5s;}
.trash-removed-counts .col:nth-child(24) .ts-icon {animation-delay: 5.75s;}
.trash-removed-counts .col:nth-child(25) .ts-icon {animation-delay: 6s;}
.trash-removed-counts .col:nth-child(26) .ts-icon {animation-delay: 6.25s;}
.trash-removed-counts .col:nth-child(27) .ts-icon {animation-delay: 6.5s;}
.trash-removed-counts .col:nth-child(28) .ts-icon {animation-delay: 6.75s;}
.trash-removed-counts .col:nth-child(29) .ts-icon {animation-delay: 7s;}
.trash-removed-counts .col:nth-child(30) .ts-icon {animation-delay: 7.25s;}
.trash-removed-counts .col:nth-child(31) .ts-icon {animation-delay: 7.5s;}
.trash-removed-counts .col:nth-child(32) .ts-icon {animation-delay: 7.75s;}
.trash-removed-counts .col:nth-child(33) .ts-icon {animation-delay: 8s;}

@-webkit-keyframes bag-fill {0%{background-size:100% 0,100% 100%}100%{background-size:100% 100%,100% 100%}}
@-moz-keyframes bag-fill {0%{background-size:100% 0,100% 100%}100%{background-size:100% 100%,100% 100%}}
@keyframes bag-fill {0%{background-size:100% 0,100% 100%}100%{background-size:100% 100%,100% 100%}}


@font-face {font-family: 'ts-icons'; src:  url('../fonts/ts-icons.eot?jo5tib'); src:  url('../fonts/ts-icons.eot?jo5tib#iefix') format('embedded-opentype'), url('../fonts/ts-icons.ttf?jo5tib') format('truetype'), url('../fonts/ts-icons.woff?jo5tib') format('woff'), url('../fonts/ts-icons.svg?jo5tib#ts-icons') format('svg'); font-weight: normal; font-style: normal; font-display: block;}
.ts-icon {font-family: 'ts-icons' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.ts-icon.ts-icon-multi-plus:before {content: "\e905";}
.ts-icon.ts-icon-trash-bag:before {content: "\e900";}
.ts-icon-stack {position: relative;}
.ts-icon-stack > .ts-icon {position: absolute; top: 0; left: 0; bottom: 0; right: 0; vertical-align: middle;}
.ts-icon-stack > .ts-icon:first-child{position: relative; vertical-align: top;}

@media (max-width: 405px){
    .trash-removed-bar {width: 100%; padding: 0.5rem; justify-content: center;}
}

@media (max-width: 376px){
    .trash-removed-title {font-size: 1.3rem;}
    .trash-removed-counts {font-size: 1.5rem;}

    .bg-elements .trash-widget-1 {top: 40px; right: 0; width: 30px;}
    .bg-elements .trash-widget-2 {top: -30px; right: 0; width: 65px;}
}