/*@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap');*/

@font-face {
font-family: "TriviaSerif";
src: url("fonts/TriviaSerifMedium.otf");
font-weight: 200;
}

@font-face {
font-family: "MuliNormal";
src: url("fonts/Muli[wght].ttf");
font-weight: normal;
}

@font-face {
font-family: "MuliExtraLight";
src: url("fonts/Muli[wght].ttf");
font-weight: lighter;
}

html{
    height:100%;
}

body {
  height: 100%;
  font-family: 'MuliNormal';
  color: #505962;
  background-color: #ebebeb;
}

/*============= HEADER SECTION =============*/

a { color: black; } 
a:hover { color: black; } 

header
{
    padding-top:10px;
    background-color:black;
    font-family: 'MuliExtraLight'
}

header ul{
      margin-right: 16px;
    margin-left: 16px;
}

.icon{
  width: 11%;
}

.fixed {

    position: fixed;
    top:0; 
    left:0;
    width: 100%; 
  z-index: 100;
}

.navbar-nav{
  font-size:18px;
  font-weight: lighter;
  font-family: 'MuliNormal'!important;
}

#logo-main {
    display: block;
    margin: 20px auto;
}

.fm-header {
    background-color: black !important;
    color: #ebebeb !important;
}

.fm-header ul li a
{
    color: white;
}

    .fm-header .nav-item:hover {
        border-bottom: 0.7px solid #ebebeb !important;
    }

    .selected {
        border-bottom: 0.7px solid #ebebeb;
    }

    .sm_icons{
      margin-left: 16px;
      margin-right: -70px;
      
    }

    .nav-item .sm_icons{
      border-bottom: unset!important;
    }
    .sm_icons:hover
    {
      border-bottom: unset!important;
    }


.fb_icons
{
  position:relative;
}

.fb_icons img{
  position: absolute;
  top:0;
  left:0;
  overflow: hidden;
}

.fb_icons .fb_front{
  z-index: 1111;
  transition: opacity .5s linear;
  cursor: pointer;
}

.fb_icons:hover > .fb_front{
  opacity: 0;
}


.li_icons
{
  position:relative;
 margin-left: 40px;
}

.li_icons img{
  position: absolute;
  top:0;
  left:0;
  overflow: hidden;
}

.li_icons .li_front{
  z-index: 1111;
  transition: opacity .5s linear;
  cursor: pointer;
}

.li_icons:hover > .li_front{
  opacity: 0;
}

main {
    overflow: auto;
    min-height: calc(100vh - 118px - 137.19px)
}

.feature img {
  padding: 1.5rem;
}


/*============= INDEX SECTION =============*/

#bg {
    position: relative;
    top: 0;
    left: 0;
    /* Preserve aspet ratio */
    min-width: 100%;
    min-height: 100%;
}

.section-home-1 .row .col-md-12 img {
    width: 100%;
    position: relative;
}

.container {
    position: relative;
    text-align: center;
    color: black;
}

.bottom-left {
    font-family: 'MuliExtraLight', sans-serif;
    position: absolute;
    color: black;
    font-size: 32px;
    top: 18%;
    left: 20%;
    width:400px;
    text-align:left;
    transform: translate(-30%, -20%);
    letter-spacing: 0.5px;
}

/*============= COACHING SECTION =============*/

.section-coaching-1 .row .col-md-12 img {
    width: 100%;
    position: relative;
}

.section-coaching-2 {
    margin: 0 auto;
    max-width: 100%;
    background-color:white;
}

.section-coaching-2 .tab-pane p{
    margin-top:20px;
    text-align:left;
    color:black;
}

    .section-coaching-2 .nav-tabs .nav-item {
   
    font-family: 'TriviaSerif';
    font-size: 35px;
    font-weight: lighter;
    }

    .section-coaching-2 .nav-link{
      padding: 0.5rem 0.5rem!important;
      padding-bottom: 0rem!important;
    }

    .section-coaching-2 a{
      text-align: center;
    }

