/*----FONTS----*/

@font-face {
    font-family: Name Of Font;
    src: url("https://3stepsolutions.s3-accelerate.amazonaws.com/assets/custom/006235/css/fonts/Urbanist[wght].ttf");
    src: url("https://3stepsolutions.s3-accelerate.amazonaws.com/assets/custom/006235/css/fonts/Urbanist-Italic[wght].ttf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Mermaid Lagoon Solid;
    src: url("https://3stepsolutions.s3.amazonaws.com/assets/custom/006235/MermaidLagoonSolid-Regular.otf");
    line-height: .08;
    font-size:  120px;
    text-align: center;
}

@font-face {
    font-family: Montserrat Med Italic;
    src: url("https://3stepsolutions.s3.amazonaws.com/assets/custom/006235/Montserrat-MediumItalic.ttf");
    line-height: 1.5;
    font-size: 16px;
    text-transform: uppercase;
}

@font-face {
    font-family: Montserrat Semibold;
    src: url("https://3stepsolutions.s3.amazonaws.com/assets/custom/006235/Montserrat-SemiBold.ttf");
    line-height: .9;
    font-size: 14px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

h1 {
   font-size: 40px;
   line-height: 1.2;
   letter-spacing: 0.1em;
   text-transform: uppercase;
}

h2 {
   font-size: 16px;
   line-height: 1.5;
   letter-spacing: 0.4em;
   text-transform: uppercase;
}

p {
   line-height: 1.3;
   letter-spacing: 0.1em;
}

.mermaid {
font-family: 'Mermaid Lagoon Solid';
line-height: .8;
font-size:  120px;
text-align: center;
}

@media (max-width: 992px) {
.mermaid {
  font-size: 100px;
}
}

@media (max-width: 768px) {
.mermaid {
  font-size: 90px;
}
}

@media (max-width: 450px) {
.mermaid {
  font-size: 80px;
}
}

.semibold {
font-family: 'Montserrat Semibold';
line-height: 2;
font-size: 14px;
letter-spacing: 0.1em;
text-transform: uppercase;
}


/*----CLASSES-----*/

.center {
  padding: 35% 15% 0;
  width: 100%;
}
	

/*----LECENTS----*/

.lucent {
border-radius: 0px !important ; 
background-color: var(--brandcolor1) !important ;
text-align: center;
padding: 0px;
}


/*----NAVIGATION---*/

.nav-pills>li+li {
    margin: 0 0;
}

#header #mainMenu > ul > li:hover > a {
    color: var(--linkcolor);
}

header#header.header-transparent, #header.header-sticky.header-transparent {
    position: absolute;
    width: 100%;
}

header.header-logo-center .social-icons.social-icons-colored-hover {
    display: none;
    float: unset;
}

header.header-logo-center div#logo {
    width: 100% !important;
    height: auto;
    float: unset;
    margin: 50px auto 20px auto;
    margin-top: 50px;
    max-width: 80vw;
}

#header.header-logo-center:not(.header-sticky) #logo img, #header.header-logo-center.header-sticky #logo img  {
    max-height: 27px;
    max-width: 500px;
    width: 100%;
    height: 100%;
    padding: 0px;
    object-fit: cover;
    position: relative;
    margin: auto auto;
}

#header.header-logo-center:not(.header-sticky) #mainMenu, #header.header-logo-center.header-sticky #mainMenu, #mainMenu {
    float: unset !important;
}

@media (min-width: 993px) {
    #mainMenu > ul > li > a {
    line-height: var(--navigationsize);
    padding: 0px 15px 10px 15px;
    height: auto;
}

#header.header-sticky:not(.header-static) #mainMenu > ul > li > a {
    line-height: var(--navigationsize);
    padding: 0px 15px 10px 15px;
    height: auto;
}

#header.header-logo-center nav#mainMenu ul.main-menu, #header.header-logo-center #mainMenu > ul {
   height: auto !important;
   display: flex;
   width: 100%;
   justify-content: center;   
}

header#header.header-transparent div#header-wrap, header#header.header-transparent.header-sticky div#header-wrap {
    position: relative !important;
}

#header.header-transparent.header-sticky #header-wrap {
  box-shadow: none;
}
}

@media (min-width: 992px) {
#header-wrap .container {
    padding: 0px 0px;
    max-width: 1200px;
    width: auto;
}
}

