/*
  Main stylesheet
*/
body {
  font-family: 'Montserrat', sans-serif; }

  .text {        
    text-shadow: -2px 3px 12px #000;
  }

.navbar-expand-lg .navbar-toggler {
  display: block;
  border: none !important;
  position: fixed;
  z-index: 99999;
  top: 60px;
  box-shadow: none !important;
  right: 50px;
  outline: none !important; 
}


  .navbar-expand-lg .navbar-toggler span {
    background: white;
    width: 36px;
    height: 3px;
    display: block;
    margin: 8px 0px; 
    padding: 3px}
  .navbar-expand-lg .navbar-toggler:not(.collapsed) span:nth-child(2) {
    display: none; }
  .navbar-expand-lg .navbar-toggler:not(.collapsed) span:first-child {
    transform: rotate(45deg);
    position: absolute;
    top: 15px;
    left: -21px; }
  .navbar-expand-lg .navbar-toggler:not(.collapsed) span:last-child {
    transform: rotate(-45deg);
    position: absolute;
    right: 10px;
    top: 15px; }

#chartdiv {
  width: 100%;
  height: 800px; 

    display: flex;
    justify-content: center;
    align-items: center;
}

#podcastbutton {
    position: fixed;
    bottom: 20px;
    left: 20px; 
}

sup { top: -1.2em; 
  padding-left:5px; 
  font-size: 40%;  
}

.far {font-size: 24px;top: -1.2em; padding:5px;}



/*.popup-icon i {font-size: 1em;top: -2em;}*/

.popup-icon, .popup-icon:hover, .popup-icon:active, .popup-icon:focus  {
  background: transparent; 
  border: none; 
  outline: none; 
}
.popup-icon{
  max-width: 40px;
}
.btn {
line-height: 1 ;
    display: block;
    margin: 0 auto;
    padding: 0px;
    background: transparent;
    border: none !important;
    font-size: inherit;
    box-shadow: none !important;
    outline: none !important;
  }

.btn-check:focus+.btn-secondary, .btn-secondary:focus {background: transparent;}

.btn-secondary:hover {background: transparent;}

.btn-logo {position: relative;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-left: 0rem;
    /*top:3rem;
    left:28rem;*/}

    .navbar-brand {
       margin-right: 0rem;
    }



.navbar.navbar-fixed {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index:99999; }
.navbar .navbar-brand img {
  max-height: 191px; }

