@import url('https://fonts.googleapis.com/css?family=Black+Ops+One');


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
html{ height: 100%;}
body{ background: #f0f0f0;  font-family: 'Kanit', sans-serif; margin: 0; height: 100%;}
body a{ color: #2c62e0; }
body a.neutral{ text-decoration: none;}
body button{ border: none; outline: none; cursor:pointer; }
.content_main{ width: 100%; min-height: calc(100% - 126px); padding-bottom: 126px; position: relative; }
.container{ width: 1080px; margin: 0 auto; }
.title{ text-transform: uppercase; display: inline-block; letter-spacing: 2px; font-weight: bold; font-size: 30px; }
.mobile { display: none !important; }
.hidden { display: none; }
.clear{ clear:both }
.fl_r{ float: right; }
.back_button_div{ display: block; height: 40px; }
.button.back{ text-transform: uppercase; width: 263px; background-color: #dcdcdc; color: #6e6e6e; background-image: url('../img/back_button_icon.png'); background-repeat: no-repeat; background-position: 35px 11px; font-size: 20px;}

/* TOP MENU */
.top-menu{ display: inline-block; width: 100%; margin-top: 20px; text-align: center; }
.top-menu .logo{ width: 140px; display: inline-block; float: left; }
.top-menu ul{ display: inline-block; list-style-type: none; float: right; }
.top-menu ul li{ display: inline-block; text-transform: uppercase; }

.top-menu .menu li{ margin-left: 80px; }
.top-menu .menu a{ font-size: 18px; letter-spacing: 0px; color: #0a0a0a; font-weight: 300; text-align: center; text-decoration: none; }
.top-menu .menu a.active{ color: #2c62e0; font-weight: 700;}
.top-menu .languages { float: right; }
.top-menu .languages a{font-size: 16px; letter-spacing: 0px; color: #6e6e6e; font-weight: 300;text-align: center; padding-right: 5px; text-decoration: none; }
.top-menu .languages li:last-child a{ padding-right: 0px; }
.top-menu .languages a.active{ color: #2c62e0; font-weight: 700; }


/* SCORES */
.scores_top .your_scores{ font-size: 30px; letter-spacing: 2px; color: #0a0a0a; font-family: 'Black Ops One', cursive; font-weight: 400; text-transform: uppercase; width: 200px; text-align: center; position: relative; left: 20px; top: 40px; transform: rotate(-7deg); }
.scores_top .your_scores span{ float: left; padding-left: 28px; }
.scores_top .scores_arrow{ display: inline-block; position: relative; height: 150px; top: -140px; }
.scores_top .overall_scores{ display: inline-block; margin-top: 60px; width: 50%; max-width: 420px; text-align: center; }
.scores_top .overall_scores a{ display: block; margin-top: 10px; }
.scores_top .details_scores{ display: inline-block; width: calc(50% - 60px); float: right; margin-top: 60px; text-align: center; margin-right: 66px; max-width: 420px; }
.scores_top .details_scores a{ display: block; margin-top: 10px; }
.button{ display: block; width: 100%; letter-spacing: 3px; text-align: center; text-decoration: none; line-height: 40px;color: #fff; font-size: 26px; border:none; outline: none; cursor: pointer; }
.button.hidden{ display: none; }
.button.blue{ background-color: #2c62e0; height: 40px; text-transform: uppercase;}
.button.blue:hover{ background-color: #000;}
.button.black{ background-color: #000; color: #fff; }
.button.black:hover{ background-color: #2c62e0; color: #fff; }
.button.gray{ background-color: #dcdcdc; color: #6e6e6e; }
.button.gray:hover{ background-color: #000; color: #fff;}
.button.disabled,.button.disabled:hover{ background-color: #dcdcdc; color: #6e6e6e;}

.results_incoming, .no_results { margin-top:30px;padding:20px;text-align:center;background-color: #2c62e0;color:#fff;font-size: 20px;display: inline-block;letter-spacing: 1px;font-weight: bold;display:block; } 
	
.your_score{ margin-top: 30px; }
.your_score .title{ position: relative; top: 30px; }
.your_score .result{ text-transform: uppercase; display: inline-block; font-family: 'Black Ops One', cursive; background: url('../img/klases_fons.png'); width: 340px; height: 230px; background-position: center; background-size: 300px 223px; background-repeat: no-repeat; text-align: center; vertical-align: middle; font-size: 50px; padding-top: 89px; margin-top: -43px; }
.your_score .result .your_class{ position: relative; left: 20px; }
.your_score .result span{ display: block; transform: rotate(-8deg); position: relative; left: -43px; top: 11px; }
.your_score .result_cup{ display: inline-block; width: 130px; position: relative; top: 37px; left: -57px; }

.your_score.benchwarmers .result .your_class{ left: -34px; top: -7px;}
.your_score.benchwarmers .result span{ left: 36px; top: 11px; }
.your_score.benchwarmers .result_cup{ top: 11px; left: -102px; }

.your_score.people_class .result .your_class{ left: -32px; }
.your_score.people_class .result span{ left: 31px; top: 6px; }
.your_score.people_class .result_cup{ top: 15px; left: -99px; }

.your_score.sports_league .result .your_class{ left: -32px; }
.your_score.sports_league .result span{ left: 9px; top: 6px; transform: rotate(-6deg); }
.your_score.sports_league .result_cup{ top: 15px; left: -99px; }

/* RECOMENDATIONS */
.recomendation{ display: block; margin-bottom: 15px; position: relative; min-height: 45px;}
.recomendation .bullet{ display: inline-block; width: 70px; position: absolute; top: 0; bottom: 0; }
.recomendation .bullet.bullet_11{ background: url('../img/pointer-11.png'); background-position: center; background-size: 70px auto; background-repeat: no-repeat; }
.recomendation .bullet.bullet_12{ background: url('../img/pointer-12.png'); background-position: center; background-size: 70px auto; background-repeat: no-repeat; }
.recomendation .bullet.bullet_13{ background: url('../img/pointer-13.png'); background-position: center; background-size: 70px auto; background-repeat: no-repeat; }
.recomendation .bullet.bullet_21{ background: url('../img/pointer-21.png'); background-position: center; background-size: 70px auto; background-repeat: no-repeat; }
.recomendation .bullet.bullet_22{ background: url('../img/pointer-22.png'); background-position: center; background-size: 70px auto; background-repeat: no-repeat; }
.recomendation .bullet.bullet_23{ background: url('../img/pointer-23.png'); background-position: center; background-size: 70px auto; background-repeat: no-repeat; }
.recomendation .bullet.bullet_31{ background: url('../img/pointer-31.png'); background-position: center; background-size: 70px auto; background-repeat: no-repeat; }
.recomendation .bullet.bullet_32{ background: url('../img/pointer-32.png'); background-position: center; background-size: 70px auto; background-repeat: no-repeat; }
.recomendation .bullet.bullet_33{ background: url('../img/pointer-33.png'); background-position: center; background-size: 70px auto; background-repeat: no-repeat; }
.recomendation .bullet.bullet_41{ background: url('../img/pointer-41.png'); background-position: center; background-size: 70px auto; background-repeat: no-repeat; }
.recomendation .bullet.bullet_42{ background: url('../img/pointer-42.png'); background-position: center; background-size: 70px auto; background-repeat: no-repeat; }
.recomendation .bullet.bullet_43{ background: url('../img/pointer-43.png'); background-position: center; background-size: 70px auto; background-repeat: no-repeat; }
.recomendation .bullet.bullet_51{ background: url('../img/pointer-51.png'); background-position: center; background-size: 70px auto; background-repeat: no-repeat; }
.recomendation .bullet.bullet_52{ background: url('../img/pointer-52.png'); background-position: center; background-size: 70px auto; background-repeat: no-repeat; }
.recomendation .bullet.bullet_53{ background: url('../img/pointer-53.png'); background-position: center; background-size: 70px auto; background-repeat: no-repeat; }
.recomendation .text{ display: inline-block; width: calc(100% - 97px); margin-left: 90px; color: #0a0a0a; letter-spacing: 1px; font-weight: 300;}

/* PDF */
.pdf{ display: block; margin-bottom: 15px; height: 166px; margin-top: 40px; text-align: center; }
.pdf .pdf_image{ display: inline-block; margin-left: 347px; }
.pdf .pdf_image img{ width: 140px; }
.pdf .pdf_arrow{ display: inline-block; position: relative; top: 17px; left: -17px; width: 65px; }
.pdf .download_button{ display: inline-block; width: 340px; position: relative; top: -55px; }

/* PARTNERS */
.partners_div{ display: block; margin-bottom: 15px; }
.partners_div .partners_title{ color: #6e6e6e; letter-spacing: 1px; text-align: center; }
.partners_div ul{ display: block; list-style-type: none; padding: 0; }
.partners_div ul li{ display: inline-block; padding-right: 56px; max-height: 29px; height: 29px; margin-top: 15px; }
.partners_div ul.second_row li{ max-height: 22px; height: 22px; }
.partners_div ul li:last-child{ padding: 0; }
.partners_div ul li img{ display: inline-block; height: 100%; }
.partners_div ul.desktop{ text-align: center; max-width: 950px; display: block; margin: 0 auto; }

/* FOOTER */
.footer{ background: #0a0a0a;  margin-top: 20px; bottom: 0; height: 126px; width: 100%; }
.footer_items{ color: #6e6e6e; list-style-type: none; line-height: 60px; color: #fff; }
.footer_items li{ display: inline-block; padding-right: 30px; }
.footer_items li img{ height: 20px; position: relative; top: 4px; }
.footer_items li:last-child{ padding: 0; }
.footer_items li.link{ float: right; }
.footer_items li.link a { text-decoration: none; color: #6e6e6e; }
.footer_items li.link a:hover { color: #fff; }
.powered_by{ text-align: center; vertical-align: middle; padding-bottom: 10px; margin-top: 10px; }
.powered_by div{ display: inline-block; color: #6e6e6e; height: 40px; vertical-align: top; line-height: 40px; margin-right: 15px; }
.powered_by a { display: inline-block; }
.powered_by a span.mitto-logo{ height: 40px; width:89px; display: block; background: url('../img/mitto-logo.png'); background-position: 0px 0px;}
.powered_by a:hover span.mitto-logo{ background: url('../img/mitto-logo.png'); background-position: 0px -40px;}

/* TOTAL RESULTS */
.result_chart{ background: url('../img/result_chart.png'); width: 1000px; height: 561px; background-size: 1000px 561px; margin: 0 auto; margin-top: 38px; }
.result_chart .results{ display: block; width: calc(100% - 152px); position: relative; top: 40px; left: 135px; height: 482px; }
.league_value{ height: 100px; position: relative; }
.league_value.sport_class{ top: 31px; }
.league_value.people_class{ top: 58px; }
.league_value.benchwarmers{ top: 81px; }

.league_value .percent_text{ color: #2c62e0; font-family: 'Black Ops One', cursive; font-weight: 400; font-size: 28px; position: absolute; top: 10px; left: 15px;}
.league_value .league_text{ font-size: 18px; letter-spacing: 0px; line-height: 22px; color: #0a0a0a; font-weight: 600; font-family: 'Kanit', sans-serif; width: 85px; position: absolute; bottom: 10px; left: 15px; }
.league_value .league_text span{ display: block; }
.league_value .top{ background: url('../img/chart_value_top_2.png'); width: 100%; height: 5px; position: absolute; }
.league_value .bottom{ background: url('../img/chart_value_bottom_2.png'); width: 99%; height: 2px; bottom: 0; position: absolute; }
.league_value .right{ background: url('../img/chart_value_right.png'); width: 3px; height: 91px; float: right; position: absolute; right: 0; top: 5px; }

.league_value.percent-2 .percent_text, .league_value.percent-2 .league_text{ left: 23px; }
.league_value.percent-3 .percent_text, .league_value.percent-3 .league_text{ left: 32px; }
.league_value.percent-4 .percent_text, .league_value.percent-4 .league_text{ left: 37px; }
.league_value.percent-5 .percent_text, .league_value.percent-5 .league_text{ left: 45px; }
.league_value.percent-6 .percent_text, .league_value.percent-6 .league_text{ left: 54px; }
.league_value.percent-7 .percent_text, .league_value.percent-7 .league_text{ left: 63px; }
.league_value.percent-8 .percent_text, .league_value.percent-8 .league_text{ left: 72px; }
.league_value.percent-9 .percent_text, .league_value.percent-9 .league_text{ left: 82px; }
.league_value.percent-10 .percent_text, .league_value.percent-10 .league_text{ left: 89px; }
.league_value.percent-11 .percent_text, .league_value.percent-11 .league_text{ left: 100px; }
.league_value.percent-12 .percent_text, .league_value.percent-12 .league_text{ left: 107px; }
.league_value.percent-13 .percent_text, .league_value.percent-13 .league_text{ left: 114px; }

.league_value.percent-0, .league_value.percent-1{ width: 1%; }
.league_value.percent-2{ width: 2%; }
.league_value.percent-3{ width: 3%; }
.league_value.percent-4{ width: 4%; }
.league_value.percent-5{ width: 5%; }
.league_value.percent-6{ width: 6%; }
.league_value.percent-7{ width: 7%; }
.league_value.percent-8{ width: 8%; }
.league_value.percent-9{ width: 9%; }
.league_value.percent-10{ width: 10%; }
.league_value.percent-11{ width: 11%; }
.league_value.percent-12{ width: 12%; }
.league_value.percent-13{ width: 13%; }
.league_value.percent-14{ width: 14%; }
.league_value.percent-15{ width: 15%; }
.league_value.percent-16{ width: 16%; }
.league_value.percent-17{ width: 17%; }
.league_value.percent-18{ width: 18%; }
.league_value.percent-19{ width: 19%; }
.league_value.percent-20{ width: 20%; }
.league_value.percent-21{ width: 21%; }
.league_value.percent-22{ width: 22%; }
.league_value.percent-23{ width: 23%; }
.league_value.percent-24{ width: 24%; }
.league_value.percent-25{ width: 25%; }
.league_value.percent-26{ width: 26%; }
.league_value.percent-27{ width: 27%; }
.league_value.percent-28{ width: 28%; }
.league_value.percent-29{ width: 29%; }
.league_value.percent-30{ width: 30%; }
.league_value.percent-31{ width: 31%; }
.league_value.percent-32{ width: 32%; }
.league_value.percent-33{ width: 33%; }
.league_value.percent-34{ width: 34%; }
.league_value.percent-35{ width: 35%; }
.league_value.percent-36{ width: 36%; }
.league_value.percent-37{ width: 37%; }
.league_value.percent-38{ width: 38%; }
.league_value.percent-39{ width: 39%; }
.league_value.percent-40{ width: 40%; }
.league_value.percent-41{ width: 41%; }
.league_value.percent-42{ width: 42%; }
.league_value.percent-43{ width: 43%; }
.league_value.percent-44{ width: 44%; }
.league_value.percent-45{ width: 45%; }
.league_value.percent-46{ width: 46%; }
.league_value.percent-47{ width: 47%; }
.league_value.percent-48{ width: 48%; }
.league_value.percent-49{ width: 49%; }
.league_value.percent-50{ width: 50%; }
.league_value.percent-51{ width: 51%; }
.league_value.percent-52{ width: 52%; }
.league_value.percent-53{ width: 53%; }
.league_value.percent-54{ width: 54%; }
.league_value.percent-55{ width: 55%; }
.league_value.percent-56{ width: 56%; }
.league_value.percent-57{ width: 57%; }
.league_value.percent-58{ width: 58%; }
.league_value.percent-59{ width: 59%; }
.league_value.percent-60{ width: 60%; }
.league_value.percent-61{ width: 61%; }
.league_value.percent-62{ width: 62%; }
.league_value.percent-63{ width: 63%; }
.league_value.percent-64{ width: 64%; }
.league_value.percent-65{ width: 65%; }
.league_value.percent-66{ width: 66%; }
.league_value.percent-67{ width: 67%; }
.league_value.percent-68{ width: 68%; }
.league_value.percent-69{ width: 69%; }
.league_value.percent-70{ width: 70%; }
.league_value.percent-71{ width: 71%; }
.league_value.percent-72{ width: 72%; }
.league_value.percent-73{ width: 73%; }
.league_value.percent-74{ width: 74%; }
.league_value.percent-75{ width: 75%; }
.league_value.percent-76{ width: 76%; }
.league_value.percent-77{ width: 77%; }
.league_value.percent-78{ width: 78%; }
.league_value.percent-79{ width: 79%; }
.league_value.percent-80{ width: 80%; }
.league_value.percent-81{ width: 81%; }
.league_value.percent-82{ width: 82%; }
.league_value.percent-83{ width: 83%; }
.league_value.percent-84{ width: 84%; }
.league_value.percent-85{ width: 85%; }
.league_value.percent-86{ width: 86%; }
.league_value.percent-87{ width: 87%; }
.league_value.percent-88{ width: 88%; }
.league_value.percent-89{ width: 89%; }
.league_value.percent-90{ width: 90%; }
.league_value.percent-91{ width: 91%; }
.league_value.percent-92{ width: 92%; }
.league_value.percent-93{ width: 93%; }
.league_value.percent-94{ width: 94%; }
.league_value.percent-95{ width: 95%; }
.league_value.percent-96{ width: 96%; }
.league_value.percent-97{ width: 97%; }
.league_value.percent-98{ width: 98%; }
.league_value.percent-99{ width: 99%; }
.league_value.percent-100{ width: 100%; }


.results_filters{ width: 912px; margin-top: 20px; margin-left: 111px; min-height: 500px; }
.results_filters.total_results, .results_filters.detail_results { min-height: unset; }
.results_filters .filter_select{ display: inline-block; vertical-align: top; margin-right: 90px; width: 240px; z-index: 50;position: relative; }
.results_filters .filter_select .select_title{ letter-spacing: 3px; color: #383838; font-weight: 300; text-align: left; font-size: 24px; background: url('../img/result_filter_arrow.png'); background-repeat: no-repeat; background-position: right 14px; padding-right: 28px; background-size: 15px 8px;  margin-bottom: 10px; height: 40px; overflow: hidden; text-transform: uppercase; }
.results_filters .filter_select:last-child{ margin-right: 0px; }
.results_filters .filter_select .select_title:hover, .results_filters .filter_select .select_title.active{ cursor: pointer; color: #2c62e0; background: url('../img/result_filter_arrow_selected.png'); background-repeat: no-repeat; background-position: right 14px; background-size: 15px 8px; }
.results_filters .filter_select ul{ list-style: none; background-color: #f0f0f0;padding:0 8px;max-height:250px;overflow-y:auto; position: absolute; width: 100%;}
.results_filters .filter_select ul li{ color: #111; }
.results_filters .filter_select ul li:hover, .results_filters .filter_select ul li.active{ color: #2c62e0; cursor: pointer; font-weight: bold; }
.results_filters .filter_select ul li.optValue{ color: #898989 !important; cursor: default !important; font-weight: normal !important; }


/* TOTAL RESULTS DETAILED */
.brain_chart{ background-image: url(../img/brain_skeleton.png); width: 770px; height: 582px; background-size: 770px 582px; margin: 0 auto; margin-top: 38px; position: relative;}
.brain-shape{ display:block; position: absolute; z-index: -1; }
.brain-shape .company_points{ position: absolute; }

.brain_chart_title{ font-family: 'Black Ops One', cursive; text-transform: uppercase; position: relative; left: 85px; top: -63px; transform: rotate(-7deg); margin-bottom: -60px; z-index: -1;}
.brain_chart_title h3{ font-size: 50px; }
.brain_chart_title span{ display: block; position: relative; left: -30px; }
.brain_chart_legend{ position: relative; top: -25px; }
.brain_chart_legend .label_type{ display: inline-block; width: 110px; vertical-align: middle; height: 24px; line-height: 24px; }
.brain_chart_legend .label_type img{ display: inline-block; vertical-align: middle; }
.brain_chart_legend .label_value{ display: inline-block; width: calc(100% - 120px); font-size: 16px; letter-spacing: 0px; line-height: 26px; color: #6e6e6e; font-weight: 300; font-family: 'Kanit', sans-serif; margin-bottom: 5px; }
.shape-title{ letter-spacing: 0px; line-height: 26px; color: #636569; position: absolute; font-weight: 600; text-transform: uppercase; font-size: 20px; }
.shape-1-title{ top: 223px; transform: rotate(-59deg); left: -58px; }
.shape-2-title{ top: 92px; left: 55px; }
.shape-3-title{ left: 250px; top: -16px; transform: rotate(-9deg); }
.shape-4-title{ left: 399px; top: -23px; transform: rotate(3deg); }
.shape-5-title{ left: 599px; top: 42px; transform: rotate(47deg); }
.shape-6-title{ left: 711px; top: 158px; transform: rotate(47deg); min-width: 100px; }
.shape-7-title{ left: 414px; top: 231px; }
.shape-8-title{ left: 231px; top: 449px; transform: rotate(21deg); }
.shape-9-title{ left: 607px; top: 435px; transform: rotate(-54deg); }

/* .brain-shape:before{ position:absolute; z-index:-1; bottom:0; left:0; width:100%; height:30%; content:"";background-color:#2c61df; } */
.brain-shape.percent-1:before{ height: 1%; }
.brain-shape.percent-2:before{ height: 2%; }
.brain-shape.percent-3:before{ height: 3%; }
.brain-shape.percent-4:before{ height: 4%; }
.brain-shape.percent-5:before{ height: 5%; }
.brain-shape.percent-6:before{ height: 6%; }
.brain-shape.percent-7:before{ height: 7%; }
.brain-shape.percent-8:before{ height: 8%; }
.brain-shape.percent-9:before{ height: 9%; }
.brain-shape.percent-10:before{ height: 10%; }
.brain-shape.percent-11:before{ height: 11%; }
.brain-shape.percent-12:before{ height: 12%; }
.brain-shape.percent-13:before{ height: 13%; }
.brain-shape.percent-14:before{ height: 14%; }
.brain-shape.percent-15:before{ height: 15%; }
.brain-shape.percent-16:before{ height: 16%; }
.brain-shape.percent-17:before{ height: 17%; }
.brain-shape.percent-18:before{ height: 18%; }
.brain-shape.percent-19:before{ height: 19%; }
.brain-shape.percent-20:before{ height: 20%; }
.brain-shape.percent-21:before{ height: 21%; }
.brain-shape.percent-22:before{ height: 22%; }
.brain-shape.percent-23:before{ height: 23%; }
.brain-shape.percent-24:before{ height: 24%; }
.brain-shape.percent-25:before{ height: 25%; }
.brain-shape.percent-26:before{ height: 26%; }
.brain-shape.percent-27:before{ height: 27%; }
.brain-shape.percent-28:before{ height: 28%; }
.brain-shape.percent-29:before{ height: 29%; }
.brain-shape.percent-30:before{ height: 30%; }
.brain-shape.percent-31:before{ height: 31%; }
.brain-shape.percent-32:before{ height: 32%; }
.brain-shape.percent-33:before{ height: 33%; }
.brain-shape.percent-34:before{ height: 34%; }
.brain-shape.percent-35:before{ height: 35%; }
.brain-shape.percent-36:before{ height: 36%; }
.brain-shape.percent-37:before{ height: 37%; }
.brain-shape.percent-38:before{ height: 38%; }
.brain-shape.percent-39:before{ height: 39%; }
.brain-shape.percent-40:before{ height: 40%; }
.brain-shape.percent-41:before{ height: 41%; }
.brain-shape.percent-42:before{ height: 42%; }
.brain-shape.percent-43:before{ height: 43%; }
.brain-shape.percent-44:before{ height: 44%; }
.brain-shape.percent-45:before{ height: 45%; }
.brain-shape.percent-46:before{ height: 46%; }
.brain-shape.percent-47:before{ height: 47%; }
.brain-shape.percent-48:before{ height: 48%; }
.brain-shape.percent-49:before{ height: 49%; }
.brain-shape.percent-50:before{ height: 50%; }
.brain-shape.percent-51:before{ height: 51%; }
.brain-shape.percent-52:before{ height: 52%; }
.brain-shape.percent-53:before{ height: 53%; }
.brain-shape.percent-54:before{ height: 54%; }
.brain-shape.percent-55:before{ height: 55%; }
.brain-shape.percent-56:before{ height: 56%; }
.brain-shape.percent-57:before{ height: 57%; }
.brain-shape.percent-58:before{ height: 58%; }
.brain-shape.percent-59:before{ height: 59%; }
.brain-shape.percent-60:before{ height: 60%; }
.brain-shape.percent-61:before{ height: 61%; }
.brain-shape.percent-62:before{ height: 62%; }
.brain-shape.percent-63:before{ height: 63%; }
.brain-shape.percent-64:before{ height: 64%; }
.brain-shape.percent-65:before{ height: 65%; }
.brain-shape.percent-66:before{ height: 66%; }
.brain-shape.percent-67:before{ height: 67%; }
.brain-shape.percent-68:before{ height: 68%; }
.brain-shape.percent-69:before{ height: 69%; }
.brain-shape.percent-70:before{ height: 70%; }
.brain-shape.percent-71:before{ height: 71%; }
.brain-shape.percent-72:before{ height: 72%; }
.brain-shape.percent-73:before{ height: 73%; }
.brain-shape.percent-74:before{ height: 74%; }
.brain-shape.percent-75:before{ height: 75%; }
.brain-shape.percent-76:before{ height: 76%; }
.brain-shape.percent-77:before{ height: 77%; }
.brain-shape.percent-78:before{ height: 78%; }
.brain-shape.percent-79:before{ height: 79%; }
.brain-shape.percent-80:before{ height: 80%; }
.brain-shape.percent-81:before{ height: 81%; }
.brain-shape.percent-82:before{ height: 82%; }
.brain-shape.percent-83:before{ height: 83%; }
.brain-shape.percent-84:before{ height: 84%; }
.brain-shape.percent-85:before{ height: 85%; }
.brain-shape.percent-86:before{ height: 86%; }
.brain-shape.percent-87:before{ height: 87%; }
.brain-shape.percent-88:before{ height: 88%; }
.brain-shape.percent-89:before{ height: 89%; }
.brain-shape.percent-90:before{ height: 90%; }
.brain-shape.percent-91:before{ height: 91%; }
.brain-shape.percent-92:before{ height: 92%; }
.brain-shape.percent-93:before{ height: 93%; }
.brain-shape.percent-94:before{ height: 94%; }
.brain-shape.percent-95:before{ height: 95%; }
.brain-shape.percent-96:before{ height: 96%; }
.brain-shape.percent-97:before{ height: 97%; }
.brain-shape.percent-98:before{ height: 98%; }
.brain-shape.percent-99:before{ height: 99%; }
.brain-shape.percent-100:before{ height: 100%; }


.avarage_indicator{ border-top: 2px dashed #0a0a0a; position: relative;}
.avarage_indicator.percent-1{ top: calc(99% - 2px); }
.avarage_indicator.percent-2{ top: calc(98% - 2px); }
.avarage_indicator.percent-3{ top: calc(97% - 2px); }
.avarage_indicator.percent-4{ top: calc(96% - 2px); }
.avarage_indicator.percent-5{ top: calc(95% - 2px); }
.avarage_indicator.percent-6{ top: calc(94% - 2px); }
.avarage_indicator.percent-7{ top: calc(93% - 2px); }
.avarage_indicator.percent-8{ top: calc(92% - 2px); }
.avarage_indicator.percent-9{ top: calc(91% - 2px); }
.avarage_indicator.percent-10{ top: calc(90% - 2px); }
.avarage_indicator.percent-11{ top: calc(89% - 2px); }
.avarage_indicator.percent-12{ top: calc(88% - 2px); }
.avarage_indicator.percent-13{ top: calc(87% - 2px); }
.avarage_indicator.percent-14{ top: calc(86% - 2px); }
.avarage_indicator.percent-15{ top: calc(85% - 2px); }
.avarage_indicator.percent-16{ top: calc(84% - 2px); }
.avarage_indicator.percent-17{ top: calc(83% - 2px); }
.avarage_indicator.percent-18{ top: calc(82% - 2px); }
.avarage_indicator.percent-19{ top: calc(81% - 2px); }
.avarage_indicator.percent-20{ top: calc(80% - 2px); }
.avarage_indicator.percent-21{ top: calc(79% - 2px); }
.avarage_indicator.percent-22{ top: calc(78% - 2px); }
.avarage_indicator.percent-23{ top: calc(77% - 2px); }
.avarage_indicator.percent-24{ top: calc(76% - 2px); }
.avarage_indicator.percent-25{ top: calc(75% - 2px); }
.avarage_indicator.percent-26{ top: calc(74% - 2px); }
.avarage_indicator.percent-27{ top: calc(73% - 2px); }
.avarage_indicator.percent-28{ top: calc(72% - 2px); }
.avarage_indicator.percent-29{ top: calc(71% - 2px); }
.avarage_indicator.percent-30{ top: calc(70% - 2px); }
.avarage_indicator.percent-31{ top: calc(69% - 2px); }
.avarage_indicator.percent-32{ top: calc(68% - 2px); }
.avarage_indicator.percent-33{ top: calc(67% - 2px); }
.avarage_indicator.percent-34{ top: calc(66% - 2px); }
.avarage_indicator.percent-35{ top: calc(65% - 2px); }
.avarage_indicator.percent-36{ top: calc(64% - 2px); }
.avarage_indicator.percent-37{ top: calc(63% - 2px); }
.avarage_indicator.percent-38{ top: calc(62% - 2px); }
.avarage_indicator.percent-39{ top: calc(61% - 2px); }
.avarage_indicator.percent-40{ top: calc(60% - 2px); }
.avarage_indicator.percent-41{ top: calc(59% - 2px); }
.avarage_indicator.percent-42{ top: calc(58% - 2px); }
.avarage_indicator.percent-43{ top: calc(57% - 2px); }
.avarage_indicator.percent-44{ top: calc(56% - 2px); }
.avarage_indicator.percent-45{ top: calc(55% - 2px); }
.avarage_indicator.percent-46{ top: calc(54% - 2px); }
.avarage_indicator.percent-47{ top: calc(53% - 2px); }
.avarage_indicator.percent-48{ top: calc(52% - 2px); }
.avarage_indicator.percent-49{ top: calc(51% - 2px); }
.avarage_indicator.percent-50{ top: calc(50% - 2px); }
.avarage_indicator.percent-51{ top: calc(49% - 2px); }
.avarage_indicator.percent-52{ top: calc(48% - 2px); }
.avarage_indicator.percent-53{ top: calc(47% - 2px); }
.avarage_indicator.percent-54{ top: calc(46% - 2px); }
.avarage_indicator.percent-55{ top: calc(45% - 2px); }
.avarage_indicator.percent-56{ top: calc(44% - 2px); }
.avarage_indicator.percent-57{ top: calc(43% - 2px); }
.avarage_indicator.percent-58{ top: calc(42% - 2px); }
.avarage_indicator.percent-59{ top: calc(41% - 2px); }
.avarage_indicator.percent-60{ top: calc(40% - 2px); }
.avarage_indicator.percent-61{ top: calc(39% - 2px); }
.avarage_indicator.percent-62{ top: calc(38% - 2px); }
.avarage_indicator.percent-63{ top: calc(37% - 2px); }
.avarage_indicator.percent-64{ top: calc(36% - 2px); }
.avarage_indicator.percent-65{ top: calc(35% - 2px); }
.avarage_indicator.percent-66{ top: calc(34% - 2px); }
.avarage_indicator.percent-67{ top: calc(33% - 2px); }
.avarage_indicator.percent-68{ top: calc(32% - 2px); }
.avarage_indicator.percent-69{ top: calc(31% - 2px); }
.avarage_indicator.percent-70{ top: calc(30% - 2px); }
.avarage_indicator.percent-71{ top: calc(29% - 2px); }
.avarage_indicator.percent-72{ top: calc(28% - 2px); }
.avarage_indicator.percent-73{ top: calc(27% - 2px); }
.avarage_indicator.percent-74{ top: calc(26% - 2px); }
.avarage_indicator.percent-75{ top: calc(25% - 2px); }
.avarage_indicator.percent-76{ top: calc(24% - 2px); }
.avarage_indicator.percent-77{ top: calc(23% - 2px); }
.avarage_indicator.percent-78{ top: calc(22% - 2px); }
.avarage_indicator.percent-79{ top: calc(21% - 2px); }
.avarage_indicator.percent-80{ top: calc(20% - 2px); }
.avarage_indicator.percent-81{ top: calc(19% - 2px); }
.avarage_indicator.percent-82{ top: calc(18% - 2px); }
.avarage_indicator.percent-83{ top: calc(17% - 2px); }
.avarage_indicator.percent-84{ top: calc(16% - 2px); }
.avarage_indicator.percent-85{ top: calc(15% - 2px); }
.avarage_indicator.percent-86{ top: calc(14% - 2px); }
.avarage_indicator.percent-87{ top: calc(13% - 2px); }
.avarage_indicator.percent-88{ top: calc(12% - 2px); }
.avarage_indicator.percent-89{ top: calc(11% - 2px); }
.avarage_indicator.percent-90{ top: calc(10% - 2px); }
.avarage_indicator.percent-91{ top: calc(9% - 2px); }
.avarage_indicator.percent-92{ top: calc(8% - 2px); }
.avarage_indicator.percent-93{ top: calc(7% - 2px); }
.avarage_indicator.percent-94{ top: calc(6% - 2px); }
.avarage_indicator.percent-95{ top: calc(5% - 2px); }
.avarage_indicator.percent-96{ top: calc(4% - 2px); }
.avarage_indicator.percent-97{ top: calc(3% - 2px); }
.avarage_indicator.percent-98{ top: calc(2% - 2px); }
.avarage_indicator.percent-99{ top: calc(1% - 2px); }
.avarage_indicator.percent-100{ top: calc(0% - 2px); }

.company_points{ font-size: 40px; color: #2c62e0; font-family: 'Black Ops One'; font-weight: 400; position: relative; }
.brain-shape.percent-1 .company_points{ top: calc(99% - 45px); left: 36%;}
.brain-shape.percent-2 .company_points{ top: calc(98% - 45px); left: 36%;}
.brain-shape.percent-3 .company_points{ top: calc(97% - 45px); left: 36%;}
.brain-shape.percent-4 .company_points{ top: calc(96% - 45px); left: 36%;}
.brain-shape.percent-5 .company_points{ top: calc(95% - 45px); left: 36%;}
.brain-shape.percent-6 .company_points{ top: calc(94% - 45px); left: 36%;}
.brain-shape.percent-7 .company_points{ top: calc(93% - 45px); left: 36%;}
.brain-shape.percent-8 .company_points{ top: calc(92% - 45px); left: 36%;}
.brain-shape.percent-9 .company_points{ top: calc(91% - 45px); left: 36%;}
.brain-shape.percent-10 .company_points{ top: calc(90% - 45px); left: 36%;}
.brain-shape.percent-11 .company_points{ top: calc(81% - 45px); left: 36%;}
.brain-shape.percent-12 .company_points{ top: calc(81% - 45px); left: 36%;}
.brain-shape.percent-13 .company_points{ top: calc(81% - 45px); left: 36%;}
.brain-shape.percent-14 .company_points{ top: calc(81% - 45px); left: 36%;}
.brain-shape.percent-15 .company_points{ top: calc(81% - 45px); left: 36%;}
.brain-shape.percent-16 .company_points{ top: calc(81% - 45px); left: 36%;}
.brain-shape.percent-17 .company_points{ top: calc(81% - 45px); left: 36%;}
.brain-shape.percent-18 .company_points{ top: calc(81% - 45px); left: 36%;}
.brain-shape.percent-19 .company_points{ top: calc(81% - 45px); left: 36%;}
.brain-shape.percent-20 .company_points{ top: calc(80% - 45px); left: 36%;}
.brain-shape.percent-21 .company_points{ top: calc(79% - 45px); left: 36%;}
.brain-shape.percent-22 .company_points{ top: calc(78% - 45px); left: 36%;}
.brain-shape.percent-23 .company_points{ top: calc(77% - 45px); left: 36%;}
.brain-shape.percent-24 .company_points{ top: calc(76% - 45px); left: 36%;}
.brain-shape.percent-25 .company_points{ top: calc(75% - 45px); left: 36%;}
.brain-shape.percent-26 .company_points{ top: calc(74% - 45px); left: 36%;}
.brain-shape.percent-27 .company_points{ top: calc(73% - 45px); left: 36%;}
.brain-shape.percent-28 .company_points{ top: calc(72% - 45px); left: 36%;}
.brain-shape.percent-29 .company_points{ top: calc(71% - 45px); left: 36%;}
.brain-shape.percent-30 .company_points{ top: calc(70% - 45px); left: 36%;}
.brain-shape.percent-31 .company_points{ top: calc(69% - 45px); left: 36%;}
.brain-shape.percent-32 .company_points{ top: calc(68% - 45px); left: 36%;}
.brain-shape.percent-33 .company_points{ top: calc(67% - 45px); left: 36%;}
.brain-shape.percent-34 .company_points{ top: calc(66% - 45px); left: 36%;}
.brain-shape.percent-35 .company_points{ top: calc(65% - 45px); left: 36%;}
.brain-shape.percent-36 .company_points{ top: calc(64% - 45px); left: 36%;}
.brain-shape.percent-37 .company_points{ top: calc(63% - 45px); left: 36%;}
.brain-shape.percent-38 .company_points{ top: calc(62% - 45px); left: 36%;}
.brain-shape.percent-39 .company_points{ top: calc(61% - 45px); left: 36%;}
.brain-shape.percent-40 .company_points{ top: calc(60% - 45px); left: 36%;}
.brain-shape.percent-41 .company_points{ top: calc(59% - 45px); left: 36%;}
.brain-shape.percent-42 .company_points{ top: calc(58% - 45px); left: 36%;}
.brain-shape.percent-43 .company_points{ top: calc(57% - 45px); left: 36%;}
.brain-shape.percent-44 .company_points{ top: calc(56% - 45px); left: 36%;}
.brain-shape.percent-45 .company_points{ top: calc(55% - 45px); left: 36%;}
.brain-shape.percent-46 .company_points{ top: calc(54% - 45px); left: 36%;}
.brain-shape.percent-47 .company_points{ top: calc(53% - 45px); left: 36%;}
.brain-shape.percent-48 .company_points{ top: calc(52% - 45px); left: 36%;}
.brain-shape.percent-49 .company_points{ top: calc(51% - 45px); left: 36%;}
.brain-shape.percent-50 .company_points{ top: calc(50% - 45px); left: 36%;}
.brain-shape.percent-51 .company_points{ top: calc(49% - 45px); left: 36%;}
.brain-shape.percent-52 .company_points{ top: calc(48% - 45px); left: 36%;}
.brain-shape.percent-53 .company_points{ top: calc(47% - 45px); left: 36%;}
.brain-shape.percent-54 .company_points{ top: calc(46% - 45px); left: 36%;}
.brain-shape.percent-55 .company_points{ top: calc(45% - 45px); left: 36%;}
.brain-shape.percent-56 .company_points{ top: calc(44% - 45px); left: 36%;}
.brain-shape.percent-57 .company_points{ top: calc(43% - 45px); left: 36%;}
.brain-shape.percent-58 .company_points{ top: calc(42% - 45px); left: 36%;}
.brain-shape.percent-59 .company_points{ top: calc(41% - 45px); left: 36%;}
.brain-shape.percent-60 .company_points{ top: calc(40% - 45px); left: 36%;}
.brain-shape.percent-61 .company_points{ top: calc(39% - 45px); left: 36%;}
.brain-shape.percent-62 .company_points{ top: calc(38% - 45px); left: 36%;}
.brain-shape.percent-63 .company_points{ top: calc(37% - 45px); left: 36%;}
.brain-shape.percent-64 .company_points{ top: calc(36% - 45px); left: 36%;}
.brain-shape.percent-65 .company_points{ top: calc(35% - 45px); left: 36%;}
.brain-shape.percent-66 .company_points{ top: calc(34% - 45px); left: 36%;}
.brain-shape.percent-67 .company_points{ top: calc(33% - 45px); left: 36%;}
.brain-shape.percent-68 .company_points{ top: calc(32% - 45px); left: 36%;}
.brain-shape.percent-69 .company_points{ top: calc(31% - 45px); left: 36%;}
.brain-shape.percent-70 .company_points{ top: calc(30% - 45px); left: 36%;}
.brain-shape.percent-71 .company_points{ top: calc(29% - 45px); left: 36%;}
.brain-shape.percent-72 .company_points{ top: calc(28% - 45px); left: 36%;}
.brain-shape.percent-73 .company_points{ top: calc(27% - 45px); left: 36%;}
.brain-shape.percent-74 .company_points{ top: calc(26% - 45px); left: 36%;}
.brain-shape.percent-75 .company_points{ top: calc(25% - 45px); left: 36%;}
.brain-shape.percent-76 .company_points{ top: calc(24% - 45px); left: 36%;}
.brain-shape.percent-77 .company_points{ top: calc(23% - 45px); left: 36%;}
.brain-shape.percent-78 .company_points{ top: calc(22% - 45px); left: 36%;}
.brain-shape.percent-79 .company_points{ top: calc(21% - 45px); left: 36%;}
.brain-shape.percent-80 .company_points{ top: calc(20% - 45px); left: 36%;}
.brain-shape.percent-81 .company_points{ top: calc(19% - 45px); left: 36%;}
.brain-shape.percent-82 .company_points{ top: calc(18% - 45px); left: 36%;}
.brain-shape.percent-83 .company_points{ top: calc(17% - 45px); left: 36%;}
.brain-shape.percent-84 .company_points{ top: calc(16% - 45px); left: 36%;}
.brain-shape.percent-85 .company_points{ top: calc(15% - 45px); left: 36%;}
.brain-shape.percent-86 .company_points{ top: calc(14% - 45px); left: 36%;}
.brain-shape.percent-87 .company_points{ top: calc(13% - 45px); left: 36%;}
.brain-shape.percent-88 .company_points{ top: calc(12% - 45px); left: 36%;}
.brain-shape.percent-89 .company_points{ top: calc(11% - 45px); left: 36%;}
.brain-shape.percent-90 .company_points{ top: calc(10% - 45px); left: 36%;}
.brain-shape.percent-91 .company_points{ top: calc(9% - 45px); left: 36%;}
.brain-shape.percent-92 .company_points{ top: calc(8% - 45px); left: 36%;}
.brain-shape.percent-93 .company_points{ top: calc(7% - 45px); left: 36%;}
.brain-shape.percent-94 .company_points{ top: calc(6% - 45px); left: 36%;}
.brain-shape.percent-95 .company_points{ top: calc(5% - 45px); left: 36%;}
.brain-shape.percent-96 .company_points{ top: calc(4% - 45px); left: 36%;}
.brain-shape.percent-97 .company_points{ top: calc(3% - 45px); left: 36%;}
.brain-shape.percent-98 .company_points{ top: calc(2% - 45px); left: 36%;}
.brain-shape.percent-99 .company_points{ top: calc(1% - 45px); left: 36%;}
.brain-shape.percent-100 .company_points{ top: calc(0% - 45px); left: 36%;}

.brain-shape.shape-1 .percents_0_to_34{ left: 49%;}
.brain-shape.shape-1 .percents_35_to_51{ left: 24%;}
.brain-shape.shape-1 .percents_52_to_65{ left: 4%;}
.brain-shape.shape-1 .percents_66_to_100{ left: 36%; color: #fff; top: 50%; }

.brain-shape.shape-2 .percents_0_to_10{ left: 62%; top: 67%;}
.brain-shape.shape-2 .percents_11_to_30{ left: 62%; }
.brain-shape.shape-2 .percents_31_to_40{ left: 43%; }
.brain-shape.shape-2 .percents_41_to_75{ left: 31%; }
.brain-shape.shape-2 .percents_76_to_100{ left: 31%; color: #fff; top: 38%; }

.brain-shape.shape-3 .percents_0_to_5{ left: 61%; top: 75%; }
.brain-shape.shape-3 .percents_5_to_20{ left: 61%;}
.brain-shape.shape-3 .percents_21_to_35{ left: 50%;}
.brain-shape.shape-3 .percents_36_to_75{ left: 42%; }
.brain-shape.shape-3 .percents_76_to_80{ left: 53%; }
.brain-shape.shape-3 .percents_81_to_100{ left: 42%; color: #fff; top: 38%; }

.brain-shape.shape-4 .percents_81_to_100{ left: 32%; color: #fff; top: 38%; }

.brain-shape.shape-5 .percents_0_to_5{ left: 7%; top: 70%; }
.brain-shape.shape-5 .percents_5_to_15{ left: 9%;}
.brain-shape.shape-5 .percents_16_to_60{ left: 30%;}
.brain-shape.shape-5 .percents_61_to_80 { left: 19%;}
.brain-shape.shape-5 .percents_81_to_100{ left: 31%; color: #fff; top: 36%; }

.brain-shape.shape-6 .percents_0_to_15{ left: 10%;}
.brain-shape.shape-6 .percents_16_to_45{ left: 22%;}
.brain-shape.shape-6 .percents_46_to_60{ left: 42%;}
.brain-shape.shape-6 .percents_61_to_100{ left: 30%; color: #fff; top: 50%; }

.brain-shape.shape-7 .percents_40_to_60{ left: 46%;}
.brain-shape.shape-7 .percents_61_to_75{ left: 70%;}
.brain-shape.shape-7 .percents_76_to_100{ left: 46%; color: #fff; top: 34%; }

.brain-shape.shape-8 .percents_0_to_15{ left: 58%; }
.brain-shape.shape-8 .percents_16_to_75{ left: 41%;}
.brain-shape.shape-8 .percents_76_to_100{ left: 42%; color: #fff; top: 50%; }

.brain-shape.shape-9 .percents_0_to_15{ left: 38%; top: 64%;}
.brain-shape.shape-9 .percents_16_to_20{ left: 27%; }
.brain-shape.shape-9 .percents_21_to_40{ left: 17%; }
.brain-shape.shape-9 .percents_41_to_50{ left: 43%; }
.brain-shape.shape-9 .percents_51_to_60{ left: 50%;}
.brain-shape.shape-9 .percents_61_to_70{ left: 56%;}
.brain-shape.shape-9 .percents_71_to_80{ left: 61%;}
.brain-shape.shape-9 .percents_81_to_100{ left: 17%; color: #fff; top: 39%; }

.filter_selection_close{ display: none; }

a.btn-blue{ background-color: #2c62e0; color: #fff; text-transform: uppercase; text-decoration: none; padding: 14px 0px; font-size: 29px; width: 325px; display: inline-block; text-align: center; line-height: 23px; }
a.btn-blue:hover{ background-color: #000; }
div.fpage{ width:100%; min-height: 648px; position: relative; }
div.fpage a.btn-blue{ position: relative; left: 85px; top: 334px }
div.fpage a.btn-top{ top: 326px; }
div.fpage #fpage-title-1{transform: rotate(-5deg); position: relative; top: -179px; font-size: 63px; letter-spacing: 3px; color: #0a0a0a; font-family: "Black Ops One"; font-weight: 400; left: 0px; width: 700px; float: left; }
div.fpage #fpage-title-2{transform: rotate(5deg); position: relative; top: 340px; font-size: 63px; letter-spacing: 3px; color: #0a0a0a; font-family: "Black Ops One"; font-weight: 400; left: 270px; width: 700px; text-align: right; }
div.fpage #fpage-img-1{ display: inline-block; position: unset; float: right; top: 0px; right: 0px; }
div.fpage #fpage-img-2{ display: inline-block; position: relative; top: 110px; left: -345px; float: left; }

div.text_content { padding-left: 210px; margin-top: 30px; margin-bottom: 60px; min-height: 610px; }
h1.title { text-transform: uppercase; display: inline-block; letter-spacing: 2px; font-weight: bold; font-size: 30px; }
div.text_content h1.title { font-size: 40px; letter-spacing: 1px; color: #0a0a0a; font-family: "Black Ops One"; font-weight: 400; width: 450px; transform: rotate(-9deg); position: relative; left: -90px; margin-bottom: 40px; }
div.text_content .text { font-size: 20px; letter-spacing: 0px; color: #0a0a0a; font-family: 'Kanit', sans-serif; }
div.text_content .text p{ padding:8px 0px; }

#cookie { width:100%;min-height:30px;background-color:rgba(26,26,26,0.9);border-top:2px solid #000;position:fixed;bottom:0;padding:8px 0; z-index: 9999; display: inline-flex; box-shadow: 0px -2px black;}
#cookie .wrapper { width:100%;max-width:1080px;box-sizing:border-box; margin: 0 auto; padding: 0 10px; }
#cookie p { display:inline-block; font-size:12px; line-height:20px; color: white; padding-bottom: 5px; width: 89%; }
#cookie a { color: #2c62e0; }
#cookie button { width:100px;float:right;height:28px;font-size:13px; line-height: 20px; font-weight: bold; color: #ffffff; text-transform: uppercase; outline: 0; border: 0; background-color: #2c62e0; margin: 0; margin-top: 15px; cursor: pointer; }

div.text strong{font-weight: 600;}
div.text em{font-style: italic;}
div.text u{text-decoration: underline;}

/* NEWS */

.news{ margin-top: 40px; }
.news_list_item{ width: 330px; display: inline-block; margin-right: 39px; margin-bottom: 30px; }
.news_list_item:nth-child(3n){ margin-right: 0px; }
.news_list_item .news_image{ width: 330px; text-align: center; max-width: 330px; }
.news_list_item .news_image img{ display: inline-block; width: 100%; height: auto; max-width: 330px; }
.news_list_item .news_title { font-size: 25px; letter-spacing: 0px; color: #0a0a0a; font-family: "Black Ops One"; font-weight: 400; margin-top: 10px; }
.news_list_item .news_date { font-size: 18px; letter-spacing: 0px; color: #6e6e6e; font-family: 'Kanit', sans-serif; font-weight: 300; margin-bottom: 10px; }
.news_list_item .news_text { font-size: 18px; letter-spacing: 0px; color: #0a0a0a; font-family: 'Kanit', sans-serif; font-weight: 300; margin-bottom: 10px; }
.news_list_item .read-more-btn { width: 110px; height: 30px; background-color: #dcdcdc; font-family: 'Kanit', sans-serif; font-size: 14px; letter-spacing: 0px; color: #888888; text-align: center; text-transform: uppercase; text-decoration: none; padding: 5px 15px; }
.news_list_item .read-more-btn:hover{ background-color: #000; color: #fff;}

.news_open{ padding-left: 210px; margin-top: 30px; margin-bottom: 20px; }
.news_open .open_news_image{ max-width: 869px; }
.news_open .open_news_image img{ max-width: 869px; }
.news_open .open_news_title{ font-size: 40px; letter-spacing: 1px; color: #0a0a0a; font-family: "Black Ops One"; font-weight: 400; width: 450px; transform: rotate(-6deg); position: relative; left: -220px; margin: 10px 0; }
.news_open .open_news_text{ font-size: 20px; letter-spacing: 0px; color: #0a0a0a; font-family: 'Kanit', sans-serif; }
.news_open .button{ width: 150px; margin-top: 30px; height: 30px; line-height: 30px; font-size: 20px; }


/* QUESTIONS */

.question_progress_bar{ width: 100%; background: url('../img/question_progress_bar.png') no-repeat center; height: 10px; margin: 30px 0; position: relative;}
.question_progress_bar .marker{ background: url('../img/progress_bar_marker.png'); width: 2px; height: 7px; display: inline-block;  position: absolute; top: 2px; }
.question_progress_bar .marker.percent-0{ left: 0%; }
.question_progress_bar .marker.percent-1{ left: 1%; }
.question_progress_bar .marker.percent-2{ left: 2%; }
.question_progress_bar .marker.percent-3{ left: 3%; }
.question_progress_bar .marker.percent-4{ left: 4%; }
.question_progress_bar .marker.percent-5{ left: 5%; }
.question_progress_bar .marker.percent-6{ left: 6%; }
.question_progress_bar .marker.percent-7{ left: 7%; }
.question_progress_bar .marker.percent-8{ left: 8%; }
.question_progress_bar .marker.percent-9{ left: 9%; }
.question_progress_bar .marker.percent-10{ left: 10%; }
.question_progress_bar .marker.percent-11{ left: 11%; }
.question_progress_bar .marker.percent-12{ left: 12%; }
.question_progress_bar .marker.percent-13{ left: 13%; }
.question_progress_bar .marker.percent-14{ left: 14%; }
.question_progress_bar .marker.percent-15{ left: 15%; }
.question_progress_bar .marker.percent-16{ left: 16%; }
.question_progress_bar .marker.percent-17{ left: 17%; }
.question_progress_bar .marker.percent-18{ left: 18%; }
.question_progress_bar .marker.percent-19{ left: 19%; }
.question_progress_bar .marker.percent-20{ left: 20%; }
.question_progress_bar .marker.percent-21{ left: 21%; }
.question_progress_bar .marker.percent-22{ left: 22%; }
.question_progress_bar .marker.percent-23{ left: 23%; }
.question_progress_bar .marker.percent-24{ left: 24%; }
.question_progress_bar .marker.percent-25{ left: 25%; }
.question_progress_bar .marker.percent-26{ left: 26%; }
.question_progress_bar .marker.percent-27{ left: 27%; }
.question_progress_bar .marker.percent-28{ left: 28%; }
.question_progress_bar .marker.percent-29{ left: 29%; }
.question_progress_bar .marker.percent-30{ left: 30%; }
.question_progress_bar .marker.percent-31{ left: 31%; }
.question_progress_bar .marker.percent-32{ left: 32%; }
.question_progress_bar .marker.percent-33{ left: 33%; }
.question_progress_bar .marker.percent-34{ left: 34%; }
.question_progress_bar .marker.percent-35{ left: 35%; }
.question_progress_bar .marker.percent-36{ left: 36%; }
.question_progress_bar .marker.percent-37{ left: 37%; }
.question_progress_bar .marker.percent-38{ left: 38%; }
.question_progress_bar .marker.percent-39{ left: 39%; }
.question_progress_bar .marker.percent-40{ left: 40%; }
.question_progress_bar .marker.percent-41{ left: 41%; }
.question_progress_bar .marker.percent-42{ left: 42%; }
.question_progress_bar .marker.percent-43{ left: 43%; }
.question_progress_bar .marker.percent-44{ left: 44%; }
.question_progress_bar .marker.percent-45{ left: 45%; }
.question_progress_bar .marker.percent-46{ left: 46%; }
.question_progress_bar .marker.percent-47{ left: 47%; }
.question_progress_bar .marker.percent-48{ left: 48%; }
.question_progress_bar .marker.percent-49{ left: 49%; }
.question_progress_bar .marker.percent-50{ left: 50%; }
.question_progress_bar .marker.percent-51{ left: 51%; }
.question_progress_bar .marker.percent-52{ left: 52%; }
.question_progress_bar .marker.percent-53{ left: 53%; }
.question_progress_bar .marker.percent-54{ left: 54%; }
.question_progress_bar .marker.percent-55{ left: 55%; }
.question_progress_bar .marker.percent-56{ left: 56%; }
.question_progress_bar .marker.percent-57{ left: 57%; }
.question_progress_bar .marker.percent-58{ left: 58%; }
.question_progress_bar .marker.percent-59{ left: 59%; }
.question_progress_bar .marker.percent-60{ left: 60%; }
.question_progress_bar .marker.percent-61{ left: 61%; }
.question_progress_bar .marker.percent-62{ left: 62%; }
.question_progress_bar .marker.percent-63{ left: 63%; }
.question_progress_bar .marker.percent-64{ left: 64%; }
.question_progress_bar .marker.percent-65{ left: 65%; }
.question_progress_bar .marker.percent-66{ left: 66%; }
.question_progress_bar .marker.percent-67{ left: 67%; }
.question_progress_bar .marker.percent-68{ left: 68%; }
.question_progress_bar .marker.percent-69{ left: 69%; }
.question_progress_bar .marker.percent-70{ left: 70%; }
.question_progress_bar .marker.percent-71{ left: 71%; }
.question_progress_bar .marker.percent-72{ left: 72%; }
.question_progress_bar .marker.percent-73{ left: 73%; }
.question_progress_bar .marker.percent-74{ left: 74%; }
.question_progress_bar .marker.percent-75{ left: 75%; }
.question_progress_bar .marker.percent-76{ left: 76%; }
.question_progress_bar .marker.percent-77{ left: 77%; }
.question_progress_bar .marker.percent-78{ left: 78%; }
.question_progress_bar .marker.percent-79{ left: 79%; }
.question_progress_bar .marker.percent-80{ left: 80%; }
.question_progress_bar .marker.percent-81{ left: 81%; }
.question_progress_bar .marker.percent-82{ left: 82%; }
.question_progress_bar .marker.percent-83{ left: 83%; }
.question_progress_bar .marker.percent-84{ left: 84%; }
.question_progress_bar .marker.percent-85{ left: 85%; }
.question_progress_bar .marker.percent-86{ left: 86%; }
.question_progress_bar .marker.percent-87{ left: 87%; }
.question_progress_bar .marker.percent-88{ left: 88%; }
.question_progress_bar .marker.percent-89{ left: 89%; }
.question_progress_bar .marker.percent-90{ left: 90%; }
.question_progress_bar .marker.percent-91{ left: 91%; }
.question_progress_bar .marker.percent-92{ left: 92%; }
.question_progress_bar .marker.percent-93{ left: 93%; }
.question_progress_bar .marker.percent-94{ left: 94%; }
.question_progress_bar .marker.percent-95{ left: 95%; }
.question_progress_bar .marker.percent-96{ left: 96%; }
.question_progress_bar .marker.percent-97{ left: 97%; }
.question_progress_bar .marker.percent-98{ left: 98%; }
.question_progress_bar .marker.percent-99{ left: 99%; }
.question_progress_bar .marker.percent-100{ left: 100%; }

.question_progress_bar .filled{ background: url(../img/question_bar_fill.png); position: absolute; left: 0px; height: 10px; top: 1px;}
.question_progress_bar .filled span{ font-size: 11px; color: #6e6e6e; font-family: 'Kanit', sans-serif; font-weight: 300; position: relative; top: -14px; float: right; left: 12px; }
.question_progress_bar .filled.percent-1{ width: calc(1% + 2px); }
.question_progress_bar .filled.percent-2{ width: calc(2% + 2px); }
.question_progress_bar .filled.percent-3{ width: calc(3% + 2px); }
.question_progress_bar .filled.percent-4{ width: calc(4% + 2px); }
.question_progress_bar .filled.percent-5{ width: calc(5% + 2px); }
.question_progress_bar .filled.percent-6{ width: calc(6% + 2px); }
.question_progress_bar .filled.percent-7{ width: calc(7% + 2px); }
.question_progress_bar .filled.percent-8{ width: calc(8% + 2px); }
.question_progress_bar .filled.percent-9{ width: calc(9% + 2px); }
.question_progress_bar .filled.percent-10{ width: calc(10% + 2px); }
.question_progress_bar .filled.percent-11{ width: calc(11% + 2px); }
.question_progress_bar .filled.percent-12{ width: calc(12% + 2px); }
.question_progress_bar .filled.percent-13{ width: calc(13% + 2px); }
.question_progress_bar .filled.percent-14{ width: calc(14% + 2px); }
.question_progress_bar .filled.percent-15{ width: calc(15% + 2px); }
.question_progress_bar .filled.percent-16{ width: calc(16% + 2px); }
.question_progress_bar .filled.percent-17{ width: calc(17% + 2px); }
.question_progress_bar .filled.percent-18{ width: calc(18% + 2px); }
.question_progress_bar .filled.percent-19{ width: calc(19% + 2px); }
.question_progress_bar .filled.percent-20{ width: calc(20% + 2px); }
.question_progress_bar .filled.percent-21{ width: calc(21% + 2px); }
.question_progress_bar .filled.percent-22{ width: calc(22% + 2px); }
.question_progress_bar .filled.percent-23{ width: calc(23% + 2px); }
.question_progress_bar .filled.percent-24{ width: calc(24% + 2px); }
.question_progress_bar .filled.percent-25{ width: calc(25% + 2px); }
.question_progress_bar .filled.percent-26{ width: calc(26% + 2px); }
.question_progress_bar .filled.percent-27{ width: calc(27% + 2px); }
.question_progress_bar .filled.percent-28{ width: calc(28% + 2px); }
.question_progress_bar .filled.percent-29{ width: calc(29% + 2px); }
.question_progress_bar .filled.percent-30{ width: calc(30% + 2px); }
.question_progress_bar .filled.percent-31{ width: calc(31% + 2px); }
.question_progress_bar .filled.percent-32{ width: calc(32% + 2px); }
.question_progress_bar .filled.percent-33{ width: calc(33% + 2px); }
.question_progress_bar .filled.percent-34{ width: calc(34% + 2px); }
.question_progress_bar .filled.percent-35{ width: calc(35% + 2px); }
.question_progress_bar .filled.percent-36{ width: calc(36% + 2px); }
.question_progress_bar .filled.percent-37{ width: calc(37% + 2px); }
.question_progress_bar .filled.percent-38{ width: calc(38% + 2px); }
.question_progress_bar .filled.percent-39{ width: calc(39% + 2px); }
.question_progress_bar .filled.percent-40{ width: calc(40% + 2px); }
.question_progress_bar .filled.percent-41{ width: calc(41% + 2px); }
.question_progress_bar .filled.percent-42{ width: calc(42% + 2px); }
.question_progress_bar .filled.percent-43{ width: calc(43% + 2px); }
.question_progress_bar .filled.percent-44{ width: calc(44% + 2px); }
.question_progress_bar .filled.percent-45{ width: calc(45% + 2px); }
.question_progress_bar .filled.percent-46{ width: calc(46% + 2px); }
.question_progress_bar .filled.percent-47{ width: calc(47% + 2px); }
.question_progress_bar .filled.percent-48{ width: calc(48% + 2px); }
.question_progress_bar .filled.percent-49{ width: calc(49% + 2px); }
.question_progress_bar .filled.percent-50{ width: calc(50% + 2px); }
.question_progress_bar .filled.percent-51{ width: calc(51% + 2px); }
.question_progress_bar .filled.percent-52{ width: calc(52% + 2px); }
.question_progress_bar .filled.percent-53{ width: calc(53% + 2px); }
.question_progress_bar .filled.percent-54{ width: calc(54% + 2px); }
.question_progress_bar .filled.percent-55{ width: calc(55% + 2px); }
.question_progress_bar .filled.percent-56{ width: calc(56% + 2px); }
.question_progress_bar .filled.percent-57{ width: calc(57% + 2px); }
.question_progress_bar .filled.percent-58{ width: calc(58% + 2px); }
.question_progress_bar .filled.percent-59{ width: calc(59% + 2px); }
.question_progress_bar .filled.percent-60{ width: calc(60% + 2px); }
.question_progress_bar .filled.percent-61{ width: calc(61% + 2px); }
.question_progress_bar .filled.percent-62{ width: calc(62% + 2px); }
.question_progress_bar .filled.percent-63{ width: calc(63% + 2px); }
.question_progress_bar .filled.percent-64{ width: calc(64% + 2px); }
.question_progress_bar .filled.percent-65{ width: calc(65% + 2px); }
.question_progress_bar .filled.percent-66{ width: calc(66% + 2px); }
.question_progress_bar .filled.percent-67{ width: calc(67% + 2px); }
.question_progress_bar .filled.percent-68{ width: calc(68% + 2px); }
.question_progress_bar .filled.percent-69{ width: calc(69% + 2px); }
.question_progress_bar .filled.percent-70{ width: calc(70% + 2px); }
.question_progress_bar .filled.percent-71{ width: calc(71% + 2px); }
.question_progress_bar .filled.percent-72{ width: calc(72% + 2px); }
.question_progress_bar .filled.percent-73{ width: calc(73% + 2px); }
.question_progress_bar .filled.percent-74{ width: calc(74% + 2px); }
.question_progress_bar .filled.percent-75{ width: calc(75% + 2px); }
.question_progress_bar .filled.percent-76{ width: calc(76% + 2px); }
.question_progress_bar .filled.percent-77{ width: calc(77% + 2px); }
.question_progress_bar .filled.percent-78{ width: calc(78% + 2px); }
.question_progress_bar .filled.percent-79{ width: calc(79% + 2px); }
.question_progress_bar .filled.percent-80{ width: calc(80% + 2px); }
.question_progress_bar .filled.percent-81{ width: calc(81% + 2px); }
.question_progress_bar .filled.percent-82{ width: calc(82% + 2px); }
.question_progress_bar .filled.percent-83{ width: calc(83% + 2px); }
.question_progress_bar .filled.percent-84{ width: calc(84% + 2px); }
.question_progress_bar .filled.percent-85{ width: calc(85% + 2px); }
.question_progress_bar .filled.percent-86{ width: calc(86% + 2px); }
.question_progress_bar .filled.percent-87{ width: calc(87% + 2px); }
.question_progress_bar .filled.percent-88{ width: calc(88% + 2px); }
.question_progress_bar .filled.percent-89{ width: calc(89% + 2px); }
.question_progress_bar .filled.percent-90{ width: calc(90% + 2px); }
.question_progress_bar .filled.percent-91{ width: calc(91% + 2px); }
.question_progress_bar .filled.percent-92{ width: calc(92% + 2px); }
.question_progress_bar .filled.percent-93{ width: calc(93% + 2px); }
.question_progress_bar .filled.percent-94{ width: calc(94% + 2px); }
.question_progress_bar .filled.percent-95{ width: calc(95% + 2px); }
.question_progress_bar .filled.percent-96{ width: calc(96% + 2px); }
.question_progress_bar .filled.percent-97{ width: calc(97% + 2px); }
.question_progress_bar .filled.percent-98{ width: calc(98% + 2px); }
.question_progress_bar .filled.percent-99{ width: calc(99% + 2px); }
.question_progress_bar .filled.percent-100{ width: calc(100% + 2px); }


.question_title{ text-align: center; margin-bottom: 0px;}
.question_title .number{ font-size: 50px; letter-spacing: 1px; color: #2c62e0; font-family: "Black Ops One"; font-weight: 400; display: inline-block; }
.question_title .text_1, .question_title .text_2{ font-size: 30px; letter-spacing: 3px; color: #0a0a0a; font-family: "Black Ops One"; font-weight: 400; }
.question_title .text_1{ display: inline-block;  }
.question_title .text_2{ transform: rotate(-3deg); position: relative; top: -12px; }
.question_title .text_2 .smaller_text{ font-size: 18px; display: block; }
.question_title .icon{  display: inline-block; }

/*.question_div{ margin-bottom: 30px;}*/
.question_div{ width:100%; display: inline-block; margin-bottom: 10px; position: relative; min-height: 66px; }
.question_div .question{ width: 450px; font-size: 20px; letter-spacing: 0px; color: #232323;  display: inline-block; float:left; }
.question_div.topQuestion .answer{position: unset; }
.question_div .answer{ display: inline-block; position: absolute; top: calc(50% - 33px); right: 0px; }

.custom_radio { display: inline-block; position: relative; padding-left: 32px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 13px; color: #6e6e6e; font-family: 'Kanit', sans-serif; font-weight: 300; text-align: center; width: 88px; vertical-align: top; }
.custom_radio input { position: absolute; opacity: 0; cursor: pointer; }
.custom_radio .checkmark { position: absolute; top: 0; left: 0; }
.checkmark.answer_1{ background: url('../img/answer_1.png') no-repeat center; width: 100%; height: 54px; position: relative; display: block;}
.checkmark.answer_2{ background: url('../img/answer_2.png') no-repeat center; width: 100%; height: 54px; position: relative; display: block;}
.checkmark.answer_3{ background: url('../img/answer_3.png') no-repeat center; width: 100%; height: 54px; position: relative; display: block;}
.checkmark.answer_4{ background: url('../img/answer_4.png') no-repeat center; width: 100%; height: 54px; position: relative; display: block;}
.checkmark.answer_5{ background: url('../img/answer_5.png') no-repeat center; width: 100%; height: 54px; position: relative; display: block;}
.custom_radio:hover input ~ .checkmark.answer_1, .custom_radio input:checked ~ .checkmark.answer_1 { background: url('../img/answer_1-selected.png') no-repeat center; }
.custom_radio:hover input ~ .checkmark.answer_2, .custom_radio input:checked ~ .checkmark.answer_2 { background: url('../img/answer_2-selected.png') no-repeat center; background-position-y: 12px; }
.custom_radio:hover input ~ .checkmark.answer_3,.custom_radio input:checked ~ .checkmark.answer_3  { background: url('../img/answer_3-selected.png') no-repeat center; }
.custom_radio:hover input ~ .checkmark.answer_4,.custom_radio input:checked ~ .checkmark.answer_4  { background: url('../img/answer_4-selected.png') no-repeat center; background-position-y: 4px; }
.custom_radio:hover input ~ .checkmark.answer_5,.custom_radio input:checked ~ .checkmark.answer_5 { background: url('../img/answer_5-selected.png') no-repeat center; }


.checkmark.answer_small_1{ background: url('../img/answer_small_1.png') no-repeat center; width: 57px; height: 11px; top: -16px; left: 47px; }
.checkmark.answer_small_2{ background: url('../img/answer_small_2.png') no-repeat center; width: 68px; height: 28px; top: -31px; left: 47px; }
.checkmark.answer_small_3{ background: url('../img/answer_small_3.png') no-repeat center; width: 68px; height: 28px; top: -31px; left: 47px; }
.checkmark.answer_small_4{ background: url('../img/answer_small_4.png') no-repeat center; width: 68px; height: 28px; top: -31px; left: 47px;  }
.checkmark.answer_small_5{ background: url('../img/answer_small_5.png') no-repeat center; width: 68px; height: 28px; top: -31px; left: 47px;  }
.custom_radio:hover input ~ .checkmark.answer_small_1, .custom_radio input:checked ~ .checkmark.answer_small_1 { background: url('../img/answer_small_1-selected.png') no-repeat center; }
.custom_radio:hover input ~ .checkmark.answer_small_2, .custom_radio input:checked ~ .checkmark.answer_small_2 { background: url('../img/answer_small_2-selected.png') no-repeat center; }
.custom_radio:hover input ~ .checkmark.answer_small_3,.custom_radio input:checked ~ .checkmark.answer_small_3  { background: url('../img/answer_small_3-selected.png') no-repeat center; }
.custom_radio:hover input ~ .checkmark.answer_small_4,.custom_radio input:checked ~ .checkmark.answer_small_4  { background: url('../img/answer_small_4-selected.png') no-repeat center; }
.custom_radio:hover input ~ .checkmark.answer_small_5,.custom_radio input:checked ~ .checkmark.answer_small_5 { background: url('../img/answer_small_5-selected.png') no-repeat center; }



.estimate_details { min-height: 200px; text-align: right; }
.estimate_details .button.black{ font-size: 20px; letter-spacing: 3px; font-weight: 300; font-family: 'Kanit', sans-serif; width: auto; display: inline-block; line-height: 30px; padding: 0px 20px; position: relative; top: -60px; left: 50px; z-index: 10; }
.button.blue.prev_question, .button.blue.next_question{ font-size: 22px; letter-spacing: 3px; font-weight: 300; font-family: 'Kanit', sans-serif; width: 200px; display: inline-block; margin-bottom: 50px; position: relative;cursor:pointer; -webkit-appearance: none; }
.button.blue.next_question.finish{ width: 400px; }
.estimate_details img{ position: relative; width: 100px; top: 10px; left: -20px; z-index: 9; }

.estimate_details_less { margin: 0px 0 20px; font-weight: 200; }
.estimate_details_less .question { font-size: 16px; }
.answer_less .checkmark{ background-size:66px auto; }
.estimate_details_button_box{ text-align: right; width:100%; margin-bottom: 15px; display: block;}
.estimate_details_button.gray{ font-size: 16px; letter-spacing: 3px; font-weight: 300; font-family: 'Kanit', sans-serif; display: inline-block; background-image: url(../img/estimate_close.png); background-repeat: no-repeat; background-position: calc(100% - 18px) center; background-size: 14px; text-align: left; padding: 0px 45px 0px 30px; width: auto; margin-bottom: 0px; line-height: 30px; margin-right: 50px;}
.estimate_details_button.gray.hidden{ display: none;}


/* ABOUT US */

.text_content{ padding-left: 210px; margin-top: 30px; margin-bottom: 60px; min-height: 610px;}
.text_content h1.title{ font-size: 40px; letter-spacing: 1px; color: #0a0a0a; font-family: "Black Ops One"; font-weight: 400; width: 450px; transform: rotate(-9deg); position: relative; left: -90px; margin-bottom: 40px; }
.text_content h1.title span{ display: block; display: block; position: relative; left: -100px; }
.text_content .text{ font-size: 20px; letter-spacing: 0px; color: #0a0a0a; font-family: 'Kanit', sans-serif; }

/* HOME */

.home_div { position: relative; height: 665px; }
.quiz_start{ height: 745px; }
.home_div .brain_chart_logo{ float: right; width: 550px; z-index: 1000; position: relative; }
.home_div .brain_chart_logo img{ width: 100%; }
.home_div .home_text{ position: absolute; bottom: 300px; }
.home_div .home_text .text_1, .home_div .home_text .text_2{ font-size: 60px; letter-spacing: 1px; color: #0a0a0a; font-family: "Black Ops One"; font-weight: 400; display: inline-block;}
.home_div .home_text .text_1{ width: 500px; transform: rotate(-8deg);}
.home_div .home_text .text_2{ width: 350px; letter-spacing: 1px; transform: rotate(8deg); position: relative; top: 100px; left: -100px; }
.home_div .button{ position: absolute; bottom: 150px; width: 250px; left: 65px; }
.home_div .arrow{ position: absolute; bottom: 100px; left: 275px; width: 190px; }

.text_content.privacy{ padding: 0; min-height: unset; }
.text_content.privacy h1.title{ font-family: 'Kanit', sans-serif; letter-spacing: 0px; transform: none; font-weight: bold; font-size: 30px; left: 0; margin-bottom: 10px; width: 100%; }

.go_up_button{ background: url('../img/go_up_button.png'); cursor: pointer; width: 45px; height: 45px; display: inline-block; background-size: 45px; float: right; position: relative; top: 65px; }

.error_page_content { min-height: 655px; }
.error_page_content .title_div{ height: 115px; margin-top: 25px; }
.error_page_content .title_div{ height: 115px; margin-top: 25px; }
.error_page_content .title{ font-size: 75px; letter-spacing: 1px; color: #0a0a0a; font-family: "Black Ops One"; font-weight: 400; display: inline-block; transform: rotate(-10deg); position: relative; left: 475px; }
.error_page_content .error_image{ display: inline-block; }
.error_page_content .description_div{ display: inline-block; float: right; width: 415px; top: 15px; position: relative; }
.error_page_content .description_div h4{ display: inline-block; font-size: 46px; width: 306px; text-align: center; font-weight: bold; transform: rotate(6deg); }
.error_page_content .description_div .error_message{ margin-top: 80px; font-size: 25px; font-weight: 100; letter-spacing: 0px; width: 315px; }
.error_page_content .description_div .button{ margin-top: 25px; width: 260px; background-image: url('../img/back_button_white.png'); background-repeat: no-repeat; background-position: 33px 14px; line-height: 40px; background-size: 8px 14px; }
.loader_content{ min-height: 655px; text-align: center; }
.loader_content .loader_div{ width: 190px; display: inline-block; }
.loader_content .loader_div img{ margin-top: 175px; }

.start_quiz_form{ min-height: 430px;}
.quiz_content{ position: relative; top: 40px; }
.quiz_content .quiz_start_text{ font-size: 22px; font-weight: bold; line-height: 40px; width: 500px; margin-bottom: 20px; }
.quiz_content .start_quiz_form{ position: relative; }
.quiz_content .start_quiz_form input[type="text"]{ width: 400px; background: unset; border: 0; background: url('../img/email_line.png'); background-repeat: no-repeat; padding-bottom: 6px; background-position: bottom; background-size: 600px; margin-bottom: 15px; margin: 25px 0px; }
.quiz_content .start_quiz_form .checkbox-label{  display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 35px; text-align: left; padding-top: 3px; z-index: 49;}



.quiz_content .start_quiz_form .checkbox_div{ width: 500px; display: inline-block; height: 20px; position: relative; }
.checkbox-label input{ position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark{ position: absolute; top: 7px; left: 0; height: 40px; width: 30px; border: 0; background: url('../img/check_border.png'); background-size: 30px 27px; background-repeat: no-repeat; }

.checkbox-label .checkmark::after{  width: 40px; height: 30px; display: inline-block; overflow: visible; }
.checkbox-label:hover input ~ .checkmark {}
.checkbox-label input:checked ~ .checkmark::after {background: none; }
.checkmark:after { content: ""; position: absolute; display: none; }
/* .checkbox-label input:checked ~ .checkmark:after { display: block; } */

.checkbox-label input:checked ~ .checkmark:after { left: 3px; top: -1px; width: 30px; height: 20px; background: url('../img/check.png'); background-size: 31px 20px; overflow: visible; }

.start_quiz_form .results_filters{ min-height: 0; margin-top: 0; width: auto; margin-left: 0; text-align: left; margin-top: 30px; }

.start_quiz_form .results_filters:last-child{ display: block; position: absolute; top: 465px; margin-top: 0; z-index: 49;}
.quiz_content .button{ bottom: -160px; left: 100px; }
.quiz_content .select_overlay{ position: absolute; background: #f0f0f0; display: block; width: 100%; height: 350px; z-index: 9; opacity: 0.9; left: -28px;}
.quiz_content .select_overlay.second_overlay{ top: 422px; height: 385px; }
.quiz_content .results_filters .active_select{ z-index: 10; position: absolute; }
.quiz_content .results_filters .active_select_multiple{ z-index: 10; position: relative; }

.start_quiz_form .form_div{ position: relative; }
.start_quiz_form .filter_select{ position: relative; }
.start_quiz_form .form_div .error_div{ width: 440px; z-index: -1; }
.start_quiz_form .error_div{ position: absolute; top: 0; left: -18px; }
.start_quiz_form .error_border{ background: url('../img/error_border.png') no-repeat; display: block; width: 100%; height: 90px; background-size: 100%; background-position: 0px 0px; position: absolute; top: -28px; }
.start_quiz_form .text_field .error_border{ background: none; top: 14px; border: 1px solid #f33; height: 41px; }
.start_quiz_form .error_exclamation{ background: url('../img/error_exclamation.png') no-repeat; background-size: 24px 43px; width: 24px; height: 50px; position: absolute; top: -18px; z-index: 100;}
.start_quiz_form .error_gray_background{ background: #f0f0f0; width: 22px; height: 13px; position: absolute; top: 13px; left: 4px; z-index: 99; }
.start_quiz_form .select_field .error_border{ background: none; top: -3px; border: 1px solid #f33; height: 38px; }
.start_quiz_form .checkbox_field { width: 49%; z-index: 5; }
.start_quiz_form .checkbox_field .error_border{ background: none; top: 0px; border: 1px solid #f33; height: 38px; }
.start_quiz_form .checkbox_field .error_text{ top: 41px; }
.start_quiz_form .checkbox_field .error_exclamation{ top: -33px; }
.start_quiz_form .checkbox_field .error_gray_background{ top: -4px; }
.start_quiz_form .select_field .error_exclamation{ top: -36px; }
.start_quiz_form .select_field .error_gray_background{ top: -5px; }
.start_quiz_form .error_text{ text-align: center; color: #ff3333; letter-spacing: 3px; position: relative; top: 57px; font-size: 13px; }

.start_quiz_form .filter_select .error_div{ width: calc(100% + 36px); z-index: -1; }
.start_quiz_form .filter_select .error_border{ background-position: 0px 12px; }
.start_quiz_form .filter_select .error_text{ top: 40px; }

.share_button_div{ display: block; height: 40px; margin-top: 10px; }
.fb_share{ text-transform: uppercase; width: 263px; background-color: #1877f2; color: #fff; background-image: url('../img/fb_icon.png'); background-repeat: no-repeat; background-position: 56px 7px; font-size: 20px; background-size: 15px 28px; }

.recomendation_div .recomendation_subsection{ margin-top: 25px; }
.recomendation_div .recomendation_subsection h4.title{ color: #2c62e0; font-size: 28px; }
.recomendation_div .recomendation_subsection .search_source{ font-weight: bold; background: url('../img/search.png') no-repeat; padding-left: 29px; background-size: 24px 18px; }
.recomendation_div .recomendation_list { width:80%; display: inline-block; }
.recomendation_div .recomendation_check { width: calc(20% - 1px); float: right; display: inline-block; }
.recomendation_div .recomendation_check .checkbox-label { position:relative; padding-top: 40px; top: 40px;}
.recomendation_div .recomendation_check .checkmark{ margin-left: calc(50% - 19px); }

.try_it_out{ margin-top: 40px; margin-bottom: 40px; }
.try_it_out h4{ text-transform: uppercase; display: block; letter-spacing: 2px; font-weight: bold; color: #6e6e6e; font-size: 24px; }
.try_it_out .try_item{ background-color: #dcdcdc; width: 60px; height: 60px; text-align: center; line-height: 60px; color: #0a0a0a; letter-spacing: 0px; font-size: 13px; display: inline-block; margin-right: 10px; margin-top: 15px; }
.try_it_out .try_item:hover{ cursor: pointer; }

#question-top { display: inline-block; width: 100%; margin-top:15px; }
#question-top .question_block{ float: left; width:450px;  }
#question-top .question_block .question_title{ text-align: left; }
#question-top .question_progress_bar{ margin: 74px 0; width: calc(100% - 518px); float: right; margin-right: 22px; }

#blank_content {height: calc(100vh - 256px);}
#blank_content p { font-size: 50px; letter-spacing: 3px; color: #0a0a0a; font-family: "Black Ops One"; text-align: center; width: 100%; padding-top: calc(50vh - 206px); }

#content_error { position: relative; height: calc(100vh - 130px); min-height: 750px; }
#content_error p#error_title_1 { transform: rotate(-3deg); position: absolute; top: 10px; font-size: 90px; letter-spacing: 3px; color: #0a0a0a; font-family: "Black Ops One"; font-weight: 400; right: 250px; }
#content_error p#error_title_2 { transform: rotate(3deg); position: absolute; top: 175px; font-size: 40px; letter-spacing: 3px; color: #0a0a0a; font-family: 'Kani', sans-serif; font-weight: 600; right: 110px; width: 330px; text-align: center; }
#content_error p#error_title_3 { position: absolute; top: 360px; font-size: 18px; letter-spacing: 3px; color: #0a0a0a; font-family: 'Kani', sans-serif; font-weight: 400; right: 65px; width: 355px; text-align: left; }
#content_error span#error_img_block { display: inline-block; position: absolute; top: 150px; }
#content_error a.btn-blue { font-size: 25px; width: auto; padding: 10px 40px; position: absolute; top: 430px; right: 235px; }

.recomendation_div .recomendation_check .checkbox-label:hover{ cursor: pointer; }

@media only screen and (max-width: 1180px) {
	.container{ width: 700px; }
	.top-menu > a { display: inline-block; float: left;	}
	.top-menu ul { height: 60px; line-height: 60px;	}
	.top-menu .menu{ position: relative; left: 16px; }
	.top-menu .menu li{ margin-right: 25px; margin-left: 10px;}
	.scores_top .your_scores{ font-size: 45px; width: 280px; }
	.scores_top .your_scores img{ top: -80px; left: -10px; }
	.scores_top .scores_arrow{ top: -80px; left: -10px; }
	.scores_top .overall_scores{ position: relative; top: 130px; left: -45px; max-width: 350px; margin-top: 0; margin-bottom: 115px; width: 40%; }
	.scores_top .overall_scores img{ width: 100%; }
	.scores_top .overall_scores a, .scores_top .details_scores a{ font-size: 22px; }
	.scores_top .details_scores{ margin-top: 0px; width: 40%; max-width: 350px; position: relative; top: 131px; margin-right: 0; }
	.scores_top .details_scores img{ height: 156px; width: auto; }
	.your_score .result_cup{ left: 572px; top: -247px; margin-bottom: -130px; }
	.your_score.benchwarmers .result span{ top: 0px; }
	.your_score.benchwarmers .result_cup{ left: 525px; top: -261px; margin-bottom: -130px; }
	.your_score.people_class .result_cup{ left: 522px; top: -274px; margin-bottom: -130px; }
	.your_score.sports_league .result_cup{ left: 518px; top: -261px; margin-bottom: -130px; }
	.recomendation .bullet{ top: -20px; }
	.pdf .pdf_image{ margin-left: 238px; }
	.pdf .pdf_image img{ width: 120px; }
	.pdf .pdf_arrow{ top: 12px; left: -19px; width: 50px; }
	.pdf .pdf_arrow img{ width: 130px; }
	.pdf .download_button{ width: 280px; }
	.pdf .download_button a{ font-size: 22px; }
	/* .partners_div .partners_title{ padding-left: 84px; } */
	.partners_div ul li{ padding-right: 35px;}
	.partners_div ul li img{ height: 20px; }
	.partners li img{ height: 20px; }
	.brain_chart_title{ left: 50px; }
	.brain_chart_title h3{ font-size: 43px; }
	.brain_chart{ width: 700px; height: 529px; background-size: 700px 529px; }
	.brain-shape.shape-1{ width: 246px; height: 187px; top: 185px; left: 2px; }
	.brain-shape.shape-2{ width: 224px; height: 228px; top: 73px; left: 51px; }
	.brain-shape.shape-3{ width: 195px; height: 232px; top: 2px; left: 155px; }
	.brain-shape.shape-4{ width: 147px; height: 213px; top: 0px; left: 321px; }
	.brain-shape.shape-5{ width: 166px; height: 202px; top: 9px; left: 456px; }
	.brain-shape.shape-6{ width: 111px; height: 182px; top: 144px; left: 585px; }
	.brain-shape.shape-7{ width: 218px; height: 198px; top: 202px; left: 362px; }
	.brain-shape.shape-8{ width: 201px; height: 210px; top: 229px; left: 217px; }
	.brain-shape.shape-9{ width: 210px; height: 190px; top: 338px; left: 408px; }
	.shape-1-title{ top: 206px; left: -43px; }
	.shape-2-title{ top: 86px; left: 15px; }
	.shape-3-title{ left: 226px; }
	.shape-4-title{ left: 360px; }
	.shape-5-title{ left: 540px; top: 35px; }
	.shape-6-title{ left: 637px; top: 155px; }
	.shape-7-title{ left: 376px; top: 208px; }
	.shape-8-title{ left: 215px; top: 413px; }
	.shape-9-title{ left: 543px; top: 404px; }
	.brain_chart_legend{ left: -35px; }
	.brain_chart_legend .label_value{ font-size: 14px; line-height: 14px; }
	.results_filters{ width: 700px; margin-left: 0; }
	.results_filters .filter_select{ margin-right: 59px; width: 190px; }
	.results_filters .filter_select .select_title{ font-size: 20px; height: 30px; }

	.result_chart{ width: 700px; height: 393px; background-size: 700px 393px; }
	.result_chart .results{ width: calc(100% - 106px); top: 26px; left: 94px; height: 337px; }
	.league_value{ height: 71px; }
	.league_value .right{ height: 65px; }
	.league_value.sport_class{ top: 20px; }
	.league_value.people_class{ top: 40px; }
	.league_value.benchwarmers{ top: 55px; }
	.league_value .percent_text{ font-size: 24px; top: 8px; left: 10px; }
	.league_value .league_text{ font-size: 14px; line-height: 14px; bottom: 8px; left: 10px; }

	.league_value.percent-2 .percent_text, .league_value.percent-2 .league_text{ left: 16px; }
	.league_value.percent-3 .percent_text, .league_value.percent-3 .league_text{ left: 21px; }
	.league_value.percent-4 .percent_text, .league_value.percent-4 .league_text{ left: 28px; }
	.league_value.percent-5 .percent_text, .league_value.percent-5 .league_text{ left: 33px; }
	.league_value.percent-6 .percent_text, .league_value.percent-6 .league_text{ left: 38px; }
	.league_value.percent-7 .percent_text, .league_value.percent-7 .league_text{ left: 44px; }
	.league_value.percent-8 .percent_text, .league_value.percent-8 .league_text{ left: 51px; }
	.league_value.percent-9 .percent_text, .league_value.percent-9 .league_text{ left: 59px; }
	.league_value.percent-10 .percent_text, .league_value.percent-10 .league_text{ left: 64px; }
	.league_value.percent-11 .percent_text, .league_value.percent-11 .league_text{ left: 71px; }
	.league_value.percent-12 .percent_text, .league_value.percent-12 .league_text{ left: 77px; }
	.league_value.percent-13 .percent_text, .league_value.percent-13 .league_text{ left: 83px; }

	.news_list_item, .news_list_item:nth-child(3n){ margin-right: 34px; }
	.news_list_item:nth-child(2n){ margin-right: 0; }

	.news_open{ padding-left: 0px; }
	.news_open .open_news_image, .news_open .open_news_image img{ max-width: 100%; }
	.news_open .open_news_title{ left: 0px; margin-bottom: 40px; }
	.news_open .button{ background-color: #dcdcdc; color: #6e6e6e; }

	.home_div { height: 630px; margin-bottom: 25px; }
	.home_div .brain_chart_logo{ width: 485px; }
	.home_div .home_text{ bottom: 114px; left: 95px; }
	.home_div .home_text .text_1, .home_div .home_text .text_2{ font-size: 40px; }
	.home_div .home_text .text_1{ width: 350px; }
	.home_div .home_text .text_2{ width: 300px; top: -30px; left: 270px;  }
	.home_div .button{ bottom: -130px; left: 220px; border-radius:0;-webkit-appearance: none; width: auto; }
	.home_div .arrow{ bottom: 20px; left: 382px; }



	.question_div .question{ width: 100%; }
	.question_div .answer{ top: unset;  margin-bottom: 0px;  position: static; }

	.estimate_details { min-height: 200px; }
	.button.blue.next_question{ left:unset; right: 0px;}
	.button.blue.next_question.finish{ left:unset; right: 0px; }

	.go_up_button{ margin-top: -50px; top: 0; }

	.error_page_content .title_div{ position: relative; top: 400px; }
	.error_page_content .title_div .title{ left: 0; transform: rotate(-5deg); }
	.error_page_content .error_image{ display: block; margin: 0 auto; position: relative; top: -115px; width: 450px; }
	.error_page_content .description_div{ display: block; float: none; width: 100%; position: relative; top: -90px; }
	.error_page_content .description_div h4{ position: relative; left: 350px; top: 81px; }
	.error_page_content .description_div .error_message{ width: 100%; margin-top: 95px; }
	.error_page_content .description_div .button{ margin: 0 auto; margin-top: 30px; }

	.loader_content{ min-height: 500px; }
	.loader_content .loader_div img{ margin-top: 125px; }

	
	.quiz_content{ position: absolute; top: 292px; }
	.quiz_content .quiz_start_text{ width: 400px; }
	.start_quiz_form .form_div{ text-align: center; }
	.start_quiz_form .checkbox_div{ margin-left: 147px; }
	.start_quiz_form .results_filters:last-child{ position: relative; top: 50px; }
	#start_quiz_button{ bottom: 50px; }
	.start_quiz_form .filter_select .error_text{ top: 38px; }

	.start_quiz_form .form_div .error_div{ left: 131px; }

	.quiz_content .select_overlay{ height: 375px; }
	.quiz_content .select_overlay.second_overlay{ height: 242px; }
	
	#content_error { height: calc(100vh - 220px); min-height: 630px; }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	body{ overflow-x: hidden; }
	.mobile{ display: block !important; }
	.container{ width: calc(100% - 30px);}
	.content_main{ min-height: calc(100% - 254px); }
	.partners_div{ margin-bottom: 150px; }
	.footer{ height: 254px; }
	.top-menu .menu{ display: none; }
	.mobile.menu_icon{ width: 26px; float: right; cursor: pointer; }
	.top-menu .languages{ line-height: 0; top: 52px; position: relative; left: 26px; height: auto; cursor: pointer; }
	.scores_top .your_scores{ font-size: 29px; width: 100px; top: 15px; left: 18px; }
	.scores_top .scores_arrow{ height: 80px; top: -40px; left: 5px; }
	.scores_top .overall_scores{ width: calc(100% - 85px); margin: 0 auto; top: 0; left: 0; display: block; margin-top: -40px; }
	.scores_top .details_scores{ width: calc(100% - 85px); margin: 0 auto; top: 0; left: 0; display: block; float: unset; margin-top: 30px; }
	.scores_top .overall_scores a, .scores_top .details_scores a{ font-size: 16px; }
	.your_score .title{ font-size: 16px; letter-spacing: 1px; }
	.your_score .result{ background-size: 140px 104px; left: 69px; font-size: 26px; padding-top: 14px; top: 51px; height: 95px; width: 250px; position: relative; display: block; }
	.your_score .result_cup{ left: 243px; top: -48px; margin-bottom: -130px; width: 60px; display: block; }
	.recomendation_div { margin-top: 130px; }
	.recomendation_div .title{ font-size: 20px }
	.recomendation .text{ font-size: 12px; width: calc(100% - 62px); margin-left: 60px; }
	.recomendation .bullet{ width: 50px; }
	.recomendation .bullet.bullet_1, .recomendation .bullet.bullet_2, .recomendation .bullet.bullet_3, .recomendation .bullet.bullet_4{ background-size: 50px auto;  }

	.recomendation_div .recomendation_subsection h4.title{ font-size: 22px; }
	.desktop{ display: none !important; }
	.pdf{ width: calc(100% - 85px); margin: 0 auto; display: block; height: unset; text-align: center; margin-top: 140px; }
	.pdf .pdf_arrow{ width: unset; display: inline-block; }
	.pdf .pdf_arrow img{ width: auto; height: 89px; display: inline-block; position: relative; left: 15px; }
	.pdf .pdf_image{ margin-left: 0px; display: inline-block; }
	.pdf .pdf_image img{ width: 78px; }
	.pdf .download_button{ display: block; width: 100%; top: 0; margin-top: 25px; margin-bottom: 22px; }
	.pdf .download_button a{ font-size: 16px; }
	.partners_div .partners_title{ padding: 0; }
	.partners.first_row li, .partners.second_row li, .partners.third_row li{ display: inline-block; width: calc(50% - 11px); text-align: center; padding-right: 0px; }

	.partners li:first-child{ text-align: right; }
	.partners li:last-child{ text-align: left; }

	.footer_items{ text-align: left; line-height: 58px; text-align: center; margin-bottom: 35px; }
	.footer_items li{ padding-right: 20px; font-size: 14px; height: 30px; }
	.footer_items li:nth-child(5){ padding-right: 0px; }
	.footer_items li:first-child, .footer_items li.link{ text-align: center; display: block; padding: 0; float: unset;}
	.footer_items li img{ height: 18px; }
	.powered_by div{ display: block; font-size: 15px; margin-right: 0; height: 45px; line-height: 45px; }
	.powered_by img{ height: 45px; }
	.mobile_menu{ background: #2c62e0; position: absolute; width: 100%; top: 0; left: 0; min-height: 600px; z-index: 9999; }
	.mobile.close_icon{ float: right; width: 25px; margin: 20px 15px; cursor: pointer;  }
	.mobile_menu .menu{ text-align: center; margin-top: 81px; list-style-type: none; color: #fff; }
	.mobile_menu .menu li{ padding-bottom: 5px; }
	.mobile_menu .menu a{ color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-family: 'Kanit', sans-serif; font-weight: normal; font-size: 28px; }

	.brain_chart_title h3{ font-size: 35px; }

	.text_content{ padding: 0; }
	.text_content h1.title{ left: 60px; top: -25px; }
	.text_content h1.title span{ left: -70px; }

	.news_list_item, .news_list_item:nth-child(2n), .news_list_item:nth-child(3n){ display: block; margin: 0 auto; margin-bottom: 40px; width: 100%; max-width: 330px; }
	.news_list_item .news_image{ width: 100%; max-width: 330px; }

		.question_title .number{ font-size: 40px; }
	.question_title .text_1, .question_title .text_2{ font-size: 20px; }
	.question_title .icon{ width: 65px; }
	.question_title .icon img{ width: 100%; }
	.question_div .question{ width: 100%; font-size: 14px; text-align: left; }
	.question_div .answer{ width: 100%; margin-top: 30px; }
	.custom_radio{ width: calc(20% - 5px); padding-left: 0px; font-size: 7px; position: relative; text-align: center; }
	.custom_radio:nth-child(2),.custom_radio:nth-child(3),.custom_radio:nth-child(4){ left: -5px; }
	.checkmark{ width: 100% !important; left: 0 !important; }
	.checkmark.answer_1{ min-width: 38px; height: 7px; top: -16px; background-size: 38px 7px; height: 35px; }
	.checkmark.answer_2{ min-width: 43px; height: 18px; top: -27px; background-size: 43px 18px; height: 35px; }
	.checkmark.answer_3{ min-width: 51px; height: 24px; top: -31px; background-size: 51px 24px; height: 35px; }
	.checkmark.answer_4{ min-width: 60px; height: 30px; top: -37px; background-size: 60px 30px; height: 35px; }
	.checkmark.answer_5{ min-width: 64px; height: 35px; top: -42px; background-size: 64px 35px; height: 35px; }
	.custom_radio:hover input ~ .checkmark.answer_1, .custom_radio input:checked ~ .checkmark.answer_1 { background: url('../img/answer_1-selected.png') no-repeat center; background-size: 38px 7px; }
	.custom_radio:hover input ~ .checkmark.answer_2, .custom_radio input:checked ~ .checkmark.answer_2 { background: url('../img/answer_2-selected.png') no-repeat center; background-size: 43px 18px; background-position-y: 9px; }
	.custom_radio:hover input ~ .checkmark.answer_3,.custom_radio input:checked ~ .checkmark.answer_3  { background: url('../img/answer_3-selected.png') no-repeat center; background-size: 51px 24px; }
	.custom_radio:hover input ~ .checkmark.answer_4,.custom_radio input:checked ~ .checkmark.answer_4  { background: url('../img/answer_4-selected.png') no-repeat center; background-size: 60px 30px; background-position-y: 4px; }
	.custom_radio:hover input ~ .checkmark.answer_5,.custom_radio input:checked ~ .checkmark.answer_5 { background: url('../img/answer_5-selected.png') no-repeat center; background-size: 64px 35px; }

	.estimate_details { text-align: center; min-height: 100px; }
	.question_block .estimate_details { text-align: right; min-height: 100px; }
	.estimate_details .button.black{ width: 250px; font-size: 16px; display: inline-block; top: 0px; left: 30px; }
	.estimate_details img{ top: -25px; left: 100px; display: block; margin: 0 auto; }
	.question_block .estimate_details img{ left: -35px; margin: 0; float: right; top: 5px; }
	.estimate_details_less{ text-align: center; margin-top: 10px; margin-bottom: 0px;}
	.estimate_details_button.gray{ width: 240px; font-size: 16px; display: inline-block; background-position: 230px; }

	.estimate_details_less .custom_radio{ left: 0; }
	.checkmark.answer_small_1{ background-size: 38px 7px !important; }
	.estimate_details_less .checkmark{ background-size: 43px 18px; }
	.estimate_details_less .custom_radio:hover input ~ .checkmark, .estimate_details_less .custom_radio input:checked ~ .checkmark { background-size: 43px 18px;  }

	.button.blue.next_question{ left: 0; margin: 0 auto; margin-bottom: 20px; font-size: 16px; -webkit-appearance: none; }
	.button.blue.next_question.finish{ left: 0; width: 250px; font-size: 16px; }

	.back_button_div{ text-align: center; margin-top: 100px;}
	.back_button_div .button{ display: inline-block; float: unset; width: 175px; background-position: 15px 13px; padding-left: 10px; }

	.results_filters .filter_select .select_title{ text-align: right;  font-size: 24px; background-position: right 17px; }
	.results_filters .filter_select .select_title:hover, .results_filters .filter_select .select_title.active{  font-weight: bold; background-position: right 17px; }
	.results_filters .filter_select ul{ display: none; position: absolute; top: 0; margin: 0 auto; background-color: #2c61df; width: 100%; height: 100%; left: 0; text-align: center; padding-top: 80px; }
	.results_filters .filter_select ul li{ color: #f0f0f0; letter-spacing: 3px; font-family: 'Kanit', sans-serif; font-weight: 300; }
	.results_filters .filter_select ul li.active, .results_filters .filter_select ul li:hover{ font-weight: bold; color: #fff;}
	.filter_selection_close{ display: none; position: absolute; top: 15px; right: 15px; background: url('../img/icon_close.png'); width: 25px; height: 25px; z-index: 1; background-size: 25px; }
	.filter_selection_close.active{ display: block; }

	.error_page_content .error_image{ width: 100%; max-width: 460px; top: 20px;}
	.error_page_content .title_div{ top: 0px; }
	.error_page_content .title_div .title{ font-size: 58px; }
	.error_page_content .description_div { min-height: 220px; }
	.error_page_content .description_div h4{ position: absolute; top: 45px; left: unset; right: 0; font-size: 35px; }
	.error_page_content .description_div .error_message{ position: absolute; text-align: center; top: 85px; font-size: 20px; }
	.error_page_content .description_div .button{ position: absolute; top: 140px; display: inline-block; left: 0;  right: 0; top: 238px; font-size: 25px; }
	.loader_content{ min-height: 450px; }
	.loader_content .loader_div img{ margin-top: 115px; }


	.quiz_start{ height: 1110px; }
	.quiz_start .brain_chart_logo{ position: relative; z-index: 0; }
	.quiz_content{ top: 150px; width: 100%; }
	.quiz_content .quiz_start_text{ width: 220px; font-size: 15px; }
	.start_quiz_form { text-align: center; }
	.quiz_content .start_quiz_form input[type="text"]{ width: 100%; }
	.quiz_content .start_quiz_form .checkbox_div{ margin-left: 0; width: 100%; min-height: 33px; z-index: 19; position: relative; }
	.quiz_content .start_quiz_form .checkbox-label{ font-size: 12px; line-height: 14px; }
	.checkmark{ top: -2px; }
	.start_quiz_form .results_filters{ text-align: right; }
	.start_quiz_form .results_filters.position_select{ z-index: 20; position: relative; }
	.start_quiz_form .results_filters .filter_select .select_title{ float: right; background: url('../img/result_filter_arrow.png'); background-repeat: no-repeat; background-position: right; background-size: 15px 8px;}
	#start_quiz_button{ bottom: -90px; }
	.results_filters .filter_select ul{ position: fixed; background-color: #f0f0f0; z-index: 999;}
	.results_filters .filter_select ul li{ color: #000;}
	.results_filters .filter_select ul li.active, .start_quiz_form .results_filters .filter_select ul li:hover{ color: #2c61df; }
	.filter_selection_close.active{ background: url('../img/menu_close_black.png'); background-size: auto; position: fixed; z-index: 9999; width: 25px; height: 25px; background-size: 25px; }
	.quiz_content .results_filters .active_select_multiple{ z-index: 0; position: unset; }


	.start_quiz_form .form_div .error_div{ left: -14px; width: 352px; }
	.start_quiz_form .error_border{ top: -15px; }
	.start_quiz_form .error_text{ font-size: 12px; }

	.start_quiz_form .filter_select .error_div{ width: 100%; z-index: -1; left: unset; right: -10px; top: -11px; }
	.start_quiz_form .filter_select .error_border{ background-position: 0px 2px; background-size: 100% 66px; }
	.start_quiz_form .filter_select .error_text{ top: 52px; }
	/* .start_quiz_form .results_filters .filter_select{ margin-bottom: 45px; } */
	.start_quiz_form .results_filters:last-child{ top: 20px }
	.results_filters.detail_results{ min-height: 400px; }
	.fb_share{ background-position: 40px 6px; }
	.results_filters .select_title{ width: 100%; }
	
	#question-top, .question_block{ overflow: hidden; }
	
	.recomendation .bullet.bullet_11{ background-size: 62px auto; }
	.recomendation .bullet.bullet_12{ background-size: 62px auto; }
	.recomendation .bullet.bullet_13{ background-size: 62px auto; }
	.recomendation .bullet.bullet_21{ background-size: 62px auto; }
	.recomendation .bullet.bullet_22{ background-size: 62px auto; }
	.recomendation .bullet.bullet_23{ background-size: 62px auto; }
	.recomendation .bullet.bullet_31{ background-size: 62px auto; }
	.recomendation .bullet.bullet_32{ background-size: 62px auto; }
	.recomendation .bullet.bullet_33{ background-size: 62px auto; }
	.recomendation .bullet.bullet_41{ background-size: 62px auto; }
	.recomendation .bullet.bullet_42{ background-size: 62px auto; }
	.recomendation .bullet.bullet_43{ background-size: 62px auto; }
	.recomendation .bullet.bullet_51{ background-size: 62px auto; }
	.recomendation .bullet.bullet_52{ background-size: 62px auto; }
	.recomendation .bullet.bullet_53{ background-size: 62px auto; }
	
	.start_quiz_form .checkbox_field{ left: -14px; }
	.start_quiz_form .checkbox_field .error_border{ top: -9px; }
	.start_quiz_form .checkbox_field .error_exclamation{ top: -42px; }
	.start_quiz_form .checkbox_field .error_gray_background { top: -9px; }
	.start_quiz_form .checkbox_field .error_text { top: 32px; }
	.start_quiz_form .select_field .error_border{ top: 8px; }
	.start_quiz_form .select_field .error_exclamation{ top: -27px; }
	.start_quiz_form .select_field .error_gray_background{ top: 5px; }
	.start_quiz_form .privacy_checkbox{ margin-bottom: 11px; }
	
	.start_quiz_form .results_filters:last-child{ z-index: 20; }
	
	
	.recomendation_div .recomendation_check{ float: unset; display: block; width: 100%; }
	.recomendation_div .recomendation_check .checkbox-label{ padding-top: 0px; top: 0px; padding-left: 35px; }
	.recomendation_div .recomendation_check .checkmark{ margin-left: 0; }
	
	.partners_div .partners { width: 100%; }
	.partners_div .partners li:nth-child(odd){ text-align: right; margin-right: 15px;}
	.partners_div .partners li:nth-child(even){ text-align: left; }
}

@media only screen and (min-width: 520px) and (max-width: 767px) {
	.brain_chart { width: 490px; height: 370px; background-size: 490px 370px; background-repeat: no-repeat; }
	.brain-shape.shape-1{ width: 172px; height: 129px; top: 130px; left: 1px; }
	.brain-shape.shape-2{ width: 157px; height: 160px; top: 51px; left: 36px; }
	.brain-shape.shape-3{ width: 138px; height: 163px; top: 2px; left: 109px; }
	.brain-shape.shape-4{ width: 102px; height: 148px; top: 1px; left: 225px; }
	.brain-shape.shape-5{ width: 116px; height: 139px; top: 9px; left: 319px; }
	.brain-shape.shape-6{ width: 77px; height: 132px; top: 99px; left: 409px; }
	.brain-shape.shape-7{ width: 152px; height: 140px; top: 140px; left: 254px; }
	.brain-shape.shape-8{ width: 149px; height: 147px; top: 160px; left: 147px; }
	.brain-shape.shape-9{ width: 148px; height: 135px; top: 235px; left: 285px; }
	.shape-title{ font-size: 14px; }
	.shape-1-title{ top: 137px; left: -26px; }
	.shape-2-title{ top: 56px; left: 11px; }
	.shape-3-title{ left: 161px; }
	.shape-4-title{ left: 251px; }
	.shape-5-title{ left: 375px; top: 21px; }
	.shape-6-title{ left: 429px; top: 107px; }
	.shape-7-title{ left: 270px; top: 143px; }
	.shape-8-title{ left: 147px; top: 284px; }
	.shape-9-title{ left: 376px; top: 280px; }
	.company_points{ font-size: 25px; }
	.brain-shape.percent-1 .company_points{ top: calc(99% - 30px); }
	.brain-shape.percent-2 .company_points{ top: calc(98% - 30px); }
	.brain-shape.percent-3 .company_points{ top: calc(97% - 30px); }
	.brain-shape.percent-4 .company_points{ top: calc(96% - 30px); }
	.brain-shape.percent-5 .company_points{ top: calc(95% - 30px); }
	.brain-shape.percent-6 .company_points{ top: calc(94% - 30px); }
	.brain-shape.percent-7 .company_points{ top: calc(93% - 30px); }
	.brain-shape.percent-8 .company_points{ top: calc(92% - 30px); }
	.brain-shape.percent-9 .company_points{ top: calc(91% - 30px); }
	.brain-shape.percent-10 .company_points{ top: calc(90% - 30px); }
	.brain-shape.percent-11 .company_points{ top: calc(81% - 30px); }
	.brain-shape.percent-12 .company_points{ top: calc(81% - 30px); }
	.brain-shape.percent-13 .company_points{ top: calc(81% - 30px); }
	.brain-shape.percent-14 .company_points{ top: calc(81% - 30px); }
	.brain-shape.percent-15 .company_points{ top: calc(81% - 30px); }
	.brain-shape.percent-16 .company_points{ top: calc(81% - 30px); }
	.brain-shape.percent-17 .company_points{ top: calc(81% - 30px); }
	.brain-shape.percent-18 .company_points{ top: calc(81% - 30px); }
	.brain-shape.percent-19 .company_points{ top: calc(81% - 30px); }
	.brain-shape.percent-20 .company_points{ top: calc(80% - 30px); }
	.brain-shape.percent-21 .company_points{ top: calc(79% - 30px); }
	.brain-shape.percent-22 .company_points{ top: calc(78% - 30px); }
	.brain-shape.percent-23 .company_points{ top: calc(77% - 30px); }
	.brain-shape.percent-24 .company_points{ top: calc(76% - 30px); }
	.brain-shape.percent-25 .company_points{ top: calc(75% - 30px); }
	.brain-shape.percent-26 .company_points{ top: calc(74% - 30px); }
	.brain-shape.percent-27 .company_points{ top: calc(73% - 30px); }
	.brain-shape.percent-28 .company_points{ top: calc(72% - 30px); }
	.brain-shape.percent-29 .company_points{ top: calc(71% - 30px); }
	.brain-shape.percent-30 .company_points{ top: calc(70% - 30px); }
	.brain-shape.percent-31 .company_points{ top: calc(69% - 30px); }
	.brain-shape.percent-32 .company_points{ top: calc(68% - 30px); }
	.brain-shape.percent-33 .company_points{ top: calc(67% - 30px); }
	.brain-shape.percent-34 .company_points{ top: calc(66% - 30px); }
	.brain-shape.percent-35 .company_points{ top: calc(65% - 30px); }
	.brain-shape.percent-36 .company_points{ top: calc(64% - 30px); }
	.brain-shape.percent-37 .company_points{ top: calc(63% - 30px); }
	.brain-shape.percent-38 .company_points{ top: calc(62% - 30px); }
	.brain-shape.percent-39 .company_points{ top: calc(61% - 30px); }
	.brain-shape.percent-40 .company_points{ top: calc(60% - 30px); }
	.brain-shape.percent-41 .company_points{ top: calc(59% - 30px); }
	.brain-shape.percent-42 .company_points{ top: calc(58% - 30px); }
	.brain-shape.percent-43 .company_points{ top: calc(57% - 30px); }
	.brain-shape.percent-44 .company_points{ top: calc(56% - 30px); }
	.brain-shape.percent-45 .company_points{ top: calc(55% - 30px); }
	.brain-shape.percent-46 .company_points{ top: calc(54% - 30px); }
	.brain-shape.percent-47 .company_points{ top: calc(53% - 30px); }
	.brain-shape.percent-48 .company_points{ top: calc(52% - 30px); }
	.brain-shape.percent-49 .company_points{ top: calc(51% - 30px); }
	.brain-shape.percent-50 .company_points{ top: calc(50% - 30px); }
	.brain-shape.percent-51 .company_points{ top: calc(49% - 30px); }
	.brain-shape.percent-52 .company_points{ top: calc(48% - 30px); }
	.brain-shape.percent-53 .company_points{ top: calc(47% - 30px); }
	.brain-shape.percent-54 .company_points{ top: calc(46% - 30px); }
	.brain-shape.percent-55 .company_points{ top: calc(45% - 30px); }
	.brain-shape.percent-56 .company_points{ top: calc(44% - 30px); }
	.brain-shape.percent-57 .company_points{ top: calc(43% - 30px); }
	.brain-shape.percent-58 .company_points{ top: calc(42% - 30px); }
	.brain-shape.percent-59 .company_points{ top: calc(41% - 30px); }
	.brain-shape.percent-60 .company_points{ top: calc(40% - 30px); }
	.brain-shape.percent-61 .company_points{ top: calc(39% - 30px); }
	.brain-shape.percent-62 .company_points{ top: calc(38% - 30px); }
	.brain-shape.percent-63 .company_points{ top: calc(37% - 30px); }
	.brain-shape.percent-64 .company_points{ top: calc(36% - 30px); }
	.brain-shape.percent-65 .company_points{ top: calc(35% - 30px); }
	.brain-shape.percent-66 .company_points{ top: calc(34% - 30px); }
	.brain-shape.percent-67 .company_points{ top: calc(33% - 30px); }
	.brain-shape.percent-68 .company_points{ top: calc(32% - 30px); }
	.brain-shape.percent-69 .company_points{ top: calc(31% - 30px); }
	.brain-shape.percent-70 .company_points{ top: calc(30% - 30px); }
	.brain-shape.percent-71 .company_points{ top: calc(29% - 30px); }
	.brain-shape.percent-72 .company_points{ top: calc(28% - 30px); }
	.brain-shape.percent-73 .company_points{ top: calc(27% - 30px); }
	.brain-shape.percent-74 .company_points{ top: calc(26% - 30px); }
	.brain-shape.percent-75 .company_points{ top: calc(25% - 30px); }
	.brain-shape.percent-76 .company_points{ top: calc(24% - 30px); }
	.brain-shape.percent-77 .company_points{ top: calc(23% - 30px); }
	.brain-shape.percent-78 .company_points{ top: calc(22% - 30px); }
	.brain-shape.percent-79 .company_points{ top: calc(21% - 30px); }
	.brain-shape.percent-80 .company_points{ top: calc(20% - 30px); }
	.brain-shape.percent-81 .company_points{ top: calc(19% - 30px); }
	.brain-shape.percent-82 .company_points{ top: calc(18% - 30px); }
	.brain-shape.percent-83 .company_points{ top: calc(17% - 30px); }
	.brain-shape.percent-84 .company_points{ top: calc(16% - 30px); }
	.brain-shape.percent-85 .company_points{ top: calc(15% - 30px); }
	.brain-shape.percent-86 .company_points{ top: calc(14% - 30px); }
	.brain-shape.percent-87 .company_points{ top: calc(13% - 30px); }
	.brain-shape.percent-88 .company_points{ top: calc(12% - 30px); }
	.brain-shape.percent-89 .company_points{ top: calc(11% - 30px); }
	.brain-shape.percent-90 .company_points{ top: calc(10% - 30px); }
	.brain-shape.percent-91 .company_points{ top: calc(9% - 30px); }
	.brain-shape.percent-92 .company_points{ top: calc(8% - 30px); }
	.brain-shape.percent-93 .company_points{ top: calc(7% - 30px); }
	.brain-shape.percent-94 .company_points{ top: calc(6% - 30px); }
	.brain-shape.percent-95 .company_points{ top: calc(5% - 30px); }
	.brain-shape.percent-96 .company_points{ top: calc(4% - 30px); }
	.brain-shape.percent-97 .company_points{ top: calc(3% - 30px); }
	.brain-shape.percent-98 .company_points{ top: calc(2% - 30px); }
	.brain-shape.percent-99 .company_points{ top: calc(1% - 30px); }
	.brain-shape.percent-100 .company_points{ top: calc(0% - 30px); }
	.brain_chart_title { left: 50px; width: 200px; margin-top: 67px; }
	.brain_chart_title h3 { font-size: 34px; }
	.back_button_div{ margin-top: 0; position: absolute; top: 820px; width: 100%; }
	.share_button_div{ margin-top: 0; position: absolute; top: 880px; width: 100%; }
	.button.back{ width: 240px; padding-left: 0; }
	.brain_chart_legend { left: 0; }
	.brain_chart_legend .label_value{ font-size: 12px; line-height: 12px; }
	.brain_chart_legend .label_type{ width: 85px; }
	.results_filters{ width: 490px; margin: 0 auto; }
	.results_filters .filter_select{ margin-right: 0px; width: 100%; margin-bottom: 20px; position: relative; z-index: 20; }
	.fb_share{ margin: 0 auto; float: unset; width: 240px; }
	.result_chart{ width: 500px; height: 280px; background-size: 500px 280px; }
	.result_chart .results{ width: calc(100% - 75px); top: 17px; left: 67px; height: 243px; }
	.league_value{ height: 53px; }
	.league_value .right{ height: 48px; }
	.league_value.sport_class{ top: 12px; }
	.league_value.people_class{ top: 24px; }
	.league_value.benchwarmers{ top: 32px; }
	.league_value .percent_text{ font-size: 18px; top: 6px; left: 8px; }
	.league_value .league_text{ font-size: 11px; line-height: 11px; bottom: 6px; left: 8px; }

	.league_value.percent-2 .percent_text, .league_value.percent-2 .league_text{ left: 16px; }
	.league_value.percent-3 .percent_text, .league_value.percent-3 .league_text{ left: 18px; }
	.league_value.percent-4 .percent_text, .league_value.percent-4 .league_text{ left: 22px; }
	.league_value.percent-5 .percent_text, .league_value.percent-5 .league_text{ left: 26px; }
	.league_value.percent-6 .percent_text, .league_value.percent-6 .league_text{ left: 32px; }
	.league_value.percent-7 .percent_text, .league_value.percent-7 .league_text{ left: 38px; }
	.league_value.percent-8 .percent_text, .league_value.percent-8 .league_text{ left: 40px; }
	.league_value.percent-9 .percent_text, .league_value.percent-9 .league_text{ left: 43px; }
	.league_value.percent-10 .percent_text, .league_value.percent-10 .league_text{ left: 49px; }
	.league_value.percent-11 .percent_text, .league_value.percent-11 .league_text{ left: 53px; }
	.league_value.percent-12 .percent_text, .league_value.percent-12 .league_text{ left: 58px; }
	.league_value.percent-13 .percent_text, .league_value.percent-13 .league_text{ left: 64px; }

	.home_div { width: 100%; max-width: 490px; margin: 0 auto; margin-top: 30px; height: 500px; }
	.quiz_start{ height: 1110px; }
	.home_div .brain_chart_logo{ width: 380px; }
	.home_div .home_text{ bottom: 55px; left: 0; }
	.home_div .home_text .text_1, .home_div .home_text .text_2{ font-size: 37px; }
	.home_div .home_text .text_1{ width: 340px; transform: rotate(-6deg); margin-left: 10px;}
	.home_div .home_text .text_2{ width: 180px; position: relative; top: -35px; left: 250px; transform: rotate(6deg); }
	.home_div .button{ bottom: -80px; left: 120px; width: 250px; }
	.home_div .arrow{ bottom: 15px; left: 320px; width: 110px; }

	.question_title .number{ font-size: 60px; }
	.question_title .text_1, .question_title .text_2{ font-size: 30px; }
	.question_div .question{ font-size: 18px; }
	.question_div .answer{ width: calc(100% - 60px); margin: 30px 30px 10px; }
	.custom_radio{ font-size: 10px; }
	.estimate_details_less{ text-align: left; }
	.estimate_details{ text-align: left; }
	.estimate_details img{ margin: 0; left: 185px;}
	/* .button.blue.next_question{ margin-left: calc(100% - 197px); } */
	/* .button.blue.next_question.finish{ margin-left: calc(100% - 247px); } */

	.quiz_content{ top: 230px; }
	.quiz_content .quiz_start_text{ width: 290px; line-height: 24px; }

	.start_quiz_form .form_div .error_div{ width: calc(100% + 26px); }
	.start_quiz_form .error_border{ top: -18px; background-size: 100% 100%; height: 76px; }
	.start_quiz_form .filter_select .error_border{ background-position: 0px 5px; }
	.start_quiz_form .results_filters .filter_select .select_title{ background-position: right 18px; position: relative; z-index: 20; }
	

	
	div.fpage #fpage-title-1{ top: 32vh !important; font-size: 27px !important; }
	div.fpage #fpage-title-2{ top: 36vh !important; font-size: 27px !important; }
	div.fpage a.btn-blue{ top: 57vh !important; min-width: 265px; font-size: 26px !Important; }
	div.fpage a.btn-blue.btn-top{ top: 49vh !important; }
	div.fpage #fpage-img-2{ top: 59vh !important; left: 60vw !important; }
}

@media only screen and (min-width: 320px) and (max-width: 519px) {
	.brain_chart { width: 300px; height: 227px; background-size: 300px 227px; background-repeat: no-repeat; }
	.brain-shape.shape-1{ width: 108px; height: 80px; top: 79px; left: -1px; }
	.brain-shape.shape-2{ width: 97px; height: 97px; top: 32px; left: 21px; }
	.brain-shape.shape-3{ width: 83px; height: 97px; top: 2px; left: 67px; }
	.brain-shape.shape-4{ width: 61px; height: 93px; top: -1px; left: 138px; }
	.brain-shape.shape-5{ width: 71px; height: 85px; top: 5px; left: 196px; }
	.brain-shape.shape-6{ width: 48px; height: 77px; top: 63px; left: 251px; }
	.brain-shape.shape-7{ width: 94px; height: 89px; top: 86px; left: 155px; }
	.brain-shape.shape-8{ width: 87px; height: 90px; top: 100px; left: 92px; }
	.brain-shape.shape-9{ width: 88px; height: 80px; top: 146px; left: 175px; }
	.shape-title{ font-size: 10px; }
	.shape-1-title{ top: 84px; left: -25px; }
	.shape-2-title{ top: 27px; left: 2px; }
	.shape-3-title{ left: 90px; }
	.shape-4-title{ left: 150px; }
	.shape-5-title{ left: 229px; top: 8px; }
	.shape-6-title{ left: 264px; top: 81px; }
	.shape-7-title{ left: 154px; top: 82px; }
	.shape-8-title{ left: 84px; top: 170px; }
	.shape-9-title{ left: 230px; top: 165px; }
	.company_points{ font-size: 16px; }
	.brain-shape.percent-1 .company_points{ top: calc(99% - 20px); }
	.brain-shape.percent-2 .company_points{ top: calc(98% - 20px); }
	.brain-shape.percent-3 .company_points{ top: calc(97% - 20px); }
	.brain-shape.percent-4 .company_points{ top: calc(96% - 20px); }
	.brain-shape.percent-5 .company_points{ top: calc(95% - 20px); }
	.brain-shape.percent-6 .company_points{ top: calc(94% - 20px); }
	.brain-shape.percent-7 .company_points{ top: calc(93% - 20px); }
	.brain-shape.percent-8 .company_points{ top: calc(92% - 20px); }
	.brain-shape.percent-9 .company_points{ top: calc(91% - 20px); }
	.brain-shape.percent-10 .company_points{ top: calc(90% - 20px); }
	.brain-shape.percent-11 .company_points{ top: calc(81% - 20px); }
	.brain-shape.percent-12 .company_points{ top: calc(81% - 20px); }
	.brain-shape.percent-13 .company_points{ top: calc(81% - 20px); }
	.brain-shape.percent-14 .company_points{ top: calc(81% - 20px); }
	.brain-shape.percent-15 .company_points{ top: calc(81% - 20px); }
	.brain-shape.percent-16 .company_points{ top: calc(81% - 20px); }
	.brain-shape.percent-17 .company_points{ top: calc(81% - 20px); }
	.brain-shape.percent-18 .company_points{ top: calc(81% - 20px); }
	.brain-shape.percent-19 .company_points{ top: calc(81% - 20px); }
	.brain-shape.percent-20 .company_points{ top: calc(80% - 20px); }
	.brain-shape.percent-21 .company_points{ top: calc(79% - 20px); }
	.brain-shape.percent-22 .company_points{ top: calc(78% - 20px); }
	.brain-shape.percent-23 .company_points{ top: calc(77% - 20px); }
	.brain-shape.percent-24 .company_points{ top: calc(76% - 20px); }
	.brain-shape.percent-25 .company_points{ top: calc(75% - 20px); }
	.brain-shape.percent-26 .company_points{ top: calc(74% - 20px); }
	.brain-shape.percent-27 .company_points{ top: calc(73% - 20px); }
	.brain-shape.percent-28 .company_points{ top: calc(72% - 20px); }
	.brain-shape.percent-29 .company_points{ top: calc(71% - 20px); }
	.brain-shape.percent-30 .company_points{ top: calc(70% - 20px); }
	.brain-shape.percent-31 .company_points{ top: calc(69% - 20px); }
	.brain-shape.percent-32 .company_points{ top: calc(68% - 20px); }
	.brain-shape.percent-33 .company_points{ top: calc(67% - 20px); }
	.brain-shape.percent-34 .company_points{ top: calc(66% - 20px); }
	.brain-shape.percent-35 .company_points{ top: calc(65% - 20px); }
	.brain-shape.percent-36 .company_points{ top: calc(64% - 20px); }
	.brain-shape.percent-37 .company_points{ top: calc(63% - 20px); }
	.brain-shape.percent-38 .company_points{ top: calc(62% - 20px); }
	.brain-shape.percent-39 .company_points{ top: calc(61% - 20px); }
	.brain-shape.percent-40 .company_points{ top: calc(60% - 20px); }
	.brain-shape.percent-41 .company_points{ top: calc(59% - 20px); }
	.brain-shape.percent-42 .company_points{ top: calc(58% - 20px); }
	.brain-shape.percent-43 .company_points{ top: calc(57% - 20px); }
	.brain-shape.percent-44 .company_points{ top: calc(56% - 20px); }
	.brain-shape.percent-45 .company_points{ top: calc(55% - 20px); }
	.brain-shape.percent-46 .company_points{ top: calc(54% - 20px); }
	.brain-shape.percent-47 .company_points{ top: calc(53% - 20px); }
	.brain-shape.percent-48 .company_points{ top: calc(52% - 20px); }
	.brain-shape.percent-49 .company_points{ top: calc(51% - 20px); }
	.brain-shape.percent-50 .company_points{ top: calc(50% - 20px); }
	.brain-shape.percent-51 .company_points{ top: calc(49% - 20px); }
	.brain-shape.percent-52 .company_points{ top: calc(48% - 20px); }
	.brain-shape.percent-53 .company_points{ top: calc(47% - 20px); }
	.brain-shape.percent-54 .company_points{ top: calc(46% - 20px); }
	.brain-shape.percent-55 .company_points{ top: calc(45% - 20px); }
	.brain-shape.percent-56 .company_points{ top: calc(44% - 20px); }
	.brain-shape.percent-57 .company_points{ top: calc(43% - 20px); }
	.brain-shape.percent-58 .company_points{ top: calc(42% - 20px); }
	.brain-shape.percent-59 .company_points{ top: calc(41% - 20px); }
	.brain-shape.percent-60 .company_points{ top: calc(40% - 20px); }
	.brain-shape.percent-61 .company_points{ top: calc(39% - 20px); }
	.brain-shape.percent-62 .company_points{ top: calc(38% - 20px); }
	.brain-shape.percent-63 .company_points{ top: calc(37% - 20px); }
	.brain-shape.percent-64 .company_points{ top: calc(36% - 20px); }
	.brain-shape.percent-65 .company_points{ top: calc(35% - 20px); }
	.brain-shape.percent-66 .company_points{ top: calc(34% - 20px); }
	.brain-shape.percent-67 .company_points{ top: calc(33% - 20px); }
	.brain-shape.percent-68 .company_points{ top: calc(32% - 20px); }
	.brain-shape.percent-69 .company_points{ top: calc(31% - 20px); }
	.brain-shape.percent-70 .company_points{ top: calc(30% - 20px); }
	.brain-shape.percent-71 .company_points{ top: calc(29% - 20px); }
	.brain-shape.percent-72 .company_points{ top: calc(28% - 20px); }
	.brain-shape.percent-73 .company_points{ top: calc(27% - 20px); }
	.brain-shape.percent-74 .company_points{ top: calc(26% - 20px); }
	.brain-shape.percent-75 .company_points{ top: calc(25% - 20px); }
	.brain-shape.percent-76 .company_points{ top: calc(24% - 20px); }
	.brain-shape.percent-77 .company_points{ top: calc(23% - 20px); }
	.brain-shape.percent-78 .company_points{ top: calc(22% - 20px); }
	.brain-shape.percent-79 .company_points{ top: calc(21% - 20px); }
	.brain-shape.percent-80 .company_points{ top: calc(20% - 20px); }
	.brain-shape.percent-81 .company_points{ top: calc(19% - 20px); }
	.brain-shape.percent-82 .company_points{ top: calc(18% - 20px); }
	.brain-shape.percent-83 .company_points{ top: calc(17% - 20px); }
	.brain-shape.percent-84 .company_points{ top: calc(16% - 20px); }
	.brain-shape.percent-85 .company_points{ top: calc(15% - 20px); }
	.brain-shape.percent-86 .company_points{ top: calc(14% - 20px); }
	.brain-shape.percent-87 .company_points{ top: calc(13% - 20px); }
	.brain-shape.percent-88 .company_points{ top: calc(12% - 20px); }
	.brain-shape.percent-89 .company_points{ top: calc(11% - 20px); }
	.brain-shape.percent-90 .company_points{ top: calc(10% - 20px); }
	.brain-shape.percent-91 .company_points{ top: calc(9% - 20px); }
	.brain-shape.percent-92 .company_points{ top: calc(8% - 20px); }
	.brain-shape.percent-93 .company_points{ top: calc(7% - 20px); }
	.brain-shape.percent-94 .company_points{ top: calc(6% - 20px); }
	.brain-shape.percent-95 .company_points{ top: calc(5% - 20px); }
	.brain-shape.percent-96 .company_points{ top: calc(4% - 20px); }
	.brain-shape.percent-97 .company_points{ top: calc(3% - 20px); }
	.brain-shape.percent-98 .company_points{ top: calc(2% - 20px); }
	.brain-shape.percent-99 .company_points{ top: calc(1% - 20px); }
	.brain-shape.percent-100 .company_points{ top: calc(0% - 20px); }
	.brain_chart_title{ left: 45px; width: 180px; top: -29px; margin-top: 30px; }
	.brain_chart_title h3 { font-size: 28px; width: 100px; }
	.button.back{ width: 135px; background-position: 11px 13px; font-size: 16px; background-size: 8px auto; }
	.brain_chart_legend { left: 0; }
	.brain_chart_legend .label_value{ font-size: 10px; line-height: 10px; width: calc(100% - 80px);}
	.brain_chart_legend .label_type{ width: 55px; }
	.brain_chart_legend .label_type img{ width: 40px; }
	.results_filters{ width: 300px; margin: 0 auto; }
	.results_filters .filter_select{ margin-right: 0px; width: 100%; margin-bottom: 20px; z-index: 49;}

	.result_chart{ width: 300px; height: 168px; background-size: 300px 168px; }
	.result_chart .results{ width: calc(100% - 46px); top: 12px; left: 40px; height: 145px; }
	.league_value{ height: 32px; }
	.league_value .top{ height: 3px; background-position-x: 320px; }
	.league_value .bottom{ height: 1px; }
	.league_value .right{ width: 2px; height: 27px; top: 4px; }
	.league_value.higher_league{ top: -2px; }
	.league_value.sport_class{ top: 5px; }
	.league_value.people_class{ top: 12px;  }
	.league_value.benchwarmers{ top: 17px; }
	.league_value .percent_text{ font-size: 10px; top: 3px; left: 4px; }
	.league_value .league_text{ font-size: 8px; line-height: 6px; bottom: 3px; left: 4px;}

	.league_value.percent-2 .percent_text, .league_value.percent-2 .league_text{ left: 6px; }
	.league_value.percent-3 .percent_text, .league_value.percent-3 .league_text{ left: 9px; }
	.league_value.percent-4 .percent_text, .league_value.percent-4 .league_text{ left: 12px; }
	.league_value.percent-5 .percent_text, .league_value.percent-5 .league_text{ left: 15px; }
	.league_value.percent-6 .percent_text, .league_value.percent-6 .league_text{ left: 18px; }
	.league_value.percent-7 .percent_text, .league_value.percent-7 .league_text{ left: 21px; }
	.league_value.percent-8 .percent_text, .league_value.percent-8 .league_text{ left: 25px; }
	.league_value.percent-9 .percent_text, .league_value.percent-9 .league_text{ left: 27px; }
	.league_value.percent-10 .percent_text, .league_value.percent-10 .league_text{ left: 29px; }
	.league_value.percent-11 .percent_text, .league_value.percent-11 .league_text{ left: 31px; }
	.league_value.percent-12 .percent_text, .league_value.percent-12 .league_text{ left: 33px; }
	.league_value.percent-13 .percent_text, .league_value.percent-13 .league_text{ left: 35px; }
	.league_value.percent-14 .percent_text, .league_value.percent-14 .league_text{ left: 41px; }
	.league_value.percent-15 .percent_text, .league_value.percent-15 .league_text{ left: 43px; }
	.league_value.percent-16 .percent_text, .league_value.percent-16 .league_text{ left: 45px; }
	.league_value.percent-17 .percent_text, .league_value.percent-17 .league_text{ left: 47px; }
	.league_value.percent-18 .percent_text, .league_value.percent-18 .league_text{ left: 49px; }

	.news_open .open_news_title{ width: 300px; font-size: 28px; }
	.news_open .open_news_text{ font-size: 18px; }
	.home_div { width: 100%; max-width: 320px; margin: 0 auto; margin-top: 30px; height: 420px; }
	.home_div .brain_chart_logo{ width: 250px; }
	.home_div .home_text{ bottom: 140px; left: 0; }
	.home_div .home_text .text_1, .home_div .home_text .text_2{ font-size: 21px; }
	.home_div .home_text .text_1{ width: 250px; transform: rotate(-6deg); margin-left: 10px;}
	.home_div .home_text .text_2{ width: 180px; width: 180px; position: relative; top: -12px; left: 152px; transform: rotate(6deg); }
	.home_div .button{ bottom: 90px; left: 45px; width: 230px; }
	.home_div .arrow{ bottom: 55px; left: 175px; width: 110px; }

	.back_button_div{ position: absolute; margin-top: 0px; top: 670px; width: calc(100% - 30px); }
	.share_button_div{ position: absolute; margin-top: 0px; top: 720px; width: calc(100% - 30px); }
	.back_button_div a{ width: 100% !important; padding-left: 0 !important; background-position: 48px 13px !important; max-width: 240px; }
	.share_button_div a{ width: 100%; background-position: 48px 7px !important; max-width: 240px; float: unset; margin: 0 auto;}
	
	.home_div .button{ bottom: -80px; }
	
	.question_block .estimate_details{ text-align: center; }
	.estimate_details .button.black{ left: 0px; }
	.question_block .estimate_details img{ left: 108px; top: -12px; float: unset; margin: 0 auto; }
	.question_block .button.blue.prev_question, .button.blue.next_question{ margin: 0 auto; display: block; float: unset; margin-bottom: 12px; }
	
	div.fpage { text-align: center; }
	div.fpage #fpage-title-1{ top: 26vh !important; font-size: 22px !important; text-align: left; }
	div.fpage #fpage-title-2{ top: 31vh !important; font-size: 22px !important; width: 280px !important; left: 3vh !important;}
	div.fpage a.btn-blue{ min-width: 180px; top: 44vh !important; left: 0 !important; font-size: 20px !important; display: inline-block; position: relative !important; }
	div.fpage a.btn-blue.btn-top{ top: 42vh !important; left: 0 !important;}
	div.fpage #fpage-img-2{ display: none; top: 45vh !important; left: 53vw !important;}
	
	.quiz_start {  height: 1110px; } 
	.start_quiz_form .filter_select .error_div{ width: calc(100% + 24px); }
	.start_quiz_form .form_div .error_div{ width: calc(100% + 25px); }
	.start_quiz_form .checkbox_field{ width: 74%; }
	.start_quiz_form .results_filters .filter_select .select_title{ max-width: calc(100% - 15px); }
	.quiz_content .start_quiz_form .privacy_checkbox{ z-index: 5; }
	.start_quiz_form .results_filters:last-child{ z-index: 20; }
}


@media only screen and (min-width: 320px) and (max-width: 720px) {
	#question-top .question_progress_bar{ width: calc(100% - 32px); position: absolute; top: 45px; left: 13px;  }
	#question-top .question_block { margin-top: 55px; }
}

@media (max-width: 620px) {
	#cookie p { width:95vw; }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	div.fpage{ min-height: 560px; width: 100%; }
	div.fpage #fpage-title-1 { top: 24vh; font-size: 30px; left: 0px; width: 300px; }
	div.fpage #fpage-title-2 { top: 30vh; font-size: 30px; left: 6vh; width: 350px; }
	div.fpage #fpage-img-1 { display: inline-block; position: absolute; top: 0px; right: 0px; }
	div.fpage #fpage-img-1 img{ width: 65vw; }
	div.fpage #fpage-img-2 { position: absolute; top: 41vh; left: 40vw; }
	div.fpage #fpage-img-2 img{ width: 25vw; }
	div.fpage a.btn-blue { position: absolute; top: 40vh; left: 14vw; font-size: 30px; padding: 10px 40px; width: auto; }

	#content_error p#error_title_1 { transform: rotate(-3deg); position: absolute; top: 250px; font-size: 60px; letter-spacing: 3px; color: #0a0a0a; font-family: "Black Ops One"; font-weight: 400; left: 0px; }
	#content_error p#error_title_2 { transform: rotate(3deg); position: absolute; top: 328px; font-size: 30px; letter-spacing: 3px; color: #0a0a0a; font-family: 'Kani', sans-serif; font-weight: 600; right: 10vw; width: 330px; text-align: center; }
	#content_error p#error_title_3 { position: absolute; top: 420px; font-size: 18px; letter-spacing: 3px; color: #0a0a0a; font-family: 'Kani', sans-serif; font-weight: 400; left: 0px; width: 100%; text-align: center; }
	#content_error span#error_img_block { display: inline-block; position: absolute; top: 0px; width: 100%; text-align: center; }
	#content_error span#error_img_block img{ width: 50vw; }
	#content_error a.btn-blue { font-size: 25px; width: auto; padding: 10px 40px; position: absolute; top: 465px; left: calc(50% - 100px); right:unset;}
	
	div.text_content{ padding-left: 10px; }
	div.text_content h1.title{ left: 0px;  }
}

@media only screen and (min-width: 768px) and (max-width: 1180px) {
	.quiz_start{ height: 1024px; }
	div.fpage{ min-height: 750px; width:100%; }
	div.fpage #fpage-title-1 { top: 365px; font-size: 48px; left: 0px; width: 595px; }
	div.fpage #fpage-title-2 { top: 465px; font-size: 48px; left: 103px; width: 510px; }
	div.fpage #fpage-img-2 { position: absolute; top: 645px; left: 350px;}
	/* div.fpage a.btn-blue { position: absolute; top: 615px; left: 130px; } */
	div.fpage a.btn-blue { position: absolute; left: 130px; top: 650px;}
	div.fpage a.btn-blue.btn-top { position: absolute; left: 130px; top: 590px; }

	#content_error p#error_title_1 { transform: rotate(-3deg); position: absolute; top: 250px; font-size: 60px; letter-spacing: 3px; color: #0a0a0a; font-family: "Black Ops One"; font-weight: 400; left: 0px; }
	#content_error p#error_title_2 { transform: rotate(3deg); position: absolute; top: 328px; font-size: 30px; letter-spacing: 3px; color: #0a0a0a; font-family: 'Kani', sans-serif; font-weight: 600; right: 10vw; width: 330px; text-align: center; }
	#content_error p#error_title_3 { position: absolute; top: 420px; font-size: 18px; letter-spacing: 3px; color: #0a0a0a; font-family: 'Kani', sans-serif; font-weight: 400; left: 0px; width: 100%; text-align: center; }
	#content_error span#error_img_block { display: inline-block; position: absolute; top: 0px; width: 100%; text-align: center; }
	#content_error span#error_img_block img{ width: 30vw; }
	#content_error a.btn-blue { font-size: 25px; width: auto; padding: 10px 40px; position: absolute; top: 465px; left: calc(50% - 100px); right:unset; }
	
	.results_filters.position_select{ margin-bottom: 32px; }
}

@media only screen and (min-width: 1181px) and (max-width: 1280px) {
	div.fpage{ min-height: 600px; width:100%; position: relative; }
	div.fpage #fpage-title-1 { top: 230px; font-size: 55px; left: 0px; width: 700px; }
	div.fpage #fpage-title-2 { top: 315px; font-size: 55px; left: 113px; width: 650px; }
	div.fpage #fpage-img-2 { position: absolute; top: 495px; left: 350px; }
	/* div.fpage a.btn-blue { position: absolute; top: 480px; left: 130px; } */
	div.fpage a.btn-blue { position: absolute; left: 85px; top: 505px;}
	div.fpage a.btn-blue.btn-top { position: absolute; left: 85px; top: 445px; }
}

@media only screen and (min-width: 320px) and (max-width: 380px) {
	div.fpage #fpage-img-2{ left: 67vw !important; }
	#content_error p#error_title_2{ right: -7vw; }
}