@media (max-width: 992px) {
    div#fbTourLogo.container {
    width: 100vw;
}

.nav-main-menu-responsive {
    position: absolute;
    left: 50%;
    top: 0px;
    height: 45px;
    margin-left: -24px;
}

header#header.header-transparent {
    background-color: var(--brandcolor1);
}

.lines, .x.tcon-transform .lines::before, .x.tcon-transform .lines::after {
    width: 36px;
}

header#header.header-transparent, #header.header-sticky.header-transparent {
    position: relative;
}

 #mainMenu ul > li > a,
    #mainMenu ul > li > span,
    #mainMenu .mega-menu-title,
    #mainMenu .mega-menu-content a {
        border-bottom: none !important;
        text-align: center;
        padding-left: 0px !important;;
        padding-right: 0px !important;;
        margin: 0px 0px !important;
    }

#header .container {
    width: 100% !important;
}

}

@media (max-width: 991px) {

    #header.header-logo-center:not(.header-sticky) #logo img, #header.header-logo-center.header-sticky #logo img  {
        object-fit: contain;
        overflow: visible;
    }

.navigation-wrap.navigation-active nav {
    height: calc(100vh - 85px);
}

#header.header-sticky nav#mainMenu ul.main-menu, #mainMenu > ul {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 85px) !important;
    justify-content: space-evenly;
}
}


/*----FULL HEIGHT BANNERS----*/
body#bBody:not(.tssEditMode) section.wavparallax:first-of-type {
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
}

@media (max-width: 992px) {
    body#bBody:not(.tssEditMode) section.wavparallax:first-of-type {
        height: calc(100vh - 100px);
    }
}


/*----BUTTONS----*/

@media (max-width: 992px) {
.center-me {
  text-align: center !important;
}
}

a.btn.btn-primary, a.btn.btn-secondary, a.btn.btn-primary:hover, a.btn.btn-secondary:hover, a.btn.btn-primary:active, a.btn.btn-secondary:active, a.btn.btn-primary:focus, a.btn.btn-secondary:focus, button.btn.btn-primary, button.btn.btn-secondary, button.btn.btn-primary:hover, button.btn.btn-secondary:hover, button.btn.btn-primary:active, button.btn.btn-secondary:active, button.btn.btn-primary:focus, button.btn.btn-secondary:focus {
    font-size: 14px;
    margin: 0px auto 0px auto;
}

a.btn.long, a.btn.long:hover, a.btn.long:focus, a.btn.long:active {
    width: 250px !important;
    margin: 0px auto 0px auto;
}

a.read-more {
background-color: var(--bodycolor) !important;
color: #fff;
}

@media (max-width: 992px) {
a.btn.btn-primary, a.btn.btn-secondary, a.btn.btn-primary:hover, a.btn.btn-secondary:hover, a.btn.btn-primary:active, a.btn.btn-secondary:active, a.btn.btn-primary:focus, a.btn.btn-secondary:focus, button.btn.btn-primary, button.btn.btn-secondary, button.btn.btn-primary:hover, button.btn.btn-secondary:hover, button.btn.btn-primary:active, button.btn.btn-secondary:active, button.btn.btn-primary:focus, button.btn.btn-secondary:focus {
text-align: center;
}
}

/*---Half Image, Half-Text---*/
.halfnhalf .row {
    display: flex;
    justify-content: center;
    align-items: stretch;
    align-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    height: fit-content;
}

.halfnhalf .row div > img {
    object-fit: cover !important;
    height: 100% !important;
    width: 100% !important;
    margin: auto auto;
}

@media (min-width: 992px) {
body#bBody:not(.tssEditMode) .halfnhalf .row > div:first-child {
    padding: 0px 25px 0px 0px;
}

body#bBody:not(.tssEditMode) .halfnhalf .row > div:last-child {
    padding: 0px 0px 0px 25px;
}
}
@media (max-width: 992px) {
.halfnhalf .row > div {
  margin: 25px auto;
}

.halfnhalf.cutout .row > div {
  margin: 25px auto 0px auto;
}
}


.halfnhalf.half-centered .row {
   align-items: center;
   }


@media (max-width: 992px) {
    .flip1 {
        order: 2;
    }
    .flip2 {
        order: 1;
    }
}

/*---'FREE GIFT' SIDE PANELS----*/