.navbar-drawer {
  position: fixed;
  z-index: 9999;
  width: 100%;
  max-width: 350px;
  height: 100%;
  top: 0;
  right: 0;
  visibility: hidden;
  transition: visibility 0s .3s; }
  .navbar-drawer .inner-block {
    position: absolute;
    background: #222 ;
    width: 100%;
    height: 100%;
    top: 0;
    padding: 128px 50px 50px;
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  .navbar-drawer.show {
    visibility: visible;
    transition: none; }
    .navbar-drawer.show .inner-block {
      -webkit-transform: translateX(0);
      transform: translateX(0); }
  .navbar-drawer .navbar-nav {
    flex-direction: column; }
    .navbar-drawer .navbar-nav li {
      display: block;
      width: 100%; }
      .navbar-drawer .navbar-nav li a {
        font-size: 24px;
        color: white; }

.home-main {
  /*background: url(../img/home-banner.jpg) no-repeat;*/
  background-size: cover;
  min-height: 100vh;
  padding-top: 100px; 
}
.home-bg {
  background: url(../img/home-banner.jpg) no-repeat;
  background-size: cover;
  min-height: 100vh;
  padding-top: 100px; 
}
.qualifications-bg {
  background: url(../img/qualifications-banner.jpg) no-repeat;
  background-size: cover;
  min-height: 100vh;
  padding-top: 100px; 
}
.numbers-bg  {
  background: url(../img/numbers-banner.jpg) no-repeat;
  background-size: cover;
  min-height: 100vh;
  padding-top: 100px; 
}
.tools-bg  {
  background: url(../img/tools-banner.jpg) no-repeat;
  background-size: cover;
  min-height: 100vh;
  padding-top: 100px; 
}
.clients-bg  {
  background: url(../img/clients-banner.jpg) no-repeat;
  background-size: cover;
  min-height: 100vh;
  padding-top: 20vh; 
}
.countries-bg  {
  background: url(../img/countries-banner.jpg) no-repeat;
  background-size: cover;
  min-height: 100vh;
  padding-top: 20vh; 
}
.writing-bg  {
  background: url(../img/writing-banner.jpg) no-repeat;
  background-size: cover;
  min-height: 100vh;
  padding-top: 100px; 
}
.contact-bg  {
  background: url(../img/contact-banner.jpg) no-repeat;
  background-size: cover;
  min-height: 100vh;
  padding-top: 100px; 
}

.services-bg  {
  background: url(../img/services-banner.jpg) no-repeat;
  background-size: cover;
  min-height: 100vh;
  padding-top: 20vh; 
}

.home-main .container{
  height: 100%;
}
.floating-wrapper{
}
.floating-text{
    color: white;
    font-size: 16px;
    text-align: center;
    position: absolute;
    width: 320px;
    text-shadow: -2px 2px 15px #000;
  }

.floating-text .btn{
    display: block;
    margin: 0 auto;
    padding: 0px;
    background: transparent;
    border: none !important;
    font-size: inherit;
    box-shadow:  none !important;
    outline: none !important;
}
.floating-text.small {
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (2400 - 320)));
            text-shadow: -2px 2px 15px #000;

}
.floating-text.medium{
  font-size: calc(24px + (34 - 24) * ((100vw - 320px) / (2400 - 320)));
      font-weight: 700;
              text-shadow: -2px 2px 15px #000;
}
.floating-text.large {
    font-size: calc(28px + (44 - 28) * ((100vw - 320px) / (2400 - 320)));
            text-shadow: -2px 2px 15px #000;
}
 .floating-text.larger {
  font-size: calc(70px + (40 - 70) * ((100vw - 320px) / (2400 - 320)));
          text-shadow: -2px 2px 15px #000;

}
.floating-text span.number{
  font-weight: bold;
    font-size: larger;
    font-size: 42px;
}
.floating-wrapper .floating-text:first-child{
    top: 45%;
    left: 15%;
    transform: translate(-40%, -20%);
}
.floating-wrapper .floating-text:nth-child(2){
    top: 42%;
    left: 80%;
    transform: translate(-50%, -50%);
}
.floating-wrapper .floating-text:nth-child(3){
     top: 25%;
    left: 50%;
    transform: translate(-20%, -50%);
}
.floating-wrapper .floating-text:nth-child(4){
        top: 60%;
    left: 27%;
    transform: translate(-40%, -10%);
}
.floating-wrapper .floating-text:nth-child(5){
 top: 70%;
    right: 15%;
}
.floating-wrapper .floating-text:nth-child(6){
    bottom: 25%;
    left: 35%;
    transform: translate(-30%, 60%);
}
.floating-wrapper .floating-text:nth-child(7){
  top: 40%;
    left: 50%;
  
    transform: translate(-30%, 60%);
}
.floating-wrapper .floating-text:nth-child(8){
  top: 32%;
    left: 20%;
}
.floating-wrapper .floating-text:nth-child(9){
  top: 70%;
    left: 50%;
    transform: translate(-30%, 50%);
}
.floating-wrapper .floating-text:nth-child(10){
  top: 35%;
    right: 10%;
    transform: translate(-30%, 50%);
}
.floating-wrapper .floating-text:nth-child(11){
  top: 45%;
    right: 0%;
    transform: translate(-30%, 50%);
}
.floating-wrapper .floating-text:nth-child(12){
  top: 45%;
    right: 25%;
    transform: translate(-30%, 50%);
}
.floating-wrapper .floating-text:nth-child(13){
  top: 45%;
    left: 35%;
    transform: translate(-30%, 50%);
}
.floating-wrapper .floating-text:nth-child(14){
  top: 15%;
    right: 10%;
    transform: translate(-30%, 50%);
}
.floating-wrapper .floating-text:nth-child(15){
  top: 15%;
    right: 0%;
    transform: translate(-30%, 50%);
}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after, .bs-popover-top>.popover-arrow::after{
      border-top-color: #222;
}
.popover-arrow{
  background-color: transparent !important;
}
.popover{
      background-color: #222;
    color: #fff;
    text-align: left;
    border-radius: 10px;
    padding: 20px;
    z-index: 999999;
}
.popover-arrow{
  background-color: #222;
}
.popover-body {
       padding: 0px;
    color: #ffffff;
    font-size: 16px;
}

#popover296433  {
       font-style: italic;
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after, .bs-popover-bottom>.popover-arrow::after {
    border-bottom-color: #212529;
}



/*a.meet-darren {
  margin: 70px 0 0 -30px;
}
*/

/*
  .meet-darren {
        width: 137px;
        height: 137px;
        position: relative;
        display: inline-block;
        margin: 70px 0 0 -30px;
}
    }
    .meet-darren .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
    }
    .meet-darren:hover .img-top {
        display: inline;
    }
    */


    .contact {
      margin-top: 20%;
      text-align: center;
      vertical-align: middle;
    }


    .meet {
      margin-top: 20%;
      text-align: left;
      vertical-align: middle;
      padding: 5% 7% 15% 7%;
      background: rgba(0, 0, 0, 0.4);
  
    }

    @media (max-width: 667px) {      
      .meet {    
        padding: 5% 7% 55% 7%;
      }

    }




img.meet-darren:hover{
 content: url("../img/darren-back.png");
}

img.meet-darren {margin: 70px 0 0 -30px;}


@media (max-width: 667px) {
  img.meet-darren
 {
    max-height: 80px; 
    max-width: 80px; 
  }

  .navbar .navbar-brand img {
    max-height: 100px; 
  }

  .navbar-expand-lg .navbar-toggler {
    top: 40px;
    right: 30px; 
  } 
  .floating-text{
    width: 50%;
  }
  .floating-wrapper{
    margin-top: 20px;
  }
   .floating-wrapper .floating-text:first-child {
    top: 33%;
   }
   .floating-wrapper .floating-text:nth-child(2) {
    top: 50%;
    left: initial;
    max-width: 55%;
    transform: none;
    right: 20px;
   }
   .floating-wrapper .floating-text:nth-child(3) {
    top: 32%;
}
 .floating-wrapper .floating-text:nth-child(4) {
    top: 55%;
    left: 0px;
    max-width: 55%;
    transform: none;
}
.floating-wrapper .floating-text:nth-child(5) {
    top: 85%;
    right: 20px;
    transform: none;
}   
.floating-wrapper .floating-text:nth-child(6) {
       bottom: 15%;
    left: 15%;
 }
}

/*# sourceMappingURL=main.css.map */