body{
  -webkit-text-size-adjust: none;
}
#page{
  background:#e7f1f7;
  background:#ffffff;
}

#header{
  height:70px;
  background:url(images/survey/header.png) repeat-x left bottom;
  background-size:auto 100%;
}
#header .loterijatev,
#header .somese{
  display:none;
}

#content,
body.submenu #content{
  _background:url(images/survey/kopa.jpg) no-repeat center 130px;
  padding:100px 0 145px 0;
  min-height:0;
}
#content > .center{
  width:100%;
}
#survey{
  position:relative;
}
#survey, #survey input, #survey select, #survey textarea, #survey button{
  font-family: "DM Sans", sans-serif;
}
#survey .page{
  width:1140px;
  _min-height:1050px;
  margin:0 auto;
  padding:0;
  position:relative;
}
/*#survey h1{
  text-indent:-999em;
  width:206px;
  height:130px;
  background:url(images/survey/slogan.png) no-repeat center;
  background-image:url(images/survey/slogan.svg), none;
  background-size:contain;
  margin:10px 0 0 60px;
  position:absolute;
} */
#survey .submenu{
  width:580px;
  margin:0 0 0 570px;
  position:relative;
}
#survey .submenu ul{
  list-style:none;
  margin:0;
  padding:0;
  text-align:center;
  white-space:nowrap;
}
#survey .submenu ul li{
  width:115px;
  height:35px;
  display:inline-block;
  margin:0 13px;
}
#survey .submenu ul li a{
  font-family: "DM Sans", sans-serif;
  font-size:18px;
  line-height:35px;
  text-align:center;
  font-weight:bold;
  color:#002d4c;
  text-decoration:none;
  display:block;
  background:#e1e6ea;
  border-radius:18px;
}
#survey .submenu ul li a:hover{
  transform:translate(0,-2px);
}
#survey .submenu ul li.active a{
  color:#ffffff;
  background:#0175d6;
}
#survey .section{
  position:relative;
  width:560px;
  padding:0 40px 0 580px;
  min-height:580px;
  display:none;
  _background:rgba(255,0,0,.2);
}
#survey .section.opened{
  display:block;
}
#survey .section.width,
#survey .section.form{
  width:100%;
  padding:0;
}
#survey .section.form .start{
  width:440px;
  position:relative;
  left:590px;
  padding:48px 0 125px 0;
  text-align:center;
  display:none;
}
#survey .section.form.start .start{
  display:block;
}
#survey .section.form.off .start{
  display:none;
}
#survey .section.form .start h2{
  font-size:18px;
  line-height:20px;
  color:#3F5B77;
  margin:0;
}
#survey .section.form .start h3{
  font-size:16px;
  line-height:18px;
  color:#3F5B77;
  margin:15px 0 0 0;
}
#survey .section.form .start h4{
  font-size:14px;
  line-height:16px;
  color:#e6440c;
  margin:15px 0 0 0;
}
#survey .section.form .start button{
  font-size:16px;
  line-height:20px;
  font-weight:bold;
  color:#ffffff;
  text-align:center;
  text-transform:uppercase;
  padding:14px 25px;
  display:inline-block;
  border-radius:8px;
  margin-top:100px;
  background:#1D94DD;
  border:0;
  box-shadow: 0px 3px 0px 0px rgba(7,116,170,1);
  cursor:pointer;
}
#survey .section.form .start button:active{
  margin-top:103px;
  box-shadow:none;
}
#survey .section.form.start .progress,
#survey .section.form.start .questions,
#survey .section.form.start .nav{
  display:none;
}
#survey .section.form .progress{
  width:550px;
  height:5px;
  position:absolute;
  right:0;
  margin:20px 4px 0 0;
  background:#e1e6ea;
  border-radius:3px;
}
#survey .section.form .progress span{
  width:5px;
  height:5px;
  position:absolute;
  background:#0175d6;
  border-radius:3px;
}
#survey .section.form .questions{
  width:550px;
  position:relative;
  left:580px;
  padding:40px 0 125px 0;
}
#survey .section.form .questions ul{
  list-style:none;
  margin:0;
  padding:0;
}
#survey .section.form .questions > ul > li{
  display:none;
}
#survey .section.form .questions > ul > li[data-pos="19"]{
  _display:block;
}
#survey .section.form.register .questions{
  padding:23px 0 45px 0;
}
#survey .section.form.register .questions > ul > li{
  _margin-top:-10px;
}
#survey .section.form .questions h4{
  font-family: "DM Sans", sans-serif;
  font-size:17px;
  line-height:21px;
  letter-spacing:-.4px;
  text-align:left;
  color:#0175d6;
  margin:0 -10px 0 0;
  position:relative;
}
#survey .section.form .questions h4 small{
  font-size:15px;
  line-height:19px;
  color:#002d4c;
  font-weight:500;
  letter-spacing:-.2px;
  display:block;
  padding-top:1px;
}
#survey .section.form .questions h4 small.mouse,
#survey .section.form .questions h4 small.touch{
}
#survey .section.form .questions h4 small.touch{
  display:none;
}
#survey .section.form .questions.touch h4 small.mouse{
  display:none;
}
#survey .section.form .questions.touch h4 small.touch{
  display:block;
}
#survey .section.form.register .questions h4{
  text-align:center;
  margin:0 0 18px 0;
}
#survey .section.form.register .questions h4 small{
  font-size:14px;
  line-height:18px;
  padding-top:8px;
}
#survey .section.form .answers{
  margin:12px 0 0 0;
}
#survey .section.form .answers .item{
  padding:0;
  margin:0;
  position:relative;
}
.item.dndclonedragged > i,
#survey .section.form .answers .item > i{
  display:none;
  font-style:normal;
}
#survey .section.form .answers.dnd{
  counter-reset:order;
}
#survey .section.form .answers.dnd .item{
}
#survey .section.form .answers.dnd .item::before{
  counter-increment:order;
  content: counter(order);
}
.item.dndclonedragged > b,
#survey .section.form .answers.dnd .item::before{
  font-size:15px;
  line-height:18px;
  font-weight:700;
  color:#ffffff;
  text-align:center;
  background:#0175d6;
  border-radius:50%;
  position:absolute;
  width:18px;
  height:18px;
  left:0;
  top:50%;
  transform:translate(0,-11px);
}
#survey .section.form .answers .item input[type="radio"]{
  position:absolute;
  visibility:hidden;
}
.item.dndclonedragged label,
#survey .section.form .answers .item label{
  font-size:14px;
  line-height:16px;
  letter-spacing:-.1px;
  color:#002d4c;
  display:block;
  vertical-align:top;
  padding:5px 0 9px 33px;
  position:relative;
}
.item.inline.dndclonedragged label,
#survey .section.form .answers .item.inline label{
  display:inline-block;
}
#survey .section.form .answers.dnd .item label{
  cursor:grab;
}
.item.dndclonedragged{
  width:440px;
  box-sizing:border-box;
}
#survey .section.form .answers .item input[type="radio"] + label{
  _padding-left:65px;
}
#survey .section.form .answers .item label small{
  font-size:10px;
  line-height:14px;
}
#survey .section.form .answers .item input[type="radio"] + label::before{
  content:'';
  width:18px;
  height:18px;
  position:absolute;
  border:1px solid #a4acb2;
  background:#fbfdff;
  left:4px;
  top:3px;
  border-radius:50%;
}
#survey .section.form .answers .item.err input[type="radio"] + label::before{
  border-color:#e2001a;
}
#survey .section.form .answers .item input[type="radio"]:checked + label::after{
  content:'';
  width:12px;
  height:12px;
  position:absolute;
  background:#0175d6;
  left:8px;
  top:7px;
  border-radius:50%;
}
.item.dndclonedragged input[type="text"],
#survey .section.form .answers .item input[type="text"]{
  font-size:14px;
  line-height:25px;
  font-style:italic;
  color:#002d4c;
  border:0;
  background:#e1e6ea;
  border-radius:5px;
  padding:0 15px;
  width:80%;
  display:inline-block;
  vertical-align:top;
  margin-left:10px;
}
#survey .section.form .answers .item input[type="radio"] + label + input[type="text"]{
  display:inline-block;
  vertical-align:top;
  margin-left:10px;
}
#survey .section.form .questions .answers + hr{
  width:100%;
  height:5px;
  background:url(images/survey/hr.png) no-repeat center;
  background-size:contain;
  margin:20px 0 20px 0;
  border:0;
  outline:0;
  padding:0;
}
/*#survey .section.form.register .answers{
  margin:13px 0 26px 0;
}
#survey .section.form.register .answers.narrow{
  margin-bottom:10px;
}
#survey .section.form.register .answers .item{
  margin:0 0 10px 0;
  border-radius:21px;
}
#survey .section.form.register .answers.narrow .item{
  display:inline-block;
  width:194px;
  margin-left:11px;
}
#survey .section.form.register .answers.narrow .item:first-child{
  margin-left:0;
}
#survey .section.form.register .answers .item label{
  font-size:14px;
  line-height:16px;
  padding:13px 20px;
  border-radius:21px;
}
#survey .section.form.register .answers .item input[type="radio"] + label{
  padding-left:45px;
}
#survey .section.form.register .answers .item.err input[type="radio"] + label{
  color:#fff;
  background:#e6440c;
}
#survey .section.form.register .answers .item input[type="radio"] + label::before{
  width:20px;
  height:20px;
  border:1px solid #1d94dd;
  left:10px;
  top:10px;
}
#survey .section.form.register .answers .item input[type="radio"]:checked + label::after{
  width:14px;
  height:14px;
  background:#f8b800;
  left:14px;
  top:14px;
}*/

