/*
font-family: 'open_sansbold';
font-family: 'open_sansbold_italic';
font-family: 'open_sansextrabold';
font-family: 'open_sansextrabold_italic';
font-family: 'open_sansitalic';
font-family: 'open_sanslight';
font-family: 'open_sanslight_italic';
font-family: 'open_sansregular';
font-family: 'open_sanssemibold';
font-family: 'open_sanssemibold_italic';

font-family: 'proxima_nova_rgregular';
font-family: 'proxima_nova_ltsemibold';
font-family: 'proxima_nova_rgbold';
*/

@import "fonts.css";

*, html, body { margin: 0; padding: 0; }
html { margin: 0px; padding: 0px; }

body { background-color: #fff; color: #000; font-family: 'robotoregular'; font-weight: 400; font-size: 14px; letter-spacing: 0px; line-height: 1.2; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga" on; padding: 10px 0 20px 0; }

div.all_lines { max-width: 1250px; margin: 0px auto; }

img { border: 0px; line-height: 0; }
div { position: relative; box-sizing: border-box; }

p { line-height: 1.4; margin-bottom: 15px; margin-top: 15px; }
li { line-height: 1.4; margin-left: 25px; padding-left: 5px; }
strong, b { color: inherit; font-family: 'proxima_nova_ltsemibold'; }
h1 { font-family: 'robotoblack'; margin: 5px 0 10px 0; font-size: 24px; }
h2 { font-family: 'robotobold'; margin: 5px 0 10px 0; font-size: 18px; }

hr { margin: 50px; }
a { color: #475152; }

.no_select { user-select: none; -webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none; }

.upper { text-transform: uppercase !important; }

.invisible { display: none !important; }
.pointer { cursor: pointer; }
.hidden { opacity: 0; }

.absolute { position: absolute; }
.relative { position: relative; }

.left { float: left; }
.right { float: right; }

.clear { clear: both; }

.align_center { text-align: center !important; }
.align_left { text-align: left !important; }
.align_right { text-align: right !important; }

div.h { display: inline-block; height: 100%; vertical-align: middle; }

.white { color: #fff; }
.reg { color: #dd374a; }
.darkgrey { color: rgba(77, 80, 93, 1); }
.green { color: #8faaad; }

.flow { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); }
.flow_fast { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-transform: translateZ(0); }

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


div.simple_string { display: flex; flex-flow: row nowrap; justify-content: left; align-items: center; }
div.logo { width: 170px; display: inline-block; vertical-align: middle; border-right: 1px solid rgba(0,0,0,0.5); padding: 0 20px 0 0; cursor: pointer; }
div.logo img { max-width: 100%; }
div.title { display: inline-block; vertical-align: middle; padding: 0 0 0 30px; }

div.any_text { font-family: 'robotoregular'; font-weight: 400; font-size: 14px; margin: 10px 0 0 0; width: auto; }
div.full_width { width: 100%; }

div.simple_button { display: inline-block; height: 40px; line-height: 38px; padding: 0 20px 0 20px; margin: 0 10px 10px 0; border: 1px solid rgba(0,0,0,0.2); border-radius: 8px; background-color: #fff; cursor: pointer; }
div.simple_button:hover { background-color: rgba(0,0,0,0.2);  }
div.simple_button.selected { background-color: rgba(0,0,0,0.2); }

div.main_tool { margin: 10px 0 0 0; }


div.onetest {  }
div.onetest div.item { margin: 0 0 10px 0; border: 1px solid rgba(0,0,0,0.5); border-radius: 8px; padding: 7px; box-shadow: inset 0px 0px 6px rgba(0,0,0,0.2); }
div.onetest div.item.unanswered { border: 1px solid red; box-shadow: inset 0px 0px 6px rgba(255,0,0,0.2); } 
div.onetest div.item div.q { font-family: 'robotobold'; font-size: 14px; }
div.onetest div.item div.answers { margin: 0 0 0 15px; }
div.onetest div.item div.answers div.one { display: inline-block; margin: 5px 5px 0 0; border: 1px solid rgba(0,0,0,0.5); border-radius: 8px; padding: 5px; cursor: pointer; }
div.onetest div.item div.answers div.one:hover { background-color: lightsteelblue; }
div.onetest div.item div.answers div.one.selected { background-color: lightsteelblue; }
div.onetest div.item div.answers div.one.multiple.selected:hover { background-color: rgba(176, 196, 222, 0.7); }
div.onetest div.item div.answers div.one span { font-size: 14px; }
div.onetest div.item div.answers div.one span label { font-family: 'robotobold'; cursor: pointer; }
div.onetest div.item div.answers input { display: inline-block; margin: 5px 5px 0 0; border: 1px solid rgba(0,0,0,0.5); border-radius: 8px; padding: 5px; }
div.onetest div.result { font-family: 'robotobold'; font-size: 16px; }
div.onetest div.result a { font-size: 12px; text-decoration: none; }
div.onetest div.result a:hover { text-decoration: underline; }


div.ideas { position: fixed; bottom: 10px; right: 10px; z-index: 100; border-radius: 5px; border: 1px solid #ff0000; box-shadow: 0px 0px 12px rgba(255,0,0,0.6); cursor: pointer; background-color: #fff; }
div.ideas div { box-shadow: inset 0px 0px 12px rgba(255,0,0,0.6); padding: 10px 15px 10px 15px; font-size: 12px; color: #000; }
div.ideas div:hover { box-shadow: inset 0px 0px 8px rgba(255,0,0,0.4); }

div.over { position: fixed; z-index: -200; top: 0px; right: 0px; left: 0px; bottom: 0px; background-color: rgba(0,0,0,0.5); opacity: 0; }
div.over.visible { z-index: 200; }
div.over div.close { position: absolute; top: 10px; right: 10px; padding: 10px; background-color: rgba(0,0,0,0.2); box-shadow: 0px 0px 10px rgba(0,0,0,0.4); cursor: pointer; }
div.over div.close img { width: 15px; }
div.over div.form { position: absolute; left: 50%; top: 50%; width: 340px; height: auto; margin-top: -110px; margin-left: -170px; }
div.over div.form textarea { width: 100%; height: 150px; font-size: 13px; outline: none; padding: 7px; box-sizing: border-box; resize: none; box-shadow: 0px 0px 40px rgba(255,255,255,0.4); }
div.over div.form input[type='button'] { width: 100%; height: 30px; line-height: 28px; font-size: 15px; color: #000; text-transform: uppercase; cursor: pointer; }
div.over div.form div.mes { text-align: center; color: #fff; font-size: 18px; margin-top: 10px; opacity: 0; }
div.over div.form div.mes.visible { opacity: 1; }


div.footer { margin: 20px 0 0 0; padding: 10px 0 0 0; text-align: center; font-family: 'robotobold'; font-size: 14px; }

#simple-modal-overlay {
  position: fixed ;
  display: block;
  z-index: 99998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  background-position: center center;
  background-repeat: no-repeat;
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffffff), to(#291a49));
  background: -webkit-radial-gradient(circle, #ffffff, #291a49);
  background: -moz-radial-gradient(circle, #ffffff, #291a49);
  background: -ms-radial-gradient(circle, #ffffff, #291a49);
}
.simple-modal {
  /* Style rewrite */

  width: 600px;
  left: 20px;
  top: 20px;
  /* */

  position: absolute;
  position: fixed;
  margin: 0;
  color: #808080;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  background-color: #FFFFFF;
  border: 1px solid #EAEEFA;
  border: 1px solid rgba(234, 238, 250, 0.6);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  z-index: 99999;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
.simple-modal .simple-modal-header {
  padding: 5px 15px;
  margin: 0;
  border-bottom: 1px solid #EEEEEE;
}
.simple-modal .simple-modal-header h1 {
  margin: 0;
  color: #404040;
  font-size: 18px;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 36px;
}
.simple-modal a.close {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #999;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: normal;
  line-height: 10px;
  text-decoration: none;
}
.simple-modal a.close:hover {
  color: #444;
}
.simple-modal .simple-modal-body {
  padding: 15px;
  /* Extra style */

}
.simple-modal .simple-modal-body div.contents {
  overflow: hidden;
}
.simple-modal .simple-modal-body p {
  font-size: 13px;
  font-weight: normal;
  color: #606060;
  line-height: 18px;
}
.simple-modal .simple-modal-body p img {
  display: block;
  margin: 0 auto 10px auto;
}
.simple-modal .simple-modal-footer {
  display: block;
  background-color: #F5F5F5;
  padding: 14px 15px 15px;
  border-top: 1px solid #EEEEEE;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #FFF;
  -moz-box-shadow: inset 0 1px 0 #FFF;
  box-shadow: inset 0 1px 0 #FFF;
  zoom: 1;
  margin-bottom: 0;
  text-align: center;
}
.simple-modal .simple-modal-footer a.btn {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  background-repeat: no-repeat;
  padding: 5px 14px 6px;
  color: #333;
  font-size: 13px;
  line-height: normal;
  border: 1px solid transparent;
  -webkit-transition: 0.2s linear all;
  -moz-transition: 0.2s linear all;
  transition: 0.2s linear all;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.simple-modal .simple-modal-footer a.btn.primary {
  color: #FFF;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  background-color: #999;
  background-repeat: repeat-x;
  margin-right: 15px;
}
.simple-modal .simple-modal-footer a.btn.primary:hover {
  border: 1px solid #444;
  background-color: #444;
}
.simple-modal .simple-modal-footer a.btn.secondary {
  padding: 5px 2px 6px;
}
.simple-modal .simple-modal-footer a.btn.secondary:hover {
  color: #999;
}
/* Draggable style */
.simple-modal.draggable .simple-modal-header:hover {
  cursor: move;
  background-color: #f8f8f8;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
/* Loading style */
.simple-modal.loading .simple-modal-body {
  min-height: 60px;
  background: transparent url("../images/loader.gif") no-repeat center center;
}
.simple-modal.loading .simple-modal-body div.contents {
  display: none;
}
.simple-modal.loading .close, .simple-modal.loading .simple-modal-header, .simple-modal.loading .simple-modal-footer {
  display: none;
}
/* Hide header */
.simple-modal.hide-header .simple-modal-header {
  display: none;
}
/* Hide header */
.simple-modal.hide-footer .simple-modal-footer {
  display: none;
}