@font-face {
  font-family: MuseoSansCyrl-700;
  src: url('../fonts/MuseoSansCyrl700.woff') format('truetype');
  font-weight: 700;
}

@font-face {
  font-family: MuseoSansCyrl-500;
  src: url('../fonts/MuseoSansCyrl500.woff') format('truetype');
  font-weight: 500;
}

@font-face {
  font-family: MuseoSansCyrl-300;
  src: url('../fonts/MuseoSansCyrl300.woff') format('truetype');
  font-weight: 300;
}

* {
	margin: 0;
	padding: 0;
  font-family: MuseoSansCyrl-300, sans-serif;
  font-weight: 300;
  outline: none !important;
}

.text-success {
  color: #53b053;
}

.text-center h1, .text-center .subheader{
  text-align: center !important;
}

.op50 {
  opacity: 0.63;
}

.header-container {
  padding-top: 70px;
}

#h .white-text small {
  color: white;
  padding-bottom: 24px;
  display: inline-block;
}

button:focus {outline:0;}

body {
  /* min-width: 330px; */
	background: #fff;
	margin: 0;
	color: #5a5a5a;
  font-family: 'MuseoSansCyrl-300';
}

.non-fluid {
  max-width: 1450px;
  margin: auto;
}

.flex {
  display: flex;
}

.container {
  width: 90% !important;
}

h1 {
  font-family: MuseoSansCyrl-700, sans-serif;
  font-weight: 700;
}

h2, h3, h4, h5, h6 {
  font-family: MuseoSansCyrl-300, sans-serif;
	font-weight: 300;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0;
}

@media (min-width: 1400px) {
  .divided-left {
    padding-left: 50px;
  }

  .divided-right {
    padding-right: 50px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px){
  .divided-left {
    padding-left: 2vw;
  }

  .divided-right {
    padding-right: 2vw;
  }
}

@media (min-width: 900px) and (max-width: 1199px) {
  .divided-left {
    padding-left: 50px;
  }

  .divided-right {
    padding-right: 50px;
  }
}

@media (min-width: 768px) and (max-width: 899px) {
  .divided-left {
    padding-right: 0;
    padding-left: 2vw;
  }

  .divided-right {
    padding-right: 2vw;
  }
}

@media (max-width: 767px) {
  .divided-left {
    padding: 0;
  }

  .divided-right {
    padding: 0;
  }
}

b, .bold {
  font-weight: 700;
  font-family: MuseoSansCyrl-700, sans-serif;
}

.absolute {
  position: absolute;
}

@media (min-width: 768px) {
  .divider-right {
    border-right: 2px solid #efeae0;
  }
}

.divider {
  height: 2px;
  width: 160px;
  border-radius: 2px;
  background-color: #9b472b;
  margin: auto;
  opacity: 0.66;
}

p {
	padding: 0;
	margin-bottom: 12px;
	font-weight: 300;
	font-size: 18px;
	line-height: 28px;
	color: #666;
	margin-top: 10px;
}

html,
body {
	height: 100%;
}
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: both;
}
@media (min-width: 992px) {
  .lg-aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sm-aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
  }
}
@media (max-width: 767px) {
  .xs-aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .md-aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
  }
}
.lefted {
  text-align: left;
}
.centered {
  text-align: center;
}
.righted {
  text-align: right;
}
.mt {margin: 80px 0; text-align: center;}
.mb {margin-bottom: 50px;}
.mtb {margin-top: 50px; margin-bottom: 50px;}
.ptb {padding-top: 80px; padding-bottom: 80px;}
.mtb2 { margin-top: 100px; margin-bottom: 100px;}

@media (max-width: 1100px) {
  .mt {margin: 8vw 0; text-align: center;}
  .mb {margin-bottom: 5vw;}
  .mtb {margin-top: 5vw; margin-bottom: 5vw;}
  .mtb2 { margin-top: 10vw; margin-bottom: 10vw;}
  .ptb {padding-top: 8vw; padding-bottom: 8vw;}
}

.clear {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width:100%;
}
::-moz-selection  {
	color: #fff;
	text-shadow:none;
	background:#2B2E31;
}
::selection {
	color: #fff;
	text-shadow:none;
	background:#2B2E31;
}
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
a {
	padding: 0;
	margin: 0;
	text-decoration: none;
	-webkit-transition: background-color .4s linear, color .4s linear;
	-moz-transition: background-color .4s linear, color .4s linear;
	-o-transition: background-color .4s linear, color .4s linear;
	-ms-transition: background-color .4s linear, color .4s linear;
	transition: background-color .4s linear, color .4s linear;
	color: #1abc9c;
}
a:hover,
a:focus {
  text-decoration: none;
  color:#696E74;
}

.nopadding {
	padding: 0px !important;
	margin: 0px;
}

.no-pad-left {
	padding-left: 0px;
}

.no-pad-right {
	padding-right: 0px;
}

/* Bootstrap Modifications */
.headroom {
  z-index: 1000 !important;
}

.navbar-default {
	background-color: #ffffff;
	border-color: transparent;
	letter-spacing: 1px;
  color: #1C2E39;
  font-family: MuseoSansCyrl-300, sans-serif;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
}

.navbar-default .navbar-brand {
	color: black;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #555;
	background-color: transparent;
	border-bottom: 2px solid #e7e7e7;
}
.navbar-nav li {
  list-style-type: none;
}

#svg-graphics {
    height: 0 !important;
}

@media (min-width: 768px) {
  .navbar-container {
    margin: 0 80px;
  }
}
@media (max-width: 767px) {
  .navbar-container {
    margin: 0 20px;
  }

  .navbar-nav.nav a {
    font-size: 13px;
  }
}
.navbar.nav {
  font-family: MuseoSansCyrl-300, sans-serif;
  font-weight: 300;
  font-size: 13px;
  line-height: 15px;
  text-align: center;
}

.navbar-nav.nav a {
  color: #1C2E39;
  float: right;
}

.zoomed {
  -ms-transform: scale(1.12, 1.12); /* IE 9 */
  -webkit-transform: scale(1.12, 1.12); /* Safari */
  transform: scale(1.12, 1.12);
}

/* FORM CONFIGURATION */

 div.blockquote.small {
 color: #56B955;
 font-family: MuseoSansCyrl-700, sans-serif;
 font-weight: 700;
 font-size: 14px;
 line-height: 17px;
 text-align: center;
 	padding: 4px 8px;
 margin-bottom: 3px;
 	display: inline-block;
 }

#about div.blockquote.small  {
  color: #9B472B;
}

@media (max-width: 1100px) {
  div.blockquote.small {
    font-size: 13px;
    padding-bottom: 10px;
  }
}