.section-coaching-2 ul li
{
    text-align:left;
    margin-bottom:5px;
}

/*============= CORPORATE SECTION =============*/
.section-corporate-1 .row .col-md-12 img {
    width: 100%;
    position: relative;
}

.section-corporate-2 {
    margin: 0 auto;
    max-width: 100%;
    background-color: white;
    color:black;
}
.section-corporate-2 a{
      text-align: center;
    }

.section-corporate-2 .nav-link{
    padding: 0.5rem 0.5rem!important;
    padding-bottom: 0rem!important;
}

.section-corporate-2 ul li
{
  color:black;
}

    .section-corporate-2 .tab-pane p {
        margin-top: 20px;
        text-align: left;
         color:black;
    }

    .section-corporate-2 .nav-tabs .nav-item {
      /*   margin-left: 67px;
    margin-right: 52px;*/
    font-family: 'TriviaSerif';
    font-size: 35px;
    font-weight: lighter;
    }

    .section-corporate-2 ul li {
        text-align: left;
        margin-bottom: 5px;
    }
.section-corporate-3 {
    margin: 0 auto;
    max-width: 100%;
    background-color: white;
}

.section-corporate-3 img{
  width: 100%;
}

/*============= WELLBEING SECTION =============*/

.section-wellbeing-1 .row .col-md-12 img {
    width: 100%;
    position: relative;
}

.section-wellbeing-2 {
    margin: 0 auto;
    max-width: 100%;
    background-color: white;
}

.section-wellbeing-2 a{
      text-align: center;
    }


    .section-wellbeing-2 .tab-pane p {
        margin-top: 20px;
        text-align: left;
    }

.section-wellbeing-2 .nav-link{
    padding: 0.5rem 0.5rem!important;
    padding-bottom: 0rem!important;
}
    .section-wellbeing-2 .nav-tabs .nav-item {
       /* margin-left: 125px;
        margin-right: 150px;*/
         font-family: 'TriviaSerif';
        font-size: 35px;
        font-weight: lighter;
    }
    .section-wellbeing-2 ul li {
        text-align: left;
        margin-bottom: 5px;
    }


/*============= ABOUTME SECTION =============*/

.section-aboutme-1 .row .col-md-12 img {
    width: 100%;
    position: relative;
}

.section-aboutme-2 a{
      text-align: center;
    }

.section-aboutme-2 {
    margin: 0 auto;
    max-width: 100%;
    background-color: white;
}

.section-aboutme-2 .nav-link{
    padding: 0.5rem 0.5rem!important;
    padding-bottom: 0rem!important;
}

    .section-aboutme-2 .tab-pane p {
        margin-top: 20px;
        text-align: left;
        color:black;
    }

  .section-aboutme-2 .nav-tabs .nav-item {
    font-family: 'TriviaSerif';
    font-size: 36px;
    font-weight: lighter;
    }

    .about_me_yellow{
      background-color:#eadbae;
      color:black;
      height:307px
    }

 .aboutme_text {
    text-align: left;
    margin-top: 35px;
    margin-right: 204px;
    margin-left: 30px;
}

 .aboutme_text_2 {
    text-align: left;
    margin-top: 35px;
    margin-right: 204px;
    margin-left: 30px;
    font-family: 'TriviaSerif';
        font-weight: lighter; 
}

.aboutme_row{
  width: 102.8%;
}

.aboutme_white{
  background-color:white;
  color:black; 
  height:300px
}

.aboutme_{
  margin-left: 0px;
  margin-right: 0px;
}

.aboutme_ .tab-content{
  margin-top:20px;
}

.wellbeing_clinets{
  margin-top:20px;
}

/*============= CONTACT SECTION =============*/



.contact-container{
     width: 100%;
      position: relative;
      top: 0;
      left: 0;
    background-color:white;
    height: 500px;
    color:black;
    font-size:'MuliNormal';
}

