html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent; }

html, body {
  font-size: 100%; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

html, button, input, select, textarea {
  font-family: sans-serif; }

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }
a:hover, a:active {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

blockquote, q {
  quotes: none; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none; }

small {
  font-size: 75%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

nav ul, nav ol {
  list-style: none;
  list-style-image: none; }

img {
  border: 0;
  height: auto;
  max-width: 100%;
  -ms-interpolation-mode: bicubic; }

svg:not(:root) {
  overflow: hidden; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0;
  white-space: normal; }

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline; }

button, input {
  line-height: normal; }

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button; }

button[disabled], input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  min-height: 1200px;
  letter-spacing: 0.1px;
  background: #f8f8f9;
  font-family: 'effra_lightregular';
  color: #3d3c3c;
  height: 100%;
  position: relative; }
a {
  letter-spacing: 0.1px;
  font-family: 'effra_lightregular';
  color: #3d3c3c;
}
.fancybox-overlay {
  background-color: black !important;
  background-image: none !important;
  opacity: 0.9;
}

.wrap {
  width: 1750px;
  margin: 0 auto; }
  @media screen and (max-width: 1800px) {
    .wrap {
      width: auto;
      margin: 0 2%; } }
  @media screen and (max-width: 768px) {
    .wrap {
      margin: auto; } }

.subpage-wrap {
  width: 1170px;
  margin: 0 auto; }
  @media screen and (max-width: 1200px) {
    .subpage-wrap {
      width: auto;
      margin: 0 2%; } }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

ul {
  list-style: none; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: underline;
}

.trans {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -ms-transition: all .5s;
  transition: all .5s;
  display: block; }

.content {
  height: 100%;
  position: relative; }
  @media screen and (max-width: 768px) {
    .content {
      padding-bottom: 100px; } }
  @media screen and (max-width: 480px) {
    .content {
      padding-bottom: 80px; } }
  .content__wrap {
    width: 1030px;
    margin: 0 auto; }
    @media screen and (max-width: 1030px) {
      .content__wrap {
        width: auto; } }
    @media screen and (max-width: 620px) {
      .content__wrap {
        margin: 0 2%; } }
  .content__title {
    text-align: center;
    font-size: 36px;
    margin: 165px 0 0 0;
    line-height: 1.3em; }
    .content__title strong {
      font-family: 'effrabold'; }
    @media screen and (max-width: 768px) {
      .content__title {
        font-size: 40.95px;
        margin: 193px 0 0 0;
        line-height: 1.3em;
        padding: 0 5%; } }
    @media screen and (max-width: 620px) {
      .content__title {
        font-size: 18px;
        margin: 80px 0 0 0; } }
    @media screen and (max-width: 500px) {
      .content__title {
        margin: 40px 0 0 0; } }
  .content__form {
    margin: 90px 0 0 0; }
    @media screen and (max-width: 768px) {
      .content__form {
        margin: 90px 0 71px 0; } }
    @media screen and (max-width: 500px) {
      .content__form {
        margin: 40px 0 31px 0; } }
  .content__name {
    width: 464px;
    height: 70px;
    background: #ffffff url(img/men-icon.png) no-repeat 4% center;
    border: none;
    border-top: 1px solid #dadada;
    border-right: 1px solid #fafafa;
    display: block;
    margin: 0 auto;
    padding-left: 51px;
    font-size: 22px;
    color: #3d3c3c;
    font-family: 'effra_lightregular'; }
    @media screen and (max-width: 768px) {
      .content__name {
        width: 620px;
        height: 95px; } }
    @media screen and (max-width: 620px) {
      .content__name {
        width: 100%;
        height: 50px; } }
  .content__pass {
    width: 464px;
    height: 70px;
    background: #ffffff url(img/lock-icon.png) no-repeat 4% center;
    border: none;
    border-top: 1px solid #dadada;
    border-right: 1px solid #fafafa;
    display: block;
    margin: 16px auto 0;
    padding-left: 51px;
    font-size: 22px;
    color: #3d3c3c;
    font-family: 'effra_lightregular'; }
    @media screen and (max-width: 768px) {
      .content__pass {
        width: 620px;
        height: 95px; } }
    @media screen and (max-width: 620px) {
      .content__pass {
        width: 100%;
        height: 50px; } }
  .content__submit {
    width: 464px;
    height: 70px;
    border: none;
    display: block;
    color: #f1f2f3;
    font-size: 30px;
    background: #3d3c3c;
    font-family: 'effrabold';
    text-transform: uppercase;
    margin: 16px auto 0; }
    @media screen and (max-width: 768px) {
      .content__submit {
        width: 620px;
        height: 95px; } }
    @media screen and (max-width: 620px) {
      .content__submit {
        width: 100%;
        height: 50px; } }