/*#survey .section.form.register .answers .item.select {
  position: relative;
  display: block;
  width: 400px;
  height: 36px;
  line-height: 36px;
  background: #def3fc;
  overflow: hidden;
  border-radius:18px;
}
#survey .section.form.register .answers .item.select.opened {
  border-radius:0;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
}
#survey .section.form.register .answers .item.select::after {
  font-size:24px;
  color:#3fa9f5;
  content: '\25BC';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 1em;
  background: #def3fc;
  pointer-events: none;
}
#survey .section.form.register .answers .item.select.opened::after {
  content: '\25B2';
  color:#3fa9f5;
}
#survey .section.form.register .answers .item.select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0 !important;
  box-shadow: none;
  border: 0 !important;
  background: #def3fc;
  background-image: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 20px;
  color: #3f5b77;
  cursor: pointer;
}
#survey .section.form.register .answers .item.select select::-ms-expand {
  display: none;
}
*/
#survey .section.form .answers .item.select{
  height:40px;
}
.select_mate {
  position: relative;
  float: left;
  min-width: 300px;
  width:550px;
  min-height:40px;
  color: #002d4c;
  font-weight: 400;
  background-color: #e1e6ea;
  _box-shadow: 1px 2px 10px -2px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
#survey .section.form.register .answers .item.select.err .select_mate .selecionado_opcion{
  color:#fff;
  background:#e6440c;
}
.select_mate::after {
  content:'';
  position: absolute;
  top: 10px;
  right:10px;
  bottom: 0;
  padding: 0;
  pointer-events: none;
  width:20px;
  height:20px;
  background:url(images/survey/select.png) no-repeat center;
  background-size:contain;
}
#survey .section.form.register .answers .item.select.err .select_mate::after{
}
.select_mate[data-selec-open="true"]{
  border-radius:0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow:none;
  z-index:1000;
  position:absolute;
}
.select_mate[data-selec-open="true"]::after{
  transform:rotate(-180deg);
  background-image:url(images/survey/select_on.png);
}
.select_mate .icon_select_mate {
  position: absolute;
  top: 20px;
  right: 2%;
  font-size: 16px;
  height: 22px;
}
.select_mate select {
  position: absolute;
  overflow: hidden;
  width:550px;
  height:40px;
  opacity: 0;
  lleft:-999em;
  pointer-events: none;
}
.touch .select_mate select {
  pointer-events:auto;
}
.select_mate .cont_list_select_mate {
  position: relative;
  float: left;
  width: 100%;
  max-height:220px;
  overflow:auto;
}
.select_mate .cont_select_int {
  position: relative;
  left: 0px;
  top: 0px;
  z-index: 999;
  overflow: hidden;
  height: 0px;
  width: 100%;
  background-color: #e1e6ea;
  padding: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  border-radius: 0px 0px 3px 3px;
  _box-shadow: 1px 4px 10px -2px rgba(0, 0, 0, 0.2);
}
.select_mate .cont_select_int li {
  font-size:14px;
  line-height:18px;
  position: relative;
  float: left;
  width: 90%;
  bborder-bottom: 1px solid #E0E0E0;
  background-color: #e1e6ea;
  list-style-type: none;
  padding: 9px 5%;
  margin: 0px;
  display: block;
  cursor: pointer;
}
.select_mate .cont_select_int li:last-child {
  border-radius: 3px;
  border-bottom: 0px;
}
.select_mate .cont_select_int li:hover {
  background-color: #ffffff;
}
.select_mate .cont_select_int .active {
  background-color: #ffffff;
}
.select_mate .selecionado_opcion {
  font-size:14px;
  padding: 9px 5%;
  width: 90%;
  display: block;
  margin: 0px;
  cursor: pointer;
  border-radius:10px;
  text-align:left;
}
.select_mate[data-selec-open="true"]  .selecionado_opcion{
  border-radius:0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#survey .section.form.register .answers .space{
  height:21px;
}
#survey .section.form.register .answers .item.text input{
  font-size:14px;
  line-height:18px;
  color:#002d4c;
  font-style:normal;
  width:235px;
  background:#e1e6ea;
  border:0;
  padding:11px 15px;
  border-radius:10px;
  margin:0;
}
#survey .section.form.register .answers .item.text input::placeholder{
  color:#6a767a;
  opacity:1;
}
#survey .section.form.register .answers .item.text input:-ms-input-placeholder{
  color:#6a767a;
}
#survey .section.form.register .answers .item.text input::-ms-input-placeholder{
  color:#6a767a;
}
#survey .section.form.register .answers .item.text input:invalid{
  color:#002d4c;
  background:#e1e6ea;
}
#survey .section.form.register .answers .item.text input:valid{
  color:#002d4c;
  background:#e1e6ea;
}
/* Change Autocomplete styles in Chrome*/
#survey .section.form.register .answers .item.text input:-webkit-autofill,
#survey .section.form.register .answers .item.text input:-webkit-autofill:hover, 
#survey .section.form.register .answers .item.text input:-webkit-autofill:focus{
  font-size: 15px !important;
  -webkit-text-fill-color: #002d4c;
  -webkit-box-shadow: 0 0 0px 1000px #e1e6ea inset;
  transition: background-color 5000s ease-in-out 0s;
  border-radius:10px;
}