input {
	font-size: 16px;
	min-height: 40px;
	border-radius: 2px;
	line-height: 20px;
	padding: 11px 30px 12px;
	border: 1px solid #b9b9af;
	margin-bottom: 10px;
	background-color: #fff;
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.subscribe-input {
	float: left;
	width: 65%;
	text-align: left;
	margin-right: 2px;
}

.subscribe-submit {
	right: 0;
}

/* BUTTONS */

.btn-download {
	background: #FDE3A7;
}

@media (min-width: 768px) {
  .main-button-container {
    margin-top: 50px;
    height: 200px;
  }
}

@media (max-width: 767px) {
  .main-button-container {
    margin-top: 0;
    margin-bottom: 50px;
  }
}
.main-button-container p {
  opacity: 0.66;
}

.main-button {
  font-family: MuseoSansCyrl-700, sans-serif;
  background: linear-gradient(315deg, #EE8B0B 0%, #FFB034 100%);
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  color: #FFFFFF;
  border: none;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  text-align: center;
  margin-bottom: 0.5em;
}

.main-button--neutral {
  background: rgba(0, 0, 0, 0.7);
  border: solid 1px #fff;
  color: #fff;
}

.main-button:hover {
    opacity: 0.85;
    transform: scale(0.98);
    -webkit-transform: scale(0.98);
    -moz-transform: scale(0.98);
    color: #fff;
}

.main-button:active, .main-button:focus {
  color: #fff;
}


@media (min-width: 1100px) {
  .main-button {
    border-radius: 100px;
    height: 60px;
    min-width: 320px;
    width: 20%;
    font-size: 14px;
    line-height: 60px;
    padding: 1px 18px 0 18px;
  }
}

@media (min-width: 690px) and (max-width: 1099px) {
  .main-button {
    border-radius: 10vw;
    height: 6vw;
    width: 32vw;
    font-size: 1.4vw;
    line-height: 2.7vw;
    padding: 1.8vw 0;
  }
}

@media (max-width: 689px) {
  .main-button {
    border-radius: 50px;
    height: 46px;
    width: 220px;
    font-size: 11px;
    line-height: 13px;
    padding: 18px 0;
  }
}

.btn-clear {
	background: transparent;
	color: white;
	border: 2px solid white;
}
.btn-clear:hover {
	background: white;
	color: #2f2f2f;
}

a.estimapp-badge {
  transition: all 0.2s ease-in-out;
  display: block;
  position: absolute;
  top: 100px;
  right: 0;
  background: transparent url(../images/estimapp-badge.png) no-repeat;
  background-size: cover;
  width: 150px;
  height: 150px;
  transform: scale(1.0, 1.0);
  z-index: 100;
  cursor: pointer;
}

a.estimapp-badge:hover {
  transform: scale(1.1, 1.1);
}


/*===========================================*/

#clients-block {
  background: #fff;
  margin: 0 center;
  margin-top: -10px;
}

#clients-2 {
  margin-top: 100px;
  max-width: 1000px;
  margin: 70px auto 50px;
}

#clients-block-2 {
  margin: -30px 0 20px;
}

#clients-block-2 a {
  cursor: default;
}

#clients-block a {
  cursor: default;
}

#clients-2 .last-row {
  margin-top: -50px;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
}

#clients-2 .last-row span {
  margin: 0 30px;
}

#clients-2 .clients-more {
  padding-top: 2px;
  font-size: 18px;
  font-weight: bold;
}

/*===========================================*/

#gallery {
  background: linear-gradient(0deg, #EE8B0B 0%, #FFB034 100%);;
  padding: 70px 0 70px 0;
}


#gallery h2 {
    font-size: 48px;
    line-height: 64px;
    margin-bottom: 50px;
    color: #fff;
    font-family: MuseoSansCyrl-700, sans-serif;
    font-weight: 700;
}

@media (max-width: 768px) {
  #gallery h2 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 1em;
  }

  #gallery {
    padding: 35px 0 70px 0;
  }

  #gallery p {
    text-align: center;
  }
}

#gallery .alignleft {
  text-align: left;
}

#gallery .btn-download  {
  border-radius: 100px;
  height: 36px;
  line-height: 36px;
  padding: 0 18px;
  color: #333;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: MuseoSansCyrl-500, sans-serif;
  font-weight: 500;
}

#gallery p {
  color: #fff;
}

/*===========================================*/

#dashboard {
  background: url(../images/stones3.jpg) no-repeat center top;
  background-size: cover;
  padding: 70px 0 105px 0;
}

@media (min-width: 768px) {
  #dashboard {
    margin-left: 20px;
    margin-right: 20px;
  }
}

#dashboard.split {
  padding-top: 70px;
}

.dashboard-image-wrapper {
  max-width: 908px;
}

/*---------------------------------------------*/

#dashboard h2 {
  font-family: MuseoSansCyrl-700, sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: center;
  color: #FFFFFF;
}

@media (min-width: 1100px) {
  #dashboard h2 {
    font-size: 48px;
    line-height: 64px;
    margin-bottom: 50px;
  }
}

@media (min-width: 476px) and (max-width: 1099px) {
  #dashboard h2 {
    font-size: 4.8vw;
    line-height: 6.4vw;
    margin-bottom: 5vw;
  }
}

@media (max-width: 475px) {
  #dashboard h2 {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 40px;
  }
}

/*===========================================*/

.free-trial {
  font-family: MuseoSansCyrl-300, sans-serif;
  font-weight: 300;
  color: #1C2E39;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  margin-top: 20px
}

@media (max-width: 1024px) {
  .free-trial {
    font-size: 13px;
  }
}

/* Green Section */
#about {
  color: #1C2E39;
  margin: 80px 0 40px 0;
  padding: 80px 0 80px 0;
  //background: linear-gradient(0deg, #ffF4ef 0%, #ffFafa 17%, #ffF9ef 83%, #faF3e0 100%);
  background-image: linear-gradient(165deg, #56b955 0%, #c1b148 25%, #f2ae43 50%, #f27043 100%);
  background-size: 300% 300%;
  animation: background-gradient 10s ease-in-out infinite;
  animation-play-state: running;
}

@-webkit-keyframes background-gradient {
    0%{background-position:0% 18%}
    50%{background-position:100% 83%}
    100%{background-position:0% 18%}
}
@-moz-keyframes background-gradient {
    0%{background-position:0% 18%}
    50%{background-position:100% 83%}
    100%{background-position:0% 18%}
}
@keyframes background-gradient {
    0%{background-position:0% 18%}
    50%{background-position:100% 83%}
    100%{background-position:0% 18%}
}

#about p, #founders p {
  color: #1C2E39;
  color: white;
  font-size: 16px;
  font-weight: 300;
  font-family: MuseoSansCyrl-300, sans-serif;
}

#founders p {
  color: #1C2E39;
}

#founders .divider{
  background-color: #DCE3E8;
}

@media (max-width: 991px) {
  #about .column {
    margin-bottom: 55px;
  }
}

@media (max-width: 1024px) {
  #about p {
    font-size: 13px;
  }
  #founders p {
    font-size: 13px;
  }
}

#about i {
	font-size: 40px;
	color: white;
	margin-bottom: 20px;
}

.karma-background {
  background-image: url(../images/karma-background.svg), url(../images/karma-logo.svg);
  background-repeat: no-repeat;
  background-position: 50%;
}

.karma-background50 {
  background-image: url(../images/karma-background2.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  // padding: 60px 0;
}

#about h2, #numbers h2, #founders h5 {
  font-family: MuseoSansCyrl-700, sans-serif;
  font-weight: 700;
  color: #1C2E39;
  font-size: 28px;
  letter-spacing: 1px;
  line-height: 33px;
  text-align: center;
}

#about h2 {
  color: #fff;
}

#about .img-wrapper {
  height: 40px
}

#about h2 {
  margin: 22px 0 17px 0;
}

#about h4 {
	font-weight: 700;
	letter-spacing: 1px;
}

#about .description {
  margin-top: 22px;
}

@media (max-width: 1100px) {
  #about {
    padding-bottom: 0;
  }

  #about .description {
      margin-top: 13px;
  }

  .big.orange.number {
    font-size: 60px;

  }

  #about h2, #numbers h2, #founders h5 {
    font-size: 24px;
  }
}