.sidepanel {
    background-color: var(--brandcolor1);
    border: 15px solid var(--brandcolor1);
    max-width: 400px;
    min-height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: flex-start;
    align-content: center;
    padding: 100px 50px;
    margin-bottom: -1px;
}


@media (max-width: 768px) {

    .sidepanel {
        width:100%;
        max-width: 100%;
        align-items: center;
     /*--
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
    width: 100%;
    max-width: unset;
    margin-top: 500px;
    --*/
    }

    /*---
    .sidepanel::before {
        content: '';
        position: absolute;
        height:500px;
        width: 100vw;
        top: 0px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .sidepanel::before, .sidepanel#homepanel::before {
        background-image: url('https://3stepsolutions.s3.amazonaws.com/assets/custom/006235/images/containers/0ec9160b-65ab-4d49-9a90-cba230bedece.jpg');
        background-position: bottom center;
    }

    .sidepanel#aboutpanel::before {
        background-image: url('https://3stepsolutions.s3.amazonaws.com/assets/custom/006235/images/containers/16b23be8-d51f-40ab-adda-bf206e8304ee.jpg');
        background-position: bottom center;
    }

    .sidepanel#essentialspanel::before {
        background-image: url('https://3stepsolutions.s3.amazonaws.com/assets/custom/006235/images/containers/14ca978c-cf19-43e3-820c-5529882cb2d3.jpg');
        background-position: bottom center;
    }

    .sidepanel#leadershippanel::before {
        background-image: url('https://3stepsolutions.s3.amazonaws.com/assets/custom/006235/images/containers/335e6719-1253-42ec-bcbf-eee089a2f958.jpg');
        background-position: bottom center;
    }

    .sidepanel#wwmpanel::before {
        background-image: url('https://3stepsolutions.s3.amazonaws.com/assets/custom/006235/images/containers/30270c6b-d212-4bd4-a510-8a6cbfb25860.jpg');
        background-position: bottom center;
    }


---*/
}

@media (max-width: 480px) {
    .sidepanel {
    padding: 50px 10px;
    min-height: 500px;
    text-align: center;    
    }
    .sidepanel::before {
    top: -500px
    }

}

/*---CAROUSEL---*/

.static-quote {
    width: 100px;
    height: 100px;
    margin: -50px auto 25px auto;
}

.static-quote img {
width: 100% !important;
height: 100% !important;
padding: 0px;
object-fit: cover;
margin: auto auto !important;
}


.slick-dots li.slick-active button, .slick-dots li:hover button {
    background-color: #fff;
    transition: 0.3s ease !important;
}

.slick-dots li button {
    background-color: var(--brandcolor3);
    opacity: 1;
    transition: 0.3s ease !important;
}

.slick-dots li button {
    height: 18px;
    width: 18px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
}

.slick-dots li {
    height: 18px;
    width: 18px;
    margin: 0px 10px 0px 10px;
    padding: 0px 0px;
}

img.edenCarousel-leaves {
    display:  none;
}

div.edenCarousel-pic {
    height: 100px;
    width: 100px;
    margin: auto auto;
}


body#bBody:not(.tssEditMode) .slick-slide .col-md-2, .slick-slide .col-md-8 {
    width: 100%;
}

div.edenCarousel-text, div.edenCarousel-name {
    max-width: 800px;
    margin:  auto auto;
    text-align:  center;
}

body#bBody:not(.tssEditMode) div#edenCaroName > div {
    display:  inline-block;
    padding-left: 5px;
}

body#bBody:not(.tssEditMode) .slick-carousel .slick-dots {
    text-align: center;
    margin: auto auto auto auto;
}

body#bBody:not(.tssEditMode) div.edenCarousel-content:before {
    display: none;
}

.edenCarousel-pic img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.row.slick-carousel.slick-initialized.slick-slider.slick-dotted {
    margin-top: -50px;
}

body#bBody:not(.tssEditMode) section {
    overflow: visible;
}

div.edenCarousel-name {
    margin: 10px auto 10px auto;
    font-style: italic;
}


/*---FOOTER----*/

footer#footer a:not(.btn) {
    color: var(--bodycolor);
    font-family: 'Montserrat Semibold';
    text-decoration: none !important;
}

footer#footer a:hover {
    color: var(--linkcolor);
}