#survey .section.form.register .answers .item.text.err input{
  background:#e6440c;
}
#survey .section.form.register .answers .item.text.err input::placeholder{
  color:#ffffff;
  opacity:1;
}
#survey .section.form.register .answers .item.text.err input:-ms-input-placeholder{
  color:#ffffff;
}
#survey .section.form.register .answers .item.text.err input::-ms-input-placeholder{
  color:#ffffff;
}
#survey .section.form.register .answers .item.text.err input:invalid{
  color:#ffffff;
  background:#e6440c;
}
#survey .section.form.register .answers .item.text.err input:valid{
  color:#ffffff;
  background:#e6440c;
}
/* Change Autocomplete styles in Chrome*/
#survey .section.form.register .answers .item.text.err input:-webkit-autofill,
#survey .section.form.register .answers .item.text.err input:-webkit-autofill:hover, 
#survey .section.form.register .answers .item.text.err input:-webkit-autofill:focus{
  -webkit-text-fill-color: #ffffff;
  -webkit-box-shadow: 0 0 0px 1000px #e6440c inset;
}
#survey .section.form.register .answers .item.text{
  display:inline-block;
  margin:0 0 12px 0;
}
#survey .section.form.register .answers .item.text:nth-child(even){
  margin-left:10px;
}
#survey .section.form.register .answers .item input[type="checkbox"]{
  position:absolute;
  visibility:hidden;
}
#survey .section.form.register .answers .item input[type="checkbox"] + label{
  font-size:13px;
  line-height:16px;
  color:#6a767a;
  text-align:justify;
  background:none;
  display:block;
  padding:0 0 0 40px;
  border-radius:0;
  position:relative;
}
#survey .section.form.register .answers .item input[type="checkbox"] + label a{
  color:#6a767a;
  text-decoration:underline;
}
#survey .section.form.register .answers .item input[type="checkbox"] + label a:hover{
  text-decoration:none;
}
#survey .section.form.register .answers .item input[type="checkbox"] + label::before{
  content:'';
  width:18px;
  height:18px;
  position:absolute;
  background:#e1e6ea url(images/spacer.gif) no-repeat center;
  background-size:contain;
  left:0;
  top:-1px;
  border-radius:3px;
}
#survey .section.form.register .answers .item.err input[type="checkbox"] + label::before{
  background-color:#e2001a;
}
#survey .section.form.register .answers .item input[type="checkbox"]:checked + label::before{
  background-color:#e1e6ea;
  background-image:url(images/survey/check.png);
}
#survey .section.form.register .answers button{
  font-size:18px;
  line-height:35px;
  text-align:center;
  color:#ffffff;
  text-decoration:none;
  width:235px;
  height:35px;
  display:block;
  margin:20px auto 0 auto;
  position:relative;
  padding:0;
  border:0;
  border-radius:18px;
  background:#0175d6;
  cursor:pointer;
}
#survey .section.form.register .answers button:hover{
  box-shadow:0 1px 1px 0 rgba(168,168,168,.75);
}
#survey .section.form.register .answers button:active{
  background:#056cc1;
  box-shadow:none;
}
#survey .section.form.register .answers .alert{
  font-size:14px;
  line-height:18px;
  color:#e2001a;
  font-weight:bold;
  min-height:18px;
  text-align:center;
  padding-top:25px;
}
#survey .section.form.register .answers .alert.done{
  color:#8bd2bd;
}
#survey .section.form .answers .item .prizes{
  text-align:center;
}
#survey .section.form .answers .item  .prizes > span{
  vertical-align:top;
  display:inline-block;
  margin:0 2px 6px 10px;
}
#survey .section.form .answers .item  .prizes label{
  width:100px;
  height:100px;
  border-radius:50%;
  padding:0;
  margin:1px;
  display:block;
  border:1px solid #a4acb2;
  background:url(images/spacer.gif) no-repeat center;
  background-size:contain;
}
#survey .section.form .answers .item  .prizes label::before,
#survey .section.form .answers .item  .prizes label::after{
  display:none;
}
#survey .section.form .answers .item.err  .prizes label{
  border-color:#e2001a;
}
#survey .section.form .answers .item  .prizes input:checked + label{
  margin:0;
  border:2px solid #0175d6;
}
#survey .section.form .answers .item  .prizes input[value="fitness"] + label{
  background-image:url(images/survey/prizes/sm/fitness.png);
}
#survey .section.form .answers .item  .prizes input[value="ferrero_rocher"] + label{
  background-image:url(images/survey/prizes/sm/ferrero_rocher2.png);
}
#survey .section.form .answers .item  .prizes input[value="nutella"] + label{
  background-image:url(images/survey/prizes/sm/nutella.png);
}
#survey .section.form .answers .item  .prizes input[value="chill_spritz"] + label{
  background-image:url(images/survey/prizes/sm/chill_spritz.png);
}
#survey .section.form .answers .item  .prizes input[value="silan_persil"] + label{
  background-image:url(images/survey/prizes/sm/silan_persil.png);
}
#survey .section.form .answers .item  .prizes input[value="somat_pur"] + label{
  background-image:url(images/survey/prizes/sm/somat_pur.png);
}
#survey .section.form .answers .item  .prizes input[value="schwartzkopf"] + label{
  background-image:url(images/survey/prizes/sm/schwartzkopf.png);
}
#survey .section.form .answers .item  .prizes input[value="fa"] + label{
  background-image:url(images/survey/prizes/sm/fa.png);
}
#survey .section.form.register .thanks{
  width:440px;
  background:#0175d6;
  margin:750px 0 0 60px;
  padding:45px 0 45px 0;
  border-radius:10px;
  position:absolute;
  top:0;
  display:none;
}
#survey .section.form.register .thanks .close{
  width:16px;
  height:16px;
  top:14px;
  right:14px;
  background:url(images/survey/close.png) no-repeat center;
  background-image:url(images/survey/close.svg), none;
  background-size:contain;
  position:absolute;
}
#survey .section.form.register .thanks h3{
  font-size:30px;
  line-height:30px;
  color:#ffffff;
  text-decoration:none;
  text-align:center;
  margin:0;
}
#survey .section.form.register .thanks p{
  font-size:17px;
  line-height:20px;
  color:#ffffff;
  text-decoration:none;
  text-align:center;
  margin:30px 0 0 0;
}
#survey .section.form.register.done .thanks{
  display:block;
}
#survey .section.form.off .off{
  display:block;
}
#survey .section.form.register .progress,
#_survey .section.form.register.done .progress,
#_survey .section.form.register.done .questions h4,
#_survey .section.form.register.done .answers,
#survey .section.form.off .progress,
#survey .section.form.off .questions,
#survey .section.form.off .answers{
  display:none;
}

