/* FONTS */
@font-face {
  font-family: 'rotondacregular';
  src: url('fonts/rotondac-webfont.eot');
  src: url('fonts/rotondac-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/rotondac-webfont.woff2') format('woff2'),
  url('fonts/rotondac-webfont.woff') format('woff'),
  url('fonts/rotondac-webfont.ttf') format('truetype'),
  url('fonts/rotondac-webfont.svg#rotondacregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'rotonda2';
  src: url('fonts/2-rotonda-webfont.eot');
  src: url('fonts/2-rotonda-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/2-rotonda-webfont.woff') format('woff'),
  url('fonts/2-rotonda-webfont.ttf') format('truetype'),
  url('fonts/2-rotonda-webfont.svg#rotonda2') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'rotondacbold';
  src: url('fonts/RotondaC-Bold-webfont.eot');
  src: url('fonts/RotondaC-Bold-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/RotondaC-Bold-webfont.woff2') format('woff2'),
  url('fonts/RotondaC-Bold-webfont.woff') format('woff'),
  url('fonts/RotondaC-Bold-webfont.ttf') format('truetype'),
  url('fonts/RotondaC-Bold-webfont.svg#rotondacbold') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* GLOBAL */
html,
body {height: 100%;min-height: 100%;width: 100%; /*background-color: #f25e0c;*/}
body {color: #000; font: 14px/16px 'rotondacregular',sans-serif;margin: 0;padding: 0; min-width: 980px; min-height: 670px; }
h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size: inherit; line-height: inherit;}
h1,h2,h3,h4,h5,h6,p,span{ margin: 0; padding: 0;}
ul, ol, p,span { margin: 0; padding: 0;list-style: none;}
a { color: inherit; text-decoration: none;display: inline-block;}
.no-touch a:hover {text-decoration: none;}
a:focus {outline: none;}
a * {cursor: pointer;}
img {border: none;margin: 0;}
strong, i { font-weight: normal; font-style: normal;}
form,
fieldset,
legend {border: none;margin: 0;padding: 0;}
input,
textarea,
select {font: 13px/18px Arial,Verdana,sans-serif;color:#000; outline: none;}
address {font-style: normal;}

/* FIX */
.clear {clear:both;}
.clearfix:after {clear: both;content: "";display: block;height: 0;}
.zfix {overflow: hidden;}
.tfix {display: table;}
.ctr-wrap {margin: auto;overflow: hidden;position: relative;text-align: center;width: 100%;}
.ctr-hold {float: left;left: 50%;position: relative;text-align: center;}
.ctr-box {float: left;left: -50%;position: relative;}
.noselect {  -moz-user-select: -moz-none;  -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none;}
.flr { float: right;}
.fll { float: left;}

/* MIDDLE ALIGN */
.tbl-wrap {display: table; width:100%; height:100%;}
.tblc-wrap {display:table-cell; vertical-align: middle;}

/* FIELDS */
.glow {text-shadow: 1px 0px 5px rgba(250,245,195,0.75) , 0px 1px 5px rgba(250,245,195,0.75), -1px 0px 5px rgba(250,245,195,0.75),
0px -1px 5px rgba(250,245,195,0.75);}
.stroke {text-shadow: 1px 0px 3px #ffffff , 0px 1px 3px #ffffff, -1px 0px 3px #ffffff,
0px -1px 3px #ffffff;}
.btn-submit {display: block;position: relative;z-index: 1;height: 40px;font: 18px/40px 'Arial Narrow', sans-serif;border: 0px;border-radius: 2px; outline: none;
  margin: 10px auto 0;text-align: center;background: #ffc539; cursor: pointer;
background: linear-gradient(to bottom, #ffc539, #ffae23);
box-shadow:
  0 -1px 1px rgba(0,0,0,0.26),
  inset 0 0 3px rgba(209,79,9,0.45);
}
.btn-submit.disabled { background: #e6f2fb; color: #035ca9; box-shadow: none; cursor: default;}
.btn-submit.disabled:after {border: rgba(0,92,171,0.12) solid 2px;}
.btn-submit.disabled:hover {opacity: 1;}
.btn-submit:after {content: "";position: absolute;z-index: -1;top: 3px;left: 3px;right: 3px;bottom: 3px;border-radius: 2px;border: rgba(255,255,255,0.35) solid 2px;}
.btn-submit:hover {opacity: 0.8;}
.btn-submit__120 {width: 120px;}
.btn-submit__150 {width: 150px;}
.btn-submit__180  {width: 180px;}
.btn-submit__200 {width: 200px;}
/* WRAPPER */
.bone {position: relative; margin: 0 auto; height: 100%; background: /*#f25e0c*/ url(../images/bg/Agusha_fon_2.jpg) center top no-repeat; overflow: hidden;}

/* LOAD */
.bone.load { display: none;}
#window_load { position: fixed; z-index: 9999; top: 0;bottom: 0;left: 0;right: 0; display: none;}
#loader { position: absolute; top: 50%; margin-top: -66px; left: 50%; margin-left: -16px;}
#loader img {width: 32px;height: 32px;}

/* HEADER */
.header-wrapper { height: 66px; background-color: #eff8ff; position: relative; text-align: center;}
.break .header-wrapper { background: transparent;}
.header {font: 17px/58px 'rotondacbold',sans-serif; display: inline-block; position: relative; right: 150px;}
.header .logo {width: 111px;height: 54px; background: url(../images/header/logo.png) top left no-repeat; text-indent: -9999px; float: left; margin-top: 5px; margin-left: 0; opacity: 0.6;
  -webkit-transition: opacity .15s ease-out;-moz-transition: opacity .15s ease-out;
  -ms-transition: opacity .15s ease-out;-o-transition: opacity .15s ease-out;
  transition: opacity .15s ease-out;}
.header .logo:hover {opacity: 1;}
.header .menu { color: #566c80;margin-left: 23px; float: left; }
.header .menu li { float: left; margin-right: 24px;}
.header .menu li a {opacity: 0.6;
  -webkit-transition: opacity .15s ease-out;-moz-transition: opacity .15s ease-out;
  -ms-transition: opacity .15s ease-out;-o-transition: opacity .15s ease-out;
  transition: opacity .15s ease-out;}
.header .menu li a:hover { opacity: 1;}
.header .academy {width: 71px;height: 58px; background:  url(../images/header/academy.png) top left no-repeat; text-indent: -9999px; float: left;
  margin-left: 10px; margin-top: -4px; opacity: 0.6;
  -webkit-transition: opacity .15s ease-out;-moz-transition: opacity .15s ease-out;
  -ms-transition: opacity .15s ease-out;-o-transition: opacity .15s ease-out;
  transition: opacity .15s ease-out;}
.header .academy:hover {opacity: 1;}
.header .social-label { color: #115599; margin-left: 2.6%; float: left;}
.header .social-list {margin-top: 18px; margin-left: 25px; float: left; position: relative; z-index: 10;}
.header .social-list li { float: left; margin-right: 4px; font-size: 0;line-height: 0;}
.header .social-list a {width: 19px;height: 20px; background: url(../images/header/sprite-social.png) top left no-repeat; text-indent: -9999px; opacity: 0.6;
  -webkit-transition: opacity .15s ease-out;-moz-transition: opacity .15s ease-out;
  -ms-transition: opacity .15s ease-out;-o-transition: opacity .15s ease-out;
  transition: opacity .15s ease-out;}
.header .social-list a:hover { opacity: 1; }
.header .social-list a.vk { background-position: -3px -3px ;}
.header .social-list a.ok { background-position: -26px -3px ;}
.header .social-list a.fb { background-position: -49px -3px ;}
.header .social-list a.yt { background-position: -72px -3px ;}
.header-wrapper .action-wrapper {width: 29%; position: absolute; top: 0;right: 0;}
.header-wrapper .action { width: 100%; height: auto; max-width: 368px; float: right; display: block;}

.content-bg { position: absolute; top: 66px; left: 0;right: 0; /*background: url(../images/bg/bg-apple.png) top left no-repeat;*/
/*  -webkit-background-size: cover;
  background-size: cover;*/}

/* CONTENT */
.content { height: 100%; position: relative;}
.content .content-center {display: inline-block; margin: 0 auto; position: relative; z-index: 10;}
.content-wrapper-break,
.content-wrapper { position: relative; text-align: center; z-index: 20;}
.break .content-wrapper-break .main-menu-wrapper,
.content-wrapper .main-menu-wrapper { position: relative; z-index: 50;  padding-top: 25px; display: inline-block; right: 70px;}
@media only screen and (max-width: 1100px){
  .break .content-wrapper-break .main-menu-wrapper {right: 0;}
}
.break .content-wrapper-break .main-menu-wrapper {width: 960px;}
.content-wrapper-break .main-menu-wrapper .logo,
.content-wrapper .main-menu-wrapper .logo {width: 201px;height: 100px; background:  url(../images/content/logo.png) top left no-repeat; float: left;}
.content-wrapper .main-menu-wrapper .menu {font: 19px/33px 'rotondacbold',sans-serif; color: #ffffff;
  float: left; margin-top: 40px; margin-left: 25px;}
.content-wrapper .main-menu-wrapper .menu li { float: left; margin-right: 10px; height: 33px; position: relative;}
.content-wrapper .main-menu-wrapper .menu li .disabled,
.content-wrapper .main-menu-wrapper .menu li a { padding: 0 19px 0 20px; background-color: #f58a02; border-radius: 5px; text-transform: uppercase; text-shadow: 0 0 3px #4c250f;
  -webkit-transition: background-color .15s ease-out;-moz-transition: background-color .15s ease-out;
  -ms-transition: background-color .15s ease-out;-o-transition: background-color .15s ease-out;
  transition: background-color .15s ease-out;}
.content-wrapper .main-menu-wrapper .menu li .menu-btn-game { width: 171px; height: 133px; background: url(../images/game/btn-game.png) top left no-repeat;
  padding: 0; position: relative; bottom: 52px; right: 30px; text-transform: uppercase; text-shadow: 0 0 3px #4c250f;}
.content-wrapper .main-menu-wrapper .menu li .menu-btn-game span { position: relative; top: 52px; right: 16px; cursor: default;}
.content-wrapper .main-menu-wrapper .menu li .btn-game-wrapper { position: absolute; top: 40px;left: 0; display: none;}
.content-wrapper .main-menu-wrapper .menu li .btn-game-wrapper:hover { display: block;}
.content-wrapper .main-menu-wrapper .menu li .menu-btn-game:hover + .btn-game-wrapper { display: block;}
.content-wrapper .main-menu-wrapper .menu li .btn-game-wrapper a{ display: block; margin-top: 5px;}
.content-wrapper .main-menu-wrapper .menu li .disabled {opacity: 0.4; cursor: default;}
.content-wrapper .main-menu-wrapper .menu li a.active,
.content-wrapper .main-menu-wrapper .menu li a:hover { background-color: #005dab;}
.content-wrapper .main-menu-wrapper .menu li a.menu-btn-game:hover { background-color: transparent;}
.content-wrapper .main-menu-wrapper .menu li a.active { cursor: default;}
.content-wrapper .main-menu-wrapper .lk-menu { float: left; text-align: left; margin-top: 46px; margin-left: -60px; max-width: 120px; position: relative; z-index: 10;}
.content-wrapper .main-menu-wrapper .lk-menu .log-in { display: none; position: relative; white-space: nowrap;}
.content-wrapper .main-menu-wrapper .lk-menu.logged .log-out { display: none;}
.content-wrapper .main-menu-wrapper .lk-menu.logged .log-in { display: block;}
.content-wrapper .main-menu-wrapper .lk-menu .name { color: #094d86; font: bold 20px/20px Arial,Verdana,sans-serif; overflow: hidden; -ms-text-overflow: ellipsis; white-space: nowrap;
  text-overflow: ellipsis; max-width: 100%; vertical-align: top;}
.content-wrapper .main-menu-wrapper .lk-menu .name:hover { text-decoration: underline;}
.content-wrapper .main-menu-wrapper .lk-menu .btn-logout {  vertical-align: top; width: 14px;height: 14px;
  background:  url(../images/content/btn-logout.png) top left no-repeat; text-indent: -9999px; margin-left: 2px; margin-top: 2px;}
.content-wrapper .main-menu-wrapper .lk-menu .points {font-size: 13px;line-height: 13px; color: #094d86;margin-top: 15px; position: absolute; top: 20px;left: 0; white-space: nowrap;}
.content-wrapper .main-menu-wrapper .lk-menu .points strong { color: #c11711; display: inline-block;}

/* MAIN */
.bone.main {background: /*#f25e0c*/ url(../images/bg/fon_3_2.jpg) center top no-repeat;}
.main .content .content-center {margin-top: 40px;}
.main .content .title {width: 417px;height: 137px; background:  url(../images/main/title.png) top left no-repeat; text-indent: -9999px; position: relative; top: 60px;}
.main .content form {margin-top: 88px;}
.main .content .input-code {width: 322px;height: 82px; background:  url(../images/main/input-code.png) top left no-repeat; text-align: center;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; display: block; margin: 0 auto;
  border: none; color: #5a5a5a; font: 20px/84px Arial,Verdana,sans-serif; padding: 0 23px;}
.main .content .submit-code { width: 152px; height: 42px; background:  url(../images/main/input-send.png) top left no-repeat;
  display: block; cursor: pointer; margin: 10px auto 0; }
.main .content .prize-wrapper{ width: 752px; height: 251px;  z-index: -1;
  position: absolute; bottom: -125px;left: -505px;}
.main .content .prize-wrapper .mask { position: absolute; top: -50px;bottom: 0;left: 0;right: 0; background: url(../images/main/main_mask_3.png) top left no-repeat; z-index: -1;}
.main .content .prize-wrapper .prize-list { position: absolute; top: 0;left: 0;right: 0;bottom: 0;}
.main .content .prize-wrapper .prize-list .prize-1 {width: 223px;height: 203px; position: absolute; top: -25px; left: 50%; margin-left: -111px;}
.main .content .prize-wrapper .prize-list .prize-2 {width: 262px;height: 124px; position: absolute; top: 45px; left: 50%; margin-left: -138px; display: none;}
.main .content .prize-wrapper .prize-list .prize-3 {width: 175px;height: 179px; position: absolute; top: 10px; left: 50%; margin-left: -87px; display: none; }
.main .content .prize-wrapper .prize-list .prize-4 {width: 178px;height: 177px; position: absolute; top: -50px; left: 50%; margin-left: -90px;display: none;  }
.main .content .prize-wrapper .prize-title { text-align: left; position: absolute; top: 191px; left: 260px; z-index: 10;}
.main .content .prize-wrapper .prize-title .about { color: #105490; font: 23px/29px 'rotondacbold',sans-serif; letter-spacing: 0.02em;}
.main .content .prize-wrapper .prize-title .about strong{ color: #ce2a06; font: 23px/29px 'rotondacbold',sans-serif; text-transform: uppercase; letter-spacing: 0.06em;
  text-shadow: 1px 0px 5px rgba(250,245,195,0.75) , 0px 1px 5px rgba(250,245,195,0.75), -1px 0px 5px rgba(250,245,195,0.75),
  0px -1px 5px rgba(250,245,195,0.75);
}
.main .content .prize-wrapper .prize-title .about strong.main-prize { font-size: 30px;}
.main .content .prize-wrapper .prize-title .about span.main-prize { text-align: right; display: block;}

/* 404 */
.error404 .content { color: #005cab; }
.error404 .content .name {font: 145px/145px 'rotondacbold',sans-serif; margin-top: 120px;}
.error404 .content .name2 {font: 37px/37px 'rotondacbold',sans-serif; margin-top: -6px;}
.error404 .content a {font: 14px/14px 'rotondacregular',sans-serif; text-decoration: underline; margin-top: 50px;}
.error404 .content a:hover { text-decoration: none;}

/* ABOUT */
.about .content .about-list { position: relative; top: -140px; width: 980px; }
.about .content .about-list li { position: absolute; color: #005cab; width: 610px; height: 648px; top: 0;}
.about .content .about-list li.step-1 {left: -150px;}
.about .content .about-list li.step-2 {left: 192px;}
.about .content .about-list li.step-2 img { top: 28px;}
.about .content .about-list li.step-3 {left: 530px;}
.about .content .about-list li.step-3 img { top: -21px;}
.about .content .about-list li img { position: absolute; top: 0;left: 0; width: 100%; height: auto;}
.about .content .about-list li.step-3 {width: 600px;}
.about .content .about-list li .num {font: 53px/53px 'rotondacbold',sans-serif; position: absolute; top: 282px;left: 150px;}
.about .content .about-list li.step-2 .num {left: 170px;}
.about .content .about-list li.step-3 .num {left: 170px;}
.about .content .about-list li .title {font: 20px/24px 'rotondacbold',sans-serif; text-align: center;
  position: absolute; top: 413px; width: 250px; left: 50%; margin-left: -125px;}
.about .content .arrow {width: 66px;height: 28px; background:  url(../images/about/arrow.png) top left no-repeat; position: absolute; top: 296px;right: 112px;}
.about .content .step-2 .arrow {right: 117px;}
.about .content .btns-list { color: #035ca9; font-size: 14px;line-height: 14px;  position: relative; z-index: 10; display: inline-block; margin-top: 375px;}
.about .content .btns-list li {  float: left; margin: 0 18px;}
.about .content .btns-list li a{  border-bottom: 1px dashed #035ca9;}
.about .content .btns-list li a:hover {border-bottom: 1px dashed #f66e00; color: #f66e00; }

/* WINNERS */
.winners .content .content-center {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;}
.winners .winners-wrapper {width: 636px; height: 221px; background:  url(../images/winners/bg-form.png) top left no-repeat; float: right; position: relative;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 30px;}
.winners .winners-wrapper .title { color: #005ea6; font-size: 24px;line-height: 24px; font-family: 'rotonda2', sans-serif;}
.winners .winners-wrapper .title img {width: 16px;height: 16px;}
.winners .winners-wrapper .arrow { position: absolute; top: 125px; width: 28px;height: 34px; background: url(../images/winners/arrows.png) top left no-repeat; text-indent: -9999px;}
.winners .winners-wrapper .arrow.arrow-prev {left: -33px; background-position: -53px 0; display: none;}
.winners .winners-wrapper .arrow.arrow-next {right: -33px; background-position: 0 0 ; display: none;}
.winners .top-content {padding-top: 17px; position: relative; left: 12px;}
.winners .main-prize { float: left; padding-top: 17px; margin-right: 88px;}
.winners .main-prize .about { text-align: right; color: #005cab; font-family: 'rotonda2',sans-serif; padding-top: 12px;}
.winners .main-prize .about strong {color: #ce2a06; font: 22px/27px 'rotondacbold',sans-serif; text-transform: uppercase; letter-spacing: 0.06em;}
.winners .main-prize .about span { font-size: 17px;line-height: 20px; padding-top: 0px; letter-spacing: 0.04em;
   display: block; text-align: center;}
.winners .main-prize .coun { color: #005cab; font-size: 12px;line-height: 12px; padding-top: 1px; }

.winners .winners-list-wrapper { width: 565px; overflow: hidden; text-align: left;}
.winners .winners-list-wrapper .winners-list {width: 99999px; position: relative; left: 0;
  -webkit-transition: left .25s ease-out;-moz-transition: left .25s ease-out;
  -ms-transition: left .25s ease-out;-o-transition: left .25s ease-out;
  transition: left .25s ease-out;}
.winners .winners-list-wrapper .winners-list .week { color: #075392; font-size: 18px;line-height: 18px; margin-bottom: 8px;
  text-align: center; font-family: 'rotonda2', sans-serif;}
.winners .winners-list-wrapper .winners-list li {width: 565px; padding-top: 21px; float: left;}
.winners .winners-list-wrapper .winners-list li .person { height: 32px; color: #075392; font: 17px/25px 'rotondacregular',sans-serif;  position: relative; text-align: center;
  border-bottom: 1px solid rgba(7,83,146, 0.1); margin-bottom: 3px;}
.winners .winners-list-wrapper .winners-list li .person:last-child {border-bottom: none;}
.winners .winners-list-wrapper .winners-list li .person span { display: inline-block;}
.winners .winners-list-wrapper .winners-list li .person .name { position: absolute; top: 0;left: 15px; width: 130px; overflow: hidden; -ms-text-overflow: ellipsis; text-align: left;
  text-overflow: ellipsis; white-space: nowrap;}
.winners .winners-list-wrapper .winners-list li .person .mail { text-align: center; width: 250px; overflow: hidden; -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;white-space: nowrap;}
.winners .winners-list-wrapper .winners-list li .person .city { position: absolute; top: 0;right: 18px; text-align: right; width: 130px; overflow: hidden; -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;white-space: nowrap;}

/* TEST */
.test .content .test-wrapper {margin-top: 22px;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;}
.test .content .question { color: #005cab; font: 30px/36px 'rotondacbold',sans-serif;}
.test .content .answers { display: inline-block; margin-top: 47px; max-width: 980px; height: 265px;}
.test .content .answers.var2 {top: 8px; position: relative; left: 75px;}
.test .content .answers li { float: left; margin: 0 -25px; width: 290px; position: relative;}
.test .content .answers.var2 li {width: 430px; margin: 0 0 25px 0; float: left;  vertical-align: text-top; text-align: left;}
.test .content .answers.var2 li:nth-child(odd) {margin-right: 85px;}
.test .content .answers .pic {width: 160px;height: 160px; background: transparent; border: 10px solid #e6f4fb; border-radius: 50%; display: inline-block;
  -webkit-transition: all 0.15s ease-out;-moz-transition: all 0.15s ease-out;
  -ms-transition: all 0.15s ease-out;-o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;}
.test .content .answers.var2 .pic { display: none;}
.test .content .answers .check { display: none; width: 14px;height: 14px; background: url(../images/test/sprite-check.png) top left no-repeat; position: absolute; top: 5px; left: -32px;}
.test .content .answers .active .check { background-position: 0 -22px;}
.test .content .answers.var2 .check { display: block;}
.test .content .answers.count5 li {width: 170px;}
.test .content .answers.count5 .pic {width: 130px;height: 130px;}
.test .content .answers.count6 li {width: 150px;}
.test .content .answers.count6 .pic {width: 120px;height: 120px;}
.test .content .answers a:hover .pic,
.test .content .answers .active .pic {border-color: #f58a02; width: 187px;height: 187px; margin-top: -27px;}
.test .content .answers .pic img { width: 100%; height: 100%;}
.test .content .answers .answer { color: #044a87; font-size: 17px;line-height: 25px;  margin-top: 10px; text-align: center;
}
.test .content .answers:not(.var2) .answer {
  -webkit-transition: font 0.15s ease-out;-moz-transition: font 0.15s ease-out;
  -ms-transition: font 0.15s ease-out;-o-transition: font 0.15s ease-out;
  transition: font 0.15s ease-out;
}
.test .content .answers.var2 .answer { text-align: left; margin-top: 0;}
.test .content .answers:not(.var2) a:hover .answer,
.test .content .answers:not(.var2) .active .answer { color: #044a87; font-size: 18px; font-family: 'rotondacbold',sans-serif;}

/* TEST START*/
.test-start {}
.test-start .form-wrapper {width: 717px;height: 474px; background:  url(../images/test/test-start-bg.png) top left no-repeat; position: relative; margin-top: 30px;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;}
.test-start .form-start {width: 320px;height: 178px; background: url(../images/test/border-bg.png) top left no-repeat;
  position: absolute; top: 125px; left: 50%; margin-left: -140px;}
.test-start .form-start .title {font-size: 33px;line-height: 30px; font-family: 'rotondacbold', sans-serif; color: #005cab; padding-top: 30px;}
.test-start .form-start .btn-submit { position: absolute; bottom: 25px; left: 50%; margin-left: -100px;}


/* TEST END */
.test-end .test-end-wrapper {  -webkit-transform-origin: 50% 0;padding-top: 46px;
  -moz-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;}
.test-end .content .end-about-wrapper { margin-left: -30px;}
.test-end .content .end-pic { }
.test-end .content .end-about {float: right; width: 550px; color: #005cab; padding-top: 5px; text-align: left; margin-left: 25px;}
.test-end .content .end-about .title {font: 27px/27px 'rotondacbold',sans-serif; margin-bottom: 15px;}
.test-end .content .end-about .about {font-size: 17px;line-height: 24px; margin-top: 7px;}
.test-end .content .end-about .about.big {font-size: 20px;line-height: 24px; margin-top: 19px;}
.test-end .content .social-label { color: #005cab; font-size: 17px;line-height: 17px; margin-top: 33px;}
.test-end .content .social-label.big {font-family: 'rotondacbold', sans-serif; line-height: 23px; width: 750px; margin: 13px auto 0;}
.test-end .content .social-list { display: inline-block; margin-top: 10px;}
.test-end .content .social-list li{ float: left;  margin: 0 8px;}
.test-end .content .social-list li a {width: 30px;height: 29px; background:  url(../images/test/sprite-social.png) top left no-repeat; text-indent: -9999px;}
.test-end .content .social-list li a.vk { background-position: 0 0;}
.test-end .content .social-list li a.ok { background-position: -46px 0 ;}
.test-end .content .social-list li a.fb { background-position: -92px 0 ;}
.test-end .content .social-list li a:hover {opacity: 0.8;}
.test-end .content .btn-submit {margin-top: 21px;}
.test .content .pager {margin-top: 22px; display: inline-block;}
.test .content .pager li { float: left; margin: 0 6px; border-radius: 50%;}
.test .content .pager li {width: 10px;height: 10px; background-color: #949cac;}
.test .content .pager li.active {background-color: #005cab;}
.test .content .btn-submit {margin-top: 18px;}

/* GAME START*/
.btn-game {color: #ffffff; width: 216px; font-size: 20px; line-height: 41px; background-color: #005dab; border-radius: 25px; text-transform: uppercase;
  box-shadow: 0 2px 2px rgba(8,56,98, 0.45); }

.bone.game-start { background-image:  url(../images/game/background_2.jpg);}
.game-start .form-wrapper {width: 1039px;height: 491px; background:  url(../images/game/bg-start.png) top left no-repeat; position: relative; margin-top: -6px;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;}
.game-start h1 { color: #005cab; font: 33px/33px 'rotondacbold',sans-serif; padding-top: 28px;}
.game-start h2 { color: #0359a4; font: 23px/30px 'rotondacbold',sans-serif; margin-top: 30px;}
.game-start .btns-start { display: inline-block; margin-top: 40px;}
.game-start .btns-start li { float: left;}
.game-start .btns-start li a {margin: 0 20px; }
.game-start .btns-start li a:hover {}

/* GAME END */
.bone.game-end { background-image:  url(../images/game/background_2.jpg);}
.game-end .content-wrapper {z-index: 5;}
.game-end .game-end-wrapper { width: 1177px;height: 1080px; background:  url(../images/game/bg-end-baby.png) top left no-repeat;
  position: absolute; left: 50%; margin-left: -588px; padding: 0; color: #005cab;  top: 13px; margin-top: 0;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;}
.game-end .game-end-wrapper.mother {background:  url(../images/game/bg-end-mother.png) top left no-repeat; margin-top: 30px;}
.game-end .text-wrapper {width: 500px; position: absolute; bottom: 470px; ;left: 200px; color: #007fbc;}
.game-end .text-wrapper h1 {font: 33px/33px 'rotondacbold',sans-serif;}
.game-end .text-wrapper h2 {font: 23px/30px 'rotondacbold',sans-serif;margin-top: 28px; }
.game-end .text-wrapper h3 {font-size: 17px;line-height: 20px; margin-top: 35px;}

.game-end .text-wrapper .btn-game { background-color: #007fbc; width: 266px; margin-top: 35px;}

.game-end .content .social-list { display: inline-block; margin-top: 10px;}
.game-end .content .social-list li{ float: left;  margin: 0 8px;}
.game-end .content .social-list li a {width: 30px;height: 29px; background:  url(../images/test/sprite-social.png) top left no-repeat; text-indent: -9999px;}
.game-end .content .social-list li a.vk { background-position: 0 0;}
.game-end .content .social-list li a.ok { background-position: -46px 0 ;}
.game-end .content .social-list li a.fb { background-position: -92px 0 ;}
.game-end .content .social-list li a:hover {opacity: 0.8;}

/* GAME */
.bone.game { background-image:  url(../images/game/background_2.jpg); }
.game .content.hidden { display: none;}
.game .game-wrapper { width: 1075px;height: 775px;
  position: absolute; left: 50%; margin-left: -537px; padding: 0; color: #005cab;  top: 13px; margin-top: 0;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;}
.game .game-wrapper.wrapper-items { height: 0px; z-index: 100;}
.game .game-wrapper .question {width: 320px;height: 235px; background: url(../images/game/bg-quest.png) top left no-repeat; color: #007fbc;
  position: absolute; top: 35px;left: 20px; font: 23px/28px 'rotondacbold',sans-serif; padding: 0 40px 0 60px;}
.game .game-wrapper .question p { position: relative; right: 18px; letter-spacing: 0.01em; top: 5px;}
.game .content .answer-wrapper {width: 536px;height: 775px; z-index: 200;
  position: absolute; left: 50%; margin-left: 0; padding: 0; color: #005cab;  top: 0; margin-top: 0;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;}
.game .content .answer,
.game .game-wrapper .answer {width: 536px;height: 345px; background: url(../images/game/bg-answer.png) top left no-repeat; color: #007fbc;
  position: absolute; top: 0px;right: -65px; }
.game .content .answer-wrapper.hidden,
.game .game-wrapper .answer.hidden { display: none;}
.game .content .answer .text-wrapper,
.game .game-wrapper .answer  .text-wrapper { position: relative; top: 11px; left: 13px;}
.game .content .answer-title,
.game .game-wrapper .answer-title {font: 23px/28px 'rotondacbold',sans-serif;}
.game .content .answer .about,
.game .game-wrapper .answer .about {padding: 0 100px;}
.game .content .about,
.game .game-wrapper .about {font-size: 17px;line-height: 25px; margin-top: 0px; }
.game .content .btn-game,
.game .game-wrapper .btn-game {width: 130px;margin-top: 10px; font-size: 15px; line-height: 31px; background-color: #007fbc; box-shadow: none; }
.game  .footer-products {z-index: 200;}
.game  .game-wrapper.baby.wrapper-items .items {opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px);
  -webkit-transition: opacity .25s ease-out;-moz-transition: opacity .25s ease-out;
  -ms-transition: opacity .25s ease-out;-o-transition: opacity .25s ease-out;
  transition: opacity .25s ease-out;}
.game  .game-wrapper.baby.wrapper-items .items.hidden {opacity: 0;}
.game .game-wrapper.baby .figure { width: 450px; height: 400px; background: url(../images/game/baby-animation/LEFT/LEFT__00000.png) top left no-repeat;
  position: absolute; left: 50%; margin-left: -255px; bottom: 315px; }

.game .game-wrapper.mother .figure { width: 750px; height: 550px; background: url(../images/game/mother-animation/M_LEFT/M_LEFT__00000.png) top left no-repeat;
  position: absolute; left: 50%; margin-left: -290px; bottom: 220px;}

.game .game-wrapper .table {width: 1075px; height: 393px; background:  url(../images/game/bg-table.png) top left no-repeat; position: absolute; bottom: 13px;left: 0;}
.game .game-wrapper .title { color: #005cab; font: 33px/33px 'rotondacbold',sans-serif;}
.game .game-wrapper.mother .title { display: none;}
.game .items { position: absolute; bottom: 0px;left: 0; right: 0; z-index: 100;}
.game .items .ico-answer {width: 97px;height: 95px; background: url(../images/game/ico-answer.png) top left no-repeat;  -webkit-transform: translate3d(0px, 0px, 0px);
  position: absolute; top: -131px; left: 50%; margin-left: -48px; z-index: 20; opacity: 0;}

.game .items .transit .ico-answer {  -webkit-transition: opacity .25s ease-out;-moz-transition: opacity .25s ease-out;
  -ms-transition: opacity .25s ease-out;-o-transition: opacity .25s ease-out;
  transition: opacity .25s ease-out;}
.game .items .item.a-true .ico-answer { background-position: 0 0;}
.game .items .item.a-false .ico-answer { background-position: -442px 0 ;}
.game .items .item.visible .ico-answer {opacity: 1;}

.game .items .item { }
.game .items .item .btn { }
.game .items .item .btn a { position: absolute; top: 0;bottom: 0;left: 0;right: 0; z-index: 10;}
.game .items.disabled .item .btn a { cursor: default;}
.game .items .item .about { color: #044a87; font: 17px/17px 'rotondacbold',sans-serif; padding-top: 10px; /*position: absolute; bottom: 0px;left: 0;right: 0; white-space: nowrap;*/}
.game .baby .items .item .btn img { width: 100%; height: auto;}

.game .baby .items .item-1  {position: absolute; left: 230px; bottom: -160px;}
.game .baby .items .item-2  {position: absolute; right: 230px; bottom: -160px;}
/*.game .baby .items.q1 .item-2 .btn img { position: absolute; top: -95px; left: -90px; width: auto; height: auto;}
.game .baby .items.q2 .item-1  {width: 162px;height: 117px; position: absolute; left: 230px; top: -7px;}
.game .baby .items.q2 .item-1 .btn img { position: absolute; top: -95px; left: -90px; width: auto; height: auto;}
.game .baby .items.q2 .item-2  {width: 161px;height: 115px; position: absolute; right: 230px; top: 3px;}
.game .baby .items.q3 .item-1  {width: 161px;height: 115px; position: absolute; left: 230px; top: 3px;}
.game .baby .items.q3 .item-2  {width: 162px;height: 117px; position: absolute; right: 230px; top: -7px;}
.game .baby .items.q3 .item-2 .btn img { position: absolute; top: -95px; left: -90px; width: auto; height: auto;}*/


.game .mother .items .item-1  {position: absolute; left: 230px; bottom: -150px; }
.game .mother .items .item-2  {position: absolute; right: 230px; bottom: -150px; }
/*.game .mother .items.q2 .item-1  {width: 213px;height: 139px; position: absolute; left: 250px; top: 8px;}
.game .mother .items.q2 .item-2  {width: 221px;height: 132px; position: absolute; right: 230px; top: 15px;}
.game .mother .items.q3 .item-1  {width: 213px;height: 139px; position: absolute; left: 250px; top: 8px;}
.game .mother .items.q3 .item-2  {width: 221px;height: 132px; position: absolute; right: 230px; top: 15px;}*/

/* CABINET */
.cabinet .content {}
.cabinet .content .content-center { margin-top: 20px;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;}
.cabinet .top-content {}
.cabinet .top-content .prize-block {width: 227px;height: 227px; border: 6px solid #ffffff; border-radius: 15px; background: #d5ecf9; float: left; position: relative; /*cursor: pointer;*/}
.cabinet .top-content .prize-block.winner { cursor: default;}
.cabinet .top-content .prize-block .prize-title {margin-top: 17px; color: #035ca9; font-size: 18px;line-height: 20px; text-transform: uppercase; }
.cabinet .top-content .prize-block .prize-title strong {font-family: 'rotondacbold', sans-serif;}
.cabinet .top-content .prize-block img { display: inline-block; margin: -10px auto; position: relative; left: 12px;}
.cabinet .top-content .prize-block .btn-submit {margin-top: 13px;}
.cabinet .top-content .prize-block .win { display: none;}
.cabinet .top-content .prize-block.winner .prise { display: none;}
.cabinet .top-content .prize-block.winner .win { display: block;}
.cabinet .top-content .prize-block.winner .win .prize-title { color: #ce2a06; line-height: 21px; margin-top: 15px;}
.cabinet .top-content .prize-block.winner .win .prize-title strong { font-size: 22px;}
.cabinet .top-content .prize-block.winner .win img {margin-top: -12px;}
.cabinet .top-content .prize-block.winner .win .btn-submit { background: #f24713; color: #ffffff; }
.cabinet .top-content .input-code-wrapper { float: left; margin-left: 57px; position: relative; width: 522px;}
.cabinet .top-content .form-send-code {margin-top: 96px; float: left; }
.cabinet .top-content .input-code {width: 244px;height: 63px; background:  url(../images/cabinet/bg-input.png) top left no-repeat; opacity: 0.7;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; display: block; margin: 0 auto;
  border: none; color: #5a5a5a; font: 15px/63px Arial,Verdana,sans-serif; padding: 0 15px; text-align: center;}
.cabinet .top-content .form-send-code .btn-submit {margin-top: 13px;}
.cabinet .top-content .input-code-wrapper .indicator {width: 270px;height: 160px; background:  url(../images/cabinet/bg-indikator2.png) top left no-repeat;
  position: absolute; top: 53px;right: 0;}
.cabinet .top-content .input-code-wrapper .indicator-apple {width: 87px;height: 84px; background: url(../images/cabinet/bg-indikator-apple.png) top left no-repeat;
  position: absolute; right: 160px;bottom: -20px;}
.cabinet .top-content .input-code-wrapper .indicator-apple .num { color: #005ea6; font-size: 30px;line-height: 30px; margin-top: 35px; position: relative; right: 3px;
  font-family: 'rotonda2', sans-serif;}
.cabinet .top-content .input-code-wrapper .indicator-apple span { color: #005cab; font: 17px/17px 'rotondacbold',sans-serif;
  position: absolute; text-align: left; right: -186px;bottom: 14px; display: inline-block; width: 200px;}
.cabinet .top-content .btn-history { float: left; margin-top: 120px; margin-left: -30px; color: #035ca9; font-size: 13px;line-height: 16px; text-align: left; position: relative; z-index: 10;}
.cabinet .top-content .btn-history span {border-bottom: 1px dashed #035ca9; padding-bottom: 0;}
.cabinet .top-content .btn-history:hover span {border-bottom: 1px dashed #f66e00; color: #f66e00;}
.cabinet .top-content .btn-history span:last-child {padding-bottom: 2px;}
.cabinet .bottom-content.bottom-content-prize {padding-top: 21px; z-index: -1;}
.cabinet .bottom-content .title { color: #005ea6; font-size: 23px; line-height: 23px; position: relative; font-family: 'rotonda2', sans-serif; display: inline-block; padding: 0 20px;}
.cabinet .bottom-content .title:before {content: ''; position: absolute; top: 14px; left: -380px; width: 380px; height: 2px; background: url(../images/winners/line-left.png) top left no-repeat;}
.cabinet .bottom-content .title:after {content: ''; position: absolute; top: 14px; right: -380px; width: 380px; height: 2px; background: url(../images/winners/line-right.png) top left no-repeat;}
.cabinet .bottom-content .prizes-list {margin-top: 27px; position: relative; left: 80px; }
.cabinet .bottom-content .prizes-list li{ float: left; position: relative; margin: 0 35px; width: 200px;}
.cabinet .bottom-content .prizes-list li:last-child {margin-left: 35px;}
.cabinet .bottom-content .prizes-list .img-wrapper {height: 120px; position: absolute; top: 0;bottom: 0; z-index: -1;}
.cabinet .bottom-content .prizes-list .btn-submit {margin-top: 135px; position: relative; z-index: 50;}
.cabinet .bottom-content .prizes-list .img-wrapper img {}
.cabinet .bottom-content .prizes-list li.prize-1 .img-wrapper img { position: relative; top: 23px;}
.cabinet .bottom-content .prizes-list li.prize-1 .img-wrapper { top: -129px; left: -85px;}
.cabinet .bottom-content .prizes-list li.prize-2 .img-wrapper { top: -15px; left: 40px;}
.cabinet .bottom-content .prizes-list li.prize-3 .img-wrapper { top: -75px; left: 45px;}
.cabinet .bottom-content .prizes-list .share-text { color: #035ca9; font-size: 13px;line-height: 15px; margin-top: 5px; }
.cabinet .bottom-content .prizes-list .share-text strong {font-family: 'rotondacbold',sans-serif;}
.cabinet .bottom-content .prizes-list .share-text a{ text-decoration: underline;}
.cabinet .bottom-content .prizes-list .share-text a:hover { text-decoration: none;}
.cabinet .bottom-content .prizes-list .points {width: 84px;height: 84px; background: url(../images/winners/bg-circle.png) top left no-repeat;
  position: absolute; top: 13px; left: -40px; z-index: -2; font-size: 13px;line-height: 13px; color: #005ea6; font-family: 'rotonda2', sans-serif;}
.cabinet .bottom-content .prizes-list .points.points-over {z-index: 30; background: transparent;}
.cabinet .bottom-content .prizes-list .points .count {font-size: 40px;line-height: 40px; padding-top: 2px;}
.cabinet .bottom-content .prizes-list li.prize-1 .points { left: -47px;}
.cabinet .bottom-content .prizes-list li.prize-2 .points { left: -22px;}
.cabinet .bottom-content .prizes-list li.prize-3 .points { left: -20px;}
.cabinet .bottom-content .btn-dop {border-bottom: 1px dashed #035ca9; font-size: 14px;line-height: 14px; color: #035ca9; margin-top: 20px;
  position: relative; z-index: 50; padding-bottom: 2px; display: none;}
.cabinet .bottom-content .btn-dop:hover {border-bottom: 1px dashed #f66e00; color: #f66e00;}

.cabinet .content .tip-holder .tip {width: 300px; background: rgba(255, 255, 255, 0.9); box-shadow: 0 3px 3px rgba(0,0,0,0.55); font-size: 13px;line-height: 16px;
  border-radius: 5px; position: absolute; text-align: left; padding: 12px 20px 12px 30px; color: #00325d; display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
.cabinet .content .tip-holder .tip.tip-up:after { content: ''; width: 14px;height: 10px; z-index: 10;
  background: url(../images/cabinet/galka-down.png) top left no-repeat; position: absolute; bottom: -10px; left: 50%; margin-left: -7px;}
.cabinet .content .tip-holder .tip.tip-right:after { content: ''; width: 8px;height: 12px;  z-index: 10;
  background: url(../images/cabinet/galka-right.png) top left no-repeat; position: absolute; top: 50%;margin-top: -6px;  right: -8px;}
.cabinet .content .tip-holder .tip.tip-left:after { content: ''; width: 6px;height: 11px;  z-index: 10;
  background: url(../images/cabinet/galka-left.png) top left no-repeat; position: absolute; top: 50%;margin-top: -6px;  left: -6px;}
.cabinet .content .tip-holder .tip strong { font-family: 'rotondacbold',sans-serif; ;}
.cabinet .content .tip-holder .tip ul {list-style: disc; list-style-position: outside; position: relative;}
.cabinet .content .tip-holder .tip p {margin-bottom: 5px;}
.cabinet .content .tip-holder .tip p:last-child {margin-bottom: 0;}
.cabinet .content .tip-holder .tip ul li {position: relative; margin-bottom: 5px;}
.cabinet .content .tip-holder .tip ul li p{position: relative; margin-left: -6px;}
.cabinet .content .tip-holder.btn-dop .tip { bottom: 28px; left: 50%; margin-left: -150px;}
.cabinet .content .tip-holder.prize-block .tip {top: 73px; left:  -178px; width: 221px; padding: 15px 12px;}
.cabinet .content .prizes-list li.tip-holder .tip { top: 25px; right:  -215px; width: 277px; padding: 15px 12px 12px 12px; z-index: 50;}
.cabinet .content .tip-holder:hover .tip{ display: block;}
.cabinet .top-content .prize-block.winner:hover .tip { display: none;}
.cabinet .animate {width: 48px;height: 52px; background: url(../images/cabinet/bg-anim.png) top left no-repeat; position: absolute; top: 100px;left: 100px; z-index: -1; opacity: 0;}
.cabinet .btn-special {width: 256px;height: 90px; text-indent: -9999px; background: url(../images/cabinet/btn-special.png) top left no-repeat; position: absolute; top: -10px;left: -8px;}
.cabinet .btn-special:hover {opacity: 0.8;}
.cabinet .animate span { color: #005ea6; font-size: 15px;line-height: 15px; text-align: center; margin-top: 22px; display: inline-block;}
body .anim-sled {width: 18px;height: 18px; background-color: #fafdfe; position:absolute; border-radius: 50%; z-index: -2; opacity: 0;
}
body .anim-sled.transit {
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 2s ease-out;-moz-transition: all 2s ease-out;
  -ms-transition: all 2s ease-out;-o-transition: all 2s ease-out;
  transition: all 2s ease-out;
}
body .anim-sled span { color: #ffffff; font-family: 'rotondacbold',sans-serif; font-size: 28px;line-height: 28px; position: absolute; top: -25px;left: -35px;}

.prize .content {}
.prize .content .content-center { margin-top: 2px;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;}
.prize .top-content { position: relative; left: 50px;}
.prize .top-content img { float: left;}
.prize .top-content .text-wrapper { float: left; margin-top: 63px; margin-left: -32px;}
.prize .top-content .title { color: #ce2a06;  font-family: 'rotondacbold',sans-serif;  font-size: 30px;line-height: 30px; letter-spacing: 0.05em;
  text-transform: uppercase;}
.prize .top-content .about { color: #005cab; text-align: center; font-family: 'rotondacbold',sans-serif;  font-size: 18px;line-height: 19px; padding-top: 2px;
  position: relative; right: 3px; letter-spacing: 0.02em;}

.prize .bottom-content-prize.bottom-content {padding-top: 32px;}
.bottom-content-prize.bottom-content {padding-top: 18px; z-index: -1;}
.bottom-content-prize.bottom-content .title { color: #005ea6; font-size: 23px; line-height: 23px; position: relative; font-family: 'rotonda2', sans-serif; display: inline-block; padding: 0 20px;}
.bottom-content-prize.bottom-content .title:before {content: ''; position: absolute; top: 14px; left: -380px; width: 380px; height: 2px; background: url(../images/winners/line-left.png) top left no-repeat;}
.bottom-content-prize.bottom-content .title:after {content: ''; position: absolute; top: 14px; right: -380px; width: 380px; height: 2px; background: url(../images/winners/line-right.png) top left no-repeat;}
.bottom-content-prize.bottom-content .prizes-list {margin-top: 27px; position: relative; left: 5px; }
.prize .bottom-content-prize.bottom-content .prizes-list {/*left: -46px;*/}
.cabinet .bottom-content-prize.bottom-content .prizes-list,
.winners .bottom-content-prize.bottom-content .prizes-list {left: 57px;}
.bottom-content-prize.bottom-content .prizes-list li{ float: left; position: relative; margin: 0 30px; width: 220px; min-height: 100px;}
.bottom-content-prize.bottom-content .prizes-list li:last-child {margin-left: 35px;}
.bottom-content-prize.bottom-content .prizes-list .img-wrapper {height: 120px; position: absolute; top: 0;bottom: 0; z-index: -1;}
.bottom-content-prize.bottom-content .prizes-list .prize-title {margin-top: 135px; position: relative; z-index: 50; color: #005cab; text-transform: uppercase;
  font-size: 17px;line-height: 17px; font-family: 'rotondacbold',sans-serif;}
.bottom-content-prize.bottom-content .prizes-list .prize-1 .prize-title {right: 10px;}
.bottom-content-prize.bottom-content .prizes-list .prize-2 .prize-title {right: 0;}
.bottom-content-prize.bottom-content .prizes-list .prize-3 .prize-title {right: 25px;}

.bottom-content-prize.bottom-content .prizes-list .img-wrapper img {}
.bottom-content-prize.bottom-content .prizes-list li.prize-1 .img-wrapper img { position: relative; top: 23px;}
.bottom-content-prize.bottom-content .prizes-list li.prize-1 .img-wrapper { top: -129px; left: -85px;}
.bottom-content-prize.bottom-content .prizes-list li.prize-2 .img-wrapper { top: -15px; left: 40px;}
.bottom-content-prize.bottom-content .prizes-list li.prize-3 .img-wrapper { top: -75px; left: 45px;}

.bottom-content-prize.bottom-content .prizes-list .points {width: 84px;height: 84px; background: url(../images/winners/bg-circle.png) top left no-repeat;
  position: absolute; top: 13px; left: -40px; z-index: -2; font-size: 13px;line-height: 13px; color: #005ea6; font-family: 'rotonda2', sans-serif;}
.bottom-content-prize.bottom-content .prizes-list .points.points-over {z-index: 30; background: transparent;}
.bottom-content-prize.bottom-content .prizes-list .points .count {font-size: 40px;line-height: 40px; padding-top: 2px;}
.bottom-content-prize.bottom-content .prizes-list li.prize-1 .points { left: -47px;}
.bottom-content-prize.bottom-content .prizes-list li.prize-2 .points { left: -22px;}
.bottom-content-prize.bottom-content .prizes-list li.prize-3 .points { left: -20px;}

.prize .content .tip-holder .tip {width: 300px; background: rgba(255, 255, 255, 0.9); box-shadow: 0 3px 3px rgba(0,0,0,0.55); font-size: 13px;line-height: 16px;
  border-radius: 5px; position: absolute; text-align: left; padding: 12px 20px 12px 30px; color: #00325d; display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
.prize .content .tip-holder .tip .tip-title {font-size: 17px;line-height: 17px; font-family: 'rotondacbold',sans-serif; margin-bottom: 7px;}
.prize .content .tip-holder .tip.tip-up:after { content: ''; width: 14px;height: 10px; z-index: 10;
  background: url(../images/cabinet/galka-down.png) top left no-repeat; position: absolute; bottom: -10px; left: 50%; margin-left: -7px;}
.prize .content .tip-holder .tip.tip-right:after { content: ''; width: 8px;height: 12px;  z-index: 10;
  background: url(../images/cabinet/galka-right.png) top left no-repeat; position: absolute; top: 50%;margin-top: -6px;  right: -8px;}
.prize .content .tip-holder .tip.tip-left:after { content: ''; width: 6px;height: 11px;  z-index: 10;
  background: url(../images/cabinet/galka-left.png) top left no-repeat; position: absolute; top: 50%;margin-top: -6px;  left: -6px;}
.prize .content .tip-holder .tip strong { font-family: 'rotondacbold',sans-serif; ;}
.prize .content .tip-holder .tip ul {list-style: disc; list-style-position: outside; position: relative;}
.prize .content .tip-holder .tip p {margin-bottom: 5px;}
.prize .content .tip-holder .tip p:last-child {margin-bottom: 0;}
.prize .content .tip-holder .tip ul li {position: relative; margin-bottom: 5px;}
.prize .content .tip-holder .tip ul li p{position: relative; margin-left: -6px;}
.prize .content .prizes-list li.tip-holder .tip { top: -27px; right:  -255px; width: 291px; padding: 18px 18px 13px 18px; z-index: 100;}
.prize .content .img-wrapper { position: relative;}
.prize .content .img-wrapper.tip-holder .tip { top: 30px; left:  -220px; width: 291px; padding: 18px 35px 13px 18px; z-index: 50;}

.prize .content .tip-holder:hover .tip{ display: block;}
.prize .top-content .prize-block.winner:hover .tip { display: none;}

/* FAQ */
.faq .faq-wrapper { width: 819px; height: 81%; max-height: 471px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
  position: absolute; top: 30px; left: 50%; margin-left: -410px; text-align: left;}
.faq .faq-content { position: absolute; top: 35px;bottom: 35px;left: 38px;right: 43px;}
.faq .faq-wrapper .bg { position: absolute; top: 0;bottom: 0;left: 0;right: 0; z-index: -1;}
.faq .faq-wrapper .bg img { height: 100%; width: 100%;}
.faq .faq-wrapper .title { color: #075392; float: left; font-size: 20px; line-height: 17px; padding-right: 10px; border-right: 1px solid #075392; letter-spacing: 0.03em;}
.faq .faq-wrapper .btn-back { color: #626262; font-size: 13px; line-height: 17px; border-bottom: 1px dashed #626262; margin-left: 17px;}
.faq .faq-wrapper .btn-back:hover{border-bottom: 1px dashed #f66e00; color: #f66e00;}
.faq .faq-wrapper .faq-list { color: #075392; padding-left: 20px; margin-top: 41px; width: 782px; outline: none; height: 80%;}
.faq .faq-wrapper .faq-list li {margin-bottom: 7px; width: 715px;}
.faq .faq-wrapper .faq-list .btn-faq { font-size: 16px; line-height: 22px; position: relative; font-family: 'rotonda2',sans-serif; letter-spacing: 0.025em;}
.faq .faq-wrapper .faq-list .answer { font-size: 15px; line-height: 18px; padding-top: 21px; overflow: hidden; padding-bottom: 35px;
  -webkit-transition: all .25s ease-out;-moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;-o-transition: all .25s ease-out;
  transition: all .25s ease-out;}
.faq .faq-wrapper .faq-list .btn-faq.open:after {content: '';position: absolute;left: -20px; top: 7px;border: 6px solid transparent;border-top: 8px solid #075392;}
.faq .faq-wrapper .faq-list .btn-faq.close:after {content: '';position: absolute;left: -17px; top: 3px;border: 6px solid transparent;border-left: 8px solid #075392;}
.faq .faq-wrapper .faq-list .btn-faq.close + .answer {height: 0; padding-bottom: 0;}
.faq .faq-wrapper .arrows { position: absolute;}
.faq .faq-wrapper .arrows .arrow {text-indent: -9999px; position: absolute; right: 1px; border: 6px solid transparent;}
.faq .faq-wrapper .arrows .arrow.arrowUp {border-bottom: 8px solid #075392; top: -45px;}
.faq .faq-wrapper .arrows .arrow.arrowDown {border-top: 8px solid #075392; bottom: -35px;}
.faq .faq-wrapper .arrows .arrowUp:after{content: ''; position: absolute; top: 10px; bottom: -15px; left: -10px; right: -10px;}
.faq .faq-wrapper .arrows .arrowDown:after{content: ''; position: absolute; bottom: 10px; top: -15px; left: -10px; right: -10px; }

/* NEW PRIZES POPUP */
#popupNewPrizes .note { color: #005cab; font-size: 12px;line-height: 12px; text-align: center; position: absolute; bottom: 11px;left: 0;right: 0;}
#popupNewPrizes .popup-wrapper {width: 700px; height: 420px; background: url(../images/prize/bg-popup-newprize.png) top left no-repeat; padding: 30px 0 0; position: relative;}
#popupNewPrizes .btn-close {width: 150px; position: absolute; bottom: 48px; left: 50%; margin-left: -75px;}
#popupNewPrizes .zakaz-1,
#popupNewPrizes .zakaz-2 {position: absolute; padding: 0;margin: 0; top: 300px;}
#popupNewPrizes .zakaz-1 {  top: auto; bottom: 0; left: 50px;}
#popupNewPrizes .zakaz-2 {  top: auto; bottom: 0; left: 50px;}
#popupNewPrizes .prize-1 {width: 210px;height: 225px; background: transparent; position: absolute; top: 115px;left: 90px;}
#popupNewPrizes .prize-1 .tip {top: 30px;left: 150px;}
#popupNewPrizes .prize-2 {width: 215px;height: 275px; background: transparent; position: absolute; top: 65px;right: 90px;}
#popupNewPrizes .prize-2 .tip {top: 80px;left: 150px;}
/* BLANK NEW*/
.blank-new .content-wrapper {z-index: auto;}
.blank-new .content-bg {z-index: -1;}
.blank-new .content-wrapper.wrapper-bg { position: absolute; top: 66px;left: 50%; width: 860px; margin-left: -430px;}
.blank-new .content-wrapper.wrapper-bg .content {margin-top: 128px;}
.blank-new .content {}
.blank-new .content-wrapper.wrapper-bg .blank-wrapper {z-index: auto; /*z-index: 50;*/}
.blank-new .content .blank-wrapper  { width: 605px; height: 670px; z-index: 50;
  position: absolute; left: 50%; margin-left: -422px; padding: 52px 140px 0 115px; color: #005cab;  top: 13px;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;}
.blank-new .content-wrapper.wrapper-bg .content .blank-wrapper {background:  url(../images/blank/blank-bg.png?v=2) top left no-repeat;}
/*
.blank .content .blank-wrapper {background:  url(../images/blank/blank-bg.png?v=2) top left no-repeat;}
*/
.blank-new .content .blank-wrapper .popup-close { top: -2px; right: 15px;}
.blank-new .content .blank-wrapper .title { font: 33px/33px 'rotonda2', sans-serif;  text-transform: uppercase;}
.blank-new .content .blank-wrapper .snoska {font-size: 15px;line-height: 15px;font-family: 'rotondacregular', sans-serif;  margin-top: 0px; white-space: nowrap; text-align: center;}
.blank-new .content .blank-wrapper .error-blank { text-align: left; margin-top: 20px; padding-left: 80px;}
.blank-new .content .blank-wrapper .step2 .error-blank {margin-top: 50px;}
.blank-new .content .blank-wrapper .step3 .error-blank {margin-top: 12px;}

.blank-new .content .blank-wrapper .step {height: 241px; margin-top: 26px;}
.blank-new .content .blank-wrapper .step.step-hidden { display: none;}
.blank-new .content .blank-wrapper .step .row {margin-top: 11px; text-align: left; position: relative;}
.blank-new .content .blank-wrapper .step .col { float: left; width: 301px; position: relative;}
.blank-new .content .blank-wrapper .step .col.fl-l { float: left;}
.blank-new .content .blank-wrapper .step .col.fl-r { float: right; width: 263px;}
.blank-new .content .blank-wrapper .step .col.fl-r.ml {margin-left: 21px;}
.blank-new .content .blank-wrapper .step .col.w400 {width: 400px;}
.blank-new .content .blank-wrapper .step .col.w160{ width: 164px;}
.blank-new .content .blank-wrapper .step .col.w180{ width: 184px;}
.blank-new .content .blank-wrapper .step .col.w200{ width: 206px;}

.blank-new .content .blank-wrapper .step.step1 {margin-top: 42px;}
.blank-new .content .blank-wrapper .step.step2 {margin-top: 59px;}
.blank-new .content .blank-wrapper .step.step3 {margin-top: 59px;}

.blank-new .content .blank-wrapper .step.step1 .row {margin-top: 21px;}
.blank-new .content .blank-wrapper .step .col-left { float: left;}
.blank-new .content .blank-wrapper .step .col-right { float: right;}
.blank-new .content .blank-wrapper .step-num { color: #3a3c3e; font-size: 17px;line-height: 17px; position: absolute; top: 437px;left: 80px; text-align: left; font-style: italic;}
.blank-new .blank-span {font: 18px/29px 'rotondacbold', sans-serif;  float: left;}
.blank-new .blank-span.corpus-span { position: relative; left: 48px;}
.blank-new .blank-field { height: 29px; border: 0; color: #0c3263; font: 16px/29px 'rotondacregular', sans-serif; padding: 0 10px; opacity: 0.7;
  background: #e9e9e9; box-shadow: inset 2px 1px 0 rgba(0,0,0,0.14), inset -1px -1px rgba(255,255,255,0.5); float: right;}
.blank-new.step1 .blank-field {  }
.blank-new.step .blank-field.index,
.blank-new.step .blank-field.age { text-align: center;}
.blank-new .blank-field__200 {width: 180px;}
.blank-new .blank-field__500 {width: 483px;}
.blank-new.col2 {position: absolute; left: 335px; top: 0;}
.blank-new .blank-field__name {top: 0; left: 70px;}
.blank-new .blank-gender {position: absolute; top: 2px; left: 105px; width: 165px;}
.blank-new .blank-gender label:nth-child(1) {float: left;}
.blank-new .blank-gender label:nth-child(2) {float: right;}
.blank-new .blank-radio {position: absolute; clip: rect(0,0,0,0); pointer-events: none;}
.blank-new .blank-radio-text {position: relative; padding-right: 18px; display: block; font: 15px/27px 'rotondacregular', sans-serif; color: #105490; -moz-user-select: -moz-none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
.blank-new .blank-radio-text:hover {cursor: pointer; opacity: 0.8;}
.blank-new .blank-radio-text:before {content: ""; display: block; height: 12px; width: 12px; background: url('../images/blank/sprite-check.png'); position: absolute; top: 6px; right: 0; background-position: -12px 0;}
.blank-new .blank-radio:checked+.blank-radio-text:before {background-position: 0 0;}
.blank-new .content .blank-wrapper .step .popup-submit {margin-top: 5px;}
.blank-new .content .blank-wrapper .step2 .popup-button {margin-top: -4px;}
.blank-new .content .blank-wrapper .step3 .popup-button {margin-top: -4px;}
.blank-new .blank-field__520 {width: 503px;}
.blank-new .blank-field__400 {width: 383px;}
.blank-new .blank-field__80 {width: 63px;}
.blank-new .blank-field__260 {width: 260px;}
.blank-new .step2 .blank-field {left: 210px;}
.blank-new .blank-textarea {font: 15px/19px 'rotondacregular', sans-sarif; color: #0c3263; opacity: 0.7; width: 560px; height: 35px; resize: none; border: 0; background: #e9e9e9; margin: 0 0 10px -40px; padding: 15px 22px; background: linear-gradient(to top, #e1e1e1, #ebebeb); box-shadow: inset 2px 1px 0 rgba(0,0,0,0.14), inset -1px -1px rgba(255,255,255,0.5); margin: 0 auto;}
.blank-new .col2-home {left: 380px; width: 240px; position: absolute;}
.blank-new .col2-stroenie {position: absolute; left: 190px; width: 210px;}
.blank-new .col3-flat {position: absolute; left: 405px; width: 210px;}


/* BLANK NEW 2*/
.blank-new2 .content-wrapper {z-index: auto;}
.blank-new2 .content-bg {z-index: -1;}
.blank-new2 .content-wrapper.wrapper-bg { position: absolute; top: 66px;left: 50%; width: 860px; margin-left: -430px;}
.blank-new2 .content-wrapper.wrapper-bg .content {margin-top: 128px;}
.blank-new2 .content {}
.blank-new2 .content-wrapper.wrapper-bg .blank-wrapper {z-index: auto; /*z-index: 50;*/}
.blank-new2 .content .blank-wrapper  { width: 605px; height: 670px; z-index: 50;
  position: absolute; left: 50%; margin-left: -422px; padding: 52px 140px 0 115px; color: #005cab;  top: 13px;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;}
.blank-new2 .content-wrapper.wrapper-bg .content .blank-wrapper {background:  url(../images/blank/blank-bg.png?v=2) top left no-repeat;}
/*
.blank .content .blank-wrapper {background:  url(../images/blank/blank-bg.png?v=2) top left no-repeat;}
*/
.blank-new2 .content .blank-wrapper .popup-close { top: -2px; right: 15px;}
.blank-new2 .content .blank-wrapper .title { font: 33px/33px 'rotonda2', sans-serif;  text-transform: uppercase;}
.blank-new2 .content .blank-wrapper .snoska {font-size: 15px;line-height: 15px;font-family: 'rotondacregular', sans-serif;  margin-top: 0px; white-space: nowrap; text-align: center;}
.blank-new2 .content .blank-wrapper .error-blank { text-align: left; margin-top: 20px; padding-left: 80px;}
.blank-new2 .content .blank-wrapper .step2 .error-blank {margin-top: 50px;}
.blank-new2 .content .blank-wrapper .step3 .error-blank {margin-top: 12px;}

.blank-new2 .content .blank-wrapper .step {height: 241px; margin-top: 26px;}
.blank-new2 .content .blank-wrapper .step.step-hidden { display: none;}
.blank-new2 .content .blank-wrapper .step .row {margin-top: 11px; text-align: left; position: relative;}
.blank-new2 .content .blank-wrapper .step .col { float: left; width: 301px; position: relative;}
.blank-new2 .content .blank-wrapper .step .col.fl-l { float: left;}
.blank-new2 .content .blank-wrapper .step .col.fl-r { float: right; width: 263px;}
.blank-new2 .content .blank-wrapper .step .col.fl-r.ml {margin-left: 21px;}
.blank-new2 .content .blank-wrapper .step .col.w400 {width: 400px;}
.blank-new2 .content .blank-wrapper .step .col.w160{ width: 164px;}
.blank-new2 .content .blank-wrapper .step .col.w180{ width: 184px;}
.blank-new2 .content .blank-wrapper .step .col.w200{ width: 206px;}

.blank-new2 .content .blank-wrapper .step.step1 {margin-top: 42px;}
.blank-new2 .content .blank-wrapper .step.step2 {margin-top: 59px;}
.blank-new2 .content .blank-wrapper .step.step3 {margin-top: 59px;}

.blank-new2 .content .blank-wrapper .step.step1 .row {margin-top: 21px;}
.blank-new2 .content .blank-wrapper .step .col-left { float: left;}
.blank-new2 .content .blank-wrapper .step .col-right { float: right;}
.blank-new2 .content .blank-wrapper .step-num { color: #3a3c3e; font-size: 17px;line-height: 17px; position: absolute; top: 437px;left: 80px; text-align: left; font-style: italic;}
.blank-new2 .blank-span {font: 18px/29px 'rotondacbold', sans-serif;  float: left;}
.blank-new2 .blank-span.corpus-span { position: relative; left: 48px;}
.blank-new2 .blank-field { height: 29px; border: 0; color: #0c3263; font: 16px/29px 'rotondacregular', sans-serif; padding: 0 10px; opacity: 0.7;
  background: #e9e9e9; box-shadow: inset 2px 1px 0 rgba(0,0,0,0.14), inset -1px -1px rgba(255,255,255,0.5); float: right;}
.blank-new2.step1 .blank-field {  }
.blank-new2.step .blank-field.index,
.blank-new2.step .blank-field.age { text-align: center;}
.blank-new2 .blank-field__200 {width: 180px;}
.blank-new2 .blank-field__500 {width: 483px;}
.blank-new2.col2 {position: absolute; left: 335px; top: 0;}
.blank-new2 .blank-field__name {top: 0; left: 70px;}
.blank-new2 .blank-gender {position: absolute; top: 2px; left: 105px; width: 165px;}
.blank-new2 .blank-gender label:nth-child(1) {float: left;}
.blank-new2 .blank-gender label:nth-child(2) {float: right;}
.blank-new2 .blank-radio {position: absolute; clip: rect(0,0,0,0); pointer-events: none;}
.blank-new2 .blank-radio-text {position: relative; padding-right: 18px; display: block; font: 15px/27px 'rotondacregular', sans-serif; color: #105490; -moz-user-select: -moz-none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
.blank-new2 .blank-radio-text:hover {cursor: pointer; opacity: 0.8;}
.blank-new2 .blank-radio-text:before {content: ""; display: block; height: 12px; width: 12px; background: url('../images/blank/sprite-check.png'); position: absolute; top: 6px; right: 0; background-position: -12px 0;}
.blank-new2 .blank-radio:checked+.blank-radio-text:before {background-position: 0 0;}
.blank-new2 .content .blank-wrapper .step .popup-submit {margin-top: 5px;}
.blank-new2 .content .blank-wrapper .step2 .popup-button {margin-top: -4px;}
.blank-new2 .content .blank-wrapper .step3 .popup-button {margin-top: -4px;}
.blank-new2 .blank-field__520 {width: 503px;}
.blank-new2 .blank-field__400 {width: 383px;}
.blank-new2 .blank-field__80 {width: 63px;}
.blank-new2 .blank-field__260 {width: 260px;}
.blank-new2 .step2 .blank-field {left: 210px;}
.blank-new2 .blank-textarea {font: 15px/19px 'rotondacregular', sans-sarif; color: #0c3263; opacity: 0.7; width: 560px; height: 35px; resize: none; border: 0; background: #e9e9e9; margin: 0 0 10px -40px; padding: 15px 22px; background: linear-gradient(to top, #e1e1e1, #ebebeb); box-shadow: inset 2px 1px 0 rgba(0,0,0,0.14), inset -1px -1px rgba(255,255,255,0.5); margin: 0 auto;}
.blank-new2 .col2-home {left: 380px; width: 240px; position: absolute;}
.blank-new2 .col2-stroenie {position: absolute; left: 190px; width: 210px;}
.blank-new2 .col3-flat {position: absolute; left: 405px; width: 210px;}

/* BLANK */
.blank .content-wrapper {z-index: auto;}
.blank .content-bg {z-index: -1;}
.blank .content-wrapper.wrapper-bg { position: absolute; top: 66px;left: 50%; width: 860px; margin-left: -430px;}
.blank .content-wrapper.wrapper-bg .content {margin-top: 128px;}
.blank .content {}
.blank .content-wrapper.wrapper-bg .blank-wrapper {z-index: auto;}
.blank .content .blank-wrapper  { width: 620px; height: 666px; z-index: 50;
  position: absolute; left: 50%; margin-left: -422px; padding: 56px 125px 0 115px; color: #005cab;  top: 13px;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;}
.blank .content-wrapper.wrapper-bg .content .blank-wrapper {background:  url(../images/blank/blank-bg-old.png) top left no-repeat;}
.blank .content .blank-wrapper .popup-close { top: -2px; right: 15px;}
.blank .content .blank-wrapper .title { font: 33px/33px 'rotonda2', sans-serif;  text-transform: uppercase;}
.blank .content .blank-wrapper .snoska {font-size: 17px;line-height: 19px; font-style: italic; margin-top: 13px; white-space: nowrap; text-align: left;}
.blank .content .blank-wrapper .error-blank { text-align: left; margin-top: 40px; padding-left: 80px;}
.blank .content .blank-wrapper .step2 .error-blank {margin-top: 50px;}
.blank .content .blank-wrapper .step3 .error-blank {margin-top: 12px;}

.blank .content .blank-wrapper .step {height: 241px; margin-top: 50px;}
.blank .content .blank-wrapper .step.step-hidden { display: none;}
.blank .content .blank-wrapper .step .row {margin-top: 30px; text-align: left; position: relative;}
.blank .content .blank-wrapper .step.step1 {margin-top: 42px;}
.blank .content .blank-wrapper .step.step2 {margin-top: 59px;}
.blank .content .blank-wrapper .step.step3 {margin-top: 59px;}

.blank .content .blank-wrapper .step.step1 .row {margin-top: 21px;}
.blank .content .blank-wrapper .step .col-left { float: left;}
.blank .content .blank-wrapper .step .col-right { float: right;}
.blank .content .blank-wrapper .step-num { color: #3a3c3e; font-size: 17px;line-height: 17px; position: absolute; top: 437px;left: 80px; text-align: left; font-style: italic;}
.blank .blank-span {font: 19px/30px 'rotondacbold', sans-serif; margin-right: 20px;}
.blank .blank-field { height: 30px; border: 0; color: #0c3263; font: 16px/30px 'rotondacregular', sans-serif; padding: 0 10px; opacity: 0.7; background: #e9e9e9; box-shadow: inset 2px 1px 0 rgba(0,0,0,0.14), inset -1px -1px rgba(255,255,255,0.5); position: absolute; }
.blank .step1 .blank-field { left: 105px; }
.blank .step1 .blank-field.age { left: 158px; text-align: center;}
.blank .blank-field__200 {width: 180px;}
.blank .blank-field__500 {width: 480px;}
.blank .col2 {position: absolute; left: 335px; top: 0;}
.blank .blank-field__name {top: 0; left: 70px;}
.blank .blank-gender {position: absolute; top: 2px; left: 105px; width: 165px;}
.blank .blank-gender label:nth-child(1) {float: left;}
.blank .blank-gender label:nth-child(2) {float: right;}
.blank .blank-radio {position: absolute; clip: rect(0,0,0,0); pointer-events: none;}
.blank .blank-radio-text {position: relative; padding-right: 18px; display: block; font: 15px/27px 'rotondacregular', sans-serif; color: #105490; -moz-user-select: -moz-none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
.blank .blank-radio-text:hover {cursor: pointer; opacity: 0.8;}
.blank .blank-radio-text:before {content: ""; display: block; height: 12px; width: 12px; background: url('../images/blank/sprite-check.png'); position: absolute; top: 6px; right: 0; background-position: -12px 0;}
.blank .blank-radio:checked+.blank-radio-text:before {background-position: 0 0;}
.blank .blank .content .blank-wrapper .step1 .popup-submit {margin-top: 10px;}
.blank .blank .content .blank-wrapper .step2 .popup-button {margin-top: -4px;}
.blank .blank .content .blank-wrapper .step3 .popup-button {margin-top: -4px;}
.blank .blank-field__400 {width: 400px;}
.blank .blank-field__80 {width: 70px;}
.blank .blank-field__260 {width: 260px;}
.blank .step2 .blank-field {left: 210px;}
.blank .blank-textarea {font: 15px/19px 'rotondacregular', sans-sarif; color: #0c3263; opacity: 0.7; width: 560px; height: 35px; resize: none; border: 0; background: #e9e9e9; margin: 0 0 10px -40px; padding: 15px 22px; background: linear-gradient(to top, #e1e1e1, #ebebeb); box-shadow: inset 2px 1px 0 rgba(0,0,0,0.14), inset -1px -1px rgba(255,255,255,0.5); margin: 0 auto;}
.blank .col2-home {left: 380px; width: 240px; position: absolute;}
.blank .col2-stroenie {position: absolute; left: 190px; width: 210px;}
.blank .col3-flat {position: absolute; left: 405px; width: 210px;}

/* BLANK GENDER */

#blank-gender  .popup-radio-reg {margin: 0; float: right; height: auto;}
#blank-gender  .popup-radio-reg label { float: left; margin: 0; text-align: left; border: none; padding: 0; width: auto; margin-right: 4px;}
#blank-gender  .popup-radio-reg label:last-child {margin-right: 0;}
#blank-gender  .popup-radio {position: absolute;clip: rect(0,0,0,0);pointer-events: none;}
#blank-gender  .popup-radio+.popup-radio-btn2 { color: #005cab; font: 15px/29px 'rotondacregular', sans-sarif; cursor: pointer; padding-right: 18px;
  display: inline-block; position: relative; -moz-user-select: -moz-none;  -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none;}
#blank-gender  .popup-radio-reg.flr .popup-radio+.popup-radio-btn2 {padding-left: 13px;}
#blank-gender  .popup-radio+.popup-radio-btn2:after {content: ''; width: 12px; height: 12px; position: absolute; top: 8px;right: 0;
  background:  url(../images/blank/sprite-checkbox.png) top left no-repeat; background-position: 0 0;}
#blank-gender  .popup-radio:checked+.popup-radio-btn2:after { background-position: 0 -36px;}

/* FOOTER */
.footer-wrapper { position: absolute; bottom: 0;left: 0;right: 0; z-index: 10;}
.footer-wrapper .footer-bg { width: 100%; height: auto; display: block; position: absolute; bottom: 0;left: 0;right: 0;}
.footer-wrapper .footer-down { position: absolute; bottom: 0;left: 0;right: 0; height: 36px;  color: #feffff; font: 10px/10px Arial,Verdana,sans-serif;}
.footer-wrapper .copy { float: left; display: inline-block; margin-left: 7%; margin-top: 13px;}
.footer-wrapper .footer-menu {margin-top: 13px; margin-left: 1.2%; float: left;}
.footer-wrapper .footer-menu li { float: left;}
.footer-wrapper .footer-menu li a{ padding: 0 12px; border-left: 1px solid #feffff;}
.footer-wrapper .footer-menu li a:hover { text-decoration: underline;}
.footer-wrapper .social-block { position: absolute; bottom: 25%;left: 7%;}
.footer-wrapper .social-label { color: #feffff; font: 15px/26px 'rotondacbold',sans-serif; float: left; text-transform: uppercase;}
.footer-wrapper .social-list {float: left; margin-left: 22px;}
.footer-wrapper .social-list li{ float: left; margin-right: 6px;}
.footer-wrapper .social-list li a {width: 26px;height: 26px; background: url(../images/footer/sprite-social.png) top left no-repeat; text-indent: -9999px;}
.footer-wrapper .social-list li a:hover {opacity: 0.8;}
.footer-wrapper .social-list li a.vk { background-position: 0 0 ;}
.footer-wrapper .social-list li a.fb { background-position: -64px 0 ;}
.footer-wrapper .social-list li a.ok { background-position: -32px 0 ;}
.footer-wrapper .btn-feedback { font-size: 13px; line-height: 26px; color: #feffff;
  position: absolute; left: 7%; width: 100px; bottom: 16%; text-decoration: underline;}
.footer-wrapper .btn-feedback:hover { text-decoration: none;}
.footer-products { position: absolute; bottom: 0;right: 0; width: 37%;}
.cabinet .footer-products { position: absolute; bottom: 0;right: 0; width: 28%; }
.footer-products.z15 {z-index: 15;}
.footer-products .btn-product { position: absolute; bottom: 0; right: 0;z-index: 30; }
.footer-products .btn-product img{ width: 100%; height: auto; max-width: 471px; float: right; }
.footer-products .products-about { position: absolute; bottom: 77%;right: 32%; width: 80%;}
.footer-products .products-about img{width: 100%; height: auto; max-width: 369px; float: right;}

#AllMess_text a { text-decoration: underline;}
#AllMess_text a:hover { text-decoration: none;}
/* BREAK */
.break .text-wrapper { color: #005dab; text-transform: uppercase;}
.break .text-wrapper h1 {font: 60px/72px 'rotondacbold',sans-serif;}
.break .text-wrapper h2 {margin-top: 22px; font: 20px/25px 'rotondacbold',sans-serif;}
#popupNewPrizes .tip-holder .tip,
#popupFruitPriz .tip-holder .tip {width: 300px; background: rgba(255, 255, 255, 0.9); box-shadow: 0 3px 3px rgba(0,0,0,0.55); font-size: 13px;line-height: 16px;
  border-radius: 5px; position: absolute; text-align: left; padding: 12px 20px 12px 30px; color: #00325d; display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
#popupNewPrizes .tip-holder .tip .tip-title,
#popupFruitPriz .tip-holder .tip .tip-title {font-size: 17px;line-height: 17px; font-family: 'rotondacbold',sans-serif; margin-bottom: 7px;}
#popupNewPrizes .tip-holder .tip.tip-up:after,
#popupFruitPriz .tip-holder .tip.tip-up:after { content: ''; width: 14px;height: 10px; z-index: 10;
  background: url(../images/cabinet/galka-down.png) top left no-repeat; position: absolute; bottom: -10px; left: 50%; margin-left: -7px;}
#popupNewPrizes .tip-holder .tip.tip-right:after,
#popupFruitPriz .tip-holder .tip.tip-right:after { content: ''; width: 8px;height: 12px;  z-index: 10;
  background: url(../images/cabinet/galka-right.png) top left no-repeat; position: absolute; top: 50%;margin-top: -6px;  right: -8px;}
#popupNewPrizes .tip-holder .tip.tip-left:after,
#popupFruitPriz .tip-holder .tip.tip-left:after { content: ''; width: 6px;height: 11px;  z-index: 10;
  background: url(../images/cabinet/galka-left.png) top left no-repeat; position: absolute; top: 50%;margin-top: -6px;  left: -6px;}
#popupNewPrizes .tip-holder .tip strong,
#popupFruitPriz .tip-holder .tip strong { font-family: 'rotondacbold',sans-serif; ;}
#popupNewPrizes .tip-holder .tip ul,
#popupFruitPriz .tip-holder .tip ul {list-style: disc; list-style-position: outside; position: relative;}
#popupNewPrizes .tip-holder .tip p,
#popupFruitPriz .tip-holder .tip p {margin-bottom: 5px;}
#popupNewPrizes .tip-holder .tip p:last-child,
#popupFruitPriz .tip-holder .tip p:last-child {margin-bottom: 0;}
#popupNewPrizes .tip-holder .tip ul li,
#popupFruitPriz .tip-holder .tip ul li {position: relative; margin-bottom: 5px;}
#popupNewPrizes .tip-holder .tip ul li p,
#popupFruitPriz .tip-holder .tip ul li p{position: relative; margin-left: -6px;}
#popupNewPrizes .prizes-list li.tip-holder .tip,
#popupFruitPriz .prizes-list li.tip-holder .tip { top: 15px; left:  50%; margin-left: -145px; width: 291px; padding: 18px 18px 13px 18px; z-index: 100;}

#popupNewPrizes .img-wrapper,
#popupFruitPriz .img-wrapper { position: relative;}
#popupNewPrizes .img-wrapper.tip-holder .tip,
#popupFruitPriz .img-wrapper.tip-holder .tip { top: 30px; left:  -220px; width: 291px; padding: 18px 35px 13px 18px; z-index: 50;}
#popupNewPrizes .tip-holder:hover .tip,
#popupFruitPriz .tip-holder:hover .tip{ display: block;}

.scroll-pane {/*max-height: 300px;*/}
.jspContainer
{
  overflow: hidden;
  position: relative;
}
.jspPane
{
  position: absolute;
}
.jspVerticalBar
{
  position: absolute;
  top: 0;
  right: 5px;
  width: 5px;
  height: 100%;
  background: rgba(7,81,146,0.1);
}
.jspHorizontalBar
{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red;
}
.jspCap
{
  display: none;
}
.jspHorizontalBar .jspCap
{
  float: left;
}
.jspTrack
{
  /*background: #dde;*/
  position: relative;
}
.jspDrag
{
  background: #075392;
  position: relative;
  width: 12px;
  top: 0;
  left: -3px;
  cursor: pointer;
  border-radius: 15px;
  height: 30px;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
  float: left;
  height: 100%;
}
.jspArrow
{
  background: transparent;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0;
  position: absolute;
  left: -3px;
}
.jspArrowDown {border: 6px solid transparent;border-top: 8px solid #075392; bottom: 0;}
.jspArrowUp {border: 6px solid transparent;border-bottom: 8px solid #075392; top: 0;}

.jspArrow.jspDisabled
{
  cursor: default;
  background: transparent;
}
.jspVerticalBar .jspArrow
{

}
.jspHorizontalBar .jspArrow
{
  width: 16px;
  float: left;
  height: 100%;
}
.jspVerticalBar .jspArrow:focus
{
  outline: none;
}
.jspArrow.jspCorner
{
  background: #eeeef4;
  float: left;
  height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
  margin: 0 -3px 0 0;
}

@media only screen and (max-width: 1100px){
  .header {right: 75px; }
  .header-wrapper .action-wrapper { width: 230px;}
  .content-wrapper .main-menu-wrapper {right: 25px;}
  .content-wrapper .main-menu-wrapper .logo {width: 110px;height: 55px; -webkit-background-size: cover; margin-top: 25px;
    background-size: cover;}
  .blank-new .content-wrapper.wrapper-bg .content {margin-top: 108px;}
  .blank .content-wrapper.wrapper-bg .content {margin-top: 108px;}

  .footer-products .btn-product img {position: relative; left: 10px;}
  .winners .top-content {left: -12px;}
/*
  .winners .bottom-content .prizes-list li{  margin: 0 40px;}
*/
  .about .content .about-list {left: 10px;}
  .test-end .content .end-about-wrapper {margin-left: 0;}
  .test-end .content .end-about {width: 520px;}
  .game .game-wrapper .question {left: 85px;}
/*  .game .content .answer,
  .game .game-wrapper .answer {right: -5px;}*/
  .game .content .answer-wrapper {margin-left: -100px;}
  .game .game-wrapper .answer {right: -5px;}
}
@media only screen and (max-width: 1200px){
  .about .content .btns-list {right: 150px;}
}
@media only screen and (max-height: 870px){
  .content-wrapper .main-menu-wrapper .logo {width: 110px;height: 55px; -webkit-background-size: cover; margin-top: 25px;background-size: cover;}
  .blank-new .content-wrapper.wrapper-bg .content {margin-top: 108px;}
  .blank .content-wrapper.wrapper-bg .content {margin-top: 108px;}

  .main .content .content-center{/*margin-top: 16px;*/}
  .main .content form {margin-top: 40px;}
  .main .content .prize-wrapper {/*bottom: 65px;*/}
  .error404 .content .name {margin-top: 60px;}
  .about .content .about-list {top: -200px;}
  .about .content .btns-list {margin-top: 315px;}
  .test .content .answers {margin-top: 35px;}
  .faq .faq-wrapper {top: 10px; height: 70%;}

  .blank-new .content .blank-wrapper {
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }
  .blank .content .blank-wrapper {
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }
  .bone.game-end .content .game-end-wrapper {
    margin-top: 0;
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }

  .bone.game-end .content .game-end-wrapper.mother { margin-top: 30px; }

  .footer-products { width: 363px;}

  .test-start .content .form-wrapper {
    margin-top: 20px;
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }
  .test-end .test-end-wrapper {
    padding-top: 26px;
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }
  .test .content .test-wrapper {
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }
  .game-start .content-center .form-wrapper {
    margin-top: 0;
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }
  .bone.game .content .answer-wrapper,
  .bone.game .game-wrapper {
    margin-top: 0;
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }

  .game-end .content .game-end-wrapper {margin-top: -70px;}
  .game-end .content .game-end-wrapper.mother {margin-top: -30px;}
}

@media only screen and (max-height: 900px){
  .winners .footer-products,
  .game .footer-products,
  .prize .footer-products,
  .cabinet .footer-products { width: 280px;}
  .cabinet .content .content-center,
  .winners .content .content-center,
  .prize .content .content-center {
    -moz-transform: scale(0.75, 0.75);
    -ms-transform:scale(0.75, 0.75);
    -webkit-transform: scale(0.75, 0.75);
    -o-transform: scale(0.75, 0.75);
    transform: scale(0.75, 0.75);
  }
  .cabinet .bottom-content.bottom-content-prize {padding-top: 0;}
}

@media only screen and (max-height: 970px){
  .bone.game .game-wrapper {
    margin-top: 0;
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }

  .game-end .content .game-end-wrapper {margin-top: -70px;}
  .game-end .content .game-end-wrapper.mother {margin-top: -30px;}
}

@media only screen and (min-height: 1280px){
  .bone.main,
  .bone {
     -webkit-background-size: cover;
     background-size: cover;
  }
}
@media only screen and (min-width: 1920px){
  .bone.main,
  .bone {
    -webkit-background-size: cover;
    background-size: cover;
  }
}

@media only screen and (max-height: 720px){
  .main .content {top: -2px;}
  .cabinet .content {top: -10px;}
  .winners .footer-products,
  .prize .footer-products,
  .cabinet .footer-products { width: 260px;}

  .content-wrapper .main-menu-wrapper {
    padding-top: 0;
    margin-top: -15px;
  }
  .blank-new .content-wrapper.wrapper-bg .content {
    margin-top: 68px;
  }
  .blank .content-wrapper.wrapper-bg .content {
    margin-top: 68px;
  }
  .about .content {
    top: 10px;
    -moz-transform: scale(0.9, 0.9);
    -ms-transform:scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }
}

@media only screen and (max-height: 750px){
  .game .content-wrapper .main-menu-wrapper {
    padding-top: 0;
    margin-top: -15px;
  }
}