html, body {
  height: 100%;
  margin: 0px;
  padding: 0px; }

h1 {
  font-size: 45px;
  font-weight: 700;
  margin-top: 0px;
  line-height: 4rem; }

h2{
  font-size: 38px;
  font-weight: 400;
  text-align: center;
}
h3{
  font-size: 30px;
  font-weight: 700;
  margin-top: 0px;
}
h4{
  font-size: 15px;
  font-weight: 700;
  margin-top: 0px;
  line-height: 2.2rem;
  margin-left: -0.1rem;
  margin-bottom: -0.5rem;
}
p {
  font-size: 0.9rem;
  font-weight: 400; }
a{
  color:#214c8f;
  /*color:#383838;*/
  font-weight: 600;
}
a:hover{
  color:#0da4ef; 
  /*color:#000000; */
}

#main-menu li a.current {
  background: #fff;
}

.top-bar {
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); }

.top-bar .name h1 a{
  padding-left: 0px;
  padding-right: 0px;
  line-height: 1rem;
}

.top-bar .name h1 a:before {
  background-image: url("../images/images-new/logo.png");
  /*background-image: url("../images/images-new/new_logo.png");*/
  background-repeat: no-repeat;
  /*background-size: 105px 70px;*/
  content: "";
  display: inline-block;
  height: 70px;
  width: 236px;
  margin-top: 0px;
  margin-right: 0px;
}

.top-bar .name.small h1 a:before {
   background-image: url("../images/images-new/logo-small.png");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 40px;
  width: 131px;
  margin-top: 1rem;
  margin-right: 0px;
}

.top-bar .lang h1 a{
  padding-left: 0px;
  padding-right: 0px;
  line-height: 1rem;
}

.top-bar .lang h1 a:before{
  display: inline-block;
  margin-top: 1rem;
  margin-right: 2rem;
}

.top-bar-section ul li > a.button {
  font-size: 1.2rem; }

.top-bar-section ul li{
  /*background-color: #02eec0;*/
  background-color: #0088cc;
}

.fullWidth {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  /* max-width: initial;  */
  max-width: 100%;
}

.teamPageWidth{
  width: 100%;
  float: left;
}

.height90 {
  height: 90%;
  min-height: 38.75rem;
}

.height400 {
  height: 25rem; }

.green-col {
  /*background-color: #02EEC0;
  background-color: #02eec0;*/
  background-color: #0088cc;*/
  height: 100%;
}

.carbon-col {
  background-color: #A9A9A9;
  height: 100%;
}

.gray-col {
  background-color: #383838;
  height: 100%;
}

.col-text {
  padding: 2rem 2rem 2rem 2rem; }

.col-benefits {
  padding: 2rem 2rem 2rem 2rem;
  height: 100%;
}

.yellow-col {
  background-color: #ffde59;
  height: 100%; }

.yellow-col.arrow:after{
  width: 0;
  height: 0;
  border-left: 1.5rem solid #02eec0;
  /*border-left: 1.5rem solid #383838;*/
  border-top: 1.5rem solid transparent;
  border-bottom: 1.5rem solid transparent;
  content: "";
  position: absolute;
  top: 11rem;
  left: 0rem;
  display: inline-block; }

.green-col.arrow:after{
  width: 0;
  height: 0;
  border-left: 1.5rem solid white;
  border-top: 1.5rem solid transparent;
  border-bottom: 1.5rem solid transparent;
  content: "";
  position: absolute;
  top: 11rem;
  left: -4px;
  display: inline-block; }

.border-col{
  border: 4px solid #02eec0;
  /*border: 4px solid #383838;*/
}
.border-col.arrow:after{
  width: 0;
  height: 0;
  border-left: 1.5rem solid #02eec0;
  /*border-left: 1.5rem solid #383838;*/
  border-top: 1.5rem solid transparent;
  border-bottom: 1.5rem solid transparent;
  content: "";
  position: absolute;
  top: 11rem;
  left: 0rem;
  display: inline-block;
}

.benefitsPT {
  margin-top: 5rem; }

.green-col.puzzle:after {
  width: 4rem;
  height: 4rem;
  -moz-border-radius: 2rem;
  -webkit-border-radius: 2rem;
  border-radius: 2rem;
  content: "";
  position: absolute;
  top: 25%;
  right: -0.5rem;
  display: inline-block;
  background-color: #ffde59; }

.green-col.puzzle.text{
  padding: 2rem 2rem 2rem 2rem;
}

.yellow-col.puzzle:after {
  width: 4rem;
  height: 4rem;
  -moz-border-radius: 2rem;
  -webkit-border-radius: 2rem;
  border-radius: 2rem;
  content: "";
  position: absolute;
  top: 60%;
  left: -0.5rem;
  display: inline-block;
  background-color: #02eec0;
  /*background-color: #383838;*/ }

.yellow-col.puzzle.text{
  padding: 2rem 2rem 2rem 5rem;
}

.get-started{
  margin-top: 1rem;
  font-weight: 600;
}

.get-started-PT {
  margin-top: 6.25rem;
  margin-bottom: 5rem;
}

#get-started-firstCol {
  background-color: #bcbcbc;
  height: 100%;
  min-height: 500px;
}

.get-started-content{
  height: 85%;
}

#get-started-header-first{
    background-color: #999999;
}

.get-started-header {
  height: 15%;
  padding-left: 2rem;
}

.get-started-header h3{
  line-height: 4.5rem;
}

#get-started-secondCol {
  background-color: #02eec0;
  /*background-color: #383838;*/
  height: 100%;
  min-height: 500px;
}

#get-started-header-second {
  background-color: #05cba7;
 }

.get-started-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem; }