.content__subpage-title {
  text-align: center;
  font-size: 36px;
  margin: 64px 0 0 0;
  line-height: 1.3em; }
  @media screen and (max-width: 480px) {
    .content__subpage-title {
      margin: 30px 0 0 0;
      font-size: 22px; } }
  .content__subpage-title strong {
    font-family: 'effrabold'; }
  .content__subpage-title--second {
    padding: 0 60px;
    width: 400px;
    margin: 0 auto;
    background: url(img/skra-image.png) no-repeat left center; }
    @media screen and (max-width: 768px) {
      .content__subpage-title--second {
        background: #ffffff url(img/skra-image.png) no-repeat 27% center;
        width: auto;
        margin: 0px auto;
        padding: 60px 0; } }
    @media screen and (max-width: 480px) {
      .content__subpage-title--second {
        background: white url(img/skra-image.png) no-repeat 10% center;
        padding: 30px 0; } }
  @media screen and (max-width: 768px) {
    .content__subpage-title--open {
      display: none; } }
  .content__subpage-title--followers {
    margin: 0px 0 0 0; }
    @media screen and (max-width: 480px) {
      .content__subpage-title--followers {
        font-size: 22px; } }
  .content__subpage-title--last {
    margin: 0px 0 0 0; }
    @media screen and (max-width: 768px) {
      .content__subpage-title--last {
        background: none;
        padding: 30px 0;
        background: #ffffff; } }
.content__table {
  margin: 51px 0 0 0; }
  @media screen and (max-width: 480px) {
    .content__table {
      margin: 00px 0 0 0; } }
@media screen and (max-width: 1200px) {
  .content table {
    width: 100%; } }

.table-string {
  border-bottom: 1px solid #d6d7d8;
  font-size: 18px;
  font-family: 'effraregular';
  line-height: 2.7em; }
  @media screen and (max-width: 768px) {
    .table-string {
      font-size: 31.69px; } }
  @media screen and (max-width: 480px) {
    .table-string {
      font-size: 20px; } }

@media screen and (max-width: 768px) {
  .right {
    text-align: right !important; } }

.table-head {
  font-family: 'effrabold';
  text-align: left; }

.medium-col {
  width: 14.9%; }
  @media screen and (max-width: 1200px) {
    .medium-col {
      width: 14%; } }

.small-col {
  width: 8.5%; }
  @media screen and (max-width: 320px) {
    .small-col {
      width: 8.6%; } }

.more-properties {
  color: #ffffff;
  background: #3d3c3c url(img/more-image.png) no-repeat 14% center;
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
  width: 331px;
  height: 71px;
  margin: 97px auto 150px;
  display: block;
  padding: 17px 0 0 38px;
  font-family: 'effra_mediumregular'; }
  @media screen and (max-width: 768px) {
    .more-properties {
      width: 100%;
      padding: 17px 0 0 0px;
      background: #3d3c3c url(img/more-image.png) no-repeat 31% center;
      position: absolute;
      bottom: 0;
      margin: auto; } }
  @media screen and (max-width: 480px) {
    .more-properties {
      padding: 25px 0 0 0px;
      background: #3d3c3c url(img/more-image.png) no-repeat 20% center;
      margin: auto;
      font-size: 18px; } }

.logged-in {
  font-size: 18px;
  padding: 94px 0 0 0;
  float: left; }
  .logged-in:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (max-width: 768px) {
    .logged-in {
      padding: 18px 0 0 0; } }

.logged-text {
  float: left; }
  @media screen and (max-width: 1200px) {
    .logged-text {
      display: none; } }

.logged-person {
  color: #3d3c3c;
  float: left;
  font-family: 'effrabold'; }
  @media screen and (max-width: 768px) {
    .logged-person {
      color: #ffffff;
      font-size: 40.75px;
      float: none;
      left: 0;
      top: 25%;
      position: absolute;
      text-align: center;
      right: 0; } }
  @media screen and (max-width: 700px) {
    .logged-person {
      left: 0;
      right: 0;
      top: 30%;
      text-align: center;
      font-size: 25px; } }
  @media screen and (max-width: 480px) {
    .logged-person {
      top: 39%;
      font-size: 14px; } }

.logged-image {
  float: left;
  margin: 2px 0 0 10px; }
  @media screen and (max-width: 768px) {
    .logged-image {
      display: none; } }

@media screen and (max-width: 768px) {
  .mobile {
    display: none; } }

.mobile-cancel {
  display: none; }
  @media screen and (max-width: 768px) {
    .mobile-cancel {
      display: block;
      border: none;
      background: url(img/cross.png) no-repeat;
      width: 30px;
      height: 31px;
      position: absolute;
      left: 4%;
      top: 34%; } }
  @media screen and (max-width: 700px) {
    .mobile-cancel {
      background-size: 75%; } }
  @media screen and (max-width: 480px) {
    .mobile-cancel {
      background-size: 50%;
      top: 50%;
      margin-top: -10px; } }

.mobile-exit {
  display: none; }
  @media screen and (max-width: 768px) {
    .mobile-exit {
      display: block;
      border: none;
      background: url(img/mobile-exit.png) no-repeat;
      width: 40px;
      height: 33px;
      position: absolute;
      right: 4%;
      top: 36%; } }
  @media screen and (max-width: 700px) {
    .mobile-exit {
      background-size: 75%; } }
  @media screen and (max-width: 480px) {
    .mobile-exit {
      background-size: 50%;
      top: 50%;
      margin-top: -10px;
      right: 0%; } }

#menu {
  width: 600px; }
  @media screen and (max-width: 640px) {
    #menu {
      width: auto; } }
  #menu a {
    color: #ffffff;
    font-size: 48px;
    font-family: 'effrabold';
    display: block;
    text-align: center; }
    @media screen and (max-width: 640px) {
      #menu a {
        font-size: 22px;
        padding: 0 0 10px 0; } }

