@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic&subset=latin,cyrillic-ext,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&subset=cyrillic,cyrillic-ext);
body {
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}
.m0 {
  margin: 0;
}
.mt0 {
  margin-top: 0;
}
.mt5 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.mt60 {
  margin-top: 60px;
}
.mb0 {
  margin-bottom: 0;
}
.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb60 {
  margin-bottom: 60px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px;
}
.mr10 {
  margin-right: 10px;
}
.p0 {
  padding: 0;
}
.p15 {
  padding: 15px;
}
.p30 {
  padding: 30px;
}
.pl0 {
  padding-left: 0;
}
.pr0 {
  padding-right: 0;
}
.h100 {
  height: 100%;
}
.h50 {
  height: 50%;
}
.mh100 {
  min-height: 100%;
}
.w100 {
  width: 100%;
}
.w50 {
  width: 50%;
}
.textarea {
  width: 100%;
  max-width: 100%;
}
a,
a:hover,
a:focus,
a:active,
a.active {
  outline: 0;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus,
.btn.active:focus {
  outline: 0;
}
.btn.disabled,
.btn[disabled] {
  pointer-events: none;
}
input,
input:focus,
input:active,
textarea,
textarea:focus,
textarea:active {
  outline: none;
  box-shadow: none;
}
input:focus,
input:active,
.form-control:focus,
.form-control:active,
textarea:focus,
textarea:active {
  outline: none;
  box-shadow: none;
}
img {
  vertical-align: middle;
  border: 0;
  width: 100%;
}
body {
  background-color: #fafafa;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
body p {
  line-height: 1.2;
}
body .strong {
  font-weight: 600;
}
body .link {
  cursor: pointer;
  color: #174735;
  border-bottom: 1px dotted rgba(102, 204, 0, 0.5);
  -webkit-transition: color 0.15s ease-in-out;
  -moz-transition: color 0.15s ease-in-out;
  -ms-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out;
  line-height: 1.4;
}
body .link:hover {
  color: #174735;
  text-decoration: none;
}
body label,
body .input-label {
  font-weight: 400;
  font-size: 14px;
}
body .form-control:not(.filter__input) {
  min-width: 250px;
  height: 40px;
  border: 1px solid #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
  /*font-size: 13px;*/
  font-size: 14px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
body .form-control:not(.filter__input):focus {
  border-color: #174735;
}
body .form-control:not(.filter__input):hover :focus {
  border-color: #B3B3B3;
}
body .form-control:not(.filter__input):hover {
  border-color: rgba(23, 71, 53, 0.6) !important;
}
body .nice-checkbox {
  -webkit-appearance: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 9px -3px 0;
  cursor: pointer;
  background: #fff;
  border: 1px solid #c6c6c6;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  outline: none !important;
}
body .nice-checkbox:checked:after {
  content: url(https://ssl.gstatic.com/ui/v1/menu/checkmark.png);
  display: block;
  position: absolute;
  top: -3px;
  left: -5px;
}
body .pre-input {
  display: flex;
  position: absolute;
  color: #868686;
  /*font-size: 13px;*/
  font-size: 14px;
  border: 1px solid rgba(170, 170, 170, 0.4);
  width: 33px;
  height: 40px;
  margin-top: 0;
  justify-content: center;
  align-items: center;
}
body .pre-input + .form-control {
  width: 250px;
  margin-left: 32px;
}
body .checkbox {
  margin-bottom: 15px;
}
body .checkbox + .checkbox {
  margin-top: 0;
}
.body-border {
  border: 1px solid rgba(170, 170, 170, 0.4);
  padding: 30px;
}
.body-border form {
  margin: 0 auto;
  width: 278px;
  margin-top: 30px;
}
.body-border form:first-child {
  margin-top: 0;
}
.body-border form .form-group {
  position: relative;
}
.body-border form .form-group .error-field {
  position: absolute;
  width: 200px;
  top: 7px;
  margin-right: -210px;
  padding: 15px;
  right: 0;
  border: 1px solid rgba(170, 170, 170, 0.4);
  background-color: #ffffff;
}
.body-border form .form-group .error-field:before {
  content: "";
  position: absolute;
  z-index: 10;
  left: -10px;
  top: 24px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #ffffff;
}
.body-border form .form-group .error-field:after {
  content: "";
  position: absolute;
  z-index: 9;
  left: -12px;
  top: 22px;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid rgba(170, 170, 170, 0.4);
}
html {
  height: 100%;
}
body {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#forms-pages .page {
  padding: 0 50px;
}
#forms-pages .forget-pass {
  font-size: 14px;
  color: #868686;
  border-color: rgba(134, 134, 134, 0.5);
  float: right;
  margin-top: 2px;
}
#forms-pages .forget-pass:hover {
  color: #174735;
  border-color: rgba(102, 204, 0, 0.5);
}
#forms-pages .info {
  margin-top: 30px;
  text-align: center;
}
#forms-pages .info p {
  color: #868686;
  font-size: 14px;
  line-height: 1;
}
#forms-pages .social-icons {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
#forms-pages .social-icons > div {
  -webkit-flex: 1 auto;
  -moz-flex: 1 auto;
  -ms-flex: 1 auto;
  flex: 1 auto;
  text-align: center;
}
#forms-pages .social-icons > div .fa {
  padding: 10px;
  color: #ffffff;
}
#forms-pages .social-icons > div .fa.fa-vk {
  background-color: #46668D;
}
#forms-pages .social-icons > div .fa.fa-facebook {
  background-color: #547BBC;
}
#forms-pages .social-icons > div .fa.fa-twitter {
  background-color: #78CBEF;
}
#forms-pages .social-icons > div .fa.fa-google-plus {
  background-color: #D34935;
}
#forms-pages .social-icons > div .fa.fa-odnoklassniki {
  background-color: #F08423;
}
#forms-pages .social-icons > div .fa.fa-yahoo {
  background-color: #E42529;
}
#forms-pages .social-icons > div .fa.fa-at {
  background-color: #175696;
}
#forms-pages .credit-card {
  margin: 0 auto;
  width: 300px;
  padding: 80px 20px 10px 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #80ff00;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.4);
  -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.4);
  box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.4);
}
#forms-pages .credit-card label {
  /*text-align: center;
      color: white;
      background-color: darken(@color-main, 10%);*/
  width: auto;
  margin-bottom: 0;
  padding: 3px 0px 3px 5px;
}
#inner-pages .offer {
  position: relative;
  margin-bottom: 30px;
}
#inner-pages .offer > a {
  display: block;
  position: relative;
}
#inner-pages .offer .heading {
  position: absolute;
  bottom: 10px;
  right: 10px;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(170, 170, 170, 0.4);
  text-align: right;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -ms-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
  min-width: 50%;
  color: #333333;
}
#inner-pages .offer .heading .discount {
  margin-bottom: 5px;
}
#inner-pages .offer .heading .date {
  margin-top: 20px;
  margin-bottom: 0;
}
#inner-pages .offer .scores {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -ms-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
  text-align: center;
  color: #333333;
}
#inner-pages .offer .scores span {
  font-size: 19px;
}
#inner-pages .offer .scores p {
  text-transform: uppercase;
  margin-bottom: 0;
}
#inner-pages .offer:hover .heading,
#inner-pages .offer:hover .scores {
  background-color: #ffffff;
}
#inner-pages .offer-special {
  position: relative;
  margin-bottom: 30px;
}
#inner-pages .offer-special:nth-child(3n+1) {
  padding-right: 10px;
}
#inner-pages .offer-special:nth-child(3n+2) {
  padding-left: 10px;
  padding-right: 10px;
}
#inner-pages .offer-special:nth-child(3n+3) {
  padding-left: 10px;
}
#inner-pages .offer-special > a {
  text-decoration: none;
  display: block;
  position: relative;
  color: #333333;
  webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  width: 300px;
}
#inner-pages .offer-special > a:hover {
  color: #333333;
  text-decoration: none;
  opacity: 0.75;
}
#inner-pages .offer-special > a .heading {
  background-color: #ffffff;
  padding: 15px 25px;
}
#inner-pages .offer-special > a .heading .discount,
#inner-pages .offer-special > a .heading .position {
  font-size: 16px;
  font-weight: 600;
}
#inner-pages .offer-special > a .heading .date,
#inner-pages .offer-special > a .heading .discount {
  margin-top: 0;
  margin-bottom: 0;
  height: 15px;
  max-height: 15px;
}
#inner-pages .offer-special > a .heading .date > span {
  float: right;
  color: #B4B4B4;
  text-decoration: underline;
}
#inner-pages .offer-special > a .heading .title-container {
  height: 45px;
  max-height: 45px;
  overflow: hidden;
}
#inner-pages .offer-special > a .heading .title {
  font-size: 15px;
  font-weight: 600;
  overflow: hidden;
  line-height: 21px !important;
}
#inner-pages .offer-special-big {
  display: block;
  position: relative;
  margin-bottom: 15px;
}
#inner-pages .offer-special-big > div {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: url('../imgs/base/banner.jpg');
  background-size: cover;
  color: white;
  padding: 40px;
  font-size: 50px;
  font-weight: 600;
}
#inner-pages .offer-special-big > div > p:nth-child(2) {
  padding-left: 140px;
  font-size: 40px;
}
#inner-pages .offer-special-big > div .samsung-logo {
  width: 100%;
  text-align: right;
}
#inner-pages .offer-special-big > div .samsung-logo > img {
  display: inline-block;
  width: 200px;
}
#inner-pages .page-block {
  float: left;
  width: 100%;
  display: block;
}
#inner-pages .page-block > .heading {
  font-size: 16px;
  text-transform: uppercase;
  margin: 15px;
}
#inner-pages .page-block > .heading .btn {
  margin-left: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#inner-pages .page-block + .page-block > .heading {
  border-top: 1px solid rgba(170, 170, 170, 0.4);
  padding-top: 30px;
}
#inner-pages .cheque-info {
  color: #868686;
  margin-bottom: 20px;
}
#inner-pages .block-table-cheques-stars {
  margin-bottom: 30px;
}
#inner-pages .block-table-cheques-stars .line {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  border-bottom: 1px solid rgba(170, 170, 170, 0.4);
  padding: 10px 15px;
  color: #333333;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -ms-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
  /*&:hover { background-color: fade(@color-white, 40%)}*/
}
#inner-pages .block-table-cheques-stars .line > div {
  width: 12.5%;
  text-align: center;
}
#inner-pages .block-table-cheques-stars .line > div:nth-child(1) {
  width: 25%;
}
#inner-pages .block-table-cheques-stars .line > div:nth-child(2) {
  width: 12.5%;
}
#inner-pages .block-table-cheques-stars .line > div:nth-child(1),
#inner-pages .block-table-cheques-stars .line > div:nth-child(2) {
  text-align: left;
}
#inner-pages .block-table-cheques-stars .line > div a {
  color: #333333;
}
#inner-pages .block-table-cheques-stars .line > div a:hover {
  color: #333333;
  text-decoration: none;
}
#inner-pages .block-table-cheques-stars .line.heading {
  font-size: 14px;
  color: #868686;
}
#inner-pages .block-table-cheques-stars .line .date {
  margin-bottom: 5px;
}
#inner-pages .block-table-cheques-stars .line .shop {
  font-size: 14px;
  color: #868686;
  margin-bottom: 0;
}
#inner-pages .block-table-cheques-stars .line.line-top {
  border-top: 1px solid rgba(170, 170, 170, 0.4) !important;
}
#inner-pages .block-table-cheques-stars .line > div {
  padding-top: 5px;
}
#inner-pages .block-table-cheques-stars .line > div:nth-child(1) {
  padding-top: 0;
}
#inner-pages .block-table-cheques-stars .line > div:nth-child(4) {
  font-weight: 600;
}
#inner-pages .block-table-cheques-stars .line > div.stars {
  unicode-bidi: bidi-override;
  direction: rtl;
  font-size: 17px;
}
#inner-pages .block-table-cheques-stars .line > div.stars .star {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
}
#inner-pages .block-table-cheques-stars .line > div.stars .star:before {
  content: "\f006";
  padding-right: 5px;
  color: #174735;
}
#inner-pages .block-table-cheques-stars .line > div.stars .star:hover:before,
#inner-pages .block-table-cheques-stars .line > div.stars .star:hover ~ .star:before {
  content: "\f005";
  cursor: pointer;
}
#inner-pages .block-table-cheques-stars .line.heading > div {
  padding-top: 0;
}
#inner-pages .block-table-cheques-stars .line.heading > div:nth-child(4) {
  font-weight: 400;
}
#offer .offer-heading h1 {
  font-size: 18px;
  margin-bottom: 30px;
}
#offer .score-panel {
  margin-bottom: 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