#survey .section.form .nav{
  position:absolute;
  left:72%;
  bottom:56px;
}
#survey .section.form.register .nav{
  display:none;
}
#survey .section.form .nav a{
  font-size:20px;
  line-height:26px;
  color:#ffffff;
  text-decoration:none;
  text-align:center;
  width:30px;
  height:30px;
  display:inline-block;
  border-radius:50%;
  position:relative;
  opacity:1;
  cursor:default;
  background:#e1e6ea;
}
#survey .section.form .nav a.active{
  opacity:1;
  cursor:pointer;
  background:#0175d6;
}
#survey .section.form .nav a.active:hover{
  box-shadow:0 1px 1px 0 rgba(168,168,168,.75);
}
#survey .section.form .nav a.active:active{
  background:#056cc1;
  box-shadow:none;
}
#survey .section.form .nav a + a{
  margin-left:16px;
}

#survey .section.rules,
#survey .section.rules li,
#survey .section.rules p{
  font-size:14px;
  line-height:17px;
  color:#002d4c;
  letter-spacing:-.2px;
  font-weight:normal;
  text-align:justify;
}
#survey .section.rules p{
  margin:0;
}
#survey .section.rules a{
  font-weight:bold;
  color:#0175d6;
  text-decoration:underline;
}
#survey .section.rules a:hover{
  text-decoration:none;
}
#survey .section.rules h2{
  font-size:17px;
  line-height:21px;
  color:#0175d6;
  font-weight:bold;
  text-align:center;
  margin:0;
  padding:23px 50px 15px 50px;
}
#survey .section.rules h2 + p{
  margin:0 0 11px 0;
}
#survey .section.rules ol,
#survey .section.rules ul{
  list-style:none;
  margin:0;
  padding:0;
}
#survey .section.rules ol{
  counter-reset:rules;
}
#survey .section.rules ol > li{
  display:block;
  margin:0 0 10px 0;
  padding:0 0 0 33px;
  position:relative;
}
#survey .section.rules ol > li::before{
  counter-increment:rules;
  content: counter(rules);
  font-size:15px;
  line-height:18px;
  font-weight:700;
  color:#ffffff;
  text-align:center;
  background:#0175d6;
  border-radius:50%;
  position:absolute;
  width:18px;
  height:18px;
  left:5px;
  top:2px;
}
#survey .section.rules ul li{
}
#survey .section.rules ul li::before{
  content:'•';
  margin:0 12px 0 0;
}




