/*GENERAL STYLES*****************************************************************************************************/
html,
body {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  min-height: 100%;
  background: #fff;
  margin: 0;
  padding: 0;
  color: #000;
  -webkit-overflow-scrolling: touch;
}
.img {
  position: relative;
  display: block;
}
/*PAGES: page--lp(loading), page--survey, page--again, page--end, page send*/
.pages {
  -webkit-overflow-scrolling: touch;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: top 0.6s cubic-bezier(0.215, 0.61, 0.355, 1),
    height 0.6s cubic-bezier(0.215, 0.61, 0.355, 1),
    -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1),
    top 0.6s cubic-bezier(0.215, 0.61, 0.355, 1),
    height 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1),
    top 0.6s cubic-bezier(0.215, 0.61, 0.355, 1),
    height 0.6s cubic-bezier(0.215, 0.61, 0.355, 1),
    -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translate3d(0, 0vh, 0);
  transform: translate3d(0, 0vh, 0);
}
.step-survey .page {
  -webkit-transform: translate3d(0, -100vh, 0);
  transform: translate3d(0, -100vh, 0);
}
.step-again .page,
.step-intro .page,
.step-end .page {
  -webkit-transform: translate3d(0, -200vh, 0);
  transform: translate3d(0, -200vh, 0);
}
.step-again .send,
.step-end .send {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.aboutus .send {
  -webkit-transform: translate3d(0, -300vh, 0);
  transform: translate3d(0, -300vh, 0);
}
.step-again .messenger-c,
.step-end .messenger-c {
  /*-webkit-transform: translateY(-48vh);
          transform: translateY(-48vh);*/
}
.step-again .page--end {
  display: none;
}
.step-end .page--again {
  display: none;
}
.bt-fb {
  position: relative;
  background-color: #5ab1ed;
  background-color: -moz-linear-gradient(left, #5ab1ed 1%, #2781c5 100%);
  background-color: -webkit-linear-gradient(left, #5ab1ed 1%, #2781c5 100%);
  background-color: linear-gradient(to right, #5ab1ed 1%, #2781c5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ab1ed', endColorstr='#2781c5',GradientType=1 );
  background-image: url("./imgs/ico_messenger.png");
  background-repeat: no-repeat;
  background-position: 20px center;
  background-size: 32px auto;
  width: 90% !important;
  height: 52px !important;
  display: block;
  margin: 0 auto;
  line-height: 8vh;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 2.25vh;
  font-weight: 200;
  text-align: center;
  border-radius: 40px;
  margin-bottom: 15px;
}
/*HEADER TOP: menu, logo *******************************************************************/
header {
  position: fixed;
  z-index: 101;
  top: 0;
  left: 0;
  background-color: #bfdde1;
  width: 100%;
  height: 50px;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  transition: height 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  vertical-align: top;
}
header .logo {
  position: absolute;
  display: block;
  width: 80px;
  height: 90%;
  /* background-size: 96% auto; */
  /* background-position: center center; */
  margin: 0 auto;
  vertical-align: top;
  z-index: 3000;
  left: calc(50% - 40px);
}
header .logo > a {
  display: block;
  padding: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
header .logo > img.logo-techtrendr {
  max-width: 100%;
}
header:after {
  position: absolute;
  content: "";
  display: block;
  width: 86vw;
  height: 2px;
  background-color: #ebebeb;
  bottom: 1px;
  left: 7vw;
  opacity: 1;
  transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  display: none;
}
.img--logo {
  width: 340px;
  height: 245px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVQAAAD1CAYAAAAPpQ1KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0VDQUU3QUMxMUY3MTFFOEI0MzNBQkU0MTgzMDhCQkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0VDQUU3QUQxMUY3MTFFOEI0MzNBQkU0MTgzMDhCQkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDRUNBRTdBQTExRjcxMUU4QjQzM0FCRTQxODMwOEJCRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDRUNBRTdBQjExRjcxMUU4QjQzM0FCRTQxODMwOEJCRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/ProeBtcAACqJSURBVHja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");
  background-size: 340px 245px;
  background-repeat: no-repeat;
}
.step-again header:after,
.step-end header:after {
  opacity: 1;
}
.bt-menu {
  position: absolute;
  left: 3%;
  top: 50%;
  display: block;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  background-image: url("./imgs/bt-menu.svg");
  width: 45px;
  height: 28px;
  background-size: 19px auto;
  background-repeat: no-repeat;
  background-position: center center;
}
.small header .bt-menu {
  background-size: 19px auto;
}
/*MENU *******************************************************************/
.menu-content {
  overflow-y: auto;
  height: 100%;
  padding: 50px;
}
.menu {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #a4cbd0;
  z-index: 1000;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1),
    -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  max-width: 400px;
  width: 100%;
  font-family: "Open Sans", sans-serif;
}
.menu.visible {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.menu a {
  font-family: "Open Sans", sans-serif;
  color: #fff;
  padding: 4px 0;
  display: block;
  font-size: 16px;
  font-weight: 200;
  letter-spacing: 0.2px;
}
.menu-bt-close {
  position: absolute;
  top: 1vw;
  right: 1vw;
  display: block;
  background-image: url("./imgs/bt-close.svg");
  width: 45px;
  height: 45px;
  background-size: 45px 45px;
  z-index: 1002;
}
.menu-copyright {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  margin-top: 20px;
  display: block;
}
.menu ul {
  list-style-type: none;
  padding: 0;
  width: 100%;
}
.menu ul.links {
  margin: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.6);
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
.menu ul li {
  list-style-type: none;
  color: #fff;
}
.menu ul li a {
  color: #fff;
  padding: 2px 0;
  display: block;
  font-size: 16px;
}
.menu .logo {
  margin-bottom: 20px;
}
.menu ul.logos li img {
  max-width: 80%;
}
.menu ul.logo img {
  width: 100%;
}
/*PAGE INTRO 2020 NEW SITE ************************************************************************************************************/
@import url("https://fonts.googleapis.com/css?family=Bowlby+One&display=swap");
@import url("https://fonts.googleapis.com/css?family=Muli:400,500&display=swap");

.hidd {
  overflow: hidden !important;
}
::-webkit-input-placeholder {
  /* Edge */
  color: #bcbcbc;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #bcbcbc;
}
::placeholder {
  color: #bcbcbc;
}
.move {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.page-intro .gray {
  background: transparent;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  color: transparent;
  position: fixed;
}
.content.hidd .gray {
  width: 100%;
  height: 100%;
  z-index: 250;
}
.page.page-intro {
  transform: none;
  -webkit-transform: none;
}
.page-intro * {
  font-family: "Open Sans", sans-serif;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.page-intro {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 100;
}
.content-landing {
  height: 100%;
  width: 100%;
  position: relative;
  background-color: #fff;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
.page-intro .center {
  width: 1200px;
  margin: 0 auto;
}
.page-intro .flex {
  display: flex;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.page-intro p {
  font-size: 20px;
  color: #4a4a4a;
  letter-spacing: 0.3px;
  line-height: 180%;
  margin: 10px 0;
}
.page-intro h2 {
  color: #8aabaf;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 50px;
}
/*NAV*/
.page-intro .navigation {
  left: 0;
  top: 0;
  z-index: 200;
  width: 100%;
  padding: 20px 0;
}
.page-intro .navigation .logo {
}
.page-intro .navigation .nav-links li {
}
.page-intro .navigation .nav-links li a {
  padding: 6px 15px;
  color: #fff;
  position: relative;
  font-size: 16px;
}
.page-intro .navigation .nav-links li a:hover {
  text-decoration: none;
}
.page-intro .navigation .nav-links li a:before {
  content: "";
  width: calc(100% - 30px);
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 15px;
  bottom: 0;
  opacity: 0;
}
.page-intro .navigation .nav-links li:hover a:before {
  opacity: 1;
}

/*MAIN TOP*/
.page-intro .main-top {
  position: relative;
  height: 90vh;
  min-height: 300px;
  background-image: linear-gradient(
    179deg,
    #a3cad0 0%,
    #bfdde1 28%,
    #cceaee 48%
  );
}
.page-intro .main-top .center {
  height: 100%;
  position: relative;
}
.page-intro .main-top h1 {
  font-size: 44px;
  font-weight: bold;
  color: #000;
  margin-bottom: 20px;
  letter-spacing: 0.6px;
}
.page-intro .main-top p {
  font-size: 22px;
  color: #4a4a4a;
  margin-bottom: 28px;
  line-height: 145%;
}
.page-intro .main-top .img {
  position: absolute;
  left: -20%;
  bottom: -100px;
  z-index: 100;
}
.page-intro .main-top .circle {
  width: 600px;
  height: 600px;
  display: block;
  background-color: #fff;
  border-radius: 100%;
  z-index: 99;
  position: absolute;
  bottom: -10px;
  text-indent: -99999px;
  opacity: 0.6;
}
.page-intro .main-top .text {
  position: absolute;
  left: 55%;
  bottom: 40%;
  z-index: 202;
}
.page-intro .btn {
  font-size: 14px;
  padding: 12px 26px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  border-radius: 2px;
  margin-right: 15px;
  border-radius: 4px;
}
.page-intro .btn.primary {
  background-color: #ff822e;
  color: #fff;
}
.page-intro .btn.primary:hover {
  background-color: #ff682e;
}
.page-intro .btn.outline {
  color: #566b6d;
  border: 1px solid #6c8587;
}
.page-intro .btn.outline:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
/*WHT WE DO*/
.page-intro .what-we-do {
  padding-top: 120px;
  text-align: center;
}
.page-intro .what-we-do .box {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
}
.page-intro .what-we-do .box li {
  padding: 20px;
  flex: 1;
  box-sizing: border-box;
  text-align: left;
}
.page-intro .what-we-do .box p {
  max-width: 480px;
}
.page-intro .what-we-do .box p strong {
  color: #fa6400;
}
.page-intro .flex.bg {
  align-items: stretch;
}
.page-intro .flex.bg > div {
  width: 100%;
  box-sizing: border-box;
  padding: 5%;
}
.color-1 {
  background-color: #f3fafb;
}
.color-2 {
  background-color: #e1f1f3;
}
.page-intro .what-we-do .flex.bg p {
  text-align: center;
  width: 58%;
  margin: 0 auto;
  font-size: 24px;
}
.page-intro .what-we-do .flex.bg p strong {
  display: block;
  font-size: 16px;
  margin-top: 30px;
}
.page-intro .what-we-do .border {
  text-align: center;
  padding: 20px 30px;
  box-sizing: border-box;
  border: 6px solid #ff822e;
  width: 70%;
  margin: 50px auto;
}
.page-intro .what-we-do .border p {
  font-size: 18px;
}
.page-intro .what-we-do .border a {
  font-weight: bold;
  color: #4a4a4a;
}
.page-intro .what-we-do .border a:hover {
  color: #ff822e;
  text-decoration: none;
}
/*RESULTS*/
.page-intro .results .center {
  text-align: center;
  padding: 100px 0;
}
.page-intro .results .cards {
  overflow: hidden;
}
.page-intro .results .cards li {
  width: 25%;
  float: left;
}
.page-intro .results .cards li > div.bg {
  background-color: #f3fafb;
  width: 90%;
  margin: 0 auto;
  height: 330px;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 20px;
  position: relative;
  padding-top: 35px;
}

.page-intro .results .cards li p {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.2px;
  line-height: 140%;
  color: #000;
}
.page-intro .results .cards li p span {
  display: block;
  font-weight: 500;
  color: #4a4a4a;
  font-size: 14px;
  letter-spacing: 0 2;
}
.page-intro .results .cards .more {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background-color: #fff;
  padding: 5px;
  border-radius: 100%;
}
.page-intro .results .cards .more:hover {
  background-color: #e5ecee;
}

/*CONTACT*/
.page-intro .contact {
  display: none;
}
.page-intro .contact h4 {
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0.6px;
}
.page-intro .contact .flex.bg .color-1 {
  padding-left: 8%;
}
.page-intro .contact .form-contact {
}
.page-intro .contact .form-contact input {
  display: block;
  width: 400px;
  border: none;
  padding: 10px 14px;
  margin-bottom: 6px;
}
.page-intro .contact .form-contact textarea {
  display: block;
  width: 400px;
  border: none;
  padding: 10px 14px;
  margin-bottom: 10px;
  color: #bcbcbc;
  height: 120px;
}
/*FOOTER: ABOUT US*/
.page-intro .aboutus {
  background-color: #a4cbd0;
  padding: 80px 0 90px 0;
}
.page-intro .aboutus .center {
  display: flex;
  flex-wrap: wrap;
}
.page-intro .aboutus h4 {
  font-size: 30px;
  font-weight: 600;
  color: #fff;
  width: 100%;
  margin-bottom: 20px;
}
.page-intro .aboutus ul {
  padding-right: 30px;
  width: 30%;
  border-right: 1px solid #fff;
  padding-left: 30px;
}
.page-intro .aboutus ul:first-of-type {
  padding-left: 0;
}
.page-intro .aboutus ul li {
  color: #fff;
}
.page-intro .aboutus ul li a {
  color: #fff;
  padding: 2px 0;
  display: block;
  font-size: 16px;
}
.page-intro .aboutus ul.logo {
  width: 320px;
  border: none;
}
.page-intro .aboutus ul.logo img {
  width: 100%;
}
.page-intro .aboutus .links.bottom {
  width: 100%;
  border: none;
  padding-left: 0;
  margin-top: 30px;
}
.page-intro .aboutus .links.bottom a {
  display: inline;
}
/*CARD MODAL POPUP*/
.popup .gray {
  background: transparent;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  color: transparent;
  position: fixed;
}
.popup.hidd .gray {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: block;
  background-color: transparent;
  position: fixed;
  z-index: 101;
  text-indent: -9999px;
}
.popup .cont-popup > .popup {
  font-family: "Open Sans", sans-serif;
  display: none;
  position: fixed;
  left: calc(50% - 300px);
  padding: 35px;
  background: #fff;
  border: 1px solid #f2f2f2;
  z-index: 1001;
  top: 15%;
  box-sizing: border-box;
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
    0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  width: 600px;
}
.popup .cont-popup > .popup.small {
  top: 20%;
}
.popup .cont-popup > * {
  font-family: "Open Sans", sans-serif;
}
.popup .cont-popup > .popup.active {
  display: block;
}
.popup .cont-popup .close-popup {
  position: absolute;
  right: 6px;
  top: 6px;
  display: block;
  color: #c0c0c0;
  border-radius: 30px;
  text-align: center;
  line-height: 25px;
  font-size: 17px;
  font-weight: 100;
  cursor: pointer;
  font-family: verdana;
  opacity: 0.5;
}
.popup .cont-popup .close:hover {
  opacity: 1;
}
.popup .cont-popup .h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 26px;
  color: #777;
  text-align: center;
  display: block;
  box-sizing: border-box;
  left: 0;
  line-height: 100%;
  margin: 0 auto;
  width: 90%;
  padding-bottom: 20px;
}
/**/
.popup .cont-popup .cards-modal p {
  font-family: "Open Sans", sans-serif;
  text-align: center;
  font-size: 24px;
  margin-bottom: 20px;
}
.popup .cont-popup .cards-modal strong {
  color: #ff822e;
  font-size: 14px;
  letter-spacing: 0.4px;
  font-weight: 500;
  text-align: center;
  display: block;
}
.popup .cont-popup > .popup.big {
  max-height: 90%;
  height: 80%;
  top: 5%;
  width: 80%;
  left: 10%;
}
.popup .cont-popup > .popup.big .cards-modal > * {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #444;
  text-align: justify;
}
.popup .cont-popup > .popup.big .cards-modal{
  font-family: "Open Sans", sans-serif;
  height: 100%;
  overflow: hidden;
  overflow-y: scroll;
  padding: 30px;
  box-sizing: border-box;
}
.popup .cont-popup > .popup.small .cards-modal{
  font-family: "Open Sans", sans-serif;
  max-height: 470px;
  overflow: hidden;
  overflow-y: scroll;
  padding: 20px 10px;
}
.popup .big .cards-modal h2,
.popup .small .cards-modal h2 {
  font-size: 40px;
  color: #000000;
  text-align: center;
  margin-bottom: 40px;
  font-weight: bold;
}
.popup .big .cards-modal p,
.popup .small .cards-modal p {
  font-size: 16px;
  color: #444;
  text-align: justify;
  margin: 0 auto;
  margin-bottom: 20px;
}
.popup .big .cards-modal p strong {
  display: inline;
  font-size: 16px;
  color: #444;
  font-weight: 700;
}
.popup .big .cards-modal p strong.orange {
  color: #ff822e;
}
.popup .big .cards-modal > strong {
  font-size: 22px;
}
.cards-modal .box {
  list-style-type: none;
  display: flex;
  width: 100%;
  align-content: center;
  justify-content: center;
  align-items: stretch;
  padding: 30px 30px 0;
}
.cards-modal .box li {
  width: 100%;
}
.cards-modal .box li:first-child {
  text-align: center;
}
.cards-modal .box li:last-child {
  display: flex;
  align-content: center;
  justify-content: left;
  align-items: center;
}
.cards-modal .box li img {
  max-width: 70%;
}
.cards-modal .box li h5 {
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0.4px;
}
.cards-modal .box li span {
  color: #fff;
  background-color: #000;
  display: inline-block;
  padding: 0px 8px;
  border-radius: 2px;
}
.yellow {
  background-color: #fdd412;
}
.green {
  background-color: #4ee189;
}
.c-gray {
  background-color: #fafafa;
}
.cian {
  background-color: #bde2e8;
}
@media only screen and (min-width: 1800px) {
}
@media only screen and (max-width: 1200px) and (min-width: 0px) {
  .page-intro .center {
    width: 100%;
  }
  .page-intro .main-top .img {
    max-width: 80%;
    bottom: -40px;
  }
  .page-intro .main-top .circle {
    width: 50%;
    height: 80%;
  }
}
@media only screen and (max-width: 1000px) and (min-width: 0px) {
  .page-intro .main-top {
    position: relative;
    height: 75vh;
  }
  .page-intro .main-top .img {
    max-width: 70%;
  }
  .page-intro .what-we-do .box li img,
  .page-intro .what-we-do .box li:first-child > img {
    max-width: 80%;
  }
  .page-intro .main-top .circle {
    width: 45%;
    height: 77%;
  }
}
@media only screen and (max-width: 890px) and (min-width: 0px) {
  .page-intro .main-top {
    height: 95vh;
  }
  .page-intro .navigation .nav-links li a {
    font-size: 14px;
  }
  .page-intro .main-top .text {
    left: 48%;
  }
  .page-intro .main-top h1 {
    font-size: 33px;
  }
  .page-intro .main-top p {
    font-size: 18px;
  }
  .page-intro h2 {
    font-size: 19px;
    margin-bottom: 20px;
  }
  .page-intro p {
    font-size: 16px;
  }
  .page-intro .what-we-do .flex.bg p {
    width: 100%;
    font-size: 18px;
  }
  .page-intro .what-we-do .border {
    width: 90%;
  }
  .page-intro .what-we-do .border p {
    font-size: 16px;
  }
  .page-intro .results .cards li > div.bg img {
    max-width: 90%;
  }
  .page-intro .results .cards li p {
    font-size: 18px;
  }
  .page-intro .contact h4 {
    font-size: 30px;
  }
  .page-intro .aboutus .center {
    padding: 0 5%;
  }
  .page-intro .aboutus ul li a {
    font-size: 14px;
  }
  .page-intro .aboutus ul.logo {
    width: 30%;
  }
  .page-intro .navigation .logo {
    margin-left: 5%;
  }
}
@media only screen and (max-width: 775px) and (min-width: 0px) {
  .page-intro .results .cards li {
    width: 50%;
    float: left;
    margin-bottom: 20px;
  }
  .page-intro .results .cards li > div.bg {
    height: 300px;
  }
  .page-intro .results .cards {
    padding: 0 5%;
  }
  .page-intro .contact .form-contact input,
  .page-intro .contact .form-contact textarea {
    width: 80%;
  }
  .popup .cont-popup > .popup {
    width: 90%;
    left: 5%;
  }
}
@media only screen and (max-width: 690px) and (min-width: 0px) {
  .content-landing {
    overflow: hidden;
    overflow-y: scroll;
  }
  .page-intro .navigation .nav-links li {
    display: none;
  }
  .page-intro .navigation .nav-links li:last-child {
    display: block;
  }
  .page-intro .main-top {
    height: 80vh;
  }
  .page-intro .main-top .img {
    max-width: 70%;
    bottom: 30px;
  }
  .page-intro .main-top .circle {
    width: 200px;
    height: 220px;
  }
  .page-intro .main-top .text {
    left: 7%;
    bottom: auto;
    top: 50px;
  }
  .page-intro .btn {
    width: 90%;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .page-intro .what-we-do {
    padding-top: 60px;
  }
  .page-intro .what-we-do .box {
    flex-direction: column;
  }
  .page-intro .what-we-do .box li:first-child > img {
    max-width: 60%;
    margin: 0 auto;
  }
  .page-intro .what-we-do .box li {
    text-align: center;
  }
  .page-intro .flex.bg {
    flex-direction: column;
  }
  .page-intro .results .center {
    padding: 40px 0;
  }
  .page-intro .results .cards li {
    width: 100%;
  }
  .page-intro .results .cards li > div.bg {
    height: auto;
  }
  .page-intro .contact .form-contact input,
  .page-intro .contact .form-contact textarea {
    width: 100%;
  }
  .page-intro .contact .form-contact .btn.primary {
    width: 100%;
    margin: 0;
  }
  .page-intro .aboutus .center {
    flex-direction: column;
  }
  .page-intro .aboutus ul {
    padding: 0;
    width: 100%;
    border-right: none;
    margin-bottom: 20px;
  }
  .page-intro .aboutus ul li a {
    font-size: 16px;
  }
  .popup .big .cards-modal h2 {
    font-size: 30px;
  }
  .popup .cont-popup > .popup.big {
    max-height: 96%;
    height: 98%;
    top: 1%;
    width: 96%;
    left: 2%;
    padding: 12px;
    box-sizing: border-box;
  }
  .popup .cont-popup > .popup.big .cards-modal {
    padding: 20px;
  }
  .popup .big .cards-modal p {
    font-size: 14px;
  }
  .cards-modal .box {
    flex-direction: column;
    text-align: center;
    padding-bottom: 30px;
  }
}
/*END NEW LANDING ************************************************************************************************************/

/*PAGE LOADING *******************************************************************/
.page--lp {
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  padding-top: 50px;
}
.page--lp .content {
  position: relative;
  width: 100%;
  height: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "Roboto", sans-serif;
  font-size: 3vh;
  font-weight: 400;
  text-transform: uppercase;
}
.page--lp .girls {
  position: relative;
  display: block;
  width: 100vw;
  height: 100%;
  margin: 0 auto;
  background-color: #fff0dd;
  padding-left: 2vw;
  padding-right: 2vw;
  padding-top: 1vh;
  padding-bottom: 1vh;
}
.page--lp .girl {
  width: 49%;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
}
.page--lp .girl--left {
  background: url("./imgs/lp-girl-left.jpg") no-repeat;
  background-size: cover;
  background-position: center;
  float: left;
}
.page--lp .girl--right {
  background: url("./imgs/lp-girl-right.jpg") no-repeat;
  background-size: cover;
  background-position: center;
  float: right;
}
.page--lp .layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.55);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}
.page--lp .baseline {
  font-family: "Roboto", sans-serif;
  font-size: 3vh;
  font-weight: 700;
  line-height: 4vh;
  letter-spacing: 1px;
  color: #fff;
  text-align: center;
  width: 100%;
  display: block;
}
.page--lp .cta {
  position: absolute;
  left: 0;
  bottom: 10px;
  z-index: 1;
  display: block;
  width: 100%;
  height: 10vh;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 2vh;
  font-weight: 200;
  text-align: center;
  text-decoration: none;
}
.page--lp .cta:after {
  content: "";
  position: relative;
  top: 10px;
  display: inline-block;
  width: 32px;
  height: 18.666666666666668px;
  background: url("./imgs/cta-arrow.png") no-repeat;
  background-size: 32px 18.666666666666668px;
}
.page--lp .title {
  font-family: "Roboto", sans-serif;
  font-size: 3vh;
  font-weight: 200;
  background-color: #fff;
  width: 100%;
  height: 10vh;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.page--lp .title span {
  display: block;
  width: 100%;
}
/*PAGE SURVEY *******************************************************************/
.page--survey {
  position: relative;
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  top: 0;
}
.page--survey > div {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-top: 50px;
  overflow-y: auto;
  padding-bottom: 15vh;
}
.page--survey > div > h3 {
  text-align: center;
}
.page--survey .panel-body {
  position: relative;
  padding: 0;
}
.page--survey .top-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  margin: 0 auto;
  align-content: center;
  justify-content: center;
  min-height: 36px;
}
.page--survey .progress {
  position: relative;
  top: 3px;
  width: 70% !important;
  max-width: 219px;
  height: 32px;
  margin: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 2px;
  margin-left: 29%;
  margin-top: 8px;
}
.page--survey .progress-bar {
  font-family: "Roboto", sans-serif;
  font-size: 9px;
  font-weight: 400;
  line-height: 12px;
  background: #b0e94f; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #b0e94f 1%,
    #82c633 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #b0e94f 1%,
    #82c633 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #b0e94f 1%,
    #82c633 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0e94f', endColorstr='#82c633',GradientType=1 ); /* IE6-9 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.page--survey h5 {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: 700;
  padding: 0 7%;
  margin-top: 0;
  line-height: 140%;
}
.page--survey .form-inline {
  padding: 0 7% 0 11%;
  font-family: "Roboto", sans-serif;
  font-size: 10px;
  font-weight: 400;
}
.page--survey .radio {
  margin-top: 1px;
  margin-bottom: 1px;
}
.page--survey .radio label span {
  font-size: 13px;
  color: #000;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
.page--survey .alert {
  position: absolute;
  right: 7%;
  font-family: "Roboto", sans-serif;
  font-size: 8px;
  font-weight: 400;
}
.page--survey.deactivated {
  pointer-events: none;
}
/*SURVEY IMAGES*/
.survey-imgs {
  position: relative;
  width: 90%;
  padding: 0 2%;
  height: 36vh;
  margin: 0 auto;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}
.survey-img {
  position: relative;
  width: 49%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 1%;
}
.survey-img--front {
  float: left;
}
.survey-img--back {
  float: right;
}
/*SURVEY PRICE*/
.survey-price {
  position: relative;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin-right: 2vw;

  position: absolute;
  left: 11%;
  top: 3%;
  text-align: right;
  width: 53px;
}
/*SURVEY DESC*/
.survey-desc {
  position: relative;
  z-index: 2;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 128%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  -webkit-box-flex: 10;
  -ms-flex-positive: 10;
  flex-grow: 10;
  padding: 10px 2% 0;
  text-align: center;
  justify-content: center;
}
.survey-infos-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/*SURVEY BUTTONS*/
.panel-footer {
  width: 100%;
  height: 40px;
  text-align: right;
  background-color: transparent;
  border: 0;
  padding: 0 4%;
  box-sizing: border-box;
  margin-top: 20px;
}
.panel-footer input {
  position: relative;
  display: inline-block;
  background-color: #9e9e9e;
}
.panel-footer .sv_next_btn,
.panel-footer .sv_complete_btn {
  margin-right: 0 !important;
}
.panel-footer .btn {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  padding: 7px 10px;
  letter-spacing: 0.5px;
  border-radius: 30px;
  min-width: 124px;
  height: 100%;
  box-sizing: border-box;
  border: none;
}
.panel-footer .btn-green {
  color: #fff;
}
.panel-footer .sv_next_btn,
.panel-footer .sv_complete_btn {
  background: #70ed9b; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #70ed9b 0%,
    #499f66 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #70ed9b 0%,
    #499f66 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #70ed9b 0%,
    #499f66 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70ed9b', endColorstr='#499f66',GradientType=1 ); /* IE6-9 */
  float: right;
}
.panel-footer .sv_prev_btn {
  background: #5ab1ed; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #5ab1ed 1%,
    #2781c5 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #5ab1ed 1%,
    #2781c5 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #5ab1ed 1%,
    #2781c5 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ab1ed', endColorstr='#2781c5',GradientType=1 ); /* IE6-9 */
  float: left;
}
/*PAGE AGAIN *******************************************************************/
.page--again {
  position: relative;
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  padding-top: 17vh;
}
.page--again .content {
  position: relative;
  width: 100%;
  height: 70vh;
}
.page--again .head-text {
  position: relative;
  width: 100%;
  height: 10vh;
  display: inline-block;
  color: #292929;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 1.5vh;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
}
.page--again .head-text strong {
  color: #0084ff;
}
/*AGAIN BUTTONS*/
.page--again .bt-again {
  position: relative;
  background: #70ed9b; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #70ed9b 1%,
    #499f66 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #70ed9b 1%,
    #499f66 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #70ed9b 1%,
    #499f66 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70ed9b', endColorstr='#499f66',GradientType=1 ); /* IE6-9 */
  width: 90%;
  height: 52px;
  display: block;
  margin: 0 auto;
  line-height: 8vh;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 2.25vh;
  font-weight: 200;
  text-align: center;
  border-radius: 40px;
}
.page--again .bt-mail {
  position: relative;
  background: #f39351; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #f39351 0%,
    #e1672c 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #f39351 0%,
    #e1672c 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #f39351 0%,
    #e1672c 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f39351', endColorstr='#e1672c',GradientType=0 ); /* IE6-9 */
  width: 90%;
  height: 52px;
  display: block;
  margin: 0 auto;
  line-height: 8vh;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 2.25vh;
  font-weight: 200;
  text-align: center;
  border-radius: 40px;
}
/**/
.page--again .instructions {
  position: relative;
  width: 90%;
  height: 10vh;
  display: inline-block;
  color: #292929;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 1.5vh;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
}
.page--again .instructions strong {
  color: #0084ff;
}
/*PAGE END *******************************************************************/
.page--end {
  position: relative;
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  padding-top: 50px;
}
.page--end .content {
  position: relative;
  width: 100%;
  height: 70vh;
}
/*IMAGE "THNAK YOU" hide*/
.page--end .head {
  position: relative;
  width: 100%;
  height: 24vh;
  background-image: url("./imgs/end.jpg");
  background-size: cover;
  background-position: 50% 50%;
  margin-bottom: 2.5vw;
  margin-top: 10vh;
  /*to show the "Thank you" image uncomment the following line*/
  display: none;
}
.page--end .head-text {
  position: absolute;
  top: 50%;
  left: 2vw;
  font-family: "Roboto", sans-serif;
  font-size: 3.75vh;
  font-weight: 700;
  color: #292929;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/*END BUTTONS*/
.page--end .bt-again {
  position: relative;
  background-color: #098;
  border-bottom: 2px solid #006257;
  width: 94vw;
  height: 8vh;
  display: block;
  margin: 0 auto;
  line-height: 8vh;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 2.25vh;
  font-weight: 200;
  text-align: center;
}
.page--end .bt-mail {
  position: relative;
  background: #f39351; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #f39351 0%,
    #e1672c 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #f39351 0%,
    #e1672c 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #f39351 0%,
    #e1672c 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f39351', endColorstr='#e1672c',GradientType=0 ); /* IE6-9 */
  width: 90%;
  height: 52px;
  display: block;
  margin: 0 auto;
  line-height: 8vh;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 2.25vh;
  font-weight: 200;
  text-align: center;
  border-radius: 40px;
}
/**/
.page--end .instructions {
  position: relative;
  width: 90%;
  height: 10vh;
  display: inline-block;
  color: #292929;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 1.5vh;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
}
.page--end .instructions strong {
  color: #0084ff;
}
/*PAGE ABOUTUS *******************************************************************/
.page--aboutus {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-top: 7vh;
  overflow-y: scroll;
}
.page--aboutus > div {
  margin: 0 auto;
  width: 70%;
}
.page--aboutus > div h2 {
  font-size: 22px;
}
.page--aboutus > div p {
  font-size: 12px;
}
.page--aboutus > div ul,
.page--aboutus > div li {
  font-size: 12px;
}
/*SEND EMAIL *******************************************************************/
.send {
  position: absolute;
  top: 140%;
  width: 100%;
  height: calc(100% - 10vh);
  background-color: #ebebeb;
  color: #292929;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  transition: top 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.send input {
  background: transparent;
  border: none;
}
.send.visible {
  top: 7vh;
  height: 100%;
}
.send.end .send-content {
  display: none;
}
.send.end .send-end {
  display: block;
}
.send.email .send-bottom {
  display: none;
}
.send.email .send-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.send .send-content {
  position: relative;
  width: 100%;
}
.send .send-top {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 86vw;
  height: 5vh;
  margin: 0 auto;
  margin-top: 10vh;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #7b7b7b;
  display: none;
}
.send .email-icon {
  position: relative;
}
.img--email {
  width: 26px;
  height: 19px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAmCAYAAABkpNNFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUQwRjg3QzExM0E2MTFFOEI0MzNBQkU0MTgzMDhCQkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUQwRjg3QzIxM0E2MTFFOEI0MzNBQkU0MTgzMDhCQkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRDBGODdCRjEzQTYxMUU4QjQzM0FCRTQxODMwOEJCRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRDBGODdDMDEzQTYxMUU4QjQzM0FCRTQxODMwOEJCRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmhxQiEAAAj/SURBVHja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");
  background-size: 26px 19px;
}
.send .email-separator {
  content: "";
  background-color: #616161;
  width: 1px;
  height: 80%;
  margin-left: 10px;
  margin-right: 6px;
}
.send .email-input {
  -webkit-box-flex: 3;
  -ms-flex-positive: 3;
  flex-grow: 3;
  font-family: "Roboto", sans-serif;
  font-size: 3vh;
  font-weight: 200;
}
.send .email-input.error {
  color: #f00;
}
.send .email-input.error::-webkit-input-placeholder {
  color: #f00;
}
.send .email-input.error::-moz-placeholder {
  color: #f00;
}
.send .email-input.error:-ms-input-placeholder {
  color: #f00;
}
.send .email-input.error::placeholder {
  color: #f00;
}
.send .send-bottom-form {
  position: relative;
  display: block;
  width: 86vw;
  margin: 0 auto;
  margin-top: 10vh;
}
.send .choices-label {
  position: relative;
  margin-top: 0.25vh;
  width: 100%;
  font-family: "Roboto", sans-serif;
  font-size: 3vh;
  font-weight: 200;
}
.send .choices {
  position: relative;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0;
  padding-left: 0;
  margin-top: 10px;
  width: 100%;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.send .choice label {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 2vh;
  font-weight: 200;
  position: relative;
  left: -1px;
}
.send .choice input {
  margin-top: 0;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 1px solid #000;
  width: 16px;
  height: 16px;
  margin-right: 2px;
  border-radius: 1.5vh;
}
.send .choice input:checked:after {
  position: absolute;
  content: "";
  width: 9px;
  height: 9px;
  background-color: #000;
  border-radius: 18px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.send .choice--last {
  margin-right: 0;
}
.send .submit {
  width: 86vw;
  margin: 0 auto;
  margin-top: 2vh;
  text-align: right;
}
.send .bt-submit {
  position: relative;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 2vh;
  font-weight: 400;
  padding: 1vh 2vh;
}
.send.email .terms {
  display: block;
}
.send .terms {
  display: none;
  text-align: right;
  font-family: "Roboto", sans-serif;
  font-size: 1vh;
  font-weight: 400;
}
.send .terms label {
  position: relative;
  top: -4px;
  font-family: "Roboto", sans-serif;
  font-size: 1vh;
  font-weight: 400;
}
.send .terms input {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 1px solid #000;
  width: 2vh;
  height: 2vh;
  margin-right: 2px;
}
.send .terms input:checked:after {
  position: absolute;
  content: "";
  width: 80%;
  height: 80%;
  top: 10%;
  left: 10%;
  background-color: #000;
}
.send .terms.error {
  color: #f00;
}
.send .terms.error input {
  border-color: #f00;
}
.send .terms.error input:checked:after {
  background-color: #f00;
}
.send .email-error {
  position: absolute;
  left: 46px;
  top: -8px;
  font-family: "Roboto", sans-serif;
  font-size: 1.25vh;
  font-weight: 400;
  color: #f00;
  text-transform: uppercase;
  display: none;
}
.send .email-error.visible {
  display: block;
}
.send .send-end {
  position: absolute;
  top: 50%;
  display: none;
  font-family: "Roboto", sans-serif;
  font-size: 3vh;
  font-weight: 700;
  text-align: center;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.send .send-end-sub {
  font-family: "Roboto", sans-serif;
  font-size: 2.25vh;
  font-weight: 400;
}
/*ABOUTUS*/
body.aboutus #aboutus {
  display: block;
}
/*TERMS AND CONDITIONS POPUP*******************************************************************/
.floz-popkies-clear {
  clear: both;
}
.floz-popkies {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  opacity: 0;
  transition: opacity 0.6s;
  display: none;
  z-index: 10000;
}
.floz-popkies-bt_settings:hover,
.floz-popkies-bt_cancel:hover {
  text-decoration: underline;
}
.floz-popkies-bt_settings-arrows {
  position: relative;
  top: -1px;
  display: inline-block;
  font-size: 8px;
}
.floz-popkies-choices {
  position: relative;
  margin-bottom: 40px;
}
.floz-popkies-choice {
  position: relative;
  width: 80%;
  margin-bottom: 20px;
  overflow: hidden;
}
.floz-popkies-choice input {
  position: relative;
  top: 5px;
  float: left;
  vertical-align: top;
  margin-right: 10px;
}
.floz-popkies-choice-content {
  float: left;
  vertical-align: top;
  width: 60%;
}
.floz-popkies-part.floz-hidden {
  display: none;
}
.floz-popkies-banner {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #7b7b7b;
  z-index: 0;
}
.floz-popkies-banner .floz-popkies-bt-close-part {
  background-color: #fff;
}
.floz-popkies-banner-content {
  width: 80%;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 10px;
  overflow: hidden;
  color: #fff;
}
.floz-popkies-banner-title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}
.floz-popkies-banner-desc {
  font-size: 12px;
  display: inline-block;
}
.floz-popkies-banner-part--left {
  float: left;
}
.floz-popkies-banner-part--right {
  float: right;
}
.floz-popkies-bt_agree.floz-popkies-banner-bt_agree {
  float: none;
}
.floz-popkies-banner-bt_settings {
  display: block;
  font-size: 10px;
  margin-top: 5px;
  color: #fff;
  text-align: center;
}
.floz-popkies-banner-bt_more_infos {
  display: inline-block;
  font-size: 12px;
  color: #fff;
  text-decoration: underline;
  margin-top: 5px;
}
.floz-popkies-banner-bt_more_infos:focus {
  color: #000;
}
.floz-popkies-layer_dark {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.6s;
  display: none;
}
.floz-popkies-content {
  position: absolute;
  top: 15%;
  width: 70%;
  max-width: 800px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  background-color: #e7e7e7;
  border-radius: 4px;
  padding: 40px;
  box-shadow: 0 0px 0px 8px #7b7b7b;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.6s;
  display: none;
}
.floz-popkies-bt-close {
  position: absolute;
  top: 10px;
  right: 20px;
  padding: 10px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.floz-popkies-bt-close-part {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 2px;
  margin-top: -1px;
  background-color: #7b7b7b;
  border-radius: 2px;
}
.floz-popkies-bt-close-part--1 {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.floz-popkies-bt-close-part--2 {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.floz-popkies-title {
  position: relative;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #2b2b2b;
}
.floz-popkies-title:after {
  content: "";
  position: relative;
  display: block;
  width: 20%;
  height: 1px;
  margin-top: 15px;
  margin-bottom: 20px;
  background-color: rgba(0, 0, 0, 0.1);
}
.floz-popkies-desc {
  font-size: 14px;
  line-height: 20px;
  width: 80%;
  color: #2b2b2b;
}
.floz-popkies-bt_agree,
.floz-popkies-bt_save {
  position: relative;
  display: inline-block;
  float: left;
  text-decoration: none;
  background-color: #fff;
  border-radius: 8px;
  padding-left: 20px;
  padding-right: 20px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  font-weight: bold;
  color: #7b7b7b;
  box-shadow: 0px 2px 1px 0px #7b7b7b;
}
.floz-popkies-bt_agree:hover,
.floz-popkies-bt_save:hover {
  top: 1px;
  box-shadow: 0px 1px 0px 0px #7b7b7b;
}
.floz-popkies-bt_settings,
.floz-popkies-bt_cancel {
  float: right;
  font-size: 12px;
  text-decoration: none;
  color: #7b7b7b;
  line-height: 40px;
}
.floz-popkies-iframe-content {
  height: 200px;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
}
.floz-popkies-iframe-content iframe {
  width: 100%;
  height: 100%;
}
.floz-popkies-actions {
  position: relative;
  height: 40px;
}
.floz-not_selectable {
  opacity: 0.4;
  pointer-events: none;
}
.floz-popkies-choice-desc {
  font-size: 12px;
  color: #2b2b2b;
}
.floz-popkies-choice-title {
  font-size: 16px;
  font-weight: bold;
  color: #2b2b2b;
  margin-bottom: 5px;
}
.messenger-c {
  margin-bottom: 20px;
}
.messenger-c .fb_iframe_widget_fluid span {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-86px);
  transform: translateX(-86px);
}
/*MOBILE*******************************************************************/
@media only screen and (max-width: 320px) {
  header .logo {
    background-size: 100px auto;
  }
  .bt-menu {
    background-size: 22px auto;
  }
  .survey-desc {
    font-size: 14px;
  }
  .survey-imgs {
    height: 40vh;
  }
  .page--survey h5 {
    font-size: 12px;
  }
  .panel-footer {
    height: 45px;
  }
  .page--survey .btn {
    line-height: 100%;
  }
}
@media only screen and (min-width: 375px) {
}
@media (max-width: 540px) {
  .floz-popkies-content {
    top: 10%;
  }
  .floz-popkies-title {
    font-size: 14px;
  }
  .floz-popkies-desc {
    font-size: 10px;
    line-height: 12px;
    margin-bottom: 10px;
  }
  .floz-popkies-actions {
    text-align: center;
  }
  .floz-popkies-bt_agree,
  .floz-popkies-bt_save {
    float: none;
  }
  .floz-popkies-bt_settings,
  .floz-popkies-bt_cancel {
    float: none;
    display: inline-block;
  }
  .floz-popkies-choice {
    width: 100%;
  }
  .floz-popkies-choice-content {
    width: 85%;
  }
  .floz-popkies-choice-title {
    font-size: 12px;
  }
  .floz-popkies-choice-desc {
    font-size: 8px;
  }
}
@media (min-width: 568px) {
  .survey-imgs {
    width: 75vw;
  }
}
@media only screen and (min-width: 667px) {
  .bt-menu {
    background-size: 17px auto;
  }
}
@media only screen and (min-width: 736px) {
  .survey-desc {
    font-size: 16px;
  }
  .page--survey h5 {
    font-size: 16px;
  }
  .page--survey .panel-body > div:last-child {
    padding-top: 20px;
  }
  .page--survey .radio input[type="radio"] {
    width: 16px;
    height: 16px;
  }
  .page--survey .radio label span {
    font-size: 16px;
  }
  .panel-footer {
    height: 60px;
  }
}
/*LANDSCAPE MOBILE*******************************************************************/
@media only screen and (min-width: 639px) and (max-width: 812px) and (max-height: 500px) {
  header {
  }
  header .logo {
    background-size: 72% auto;
  }
  .step-survey .pages {
  }
  .page--survey {
    height: 100%;
  }
  .page--survey .panel-body {
    width: 80%;
    margin: 0 auto;
  }
  .survey-imgs {
    width: 65%;
    height: 60vh;
  }
  .page--survey .progress {
    margin-left: 45%;
  }
  .survey-price {
    left: 29%;
  }
  .step-again .pages .page--again {
    width: 70%;
    margin: 0 auto;
  }
  .page--again .bt-again,
  .page--again .bt-fb,
  .page--again .bt-mail {
    font-size: 18px;
    line-height: 50px;
  }
  .page--end .instructions {
    width: 80%;
    margin: 0 auto;
    font-size: 10px;
    height: auto;
    padding: 10px 0;
    text-align: center;
  }
  .page--end .bt-mail {
    width: 60%;
    font-size: 20px;
    font-size: 16px;
    line-height: 40px;
    height: 40px;
  }
  .page--again .instructions {
    font-size: 10px;
    padding: 5px 0;
    height: auto;
  }
  .page--again .bt-again,
  .page--again .bt-fb,
  .page--again .bt-mail {
    font-size: 16px;
    line-height: 40px;
    height: 40px;
  }
  .panel-footer {
    height: 45px;
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
  }
  .panel-footer .btn {
    height: 80%;
  }
}
/*IPAD - DESKTOP*******************************************************************/
@media only screen and (min-width: 813px) {
  .step-survey .pages {
  }
  .small header {
    height: 50px;
  }
  header .bt-menu {
    background-size: 24px auto;
  }
  header .logo {
    background-size: 80% auto;
  }
  .page--survey {
    height: 100vh;
    padding: 0;
  }
  .page--survey .panel-body {
    width: 80%;
    margin: 0 auto;
  }
  .page--survey .panel-body > div:last-child {
    display: flex;
    clear: both;
    padding-top: 30px;
  }
  .page--survey .panel-body > div:last-child > div {
    width: 50%;
  }
  .page--survey .panel-body > div:last-child > div:last-child {
    padding-left: 3%;
    box-sizing: border-box;
  }
  .page--survey .progress {
    width: 38% !important;
    max-width: initial;
    float: right;
    margin: 0;
    margin-right: 5%;
  }
  .page--survey .progress-bar {
    font-size: 12px;
  }
  .page--survey h5 {
    font-size: 20px;
    padding: 0 0 20px 0;
    margin: 0;
  }
  .survey-img {
    background-position: center top;
  }
  .page--survey .form-inline {
    padding-left: 5%;
  }
  .survey-price {
    width: 55%;
    margin: 0;
    font-size: 20px;
    left: 0;
    top: 0.5%;
  }
  .survey-desc {
    display: block;
    padding: 0;
    margin: 0;
    font-size: 20px;
    padding-bottom: 10px;
    min-height: 52px;
  }
  .page--survey .radio label span {
    font-size: 20px;
  }
  .page--survey .radio input[type="radio"] {
    width: 23px;
    height: 23px;
    top: 3px;
  }
  .survey-imgs {
    width: 100%;
    height: 62vh;
  }
  .panel-footer {
    width: 80%;
    margin: 0 auto;
    padding: 0;
  }
  .panel-footer .btn {
    font-size: 18px;
    padding: 7px 60px;
  }
  .panel-footer input {
    max-height: 45px;
    font-size: 12px;
  }
  .page--survey > div h3 {
    text-align: center;
  }
  .panel-footer input.sv_complete_btn {
    background-color: #ccc;
  }
  .page--survey .alert {
    font-size: 12px;
  }
  .form-inline .radio label {
    min-height: 30px;
  }
  .page--again,
  .page--end {
    width: 70%;
    margin: 0 auto;
    box-sizing: border-box;
  }
  .page--end .bt-mail {
    width: 90%;
  }
  .page--again .bt-again,
  .page--again .bt-fb,
  .page--again .bt-mail {
    line-height: 49px;
  }
}