@import url(https://fonts.googleapis.com/css?family=Open+Sans:100,400,600,300,700&subset=cyrillic-ext,latin);


html { font-family:Open Sans, sans-serif; -webkit-text-stroke:.15px;}

.floating_button_container {overflow:visible; margin-bottom:60px;}
nav.top_nav { background:none;}
  nav .desktop_menu li a {line-height:20px; text-align:center; padding:10px 10px 0; font-size:.9rem;}
  nav .desktop_menu li:last-child a {padding-right:0;}
  nav .desktop_menu li a span {display:block;}

nav .brand-logo img {height:48px; margin-top:4px;}
nav .nav-wrapper { background:none;}
nav .button-collapse i {line-height:48px}

@media only screen and (min-width :601px){
	nav,nav .nav-wrapper i,nav a.button-collapse,nav a.button-collapse i{height:64px; line-height:64px;}
	nav .brand-logo img {height:36px; margin-top:16px;}
	nav .brand-logo {padding-left:0!important;}
	nav.top_nav { background:url(../imgs/navbar_bg.png) no-repeat 105.5% 74% /31%}
	nav .button-collapse i {line-height:56px}
}
@media only screen and (min-width:40.063em) and (max-width:64em) {
	nav.top_nav { background:none}
}

#chartdiv.mobile { min-width:900px; opacity:0; position:absolute; z-index:-1}

.ctrlBtn {position:absolute; bottom:-28px;}
.ctrlBtn.Bwd {left:103px;}
	.ctrlBtn.Bwd i {padding-left:16px;}
.ctrlBtn.Fwd {right:103px;}

@media only screen and (max-width:40em){
	.ctrlBtn.Bwd {left:10px;}
	.ctrlBtn.Fwd {right:10px;}
}

#chartdiv.mobile { min-width:900px; opacity:0; position:absolute; z-index:-1}

.ctrlBtn {position:absolute; bottom:-28px;}
.ctrlBtn.Bwd {left:103px;}
  .ctrlBtn.Bwd i {padding-left:16px;}
.ctrlBtn.Fwd {right:103px;}

@media only screen and (max-width:40em){
  .ctrlBtn.Bwd {left:10px;}
  .ctrlBtn.Fwd {right:10px;}
}

form.loading {position:relative;}
form.loading .preload_container {position:absolute; width:100%; height:100%; background:rgba(255,255,255,.8); top:0; left:0;}

.brand-logo {padding:0 15px!important;}

.thumb.qwe {display:none; background-color:#fff!important; border:1px solid #ccc; box-shadow:0 1px 1px rgba(0,0,0,.2); -webkit-transform:none!important; transform-origin:0 0!important; border-radius:10px!important; width:100px;}
.thumb.qwe span {-webkit-transform:none!important; color:#888!important;}

input.select-dropdown {color:red;}
.ng-submitted input.ng-invalid {
   border-bottom:1px solid #F44336;
    box-shadow:0 1px 0 0 #F44336;
}
.ng-submitted input.ng-invalid + .gender_label {
  color:red;
}
.ng-submitted input:checked.ng-valid + .gender_label {
  color:#000;
}

input[type=range]:focus::-webkit-slider-runnable-track { background:#ccc!important;}
input[type=range]::-moz-range-track { width:100%; height:11.4px; cursor:pointer; box-shadow:0.6px 0.6px 0px #000000, 0px 0px 0.6px #0d0d0d; background:#ccc!important; border-radius:1.3px; border:0.2px solid #010101;}
input[type=range]::-moz-range-thumb {box-shadow:0.4px 0.4px 0.3px #000031, 0px 0px 0.4px #00004b; border:0px solid rgba(0, 0, 0, 0); height:26px; width:26px; border-radius:50px; background:#ffffff!important; cursor:pointer;}
input[type=range]::-ms-track {width:100%; height:11.4px; cursor:pointer; background:transparent; border-color:transparent; color:transparent;}

.adaptive_p.small {font-size:.85rem}
.adaptive_push {margin-top:50px}
.adaptive_push_larger {margin-bottom:100px}

h6 {font-weight:600!important}
.colored_wrapper {padding:1.875rem 1.875rem 0 1.875rem}
.footer_contacts a {
  display:block; font-size:1rem; color:#fff; font-weight:600;
}
@media only screen and (max-width:40em) { /* max-width 640px, mobile-only styles, use when QAing mobile issues */ 
  h3 {font-size:1.8em;}
  h5 {font-size:1.4em;}
  ol.adaptive_p {padding-left:18px;}
  .divider.adaptive_p {margin:20px 0 15px}
  .adaptive_push {margin-top:20px}
  .adaptive_push_larger {margin-bottom:45px}
  .questions_stuff {font-size:.8em;}
  .questions_stuff .row {margin-bottom:0}
  .questions_stuff .question_text {margin-bottom:40px}
  .device_detectors .mobile {display:block;}
  .device_detectors .desktop {position:absolute; z-index:-1000; min-width:550px; height:500px;left: -1000px;}
}


@media only screen and (min-width:40.063em) {
  .device_detectors .mobile {display:block;}
  .device_detectors .desktop {position:absolute; z-index:-1000; min-width:550px; height:500px;}
}

@media only screen and (min-width:40.063em) and (max-width:64em) {
  .device_detectors .tablet {display:block;}
  .device_detectors .mobile {display:none;}

  .device_detectors .desktop {position:relative; z-index:2; min-width:550px; height:500px;}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */


@media only screen and (min-width:64.063em) {
  .device_detectors .desktop {display:block;}
  .device_detectors .mobile {display:none;}

.device_detectors .desktop {position:relative; z-index:2; min-width:550px; height:500px;}
} /* min-width 1025px, large screens */

@media only screen and (min-width:64.063em) and (max-width:90em) {
.device_detectors .desktop {position:relative; z-index:2; min-width:550px; height:500px;} } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* NEW STYLES */
.slim_text {font-weight:100;}
.small_title {color:#4e4e4e; text-transform:uppercase}
.grey_text {color:#686868;}
.divider.adaptive_p {margin:40px 0 30px}
.bold {font-weight:600;}
.index_images_grid {min-height:60px; margin-top:30px;}
  .index_images_grid img {display:block; width:90%; margin:0 auto 20px auto;}

.spinner_container {position:absolute; top:0; left:0; padding-top:25%; background:rgba(255,255,255,.9); height:50%; width:100%; z-index:1000}

.error_message {font-size:.8em; color:#ccc}

/* CHART STYLES */
#chart_container {width:600px; height:600px; margin:20px auto 0; position:relative; border:1px solid #888;}
#chart_container .sphere {width:50px; height:50px; line-height:50px; display:inline-block; position:relative; border-radius:1000px; color:#fff; text-align:center; max-width:150px!important; max-height:150px!important; overflow:hidden; position:absolute; z-index:3; opacity:.8; text-shadow:0 0 2px rgba(0,0,0,.8);}
#chart_container .sphere_tooltip {position:absolute; width:200px; max-height:150px; z-index:10; display:block; background:#555; overflow:auto; padding:5px 10px; color:#fff; font-size:12px; opacity:.9; border:1px solid #444; box-shadow:0 0 5px rgba(0,0,0,.4); border-radius:2px; display:none; z-index:10;}

.fa {
  padding: 6px;
  font-size:18px!important;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius:100%;
  -webkit-text-stroke:0;
  background:#fff;
  color:#000;
}
.fa:hover {
  opacity: 0.7;
}

.question_button {
  background: #F2F2F2;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  border-radius: 30px;
  border-color: #00000000;
  padding: 24px;
  margin: 0 10px;
}
.question_button_completely_decline {
  background-image: url('/static/imgs/completely_decline_emoji.png');
}
.question_button_completely_decline:hover {
  background: radial-gradient(16.00px at 50% 50%, #FAD0C4 0%, #FF9A9E 100%);
  background-image: url('/static/imgs/completely_decline_emoji_active.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}
.question_button_decline {
  background-image: url('/static/imgs/decline_emoji.png');
}
.question_button_decline:hover {
  background: radial-gradient(16.00px at 50% 50%, #FFECD2 0%, #FCB69F 100%);
  background-image: url('/static/imgs/decline_emoji_active.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}
.question_button_unassure {
  background-image: url('/static/imgs/unassure_emoji.png');
}
.question_button_unassure:hover {
  background: radial-gradient(16.00px at 50% 50%, #FECFEF 0%, #FF9A9E 100%);
  background-image: url('/static/imgs/unassure_emoji_active.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}
.question_button_agree {
  background-image: url('/static/imgs/agree_emoji.png');
}
.question_button_agree:hover {
  background: radial-gradient(16.00px at 50% 50%, #C2E9FB 0%, #A1C4FD 100%);
  background-image: url('/static/imgs/agree_emoji_active.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}
.question_button_completely_agree {
  background-image: url('/static/imgs/completely_agree_emoji.png');
}
.question_button_completely_agree:hover {
  background: radial-gradient(16.00px at 50% 50%, #BCEEA1 0%, #8DC26F 100%);
  background-image: url('/static/imgs/completely_agree_emoji_active.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}
.question_label {
  font-size: 10px;
  text-align: center;
  padding-top: 5px;
  line-height: 12px;
}
.question_text {
  font-size: 20px;
  padding-top: 8px;
  text-align: center;
  padding: 10px 40px;
}
@media (max-width: 768px) {
  .question_button {
    background-size: 22px;
    padding: 22px;
    margin: 0 5px;
  }
  .question_button_completely_decline:hover {
    background-size: 22px;
  }
  .question_button_decline:hover {
    background-size: 22px;
  }
  .question_button_agree:hover {
    background-size: 22px;
  }
  .question_button_completely_agree:hover {
    background-size: 22px;
  }
  .question_label {
    font-size: 8px;
    line-height: 10px;
  }
  .question_text {
    font-size: 18px;
  }
  .question_row {
    padding: 50px 0;
  }
}
.dominant_label {
  font-weight: 300;
  text-align: center;
  font-size: 24px;
  padding-top: 60px;
  margin-top: 0;
}
.dominant_title {
  font-weight: 300;
  text-align: center;
  font-size: 56px;
  margin-top: 0;
}
.basic_result_wrapper {
  padding: 0 13.5em;
  background-size: 110%;
}
.dominant_subtitle {
  font-weight: 300;
  text-align: center;
  font-size: 18px;
  padding: 0px;
  margin-bottom: 20px;
  width: 620px;
  margin: 0 auto;
}
.dominant_desc_wrapper {
  margin-top: 60px;
  display: flex;
  justify-content: center;
}
.dominant_desc_block {
    width: 40%;
    padding: 0 20px;
  }
.dominant_desc_title {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  line-height: 33px;
}
.dominant_desc_subtitle {
  text-align: center;
  font-weight: 300;
  font-size: 16px;
}
.dominant_feature_wrapper {
  margin-top: 60px;
  margin-bottom: 120px;
  display: flex;
  justify-content: center;
}
.dominant_feature_block {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  height: 120px;
  width: 210px;
}
.dominant_feature_block img {
  width: 64px;
  height: 64px;
}
.dominant_feature_title {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  line-height: 33px;
  width:100%;
  margin-top: 10px;
}
.dominant_feature_subtitle {
  text-align: center;
  font-weight: 300;
  font-size: 14px;
}
.result_greeting_title {
  text-align: center;
  width: 70%;
  margin: 0 auto;
  font-size: 24px;
  font-weight: 600;
}
.result_greeting_subtitle {
  text-align: center;
  width: 50%;
  margin: 0 auto;
  padding-top: 20px;
}
.result_desc_subtitle {
  width: 50%;
  padding-top: 20px;
}
@media (max-width: 768px) {
  .basic_result_wrapper {
    background-size: auto 100%;
    padding: 0;
  }
  .dominant_subtitle {
    width: 90%;
  }
  .dominant_desc_wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
  }
  .dominant_desc_block {
    width: 100%;
  }
  .dominant_feature_wrapper {
    flex-wrap: wrap;
    margin-top: 0px;
    margin-bottom: 0;
  }
  .dominant_feature_block {
    width: 100%;
    height: unset;
  }
  .dominant_feature_block img {
    margin-top: 30px;
  }
  .dominant_feature_title {
    margin-bottom: 0;
  }
  .result_greeting_subtitle {
    width: 90%;
  }
}
.wait {
  width: 180px;
  pointer-events: none;
}
.landing_main_row {
  padding: 6em 0;
}
.landing_main_title {
  font-size: 48px;
  font-weight: 300;
}
.landing_main_subtitle {
  font-size: 24px;
  font-weight: 400;
  color: #111111;
  margin: 20px 0;
}
.landing_button {
  background: #FECE32;
  border-radius: 4px;
  border-color: #00000000;
  font-size: 18px;
  line-height: 33px;
  text-align: center;
  font-weight: 300;
  color: #000000;
  width: 180px;
}
.landing_heroes_item {
  display: flex;
  position: relative;
}
.landing_heroes_item p {
  position: absolute;
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  left: 50px;
}
.landing_count_title {
  text-align: center;
  font-size: 51px;
  font-weight: bold;
  line-height: 60px;
  color: #111111;
}
.landing_count_subtitle {
  font-size: 24px;
  font-weight: 400;
  color: #111111;
  text-align: center;
}
.landing_title {
  font-size: 42px;
  font-weight: 300;
  color: #111111;
  margin: 1em 0;
}
.landing_pass_test {
  cursor: pointer;
}
.landing_for_what_text {
  font-size: 24px;
  font-weight: 300;
  margin: 3em 0;
}
.landing_for_what_title {
  width: 30%;
  height: 256px;
  margin: 20px;
  margin-left: 0;
  display: flex;
}
.landing_for_what_title_text {
  font-weight: 300;
  font-size: 44px;
}
.landing_for_what_item {
  background: #E8E8E8;
  border-radius: 8px;
  width: 30%;
  height: 256px;
  margin: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.landing_for_what_item_text {
  color: #111;
  text-align: center;
  font-size: 20px;
  margin-top: -20px;
  width: 100%;
}
.landing_text {
  font-size: 22px;
  font-weight: 300;
  color: #111111;
  margin-bottom: 40px;
}
.landing_text span {
  font-weight: 600;
}
.landing_question {
  background: #F2F2F2;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
  border-radius: 30px;
  border-color: #00000000;
  padding: 24px;
  margin: 0 10px;
}
.landing_question_dna {
  background-image: url('/static/imgs/dna_emoji.png');
}
.landing_question_microscope {
  background-image: url('/static/imgs/microscope_emoji.png');
}
.landing_question_television {
  background-image: url('/static/imgs/television_emoji.png');
}
.landing_question_unicorn {
  background-image: url('/static/imgs/unicorn_emoji.png');
}
.landing_question_camera {
  background-image: url('/static/imgs/camera_emoji.png');
}
.landing_question_cat {
  background-image: url('/static/imgs/cat_emoji.png');
}
@media (max-width: 480px) {
  .landing_main_row {
    padding: 2em 0;
  }
  .landing_main_title {
    font-size: 30px;
  }
  .landing_main_subtitle {
    font-size: 15px;
    margin: 2em 0px;
  }
  .landing_count_title {
    text-align: left;
  }
  .landing_count_subtitle {
    font-size: 20px;
    text-align: left;
  }
  .landing_for_what_text {
    margin: 2em 0;
  }
  .landing_for_what_title {
    width: 100%;
    height: 186px;
  }
  .landing_for_what_title_text {
    maring: 0;
  }
  .landing_for_what_item {
    width: 100%;
    margin: 10px 0;
  }
  .landing_for_what_item_text {
    font-size: 16px;
  }
  .for_what_desc_1 {
    order: 1;
  }
  .for_what_desc_2 {
    order: 2;
    height: 100px;
  }
  .for_what_desc_3 {
    order: 9;
  }
  .for_what_quest_1 {
    order: 3;
  }
  .for_what_quest_2 {
    order: 4;
  }
  .for_what_quest_3 {
    order: 5;
  }
  .for_what_quest_4 {
    order: 6;
  }
  .for_what_quest_5 {
    order: 7;
  }
  .for_what_quest_6 {
    order: 8;
  }
  .landing_text {
    font-size: 18px;
  }
  .landing_heroes_item p {
    display: none;
  }
}
.landing_review_wrapper {
  display: flex;
}
.landing_review_item {
  background: #E8E8E8;
  border-radius: 8px;
  width: 30%;
  height: 300px;
  margin: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
}
.landing_review_item_text {
  color: #111;
  font-size: 16px;
  margin-top: 0px;
  width: 100%;
  padding: 0 18px;
  text-align: left;
}
.landing_review_signature {
  display: flex;
  font-size: 12px;
  width: 100%;
  justify-content: space-between;
  padding: 0 18px;
}
.landing_review_signature_name {
  flex-basis: 40%;
  text-align: right;
}
.landing_review_signature_pro {
  flex-basis: 30%;
}
.landing_review_author {
  background: #F2F2F2;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 150px;
  border-radius: 50px;
  border-color: #00000000;
  padding: 24px;
  margin: 0 10px;
  width: 96px;
  height: 96px;
  position: absolute;
  bottom: -60px;
}
.landing_review_aliev {
  background-image: url(/static/imgs/gleb.jpg);
}
.landing_review_yatsenko {
  background-image: url(/static/imgs/yatsenko.jpg);
  background-position-y: 0px;
}
.landing_review_nikiforova {
  background-image: url(/static/imgs/nikiforova.jpg);
}
@media (max-width: 480px) {
  .landing_review_wrapper {
    flex-wrap: wrap;
  }
  .landing_review_item {
    width: 100%;
    margin-bottom: 60px;
  }
  .landing_review_item_text {
    font-size: 14px;
  }
}
.faq-item {
    border-top: 1px solid #e0e0e0;
    padding: 0;
    position: relative;
}
.faq-item__question {
    padding: 3.1rem 3.2rem 3.2rem 0;
    cursor: pointer;
    position: relative;
}
.faq-item h5 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.556;
}
.faq-item__question:after {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    content: '';
    display: block;
    height: 6px;
    width: 6px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 1.8rem;
    top: 4rem;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    transition: all,.3s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.faq-item__answer {
  padding-bottom: 50px;
}
.results_yellow_border {
  border: 2px solid #ffeb3b;
}
/*.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

.fa-instagram {
  background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),
  radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
  radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
  radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),
  radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
  radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),
  radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
  linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
  color: #fff;
}

.fa-telegram {
  background: #0a3c5f;
  color: white;
}*/