/*=============================*/

@media (min-width: 1200px) {
  #numbers {
      padding-top: 360px;
      padding-bottom: 360px;
  }
}
@media (max-width: 1199px) {
  #numbers {
    padding-top: 40px;
    padding-bottom: 73px;
  }

  #numbers .split {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media (min-width: 768px) {
  .big.orange.number {
    font-size: 86px;
    letter-spacing: 3px;
    line-height: 73px;
  }
}

@media (max-width: 767px) {
  .big.orange.number {
    font-size: 60px;
    letter-spacing: 3px;
    line-height: 64px;
  }
  .big.orange.number.middle {
    width: 286px;
    text-align: left;
    margin: 0 auto;
  }
}

@media (max-width: 427px) {
  .big.orange.number {
    font-size: 50px;
    letter-spacing: 3px;
    line-height: 58px;
  }
}


.big.orange.number {
  color: #EE8B0B;
  position: relative;
}

.big.orange.number sup {
  top: -0.8em;
  font-family: MuseoSansCyrl-700, sans-serif;
  vertical-align: super;
  font-weight: 700;
  color: #56B955;
  font-size: 28px;
  letter-spacing: 1px;
  line-height: 64px;
  text-align: center;
  width: 40px;
  position: absolute;
}

/* GREY DIV */
#grey {
	background: #f3f3f3;
	padding-bottom: 80px;
	padding-top: 80px;
}

/* Grey Section */

h2.text-center {
  color: #1C2E39;
  font-family: MuseoSansCyrl-300, sans-serif;
  font-size: 28px;
  letter-spacing: 1px;
  line-height: 64px;
  text-align: center;
}

@media (max-width: 1100px) {
  h2.text-center {
    font-size: 24px;
  }
}

#karma-mantra .container {
  padding: 0;
}

@media (min-width: 376px) {
  #karma-mantra li.list-group-item {
    margin-bottom: 0;
    padding: 7px 15px;
  }
}

@media (max-width: 375px) {
  #karma-mantra .row {
    padding-left: 0;
    padding-right: 0;
  }
  #karma-mantra li.list-group-item {
    color: #1C2E39;
    font-size: 13px;
    line-height: 32px;
    margin-bottom: 0;
    padding: 2px 0;
  }
}

li.list-group-item span.label-pill {
  height: 24px;
  width: 40px;
  border-radius: 2px;
  padding: 0px 0;

  color: #FFFFFF;
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
}

.list-group-item .bullet {
  margin-right: 18px;
}

.background-image-holder {
  background-size: contain !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
  border-radius: 50%;
  max-width: 460px;
  max-height: 460px;
  min-width: 200px;
  min-height: 200px;
  height: 100%;
  width: 100%;
  margin: auto;
}
.background-image-holder.left {
  background-image: url(../images/stones2.jpg);
}

.background-image-holder.right {
  background-image: url(../images/stones1.jpg);
}

@media (min-width: 992px) {
  #karma-help {
    margin-bottom: 80px;
  }
}

@media (max-width: 991px) {
  #karma-help {
    margin-bottom: 0;
  }
  #karma-help .side-image .content {
    padding-bottom: 50px !important;
  }
}

.side-image {
	padding: 0;
	position: relative;
}

.mobile.image-container {
  margin-bottom: 3vw;
}

.side-image .image-container {
	overflow: hidden;
	height: 100%;
  display: flex;
	top: 0;
}

.side-image .image-container.pull-right {
	right: 0;
}

.side-image .content {
	padding-top: 80px;
	padding-bottom: 80px;
}

@media (max-width: 991px) {
  .side-image .content {
    padding-top: 0px;
  }
  .side-image .mobile.image-container {
    margin: 40px 0
  }
}

.side-image h1 {
	margin-bottom: 40px;
  color: #1C2E39 !important;
  font-family: MuseoSansCyrl-700, sans-serif;
  font-size: 48px;
  letter-spacing: 1px;
  line-height: 64px;
}

@media (max-width: 1100px) {
  .side-image h1 {
    font-size: 28px;
  }
}

.side-image .karma-help__text {
  color: #1C2E39;
  font-family: MuseoSansCyrl-300, sans-serif;
  font-size: 16px;
  line-height: 28px;
  display: table;
}


@media (max-width: 1100px) {
  .side-image .karma-help__text {
    font-size: 13px;
  }
}


.side-image p.lead {
  color: #1C2E39;
  font-family: MuseoSansCyrl-300, sans-serif;
  font-size: 16px;
  line-height: 28px;
}
@media (max-width: 1100px) {
  .side-image p.lead {
    font-size: 13px;
  }
}

.side-image p {
	font-size: 16px;
}
.side-image.text-heavy h1 {
	margin-bottom: 15px;
}
.side-image.text-heavy p.lead {
	margin-bottom: 60px;
}
@media (max-width: 991px) {
  .side-image.text-heavy p.lead {
	  margin-bottom: 20px;
  }
}

.side-image.text-heavy .feature {
	margin-top: 64px;
}
.side-image.text-heavy .feature h5 {
	margin-bottom: 40px;
	font-weight: 700;
	text-transform: uppercase;
}

/*=============================================*/
/* Founders */

@media (min-width: 992px) {
  #founders {
    margin-top: 100px;
    margin-bottom: 130px;
  }
}

@media (max-width: 991px) {
  #founders {
    margin-top: 70px;
    margin-bottom: 55px;
  }
  #founders .column {
    margin-bottom: 55px;
  }
}
#founders .img-wrapper {
  text-align: center;
}
#founders .img-wrapper img {
  width: 92px !important;
}
#founders .column {
  text-align: center;
}

#founders .description {
  margin-top: 22px;
}

/* Configuration Blog Part */
.w h5 {
	text-transform: uppercase;
	font-weight: 700;
	margin-top: 20px;
}

hr {
	margin: 60px 0;
}

.w hr{
	border: 1px solid #2f2f2f;
	width: 40px;
}

.w img {
	width: 100%;
	height: auto;
}

.w .date {
	float: left;
	border: none;
	padding: 5px;
	margin-right: 15px;
	margin-top: 10px;
	width: 60px;
	height: 60px;
	text-align: center;
}
.w .date h4 {
	font-weight: 700;
	font-size: 25px;
	line-height: 25px;
	color: #2f2f2f;
	text-transform: uppercase
}

.w .desc {
	font-size: 14px;
	margin-top: -5px;
	color: #aeaeae;
}

h2.bold {
	font-weight: 900;
}

/*==========================================*/
/* FOOTER */

#f {
  height: 50px;
  background-color: #1C2E39;
	color: white;
}

@media (min-width: 476px) {
  #f {
    padding-left: 65px;
    padding-right: 65px;
  }
}

@media (max-width: 475px) {
  #f {
    padding-left: 5px;
    padding-right: 5px;
  }
  .column.lefted {
    padding-right: 0;
  }
  .column.righted {
    padding-left: 0;
  }
}

@media (max-width: 991px) {
  #f {
    height: 126px;
  }
}

#f h6 {
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 17px;
  font-size: 14px;
  color: #FFFFFF;
  font-family: MuseoSansCyrl-300, sans-serif;
}

@media (max-width: 1100px) {
  #f h6 {
    font-size: 13px;
  }
}

#f i {
	font-size: 25px;
	margin-right: 18px;
}