#survey .section.winners{
}
#survey .section.winners:not(.active){
  width:560px;
  padding:0 40px 0 580px;
}
#survey .section.winners.active{
}
#survey .section.winners h2{
  font-size:25px;
  line-height:31px;
  color:#002d4c;
  font-weight:bold;
  text-align:center;
  margin:0;
  padding:170px 0 0 0;
}
#survey .section.winners h2 b{
  color:#0175d6;
  display:block;
}
#survey .section.winners.active h2{
  display:none;
}
#survey .section.winners ul{
  list-style:none;
  margin:0;
  padding:0;
}
#survey .section.winners .lists{
  margin:0 -10px;
  margin-top:-14px;
  position:relative;
  text-align:center;
  display:none;
}
#survey .section.winners.active .lists{
  display:block;
}
#survey .section.winners .lists > li{
  width:260px;
  display:inline-block;
  vertical-align:top;
  min-height:260px;
  padding:0 0 20px 0;
  box-sizing:border-box;
  text-align:center;
  margin:0 12px;
  position:relative;
}
#survey .section.winners .lists > li::before{
  content:'';
  position:absolute;
  width:4px;
  height:92%;
  left:-16px;
  bottom:0;
  background:url(images/survey/line_vert.png) no-repeat center bottom;
  background-size:100% 100%;
}
#survey .section.winners .lists > li:nth-child(n+5)::before{
  bottom:auto;
  top:-12px;
  background-image:url(images/survey/line_vert_btm.png);
  background-position:center top;
}
#survey .section.winners .lists > li:nth-child(4n+1)::before{
  display:none;
}
#survey .section.winners .lists > li:nth-child(n+5)::after{
  content:'';
  position:absolute;
  width:100%;
  height:4px;
  left:0;
  top:-16px;
  background:url(images/survey/line_horiz.png) no-repeat center;
  background-size:100% 100%;
}
#survey .section.winners .img{
  width:100%;
  height:150px;
  display:block;
  background:url(images/spacer.gif) no-repeat center bottom;
  background-size:auto;
  position:relative;
  margin:0 0 3px 0;
}
#survey .section.winners .img b{
  font-family: "DM Sans", sans-serif;
  font-size:24px;
  line-height:35px;
  font-weight:700;
  color:#ffffff;
  width:35px;
  height:35px;
  background:#0175d6;
  border-radius:50%;
  position:absolute;
  display:block;
  text-align:center;
  top:100px;
  left:170px;
  display:none;
}
#survey .section.winners .img b i{
  font-size:17px;
  line-height:20px;
  font-style:normal;
  display:inline-block;
  vertical-align:top;
  margin:7px 0 0 1px;
}
#survey .section.winners .fitness .img{
  background-image:url(images/survey/prizes/info/fitness.png);
  background-size:auto 84px;
}
#survey .section.winners .ferrero_rocher .img{
  background-image:url(images/survey/prizes/info/ferrero_rocher2.png);
  background-size:auto 112px;
}
#survey .section.winners .nutella .img{
  background-image:url(images/survey/prizes/info/nutella.png);
  background-size:auto 111px;
}
#survey .section.winners .chill_spritz .img{
  background-image:url(images/survey/prizes/info/chill_spritz.png);
  background-size:auto 96px;
}
#survey .section.winners .silan_persil .img{
  background-image:url(images/survey/prizes/info/silan_persil.png);
  background-size:auto 133px;
}
#survey .section.winners .somat_pur .img{
  background-image:url(images/survey/prizes/info/somat_pur.png);
  background-size:auto 101px;
}
#survey .section.winners .schwartzkopf .img{
  background-image:url(images/survey/prizes/info/schwartzkopf.png);
  background-size:auto 111px;
}
#survey .section.winners .fa .img{
  background-image:url(images/survey/prizes/info/fa.png);
  background-size:auto 121px;
}
#survey .section.winners .lists h3{
  font-size:15px;
  line-height:17px;
  color:#0175d6;
  font-weight:bold;
  margin:0 0 5px 0;
}
#survey .section.winners .lists ul{
  margin:0 0 11px 0;
}
#survey .section.winners .lists ul li{
  font-size:14px;
  line-height:17px;
  color:#002d4c;
  letter-spacing:-.4px;
  font-weight:normal;
  text-align:center;
  margin:0;
  padding:0;
  position:relative;
}