.science-img {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.height200 {
  height: 200px;
  font-size: 38px;
  line-height: 200px;
  padding-left: 2rem; }

.socialPanel {
  margin-top: 4.6875rem;
  position: absolute;
  top: 1rem;
  right: 2rem;
}

.socialButton {
  display: inline-block;
  width: 3.125rem;
  height: 3.125rem;
  -moz-border-radius: 3.125rem;
  -webkit-border-radius: 3.125rem;
  border-radius: 3.125rem;
  background: #ffde59;
  -webkit-transition: background 300ms ease-out;
  -moz-transition: background 300ms ease-out;
  transition: background 300ms ease-out;
}

.socialButton:hover {
  display: inline-block;
  width: 3.125rem;
  height: 3.125rem;
  -moz-border-radius: 3.125rem;
  -webkit-border-radius: 3.125rem;
  border-radius: 3.125rem;
  background: #ffd014; }

#fb {
  background-image: url("../images/images-new/social/fb.png");
  background-repeat: no-repeat;
  height: 3.125rem;
  width: 3.125rem; }

#you {
  background-image: url("../images/images-new/social/you.png");
  background-repeat: no-repeat;
  height: 3.125rem;
  width: 3.125rem; }

#in {
  background-image: url("../images/images-new/social/in.png");
  background-repeat: no-repeat;
  height: 3.125rem;
  width: 3.125rem; }

#twit {
  background-image: url("../images/images-new/social/twit.png");
  background-repeat: no-repeat;
  height: 3.125rem;
  width: 3.125rem; }

.navbarContainer {
  text-align: center;
  margin: 30px 30px 50px 0px;
  display: block; }

.feature-tabs-container{
  margin-bottom: -12.5rem;
}
.feature-tabs {
  *zoom: 1;
  margin-bottom: 3.125rem !important;
  position: relative;
  top: -12.5rem;
  font-size: 0rem !important;
  line-height: 0 !important; }

.feature-tabs.science{
  top: -15.5rem;
}

dl.feature-tabs.row dd {
  text-align: center;
  padding: 0; }

.feature-tabs:before, .tabs:after {
  content: " ";
  display: table; }

.feature-tabs:after {
  clear: both; }

.feature-tabs dd {
  position: relative;
  margin-bottom: 0 !important;
  top: 0px; }

.feature-tabs dd > a {
  display: inline-block;
  width: 9.375rem;
  height: 9.375rem;
  -moz-border-radius: 4.6875rem;
  -webkit-border-radius: 4.6875rem;
  border-radius: 4.6875rem;
  background: #02eec0;
  /*background: #383838;*/
  color: #222222;
  padding-top: 0rem;
  padding-right: 0rem;
  padding-bottom: 0rem;
  padding-left: 0rem; }

.feature-tabs dd > a:hover {
  background: #01ffcd; }

.feature-tabs dd.active a {
  background: #01ffcd; }

.feature-tabs dd.active a:before {
  display: inline-block;
  width: 0;
  height: 0;
  border-bottom: 2.8125rem solid #02eec0;
  /*border-bottom: 2.8125rem solid #383838;*/
  border-left: 2.8125rem solid transparent;
  border-right: 2.8125rem solid transparent;
  content: "";
  position: relative;
  top: 9.6875rem; }

.tabs-content.features {
  min-height: 300px;
  background: #02eec0;
  /*background: #383838;*/
  position: relative;
  top: -12.5rem;
  bottom: -12.5rem; }

.tabs-img {
  margin-top: 2rem; }

.forPTconnected-img {
  padding-top: 0.35rem;
  padding-left: 0.2rem;
}

.forPTjournal-img {
  padding-top: 1.6rem;
  padding-left: 0.5rem;
}

.forPTtracker-img {
  padding-top: 1.2rem;
  padding-left: -1.2rem;
}

.tabs-video {
  padding: 2rem 2rem 2rem 2rem;
   }
.tabs-text{
  padding: 2rem 2rem 2rem 2rem;
}

#tabs-img-pt1 {
  background-image: url("../images/images-new/pt/physiotherapist-1.png");
  background-repeat: no-repeat;
  background-size: 9.375rem; }

#tabs-img-pt2 {
  background-image: url("../images/images-new/pt/physiotherapist-2.png");
  background-repeat: no-repeat;
  background-size: 9.375rem; }

#tabs-img-pt3 {
  background-image: url("../images/images-new/pt/physiotherapist-3.png");
  background-repeat: no-repeat;
  background-size: 9.375rem; }

#tabs-img-pt4 {
  background-image: url("../images/images-new/pt/physiotherapist-4.png");
  background-repeat: no-repeat;
  background-size: 9.375rem; }

#tabs-img-pt5 {
  background-image: url("../images/images-new/pt/physiotherapist-5.png");
  background-repeat: no-repeat;
  background-size: 9.375rem; }

#tabs-img-pt6 {
  background-image: url("../images/images-new/pt/physiotherapist-6.png");
  background-repeat: no-repeat;
  background-size: 9.375rem; }

#PTimage {
  width: 100%;
  height: 100%;
  background-image: url("../images/images-new/physiotherapist.jpg");
  background-repeat: no-repeat;
  background-size: cover; }

#PTimage > h1 {
  margin: 0;
  text-align: center; }

#science-img {
  width: 100%;
  height: 100%;
  background-image: url("../images/images-new/move.jpeg");
  background-repeat: no-repeat;
  background-size: cover; }

#science-img > h1 {
  margin: 0;
  text-align: center; }

#demo-img {
  width: 100%;
  height: 100%;
  background-image: url("../images/demo_page_3Dtrainer.jpg");
  background-repeat: no-repeat;
  background-size: cover; }

#demo-img > h1 {
  margin: 0;
  text-align: center; }

#tabs-img-science1 {
  background-image: url("../images/images-new/science/science-1.png");
  background-repeat: no-repeat;
  background-size: 9.375rem; }

#tabs-img-science2 {
  background-image: url("../images/images-new/science/science-2.png");
  background-repeat: no-repeat;
  background-size: 9.375rem; }

#tabs-img-science3 {
  background-image: url("../images/images-new/science/science-3.png");
  background-repeat: no-repeat;
  background-size: 9.375rem; }

#tabs-img-science4 {
  background-image: url("../images/images-new/science/science-4.png");
  background-repeat: no-repeat;
  background-size: 9.375rem; }

#tabs-img-science5 {
  background-image: url("../images/images-new/science/science-5.png");
  background-repeat: no-repeat;
  background-size: 9.375rem; }