.contact-form
{
  background-color: #EADBAE;
   width: 60%;
   height: 431px;
   margin-top:-385px;
    position: relative;
    top: 0;
    left: 20%;
    z-index: 9;

}
.btn-send-mail{
  -webkit-appearance: none;
}
.btn-send-mail:hover{
  text-decoration: none;
  -webkit-appearance: none;
}



/* Clearfix */



#hidden_text {
    display: none;
}

#btn_toggle:hover{
    cursor:pointer;
}

#hidden_text_cc
{
    display:none;
}


#btn_toggle_cc:hover {
    cursor: pointer;
}

#hidden_text_wc {
    display: none;
}

#btn_toggle_wc:hover {
    cursor: pointer;
}
/*============= TABS SECTION =============*/
#exTab1 .tab-content {
    color: black;
    background-color: white;
    padding: 5px 15px;
}


.nav-tabs .nav-item {
    /*margin-left: 62px;*/
    font-size: 30px;
    font-weight: 600;
}
.nav-tabs .nav-link {
    color: black;
}

.navbar-dark .navbar-nav .nav-item:hover{
   border-color: #eadbae!important;
}


.navbar-dark .navbar-nav .nav-link:hover{
   color: #EADBAE!important;
  
}

.clicked{
  color: #EADBAE!important;
      border-bottom: 1px solid #eadbae;
}


/*============= MODAL SECTION =============*/

.modal-content  {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important; 
}

.modalTitle{
  font-family: 'TriviaSerif';
  font-size:27px;
  color: black;
  background-color: #EADBAE;
  text-align: center;
  font-weight: 400;
  height: 100px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.modalBtn{
  font-family: 'TriviaSerif';
  font-size:33px;
  color: black;
  text-align: center;
  font-weight: 200;
  width: 350px;
  margin-left: 50px;
  margin-top:50px;
}
.modalBtn:hover{
  cursor: pointer;
  text-decoration: none!important;
}

.modal{
  color: black;
  margin: 0 auto;
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
}


body.modal-open {
    overflow: hidden;
    position:fixed;
    width: 100%;
}

.modal p{
  line-height: 20px;
}

.modalCloseBtn{
      position: fixed;
    margin-top: -72px;
    margin-left: 54px;
    width: 40px;
    height: 40px;
    background-color: black!important;
    color: white;
}

.modal ul{
  font-weight: bold;
  line-height: 20px;
}



footer {
  border-top: 1px solid #eadbae;
  background-color: #211c20;
  background-size: cover;
  color: white;
  padding-bottom: 20px;
  overflow-x: hidden;
  padding-bottom: 20px;
  left: 0px;
  right: 0px;
}
.follow{
  color:white;
}


/*-- Extra Bootstrap Column Padding --*/

.wrapper {
  display: flex;
  align-items: center;
  flex-direction: column; 
  justify-content: center;
  width: 100%;
  min-height: 100%;
  padding: 20px;
}

#formContent {
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  background: #fff;
  padding: 30px;
  width: 90%;
  max-width: 450px;
  position: relative;
  padding: 0px;
  -webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
  box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
  text-align: center;
}

#formFooter {
  background-color: #f6f6f6;
  border-top: 1px solid #dce8f1;
  padding: 25px;
  text-align: center;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}



/* TABS */

h2.inactive {
  color: #cccccc;
}

h2.active {
  color: #0d0d0d;
  border-bottom: 2px solid #5fbae9;
}

.float{
     position: fixed;
    align-items: center;
    justify-content: center;
    left: 73.5%;
    margin-top: 145px;
    top: 0;
    color: #FFF;
    text-align: center;
    z-index: 99!important;
    border-radius:50%;
}

.float img{
  height: auto;
  max-width: 27%;
}

.float:hover{
  cursor: pointer;
}




.follow:hover{
  border: none!important;
  color:white!important
}