#survey .section.prizes{
}
#survey .section.prizes h2{
  font-size:23px;
  line-height:27px;
  color:#0175d6;
  font-weight:bold;
  text-align:center;
  margin:0;
  padding:23px 0 5px 0;
}
#survey .section.prizes h2 + p{
  font-size:18px;
  line-height:27px;
  color:#002d4c;
  text-align:center;
  margin:0;
}
#survey .section.prizes ul{
  list-style:none;
  margin:0;
  padding:0;
}
#survey .section.prizes .prizes{
  margin:0 -10px;
  margin-top:-14px;
  position:relative;
  text-align:center;
}
#survey .section.prizes .prizes > li{
  width:260px;
  display:inline-block;
  vertical-align:top;
  min-height:540px;
  padding:0 0 20px 0;
  box-sizing:border-box;
  text-align:center;
  margin:0 12px;
  position:relative;
}
#survey .section.prizes .prizes > li::before{
  content:'';
  position:absolute;
  width:4px;
  height:92%;
  left:-16px;
  bottom:0;
  background:url(images/survey/line_vert.png) no-repeat center bottom;
  background-size:100% 100%;
}
#survey .section.prizes .prizes > li:nth-child(n+5)::before{
  bottom:auto;
  top:-12px;
  background-image:url(images/survey/line_vert_btm.png);
  background-position:center top;
}
#survey .section.prizes .prizes > li:nth-child(4n+1)::before{
  display:none;
}
#survey .section.prizes .prizes > li:nth-child(n+5)::after{
  content:'';
  position:absolute;
  width:100%;
  height:4px;
  left:0;
  top:-16px;
  background:url(images/survey/line_horiz.png) no-repeat center;
  background-size:100% 100%;
}
#survey .section.prizes .img{
  width:100%;
  height:150px;
  display:block;
  background:url(images/spacer.gif) no-repeat center bottom;
  background-size:auto;
  position:relative;
  margin:0 0 3px 0;
}
#survey .section.prizes .img b{
  font-family: "DM Sans", sans-serif;
  font-size:24px;
  line-height:35px;
  font-weight:700;
  color:#ffffff;
  width:35px;
  height:35px;
  background:#0175d6;
  border-radius:50%;
  position:absolute;
  display:block;
  text-align:center;
  top:100px;
  left:170px;
}
#survey .section.prizes .img b i{
  font-size:17px;
  line-height:20px;
  font-style:normal;
  display:inline-block;
  vertical-align:top;
  margin:7px 0 0 1px;
}
#survey .section.prizes .fitness .img{
  background-image:url(images/survey/prizes/info/fitness.png);
  background-size:auto 84px;
}
#survey .section.prizes .ferrero_rocher .img{
  background-image:url(images/survey/prizes/info/ferrero_rocher2.png);
  background-size:auto 112px;
}
#survey .section.prizes .nutella .img{
  background-image:url(images/survey/prizes/info/nutella.png);
  background-size:auto 111px;
}
#survey .section.prizes .chill_spritz .img{
  background-image:url(images/survey/prizes/info/chill_spritz.png);
  background-size:auto 96px;
}
#survey .section.prizes .silan_persil .img{
  background-image:url(images/survey/prizes/info/silan_persil.png);
  background-size:auto 133px;
}
#survey .section.prizes .somat_pur .img{
  background-image:url(images/survey/prizes/info/somat_pur.png);
  background-size:auto 101px;
}
#survey .section.prizes .schwartzkopf .img{
  background-image:url(images/survey/prizes/info/schwartzkopf.png);
  background-size:auto 111px;
}
#survey .section.prizes .fa .img{
  background-image:url(images/survey/prizes/info/fa.png);
  background-size:auto 121px;
}
#survey .section.prizes .prizes h3{
  font-size:15px;
  line-height:17px;
  color:#0175d6;
  font-weight:bold;
  margin:0 0 5px 0;
}
#survey .section.prizes .prizes p{
  font-size:14px;
  line-height:17px;
  color:#002d4c;
  letter-spacing:-.2px;
  font-weight:normal;
  margin:0 0 11px 0;
}
#survey .section.prizes .prizes p a{
  color:#002d4c;
  text-decoration:underline;
}
#survey .section.prizes .prizes p a:hover{
  text-decoration:none;
}
#survey .section.prizes .prizes p b{
  color:#002d4c;
}
#survey .section.prizes .prizes .red{
  color:#e2001a;
}
#survey .section.prizes .prizes ul{
  margin:0 0 11px 0;
}
#survey .section.prizes .prizes ul li{
  font-size:14px;
  line-height:17px;
  color:#002d4c;
  letter-spacing:-.4px;
  font-weight:normal;
  text-align:left;
  margin:0;
  padding:0 0 0 16px;
  position:relative;
}
#survey .section.prizes .prizes ul li::before{
  content:'•';
  position:absolute;
  left:0;
}