#tabs-img-science6 {
  background-image: url("../images/images-new/science/science-6.png");
  background-repeat: no-repeat;
  background-size: 9.375rem; }

#home-img {
  width: 100%;
  height: 100%;
  background-image: url("../images/images-new/home.jpg");
  background-repeat: no-repeat;
  background-size: cover; }

.title-text {
  top: 20%;
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;
  overflow: hidden;
  margin-bottom: 0rem;
}

.title-text h1 {
  line-height: 3rem; }

.title-text h2 {
  line-height: 2rem;
  margin-bottom: 0rem;
  font-size: 28px;
  margin-top: 0.5rem;
}

.title-text a{
  color: #ffde59;
  font-weight: 700;
}
.title-text a:hover{
  color: #ffd014;;
}

/* footer {
  height: 70px;
  background-color: #383838;
  color: white;
  line-height: 70px;
  padding-left: 20px;
  z-index:1;
  bottom: 0px;
  position: relative;
} */

footer {
  clear: both;
  background-color: #02eec0;
  color: white;
  width: 100%;
  line-height: 70px;
  padding-left: 20px;
  z-index:1;
  position: relative;
  bottom: 0px;
}

#demo-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  right: 0px;
  margin-right: 20px;
  float: right;
  overflow: hidden;
  position: relative;
}

#demo-nav a {
  color: #fff;
  line-height: 70px;
}

#demo-nav a:hover {
  text-decoration: underline;
}

.footer-menu{
  margin-bottom: 0px;
  position: absolute;
  right: 0px;
  margin-right: 20px;
}
.footer-menu a {
  color: #fff;
  line-height: 70px;
}

.footer-menu a:hover {
  text-decoration: underline;
}

.button{
  font-weight: 700 !important;
  color: #222222 !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.button.large{
  padding-top: 0.3rem;
  padding-bottom: 0.6rem;
  padding-left: 4rem;
  padding-right: 4rem;
  font-size: 2rem;
}

.button.medium{
  font-size: 1.5rem;
  padding-top: 0.3rem;
  padding-bottom: 0.6rem;
  padding-left: 4rem;
  padding-right: 4rem;
}

.button.small{
  min-width: 9rem;
  padding-top: 0.35rem;
  padding-bottom: 0.4rem;
  padding-left: 0rem;
  padding-right: 0rem;
}

.button.verySmall{
  min-width: 7rem;
  font-size: 0.8125rem;
  padding-top: 0.35rem;
  padding-bottom: 0.4rem;
  padding-left: 0rem;
  padding-right: 0rem;
}

.button.default{
  background: none;
}
.button.default:hover{
  background: rgba(0,0,0,0.1);
}
.button.default.large{
  padding-top:0.19375rem;
  padding-bottom:0.49375rem;
  min-width: 23rem;
}
.button.default.medium{
  font-size: 1.5rem;
  padding-top: 0.14375rem;
  padding-bottom: 0.44375rem;
  padding-left: 4rem;
  padding-right: 4rem;
}
.button.default.small{
  padding-top: 0.19375rem;
  padding-bottom: 0.24375rem;
}
.button.default.verySmall{
  padding-top: 0.19375rem;
  padding-bottom: 0.24375rem;
}

.button.default.white{
  border: 0.3125rem solid white;
  color: white;
}
.button.default.black{
  border: 0.3125rem solid black;
  color: black;
}
.pull-bottom{
  position: absolute;
  bottom: 0px;
}

.pull-bottom-relative{
  position: relative;
  bottom: 0px;
}
.button.center{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.button-wrapper{
  position: absolute;
  bottom: 0px;
  width: 100%;
}
.top-bar-section .has-dropdown {
  position: relative;
  width: 185px;
  text-align: center; }

.top-bar-section .has-dropdown > a {
  font-weight: 700;
  padding-right: 0px !important;
  padding-left: 0px !important; }

.top-bar-section .has-dropdown > a:after {
  border: none; }

#loginDropdown {
  width: 185px;
  margin-top: -3px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
  list-style: none;
}
#login-dropdown{
  max-width: 185px;
  border: none;
  margin-top: 0px;
}
#login-dropdown:before{
  visibility: hidden;
}
#login-dropdown:after{
  visibility: hidden;
}

#login-dropdown-button{
  font-weight: 700;
  width: 185px;
  text-align: left;
}
#login-dropdown-button:hover{
  background-color: white;
}
#loginDropdown li{
  background: none;
}

#loginButton {
  margin-top: 10px; }

.top-bar .button, .top-bar input {
  margin-bottom: 10px; }

.top-bar .button.small.default.black{
  background: none;
  font-size: 0.8125rem;
}
.top-bar .button.small.default.black:hover{
  background: rgba(0,0,0,0.1);;
}

#lang-menu {
  background-color: #EAEAEA;
  top: 45px;
  position: relative;
  width: 120px;
  border-radius: 2px;
}

#lang-dropdown {
  width: 60px;
  text-align: left;
  padding-left: 10px;
}

#langDropdown {
  width: 11rem;
  background-color: #fff;
  left: 10px;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
  text-align: left;
  border: none;
 }
#langDropdown li{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
#langDropdown li.lang-chosen{
  background-color: #ffde59;
}
#langDropdown li:hover{
  background-color: #ffd014;
  cursor: pointer;
}
#lang-button {
  font-weight: 400 !important;
  padding-right: 0px !important;
  padding-left: 10px !important;
 }

.top-bar-section .dropdown label {
  background: white; }

.top-bar-section .dropdown li label {
  background: white;
  text-transform: none;
  font-size: 1rem;
  font-weight: 400;
  color: black; }

.top-bar input {
  font-size: 1rem;
  top: 0px; }

.play-button {
  margin-top: 2%;
  margin-right: auto;
  margin-left:  auto;
  width: 100px;
  height: 100px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background: transparent;
  border: 13px solid #ffde59;
  opacity: 1;
  -webkit-transition: border-color 300ms ease-out;
  -moz-transition: border-color 300ms ease-out;
  transition: border-color 300ms ease-out;
}
.play-button.small{
  margin: 0;
  width: 50px;
  height: 50px;
  border: 6px solid #ffde59;
}