#f a {
  color: white;
}

.sqreen-logo {
  height: 14px;
  width: 80px;
}

/*==========================================*/

#plans {
  margin-top: 90px;
  margin-bottom: 40px;
}

#plans h1 {
  font-size: 48px;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 0;
  color: #1C2E39;
  font-family: MuseoSansCyrl-700, sans-serif;
  line-height: 64px;
  text-align: center;
  margin-bottom: 0;
}

#plans h2.subtitle {
  margin-top: 0;
  font-size: 28px;
  font-family: MuseoSansCyrl-300, sans-serif;
  font-weight: 300;
  color: #56B955;
  line-height: 64px;
  text-align: center;
}

#plans p {
  font-family: MuseoSansCyrl-300, sans-serif;
  line-height: 1.44;
  margin: 15px 0 30px;
}

@media (max-width: 1100px) {
  #plans h1 {
    font-size: 28px;
    line-height: 6vw;
  }

  #plans h2.subtitle {
    font-size: 13px;
    margin: 15px 0;
    line-height: 6vw;
  }

  #plans p {
    font-size: 12px;
  }
}


@media (max-width: 700px) {
  #plans h1 {
    font-family: MuseoSansCyrl-500, sans-serif;
    font-weight: 500;
    line-height: 8vw;
  }

  #plans h2.subtitle {
    line-height: 6vw;
  }
}

/*===============================================*/

#faq {
  margin-bottom: 50px;
}

#faq .container {
  max-width: 780px;
}

#faq .row {
  display: table;
}

@media (min-width: 992px) {
  #faq .row {
    width: 100%;
  }

  #faq .list-wrapper {
    width: 100%;
  }
}

#faq h2 {
  margin-bottom: 25px;
}

.faq {
  font-family: MuseoSansCyrl-300, sans-serif;
  font-weight: 300;
  color: #1C2E39;
  border-bottom: 1px solid #e7e7e8;
  padding-bottom: 25px;
  margin-bottom: 25px;
}

.faq__trigger {
  font-size: 18px;
  cursor: pointer;
  display: block;
  position: relative;
}

.faq__trigger:after {
  position: absolute;
  width: 16px;
  height: 9px;
  content: '';
  -webkit-background-size: cover;
  background-size: cover;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjlweCIgdmlld0JveD0iMCAwIDE2IDkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+dXAtYXJyb3c8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJ1cC1hcnJvdyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOC4wMDAwMDAsIDQuNTAwMDAwKSByb3RhdGUoLTE4MC4wMDAwMDApIHRyYW5zbGF0ZSgtOC4wMDAwMDAsIC00LjUwMDAwMCkgIiBmaWxsPSIjRUU4QjBCIiBmaWxsLXJ1bGU9Im5vbnplcm8iPiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNS44NDAxODQxLDcuMzYwOTg3MjQgTDguMzY4NTk4MzYsMC4xNTQ2OTMzNCBDOC4yNjE4NDg1OCwwLjA1MTYxODYxMDkgOC4xMzkwMzg2MSwwIDguMDAwMTEyMjksMCBDNy44NjExODU5NiwwIDcuNzM4MTUxMzcsMC4wNTE2MTg2MTA5IDcuNjMxMzQ1NDQsMC4xNTQ2OTMzNCBMMC4xNjAzNzczNTgsNy4zNjA5ODcyNCBDMC4wNTMzNDY4MTAzLDcuNDY0MjI0NDYgMCw3LjU4MjY4MTg2IDAsNy43MTY3Mzg1OCBDMCw3Ljg1MDc0MTE1IDAuMDUzNTE1MjczOSw3Ljk2OTM2MTA0IDAuMTYwMzc3MzU4LDguMDcyMzgxNjEgTDAuOTYxODE0OTEyLDguODQ1MzYwODIgQzEuMDY4Njc3LDguOTQ4NDM1NTUgMS4xOTE2NTU0Myw4Ljk5OTk0NTg0IDEuMzMwNTgxNzYsOC45OTk5NDU4NCBDMS40Njk1MDgwOCw4Ljk5OTk0NTg0IDEuNTkyNDg2NTIsOC45NDg0MzU1NSAxLjY5OTM0ODYsOC44NDUzNjA4MiBMOC4wMDAxMTIyOSwyLjc2ODAxNDE1IEwxNC4zMDExMDA2LDguODQ1NzM5OTggQzE0LjQwNzkwNjUsOC45NDg4MTQ3IDE0LjUzMDk0MTEsOSAxNC42Njk2NDI4LDkgQzE0LjgwODc5MzgsOSAxNC45MzE3NzIyLDguOTQ4NDg5NzIgMTUuMDM4NTc4MSw4Ljg0NTczOTk4IEwxNS44NDAxMjgsOC4wNzI0MzU3NyBDMTUuOTQ2OTMzOSw3Ljk2OTQxNTIxIDE2LDcuODUwNzQxMTUgMTYsNy43MTY3OTI3NSBDMTYuMDAwMDU2MSw3LjU4MjY4MTg2IDE1Ljk0Njk5MDEsNy40NjQwNjE5NiAxNS44NDAxODQxLDcuMzYwOTg3MjQgWiIgaWQ9IlNoYXBlIj48L3BhdGg+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
  top: 5px;
  right: 5px;
}

.faq__trigger.is-open:after {
  transform: rotate(180deg)
}

.faq__contentInner {
  padding-top: 10px;
}

.faq p {
  margin: 0;
  font-size: 15px;
  margin-top: 10px;
  color: #888;
}

/*===============================================*/


#features .row {
  display: table;
}

#features .list-wrapper {
  display: inline-block;
}

@media (min-width: 992px) {
  #features .row {
    width: 100%;
  }

  #features .list-wrapper {
    width: 100%;
  }
}

#features .column {
  padding: 0;
}

#features ul {
  margin-bottom: 0;
}

#features .container {
  max-width: 1016px;
}

#features .list-group-item {
  font-family: MuseoSansCyrl-300, sans-serif;
  font-weight: 300;
  color: #1C2E39;
  padding: 0 15px;
  font-size: 16px;
  line-height: 28px;
  text-align: left;
}

@media (max-width: 1100px) {
  #features .list-group-item {
    font-size: 13px;
  }
}

/*===============================================*/

.panels-wrapper {
  max-width: 956px;
}

.panels-wrapper .column {
  padding: 0;
}


.panels-wrapper .column.zoomed {
  padding: 0 17px;
}

.panels-wrapper .panel {
  padding-top: 38px;
  min-width: 280px;
  max-width: 340px;
}
.panels-wrapper .panel.orange {
  padding-top: 65px;
  padding-bottom: 50px;
  position: absolute;
  left: -24px;
  right: -24px;
  top: -26px;
  max-width: 338px;
}

.panels-wrapper .orange.panel-single {
  position: relative !important;
  top: 0;
  left: 0;
  right: 0;
  max-width: 100%;
}

.panels-wrapper .panel.white {
  padding-bottom: 28px;
}


@media (max-width : 992px) {

  .panels-wrapper .panel.orange {
    padding-top: 45px;
    padding-bottom: 30px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    max-width: 338px;
    margin-top: -28px;
    margin-bottom: 0;
  }
  .panels-wrapper .panel.white {
    margin-bottom: 0;
    border-radius: 12px !important;

    -ms-transform: scale(0.92, 0.92); /* IE 9 */
    -webkit-transform: scale(0.92, 0.92); /* Safari */
    transform: scale(0.92, 0.92);
  }
  .panels-wrapper .panel.white.right {
    margin-top: -28px;
  }
}