#survey .side{
  width:560px;
  height:550px;
  position:absolute;
  top:-7px;
  left:0;
}
#survey.width .side{
  display:none;
}
#survey .side > div{
  position:absolute;
  top:50%;
  left:50%;
}
#survey .side h1{
  text-indent:-999em;
  width:206px;
  height:130px;
  background:url(images/survey/slogan.png) no-repeat center;
  background-image:url(images/survey/slogan.svg), none;
  background-size:contain;
  position:absolute;
  /*left:50%;
  top:50%;
  margin:-50px 0 0 -100px;*/
  transform:translate(-86px,-105px);
}
#survey .side ul{
  list-style:none;
  margin:0;
  padding:0;
  position:relative;
  _opacity:.5;
  _transform:rotate(30deg);
  transition:all .3s;
}
#survey .side li{
  width:186px;
  height:156px;
  background:url(images/spacer.gif) no-repeat center;
  background-size:contain;
  position:absolute;
  transition:all .4s;
}
#survey .side li.choosed{
  scale:1.2;
}
#survey .side li span{
  text-indent:-999em;
  display:block;
}
#survey .side li b{
  font-family: "DM Sans", sans-serif;
  font-size:24px;
  line-height:35px;
  font-weight:700;
  color:#ffffff;
  width:35px;
  height:35px;
  background:#0175d6;
  border-radius:50%;
  position:absolute;
  display:block;
  text-align:center;
}
#survey .side li b i{
  font-size:17px;
  line-height:20px;
  font-style:normal;
  display:inline-block;
  vertical-align:top;
  margin:7px 0 0 1px;
}
#survey .side li.ferrero_rocher{
  background-image:url(images/survey/prizes/ferrero_rocher2@2x.png);
  margin:-254px 0 0 -244px;
  _transform:rotate(-30deg);
}
#survey .side li.ferrero_rocher b{
  margin:96px 0 0 146px;
}
#survey .side li.chill_spritz{
  width:161px;
  height:121px;
  background-image:url(images/survey/prizes/chill_spritz@2x.png);
  margin:-271px 0 0 -60px;
}
#survey .side li.chill_spritz b{
  margin:94px 0 0 83px;
}
#survey .side li.silan_persil{
  width:146px;
  height:162px;
  background-image:url(images/survey/prizes/silan_persil@2x.png);
  margin:-261px 0 0 101px;
}
#survey .side li.silan_persil b{
  margin:127px 0 0 77px;
}
#survey .side li.fitness{
  width:126px;
  height:128px;
  background-image:url(images/survey/prizes/fitness@2x.png);
  margin:-85px 0 0 151px;
}
#survey .side li.fitness b{
  margin:107px 0 0 40px;
}
#survey .side li.fa{
  width:136px;
  height:143px;
  background-image:url(images/survey/prizes/fa@2x.png);
  margin:69px 0 0 124px;
}
#survey .side li.fa b{
  margin:10px 0 0 0px;
}
#survey .side li.nutella{
  width:216px;
  height:170px;
  background-image:url(images/survey/prizes/nutella@2x.png);
  margin:101px 0 0 -104px;
}
#survey .side li.nutella b{
  margin:131px 0 0 164px;
}
#survey .side li.schwartzkopf{
  width:132px;
  height:129px;
  background-image:url(images/survey/prizes/schwartzkopf@2x.png);
  margin:78px 0 0 -243px;
}
#survey .side li.schwartzkopf b{
  margin:1px 0 0 96px;
}
#survey .side li.somat_pur{
  width:153px;
  height:131px;
  background-image:url(images/survey/prizes/somat_pur@2x.png);
  margin:-77px 0 0 -279px;
}
#survey .side li.somat_pur b{
  margin:-4px 0 0 100px;
}