.play-button:after {
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  border-left: 40px solid #ffde59;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  top: 13px;
  left: 7px;
  position: relative;
  -webkit-transition: border-color 300ms ease-out;
  -moz-transition: border-color 300ms ease-out;
  transition: border-color 300ms ease-out;
  }
.play-button.small:after{
  border-left: 20px solid #ffde59;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  top: 8px;
  left: 11px;
}

.play-button:hover {
  border-color: #ffd014;
}
.play-button:hover:after {
  border-left: 40px solid #ffd014;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
.play-button.small:hover:after{
  border-left: 20px solid #ffd014;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

.play-button:active {
  -webkit-filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.3)); }

#video-link{
  color: black;
  font-weight: 600;
  margin-top: 1rem;
  line-height: 2rem;
}

.ex-video-listItem{
  position: absolute;
}

.ex-video-listItem h3, .ex-video-listItem .play-button.small{
  display: inline-block;
}
.ex-video-listItem h3{
  margin-left: 1rem;
  margin-right: 1rem;
  position: absolute;
}

.ex-pointer{
  display: inline-block;
  width: 400px;
  border-bottom: 4px solid #ffde59;
  position: absolute;
  top: 20px;
}
.ex-pointer:before{
  width: 1.5rem;
  height: 1.5rem;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background: #ffde59;
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  left: -0.75rem;
}

.ex-pointer:after{
  width: 1.5rem;
  height: 1.5rem;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background: #ffde59;
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  right: -0.75rem;
}

.demo-video-link span{
  font-size: 12px;
  color: black;
  position: absolute;
  width: 70px;
}
.demo-video-link span:hover{
  color: black;
  text-decoration: underline;
}

#back-exercise{
  left: 150px;
  top: 1100px;
}
#back-exercise h3{
  left: 400px;
  width: 300px;
}
#back-exercise .play-button.small{
  position: absolute;
  left: 637px;
  top: -3px;
}
#back-exercise .demo-video-link span{
  text-align: center;
  top: 47px;
  left: -14px;
}
#neck-exercise{
  left: 160px;
  top: 755px;
}
#neck-exercise h3{
  left: 410px;
  width: 300px;
}
#neck-exercise .play-button.small{
  position: absolute;
  left: 647px;
  top: -3px;
}
#neck-exercise .demo-video-link span{
  text-align: center;
  top: 47px;
  left: -14px;
}
#shoulder-exercise{
  left: 320px;
  top: 855px;
}
#shoulder-exercise h3{
  left: 400px;
  width: 300px;
}
#shoulder-exercise .play-button.small{
  position: absolute;
  left: 702px;
  top: -3px;
}
#shoulder-exercise .demo-video-link span{
  text-align: center;
  top: 47px;
  left: -14px;
}


@media only screen and (max-width: 1004px) /* menu button, all titles smaller, sign-up smaller + margin, h3 smaller, footer font-size, contact input field full row + margin top  */
{
  #back-exercise{
    left: 0px;
  }
  #back-exercise h3{
    left: 110px;
    width: 300px;
  }
  #back-exercise .play-button.small{
    position: absolute;
    left: 60px;
    top: -3px;
  }
  #neck-exercise{
    left: 0px;
  }
  #neck-exercise h3{
    left: 160px;
    width: 300px;
  }
  #neck-exercise .play-button.small{
    position: absolute;
    left: 120px;
    top: -3px;
  }
  #shoulder-exercise{
    left: 0px;
  }
  #shoulder-exercise h3{
    left: 220px;
    width: 300px;
  }
  #shoulder-exercise .play-button.small{
    position: absolute;
    left: 170px;
    top: -3px;
  }
}

@media only screen and (max-width: 660px) /* menu button, all titles smaller, sign-up smaller + margin, h3 smaller, footer font-size, contact input field full row + margin top  */
{
  .play-button.small{
    top: -12px !important;
  }
}

.flex-video {
  margin-bottom: 0rem; }

.flex-ptImg{
  max-width: 100%;
  height: auto;
  overflow: hidden;
}

#sign-up-button{
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.settings-iconEnvelope-placement{
  margin-left: 0.3rem;
  margin-top: 0.4rem;
}

.settings-iconTooltip-placement{
  margin-left: 0.05rem;
  margin-top: 0.3rem;
  display: inline-block;
}

.settings-iconSkype-placement{
  margin-left: 0.2rem;
  margin-top: 0.2rem;
}

/*Testimonials*/
.section-title{
  margin-bottom: 3rem;
  font-size: 2.5rem;
  font-weight: 400;
}
.testimonial {
  position: relative;
  quotes: '/201C' '/201D' '/2018' '/2019';
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border:none;
  height: 12rem;
}
.testimonial-text{
  display: inline-block;
  vertical-align: top;
  max-width: 25rem;
}

.testimonial-text p{
  font-size: 1rem;
  text-indent: initial;
}

.testimonial-text h1{
  font-size:  1rem;
  font-weight: 700;
  line-height: 1;
  text-indent: initial;
}

.bqstart{
  font-size: 10rem;
  font-family: Georgia, serif;
  top: -5.5rem;
  text-indent: 0;
  position: relative;
  left: 0;
}

.pt-testi{
  color: #02eec0;
  /*color: #383838;*/
}

.user-testi{
  color: #ffde59;
}

.user-img{
  width: 100px;
  height: 100px;
  display: inline-block;
  margin-left: 2rem;
  margin-right: 10px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  opacity: 1;
  position: relative;
  top: -3rem;
  left: -0.3rem;
}


#img-baijia{
  background: url("../images/baijia.png");
  border: 2px solid #ffde59;
  background-size: 100px 100px;
}

#img-gert{
  background: url("../images/gert.png");
  border: 2px solid #ffde59;
  background-size: 100px 100px;
}

#signup-choose{
  margin-left: auto;
  margin-right: auto;
  margin-top: 6rem;
  margin-bottom: 10rem;
}
#signup-choose h1{
  margin-bottom: 3rem;
}

#signup-choose p{
  margin-bottom: 6rem;
}