#offer .score-panel .scores {
  padding: 15px;
  border: 1px solid rgba(170, 170, 170, 0.4);
  background-color: #ffffff;
  text-align: center;
  margin-right: 20px;
}
#offer .score-panel .scores span {
  font-size: 25px;
}
#offer .score-panel .scores p {
  text-transform: uppercase;
  margin-bottom: 0;
}
#offer .score-panel .btn {
  font-size: 25px;
  padding-left: 20px;
  padding-right: 20px;
}
#offer .text-container {
  margin-top: 30px;
}
#offer .text-container h3 {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
#offer .text-container > ol {
  padding-left: 15px;
}
#offer .text-container > ol > li {
  margin-bottom: 15px;
}
#offer .text-container > ol > li > ul {
  list-style-type: none;
  margin-top: 15px;
}
#offer .text-container > ol > li > ul > li {
  text-indent: -17px;
  margin-bottom: 15px;
}
#offer .text-container > ol > li > ul > li:before {
  content: "— ";
  text-indent: -5px;
}
#profile .user-block .img-container {
  float: left;
  width: 8%;
  background-color: #ffffff;
  border: 1px solid rgba(170, 170, 170, 0.4);
}
#profile .user-block .user-info {
  float: left;
  /*width: 88%;*/
  margin-left: 2%;
}
#profile .user-block .user-info .name {
  margin-top: 15px;
  font-size: 15px;
}
#profile .user-block.editing .img-container {
  margin-top: 33px;
}
#profile .user-block.editing .user-info {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
#profile .user-block.editing .user-info .form-block {
  padding: 10px;
  width: 280px;
  margin-right: 15px;
}
#profile .block {
  display: block;
  margin-top: 30px;
  border-top: 1px solid rgba(170, 170, 170, 0.4);
}
#profile .block h2 {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 5px;
  margin-top: 25px;
}
#profile .block .sub-blocks {
  display: flex !important;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: space-between;
}
#profile .block .sub-blocks > div {
  /*width: 25%;*/
  margin-right: 20px;
}
#profile .block .sub-blocks > div h3 {
  font-size: 15px;
  color: gray;
}
#profile .block .sub-blocks > div.major span {
  font-weight: 600;
  color: #174735;
}
#profile .block .sub-blocks > div.form-group {
  padding-right: 20px;
}
#profile .block .sub-blocks > div > .checkbox {
  margin-top: 0;
}
#profile .block .sub-blocks > div > .checkbox label {
  width: 100%;
}
#profile .block.editing .sub-blocks span,
#profile .block.editing .sub-blocks p {
  color: #868686;
}
#profile .block.editing:last-of-type {
  margin-bottom: 30px;
}
#profile .change-password {
  width: 20%;
}
.header {
  padding-top: 103px;
}
.navigation {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: #ffffff;
  box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.1);
}
.navigation__wrapper {
  width: 992px;
  margin: 0 auto;
  padding: 0 15px;
  display: flex;
  justify-content: space-between;
}
.navigation__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.navigation__list--right {
  justify-content: flex-end;
  margin-left: auto;
  align-self: flex-start;
}
.navigation__item {
  border-bottom: 2px solid transparent;
  transition: 0.15s ease-in-out;
}
.navigation__item:hover {
  color: #333333;
  border-bottom-color: #174735;
}
.navigation__link {
  display: inline-block;
  padding: 11px 15px 7px 15px;
  color: #777777;
  font-size: 13px;
  text-transform: uppercase;
  white-space: nowrap;
}
.navigation__link:hover {
  color: #333333;
}
.navigation__link:focus {
  color: #333333;
}
.navigation__link--active {
  border-bottom-color: #174735;
}
.navigation__toggle {
  display: flex;
  min-width: 60px;
  height: 100%;
  padding: 0 8px;
  justify-content: space-between;
  align-items: center;
  transition: 0.15s ease-in-out;
}
.navigation__toggle:hover {
  background-color: #e7e7e7;
}
.navigation__caret {
  color: rgba(110, 110, 110, 0.4);
}
.navigation__dropdown-menu {
  border: 0;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  margin-top: 6px;
  left: auto;
  right: 0;
}
.navigation__dropdown-menu:before {
  content: "";
  position: absolute;
  z-index: 10;
  top: -6px;
  right: 31px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
}
.navigation__dropdown-menu li a {
  padding: 8px 50px 8px 15px;
  text-transform: uppercase;
}
.navigation__dropdown-menu .navigation__divider {
  margin: 4px 13px;
}
.navigation__placeholder {
  height: 65px;
  background-color: #174735;
}
.heading {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
}
.heading__item {
  padding: 0 20px;
  border-left: 1px solid rgba(170, 170, 170, 0.4);
  font-size: 18px;
  text-transform: uppercase;
}
.heading__item.active a {
  color: #333333;
}
.heading__item:first-child {
  padding-left: 0;
  border-left: none;
}
.heading__link {
  color: #868686;
  font-size: 18px;
  text-transform: uppercase;
}
.heading__link:hover {
  color: #174735;
}
.heading__link:focus {
  color: #174735;
}
.heading__link.active {
  color: #333333;
}
.content {
  width: 992px;
  margin: 0 auto;
  padding: 0 15px;
  flex: 1 0 auto;
}
.content__page {
  padding: 30px 0 100px;
}
.content__wrapper {
  display: flex;
  flex-wrap: wrap;
}
.content__column {
  width: 50%;
}
.content__heading {
  width: 100%;
  margin-bottom: 20px;
}
.content__filter {
  margin-bottom: 20px;
}
.content__message {
  margin: 0 0 20px;
}
.footer {
  flex: 0 0 auto;
  background-color: #f5f5f5;
  border-top: 1px solid rgba(208, 208, 208, 0.4);
}
.footer__wrapper {
  display: flex;
  justify-content: space-between;
  width: 992px;
  margin: 0 auto;
  padding: 26px 15px 20px;
  color: #afafaf;
}
.footer__left {
  width: 70%;
}
.footer__right {
  width: 30%;
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.footer__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 25px;
}
.footer__link {
  display: inline-block;
  margin: 0 20px 10px 0;
  border-bottom: 1px solid rgba(175, 175, 175, 0.5);
  color: #afafaf;
}
.footer__link:hover {
  color: #174735;
  border-bottom-color: rgba(102, 204, 0, 0.5);
}
.footer__link--tel {
  display: block;
  margin: 0;
  border: none;
}
.voucher {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  padding: 0;
  list-style: none;
}
.voucher__item {
  display: flex;
  width: 33.333%;
  padding: 15px 10px;
}
.voucher__wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.voucher__img-wrapper {
  display: block;
  position: relative;
}
.voucher__img-wrapper:after {
  content: attr(data-content);
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  transition: 0.15s ease-in-out;
}
.voucher__img-wrapper:hover:after {
  opacity: 1;
}
/*.voucher__img {
    width: 300px;
    height: 225px;
}*/
.voucher__info {
  padding: 15px 25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  flex: 1 1 auto;
}
.voucher__title {
  font-size: 15px;
  line-height: 21px;
  font-weight: 600;
  height: 45px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.voucher__link {
  color: #777777;
  text-decoration: underline;
}
.voucher__link:hover {
  color: #174735;
  text-decoration: underline;
}
/*.voucher__button {
    color: @color-text;
    background-color: @color-background-dark;
    border: 1px solid @color-grey;
    border-radius: @border-radius-card;
    padding: 6px 12px;
    transition: @transition-main;

    &:hover {
        border-color: @color-main;
        color: @color-text;
    }
}*/
.voucher__price {
  background-color: #174735;
  font-size: 28px;
  line-height: 32px;
  color: #ffffff;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 0px 20px;
  margin-left: auto;
  margin-right: -25px;
}
.voucher__bottom {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.voucher__date--full-width {
  width: 100%;
  margin-top: 15px;
}
.voucher-details__heading {
  font-size: 18px;
  margin: 0 0 25px;
}
.voucher-details__img {
  width: 300px;
  height: 225px;
  /*height: auto;*/
  border-radius: 5px;
  background-color: #ffffff;
  float: left;
  margin: 0px 30px 18px 0;
}
.voucher-details__title {
  font-size: 15px;
  color: #868686;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.voucher-details__text {
  margin-bottom: 15px;
}
.voucher-details__number {
  font-size: 18px;
  color: #333333;
}
.voucher-details__icon {
  margin: 0 10px;
}
.voucher-details__controls {
  display: inline-block;
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid rgba(170, 170, 170, 0.4);
}
.voucher-details__purchase {
  display: flex;
  align-items: center;
}
.voucher-details__quantity {
  margin: 0 5px;
  user-select: none;
  display: flex;
  align-items: center;
}
.voucher-details__icon-quantity {
  margin: 0 5px;
  cursor: pointer;
}
.voucher-details__input {
  display: inline-block;
  min-width: 50px !important;
  width: 50px;
  height: 34px;
  text-align: center;
}
.voucher-details__quantity input[type=number] {
  -moz-appearance: textfield;
}
.voucher-details__quantity input[type=number]::-webkit-inner-spin-button,
.voucher-details__quantity input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.voucher-details__price {
  background-color: #174735;
  font-size: 28px;
  line-height: normal;
  color: #ffffff;
  border-radius: 4px;
  padding: 0px 20px;
  margin-left: auto;
}
.voucher-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.voucher-list__item {
  display: flex;
  margin-bottom: 20px;
}
.voucher-list__img {
  width: 150px;
  height: 175px;
  margin-right: 30px;
  border-radius: 5px;
  background-color: #ffffff;
}
.voucher-list__description {
  position: relative;
  width: 82%;
  display: flex;
  flex-direction: column;
}
.voucher-list__title {
  font-size: 15px;
  color: #868686;
  line-height: normal;
  text-transform: uppercase;
  margin: 0 0 12px;
}
.voucher-list__number {
  font-size: 18px;
  color: #333333;
}
.voucher-list__icon {
  margin: 0 10px;
}
.voucher-list__controls {
  display: inline-block;
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid rgba(170, 170, 170, 0.4);
}
.voucher-list__icon--download {
  background: url("/assets/imgs/icons/download-inactive.svg") no-repeat;
}
.voucher-list__icon--download:hover {
  background: url("/assets/imgs/icons/download-active.svg") no-repeat;
}
.voucher-list__icon--print {
  background: url("/assets/imgs/icons/print-inactive.svg") no-repeat;
}
.voucher-list__icon--print:hover {
  background: url("/assets/imgs/icons/print-active.svg") no-repeat;
}
.voucher-list__button {
  margin-top: auto;
  align-self: flex-end;
}
.voucher-list__qr-code {
  position: absolute;
  top: 0;
  right: 0;
}
.card__heading {
  color: #333333;
  font-size: 18px;
  margin: 10px 0;
}
.card__item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 10px 0;
}
.card__wrapper {
  display: flex;
  align-items: flex-end;
  height: 160px;
  min-width: 270px;
  max-width: 270px;
  padding: 10px;
  background-position: center;
  background-size: cover;
  border-radius: 10px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  z-index: 2;
  position: relative;
}
.card__wrapper--blocked .card__label {
  background-color: #868686;
}
.card__ma-overlay {
  background-color: rgba(255, 255, 255, 0.45);
  position: absolute;
  top: 0px;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.card__blocked-overlay {
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 0px;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.card__info {
  position: relative;
}
.card__label {
  background-color: #174735;
  color: #ffffff;
  padding: 2px 10px;
  margin-bottom: 5px;
  border-radius: 4px;
}
.card__options {
  border: 1px solid rgba(170, 170, 170, 0.4);
  background-color: #ffffff;
  margin-left: -10px;
  height: 150px;
  border-radius: 10px;
  min-width: 165px;
  padding: 0 20px 0 25px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  z-index: 1;
  margin-right: 10px;
  position: relative;
}
.card__options--edit {
  /*width: auto;*/
  /*flex-grow: 1;*/
  padding: 0 0 0 30px;
}
.card__form {
  display: flex;
  height: 100%;
}
.card__form--column {
  flex-direction: column;
}
.card__title {
  margin-bottom: 5px;
  font-size: 15px;
  width: 100%;
}
.card__subtitle {
  color: #868686;
}
.card__link-wrapper {
  display: flex;
  flex-direction: column;
}
.card__link {
  color: #174735;
  transition: 0.15s ease-in-out;
  margin-bottom: 10px;
}
.card__link:hover {
  color: #174735;
}
.card__link:focus {
  color: #174735;
}
.card__edit-block {
  display: flex;
  /*flex-wrap: wrap;*/
  align-content: flex-start;
  padding-top: 20px;
  padding-right: 15px;
  flex-direction: column;
}
.card__edit-group {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.card__checkbox-wrapper {
  margin-right: 15px;
  /*min-width: 45%;*/
  white-space: nowrap;
}
.card__checkbox-wrapper label {
  margin-bottom: 0;
}
.card__button-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 10px;
  width: 270px;
}
.card__button {
  width: 130px;
}
.card__icon {
  margin: 5px 5px 1px;
  opacity: 0.8;
}
.card__icon:hover {
  opacity: 1;
}
.card__icon:focus {
  outline: none;
}
.card__icon-options {
  position: absolute;
  top: 2px;
  right: 1px;
  color: #868686;
  cursor: pointer;
  opacity: 0.4;
}
.card__icon-options:hover {
  opacity: 1;
}
.card__icon-options:focus {
  outline: none;
}
.card__icon-pincode {
  position: absolute;
  right: 5px;
  top: 48px;
  color: #868686;
  opacity: 0.4;
  cursor: pointer;
}
.button {
  display: inline-block;
  text-align: center;
  padding: 7px 12px;
  cursor: pointer;
  transition: 0.15s ease-in-out;
  line-height: normal;
  border-radius: 3px;
  background-color: #ffffff;
  color: #777777;
  border: 1px solid #cccccc;
}
.button:hover {
  background-color: #f2f2f2;
  color: #777777;
}
.button:focus {
  outline: none;
  color: #777777;
}
.button--main {
  background-color: #20654B;
  color: #ffffff;
  border-color: transparent;
}
.button--main:hover {
  background-color: #174735;
  color: #ffffff;
}
.button--main:focus {
  outline: none;
  color: #ffffff;
}
.button--large {
  min-width: 270px;
  border-radius: 8px;
  font-size: 15px;
  padding: 16px;
}
.button--disabled {
  background-color: transparent;
  color: #555;
  border-color: #cccccc;
  opacity: 0.65;
  cursor: none;
  pointer-events: none;
}
.button--vk {
  background-color: #45668e;
  color: #ffffff;
  border-color: transparent;
}
.button--vk:hover {
  background-color: #3d5a7d;
  color: #ffffff;
}
.button--fb {
  background-color: #3b5998;
  color: #ffffff;
  border-color: transparent;
}
.button--fb:hover {
  background-color: #344e86;
  color: #ffffff;
}
.filter {
  padding: 20px;
  border-radius: 6px;
  border: 1px solid rgba(170, 170, 170, 0.4);
}
.filter__list {
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.filter__list:last-child {
  margin-bottom: 0;
}
.filter__item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.filter__item--big {
  flex-grow: 1;
  margin-right: 20px;
}
.filter__label {
  margin: 0 10px;
  white-space: nowrap;
}
.filter__input {
  width: 125px;
  height: 40px;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: none;
  text-align: center;
}
.filter__input:focus {
  border-color: rgba(23, 71, 53, 0.6);
}
.filter__input:hover {
  border-color: rgba(23, 71, 53, 0.6);
}
.filter__input[readonly] {
  background-color: #ffffff;
}
.filter__button {
  min-width: 125px;
  min-height: 36px;
  margin: 0px 5px;
  padding: 8px 12px;
}
.modal-main {
  margin-top: 30vh;
}
.modal-main__wrapper {
  width: 470px;
}
.modal-main__text {
  text-align: center;
}
.modal-main__footer {
  background-color: #fafafa;
  text-align: center;
  border-top-color: transparent;
}
.modal-main__button {
  min-height: 40px;
  min-width: 200px;
  margin: 5px;
  font-size: 15px;
  border-radius: 5px;
}
.icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  transition: 0.15s ease-in-out;
}
.icon--large {
  width: 24px;
  height: 24px;
}
.icon--big {
  width: 28px;
  height: 28px;
}
.icon--round {
  border-radius: 50%;
}
.icon--bg-main {
  background-color: #174735;
}
.icon--opacity {
  opacity: 0.8;
}
.icon--opacity:hover {
  opacity: 1;
}
.icon--opacity:focus {
  outline: none;
}
.icon--accrual {
  background: url("/assets/imgs/icons/icon-06.svg") no-repeat;
}
.icon--writeout {
  background: url("/assets/imgs/icons/icon-07.svg") no-repeat;
}
.icon--money {
  background: url("/assets/imgs/icons/icon-08.svg") no-repeat;
}
.icon--restrictions {
  background: url("/assets/imgs/icons/icon-09.svg") no-repeat;
}
.icon--edit {
  background: url("/assets/imgs/icons/icon-01.svg") no-repeat;
  margin: 5px 5px 1px;
}
.icon--copy {
  background: url("/assets/imgs/icons/icon-02.svg") no-repeat;
  margin: 5px 5px 1px;
}
.icon--merge {
  background: url("/assets/imgs/icons/icon-03.svg") no-repeat;
  margin: 5px 5px 1px;
}
.icon--delete {
  background: url("/assets/imgs/icons/icon-04.svg") no-repeat;
  margin: 5px 5px 1px;
}
.icon--remove {
  background: url("/assets/imgs/icons/icon-05.svg") no-repeat;
  cursor: pointer;
}
.icon--plus {
  background-image: url("/assets/imgs/icons/plus.svg");
}
.icon--minus {
  background-image: url("/assets/imgs/icons/minus.svg");
}
.icon--purchase-minus,
.icon--purchase-plus {
  background-color: #fafafa;
  border: 1px solid rgba(170, 170, 170, 0.4);
  border-radius: 3px;
  width: 40px;
  height: 26px;
  font-size: 17px;
  color: #333333;
  cursor: pointer;
}
.icon--search {
  background: url("/assets/imgs/icons/search.svg") no-repeat;
  margin: 10px;
  width: 30px;
  height: 30px;
}
.icon--user {
  background-image: url('../imgs/base/sprite_icons.svg');
  background-position: -3px -3px;
  background-size: 100px;
}
.icon--black {
  background-position-y: -38px;
}
.icon--envelope {
  background-position: -64px -13px;
  background-size: auto;
}
.icon--sign-out {
  background-position: -113px -13px;
}
.icon--download {
  background: url("/assets/imgs/icons/download-inactive.svg") no-repeat;
}
.icon--download:hover {
  background: url("/assets/imgs/icons/download-active.svg") no-repeat;
}
.icon--print {
  background: url("/assets/imgs/icons/print-inactive.svg") no-repeat;
}
.icon--print:hover {
  background: url("/assets/imgs/icons/print-active.svg") no-repeat;
}
.icon--vk {
  background-color: #45668e;
}
.icon--fb {
  background-color: #3b5998;
}
.panel-profile {
  margin-bottom: 50px;
}
.panel-profile__heading {
  margin: 10px 0;
  font-size: 18px;
}
.panel-profile__list {
  margin: 0;
  padding: 10px 0 0;
  list-style: none;
}
.panel-profile__item {
  margin-bottom: 10px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(170, 170, 170, 0.4);
  display: flex;
  flex-wrap: wrap;
}
.panel-profile__item:last-child {
  border-bottom: none;
}
.panel-profile__item--pet,
.panel-profile__item--child {
  border-bottom: 1px dotted rgba(170, 170, 170, 0.4);
}
.panel-profile__title {
  margin: 0;
  width: 150px;
  font-size: 14px !important;
  color: #868686;
  position: relative;
}
.panel-profile__link {
  color: #174735;
  transition: 0.15s ease-in-out;
  margin-left: auto;
}
.panel-profile__link:hover {
  color: #174735;
}
.panel-profile__link:focus {
  color: #174735;
}
.panel-profile__form {
  display: flex;
  flex-wrap: wrap;
}
.panel-profile__line {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
}
.panel-profile__line--top {
  align-items: flex-start;
}
.panel-profile__container {
  flex-grow: 1;
}
.panel-profile__iсon {
  cursor: pointer;
  margin-left: auto;
  color: #f2591f;
  opacity: 0.8;
}
.panel-profile__iсon:hover {
  opacity: 1;
}
.panel-profile__iсon-info {
  font-size: 11px;
  top: -6px;
  position: absolute;
}
.panel-profile__social {
  height: 32px;
  width: 40px;
  margin-right: 10px;
  color: #ffffff;
  border-radius: 3px;
}
.panel-profile__social--disabled {
  opacity: 0.4;
}
.panel-profile label {
  margin: 0;
}
.panel-profile .form-control {
  min-width: 205px !important;
  width: 205px;
}
.panel-profile__message {
  margin: 10px 0;
}
.balance {
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
}
.balance__item {
  position: relative;
  padding: 15px;
  width: 100%;
  margin-right: 20px;
  background-color: #ffffff;
  border: 1px solid rgba(170, 170, 170, 0.4);
  border-radius: 6px;
}
.balance__item:last-child {
  margin-right: 0;
}
.balance__title {
  margin: 0 0 5px;
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  color: #868686;
}
.balance__number {
  text-align: center;
  font-size: 16px;
  font-weight: 300;
}
.balance__icon {
  position: absolute;
  top: 3px;
  right: 3px;
  font-size: 16px;
  color: #868686;
  opacity: 0.4;
}
.balance__icon:hover {
  opacity: 1;
}
.message {
  padding: 20px;
  border-radius: 6px;
  border: 1px solid rgba(170, 170, 170, 0.4);
  /*margin: 0 0 20px;*/
}
.message__text {
  text-align: center;
}