.subpages-title {
  color: #262626;
  text-align: center;
  text-transform: uppercase;
  margin: 43px 0;
  font-size: 30px; }
  @media screen and (max-width: 768px) {
    .subpages-title {
      font-size: 18px; } }
  @media screen and (max-width: 400px) {
    .subpages-title {
      font-size: 14px; } }
  .subpages-title span {
    color: #d95b47; }

.about__main {
  color: #262626;
  margin: 0 0 50px 0; }
.about__wrap {
  width: 1230px;
  margin: 0 auto;
  background: #ffffff;
  padding: 22px 30px 50px 30px; }
  @media screen and (max-width: 1230px) {
    .about__wrap {
      width: auto; } }
  @media screen and (max-width: 768px) {
    .about__wrap {
      padding: 22px 2% 50px 2%; } }
.about__news {
  margin: 0 0 17px 0; }
.about__title {
  text-transform: uppercase;
  text-align: left;
  font-size: 14px;
  border-bottom: 1px solid #dededf;
  padding: 0 0 16px 0; }
  @media screen and (max-width: 768px) {
    .about__title--first {
      text-align: center; } }
.about__news-block:after {
  content: "";
  display: table;
  clear: both; }
.about__left {
  width: 770px;
  float: left;
  font-size: 12px; }
  @media screen and (max-width: 1230px) {
    .about__left {
      width: 60%; } }
  @media screen and (max-width: 768px) {
    .about__left {
      width: 100%; } }
  .about__left h3 {
    color: #d95b47;
    font-size: 12px;
    padding: 15px 0 0px 0; }
  .about__left p {
    line-height: 1.8em;
    font-weight: bold;
    margin-top: 15px; }
.about__image {
  float: right;
  margin: 20px 0 0 0; }
  @media screen and (max-width: 1230px) {
    .about__image {
      width: 35%; } }
  @media screen and (max-width: 768px) {
    .about__image {
      width: 100%; } }
.about__visa {
  margin: 0 0 20px 0; }
.about__mail-link {
  color: #d95b47; }

.contact {
  margin-bottom: 75px; }
  @media screen and (max-width: 768px) {
    .contact {
      margin-bottom: 27px; } }
  .contact__wrap {
    width: 1260px;
    margin: 0 auto;
    padding: 0px 30px 50px 30px;
    background: #ffffff; }
    @media screen and (max-width: 1260px) {
      .contact__wrap {
        width: auto;
        padding: 0px 2% 0px 2%;
        background: none; } }
  .contact__form {
    color: #262626; }
    .contact__form:after {
      content: "";
      display: table;
      clear: both; }
  .contact__input {
    border-top: 1px solid #dcdcde;
    border-left: 1px solid #dcdcde;
    border-bottom: none;
    border-right: none;
    background: #f1f1f3;
    width: 300px;
    height: 44px;
    float: left;
    font-style: italic;
    color: #262626;
    font-size: 12px;
    margin-right: 20px;
    margin-bottom: 10px;
    padding: 0 0 0 8px; }
    @media screen and (max-width: 768px) {
      .contact__input {
        width: 48.3%; } }
    @media screen and (max-width: 630px) {
      .contact__input {
        width: 100%; } }
    .contact__input:nth-child(2n) {
      margin-right: 0px; }
  .contact__area {
    border-top: 1px solid #dcdcde;
    border-left: 1px solid #dcdcde;
    border-bottom: none;
    border-right: none;
    background: #f1f1f3;
    width: 620px;
    height: 153px;
    float: none;
    font-style: italic;
    color: #262626;
    font-size: 12px;
    resize: none;
    padding: 14px 0 0 8px; }
    @media screen and (max-width: 768px) {
      .contact__area {
        width: 100%; } }
  .contact__form-button {
    width: 114px;
    height: 44px;
    color: #d95b47;
    border: 2px solid #d95b47;
    text-align: center;
    text-transform: uppercase;
    background: #ffffff;
    font-size: 14px; }
    @media screen and (max-width: 1260px) {
      .contact__form-button {
        background: #f8f8f9; } }
  .contact__form-block {
    width: 620px; }
    .contact__form-block:after {
      content: "";
      display: table;
      clear: both; }
    @media screen and (max-width: 768px) {
      .contact__form-block {
        width: 100%; } }
  .contact__form-title {
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 1px solid #dededf;
    padding: 0 0 16px 0; }
    @media screen and (max-width: 768px) {
      .contact__form-title {
        text-align: center; } }
  .contact__sub-title {
    font-size: 12px;
    margin: 17px 0 17px 0;
    letter-spacing: 0.1px; }
    .contact__sub-title a {
      color: #d95b47; }
  .contact__form-text {
    margin: 18px 0 18px 0;
    font-size: 12px;
    letter-spacing: 0.1px; }
  .contact__map {
    color: #262626;
    margin: 25px 0 0 0; }
  .contact__map-image {
    display: block;
    margin: 20px 0 0 0; }
    @media screen and (max-width: 500px) {
      .contact__map-image {
        display: none; } }
  @media screen and (max-width: 500px) {
    .contact__mobile-map {
      display: block; } }
  .contact__sub-map {
    font-size: 12px;
    margin: 26px 0 0 0;
    font-weight: bold; }
    @media screen and (max-width: 768px) {
      .contact__sub-map {
        text-align: center; } }

.contact__form-block input::-webkit-input-placeholder {
  color: #262626; }

.contact__form-block input:-moz-placeholder {
  color: #262626; }

.contact__form-block input::-moz-placeholder {
  color: #262626; }

.contact__form-block input:-ms-input-placeholder {
  color: #262626; }

.contact__form-block input::-webkit-input-placeholder:after {
  content: "*";
  color: red; }

.contact__form-block input:-moz-placeholder:after {
  content: "*";
  color: red; }

.contact__form-block input::-moz-placeholder:after {
  content: "*";
  color: red; }

.contact__form-block input:-ms-input-placeholder:after {
  content: "*";
  color: red; }

.contact__form-block input::-webkit-input-placeholder:after {
  content: "*";
  color: red; }

.contact__form-block input:-moz-placeholder:after {
  content: "*";
  color: red; }

.contact__form-block input::-moz-placeholder:after {
  content: "*";
  color: red; }

.contact__form-block input:-ms-input-placeholder:after {
  content: "*";
  color: red; }

.contact__form-block textarea::-webkit-input-placeholder {
  color: #262626; }

.contact__form-block textarea:-moz-placeholder {
  color: #262626; }

.contact__form-block textarea::-moz-placeholder {
  color: #262626; }

.contact__form-block textarea:-ms-input-placeholder {
  color: #262626; }

.contact__form-block textarea::-webkit-input-placeholder:after {
  content: "*";
  color: red; }

.contact__form-block textarea:-moz-placeholder:after {
  content: "*";
  color: red; }

.contact__form-block textarea::-moz-placeholder:after {
  content: "*";
  color: red; }

.contact__form-block textarea:-ms-input-placeholder:after {
  content: "*";
  color: red; }

.details__main {
  background: #ffffff;
  padding: 26px 21px 40px 37px; }
  @media screen and (max-width: 768px) {
    .details__main {
      background: none;
      padding: 26px 2% 40px 2%; } }
@media screen and (max-width: 768px) {
  .details__crumbs {
    text-align: center; } }
.details__crumbs:after {
  content: "";
  display: table;
  clear: both; }
.details__crumbs a {
  float: left;
  text-transform: uppercase;
  display: block;
  padding-right: 20px;
  font-size: 14px;
  color: #aaabad;
  background: url(img/crumbs-border.png) no-repeat 89% center; }
  .details__crumbs a:last-child {
    color: #d95b47;
    background: none; }
  @media screen and (max-width: 768px) {
    .details__crumbs a {
      float: none;
      display: inline; } }
.details__item {
  border-top: 1px solid #dededf;
  margin: 16px 0 0 0; }
  .details__item:after {
    content: "";
    display: table;
    clear: both; }
.details__slider {
  float: left;
  width: 387px;
  padding: 20px 0 0 0; }
  .details__slider:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (max-width: 768px) {
    .details__slider {
      float: none;
      margin: 0 auto; } }
  @media screen and (max-width: 768px) and (max-width: 400px) {
    .details__slider {
      width: auto; } }

  .details__slider img {
    border: 1px solid #f3f3f3; }
.details__carousel {
  margin: 16px 0 0 0; }
  .details__carousel img {
    border: 1px solid #f3f3f3;
    display: block; }
.details__desc {
  float: right;
  width: 966px;
  padding: 15px 0 0 0; }
  @media screen and (max-width: 1650px) {
    .details__desc {
      width: 60%; } }
  @media screen and (max-width: 1450px) {
    .details__desc {
      width: 50%; } }
  @media screen and (max-width: 1200px) {
    .details__desc {
      width: 100%; } }
.details__title {
  font-size: 24px;
  text-transform: uppercase; }
  @media screen and (max-width: 768px) {
    .details__title {
      text-align: center; } }
  .details__title span {
    color: #d95b47; }
.details__sub-title {
  color: #aaabad;
  font-size: 12px;
  margin: 6px 0 0 0; }
  @media screen and (max-width: 768px) {
    .details__sub-title {
      text-align: center; } }
.details__text {
  font-size: 12px;
  color: #262626;
  margin: 13px 0 0 0;
  line-height: 1.6em; }
.details__options {
  margin: 20px 0 0 0; }
  .details__options:after {
    content: "";
    display: table;
    clear: both; }
.details__quant {
  float: left;
  border-top: 1px solid #dcdcde;
  border-left: 1px solid #dcdcde;
  border-bottom: none;
  border-right: none;
  background: #f1f1f3;
  color: #262626;
  font-size: 12px;
  width: 23.7%;
  height: 44px;
  font-family: "Open Sans";
  margin-right: 9px; }
  @media screen and (max-width: 550px) {
    .details__quant {
      width: 40%; } }
.details__price {
  float: left;
  font-size: 18px;
  color: #ffffff;
  background: #d95b47;
  text-align: center;
  text-transform: uppercase;
  margin-right: 9px;
  line-height: 2.5em;
  height: 44px;
  width: 17%; }
  @media screen and (max-width: 1650px) {
    .details__price {
      width: auto;
      padding: 0 10px; } }
.details__add {
  float: left;
  border: 2px solid #d95b47;
  background: #ffffff;
  color: #d95b47;
  text-align: center;
  text-transform: uppercase;
  width: 17.8%;
  height: 44px;
  font-family: 'montserratregular';
  background: url(img/details-cart.png) no-repeat 11% center;
  margin-right: 9px;
  padding: 0 0px 0 22px;
  font-size: 14px; }
  @media screen and (max-width: 1650px) {
    .details__add {
      width: auto;
      padding: 0 10px 0 40px; } }
  @media screen and (max-width: 1350px) {
    .details__add {
      margin: 9px 9px 0 0; } }
  @media screen and (max-width: 1200px) {
    .details__add {
      margin: 0px 9px 0 0; } }
  @media screen and (max-width: 550px) {
    .details__add {
      margin: 9px 9px 0 0; } }
.details__add-gift {
  float: left;
  font-family: 'montserratregular';
  background: #ffffff;
  border: 2px solid #262626;
  color: #262626;
  text-align: center;
  text-transform: uppercase;
  width: 22.2%;
  height: 44px;
  background: url(img/details-gift.png) no-repeat 9% center;
  font-size: 14px;
  padding: 0 0 0 22px; }
  @media screen and (max-width: 1650px) {
    .details__add-gift {
      width: auto;
      padding: 0 10px 0 40px;
      margin: 9px 0 0 0; } }
  @media screen and (max-width: 1200px) {
    .details__add-gift {
      margin: 0px 0px 0 0; } }
  @media screen and (max-width: 1050px) {
    .details__add-gift {
      margin: 9px 0px 0 0; } }
.details__facebook {
  margin: 22px 0 0 0;
  font-size: 12px; }
  .details__facebook:after {
    content: "";
    display: table;
    clear: both; }
.details__sub-text {
  float: left; }
  @media screen and (max-width: 400px) {
    .details__sub-text {
      float: none;
      margin: 0px 0 22px 0; } }
  .details__sub-text span {
    color: #d95b47; }
.details__sold {
  margin: 20px 0 0 0; }
  .details__sold:after {
    content: "";
    display: table;
    clear: both; }
.details__sold-out {
  float: left;
  font-size: 18px;
  color: #ffffff;
  background: #d95b47;
  text-align: center;
  text-transform: uppercase;
  margin-right: 9px;
  line-height: 2.5em;
  height: 44px;
  width: 13.8%;
  margin-bottom: 20px; }
  @media screen and (max-width: 500px) {
    .details__sold-out {
      float: none;
      width: 40%; } }
.details__add-stock {
  color: #d95b47;
  border-bottom: 1px dashed #d95b47;
  font-size: 14px;
  display: inline-block;
  margin: 13px 0 0 6px;
  letter-spacing: 0.1px; }
  @media screen and (max-width: 500px) {
    .details__add-stock {
      display: inline;
      float: none;
      margin: 0px 0 0 0px; } }

.fb-share-button {
  float: right; }
  @media screen and (max-width: 400px) {
    .fb-share-button {
      float: none; } }

.fb-sold {
  float: none;
  margin: 20px 0 0 0; }

.search {
  color: #262626; }
  .search__main {
    background: #ffffff;
    padding: 26px 21px 40px 31px; }
    @media screen and (max-width: 768px) {
      .search__main {
        margin-top: 30px;
        padding: 26px 2% 40px 2%; } }
  .search__block {
    margin: 0 0 34px 0; }
    .search__block:after {
      content: "";
      display: table;
      clear: both; }
  .search__title {
    text-transform: uppercase;
    border-bottom: 1px solid #dededf;
    font-size: 14px;
    padding: 0 0 16px 0; }
    @media screen and (max-width: 768px) {
      .search__title {
        text-align: center; } }
  .search__checkbox {
    margin: 16px 0 0 0; }
    .search__checkbox label {
      margin: 0 15px 0 0; }
      @media screen and (max-width: 768px) {
        .search__checkbox label {
          margin: 0 15px 16px 0;
          display: block;
          float: left; } }
  .search__quant {
    float: left;
    border-top: 1px solid #dcdcde;
    border-left: 1px solid #dcdcde;
    border-bottom: none;
    border-right: none;
    background: #f1f1f3;
    color: #262626;
    font-size: 12px;
    width: 230px;
    height: 44px;
    font-family: "Open Sans";
    margin-right: 9px;
    margin-top: 20px;
    padding: 0 0 0 7px;
    letter-spacing: 0.5px; }
    @media screen and (max-width: 550px) {
      .search__quant {
        width: 100%; } }
  .search__submit {
    color: #262626;
    font-size: 14px;
    text-align: center;
    border: 2px solid #262626;
    text-transform: uppercase;
    background: #ffffff;
    width: 142px;
    height: 44px;
    margin: -15px 0 0 0;
    font-family: 'montserratregular'; }
    @media screen and (max-width: 768px) {
      .search__submit {
        margin: 0 auto;
        display: block; } }
    .search__submit:hover {
      border: 2px solid #d95b47;
      color: #d95b47;
      transition: 1s; }



input[type="checkbox"] + .checked-input {
  background: url(img/checkbox-empty.jpg) no-repeat 0% 25%;
  padding: 0px 0 2px 27px;
  cursor: pointer;
  font-size: 14px; }

input[type=checkbox]:checked + .checked-input {
  color: #333333;
  background: url(img/check-active.jpg) no-repeat 0 25%; }

.open .content__name {
  background: #ffffff; }
  @media screen and (max-width: 768px) {
    .open .content__name {
      width: 620px;
      height: 95px; } }
  @media screen and (max-width: 620px) {
    .open .content__name {
      width: 100%;
      height: 50px;
      padding-left: 10px; } }
.open .content__pass {
  background: #ffffff; }
  @media screen and (max-width: 768px) {
    .open .content__pass {
      width: 620px;
      height: 95px; } }
  @media screen and (max-width: 620px) {
    .open .content__pass {
      width: 100%;
      height: 50px;
      padding-left: 10px; } }
.open .content__number {
  width: 464px;
  height: 70px;
  border: none;
  border-top: 1px solid #dadada;
  border-right: 1px solid #fafafa;
  display: block;
  margin: 16px auto 0;
  padding-left: 51px;
  font-size: 22px;
  color: #3d3c3c;
  font-family: 'effra_lightregular'; }
  @media screen and (max-width: 768px) {
    .open .content__number {
      width: 620px;
      height: 95px; } }
  @media screen and (max-width: 620px) {
    .open .content__number {
      width: 100%;
      height: 50px;
      padding-left: 10px; } }
.open .content__submit {
  width: 464px;
  height: 70px;
  border: none;
  display: block;
  color: #f1f2f3;
  font-size: 30px;
  background: #3d3c3c;
  font-family: 'effrabold';
  text-transform: uppercase;
  margin: 16px auto 0; }
.open .content__submit:disabled {
  background: #6e6e6e;}
  @media screen and (max-width: 768px) {
    .open .content__submit {
      width: 620px;
      height: 95px; } }
  @media screen and (max-width: 620px) {
    .open .content__submit {
      width: 100%;
      height: 50px;
      font-size: 28px; } }
.open__register {
  color: #f11539;
  font-size: 30px;
  text-align: center;
  display: block;
  margin: 94px 0 103px 0;
  font-family: 'effra_lightregular'; }
  @media screen and (max-width: 620px) {
    .open__register {
      margin: 25px 0;
      font-size: 24px; } }
.open__close {
  display: none;
  color: #ffffff;
  background: #3d3c3c url(img/lock.png) no-repeat 14% center;
  font-size: 30px;
  text-align: center;
  width: 331px;
  height: 71px;
  margin: 97px auto 75px;
  padding: 17px 0 0 38px;
  font-family: 'effra_mediumregular'; }
  @media screen and (max-width: 768px) {
    .open__close {
      display: block;
      width: 100%;
      padding: 17px 0 0 0px;
      background: #3d3c3c url(img/lock.png) no-repeat 31% center;
      position: absolute;
      bottom: 0;
      margin: auto; } }
  @media screen and (max-width: 480px) {
    .open__close {
      padding: 25px 0 0 0px;
      background: #3d3c3c url(img/lock.png) no-repeat 20% center;
      margin: auto;
      font-size: 18px; } }

.open .content__name::-webkit-input-placeholder:before {
  content: "* ";
  color: red; }

.open .content__name:-moz-placeholder:before {
  content: "* ";
  color: red; }

.open .content__name::-moz-placeholder:before {
  content: "* ";
  color: red; }

.open .content__name:-ms-input-placeholder:before {
  content: "* ";
  color: red; }

.open .content__pass::-webkit-input-placeholder:before {
  content: "* ";
  color: red; }

.open .content__pass:-moz-placeholder:before {
  content: "* ";
  color: red; }

.open .content__pass::-moz-placeholder:before {
  content: "* ";
  color: red; }

.open .content__pass:-ms-input-placeholder:before {
  content: "* ";
  color: red; }

.worker__table {
  width: 642px;
  margin: 49px auto 0;
  font-family: effrabold;
  font-size: 18px; }
  @media screen and (max-width: 640px) {
    .worker__table {
      margin: 30px 2% 0px;
      width: auto; } }
.worker__string {
  margin: 0 0 2px 0; }
  .worker__string:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (max-width: 768px) {
    .worker__string {
      position: relative;
      margin: 0 0 20px 0; } }

.clear-string {
  display: inline-block;
  border: none;
  background: url(img/delete.jpg) no-repeat;
  width: 27px;
  height: 27px;
  margin: 7px 0 0 0; }
  @media screen and (max-width: 768px) {
    .clear-string {
      margin: 0px 19px 0 0;
      background: url(img/cancel-large.jpg) no-repeat;
      width: 55px;
      height: 55px; } }
  @media screen and (max-width: 480px) {
    .clear-string {
      background: url(img/delete.jpg) no-repeat;
      width: 27px;
      height: 27px; } }

.clear-link {
  width: 10%;
  float: left; }

.name-link {
  width: 44%;
  float: left;
  margin: 9px 0 0 0; }
  @media screen and (max-width: 768px) {
    .name-link {
      font-size: 27px;
      width: auto;
      margin: -6px 0 0 0; } }
  @media screen and (max-width: 480px) {
    .name-link {
      margin: -3px 0 0 0;
      font-size: 16px; } }

.phone-link {
  width: 19%;
  float: left;
  margin: 9px 0 0 0; }
  @media screen and (max-width: 768px) {
    .phone-link {
      display: none; } }

.mail-link {
  width: 24%;
  float: left;
  margin: 9px 0 0 0; }
  @media screen and (max-width: 768px) {
    .mail-link {
      width: auto;
      float: none;
      position: absolute;
      left: 10%;
      top: 25%; } }
  @media screen and (max-width: 480px) {
    .mail-link {
      top: 10%; } }
  .mail-link a {
    color: #f11539;
    font-family: 'effra_lightregular';
    text-transform: uppercase; }
    @media screen and (max-width: 768px) {
      .mail-link a {
        color: #3d3c3c;
        text-transform: lowercase;
        font-size: 27px; } }
    @media screen and (max-width: 480px) {
      .mail-link a {
        font-size: 16px; } }

.back-button {
  color: #ffffff;
  background: #3d3c3c url(img/back-arrow.png) no-repeat 9% center;
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
  width: 399px;
  height: 71px;
  margin: 57px auto 150px;
  display: block;
  padding: 17px 0 0 38px;
  font-family: 'effra_mediumregular'; }
  @media screen and (max-width: 768px) {
    .back-button {
      width: 100%;
      padding: 17px 0 0 0px;
      background: #3d3c3c url(img/back-arrow.png) no-repeat 25% center;
      position: absolute;
      bottom: 0;
      margin: auto; } }
  @media screen and (max-width: 480px) {
    .back-button {
      padding: 25px 0 0 0px;
      background: #3d3c3c url(img/back-arrow.png) no-repeat 15% center;
      margin: auto;
      font-size: 18px; } }
  @media screen and (max-width: 320px) {
    .back-button {
      padding: 25px 0 0 0px;
      background: #3d3c3c url(img/back-arrow.png) no-repeat 10% center; } }

.house-image {
  margin: 107px auto 71px;
  display: block; }

.house-text {
  text-align: center;
  font-size: 36px; }
  @media screen and (max-width: 480px) {
    .house-text {
      margin: 30px 0 0 0;
      font-size: 22px; } }
  .house-text strong {
    font-family: 'effrabold'; }

.house-button {
  color: #ffffff;
  background: #3d3c3c;
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
  width: 172px;
  height: 71px;
  margin: 99px auto 150px;
  display: block;
  padding: 17px 0 0 0px;
  font-family: 'effra_mediumregular'; }
  @media screen and (max-width: 768px) {
    .house-button {
      width: 100%;
      padding: 17px 0 0 0px;
      position: absolute;
      bottom: 0;
      margin: auto; } }
  @media screen and (max-width: 480px) {
    .house-button {
      padding: 25px 0 0 0px;
      margin: auto;
      font-size: 18px; } }

.title-block {
  padding: 60px 0 50px 0; }
  @media screen and (max-width: 640px) {
    .title-block {
      padding: 40px 0;
      border-bottom: 1px solid #dbdbdb;
      background: #ffffff; } }

#options {
  font-family: 'effra_mediumregular';
  background: #ffffff;
  width: 652px;
  height: 343px; }
  @media screen and (max-width: 640px) {
    #options {
      width: 500px; } }
  @media screen and (max-width: 480px) {
    #options {
      width: 100%;
      padding: 15px; } }
  #options .title {
    color: #3d3c3c;
    font-size: 31px;
    text-align: center;
    padding: 59px 0 53px 0; }
    @media screen and (max-width: 480px) {
      #options .title {
        font-size: 24px; } }
  #options .buttons {
    width: 462px;
    margin: 0 auto; }
    #options .buttons:after {
      content: "";
      display: table;
      clear: both; }
    @media screen and (max-width: 480px) {
      #options .buttons {
        width: 100%; } }
    #options .buttons input {
      width: 210px;
      height: 100px;
      background: #3d3c3c;
      border: none;
      text-align: center;
      font-size: 49.86px;
      color: #ffffff;
      text-transform: uppercase; }
      @media screen and (max-width: 640px) {
        #options .buttons input {
          width: 50%; } }
      @media screen and (max-width: 480px) {
        #options .buttons input {
          width: 35%;
          font-size: 20px;
          height: 75px; } }
  #options .no-button {
    float: left; }
  #options .yes-button {
    float: right; }

.header {
  background: #ffffff;
  height: 207px;
  border-bottom: 1px solid #dbdbdb;
  position: relative; }
  .header:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (max-width: 768px) {
    .header {
      height: 100px; } }
  .header .logo {
    position: absolute;
    left: 50%;
    margin-left: -153px;
    top: 22%; }
    @media screen and (max-width: 768px) {
      .header .logo {
        width: 25%;
        left: 2%;
        margin-left: 0;
        top: 50%;
        margin-top: -38px; } }
    @media screen and (max-width: 480px) {
      .header .logo {
        width: 190px;
        margin-left: -95px;
        left: 50%; } }
  .header .navigation {
    float: right;
    display: block;
    background: url(img/menu-closed.png) no-repeat 100% center;
    color: #3d3c3c;
    font-family: 'effra_heavyregular';
    font-size: 14px;
    padding: 10px 45px 10px 0;
    margin: 84px 0 0 0; }
    @media screen and (max-width: 768px) {
      .header .navigation {
        margin: 40px 2% 0 0;
        height: 24px; }
        .header .navigation span {
          display: none; } }
    @media screen and (max-width: 480px) {
      .header .navigation {
        display: none; } }
  @media screen and (max-width: 768px) {
    .header .logo-logged {
      display: none; } }

@media screen and (max-width: 768px) {
  .logged-mobile {
    background: #3d3c3c;
    height: 98px; } }

.footer {
  border-top: 1px solid #dcdcdd;
  background: #ffffff;
  height: 104px;
  margin-top: -104px;
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  bottom: 0;
  clear: both; }
  @media screen and (max-width: 768px) {
    .footer {
      display: none; } }
  @media screen and (max-width: 620px) {
    .footer {
      height: 124px; } }
  .footer strong {
    font-family: 'effrabold'; }
  .footer__wrap {
    width: 770px;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .footer__wrap {
        width: auto; } }
  .footer__list {
    margin: 41px 0 0 26px; }
    .footer__list:after {
      content: "";
      display: table;
      clear: both; }
    @media screen and (max-width: 620px) {
      .footer__list {
        margin: 20px 0 0 0px; } }
  .footer__link {
    color: #3d3c3c;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    display: block;
    float: left;
    background: url(img/footer-img.jpg) no-repeat 100% center;
    padding: 0 22px 0 12px; }
    .footer__link:last-child {
      background: none;
      padding: 0 25px 0 0; }
    @media screen and (max-width: 620px) {
      .footer__link {
        float: none;
        background: none;
        padding: 0;
        margin: 0 0 3px 0; } }
  .footer__phone {
    margin: 0 0 0 15px;
    float: left; }
    @media screen and (max-width: 620px) {
      .footer__phone {
        float: none;
        text-align: center;
        background: none;
        margin: 0; } }
    .footer__phone a {
      color: #3d3c3c; }

/*# sourceMappingURL=app.css.map */