#signup-choose .button{
  width: 14rem;
}
#signup-choose .col-text{
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 2rem;
}

.signup-img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/********** team page ***********/

#team-title{
  margin-top: 2rem;
  margin-bottom: 3rem;
  font-weight: 740;
  position: relative;
  text-align: left;
  margin-left: 2.5rem;
  font-size: 45px;
  line-height: 4rem;
  color: black;
}

.team-img{
  width: 140px;
  height: 140px;
  display: inline-block;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  opacity: 1;
  position: relative;
  overflow: hidden;
  margin-left: 2.3rem;
  background-repeat: no-repeat;
  border: 2px solid #ffde59;
  background-position: center;
  background-size: contain;
}

#johannes-img{
	background: url("../images/images-new/team/johannes.jpg");
}
#jose-img{
  background: url("../images/images-new/team/jose.jpg");
}
#tomasz-img{
  background: url("../images/images-new/team/tomasz.jpg");
}
#traian-img{
  background: url("../images/images-new/team/traian.jpg");
}
#placeholder-img{
  background: url("../images/images-new/team/photo.jpg");
}
#team-display{
	display: inline-block;
}

.team-employee{
	margin-bottom: 1rem;
	overflow: hidden;
}

.employee-info{
  display: inline-block;
  vertical-align: top;
  margin-left: 2.4rem;
  margin-top: 0.5px;
}

.employee-info p{
  width: 12.25rem;
  font-size: 0.9rem;
  text-indent: center;
}

.employee-info h1{
  font-size:  1rem;
  font-weight: 600;
  line-height: 1;
  text-indent: center;
}

.employee-info2{
  display: inline-block;
  vertical-align: top;
  margin-left: 215px;
  margin-top: 5px;
}

.employee-info2 p{
  width: 12.4rem;
  font-size: 0.9rem;
  text-indent: center;
}

.employee-info2 h1{
  font-size:  1rem;
  font-weight: 600;
  line-height: 1;
  text-indent: center;
}

/********** contact **********/

.contact{
	padding-left: 2rem;
	padding-right: 2rem;
	padding-top: 1rem;
	overflow: hidden;
}

.contact-icon{
  padding-top: 2rem;
}

/********** signup tabs *********/

.tabs-content.signup{
  padding-left: 2rem;
  padding-right: 2rem;
  margin-bottom: 4.375rem;
  height: 100%;
}
.signup-navigation{
  margin-bottom: 1rem !important;
}

.signup-navigation .next{
  right: 2rem;
  position: absolute;
}

.signup-navigation .back{
  left: 2rem;
  bottom: 0rem;
}
.signup-navigation a{
  margin-bottom: 0px;
}

.smallSite-wrapper{
  width: 100%;
  min-height: 38.75rem;
  margin-bottom: -4.375rem;
}
img.center{
  margin-right: auto;
  margin-left: auto;
  display: block;
}


/******* Progress Tracker *********/

dd:last-child{
  border-bottom: none !important;
}

.prog-tracker dd > a{
  visibility: hidden;
}
.prog-tracker dd.active > a{
  visibility: visible;
}
.prog-tracker dd.active:last-child > a{
  bottom: 24px;
}

.prog-tracker dd.active:last-child > a:before {
  width: 0;
  height: 0;
  content: "";
  border-top: 11px solid #ffde59;
  border-left: 0px solid transparent;
  border-right: 16px solid transparent;
  position: absolute;
  left: -1px;
  bottom: -12px;
}

.prog-tracker dd.active:last-child > a:after {
  width: 0;
  height: 0;
  content: "";
  border-top: 10px solid #fff6e0;
  border-left: 0px solid transparent;
  border-right: 14px solid transparent;
  position: absolute;
  left: 0px;
  bottom: -10px;
}


.prog-tracker.green dd.active > a{
  background: #e5fff1;
  border: 1px solid #02eec0;
  /*border: 1px solid #383838;*/
}


.prog-tracker.yellow dd.active > a{
  background: #fff6e0;
  border: 1px solid #ffde59;
}

.prog-tracker dd.active > a{
  font-size: 0.8rem;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-right: 2rem;
  pointer-events: none;
  cursor: default;
  position: absolute;
  bottom: 1.25rem;
}
.prog-tracker.yellow dd.active > a:before{
  border-top: 11px solid #ffde59;
}

.prog-tracker.green dd.active > a:before{
  border-top: 11px solid #02eec0;
  /*border-top: 11px solid #383838;*/
}

.prog-tracker dd.active > a:before {
  width: 0;
  height: 0;
  content: "";
  border-left: 0px solid transparent;
  border-right: 16px solid transparent;
  position: absolute;
  left: -1px;
  bottom:-12px;
}

.prog-tracker.yellow dd.active > a:after{
  border-top: 10px solid #fff6e0;
}

.prog-tracker.green dd.active > a:after{
  border-top: 10px solid #e5fff1;
}

.prog-tracker dd.active > a:after {
  width: 0;
  height: 0;
  content: "";
  border-left: 0px solid transparent;
  border-right: 14px solid transparent;
  position: absolute;
  left: 0px;
  bottom: -10px;
}

.prog-tracker dd > a:hover{
  background: #fff6e0;
}


.prog-tracker-step{
  background: none;
  width: 8rem;
  height: 3rem;
}

.prog-tracker-step.yellow{
  border-bottom: 3px solid #ffde59;
}

.prog-tracker-step.green{
  border-bottom: 3px solid #02eec0;
  /*border-bottom: 3px solid #383838;*/
}

.prog-tracker-step:after{
  width: 1.5rem;
  height: 1.5rem;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background: #bcbcbc;
  content: "";
  display: block;
  position: absolute;
  top: 2.2rem;
  left: -0.75rem;
}

.prog-tracker-step.done{
  background: none;
  width: 8rem;
  height: 3rem;
}


.prog-tracker-step.yellow.done:after{
  background: #ffde59;
}

.prog-tracker-step.green.done:after{
  background: #02eec0;
  /*background: #383838; */
}