.panel .img-wrapper {
  height: 40px;
}

.panel .bad-icon {
    margin-top: 5px;
}

.panel-heading {
	padding: 25px 20px 20px 20px;
}

.panel.orange {
  position: relative;
  z-index: 3;
  border-radius: 12px;
  background: linear-gradient(0deg, #E08B1C 0%, #F2AE43 100%);
}

.panel p {
  font-family: MuseoSansCyrl-300, sans-serif;
  font-weight: 300;
  text-align: center;
  font-size: 14px;
  line-height: 17px;
}

.panel.orange p {
  color: white;
}

.panel h3 {
  font-family: MuseoSansCyrl-700, sans-serif;
  font-weight: 700;
}

.panel-pricing h3 {
  margin-bottom: 28px !important;
}
.panel-pricing p {
  margin-bottom: 36px;
}

@media (max-width: 1100px) {
  .panel-pricing p {
    margin-bottom: 25px;
  }
}

.panel.orange .panel-heading {
  font-family: MuseoSansCyrl-300, sans-serif;
  font-weight: 300;
  color: #FFFFFF;
  letter-spacing: 1px;
  line-height: 33px;
  text-align: center;
}

.panel-heading .price {
  font-family: MuseoSansCyrl-500, sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
  font-size: 28px;
  line-height: 33px;
  margin-bottom: 6px;
}

.panel-heading .huge-digit {
  font-family: MuseoSansCyrl-700, sans-serif;
  font-weight: 700;
  font-size: 56px;
}

.panel.orange .btn {
  color: #F2AE43;
  font-family: MuseoSansCyrl-500, sans-serif;
  font-weight: 500;
  text-align: center;
  letter-spacing: 1px;
  background-color: #FFFFFF;
  border: none;

  height: 53px;
  width: 240px;
  border-radius: 100px;
  font-size: 14px;
  line-height: 17px;
  padding: 18px 0;

  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;

}

.panel.orange .btn:hover {
    color: #000;
    transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
}

@media (max-width: 991px) {
  .panel.orange .btn {
    font-size: 11px;
  }
}

.panel.white {
  font-family: MuseoSansCyrl-300, sans-serif;
  font-weight: 300;
  border: 2px solid #DCE3E8;
  color: #1C2E39;
  letter-spacing: 1px;
  text-align: center;
}

.panel.white.left {
  border-radius: 8px 0 0 8px;
}

.panel.white.right {
  border-radius: 0 8px 8px 0;
}

.panel.white .btn {
  background: linear-gradient(315deg, #EE8B0B 0%, #FFB034 100%);
  color: #FFFFFF;
  font-family: MuseoSansCyrl-500, sans-serif;
  font-weight: 500;
  letter-spacing: 1px;
  text-align: center;
  border: none;

  height: 53px;
  width: 240px;
  border-radius: 100px;
  font-size: 14px;
  line-height: 17px;
  padding: 18px 0;

  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
}

.panel.white .btn:hover {
    transform: translateY(-2px);
    opacity: 0.9;
}

@media (max-width: 1100px) {
  .panel.white .btn {
    font-size: 11px;
  }
}

.panel-heading h3 {
  font-family: MuseoSansCyrl-500, sans-serif;
  font-weight: 600;
  font-size: 28px;
  letter-spacing: 1px;
  line-height: 33px;
  text-align: center;
  margin: 0 0 17px 0;
}

@media (max-width: 1100px) {
  .panel-heading h3 {
    font-size: 24px;
    font-family: MuseoSansCyrl-500, sans-serif;
    font-weight: 600;
  }
}

#product-hunt {
  margin-top: 100px;
}

#stripe {
  height: 100%;
  background: url("../images/powered_by_stripe@2x.png");
  background-size: contain;
  background-repeat: no-repeat;
}

@media (min-width: 476px) {
  #stripe-wrapper {
    margin-top: 33px;
    height: 26px;
    width: 119px;
  }
}

@media (max-width: 475px) {
  #stripe-wrapper {
    margin-top: 23px;
    height: 26px;
    width: 119px;
  }
}

/*=============================================*/

#product-hunt h6 {
  color: #1C2E39;
  font-family: MuseoSansCyrl-700, sans-serif;
  font-size: 48px;
  line-height: 64px;
  text-align: center;
  letter-spacing: 1px;
  font-weight: 700;
}

#product-hunt img.kitten {
  max-width: 500px;
  width: 100%;
}

@media (max-width: 1100px) {
  #product-hunt h6 {
    font-size: 28px;
    line-height: 38px;
  }
}

.embedhunt-wrapper {
  max-width: 725px;
}

/*================================================*/

.email {
  color: #F2AE43;
  font-family: MuseoSansCyrl-300, sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: center;
  line-height: 64px;
}

@media (min-width: 1099px) {
  .email {
    font-size: 28px;
  }
}

@media (min-width: 475px) and (max-width: 1099px) {
  .email {
    font-size: 2.8vw;
  }
}

@media (max-width: 475px) {
  .email {
    font-size: 24px;
  }
}

/*================================================*/

#questions h6 {
  font-family: MuseoSansCyrl-700, sans-serif;
  font-weight: 700;
  color: #1C2E39;
}

@media (min-width: 1099px) {
  #questions h6 {
    margin-bottom: 20px;
    font-size: 48px;
    line-height: 64px;
  }
}

@media (min-width: 475px) and (max-width: 1099px) {
  #questions h6 {
    margin-bottom: 2vw;
    font-size: 4.8vw;
    line-height: 6.4vw;
  }
}

@media (max-width: 475px) {
  #questions h6 {
    font-size: 28px;
    line-height: 64px;
    text-align: center;
  }
}

/*================================================*/

.inline {
  display: inline;
}

#graph_section {
    padding-top: 0;
}
@media screen and (min-width: 1100px) {
    #graph_section {
        padding-top: 90px;
    }
}

#graph_section h1 {
  color: #1C2E39;
  font-family: MuseoSansCyrl-700, sans-serif;
  font-size: 48px;
  letter-spacing: 1px;
  line-height: 64px;
  margin-bottom: 15px;
  text-align: center;
}
#graph_section p.lead {
  font-family: MuseoSansCyrl-300, sans-serif;
  color: #1C2E39;
  font-size: 16px;
  line-height: 28px;
  text-align: left;
}

#graph_section p.lead {
    margin-bottom: 40px;
    text-align: center;
}

@media screen and (max-width: 1000px) {
    #graph_section h1 {
        font-size: 28px;
        line-height: normal;
    }
    #graph_section p.lead {
        font-size: 13px;
        line-height: 23px;
        margin-bottom: 20px;
    }
}


.panel.orange {
  border: 0px solid transparent !important;

  box-shadow: 0 40px 40px 0 rgba(109,71,10,0.033), 0 40px 60px 0 rgba(108,77,28,0.1), 0 8px 40px 0 rgba(154,116,30,0.1), 0 6px 10px 0 rgba(84,126,165,0.1);
}


.legend-circle {
  height: 32px;
  width: 32px;
  border-radius: 49px;
  background-color: #F2AE43;
}

@media (max-width: 475px) {
    .legend-circle {
        height: 24px;
        width: 24px;
    }
    .legend-explanation-wrap {
        padding-left: 40px;
    }
}