footer#footer {
    background-image: url('https://3stepsolutions.s3.amazonaws.com/assets/custom/006235/images/web/Asset%201.png');
    background-size: cover;
    background-position: center center;
        overflow: hidden;
}

footer#footer .footer-content, footer#footer .footer-content > div.container {
    padding: 0px 0px;
    width: 100% !important;
}

footer#footer .footer-content > .container > .row > div:first-of-type.col-md-4 {
    width: 280px;
    height: 400px;
    background-color: var(--brandcolor2);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: 0px 0px;
}


footer#footer .footer-content > .container > .row > div:nth-of-type(2).col-md-4 {
    width: calc(100vw - 280px);
    background-color: transparent;
    padding: 0px 30px 0px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: 400px;
    }

@media (max-width: 992px) {

    footer#footer {
        height: auto !important;
    }

footer#footer .footer-content .container .row {
    display: flex;
    flex-direction: column;
}

footer#footer .footer-content .container .row div:first-of-type.col-md-4 {
    width: 100%;
    height: auto;
    order: 2;
    padding: 25px 0 !important;
}


footer#footer .footer-content .container .row div:nth-of-type(2).col-md-4 {
    width: 100%;
    height: auto;
    padding: 15px 30px 0px 30px;
    justify-content: center;
    align-items: center;
    order: 1;
    }

}

footer#footer .footer-content .container .row div:nth-of-type(3).col-md-4 {
    display: none;
}

.copyright-content {
    background-color: #fff;
}

.copyright-content .social-icons ul {
    margin-bottom: 0px
}

.copyright-content .social-icons li a, .copyright-text {
    height: 45px;
    line-height: 45px;
    padding: 0px 0px;
    margin-bottom: 0px;
}

.copyright-content, .copyright-content a {
    font-family: var(--navigationfont) !important;
}



@media (min-width: 992px) {

.copyright-content {
    height: 45px;
    margin-bottom: -35px;
}

}

.copyright-text.footer-left.col-md-4, .footer-right.col-md-4 {
    display: none;
}

.copyright-text.footer-center.col-md-4.text-center { 
width: 100%;
font-style: italic;
letter-spacing: 1.5px;
}

@media (max-width: 992px) {
.copyright-text.footer-center.col-md-4.text-center { 

    line-height: 1.5 !important;
    margin-top: 25px;
    
}
}

.jumbotron.jumbotron-fullwidth {
    background-color: transparent;
    width: 100%;
    max-widtH: 600px;
    border-radius: 0px;
    padding: 5px;
}

.jumbotron.jumbotron-fullwidth input {
    background-color: transparent !important;
    border-color: var(--bodycolor)
}

.jumbotron.jumbotron-fullwidth input::placeholder {
    font-family: var(--primarybuttonfont);
    text-transform: uppercase;
    letter-spacing: 1px;
}

@media (min-width: 992px) {
.jumbotron.jumbotron-fullwidth .container .center-me {
   margin-left: -9px
}
}

.jumbotron.jumbotron-fullwidth .col-sm-8, .jumbotron.jumbotron-fullwidth .col-sm-4 {
    width: 100%;
    text-align: center;
    padding: 0px 5px;
}

.jumbotron.jumbotron-fullwidth .col-sm-6.col-md-6 {
    padding: 0px 5px;
}

.jumbotron.jumbotron-fullwidth .btn.btn-primary#btnSubmitNewsletter {
    width: 100% !important;
    background-color: var(--bodycolor);
    color: #fff;
}

.jumbotron.jumbotron-fullwidth .btn.btn-primary#btnSubmitNewsletter:hover {
    width: 100% !important;
    color: var(--brandcolor2);
}

.gift h1, .gift p {
    margin-left: -15px
}

.tssFormRow .form-group > label {
    margin-left: 0px !important;
}

div#newsletterStep1 > div.row + div.row {
    margin-top: 8px;
}

@media (min-width: 992px) {
footer#footer .footer-content > .container > .row > div:nth-of-type(2).col-md-4 > div {
    margin-left: -280px
}
}

.alert.alert-success a {
    color: var(--brandcolor4);
}

.alert-success {
    color: #999;
    background-color: var(--brandcolor2);
    border-color: var(--brandcolor4)
}

input[type=text], input[type=password], textarea, select {
    border-radius: 1px !important;
}