.prog-tracker-step.done:after{
  width: 1.5rem;
  height: 1.5rem;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  content: "";
  display: block;
  position: absolute;
  top: 2.2rem;
  left: -0.75rem;
}

.input-inline{
  display: -webkit-inline-box;
}

ul.whiteBullet{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

li.whiteBullet{
  list-style: none;
}

li.whiteBullet:before{
  content:'\2022';
  display: block;
  position: relative;
  max-width: 0px;
  max-height: 0px;
  left: -0.9rem;
  top: -0.45rem;
  color: white;
  font-size: 1.6rem;
}

ul.tagit li.tagit-choice{
  background-color: #fff6e0;
  border: 1px solid #ffde59;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  font-size: 0.875rem !important;
}
.tagit-label{
  font-size: 0.875rem !important;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.tagit-new{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.ring{
  position: absolute;
  top: 2rem;
  left: 1.1rem;
  width: 2.7rem;
  height: 2.7rem;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background: transparent;
  border: 0.3rem solid white;
}
.ring.white{
  border: 0.3rem solid white;
}
.ring.green{
  border: 0.3rem solid #02eec0;
  /*border: 0.3rem solid #383838;*/
}

.spacing.small{
  height: 4rem;
}

#address{
  margin: 0.5rem 0.5rem 0.5rem 0.5rem;
}
#map-canvas img{
  max-width: none;
}
.price-header{
  height: 6rem;
}
.price{
  padding-left: 2rem;
  padding-right: 2rem;
  position: absolute;
  bottom: 0px;
}
.price.inner{
  padding-right: 0rem;
}
.price-content{
  padding-bottom: 0rem;
  height: 19rem;
}
.price p{
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 0.5;
}

.price-tag{
  font-size: 30px !important;
  font-weight: bold;
}
.tandc-text{
  padding: 2rem 2rem 2rem 2rem !important;
}

#credit{
  float: right;
  font-size: 0.7rem;
}
#credit a{
  color: black;
}

@media only screen and (max-width: 1170px) /* pt bubbles smaller, puzzle pieces, footer, index arrows pointing down */
{
	.feature-tabs dd > a {
	  display: inline-block;
	  width: 6.375rem;
	  height: 6.375rem;
	  -moz-border-radius: 4.6875rem;
	  -webkit-border-radius: 4.6875rem;
	  border-radius: 4.6875rem;
    /*background: #02eec0;*/
	  background: #0088cc;
	  color: #222222;
	  padding-top: 0rem;
	  padding-right: 0rem;
	  padding-bottom: 0rem;
	  padding-left: 0rem;
	}

	.feature-tabs dd > a:hover {
	  background: #01ffcd; }

	.feature-tabs dd.active a {
	  background: #01ffcd; }

	.feature-tabs dd.active a:before {
	  display: inline-block;
	  width: 0;
	  height: 0;
    border-bottom: 2.8125rem solid #02eec0;
	 /* border-bottom: 2.8125rem solid #383838;*/
	  border-left: 2.8125rem solid transparent;
	  border-right: 2.8125rem solid transparent;
	  content: "";
	  position: relative;
	  top: 6.6875rem;
	  left: -0rem;
	}

	#tabs-img-pt1 {
	  background-image: url("../images/images-new/pt/physiotherapist-1.png");
	  background-repeat: no-repeat;
	  background-size: 6.375rem;
	}

	#tabs-img-pt2 {
	  background-image: url("../images/images-new/pt/physiotherapist-2.png");
	  background-repeat: no-repeat;
	  background-size: 6.375rem;
	}

	#tabs-img-pt3 {
	  background-image: url("../images/images-new/pt/physiotherapist-3.png");
	  background-repeat: no-repeat;
	  background-size: 6.375rem;
	}

	#tabs-img-pt4 {
	  background-image: url("../images/images-new/pt/physiotherapist-4.png");
	  background-repeat: no-repeat;
	  background-size: 6.375rem;
	}

	#tabs-img-pt5 {
	  background-image: url("../images/images-new/pt/physiotherapist-5.png");
	  background-repeat: no-repeat;
	  background-size: 6.375rem;
	}

	#tabs-img-pt6 {
	  background-image: url("../images/images-new/pt/physiotherapist-6.png");
	  background-repeat: no-repeat;
	  background-size: 6.375rem;
	}

	#tabs-img-science1 {
	  background-image: url("../images/images-new/science/science-1.png");
	  background-repeat: no-repeat;
	  background-size: 6.375rem; }

	#tabs-img-science2 {
	  background-image: url("../images/images-new/science/science-2.png");
	  background-repeat: no-repeat;
	  background-size: 6.375rem; }

	#tabs-img-science3 {
	  background-image: url("../images/images-new/science/science-3.png");
	  background-repeat: no-repeat;
	  background-size: 6.375rem; }

	#tabs-img-science4 {
	  background-image: url("../images/images-new/science/science-4.png");
	  background-repeat: no-repeat;
	  background-size: 6.375rem; }

	#tabs-img-science5 {
	  background-image: url("../images/images-new/science/science-5.png");
	  background-repeat: no-repeat;
	  background-size: 6.375rem; }

	#tabs-img-science6 {
	  background-image: url("../images/images-new/science/science-6.png");
	  background-repeat: no-repeat;
	  background-size: 6.375rem; }

	.green-col.puzzle:after {
	  width: 4rem;
	  height: 4rem;
	  -moz-border-radius: 2rem;
	  -webkit-border-radius: 2rem;
	  border-radius: 2rem;
	  content: "";
	  position: absolute;
	  top: auto;
	  left: 50%;
	  margin-left: auto;
	  margin-right: auto;
	  bottom: -0.5rem;
	  display: block;
	  background-color: #ffde59; }

	.green-col.puzzle.text{
	  padding: 2rem 2rem 2rem 2rem;
	  padding-bottom: 3rem;
	}

	.yellow-col.puzzle:after {
	  width: 4rem;
	  height: 4rem;
	  -moz-border-radius: 2rem;
	  -webkit-border-radius: 2rem;
	  border-radius: 2rem;
	  content: "";
	  position: absolute;
	  margin-left: auto;
	  margin-right: auto;
	  top: auto;
	  left: 50%;
	  top: -0.5rem;
	  display: block;
    background-color: #02eec0;
	  /*background-color: #383838;*/ }

	.yellow-col.puzzle.text{
	  padding: 2rem 2rem 2rem 5rem;
	  padding-top: 3rem;
	}

	.border-col.arrow:after{
	  width: 0;
	  height: 0;
    border-top: 1.5rem solid #02eec0;
	  /*border-top: 1.5rem solid #383838;*/
	  border-left: 1.5rem solid transparent;
	  border-right: 1.5rem solid transparent;
	  border-bottom: none;
	  content: "";
	  position: absolute;
	  top: 0rem;
	  left: 45%;
	  margin-left: auto;
	  margin-right: auto;
	  display: inline-block; }

	.green-col.arrow:after{
	  width: 0;
	  height: 0;
	  border-top: 1.5rem solid white;
	  border-left: 1.5rem solid transparent;
	  border-right: 1.5rem solid transparent;
	  border-bottom: none;
	  content: "";
	  position: absolute;
	  top: -4px;
	  left: 45%;
	  margin-left: auto;
	  margin-right: auto;
	  display: inline-block;
	}

	#sign-up-button{
	  margin-top: 3%;
	  margin-left: auto;
	  margin-right: auto;
	}

	.top-bar-section ul li > a.button {
	  font-size: 0.8rem;
	}

	.top-bar-section .dropdown label {
	  background: white; }

	.top-bar-section .dropdown li label {
	  background: white;
	  text-transform: none;
	  font-size: 0.9rem;
	  font-weight: 400;
	  color: black; }

	.top-bar input {
	  font-size: 0.9rem;
	  top: 0px; }

	#signup-choose .col-text{
	  padding-top: 1rem;
	  padding-left: 1rem;
	  padding-right: 1rem;
	  text-align: center;
	}
}