.legend-wrapper {
  display: table;
}

.legend-wrapper-inner {
  display: table-cell;
  vertical-align: middle;
}

.legend-circle.green {
  background-color: #56B955;
}
.legend-circle.blue {
  background-color: #3EB0E4;
}
.legend-circle.red {
  background-color: #D45252;
}
.legend-circle.violet {
  background-color: #D573D1;
}

.legend-circle-wrap {
  width: 48px;
  float: left;
  display: block;
  vertical-align: top;
  margin-right: -48px;
}

.legend-explanation-wrap {
  display: block;
  vertical-align: top;
  padding-left: 48px;
}

.legend-explanation-wrap h4 {
  height: 17px;
  color: #1C2E39;
  font-family: MuseoSansCyrl-700;
  font-size: 14px;
  line-height: 17px;
  margin: 0;
  margin-bottom: 5px;
}

.legend-explanation-wrap p {
  color: #1C2E39;
  font-family: MuseoSansCyrl-300;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 23px;
}

@media (max-width: 1100px) {
    .legend-explanation-wrap h4 {
        font-size: 13px;
    }
    .legend-explanation-wrap p {
        font-size: 13px;
    }
}


/* Vizuly from here */


path.domain {
    fill:none;
}

.vizuly {
    fill:#AAA;
    shape-rendering: auto;
}

.vz-plot-background {
    fill:#FFF;
}


.vz-bar{
    stroke: #EEE;
    shape-rendering:auto;
}

.vz-area {
    fill-opacity:0.7;
    shape-rendering: auto;
}

.vz-line {
    stroke: #777;
    stroke-width:1px;
    stroke-opacity: 1;
    fill:none;
    shape-rendering: auto;
}

.vz-tip {
    stroke: 1px;
    fill:none;
    stroke: #777777;
    stroke-opacity: 1;
    shape-rendering: auto;
}

.vz-line-indicator {
    stroke:#555;
    stroke-width: 1px;
}

.vz-data-point {
    shape-rendering: auto;
}

.vz-bottomAxis {
    shape-rendering: crispEdges;
}

.vz-skin-default {


}

.vz-radial-axis-tick {
    font-weight:300;
}

.vz-skin-axiis {
    background-image: linear-gradient(
            to bottom,
            #d0d0d0,
            #dfdfdf,
            #f3f3f3,
            #d0d0d0
    );
    border-radius: 5px;
    border:1px solid #BBB;
}

.vz-skin-ocean {
    background-repeat: no-repeat;
    background-size:cover;
    border-radius: 5px;
}


.vz-axiis-datatip {
    background: rgba(232, 232, 232, 0.9);
    border-radius:3px;
    border: 1px solid #AAA;
    fill:#FFF;
    padding:10px;
    font-face:Raleway; text-transform:uppercase; font-weight:200; color:#000;
}

.vz-material-datatip {
    background: rgba(35, 35, 35, 0.7);
    border-radius:3px;
    border: 1px solid #AAA;
    fill:#FFF;
    padding:10px;
    font-face:Raleway; text-transform:uppercase; font-weight:200; color:#FFF;
}

.vz-neon-datatip {
    background: rgba(106, 106, 106, 0.7);
    border-radius:3px;
    border: 1px solid #777;
    padding:10px;
    font-face:Raleway; text-transform:uppercase; font-weight:200; color:#FFF;
}

.vz-minimal-datatip {
    background: rgba(220, 220, 220, 1);
    border-radius:1px;
    border: 1px solid #333;
    padding:10px;
    font-face:Raleway;
    text-transform:uppercase;
    color:#333;
}

.vz-minimal-datatip span {
    font-weight:300!important;
}

.vz-viz circle {
    shape-rendering:auto;
}


.vz-skin-political-influence {
    background-color:#EEEEEE;
    border-radius: 5px;
}

svg {
    fill:#FFF;
}

i.mdi-navigation-menu:before {
    font-size:40px;
    content: "\e662";
}
i.mdi-navigation-menu:hover {
    transition: color 0.5s ease;
    color: #0176B4;
}



#viz_container {
    width: 100%;
    height: 300px
}

.vz-yAxis-plot .vz-y-axis-tick {
    stroke: gray !important
}

.vz-yAxis-plot .vz-y-axis-tick:nth-child(1) {
    display: none !important
}

.vz-yAxis-plot .vz-y-axis-tick:nth-child(3) {
    display: none !important
}

.vz-yAxis-plot .vz-y-axis-tick:nth-child(5) {
    display: none !important
}

.vz-yAxis-plot .vz-y-axis-tick:nth-child(7) {
    display: none !important
}

.vz-yAxis-plot .vz-y-axis-tick-label {
    display: none !important
}

.vz-hit-circle {
    display: none
}

.vz-series {
    z-index: 99999
}

