@charset "utf-8";

/*--------------------------------------------------------------------------------------------------
CSS Styles for Cashback.

version:   1.0
--------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------*/

/* Setting up the fonts */
body {color: #434343; font-weight: normal; font-family: 'Barlow', Arial, Verdana, Helvetica, sans-serif; font-size: 16px; line-height: 20px; background: #f2f2f2;}

/* End Typography
--------------------------------------------------------------------------------------------------*/
#main { margin: 0 auto; position: relative; max-width: 1136px; min-width: 320px; overflow: hidden;}
#content:after, #header:after, #footer:after {display: block; content:''; clear: both;}
.container-fluid {padding: 0 25px;}

/* =Links
--------------------------------------------------------------------------------------------------*/
a {color: #434343; text-decoration: none;}
a:hover {color: #2d91a3; text-decoration: underline;}
.button {display: inline-block; border: none; outline: none; height: 39px; line-height: 37px; font-size: 16.6px; color: #fff; font-size: 17px; text-decoration: none; text-align: center; padding: 0 13.5px; background: #fb9f0e; -webkit-border-radius: 20px; border-radius: 20px;}
.button:hover {text-decoration: none; color: #fff;}
.button.transparent {background: none; border: 2px solid #fafafa;  -webkit-border-radius: 23x; border-radius: 23px; height: 45px; line-height: 40px; font-size: 20px; font-weight: 700;}
.btn-large {font-size: 20px; font-weight: 700; height: 56px; line-height: 54px; padding: 0 32px; -webkit-border-radius: 28px; border-radius: 28px;}
a:focus, button:focus {outline: none;}
/* End Links
--------------------------------------------------------------------------------------------------*/

.form-search2 {height: 47px; width: 100%; display: block;}
.form-search2 button {width: 52px; height: 47px; background: url(../img/bgi/icons.png) 4px -27px no-repeat; text-indent: -99999px; border: none; float: left;}
.form-search2 .field {margin-left: 52px;}
.form-search2 input {background: none; border: none; color: #434343; font-family: 'Barlow', Arial, Verdana, Helvetica, sans-serif; font-size: 16px; line-height: 21px; padding: 13px 0; width: 100%;}

#mobil_lnk_login{display:none;}
#mobil_lnk_register{display:none;}


/* =Headings
--------------------------------------------------------------------------------------------------*/
.logo-panel {height: 95px; padding: 0 25px;}
.logo {max-width: 202px;}
.logo span {display: none;}
.logo img {display: block; max-width: 100%; height: auto;}
.btn-wrapper .button {margin-left: 10px;}
.login-btn {background: #2d91a3;}
.login-btn:before {content: ''; display: inline-block; background: url(../img/bgi/icons.png) 0 0 no-repeat; width: 16px; height: 15px; margin: 0 7px 0 0; vertical-align: -0.1em;}
.register-btn:before {content: ''; display: inline-block; background: url(../img/bgi/icons.png) -25px 0 no-repeat; width: 15px; height: 14px; margin: 0 6px 0 0; vertical-align: -0.1em;}
.account-summ {display: inline-block; background: #eaeaea; -webkit-border-radius: 10px; border-radius: 10px; height: 40px; line-height: 38px; padding: 0 15px; font-weight: 600; }
.account-summ:before {content: ''; display: inline-block; background: url(../img/bgi/icons.png) -51px -47px no-repeat; width: 20px; height: 16px; margin: 0 11px 0 0; vertical-align: -0.1em;}
.btn-wrapper .button:before {margin: 0;}
.form-search {height: 47px; border-left: 1px solid #c6c6c6; width: 31.8%; display: block;}
.form-search button {width: 52px; height: 47px; background: url(../img/bgi/icons.png) 4px -27px no-repeat; text-indent: -99999px; border: none; float: left;}
.form-search .field {margin-left: 52px;}
.form-search input {background: none; border: none; color: #434343; font-family: 'Barlow', Arial, Verdana, Helvetica, sans-serif; font-size: 16px; line-height: 21px; padding: 13px 0; width: 100%;}
input::-webkit-input-placeholder {opacity:1; color: #cecece;}
input:-moz-placeholder {opacity: 1; color: #cecece;}
input::-moz-placeholder {opacity: 1; color: #cecece;}
input:-ms-input-placeholder {opacity: 1; color: #cecece !important;}
/* End Headings
--------------------------------------------------------------------------------------------------*/



/* =Main Nav
--------------------------------------------------------------------------------------------------*/
.navbar {padding: 0 25px; background: #fff; height: 47px;}
.nav-item {margin: 0 48px 0 0; padding: 0;}
.navbar-expand-md .navbar-nav .nav-link {padding: 0;}
.navbar-expand-md .navbar-nav .active .nav-link, .navbar-expand-md .navbar-nav .nav-link:hover {color: #2d91a3;}

/* End Main Nav
--------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------*/
#content {background: #fff;}
.start-panel {background: url(../img/bgi/bg1.png) 50% no-repeat; position: relative; padding: 105px 15px 110px;}
.start-panel-home {padding: 98px 0 160px;}
h1 {color: #fff; text-align: center; font-size: 60px; line-height: 66px; font-weight: 800; text-transform: uppercase; max-width: 540px; margin: auto;}
.start-panel-home .button {margin: 21px 0 0;}
.start-panel-home figure {position: absolute;}
.start-panel-home figure img {display: block; width: 100%; height: auto;}
.start-panel-img1 {left: 5.3%; bottom: 34px; width: 26.5%;}
.start-panel-img2 {right: 5.1%; bottom: 35px; width: 28.4%;}

.intro {padding: 88px 0 117px; text-align: center;}
.intro h2 {font-size: 50px; line-height: 60px; font-weight: 800; text-transform: uppercase; margin: 0 0 73px; padding: 0 15px;}
.intro-list {margin: 0 0 67px; position: relative;}
.intro-list:before {content: ''; position: absolute; top: 68px; height: 1px; background: #c3c3c3; width: 70%; left: 15%;}
.intro-list .item:before {content: ''; width: 135px; height: 135px; margin: 0 auto 15px; display: block; background-image: url(../img/bgi/home-icons.png); background-repeat: no-repeat;}
.intro-list .item1:before {background-position: 0 0;}
.intro-list .item2:before {background-position: -135px 0;}
.intro-list .item3:before {background-position: -270px 0;}
.intro-list .item strong {display: block; font-size: 24px; line-height: 30px; font-weight: 500; margin: 0 0 14px;}
.intro-list .item p {font-size: 20px; line-height: 24px; font-weight: 300; margin: 0 auto;}
.intro-list .item1 p {max-width: 210px;}
.intro-list .item2 p {max-width: 210px;}
.intro-list .item3 p {max-width: 300px;}

.shop-list {text-align: center; padding: 88px 0 76px; background: url(../img/bgi/bg1.png) 0 50% no-repeat; background-size: cover;}
.shop-list h2 {font-size: 50px; line-height: 60px; font-weight: 800; text-transform: uppercase; color: #fff; margin: 0 0 51px; padding: 0 15px;}
.shop-list .row > div {margin-bottom: 25px;}
.shop-item {background: #fff; -webkit-box-shadow: 2px 5px 9px rgba(0,0,0,0.2); -webkit-border-radius: 12px; box-shadow: 2px 5px 9px rgba(0,0,0,0.2); border-radius: 12px; height: 100%;}
.shop-item figure {padding: 0 20px; height: 100px; line-height: 92px;}
.shop-item figure img {display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; height: auto; width: auto;}
.shop-item p {font-size: 20px; font-weight: 600; padding: 6px 0 19px;}

/* =End Main Content
--------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------*/
#footer {padding: 101px 0 114px;}
#footer figure {margin: 0 0 21px; width: 264px;}
#footer figure img {display: block; width: 100%; height: auto;}
#footer p {font-size: 15px; line-height: 21.5px; max-width: 280px;}
#footer nav strong {display: block; font-size: 20px; font-weight: 700; color: #2d91a3; margin: 0 0 18px;}
#footer nav {padding: 14px 0 0;}
#footer nav ul {line-height: 26px; font-size: 15px;}
/* End Footer
--------------------------------------------------------------------------------------------------*/


/* =Grafik für Shop
--------------------------------------------------------------------------------------------------*/
.offer {color:#fff; background: url('../images/preis-gross_blue.png') no-repeat left; width:130px; height:57px; font-size: 15px; padding:12px; line-height:15px; text-align:center;}
/* End Grafik für Shop
--------------------------------------------------------------------------------------------------*/

/* account pages */

.account-page {padding: 75px 0;}
.account-nav ul {border: 1px solid #2d91a3; -webkit-border-radius: 10px; border-radius: 10px; margin: 0 0 24px; overflow: hidden;}
.account-nav li {border-bottom: 1px solid #96c8d1;}
.account-nav li:last-child {border: none;}
.account-nav li a {display: block; padding: 9px 22px 11px; font-size: 20px; line-height: 29px;}
.account-nav li a:before {content: ''; display: inline-block; background: url(../img/bgi/icons.png) -50px -22px no-repeat; width: 7px; height: 12px; margin: 0 7px 0 0; vertical-align: 0.05em;}
.account-nav li a:hover, .account-nav li.active a {text-decoration: none;}
.account-nav li.active a {color: #2d91a3; background: #eef6f7; font-weight: 600;}
.account-nav li a:hover:before, .account-nav li.active a:before {background-position: -79px -22px;}
.account-nav .remove-account {display: block; border: 1px solid #2d91a3; -webkit-border-radius: 10px; border-radius: 10px; padding: 9px 22px 11px; font-size: 20px; line-height: 29px; color: #b1b1b1;}
.account-nav .remove-account:before {content: ''; display: inline-block; background: url(../img/bgi/icons.png) -65px -22px no-repeat; width: 7px; height: 12px; margin: 0 7px 0 0; vertical-align: 0.05em;}
.account-nav .remove-account:hover {color: #2d91a3; text-decoration: none;}
.account-nav .remove-account:hover:before {background-position: -79px -22px;}

.pagination {margin: 28px 0 0; height: 44px; padding: 2px 0 0; -webkit-border-radius: 22px; border-radius: 22px; background: #fafafa;}
.page-item {width: 49px; height: 42px; line-height: 42px; text-align: center;}
.page-link {display: inline-block; padding: 0 3px 1px; background: none; border: none;  font-size: 18px; line-height: 38px; border-bottom: 2px solid transparent; font-weight: 500; color: #434343; outline: none !important;}
.page-link:focus {outline: none !important;}
.page-link:hover, .page-item.active .page-link {outline: none; color: #2d91a3; text-decoration: none; background: none; border-bottom: 2px solid #2d91a3;}
.page-prev .page-link:hover, .page-next .page-link:hover {border-bottom-color: transparent;}
.page-prev {border-right: 1px solid #e0e0e0; height: 40px; line-height: 40px;}
.page-next {border-left: 1px solid #e0e0e0; height: 40px; line-height: 40px;}
.page-prev .page-link span {display: inline-block; text-indent: -99999px; background: url(../img/bgi/icons.png) -71px 0 no-repeat; width: 8px; height: 16px; margin: 12px 0 0;}
.page-next .page-link span {display: inline-block; text-indent: -99999px; background: url(../img/bgi/icons.png) -86px 0 no-repeat; width: 8px; height: 16px; margin: 12px 0 0;}

.activity-list {background: #fafafa; -webkit-box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.05); box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.05); -webkit-border-radius: 10px; border-radius: 10px; padding: 0 15px;}
.activity-list p {font-size: 20px; line-height: 30px; font-weight: 700; margin: 0; padding: 16px 0;}
.activity-list table {width: 100%;}
.activity-list table td {line-height: 32px; vertical-align: middle; padding: 12px 0 13.5px;}
.activity-list table td:first-child {width: 179px;}
.activity-list table td:last-child {width: 100px;}
.activity-list table strong {font-weight: 500;}
.activity-list table span {display: inline-block; background: #eaeaea; line-height: 30px; height: 31px; padding: 0 15px; -webkit-border-radius: 15px; border-radius: 15px;}
.activity-list table a:hover {font-weight: 700;}
.activity-list table .selected strong a {color: #58a200;}
.activity-list table .selected2 strong a {color: #e72512;}
.activity-list table .selected strong a:hover {color: #2d91a3;}
.activity-list table .selected span {background: #58a200; color: #fff;}
.activity-list table .selected2 span {background: #e72512; color: #fff;}

.custom-select-wrap {margin: 0; padding: 0; position:relative; z-index: 0; width: 100%; cursor: pointer; color: #2d91a3;}
.custom-select-wrap select {display: none;}
.custom-select-s {height: 37px; line-height: 32px; border: 1px solid #2d91a3; -webkit-border-radius: 18px; border-radius: 18px; overflow: hidden; white-space: nowrap; position: relative; padding: 0 50px 0 20px;}
.custom-select-s:after {content: ''; width: 15px; height: 8px; background: url(../img/bgi/icons.png) -50px 0 no-repeat; position: absolute; right: 22px; top: 50%; margin-top: -4px;}
.custom-select-t {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; height: 100%; color: #2d91a3; font-size: 20px;}
.custom-select-l {margin: 0; padding: 6px 0; display: none; max-height: 250px; overflow: auto; position: absolute; top: 100%; left: 0px; right: 0px; background: #fff;  border: 1px solid #2d91a3; -webkit-border-radius: 18px; border-radius: 18px;}
.custom-select-l span {display: block; white-space: nowrap; overflow: hidden; padding: 0 9px; height: 26px; line-height: 24px;}
.custom-select-wrap.active {z-index: 700;}
.custom-select-wrap.active .custom-select-l {display: block;}

.options-panel {padding: 32px 25px 31px;}
.cashback-list {background: #cae4ed; padding: 75px 0;}
.cashback-list .item {background: #fafafa; -webkit-box-shadow: 2px 5px 9px rgba(0,0,0,0.2); box-shadow: 2px 5px 9px rgba(0,0,0,0.2); -webkit-border-radius: 9px; border-radius: 9px; text-align: center; margin: 0 0 25px; }
.cashback-list .item figure {height: 76px; line-height: 70px; text-align: center; padding: 0 15px; border-bottom: 1px solid #2d91a3;}
.cashback-list .item figure img {vertical-align: middle; display: inline-block; max-width: 100%; max-height: 100%; width: auto; height: auto;}
.cashback-list .item strong {display: block; margin: 22px 0 1px; font-size: 20px; line-height: 22.46px; max-width: 100%; height: 22.46px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cashback-list .item p {line-height: 22.46px; max-width: 100%; height: 22.46px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cashback-list .item p span {font-weight: 700; color: #2d91a3;}
.cashback-list .item .icons {margin: 25px 0 0; padding: 6px 0 9px; font-size: 0; line-height: 0; letter-spacing: -1px;}
.cashback-list .item .icons a {display: inline-block; background-image: url(../img/bgi/cashback-icons.png); background-repeat: no-repeat; vertical-align: top; margin-left: 10px; margin-right: 10px;}
.cashback-list .item .icons .icons-wish {background-position: 0 -3px; width: 18px; height: 17px; margin-top: 1px;}
.cashback-list .item .icons .icons-wish:hover, .cashback-list .item .icons .icons-wish.active {background-position: 0 -23px;}
.cashback-list .item .icons .icons-fb {background-position: -38px -1px; width: 18px; height: 19px;}
.cashback-list .item .icons .icons-fb:hover, .cashback-list .item .icons .icons-fb.active {background-position: -38px -21px;}
.cashback-list .item .icons .icons-tw {background-position: -76px -1px; width: 18px; height: 19px;}
.cashback-list .item .icons .icons-tw:hover, .cashback-list .item .icons .icons-tw.active {background-position: -76px -21px;}
.cashback-list .item .icons .icons-mail {background-position: -114px -3px; width: 23px; height: 17px; margin-top: 1px;}
.cashback-list .item .icons .icons-mail:hover, .cashback-list .item .icons .icons-mail.active {background-position: -114px -23px;}
.cashback-list .pagination {margin: 0;}

.games-panel {padding-top: 11px; padding-bottom: 11px;}
.games-panel .sort .custom-select-t {font-size: 16px;}
.games-panel .sort .custom-select-s {min-width: 152px;}
.options-panel .options {background: #fafafa; min-height: 37px; -webkit-border-radius: 18px; border-radius: 18px; padding: 0 25px; font-size: 0; line-height: 0; letter-spacing: -1px;}
.options-panel .options a {display: inline-block; margin-right: 38px; font-size: 16px; line-height: 35px; letter-spacing: 0; }
.options-panel .options a span:before {content: ''; background-image: url(../img/bgi/icons.png); background-repeat: no-repeat; display: inline-block; margin-right: 7px;}
.options-panel .options a:last-child {margin: 0;}
.options-panel .options a:hover {text-decoration: none;}
.options-panel .options a span {border-bottom: 2px solid transparent; padding: 8px 0;}
.options-panel .options a.active {color: #2d91a3;}
.options-panel .options a:hover span, .options-panel .options a.active span {border-bottom-color: #2d91a3;}
.options-panel .options .options-actions span:before {background-position: -146px 0; width: 23px; height: 21px; vertical-align: -0.3em;}
.options-panel .options .options-actions:hover span:before, .options-panel .options .options-actions.active span:before {background-position: -146px -28px;}
.options-panel .options .options-prise span:before {background-position: -175px 0; width: 20px; height: 21px; vertical-align: -0.3em;}
.options-panel .options .options-prise:hover span:before, .options-panel .options .options-prise.active span:before {background-position: -175px -28px;}
.options-panel .options .options-newsletter span:before {background-position: -200px 0; width: 19px; height: 19px; vertical-align: -0.2em;}
.options-panel .options .options-newsletter:hover span:before, .options-panel .options .options-newsletter.active span:before {background-position: -200px -28px;}
.options-panel .options .options-clickout span:before {background-position: -225px 0; width: 12px; height: 19px; vertical-align: -0.2em;}
.options-panel .options .options-clickout:hover span:before, .options-panel .options .options-clickout.active span:before {background-position: -225px -28px;}

.games-list {background: #cae4ed; padding: 75px 0;}
.games-list .item {background: #fafafa; padding: 0 0 20px; -webkit-box-shadow: 2px 5px 9px rgba(0,0,0,0.2); box-shadow: 2px 5px 9px rgba(0,0,0,0.2); -webkit-border-radius: 9px; border-radius: 9px; text-align: center; margin: 0 0 25px; }
.games-list .item figure {height: 118px; overflow: hidden;}
.games-list .item figure img {display: block; width: 100%; height: auto; -webkit-border-radius: 9px 9px 0 0; border-radius: 9px 9px 0 0;}
.games-list .item p {padding: 13px 0 15px;}
.games-list .item p a {font-weight: 800; color: #2d91a3; text-decoration: none; border-bottom: 2px solid #81b5c0;}
.games-list .item p a:hover {text-decoration: none; border-bottom-color: transparent;}
.games-list .item .button {font-weight: 700; padding: 0 30px;}
.games-list .pagination {margin: 0;}

.participate-list form {margin: 0 0 34px;}
.participate-list form .field {position: relative; padding: 0 185px 0 0;}
.participate-list form .button {font-weight: 700; width: 160px; font-size: 20px; height: 42px; padding: 0; position: absolute; top: 0; right: 0;}
.participate-list form input {width: 100%; height: 42px; border: none; background: #fafafa; -webkit-border-radius: 9px; border-radius: 9px; padding: 11px; line-height: 20px; font-size: 18px; color: #434343;}
.participate-list .info {padding: 0 0 37px;}
.participate-list .info p {padding-left: 25px; font-size: 18px;}
.text-danger {color: #b90000;}
.text-success {color: #58a200;}
.text-warning {color: #ffc209;}
.participate-list .info p a {text-decoration: none;}
.participate-list .info p a:hover {text-decoration: underline;}
.participate-list .info .total a {color: #2d91a3; text-decoration: underline; font-weight: 600;}
.participate-list .info .total a:hover {text-decoration: none;}
.participate-list table {width: 100%; font-size: 18px;}
.participate-list table th {width: 25%; padding: 0 0 0 25px; height: 56px; vertical-align: middle; font-size: 20px; color: #fff; font-weight: 700; background: #2c8b9c;}
.participate-list table th:first-child {-webkit-border-radius: 10px 0 0 0; border-radius: 10px 0 0 0;}
.participate-list table th:last-child {-webkit-border-radius: 0 10px 0 0; border-radius: 0 10px 0 0;}
.participate-list table td {padding: 0 0 0 25px; height: 33px; vertical-align: middle; background: #fafafa;}
.participate-list table tbody tr:first-child td {padding-top: 10px; height: 43px;}
.participate-list table tbody tr:last-child td {padding-bottom: 10px; height: 43px;}
.participate-list table tr:last-child td:first-child {-webkit-border-radius: 0 0 0 10px; border-radius: 0 0 0 10px;}
.participate-list table tr:last-child td:last-child {-webkit-border-radius: 0 0 10px 0; border-radius: 0 0 10px 0;}
.participate-list table td:nth-child(2n) {background: #f5f5f5;}
.participate-list table td:last-child, .participate-list table th:last-child {text-align: center; padding-left: 0;}
.participate-list table td strong {font-weight: 600;}

.participate-list .transformed {font-size: 18px; display: none;}
.participate-list .transformed .item {background: #fafafa; line-height: 32px; padding: 10px 0;}
.participate-list .transformed .item:nth-child(2n) {background: #f5f5f5;}
.participate-list .transformed .line {overflow: hidden; padding: 0 25px;}
.participate-list .transformed .line1 {float: left; width: 50%; font-weight: 600;}
.participate-list .transformed .line2 {float: left; width: 50%;}
.participate-list .transformed strong {font-weight: 600;}

.copy-link {background: #cae4ed; -webkit-border-radius: 9px; border-radius: 9px; margin: 0 0 25px; padding: 20px 20px 25px;}
.copy-link p {line-height: 19px; }
.copy-link p.headline {font-size: 20px; line-height: 21.5px; font-weight: 700; margin: 0 0 4px;}
.copy-link form {padding: 21px 0 0;}
.copy-link form .field {position: relative; padding: 0 164px 0 0;}
.copy-link form .button {width: 164px; font-size: 20px; height: 46px; padding: 0; position: absolute; top: 0; right: 0; -webkit-border-radius: 0 9px 9px 0; border-radius: 0 9px 9px 0;}
.copy-link form input {width: 100%; height: 46px; border: none; background: #fafafa; -webkit-border-radius: 9px 0 0 9px; border-radius: 9px 0 0 9px; padding: 13px 25px; line-height: 20px; font-size: 16px; color: #434343;}

.copy-link2 {background: #cae4ed; -webkit-border-radius: 9px; border-radius: 9px; margin: 0 0 25px; padding: 20px 20px 25px;}
.copy-link2 p {line-height: 19px; }
.copy-link2 p.headline {font-size: 20px; line-height: 21.5px; font-weight: 700; margin: 0 0 4px;}
.copy-link2 form {padding: 21px 0 0;}

.account-list {margin: 0 0 -25px;}
.account-list .container-fluid {padding: 0;}
.account-list .row > div {margin-bottom: 25px;}
.account-list .item {background: #cae4ed; padding: 0 0 56px; height: 100%; -webkit-box-shadow: 2px 5px 9px rgba(0,0,0,0.2); box-shadow: 2px 5px 9px rgba(0,0,0,0.2); -webkit-border-radius: 9px; border-radius: 9px; position: relative;}
.account-list .item figure {height: 143px; overflow: hidden;}
.account-list .item figure img {display: block; width: 100%; height: auto; -webkit-border-radius: 9px 9px 0 0; border-radius: 9px 9px 0 0;}
.account-list .item p {padding: 10px 10px 0; font-size: 18px; line-height: 21px; font-weight: 600; margin: 0 0 3px;}
.account-list .item span {font-size: 14px; display: block; padding: 0 10px;}
.account-list .item a {position: absolute; left: 10px; bottom: 15px; text-decoration: underline;}
.account-list .item a:hover {text-decoration: none; font-weight: 600; color: #434343;}
.account-list .pagination {margin: 0;}

/* login */
.start-panel-login {background-size: cover; padding: 60px 15px 72px;}
.login-form {max-width: 346px; margin: auto; padding: 21px 0 0;}
.login-form .field {margin: 0 0 18px; position: relative;}
.login-form input {width: 100%; height: 57px; border: 1px solid #fafafa; background: #fafafa; -webkit-border-radius: 9px; border-radius: 9px; padding: 13px 15px; line-height: 27px; font-size: 20px; color: #434343; }
.login-form .error:after {content: '\21'; color: #e63333; font-size: 20px; font-weight: 500; opacity: 0.36; position: absolute; line-height: 22px; right: 16px; top: 50%; margin-top: -11px;}
.login-form .error input {border-color: #e63333; color: #e63333;}
.login-form label {text-align: center; display: block; color: #fff; font-weight: 500; margin: 0 0 10px; padding: 6px 0 0;}
.login-form .custom-select-s {height: 57px; line-height: 55px; border: none; -webkit-border-radius: 9px; border-radius: 9px; padding: 0 50px 0 15px; background: #fff;}
.login-form .custom-select-s:after {right: 16px;}
.login-form .custom-select-l {-webkit-border-radius: 9px; border-radius: 9px;}
.login-form .button {width: 100%; height: 57px; line-height: 57px; font-size: 20px; font-weight: 700; -webkit-border-radius: 28px; border-radius: 28px;}
.login-form .submit {padding: 7px 0 12px;}
.login-form p {line-height: 25px;}
.login-form p a {color: #fff; font-weight: 500;}

/* register */
label {cursor: pointer;}
.register-form {padding: 70px 0 75px;}
.register-form .headline {font-size: 24px; line-height: 24px; font-weight: 700; margin: 35px 0 17px;}
.register-form .headline:first-child {margin: 0 0 21px;}
.register-form .headline:first-child + .field {margin: 0 0 11px;}
.register-form label {float: left; width: 38.83%; line-height: 44px; font-size: 20px; font-weight: 400; margin: 0;}
.register-form label em {color: #fb9f0e; font-style: normal; font-weight: 400;}
.register-form .field {margin: 0 0 9px;}
.register-form .field > span {display: block; margin: 0 0 0 38.83%;}
.register-form .field input[type=text], .register-form .field input[type=tel], .register-form .field input[type=email], .register-form .field input[type=password] {width: 100%; height: 46px; border: 1px solid #2d91a3; background: #fff; -webkit-border-radius: 10px; border-radius: 10px; font-size: 20px; padding: 10px 15px; line-height: 24px; color: #434343; font-weight: 400;}
.register-form .field .custom-select-wrap {width: 160px;}
.register-form .field .custom-select-s {-webkit-border-radius: 10px; border-radius: 10px; padding: 10px 40px 10px 15px; line-height: 24px; height: 46px;}
.register-form .birth-date {margin: 0 0 0 38.83%;}
.register-form .birth-date:after {content: ''; display: block; clear: both;}
.register-form .birth-date > span {float: left; width: 112px; margin-right: 3px;}
.register-form .birth-date .custom-select-wrap {width: 100%;}
.register-form .birth-date .custom-select-t {color: #434343; opacity: 0.36;}
.register-form .birth-date .custom-select-s {padding-left: 10px; padding-right: 35px;}
.register-form .birth-date .custom-select-s:after {right: 12px;}
.register-form .selected .custom-select-t {color: #434343; opacity: 1;}
.register-form .custom-select-l {-webkit-border-radius: 9px; border-radius: 9px;}
.register-form .custom-select-l > span:first-child {display: none;}
.register-form .radio p {float: left; width: 38.83%; line-height: 41px; font-size: 20px; font-weight: 400; margin: 0;}
.register-form .radio-wrap {margin: 0 0 0 38.83%; letter-spacing: -1px; font-size: 0; display: block; border: none;}
.register-form .radio-wrap label {float: none; display: inline-block; width: 91px; padding: 0 0 0 31px; line-height: 22px; margin: 14px 0 0; letter-spacing: 0; position: relative;}
.register-form .radio-wrap input {display: none; }
.register-form .radio-wrap label:before {content: ''; position: absolute; left: 0; top: 50%; margin-top: -11px; width: 22px; height: 22px; border: 1px solid #474747; box-sizing: border-box; -webkit-border-radius: 100%; border-radius: 100%;}
.register-form .radio-wrap input:checked + label:before {border: 6px solid #2d91a3;}
.register-form .checkbox {padding: 15px 0 0;}
.register-form .checkbox-wrap label {width: auto; line-height: 24px;}
.register-form .checkbox-wrap span:before {margin: 0; top: 2px;}
.register-form .submit {padding: 28px 0 0;}
.register-form .submit .button {padding: 0 57px;}

.register-success {display: none; background: #cae4ed; padding: 13px 20px 15px; -webkit-border-radius: 10px; border-radius: 10px; line-height: 30px;}
.register-success p {margin: 0;}
.register-success p a {font-weight: 700; color: #2d91a3;}
.register-success p a:hover {text-decoration: underline;}
.register.success {padding: 75px 0 76px;}
.register.success .register-form {display: none;}
.register.success .register-success {display: block;}

.start-panel-text h1{text-transform:none; }
.block-text{padding:71px 15px 41px; max-width:933px; margin:0 auto; }
.block-text h2{font-size:24px; line-height:28px; font-weight:700; margin:0 0 25px; }
.block-text h3{font-weight:700; font-size:20px; line-height:24px; margin:29px 0; }
.block-text h4{font-size:16px; line-height:20px; font-weight:700; margin:23px 0 16px; }
.block-text p{margin:0 0 18px; }
.block-text ol{list-style:decimal; padding:0 0 0 37px; margin:0 0 36px; }
.block-text ol li{padding:0 0 0 23px; margin:0 0 15px; }
.block-text ol ul{padding:16px 0 0; margin:0; }
.block-text ol ul li{position:relative; padding:0 0 0 63px; }
.block-text ol ul li:before{content:''; position:absolute; left:28px; top:11px; width:4px; height:4px; background:#434343; border-radius:100%; }
.block-text ul{margin:0 0 18px; }
.block-text ul li{position:relative; padding:0 0 0 37px; }
.block-text ul li:before{content:''; position:absolute; left:19px; top:11px; width:4px; height:4px; background:#434343; border-radius:100%; }

.accordion{max-width:745px; margin:0 auto; padding:40px 15px 76px; }
.accordion h2{font-size:24px; line-height:24px; font-weight:700; margin:30px 0 17px; }
.accordion .holder-accordion > a{color:#49a0af; display:block; position:relative; font-size:20px; padding:10px 40px 14px 22px; box-sizing:border-box; }
.accordion .holder-accordion > a:hover{text-decoration:none; }
.accordion .holder-accordion > a:after{position:absolute; content:''; right:11px; top:50%; margin-top: -1px; width:16px; height:2px; background:#439cac; }
.accordion .holder-accordion > a:before{position:absolute; content:''; right:11px; top:50%; margin-top: -1px; width:16px; height:2px; background:#439cac; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); }
.accordion .holder-accordion{border:#49a0af solid 1px; border-radius:30px; margin:0 0 9px; transition:all 0.5s ease; overflow:hidden; }
.accordion .holder-accordion.active{background:#2d91a3; border-radius:10px; }
.accordion .holder-accordion.active > a{color:#fff; font-weight:700; padding:19px 40px 16px 28px; }
.accordion .holder-accordion.active > a:before{background:#fff; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }
.accordion .holder-accordion.active > a:after{background:#fff; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); }
.accordion-text{display:none; color:#fff; padding:0 27px 23px; line-height: 19.2px;}
.bottom-message{background:#cae4ed; margin:34px 0 0; border-radius:10px; box-sizing:border-box; padding:12px 22px 16px; line-height:30px; }
.bottom-message a{font-weight:700; color:#2d91a3; }

.start-panel-shop{text-align:center; padding:59px 270px 72px; }
.start-panel-shop h1{margin:0 auto 16px; }
.start-panel-shop .button{font-weight:600; font-size:16px; padding:0 26px; }
.start-panel-shop .left-link{position:absolute; left:76px; top:50%; margin-top:-37px; }
.shop-content{padding:53px 0 29px; background:#c8e1ea; }
.shop-content h2{color:#434343; font-weight:700; font-size:20px; margin:0 0 4px; }
.shop-content .shop-block{background:#fff; -webkit-box-shadow:2px 5px 9px rgba(0,0,0,0.2); -webkit-border-radius:12px; box-shadow:2px 5px 9px rgba(0,0,0,0.2); border-radius:12px; padding:17px 15px 15px; overflow:hidden; margin:0 0 24px; }
.shop-content .shop-block ul{margin:9px 0 0; }
.shop-content .shop-block ul li{position:relative; line-height:24px; }
.shop-content .shop-block ul li span{font-weight:600; color:#fb9f0e; padding:0 15px 0 9px; box-sizing:border-box; width:105px; display:inline-block; vertical-align:top; }
.shop-content .shop-block ul li:after{position:absolute; content:''; left:1px; top:11px; width:4px; height:4px; border-radius:100%; background:#fb9f0e; }
.shop-content .shop-block .main-row{border-top:#e7e7e7 solid 1px; margin:19.5px 0 0; overflow:hidden; padding:19px 0 0; }
.shop-content .shop-block .main-row .button{float:right; height:30px; line-height:28px; padding:0 37px; font-size:16px; margin:5px 5px 0 5px; }
.shop-content .shop-block .main-row p{float:left; margin:0; line-height: 19px;}
.shop-content .shop-block p a{font-size:14px; color:#2d91a3; text-decoration:underline; }
.shop-content .shop-block p a:hover{text-decoration:none; }
.shop-content .shop-block p{margin:0 0 5px; }
.shop-content .row-first > div {margin-bottom: 25px;}
.shop-content .row-first .shop-block {height: 100%; margin: 0; padding-bottom: 10px;}

.br-widget{margin:14px 0 0; white-space:nowrap; height:34px; }
.br-widget a{display:block; width:30px; padding:5px 0; height:30px; float:left; margin:0 6px 0 0; text-align:center; background:url(../img/bgi/stars.png) no-repeat; }
.br-widget a.br-active,.br-widget a.br-selected{background:url(../img/bgi/stars.png) no-repeat 0 -30px; }
.br-widget .br-current-rating{font-size:20px; line-height:2; float:left; padding:0 20px 0 20px; color:#EDB867; font-weight:400; }
.br-readonly a{cursor:default; }
.br-readonly a.br-active,.br-readonly a.br-selected{background-color:#f2cd95; }
.br-readonly .br-current-rating{color:#f2cd95; }

/* DOT */
.adBlock-Hint-Container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000000000;
}
.adBlock-Hint-BG {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    opacity: 0.9;
    z-index: 1000000000001;
    text-align: center;
}
.adBlock-Hint {
    position: absolute;
    top: 30%;
    left: 0;
    color: #830005;
    font-size: 24px;
    line-height: 40px;
    width: 100%;
    height: 400px;
    z-index: 1000000000002;
    text-align: center;
}

/* prize */
.prizeimg {
	position: absolute;
	width: 15%;
	height: 50%;
	top: 95px;
	left: 100px;
}