@media only screen and (max-width: 660px) /* menu button, all titles smaller, sign-up smaller + margin, h3 smaller, footer font-size, contact input field full row + margin top  */
{
	#tabs-img-pt1 {
	  background-image: url("../images/images-new/pt/physiotherapist-1.png");
	  background-repeat: no-repeat;
	  background-size: 3rem;
	}

	#tabs-img-pt2 {
	  background-image: url("../images/images-new/pt/physiotherapist-2.png");
	  background-repeat: no-repeat;
	  background-size: 3rem;
	}

	#tabs-img-pt3 {
	  background-image: url("../images/images-new/pt/physiotherapist-3.png");
	  background-repeat: no-repeat;
	  background-size: 3rem;
	}

	#tabs-img-pt4 {
	  background-image: url("../images/images-new/pt/physiotherapist-4.png");
	  background-repeat: no-repeat;
	  background-size: 3rem;
	}

	#tabs-img-pt5 {
	  background-image: url("../images/images-new/pt/physiotherapist-5.png");
	  background-repeat: no-repeat;
	  background-size: 3rem;
	}

	#tabs-img-pt6 {
	  background-image: url("../images/images-new/pt/physiotherapist-6.png");
	  background-repeat: no-repeat;
	  background-size: 3rem;
	}

	#tabs-img-science1 {
	  background-image: url("../images/images-new/science/science-1.png");
	  background-repeat: no-repeat;
	  background-size: 3rem; }

	#tabs-img-science2 {
	  background-image: url("../images/images-new/science/science-2.png");
	  background-repeat: no-repeat;
	  background-size: 3rem; }

	#tabs-img-science3 {
	  background-image: url("../images/images-new/science/science-3.png");
	  background-repeat: no-repeat;
	  background-size: 3rem; }

	#tabs-img-science4 {
	  background-image: url("../images/images-new/science/science-4.png");
	  background-repeat: no-repeat;
	  background-size: 3rem; }

	#tabs-img-science5 {
	  background-image: url("../images/images-new/science/science-5.png");
	  background-repeat: no-repeat;
	  background-size: 3rem; }

	#tabs-img-science6 {
	  background-image: url("../images/images-new/science/science-6.png");
	  background-repeat: no-repeat;
	  background-size: 3rem; }

	.science-img {
	  display: block;
	  margin-left: auto;
	  margin-right: auto;
	  width: 8rem;
	  height: 8rem;
	}

	.green-col.puzzle:after {
	  width: 4rem;
	  height: 4rem;
	  -moz-border-radius: 2rem;
	  -webkit-border-radius: 2rem;
	  border-radius: 2rem;
	  content: "";
	  position: absolute;
	  top: auto;
	  left: 30%;
	  margin-left: auto;
	  margin-right: auto;
	  bottom: -0.5rem;
	  display: block;
	  background-color: #ffde59; }

	.green-col.puzzle.text{
	  padding: 2rem 2rem 2rem 2rem;
	  padding-bottom: 4rem;
	}

	.yellow-col.puzzle:after {
	  width: 4rem;
	  height: 4rem;
	  -moz-border-radius: 2rem;
	  -webkit-border-radius: 2rem;
	  border-radius: 2rem;
	  content: "";
	  position: absolute;
	  margin-left: auto;
	  margin-right: auto;
	  /* top: 80%; */
	  left: 30%;
	  top: -0.5rem;
	  display: block;
    background-color: #02eec0;
	  /*background-color: #383838;*/ }

	.yellow-col.puzzle.text{
	  padding: 2rem 2rem 2rem 5rem;
	  padding-top: 4rem;
	  padding-left: 2rem;
	}

	.title-text {
	  top: 20%  ;
	  width: 100%;
	  height: 100%;
	  position: relative;
	  text-align: center;
	  overflow: hidden;
	  margin-bottom: 0rem;
	}

  .title-text a{
    color: #ffde59;
    font-size: 1rem;
    font-weight: 600;
  }

  .title-text a:hover{
    color: #ffd014;;
  }

	.title-text h1 {
	  line-height: 3rem;
	  font-size: 24px;
	}

	.title-text h2 {
	  line-height: 2rem;
	  margin-bottom: 0rem;
	  font-size: 18px;
	  margin-top: 0.5rem;
	}

	#allRights{
	  font-size: 0.7rem;
	  line-height: 2.5rem;
	}

	#demo-nav {
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  right: 0px;
	  margin-right: 20px;
	  float: right;
	  overflow: hidden;
	  position: relative;
	  font-size: 0.7rem;
	}

	#demo-nav a {
	  color: #fff;
	  line-height: 2.5rem;
	}

	#demo-nav a:hover {
	  text-decoration: underline;
	}

	h3{
	  font-size: 20px;
	  font-weight: 700;
	  margin-top: 0px;
	}

	.ring{
	  position: absolute;
	  top: 1.6rem;
	  left: 1rem;
	  width: 2.7rem;
	  height: 2.7rem;
	  -moz-border-radius: 100%;
	  -webkit-border-radius: 100%;
	  border-radius: 100%;
	  background: transparent;
	  border: 0.3rem solid white;
	}
  .ring.white{
    border: 0.3rem solid white;
  }
  .ring.green{
    border: 0.3rem solid #02eec0;
    /*border: 0.3rem solid #383838;*/
  }

	p {
	  font-size: 0.8rem;
	  font-weight: 400;
	}

	li{
	  font-size: 0.8rem;
	}

	.section-title{
	  margin-top: 1.5rem;
	  margin-bottom: 1.5rem;
	  font-size: 1.5rem;
	  font-weight: 400;
	}

	.price-header{
	  height: 1.5rem;
	}
	.price-content{
	  padding-bottom: 0rem;
	  height: 15rem;
	}
	.price p{
		font-size: 1rem;
		font-weight: 700;
		line-height: 1.5;
	}

	#sign-up-button{
	  margin-top: 3%;
	  margin-left: auto;
	  margin-right: auto;
	}

	.feature-tabs dd {
	  position: relative;
	  margin-bottom: 0 !important;
	  top: 0px;
	}

	.feature-tabs dd > a {
	  display: inline-block;
	  width: 3rem;
	  height: 3rem;
	  -moz-border-radius: 4.6875rem;
	  -webkit-border-radius: 4.6875rem;
	  border-radius: 4.6875rem;
    /*background: #02eec0;*/
	  background: #0088cc;
	  color: #222222;
	  padding-top: 0rem;
	  padding-right: 0rem;
	  padding-bottom: 0rem;
	  padding-left: 0rem;
	}

	.feature-tabs dd > a:hover {
	  background: #01ffcd; }

	.feature-tabs dd.active a {
	  background: #01ffcd; }

	.feature-tabs dd.active a:before {
	  display: inline-block;
	  width: 0;
	  height: 0;
    border-bottom: 1.8125rem solid #02eec0;
	  /*border-bottom: 1.8125rem solid #383838;*/
	  border-left: 1.8125rem solid transparent;
	  border-right: 1.8125rem solid transparent;
	  content: "";
	  position: relative;
	  top: 4.6875rem;
	  left: -0.3rem;
	}

	.get-started-PT {
	  margin-top: 1.25rem;
	  margin-bottom: 5rem;
	}

	.contact-icon{
	  padding-top: 5rem;
	}

	.top-bar-section ul li > a.button {
	  font-size: 0.8rem;
	}

	.top-bar-section .dropdown label {
	  background: white; }

	.top-bar-section .dropdown li label {
	  background: white;
	  text-transform: none;
	  font-size: 0.8rem;
	  font-weight: 400;
	  color: black; }

	.top-bar input {
	  font-size: 0.8rem;
	  top: 0px; }

	#signup-choose .col-text{
	  padding-top: 1rem;
	  padding-left: 1rem;
	  padding-right: 1rem;
	  text-align: center;
	}
}