.vz-series .vz-series-plots:nth-child(1) .vz-area {
    fill: url(#vz_gradient_green) !important;
    fill-opacity: 1 !important
}

.vz-series .vz-series-plots:nth-child(1):hover .vz-area {
    fill-opacity: 0.65 !important
}

.vz-series .vz-series-plots:nth-child(2) .vz-area {
    fill: url(#vz_gradient_blue) !important;
    fill-opacity: 1 !important
}

.vz-series .vz-series-plots:nth-child(2):hover .vz-area {
    fill-opacity: 0.65 !important
}

.vz-series .vz-series-plots:nth-child(3) .vz-area {
    fill: url(#vz_gradient_red) !important;
    fill-opacity: 1 !important
}

.vz-series .vz-series-plots:nth-child(3):hover .vz-area {
    fill-opacity: 0.65 !important
}

.vz-series .vz-series-plots:nth-child(4) .vz-area {
    fill: url(#vz_gradient_violet) !important;
    fill-opacity: 1 !important
}

.vz-series .vz-series-plots:nth-child(4):hover .vz-area {
    fill-opacity: 0.65 !important
}

.vz-series .vz-series-plots:nth-child(5) .vz-area {
    fill: url(#vz_gradient_yellow) !important;
    fill-opacity: 1 !important
}

.vz-series .vz-series-plots:nth-child(5):hover .vz-area {
    fill-opacity: 0.65 !important
}




.profiles-item {
    margin-bottom: 44px;
    text-align: center
}

.profiles-item h2.compare-title, .profiles-item .profiles-name {
    color: #1C2E39;
    font-family: MuseoSansCyrl-300;
    margin: 0;

    font-size: 18px;
    line-height: 64px;
    text-align: center;

}

@media (max-width: 475px) {
    .profiles-item h2.compare-title, .profiles-item .profiles-name {
        font-size: 12px;
    }
}
.profiles-item h2.compare-title b, .profiles-item .profiles-name b{
    color: #1C2E39;
    font-family: MuseoSansCyrl-700;

}

.profiles-item .profile-photo-wrap {
    position: relative;
    width: 263px;
    margin: 0 auto;
    pointer-events: none
}

.profiles-item .profile-photo-wrap .profile-photo {
    background: lightgray;
    display: inline-block;
    width: 50%;
    border-radius: 9999px;
    border: 4px solid white;
    top: -212px;
    left: 25.5%;
    position: absolute;
    z-index: 4;
    overflow: hidden
}



.profiles-tooltips-container {
    height: 0;
    position: relative;
    width: 263px;
    margin: 0 auto;
    pointer-events: none
}

.profiles-tooltips-container .profiles-tooltip {
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 1px 3px 0 rgba(115, 161, 219, 0.15), 0 4px 20px 0 rgba(145, 175, 222, 0.14);
    display: inline-block;
    color: #1C2E39;
    font-family: MuseoSansCyrl-500;
    font-weight: 100;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
    padding: 5px 4px;
    position: absolute;
    z-index: 9;
    left: 1%
}

.profiles-tooltips-container .profiles-tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    right: 50%;
    margin-top: 0;
    margin-left: 5px;
    border-width: 5px;
    border-style: solid;
    border-color: white transparent transparent transparent
}

.profiles-tooltips-container .profiles-tooltip.profiles-tooltip-above {
    top: 30px;
    left: 130px;
    right: 20px
}

.profiles-tooltips-container .profiles-tooltip.profiles-tooltip-goals {
    top: 150px;
    left: 190px
}

.profiles-tooltips-container .profiles-tooltip.profiles-tooltip-reliability {
    top: 260px;
    left: 80px
}

.profiles-tooltips-container .profiles-tooltip.profiles-tooltip-reliability::after {
    content: "";
    position: absolute;
    top: 0%;
    right: 50%;
    margin-top: -10px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent white transparent
}

.profiles-tooltips-container .profiles-tooltip.profiles-tooltip-communications {
    top: 140px;
    left: -30px
}

.profiles-tooltips-container .profiles-tooltip.profiles-tooltip-teamwork {
    top: 40px;
    left: 20px
}

.profiles-tooltips-container .profiles-tooltip.profiles-tooltip-visible {
    opacity: 1;
    visibility: visible
}


@media (max-width: 475px) {

  .legend-wrapper {

  }

}


#questions {
    padding-top: 70px;
    margin-top: 40px;
    padding-bottom: 20px;
    position: relative;
    max-width: none !important;
}

#questions .container {
    position: relative;
    z-index: 10;
}

#pluses {
    width: 100%;
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
}
.plus {
    width: 44px;
    height: 44px;
    -webkit-animation-duration: 5s;
    -moz-nimation-duration: 5s;
    -o-animation-duration: 5s;
    -ms-animation-duration: 5s;
    animation-duration: 5s;
    position: absolute;
    bottom: -44px;
}

.plus i {
    content: '';
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyMnB4IiBoZWlnaHQ9IjIycHgiIHZpZXdCb3g9IjAgMCAyMiAyMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5wbHVzPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iMC44NDk5OTk5NjQiPiAgICAgICAgPGcgaWQ9InBsdXMiIGZpbGw9IiNCRkNBRDMiPiAgICAgICAgICAgIDxnIGlkPSJDb21iaW5lZC1TaGFwZS1Db3B5Ij4gICAgICAgICAgICAgICAgPGcgaWQ9IlBhZ2UtMyI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iMS1NYWluIj4gICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iOSI+ICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJQYXR0ZXJuIj4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSIzLWNvcHkiPiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSIxLWNvcHkiPiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iQ29tYmluZWQtU2hhcGUtQ29weSIgcG9pbnRzPSIxMyA5IDEzIDAgOSAwIDkgOSAwIDkgMCAxMyA5IDEzIDkgMjIgMTMgMjIgMTMgMTMgMjIgMTMgMjIgOSI+PC9wb2x5Z29uPiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover;
}


#ph-modal {
    margin-top: 10vw;
    padding-top: 30px;
}

#ph-modal h3 {
    font-size: 24px;
    line-height: 26px;
    margin-top: 0;
    font-family: MuseoSansCyrl-300, sans-serif;
}

#ph-modal .modal-content {
    padding-top: 30px;
}

/* trial */
#privacy-policy {
  z-index: 100000;
}

#trial-modal {
  font-family: MuseoSansCyrl-700, sans-serif;
}
#trial-modal .trial__heading {
  font-family: MuseoSansCyrl-700, sans-serif;
}
#trial-modal button.close {
  position: relative;
  right: 18px;
  top: 15px;
}

.trial {
  padding: 30px;
}

.trial__heading {
  font-size: 28px;
  color: #1C2E39;
  font-weight: bold;
  margin: 20px 0 10px;
  text-align: center;
}

.trial__desc {
  font-size: 14px;
  color: #a5a5a5;
  text-align: center;
}

.trial__form {
  width: 80%;
  margin: 30px auto 0;
  position: relative;
}

.trial__form.is-sending fieldset {
  opacity: 0.2;
}

.trial__form.is-sending:after {
  opacity: 1;
  visibility: visible;
}

.trial__field {
  width: 100%;
  margin-bottom: 16px;
  transition: all ease 0.5s;
}
.trial__field--required label::after {
  content: '*';
  display: inline-block;
  margin-left: 5px;
  color: red;
}
.trial__field--centered {
  text-align: center;
}

.trial__field label {
  display: block;
  font-weight: normal;
  font-size: 15px;
  margin-bottom: 3px;
}

.trial__field label.error {
  color: red;
  margin-top: 5px;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: -10px;
}
.trial__field label.error::after {
  content: '';
}

.trial__field input {
  font-size: 16px;
  height: 48px;
  border-radius: 2px;
  padding: 0 15px;
  display: block;
  width: 100%;
  border: 1px solid #ddd;
  margin: 0;
  background-color: #fff;
  box-shadow: 0 0 10px #ececec;
  transition: all ease 0.3s
}

.trial__field input:focus {
  border-color: #bbb;
  box-shadow: 0 0 10px transparent;
}
.trial__field input.error {
  border-color: red;
  box-shadow: 0 0 10px transparent;
}

.trial__agree {
  font-size: 11px;
  color: #999;
  line-height: 18px;
  margin: 25px 0;
}

.trial .main-button {
  margin: 0 auto;
}

.trial .main-button:disabled {
  cursor: default;
  opacity: 0.3;
}

.trial .main-button:disabled:hover {
  transform: scale(1) !important;
}

