body,html{width:100%;height:100%}
body{font-family:Merriweather,'Helvetica Neue',Arial,sans-serif}
hr{max-width:50px;border-width:3px;border-color: #00674F}
hr.light{border-color:#fff}
a{color: #00674F;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}a:hover{color: #3EBB9E}h1,h2,h3,h4,h5,h6{font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}.bg-primary{background-color: #00674F!important}.bg-dark{background-color:#212529!important}.text-faded{color:rgba(255,255,255,.7)}section{padding:8rem 0}.section-heading{margin-top:0}::-moz-selection{color:#fff;background:#212529;text-shadow:none}::selection{color:#fff;background:#212529;text-shadow:none}img::selection{color:#fff;background:0 0}img::-moz-selection{color:#fff;background:0 0}#mainNav{border-bottom:1px solid rgba(33,37,41,.1);background-color:#fff;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}#mainNav .navbar-brand{font-weight:700;text-transform:uppercase;color: #00674F;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color: #3EBB9E}#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{font-size:.9rem;font-weight:700;text-transform:uppercase;color:#212529}#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color: #3EBB9E}#mainNav .navbar-nav>li.nav-item>a.nav-link.active,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{color: #3EBB9E!important;background-color:transparent}#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover{background-color:transparent}@media (min-width:992px){#mainNav{border-color:transparent;background-color:transparent}#mainNav .navbar-brand{color:rgba(255,255,255,.7)}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fff}#mainNav .navbar-nav>li.nav-item>a.nav-link{padding:.5rem 1rem}#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{color:rgba(255,255,255,.7)}#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#fff}#mainNav.navbar-shrink{border-bottom:1px solid rgba(33,37,41,.1);background-color:#fff}#mainNav.navbar-shrink .navbar-brand{color: #00674F}#mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{color: #00674F}#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{color:#212529}#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover{color: #3EBB9E}}header.masthead{padding-top:10rem;padding-bottom:calc(10rem - 56px);background-image:url(../img/header.jpg);background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}header.masthead hr{margin-top:30px;margin-bottom:30px}header.masthead h1{font-size:2rem}header.masthead p{font-weight:300}@media (min-width:768px){header.masthead p{font-size:1.15rem}}@media (min-width:992px){header.masthead{height:100vh;min-height:650px;padding-top:0;padding-bottom:0;opacity:0.8333}header.masthead h1{font-size:3rem}}@media (min-width:1200px){header.masthead h1{font-size:4rem}}.service-box{max-width:400px}.portfolio-box{position:relative;display:block;max-width:650px;margin:0 auto}.portfolio-box .portfolio-box-caption{position:absolute;bottom:0;display:block;width:100%;height:100%;text-align:center;opacity:0;color:#fff;background:rgba(240,95,64,.9);-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{padding:0 15px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:14px;font-weight:600;text-transform:uppercase}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px}.portfolio-box:hover .portfolio-box-caption{opacity:1}.portfolio-box:focus{outline:0}@media (min-width:768px){.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:16px}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:22px}}.text-primary{color: #00674F!important}.btn{font-weight:700;text-transform:uppercase;border:none;border-radius:0px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}.btn-xl{padding:1rem 2rem}.btn-primary{background-color: #00674F;border-color: #00674F}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{color:#fff;background-color:#3EBB9E!important}.btn-primary:active,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(240,95,64,.5)!important}

.service-box:hover{

  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
}

.phonelink{
    position: fixed; /* Lock location always on the scree */
    bottom: 20px; /* Set to the bottom */
    right: 0px; /* Set to the right */
    margin: 10px; /* Add space around background */
}
.phoneicon{
    width: 35px; /* Set width of icon */
    height: 35px; /* Set height of icon */
}
@media screen and (max-width: 480px){
    .lgscreenphone{
        display: none;  /* On small screens make phone icon disappear */
    }
    .mbscreenphone{
        display: block; /* On small screens make phone icon appear */
    }
}
@media screen and (min-width: 481px){
    .mbscreenphone{
        display: none; /* On large screens make phone icon disappear */
    }
    .lgscreenphone{
        display: block; /* On large screens make phone icon appear */
    }
}


.whatsapplink{
    position: fixed; /* Lock location always on the scree */
    bottom: 20px; /* Set to the bottom */
    left: 0px; /* Set to the right */
    margin: 10px; /* Add space around background */
}
.whatsappicon{
    width: 45px; /* Set width of icon */
    height: 45px; /* Set height of icon */
}
@media screen and (max-width: 480px){
    .lgscreenwhatsapp{
        display: none;  /* On small screens make phone icon disappear */
    }
    .mbscreenwhatsapp{
        display: block; /* On small screens make phone icon appear */
    }
}
@media screen and (min-width: 481px){
    .mbscreenwhatsapp{
        display: none; /* On large screens make phone icon disappear */
    }
    .lgscreenwhatsapp{
        display: block; /* On large screens make phone icon appear */
    }
}

.card-block .btn-outline-primary {
    width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    bottom: 0;
    left: 0;
    position: absolute;
  }
  
  .card {
    margin: 20px 0;
   
  }
  .card-img-top{
   
    text-align: center;
  
  }
  
  .card-title{
  
    text-align: center;
  }
  
  /* Flip Cards CSS */
  .card-container {
    perspective: 700px;
   
  }
  .card-flip {
    position: relative;
    width: 100%;
    transform-style: preserve-3d;
    height: auto;
    transition: all 0.5s ease-out;
    background: white;
    border: none;
  }
  
  .card-flip div {
    backface-visibility: hidden;
    transform-style: preserve-3d;
    height: 100%;
    width: 100%;
    border: none;
    
  }
  
  .card-flip .front {
    position: relative;
    z-index: 1;
  }
  
  .card-flip .back {
    position: relative;
    z-index: 0;
   /* transform: rotateY(-180deg);*/
    background-color:;
  }
  
  .card-container:hover .card-flip {
   /* transform: rotateY(180deg);*/
  }
  
  
 
  .accordion {
    
    /*margin: 30px 0px 0px -40px;*/
    background: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  
  .accordion li{
    padding-top: 15px;
     list-style: none;
  }
  .accordion li:hover{

   
    
  }
  
  .accordion .link {
    cursor: pointer;
    display: block;
    background: #fff;
    padding: 10px 10px 10px 32px;
    color: #4D4D4D;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid rgb(230, 221, 221);
    box-shadow: 0 2px 2px -2px  #00674F;
    border-radius: 0px;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  
  .accordion li:last-child .link { border-bottom:1px solid #CCC; }
  
  .accordion li i {
    position: absolute;
    top: 13px;
    left: 12px;
    font-size: 18px;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  
  .accordion li i.fa-chevron-down {
    right: 12px;
    left: auto;
    font-size: 14px;
    color: #3EBB9E;
  }
  
  .accordion li i.fa-plus {
    right: 12px;
    left: auto;
    font-size: 14px;
    color: #00674F;
  }
  
  
  .accordion li.open .link { color:  #00674F; }
  
  .accordion li.open i { color:  #00674F; }
  
  .accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  
  /**
   * Submenu
   -----------------------------*/
  
  
  .submenu {
    display: none;
  
    background: rgb(245, 240, 240);
    font-size: 14px;
    border-radius: 4px;
    padding: 0px;
  }
  
  .submenu li {
    }
  
  .list{
  
  font-size: 14px;
  border-radius: 4px;
  padding-left: 30px;
  }
  
  .list li{
    list-style: disc;
  }
   
  .submenu a {
    display: block;
    text-decoration: none;
    color: #d9d9d9;
    padding: 12px;
    padding-left: 0px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
  
  .submenu a:hover {
    background: #817c7c;
    color: #FFF;
  }
  
  
  .panel-group .panel-heading {
    padding: 0;
  }
  
  .panel-group .panel-heading a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    position: relative;
   
  }
  
  .panel-group .panel-heading a:after {
    content: '-';
    float: right;
    font-size: 20px;
  }
  
  .panel-group .panel-heading a.collapsed:after {
    content: '+';
    font-size: 20px;
  }
  
  
  
  
  $positive-circle   : #82d428;
  $negative-circle   : #ff6e00;
  $circle-gray       : #e4e4e4;
  $header-black      : #242a32;
  $background-color  : #6fcae7;
  $tab-text          : #5d5d5d;
  $white			       : #fff;
  $reviews-text-black: #363636;
  $white-light-gray  : #f9f9f9;
  
  @mixin user-select() {
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
  }
  
  @mixin chart($radius, $width) {
    .chart-pie {
      position: relative;
      display: inline-block;
      height: $radius;
      width: $radius;
      border-radius: 50%;
      background-color: $circle-gray;
      vertical-align: middle;
       
      &:after {
        content: '';
        display: block;
        position: absolute;
        height: $radius - $width;
        width: $radius - $width;
        top: $width / 2;
        left: $width / 2;
        border-radius: 50%;
        background-color: $white;
      }
    }
    .chart-pie-count {
      position: absolute;
      display: block;
      height: 100%;
      width: 100%;
      font-size: 14px;
      font-weight: 500;
      line-height: 44px;
      color: $header-black;
      text-align: center;
      z-index: 1;
    }
    .chart-pie > div {
      clip: rect(0, $radius, $radius, $radius / 2);
    }
    .chart-pie > div,
    .chart-pie.over50 .first-fill {
      position: absolute;
      height: $radius;
      width: $radius;
      border-radius: 50%;
    }
    .chart-pie.over50 > div {
      clip: rect(auto,auto,auto,auto);
    }
    .chart-pie.over50 .first-fill {
      clip: rect(0, $radius, $radius, $radius / 2);
    }
    .chart-pie:not(.over50) .first-fill {
        display: none;
    }
    .second-fill {
      position: absolute;
      clip: rect(0, $radius / 2, $radius, 0);
      width: 100%;
      height: 100%;
      border-radius: 50%;
      border-width: $width - 1;
      border-style: solid;
      box-sizing: border-box;
    }
    .chart-pie.positive {
      .first-fill {
        background-color: $positive-circle;
      }
      .second-fill {
        border-color: $positive-circle;
      }
    }
    .chart-pie.negative {
      .first-fill {
        background-color: $negative-circle;
      }
      .second-fill {
        border-color: $negative-circle;
      }
    }
  }
  
  #aspect-content {
    margin: 50px 0 0;
    font-family: "Poppins", sans-serif;
      * {
        box-sizing: border-box;
      }
  }
  .aspect-tab {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 10px;
    border-radius: 4px;
    background-color: rgb(241, 193, 131);
    box-shadow: 0 0 0 1px rgb(241, 193, 131);
    opacity: 1;
    transition: box-shadow .2s, opacity .4s;
    
    &:hover {
      box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .11);
    }
  }
  .aspect-input {
    display: none;
  }
  .aspect-input:checked ~ .aspect-content + .aspect-tab-content {
    max-height: 3000px; 
  }
  
  
  
  .aspect-label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    max-height: 80px;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
    z-index: 1;
    cursor: pointer;
   
    }
  
  .aspect-content {
    position: relative;
    display: block;
    height: 40px;
    margin: 0;
    padding: 8px 87px 0 30px;
    font-size: 0;
    white-space: nowrap;
    cursor: pointer;
    @include user-select();
    &:before,
    &:after  {
      content: '';
      display: inline-block;
      vertical-align: middle;
    }
    &:before {
      height: 100%;
    }
    &:after {
      position: absolute;
      width: 24px;
      height: 100%;
      right: 30px;
      background-repeat: no-repeat;
      background-position: center;
      transform: rotate(180deg);
    }
  }
  .aspect-name {
    display: inline-block;
    width: 75%;
    margin-left: 16px;
    font-weight: 500;
    color: $header-black;
    white-space: normal;
    text-align: left;
    vertical-align: middle;
  }
  .aspect-stat {
    width: 45%;
    text-align: right;
  }
  .all-opinions,
  .aspect-name {
    font-size: 14px;
    line-height: 22px;
  }
  .all-opinions {
    color: $tab-text;
    text-align: left;
  }
  .aspect-content + .aspect-tab-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s;
  }
  .aspect-content > div,
  .aspect-stat > div {
    display: inline-block;
  }
  .aspect-content > div {
    vertical-align: middle;
  }
  .positive-count,
  .negative-count,
  .neutral-count {
    display: inline-block;
    margin: 0 0 0 20px;
    padding-left: 0px;
    background-repeat: no-repeat;
    font-size: 13px;
    line-height: 20px;
    color: $reviews-text-black;
  }
  
  .benefit{
     font-size:20px;
     font-weight:200;
     text-align: center;
  }
  
  .aspect-tab-content:hover {
      box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
  }
  
  
  
  .aspect-info {
    width: 60%;
    white-space: nowrap;
    font-size: 0;
    &:before {
      content: '';
      display: inline-block;
      height: 44px;
      vertical-align: middle;
    }
  }
  @include chart(44px, 4px);
  .aspect-tab-content {
    background-color:rgb(240, 241, 234);
    font-size: 0;
    text-align: justify;
  }
  .sentiment-wrapper {
    padding: 24px 25px ;
  
  }
  .box {
    padding: 24px 25px ;
  
  }
  .sentiment-wrapper > div {
    display: inline-block;
    width: 33.3%;
    max-width: 290px;
    padding: 0 5px;
    box-sizing: border-box;
    border: 1px solid #ececec;
    vertical-align: top;
    cursor: default;
  }
  .sentiment-wrapper > div > div {
    width: 100%;
    padding: 16px 24px 20px;
    box-sizing: border-box;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #ececec;
    text-align:justify;
    
  }
  
  
  .opinion-header {
    position: relative;
    width: 100%;
    margin: 0 0 24px;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    color: $header-black;
    text-transform: capitalize;
    text-align:center;
  }
  .opinion-header > span:nth-child(2) {
    position: absolute;
    right: 0;
  }
  .opinion-header + div > span {
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    color: $reviews-text-black;
  }
  @media screen and (max-width: 800px) {
    .aspect-label {
      max-height: 102px;
    }
    .aspect-content {
      height: auto;
      padding: 10px 87px 10px 30px;
      &:before {
        display: none;
      }
      &:after {
        top: 0;
      }
    }
    .aspect-content > div {
      display: block;
      width: 100%;
    }
    .aspect-stat {
      margin-top: 10px;
      text-align: left;
    }
  }
  @media screen and (max-width: 750px) {
    .sentiment-wrapper > div {
      display: block;
      width: 100%;
      max-width: 100%;
    }
    .sentiment-wrapper > div:not(:first-child) {
      margin-top: 10px;
    }
  }
  @media screen and (max-width: 500px) {
    .aspect-label {
      max-height: 140px;
    }
    .aspect-stat > div {
      display: block;
      width: 100%;
    }
    .all-opinions {
      margin-bottom: 10px;
    }
    .all-opinions + div > span:first-child {
      margin: 0;
    }
    
  }
 
  

  /*
 CSS for the main interaction
*/
.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.tabset .tab-panel {
  display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}

/*
 Styling
*/


.tabset > label {
  position: relative;
  display: inline-block;
  padding: 15px 0px 25px;
  padding-right: 11%;
  padding-left:30px;
  /*border: 1px solid transparent;*/
  border-bottom: 0;
  cursor: pointer;
  font-weight: 600;
}

.tabset > label::after {
  
  position: absolute;
  left: 15px;
  bottom: 10px;
  width: 22px;
  height: 4px;
  background: #8d8d8d;
}

.tabset > label:hover,
.tabset > input:focus + label {
  color:  #3EBB9E;
}

.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
  background: #06c;
}

.tabset > input:checked + label {
  border-color: #ccc;
 border-bottom: 1px solid  #00674F;
  margin-bottom: -1px;
}

.tab-panel {
  padding: 30px 0;
 /* border-top: 1px solid #ccc;*/
}


 /*Demo purposes only*/

*,
*:before,
*:after {
  box-sizing: border-box;
}



.tabset {
  max-width: 100%;
}
  
 

/*=======================================================
   popup
=========================================================*/
.img-replace {
  /* replace text with an image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%; 
  color: transparent;
  white-space: nowrap;
}
.bts-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden; 
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.bts-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.bts-popup-container {
  position: relative;
  width: 100%;
  top:0px;
  max-width: 950px;
  margin: 4em auto;
  background: rgba(6, 6, 6);
  border-radius: 4px; 
  text-align: center;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.bts-popup-container img {
  padding: 0px 0 0 0;
}
.bts-popup-container p {
	color: black;
  padding: 10px 40px;
 
}
.bts-popup-container .bts-popup-button {
  padding: 5px 25px;
  border: 2px solid white;
	display: inline-block;
  margin-bottom: 10px;
}

.bts-popup-container a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
}


.bts-popup-container .bts-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.bts-popup-footer{
  background-color:rgba(6, 6, 6);
  border:2px solid rgba(6, 6, 6);
  font-size: 16px;
  color:#fff;
  padding-top:10px; 
  padding-bottom:10px;
}
.bts-popup-container .bts-popup-close::before, .bts-popup-container .bts-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 16px;
  height: 3px;
  background-color: black;
}
.bts-popup-container .bts-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.bts-popup-container .bts-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 6px;
  top: 13px;
}
.is-visible .bts-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
  .bts-popup-container {
    margin: 8em auto;
  }
}


/* Slideshow container */
.loader {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  border: 10px solid #efefef;
  border-top: 10px solid #ff8f3f;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
  top: 50%;
  left: 50%;
  transition: .3s;
  transform: translate(-50%, -50%) rotate(0deg);
  animation: loader 2s linear infinite;
}

.loader-inner {
  width:40px;
  height: 40px;
  margin: auto;
  transform: translate(0, 0) rotate(0deg);
  border-radius: 50%;
  border: 8px solid #e2e2e2;
  border-bottom: 8px solid #66a0ff;
  animation: loaderInner 1s linear reverse infinite;
}

@keyframes loader {
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes loaderInner {
  100% {
    transform: translate(0, 0) rotate(360deg);
  }
}

/* Required styles for the slider */
*{

	padding: 0;
	word-wrap: break-word;
	box-sizing: border-box;
}


.slider {
	position: relative;
	overflow: hidden;
	transition: 0.3s;
}

.slider ul {
	position: absolute;
}

.slider li {
	float: left;
	line-height: 0;
  text-align: center;
  
}

.slider li img {
  width: 100%;
  
}

.navigator {
	position: absolute;
	bottom: 5px;
	width: 100%;
	text-align: center;
}

.navigator span {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 3px;
	background: #606161;
	margin: 0 4px;
	transition: 0.1s;
	position: relative;
	top: 0;
}

.navigator span.active {
	background:  #00674F;
	width: 10px;
	height: 10px;
}

.slider > span {
	position: absolute;
	top: 50%;
	background: rgba(0,0,0,0.5);
	z-index: 1;
	padding: 6px 10px;
	margin: -10px 0 0;
	color: white;
	cursor: pointer;
	transition: 0.3s;
}

.prev {
	left: 0;
	transform: rotate(90deg);
  transform-origin: 0 0;
  font-size:22px;
  font-weight: 800;
}

.next {
	right: -1px;
	transform: rotate(-90deg);
  transform-origin: 100% 0%;
  font-size:20px;
  font-weight: 800;
}

.slider:hover span, .slider:hover .autoPlay {
	transform: rotate(0deg);
}

.autoPlay {
	position: absolute;
	bottom: 0;
	left: 0;
	color: white;
	transform: translateY(50px);
	transition: .3s;
}

.autoPlay label {
	background: rgba(0, 0, 0, .4);
	padding: 10px;
	display: block;
}

.autoPlay .chkbox {
	display: none;
}

.autoPlay .chkbox:checked + label {
	background: rgba(0, 0, 0, .7);
}

/* Make it adaptive to any layout */

@media (max-width: 1200px) { 
	.center {
		width: 100%;
		padding: 0 15px;
	}
}


 /*** TestimonialS Slider - Free Weebly Widget by Baamboo Studio - Style 2 ***/
 .testimonial_slider_2{
	width:100%;
	overflow:hidden;
	box-sizing:border-box;
	padding-bottom:px;
}
.testimonial_slider_2 input {
	display: none;
}

.testimonial_slider_2 #slide_2_1:checked ~ .boo_inner { margin-left:0; }
.testimonial_slider_2 #slide_2_2:checked ~ .boo_inner { margin-left:-100%; }
.testimonial_slider_2 #slide_2_3:checked ~ .boo_inner { margin-left:-200%; }
.testimonial_slider_2 #slide_2_4:checked ~ .boo_inner { margin-left:-300%; }

.testimonial_slider_2 .boo_inner {
	width:400%;
 
}
.testimonial_slider_2 .slide_content{
	width:25%;
	float:left;
}
.testimonial_slider_2 #controls {
	text-align:center;
}
.testimonial_slider_2 #controls label{
	width:8px;
	height:8px;
	margin:0 2px;
	display:inline-block;
	background:#999; /* Change controls background color */
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.testimonial_slider_2 #slide_2_1:checked ~ #controls label:nth-child(1), 
.testimonial_slider_2 #slide_2_2:checked ~ #controls label:nth-child(2), 
.testimonial_slider_2 #slide_2_3:checked ~ #controls label:nth-child(3), 
.testimonial_slider_2 #slide_2_4:checked ~ #controls label:nth-child(4)

{
	background: #00674F; /* Change controls background color when mouse click */
}
.testimonial_2 {
	font-size: 16px !important;
	color: #fff; /* Change testimonial paragraph text color */
	padding: 30px 30px 0px;
}
.content_2 {
	position: relative;
	padding-left: 30px;
	margin-bottom: 0px;
}
.content_2:before,
.content_2:after {
	content: "";
	height: 15px;
	width: 19px;
	position: absolute;
}
.content_2:before {
	background: url(icon_testimonial_2_before.png) 0 0 no-repeat;
	left: 0;
}
.content_2:after {
	background: url(icon_testimonial_2_after.png) 0 0 no-repeat;
	margin: 5px 10px;
}
.testimonial_2 p {
	display: inline;
}
.author_2 {
	margin-left: 30px;
}
.author_2 h3 {
	color: #fff; /* Change author text color */
	font-size: 13px;
	font-weight: 600px;
	padding: 0 0 5px;
}
.author_2 h4 {
	color: #fff; /* Change author text color */
	font-size: 12px;
	font-weight: 400;
	padding: 0 0 5px;
}
.author_2 h4 a {
	color: #999; /* Change company text link color */
	text-decoration: none;
	position: relative;
	padding-bottom: 1px;
	overflow: hidden;
	border-bottom: 1px solid;
}
.author_2 h4 a:after {
	background: #999; /* Change company border link background color */
	height: 1px;
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 0;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.author_2 h4 a:hover {
	color: #000; /* Change company text link color when mouse over */
	border: none;
}
.author_2 h4 a:hover:after {
	border-color: #000;
	width: 100%;
}

blockquote{
  padding: 35px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  text-align: center;
   
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #fff;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}


.contacticon{
  text-align: center;

}

.contacticon a:hover{
   text-decoration: none;
}

.icon{

  text-align: center;

}
.icon:hover{

  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
}

.floating {  
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  margin-left: 30px;
  margin-top: 5px;
}

@keyframes floating {
  from { transform: translate(0,  0px); }
  65%  { transform: translate(0, 15px); }
  to   { transform: translate(0, -0px); }    
}

/*slider2*/
.mySlides {display: none;}
img {vertical-align: middle;}


/* Slideshow container */
.slideshow-container {
  max-width: 1450px;
  position: relative;
  margin: auto;

}


/* The dots/bullets/indicators */
.dot {
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  cursor:pointer;
}

.active {
  background-color:  #00674F;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}


.txt{
  padding-top: 40px;
  color: #00674F;
  animation: txt 5s ease-out infinite normal;
}
@keyframes txt{
   0%{
       transform: scale(0.9);
   }
   25%{
      transform: scale(1.5);
   }
   60%{
     transform: scale(0.9);
   }
   100%{
     transform: scale(0.9);
   }
  }

 .progress-container{
   transform: translateY(-50%);
   color:#fff;
   text-align: center;
   padding-top: 0px;
   line-height: 5px;
   font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
 
 }

 .progress-container label{

  font-size: 22px;
  display:inline-block;
  padding-top: 0px;
 }
 
  @keyframes anim{
    0%{
        opacity: 0;
        transform:translateX(-300px);
    }
    33%{
        opacity:1;
        transform: translateX(0px);
    }
    66%{
      opacity:1;
      transform: translateX(0px);
  }
  100%{
    opacity:0;
    transform: translateX(300px);
   }
  }

  @-webkit-keyframes anim{
    0%{
        opacity: 0;
        -webkit-transform:translateX(-300px);
    }
    33%{
        opacity:1;
        -webkit-transform: translateX(0px);
    }
    66%{
      opacity:1;
      -webkit-transform: translateX(0px);
  }
  100%{
    opacity:0;
    -webkit-transform: translateX(300px);
   }
  }