.content-container{
    padding: 2rem 2rem 2rem 2rem;
}

#app-slot-container{
    padding-left: 1rem;
    padding-bottom: 2px;
}

@media only screen and (max-width: 1170px) /* pt bubbles smaller, puzzle pieces, footer, index arrows pointing down */
{
    #app-slot-container{
        padding-left: 0rem;
    }
}

#app-slot-content{
    border: 2px solid #02eec0;
    /*border: 2px solid #383838;*/
    height: 100%;
    padding: 10px;
    overflow: auto;
}
.app-slot-book{
    color: #ffde59;
    font-weight: 600;
}
#app-slot-list li{
    margin-bottom: 0.5rem;
}
.app-slot-book:hover{
    color: #ffde59;
}
#video-pt-list li{
  margin-bottom: 20px;
}

#video-pt-list .user-img{
  width: 130px;
  height: 130px;
  top: 0px;
  margin-left: auto;
  margin-right: auto;
}

#video-pt-list .user-img.active{
  width: 150px !important;
  height: 150px !important;
  border: 3px solid #02eec0;
  /*border: 3px solid #383838;*/
}

.th{
  -webkit-box-shadow: 0 0 0 2px rgba(255, 222, 89, 0.5);
  box-shadow: 0 0 0 2px rgba(255, 222, 89, 0.5);
}
.th:hover{
  -webkit-box-shadow: 0 0 6px 1px rgba(255, 222, 89, 0.8);
  box-shadow: 0 0 6px 1px rgba(255, 222, 89, 0.8);
}

#lang-chooser{
  margin-top: 17px;
  background-color: #02eec0;
  /*background-color: #383838;*/
  border: none;
  font-size: 1rem;
}
@media only screen and (max-width: 1004px) /* menu button, all titles smaller, sign-up smaller + margin, h3 smaller, footer font-size, contact input field full row + margin top  */
{
  #lang-chooser{
    font-size: 0.875rem;
    padding-left:  23.33333px;
    width: 40%;
    float: left;
  }
}
#lang-chooser:hover{
  /*background-color: #02eec0;*/
  background-color: #0088cc;
  cursor: pointer;
};

/*For the Create VAPA interface*/
object {
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}

.exercise_curve {
    border-radius: 15px;
    height: 30%;
    width: 30%;
    margin:10px;
}

.box {
    text-align:center;
}

.dark_text{
  color: black;
}

.full_height{
  height: 100%;
}

.dropdown_margin_bottom{
  margin-bottom: 5px;
}