#survey .logos{
  wwidth:100%;
  height:60px;
  padding:20px 0 0 0;
  pposition:absolute;
  bbottom:200px;
  white-space:nowrap;
  background:#e1e6ea;
}
#survey .logos .center{
  width:1140px;
}
#survey .logos h3{
  font-size:16px;
  line-height:18px;
  color:#0175d6;
  margin:0 10px 0 0;
  display:inline-block;
  vertical-align:middle;
}
#survey .logos span{
  font-size:0;
  text-indent:-999em;
  background:url(images/spacer.gif) no-repeat center center;
  background-size:contain;
  display:inline-block;
  vertical-align:middle;
}
#survey .logos span{
  margin:0 7px;
}
#survey .logos .my_fitness{
  width:73px;
  height:20px;
  background-image:url(images/survey/logos/my_fitness.png);
}
#survey .logos .ferrero_rocher{
  width:61px;
  height:26px;
  background-image:url(images/survey/logos/ferrero_rocher.png);
}
#survey .logos .ferrero_collection{
  width:58px;
  height:38px;
  background-image:url(images/survey/logos/ferrero_collection.png);
}
#survey .logos .raffaello{
  width:61px;
  height:28px;
  background-image:url(images/survey/logos/raffaello.png);
}
#survey .logos .kinder{
  width:61px;
  height:18px;
  background-image:url(images/survey/logos/kinder.png);
}
#survey .logos .tictac{
  width:58px;
  height:44px;
  background-image:url(images/survey/logos/tictac.png);
}
#survey .logos .nutella{
  width:64px;
  height:18px;
  background-image:url(images/survey/logos/nutella.png);
}
#survey .logos .chill_spritz{
  width:43px;
  height:42px;
  background-image:url(images/survey/logos/chill_spritz.png);
}
#survey .logos .silan{
  width:44px;
  height:26px;
  background-image:url(images/survey/logos/silan.png);
}
#survey .logos .persil{
  width:51px;
  height:18px;
  background-image:url(images/survey/logos/persil.png);
}
#survey .logos .somat{
  width:58px;
  height:22px;
  background-image:url(images/survey/logos/somat.png);
}
#survey .logos .pur{
  width:32px;
  height:34px;
  background-image:url(images/survey/logos/pur.png);
}
#survey .logos .schwarzkopf{
  width:59px;
  height:40px;
  background-image:url(images/survey/logos/schwarzkopf.png);
}
#survey .logos .fa{
  width:26px;
  height:26px;
  background-image:url(images/survey/logos/fa.png);
}