.trial__form:after {
  content: '';
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA0MCA0MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5Mb2dvPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICAgICAgPGcgaWQ9IkxvZ28iIGZpbGw9IiNGMkFFNDMiIGZpbGwtcnVsZT0ibm9uemVybyI+ICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSAgICAgICAgICBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iICAgICAgICAgIGF0dHJpYnV0ZVR5cGU9IlhNTCIgICAgICAgICAgdHlwZT0icm90YXRlIiAgICAgICAgIGR1cj0iMnMiICAgICAgICAgIGZyb209IjAgMTAgMTAiICAgICAgICAgdG89IjM2MCAxMCAxMCIgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+ICAgICAgICAgICAgPHBhdGggZD0iTTEwLjAwNDI5NzYsMTIuMzM2NDIwNiBDOS4wMzQzMzg4MywxMi4zMzY0MjA2IDguMjQ2NzYyMDUsMTMuMTI0NiA4LjI0Njc2MjA1LDE0LjA5MzE1MjcgQzguMjQ2NzYyMDUsMTUuMDYxNzA1NCA5LjAzNDMzODgzLDE1Ljg0OTQ4MzEgMTAuMDA0Mjk3NiwxNS44NDk0ODMxIEMxMC45NzIyNDc3LDE1Ljg0OTQ4MzEgMTEuNzU5NjIzNiwxNS4wNjE3MDU0IDExLjc1OTYyMzYsMTQuMDkzMTUyNyBDMTEuNzU5NjIzNiwxMy4xMjQ2IDEwLjk3MjI0NzcsMTIuMzM2NDIwNiAxMC4wMDQyOTc2LDEyLjMzNjQyMDYgWiIgaWQ9IlNoYXBlIj48L3BhdGg+ICAgICAgICAgICAgPHBhdGggZD0iTTEwLjA3NTA2NzEsMC4wNzk3NTkwMzYxIEM0LjYyNjE5MTY5LDAuMDc5NzU5MDM2MSAwLjE5NDY5ODc5NSw0LjUxMjQxMjA3IDAuMTk0Njk4Nzk1LDkuOTU5Mjc3MTEgQzAuMTk0Njk4Nzk1LDE1LjQwNjE0MjEgNC42MjYxOTE2OSwxOS44Mzg3OTUyIDEwLjA3NDgyNDIsMTkuODM4Nzk1MiBDMTUuNTIxNTEzMywxOS44Mzg3OTUyIDE5Ljk1MzczNDksMTUuNDA2MTQyMSAxOS45NTM3MzQ5LDkuOTU5Mjc3MTEgQzE5Ljk1MzczNDksNC41MTI0MTIwNyAxNS41MjE5OTkxLDAuMDc5NzU5MDM2MSAxMC4wNzUwNjcxLDAuMDc5NzU5MDM2MSBaIE05LjkxNzg4NTExLDQuMDc5NzU5MDQgQzEwLjc0NDE3ODgsNC4wNzk3NTkwNCAxMS40MTUyMDY5LDQuNzUyNjQ1MzkgMTEuNDE1MjA2OSw1LjU3ODkzOTEgQzExLjQxNTIwNjksNi40MDQ0MDY5MyAxMC43NDQxNzg4LDcuMDc3OTEyNyA5LjkxNzg4NTExLDcuMDc3OTEyNyBDOS4wOTExNzg0Niw3LjA3NzcwNjIzIDguNDE4NzA1MDQsNi40MDQ0MDY5MyA4LjQxODcwNTA0LDUuNTc4OTM5MSBDOC40MTg3MDUwNCw0Ljc1MjY0NTM5IDkuMDkwOTcxOTksNC4wNzk3NTkwNCA5LjkxNzg4NTExLDQuMDc5NzU5MDQgWiBNMTAuMDA0ODE5MywxOC4zMDcyMjg5IEM3LjY3OTUxODA3LDE4LjMwNzIyODkgNS43ODk2Mzg1NSwxNi40MTY4Njc1IDUuNzg5NjM4NTUsMTQuMDkzNzM0OSBDNS43ODk2Mzg1NSwxMS43NzAxMjA1IDcuNjc5Mjc3MTEsOS44Nzk1MTgwNyAxMC4wMDQ4MTkzLDkuODc5NTE4MDcgQzEyLjMyNzQ2OTksOS44Nzk1MTgwNyAxNC4yMTcxMDg0LDcuOTg4OTE1NjYgMTQuMjE2ODY3NSw1LjY2NTU0MjE3IEMxNC4yMTY4Njc1LDMuMzQyMTY4NjcgMTIuMzI3MjI4OSwxLjQ1MTU2NjI3IDEwLjAwNDMzNzMsMS40NTE1NjYyNyBDMTQuNjUwNjAyNCwxLjQ1MTU2NjI3IDE4LjQzMTU2NjMsNS4yMzMwMTIwNSAxOC40MzE1NjYzLDkuODc5NTE4MDcgQzE4LjQzMTU2NjMsMTQuNTI2MjY1MSAxNC42NTA2MDI0LDE4LjMwNzcxMDggMTAuMDA0ODE5MywxOC4zMDcyMjg5IFoiIGlkPSJTaGFwZSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
  position: absolute;
  opacity: 0;
  visibility: hidden;
  top: 40%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin: -15px 0 0 -15px;
  background-repeat: no-repeat;
  background-size: cover;
}



#privacy {
  text-align: center;
  background-color: #f7f7ef;
  padding: 30px 0;
}
#privacy .privacy-illustration {
  width: 120px;
  height: 120px;
  background-color: white;
  border-radius: 170px;
  margin: 0 auto;

  display: flex;
  align-items: center;
  justify-content: center;
}
#privacy .privacy-illustration img {
  position: relative;
  top: 6px;
  height: 74px;
}
#privacy h2 {
  margin: 6px 0;
  font-weight: bold;
}
#privacy p {
  margin: 0 0 2px;
}

/* ms */
.ms-bar {
  background: #726FB0;
  padding: 18px 0;
  z-index: 1000;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ms-bar__image {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  background-color: #F2AE43;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAS1BMVEXyrkPztFH86s3+9uryrD7//vz0uFr////yqzzyrUD63bH//PbzsUj1vWX2yH73zoz++vH87db405r1wW774rz98eD2xHX758b52KS2toUuAAACB0lEQVR4Ae3X2bKkIAwG4ACBJAoK7u//orPpGaqwZoTjbX9Xvf6NLIkNHx93HoQFXnPzMAZghHcE1KDTEYDhJYbJWj0Avg6aDZHeUF7nRCLbKYZXhAdLROvM8A539Es/MjQTzAuNLtJvE0IjVtsQAPNwzhyGJjIaIqvDlYObpd9s23XhSH8Yh2eqMvRH3zLP4iKdFoSTptOqBGrxSJd4fYsXunRYHzPRpXdljJ2xOmagi7mNhjRUU6a8BE1/bQyVcLDnhDrJK/VlF6jPST3FxeH1dLY5pg8NOT7MTqTYxd/Yy4hS7qOLfnPCs+jkWynnhGcDQzsOhrI8Oe21uNBxcwiMkUoaoZaIILPfNN0lqIMMSrkwHCtlWfJQgf3QJRN7S1nzaBDGlf4vyXOK0/TAamxf3qx+wTFEelCx/UQ9TEtd4cKOKjwdTQw9VdANBcEs3d43T01Rce2hmDFouslN5+5WcQ+WP5U00d2Otc1y9VI0rMzOWNssF/66zEhZZX/h47ZNvaFCH7C2ddsdi5aQHdxwI+EwBxelRuABBksX7VlAeC4HEwPDI7/mXx2Ud1OZYqtaCx+UGVOEVN/6lTNa6OtSyiktxPpm6TX9S7rPbnvd6g+PUA9doju7BxZogb6z5aQssyA0EpyXmDPMPjpE+AZEN3Y6Jb1346Ze/PkVZgRAZMac8fHxE3OaLS3zS3dkAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.ms-bar__text {
  color: #fff;
  font-size: 17px;
  margin-left: 15px;
  letter-spacing: 0.3px;
  margin-right: 20px;
}
.ms-bar__data {
  display: flex;
  align-items: center;
}
.button-small {
  background: rgba(255,255,255,0.15);
  color: #fff;
  display: inline-block;
  padding: 6px 20px 5px;
  border-radius: 100px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-align: center;
  box-shadow: none;
  border: none;
  transition: all ease 0.3s
}
.button-small:hover {
  background: rgba(255,255,255,0.25);
  color: #fff;
}

@media screen and (max-width: 600px) {
  .ms-bar {
    flex-direction: column;
  }
  .ms-bar__data {
    margin-bottom: 13px;
    justify-content: center;
  }
  .ms-bar__image {
    flex: none;
  }
}

@media screen and (max-width: 460px) {
  .ms-bar__data {
    width: 64%;
  }
  .ms-bar__text {
    font-size: 15px;
    line-height: 18px;
    margin-right: 0;
  }
}