.ctxmenu-menu {
  position: absolute;
  z-index: 10000;
  background: #fff;
  border: 2px solid #666;
  min-width: 150px;
  min-height: 100px;
  font-size: 1.2em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-aling: left; }
  .ctxmenu-menu ul {
    position: relative;
    padding: 5px 0;
    list-style: none; }
    .ctxmenu-menu ul li {
      padding: .5em 1.5em;
      cursor: pointer; }
      .ctxmenu-menu ul li:hover {
        background: #e7e7e7; }
    .ctxmenu-menu ul:not(:first-child):before {
      content: "";
      position: absolute;
      left: 1em;
      right: 1em;
      top: 0;
      border-top: 1px solid rgba(0, 0, 0, 0.2); }

.modalpopup-wr {
  position: fixed;
  z-index: 10000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  display: table;
  font-size: 14px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iOTAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMyIvPjxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMDUiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -moz-radial-gradient(50% 50%, circle cover, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.05) 90%);
  background-image: -webkit-radial-gradient(50% 50%, circle cover, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.05) 90%);
  background-image: radial-gradient(circle cover at 50% 50%, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.05) 90%);
  padding: 50px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .modalpopup-wr .modalpopup-wr-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
  .modalpopup-wr .modalpopup {
    display: inline-block;
    background: #fff;
    border: 2px solid rgba(0, 0, 0, 0.7);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
        /*
        .modalpopup-btn{
            @extend .btn;

            &:hover{
                background: #e7e7e7;
            }
        }
        */ }
    @media (min-width: 1200px) {
      .modalpopup-wr .modalpopup {
        max-width: 600px; } }
    .modalpopup-wr .modalpopup .modalpopup-content-wr {
      padding: 1.5em;
      text-align: left;
      line-height: 1.4em;
      min-height: 60px; }
    .modalpopup-wr .modalpopup .modalpopup-buttons-wr {
      padding: .5em 1.5em;
      background: #efefef;
      -moz-border-radius: 0 0 6px 6px;
      -webkit-border-radius: 0;
      border-radius: 0 0 6px 6px; }
  .modalpopup-wr.before-opening {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }
    .modalpopup-wr.before-opening .modalpopup {
      -moz-transform: translate(200px, 100px);
      -ms-transform: translate(200px, 100px);
      -webkit-transform: translate(200px, 100px);
      transform: translate(200px, 100px); }
  .modalpopup-wr.opened {
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
    .modalpopup-wr.opened .modalpopup {
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      -webkit-transition: all 0.2s;
      transition: all 0.2s; }
  .modalpopup-wr.closed {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .modalpopup-wr.closed .modalpopup {
      -moz-transform: translate(200px, 100px);
      -ms-transform: translate(200px, 100px);
      -webkit-transform: translate(200px, 100px);
      transform: translate(200px, 100px);
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      -webkit-transition: all 0.5s;
      transition: all 0.5s; }

.cif-file-picker {
  position: relative;
  padding: 0;
  border: 4px dashed rgba(0, 0, 0, 0.2);
  width: 380px;
  height: 180px; }
  .cif-file-picker .cif-file-picker-btn {
    display: table-cell;
    vertical-align: middle;
    width: inherit;
    height: inherit;
    text-align: center;
    opacity: .5;
    cursor: default; }
    .cif-file-picker .cif-file-picker-btn .cif-icon-picker {
      background: url(../images/cif-icons-20xy.png) 0 0 no-repeat;
      width: 80px;
      height: 60px;
      display: inline-block; }
    .cif-file-picker .cif-file-picker-btn h3 {
      margin: 0;
      font-size: 20px;
      text-align: center; }
    .cif-file-picker .cif-file-picker-btn p {
      margin: 0 0 10px 0;
      font-size: 16px;
      text-align: center; }
    .cif-file-picker .cif-file-picker-btn:hover {
      opacity: 1; }
  .cif-file-picker.dragover:not(.inactive) {
    border-color: #2ba6de;
    opacity: 1; }
  .cif-file-picker.inactive.dragover {
    cursor: pointer; }
  .cif-file-picker.inactive {
    border-color: #dfdfdf; }
    .cif-file-picker.inactive .cif-file-picker-btn {
      opacity: .2; }

.cif-droppable-area {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  display: none; }

.cif-droppable.dragover .cif-droppable-area {
  display: block; }

/*Container item File*/
.cif-parent {
  position: relative;
  margin-bottom: 10px; }

.foto-file-row .field-wr-int {
  position: relative; }

.cif-close {
  opacity: .5;
  text-indent: -100000px;
  width: 14px;
  height: 14px;
  cursor: default;
  color: #555;
  background: url(../images/cif-icons-20xy.png) 0px -60px no-repeat; }

.cif-file-container.cif-type-image .cif-close {
  top: 0px;
  left: 0px;
  position: absolute; }

.cif-close:hover {
  opacity: 1; }

/*Container All type*/
.cif-file-container.cif-container-all-type .cif-file-row {
  margin: 10px 0; }

.cif-file-container.cif-container-all-type .cif-parent {
  max-width: 380px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 10px 10px 10px 30px;
  border: 1px solid #dfdfdf;
  background: #F4F4F4; }

.cif-file-container.cif-container-all-type .cif-all-type {
  font-size: 13px;
  line-height: 16px; }

.cif-file-container.cif-container-all-type .cif-close {
  top: 50%;
  margin-top: -7px;
  left: 5px;
  position: absolute; }

.cif-file-container.cif-container-all-type .cif-file-size {
  opacity: .8; }

/*Container Image*/
.cif-file-container.cif-container-image-type .cif-file-row {
  border-bottom: 1px solid #f2f2f2;
  padding: 20px 0; }

.cif-file-container.cif-container-image-type .cif-parent {
  padding-top: 30px; }

.cif-file-container.cif-container-image-type .cif-close {
  top: 5px; }

.cif-img {
  max-height: 300px;
  max-width: 380px; }

/*message*/
#cif-msg-wr {
  line-height: 1.2em;
  font-size: 13px;
  position: fixed;
  z-index: 10000;
  top: 10px;
  right: 27em;
  max-width: 50%;
  padding: 15px;
  background: #43e182;
  min-width: 50px;
  border-radius: 4px;
  color: black;
  font-weight: 700;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5); }
  #cif-msg-wr.cif-msg-error {
    background: #f0bd0c; }
  @media (max-width: 500px) {
    #cif-msg-wr {
      top: auto;
      bottom: 10px;
      left: 10px;
      right: 10px;
      width: auto;
      max-width: initial; } }
  #cif-msg-wr .undo-btn {
    cursor: pointer; }
    #cif-msg-wr .undo-btn:hover {
      text-decoration: underline; }

#cif-msg-wr .cif-msg-close {
  opacity: .5;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -9px;
  width: 16px;
  height: 16px;
  text-indent: -100000px; }

#cif-msg-wr .cif-msg-close:hover {
  opacity: 1; }

.cif-msg-icon {
  padding: 0 10px;
  font-size: 8px; }

.cif-msg-icon-error {
  background: url(../images/cif-icons-20xy.png) 0 -120px no-repeat; }

.cif-msg-icon-ok {
  background: url(../images/cif-icons-20xy.png) 0 -100px no-repeat; }

/*Progressbar*/
.cf-progressbar-wr {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  z-index: 50000; }

.cf-progressbar {
  height: 12px;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  left: 50%;
  margin-left: -125px;
  width: 250px;
  background: #dadada;
  padding: 2px;
  box-sizing: border-box;
  border: 1px solid #000; }

.cf-progressbar > span {
  display: block;
  height: 100%;
  background: #2bc253;
  background-image: url(bg-progress-bar.png);
  position: relative;
  transition: width 200ms;
  overflow: hidden; }

.cif-img-wr {
  position: relative;
  display: inline-block; }

.cif-progressbar {
  height: 12px;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  left: 50%;
  margin-left: -125px;
  width: 250px;
  background: #dadada;
  padding: 2px;
  box-sizing: border-box;
  border: 1px solid #000; }

.cif-progressbar.cif-progressbar-on-image {
  top: auto;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  left: 0;
  height: 7px; }

.cif-container-all-type .cif-progressbar.cif-progressbar-on-image {
  height: 2px; }

.cif-progressbar.cif-progressbar-success > span {
  background: #006dcc; }

.cif-progressbar.cif-progressbar-error > span {
  background: #C40D0D; }

.cif-progressbar > span {
  display: block;
  height: 100%;
  background-color: #6188f5;
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: 16px 8px;
  background-image: -webkit-linear-gradient(315deg, transparent, transparent 33%, rgba(0, 0, 0, 0.12) 33%, rgba(0, 0, 0, 0.12) 66%, transparent 66%, transparent);
  background-image: -moz-linear-gradient(315deg, transparent, transparent 33%, rgba(0, 0, 0, 0.12) 33%, rgba(0, 0, 0, 0.12) 66%, transparent 66%, transparent);
  background-image: -o-linear-gradient(315deg, transparent, transparent 33%, rgba(0, 0, 0, 0.12) 33%, rgba(0, 0, 0, 0.12) 66%, transparent 66%, transparent);
  background-image: linear-gradient(315deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.12) 33%, rgba(0, 0, 0, 0.12) 66%, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0));
  -webkit-animation: animateprogressbar .5s linear infinite;
  animation: animateprogressbar .5s linear infinite;
  position: relative;
  transition: width 200ms;
  overflow: hidden; }

.cif-retry-upload {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  color: rgba(0, 0, 0, 0.6); }

.cif-retry-upload:before {
  content: "\f01e";
  font-size: 50px;
  font-family: 'FontAwesome';
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s; }

.cif-retry-upload:hover {
  color: black; }

.cif-retry-upload.cif-onclick:before {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  transform: rotate(360deg); }

.cif-error-upload img, .cif-error-upload .jcrop-tracker {
  opacity: .3; }

.jcrop-holder .preview-pane {
  display: block;
  position: absolute;
  z-index: 2000;
  top: 00px;
  left: 102%;
  padding: 6px;
  border: 1px rgba(0, 0, 0, 0.4) solid;
  background-color: white;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2); }

.preview-pane .preview-container {
  overflow: hidden; }

@-webkit-keyframes animateprogressbar {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 16px 0; } }
@keyframes animateprogressbar {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 16px 0; } }
/*Contextual Menu*/
.cif-contextual-menu ul {
  padding: 0;
  list-style: none; }

.cif-contextual-menu ul li {
  padding: .5em 1.5em;
  cursor: pointer; }

.cif-contextual-menu ul li:hover {
  background: #e7e7e7; }

.cif-contextual-menu {
  position: absolute;
  background: #fff;
  border: 2px solid #000;
  padding: 10px 0px;
  min-width: 150px;
  min-height: 100px;
  font-size: 1.2em; }

/*Modal Popup*/
#cif-modalpopup-wr {
  position: fixed;
  z-index: 10000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  display: table; }

#cif-modalpopup-wr-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

#cif-modalpopup {
  display: inline-block;
  max-width: 95%;
  background: #fff;
  padding: 20px; }

.cif-modalpopup-btn {
  font-size: 1.2em;
  display: inline-block;
  padding: .5em 2em;
  background: #f2f2f2;
  margin: 1em 1em 0 0;
  cursor: pointer; }

.cif-modalpopup-btn:hover {
  background: #e7e7e7; }

.cif-modalpopup-btn.btn-eliminar:hover, .cif-modalpopup-btn.btn-delete:hover {
  background: #C40D0D;
  color: #fff; }

.cif-modalpopup-btn.btn-aceptar, .cif-modalpopup-btn.btn-accept {
  background: #46be5e;
  color: #fff; }

.cif-modalpopup-btn.btn-aceptar:hover, .cif-modalpopup-btn.btn-accept:hover {
  background-color: #6BD480; }

#cif-modalpopup .preview-pane {
  position: fixed;
  top: 10px;
  right: 10px;
  left: auto; }

#cif-modalpopup .cif-img {
  max-width: 100%;
  max-height: 100%; }

.modalpopup .preview-pane {
  position: fixed;
  top: 10px;
  right: 10px;
  left: auto; }

.modalpopup .cif-img {
  max-width: 100%;
  max-height: 100%; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
    /*
  width: 44px;
  height: 44px;
  line-height: 44px;

  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: $mfp-controls-opacity;
  padding: 0 0 18px 10px;
  color: $mfp-controls-color;

  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
    */
  width: 64px;
  height: 63px;
  position: absolute;
  top: 40px;
  right: 0;
  background: url("../images/btn-close.png") no-repeat;
  cursor: pointer;
  /*
  &:hover,
  &:focus {
    opacity: 1;
  }
  
  &:active {
    top: 1px;
  }
  */
  right: -6px;
  top: 20px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before, .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 20px 0 190px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 20px;
    bottom: 190px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -190px;
  background: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  color: #616161; }
  .mfp-title .image-title-wr {
    border-top: 1px solid #e0e0e0; }
    .mfp-title .image-title-wr.image-title-with-description .image-title {
      margin-right: 230px;
      border-right: 1px solid #e0e0e0; }
  .mfp-title .image-title {
    font-size: 2.4em;
    padding: 30px 50px;
    font-weight: 300;
    line-height: 1.1em; }
  .mfp-title .image-description {
    padding: 40px 50px;
    border-top: 1px solid #e0e0e0;
    font-size: 1.6em;
    font-weight: 200;
    display: none; }
    .mfp-title .image-description.shown {
      display: block; }
  .mfp-title .image-description-toggler {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 200;
    font-size: 1.6em;
    color: #008cba;
    padding: 30px 55px 25px 20px;
    width: 230px;
    float: right;
    font-weight: 200;
    text-align: right; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.full-popup:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

body.full-popup-covered .btn-close {
  border: none;
  display: block;
  position: absolute;
  top: 20px;
  width: 35px;
  height: 35px;
  right: 20px;
  z-index: 9002;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8; }
  body.full-popup-covered .btn-close:before, body.full-popup-covered .btn-close:after {
    content: "";
    display: block;
    border-bottom: 2px solid #fff;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  body.full-popup-covered .btn-close:after {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  body.full-popup-covered .btn-close:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }
  @media (max-width: 1000px) {
    body.full-popup-covered .btn-close {
      top: 10px;
      width: 25px;
      height: 25px;
      right: 10px; } }

.grow-bar .bar {
  transform: scale(0, 1);
  transform-origin: left; }
.grow-bar .bar-title {
  opacity: 0; }
.grow-bar.visible .bar {
  transform: scale(1);
  transition: transform .5s; }
.grow-bar.visible .bar-title {
  opacity: 1;
  transition: opacity .3s .5s; }

.fadein-seo {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: translate(10px, 70px);
  -ms-transform: translate(10px, 70px);
  -webkit-transform: translate(10px, 70px);
  transform: translate(10px, 70px); }
  .fadein-seo.visible {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }

.fadein-from-bottom {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: translate(0, 100px);
  -ms-transform: translate(0, 100px);
  -webkit-transform: translate(0, 100px);
  transform: translate(0, 100px); }
  .fadein-from-bottom.visible {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }

.fadein-from-top {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: translate(10px, -70px);
  -ms-transform: translate(10px, -70px);
  -webkit-transform: translate(10px, -70px);
  transform: translate(10px, -70px); }
  .fadein-from-top.visible {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }

.fadein-slow {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }
  .fadein-slow.visible {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: all 1.5s;
    -o-transition: all 1.5s;
    -webkit-transition: all 1.5s;
    transition: all 1.5s; }

.from-left-seo {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: translate(-200%, 0);
  -ms-transform: translate(-200%, 0);
  -webkit-transform: translate(-200%, 0);
  transform: translate(-200%, 0); }
  @media (max-width: 1000px) {
    .from-left-seo {
      -moz-transform: translate(0, 50px);
      -ms-transform: translate(0, 50px);
      -webkit-transform: translate(0, 50px);
      transform: translate(0, 50px); } }
  .from-left-seo:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -moz-transition: all 0.8s 0.1s;
    -o-transition: all 0.8s 0.1s;
    -webkit-transition: all 0.8s;
    -webkit-transition-delay: 0.1s;
    transition: all 0.8s 0.1s; }
  .from-left-seo.visible {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
    .from-left-seo.visible:after {
      width: 0; }

.from-right-seo {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0); }
  @media (max-width: 1000px) {
    .from-right-seo {
      -moz-transform: translate(0, 50px);
      -ms-transform: translate(0, 50px);
      -webkit-transform: translate(0, 50px);
      transform: translate(0, 50px); } }
  .from-right-seo:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -moz-transition: all 1.2s 0.1s;
    -o-transition: all 1.2s 0.1s;
    -webkit-transition: all 1.2s;
    -webkit-transition-delay: 0.1s;
    transition: all 1.2s 0.1s; }
  .from-right-seo.visible {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: all 0.5s 0.5s;
    -o-transition: all 0.5s 0.5s;
    -webkit-transition: all 0.5s;
    -webkit-transition-delay: 0.5s;
    transition: all 0.5s 0.5s;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
    @media (max-width: 1000px) {
      .from-right-seo.visible {
        -moz-transition-delay: 0;
        -o-transition-delay: 0;
        -webkit-transition-delay: 0;
        transition-delay: 0; } }
    .from-right-seo.visible:after {
      width: 0; }

@-moz-keyframes textfromright {
  0% {
    transform: translate(50%, 0);
    opacity: 0; }
  100% {
    transform: translate(0, 0);
    opacity: 1; } }
@-webkit-keyframes textfromright {
  0% {
    transform: translate(50%, 0);
    opacity: 0; }
  100% {
    transform: translate(0, 0);
    opacity: 1; } }
@keyframes textfromright {
  0% {
    transform: translate(50%, 0);
    opacity: 0; }
  100% {
    transform: translate(0, 0);
    opacity: 1; } }
@-moz-keyframes fadeinfadeout {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-webkit-keyframes fadeinfadeout {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeinfadeout {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-moz-keyframes rotate {
  0% {
    -moz-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes rotate {
  0% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-moz-keyframes zoomin {
  from {
    -moz-transform: scale(1);
    transform: scale(1); }
  to {
    -moz-transform: scale(1.3);
    transform: scale(1.3); } }
@-webkit-keyframes zoomin {
  from {
    -webkit-transform: scale(1);
    transform: scale(1); }
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); } }
@keyframes zoomin {
  from {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }
  to {
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3); } }
@-moz-keyframes hideNav {
  from {
    -moz-transform: translateX(0);
    transform: translateX(0); }
  to {
    -moz-transform: translateX(100%);
    transform: translateX(100%); } }
@-webkit-keyframes hideNav {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }
@keyframes hideNav {
  from {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  to {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }
@-moz-keyframes showNav {
  0% {
    -moz-transform: translateX(100%);
    transform: translateX(100%); }
  100% {
    -moz-transform: translateX(0);
    transform: translateX(0); } }
@-webkit-keyframes showNav {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes showNav {
  0% {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  100% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@-moz-keyframes scrollBar {
  0% {
    -moz-transform: translateY(0);
    transform: translateY(0); }
  90% {
    -moz-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0; }
  100% {
    -moz-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0; } }
@-webkit-keyframes scrollBar {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  90% {
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0; } }
@keyframes scrollBar {
  0% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  90% {
    -moz-transform: translateY(40%);
    -ms-transform: translateY(40%);
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0; }
  100% {
    -moz-transform: translateY(40%);
    -ms-transform: translateY(40%);
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0; } }
@-moz-keyframes loading-ball-translate {
  0% {
    left: 0; }
  100% {
    margin-left: -7px;
    left: 100%;
    width: 2px;
    height: 2px; } }
@-webkit-keyframes loading-ball-translate {
  0% {
    left: 0; }
  100% {
    margin-left: -7px;
    left: 100%;
    width: 2px;
    height: 2px; } }
@keyframes loading-ball-translate {
  0% {
    left: 0; }
  100% {
    margin-left: -7px;
    left: 100%;
    width: 2px;
    height: 2px; } }
@-moz-keyframes loading-btn-translate {
  50% {
    left: 0;
    width: 100%; }
  100% {
    width: 0%;
    left: 100%; } }
@-webkit-keyframes loading-btn-translate {
  50% {
    left: 0;
    width: 100%; }
  100% {
    width: 0%;
    left: 100%; } }
@keyframes loading-btn-translate {
  50% {
    left: 0;
    width: 100%; }
  100% {
    width: 0%;
    left: 100%; } }
@-moz-keyframes header-down {
  0% {
    top: -100%; }
  100% {
    top: 0; } }
@-webkit-keyframes header-down {
  0% {
    top: -100%; }
  100% {
    top: 0; } }
@keyframes header-down {
  0% {
    top: -100%; }
  100% {
    top: 0; } }
@-moz-keyframes notif {
  0% {
    -moz-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0.5; }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@-webkit-keyframes notif {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@keyframes notif {
  0% {
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0.5; }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@-moz-keyframes placeHolderShimmer {
  0% {
    background-position: 0 -468px; }
  100% {
    background-position: 0 468px; } }
@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: 0 -468px; }
  100% {
    background-position: 0 468px; } }
@keyframes placeHolderShimmer {
  0% {
    background-position: 0 -468px; }
  100% {
    background-position: 0 468px; } }
.txt-effect-group .txt-effect {
  overflow: hidden;
  display: block; }
  .txt-effect-group .txt-effect span {
    transform: translate(0, 100%);
    display: block; }

.txt-effect-group.visible .txt-effect span {
  transform: translate(0);
  transition: transform .8s ease-out;
  transition-delay: inherit; }

.waves {
  width: 100%;
  display: block;
  position: relative;
  height: 15vh;
  min-height: 100px;
  max-height: 150px;
  z-index: 1; }
  @media (max-width: 780px) {
    .waves {
      min-height: auto;
      height: 50px; } }

.wave-animation > use {
  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
  fill: #B22772; }

.wave-animation > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 15s;
  opacity: 0.7; }

.wave-animation > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 18s;
  opacity: 0.5; }

.wave-animation > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 21s;
  opacity: 0.3; }

.wave-animation > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 28s; }

@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0); }
  100% {
    transform: translate3d(85px, 0, 0); } }
@keyframes infinitePulse {
  0% {
    transform: translate(-50%, -50%) scale(1); }
  100% {
    transform: translate(-50%, -50%) scale(0.5); } }
@keyframes infiniteFade {
  0% {
    opacity: 1; }
  100% {
    opacity: 0.2; } }
@keyframes btn-arrow {
  0% {
    background-position-y: 0; }
  50% {
    background-position-y: 4em; }
  51% {
    background-position-y: -4em; }
  100% {
    background-position-y: 0em; } }
form {
  font: 400 1.4rem/1.2em "Inter", "Open Sans", Arial, Sans-Serif; }
  form input, form textarea {
    font-family: inherit;
    color: #4F4C49;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    outline: none;
    border: 1px solid rgba(178, 39, 114, 0.25);
    border-radius: .5rem;
    margin-bottom: 2.5rem;
    padding: 1em;
    background: white; }
    form input:not(.form-field-error):focus, form textarea:not(.form-field-error):focus {
      box-shadow: 0 0 0.5rem rgba(178, 39, 114, 0.25); }
    form input.form-field-error, form textarea.form-field-error {
      border-color: #ff0033;
      color: #ff0033; }
    form input::placeholder, form textarea::placeholder {
      color: rgba(178, 39, 114, 0.6); }
  form input[type=checkbox] {
    width: auto; }
  form textarea {
    height: 8em;
    resize: none; }
  form .btn-wr {
    position: relative;
    font-size: 9px; }
  form .btn-send {
    margin: 1em 0; }
  form .preloader-container {
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    padding-top: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  form .form-row.col-2 {
    display: flex;
    gap: 2rem; }
    form .form-row.col-2 input {
      width: 50%; }
  form .form-row.col-3 {
    display: flex;
    gap: 2rem; }
    form .form-row.col-3 input {
      width: 33%; }
  form label.custom-checkbox {
    margin-bottom: 3rem;
    display: block;
    color: black; }
    form label.custom-checkbox input {
      cursor: pointer;
      background-color: #fff;
      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
      width: 1.7rem;
      height: 1.7rem;
      appearance: none;
      border: 2px solid #888;
      padding: 0;
      border-radius: 0;
      display: inline-block;
      margin: 0 1rem 0 0;
      vertical-align: middle; }
      form label.custom-checkbox input:checked {
        background-color: #B22772;
        border-color: transparent; }

.btn, .btn-1, .btn-0, .modalpopup-btn.btn-close, .btn-error {
  position: relative;
  display: inline-block;
  font-family: "Inter", "Open Sans", Arial, Sans-Serif;
  font-weight: 300;
  font-size: 1.6rem;
  min-width: 9.3rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10em;
  padding: 1em 1.5em;
  cursor: pointer;
  background: #B22772;
  color: #fff;
  text-align: center;
  text-decoration: none;
  line-height: 1em;
  transition: color .5s, background .5s;
  text-transform: uppercase; }

.btn-wr {
  text-align: center; }

.btn-c, .btn-c-text b {
  height: 7.5rem;
  background: #f1d6de !important;
  width: 7.5rem;
  border-radius: 7rem;
  display: flex; }
  .btn-c:before, .btn-c-text b:before {
    content: "";
    background: url("../images/icon-arrow-right-pink.svg") no-repeat 2.7rem center;
    background-size: 2rem;
    width: inherit;
    height: inherit; }
  @media (max-width: 1000px) {
    .btn-c, .btn-c-text b {
      height: 4rem;
      width: 4rem; } }
  @media (max-width: 1000px) {
    .btn-c:before, .btn-c-text b:before {
      background-size: 1.4rem !important;
      background-position: center !important; } }
  .btn-c.green, .btn-c-text b.green, .btn-c-text.green b, #room-products-wr .item.tag-olive-oil .btn-c-text b {
    background: #DEE2DB !important; }
    .btn-c.green:before, .btn-c-text b.green:before, .btn-c-text.green b:before, #room-products-wr .item.tag-olive-oil .btn-c-text b:before {
      background: url("../images/icon-arrow-right-green.svg") no-repeat 2.7rem center; }

.btn-c-text {
  position: relative;
  padding-left: 6rem;
  display: inline-block;
  cursor: pointer; }
  @media (max-width: 1000px) {
    .btn-c-text {
      padding-left: 3.2em; } }
  .btn-c-text b {
    position: absolute;
    z-index: 1;
    left: 0;
    transition: width .5s; }
  .btn-c-text i {
    position: relative;
    z-index: 2;
    line-height: 7.5rem;
    font-size: 2rem;
    display: block; }
    @media (max-width: 1000px) {
      .btn-c-text i {
        line-height: 2em; } }
    @media (max-width: 1000px) {
      .btn-c-text i {
        font-size: 1.3rem;
        line-height: 3em; } }
  .btn-c-text:hover b {
    width: calc(100% +  4rem); }

.btn-unity-wr {
  font-family: "Inter", "Open Sans", Arial, Sans-Serif;
  display: inline-block; }
  .btn-unity-wr .btn-unity {
    box-shadow: 0px 1px 2.6px 0px #0000002B;
    display: flex;
    color: #B22772;
    font-weight: 600;
    font-size: 1.3rem;
    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10 and IE 11 */
    user-select: none; }
    .btn-unity-wr .btn-unity > div {
      height: 3.1rem;
      line-height: 3.1rem;
      width: 2.7rem;
      background: white;
      text-align: center;
      cursor: pointer; }
    .btn-unity-wr .btn-unity .btn-unity-total {
      background: #B227722E;
      cursor: default; }

@media (max-width: 1000px) {
  .btn, .btn-1, .btn-0, .modalpopup-btn.btn-close, .btn-error {
    font-size: 14px;
    min-width: 8em; } }
@media (max-width: 780px) {
  .btn, .btn-1, .btn-0, .modalpopup-btn.btn-close, .btn-error {
    font-size: 12px;
    min-width: 8em; } }
.btn:not(.disabled):not(.loading):hover, .btn-1:not(.disabled):not(.loading):hover, .btn-0:not(.disabled):not(.loading):hover, .modalpopup-btn.btn-close:not(.disabled):not(.loading):hover, .btn-error:not(.disabled):not(.loading):hover {
  box-shadow: 0 0 0 1rem #ffcce8; }
.btn.loading, .loading.btn-1, .loading.btn-0, .loading.modalpopup-btn.btn-close, .loading.btn-error {
  position: relative;
  cursor: default;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .btn.loading:before, .loading.btn-1:before, .loading.btn-0:before, .loading.modalpopup-btn.btn-close:before, .loading.btn-error:before {
    content: "";
    width: 0em;
    height: .15em;
    position: absolute;
    left: 0;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.6);
    animation: loading-btn-translate 1.2s infinite ease-in-out; }
.btn.disabled, .disabled.btn-1, .disabled.btn-0, .disabled.modalpopup-btn.btn-close, .disabled.btn-error {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
  cursor: default; }
.btn.min-width, .min-width.btn-1, .min-width.btn-0, .min-width.modalpopup-btn.btn-close, .min-width.btn-error {
  min-width: 300px; }
.btn.full-width, .full-width.btn-1, .full-width.btn-0, .full-width.modalpopup-btn.btn-close, .full-width.btn-error {
  width: 100%; }

.btn-1 {
  background-color: white;
  color: #4F4C49;
  margin-top: 7.5rem; }
  @media (max-width: 780px) {
    .btn-1 {
      margin-top: 3rem; } }

.btn-0, .modalpopup-btn.btn-close {
  background: #54565a; }
  .btn-0:not(.disabled):not(.loading):hover, .modalpopup-btn.btn-close:not(.disabled):not(.loading):hover {
    background: #606367;
    box-shadow: none; }

.btn-error {
  background: red; }
  .btn-error:hover {
    background: #ff1a1a; }

.modalpopup-btn {
  display: inline-block;
  margin: 1em;
  font-size: 1.6em;
  font-weight: 700;
  text-transform: uppercase;
  padding: 1em;
  width: 9em;
  box-sizing: border-box;
  background: #728ca0;
  color: rgba(255, 255, 255, 0.9);
  border-radius: .3em;
  cursor: pointer; }
  .modalpopup-btn:hover {
    background: #0078d4; }
  .modalpopup-btn.btn-cancel, .modalpopup-btn.btn-delete {
    background: #455867; }
    .modalpopup-btn.btn-cancel:hover, .modalpopup-btn.btn-delete:hover {
      background: #5a7285; }

.btn-close-svg {
  top: 4em;
  right: 4em;
  position: absolute;
  width: 4rem;
  height: 4rem;
  z-index: 10002;
  opacity: .8;
  background: url("../images/btn-close.svg") no-repeat;
  background-size: contain; }
  .btn-close-svg:hover {
    opacity: 1; }

.modalpopup-btn {
  display: inline-block;
  padding: 1em 2em;
  cursor: pointer; }

.btn-wr {
  text-align: center; }
  .btn-wr .btn:not(.full-width), .btn-wr .btn-1:not(.full-width), .btn-wr .btn-0:not(.full-width), .btn-wr .modalpopup-btn.btn-close:not(.full-width), .btn-wr .btn-error:not(.full-width), .btn-wr .btn-1:not(.full-width), .btn-wr .btn-2:not(.full-width) {
    margin-right: 2em; }
    .btn-wr .btn:not(.full-width):last-child, .btn-wr .btn-1:not(.full-width):last-child, .btn-wr .btn-0:not(.full-width):last-child, .btn-wr .modalpopup-btn.btn-close:not(.full-width):last-child, .btn-wr .btn-error:not(.full-width):last-child, .btn-wr .btn-1:not(.full-width):last-child, .btn-wr .btn-2:not(.full-width):last-child {
      margin-right: 0; }
    @media (max-width: 1000px) {
      .btn-wr .btn:not(.full-width), .btn-wr .btn-1:not(.full-width), .btn-wr .btn-0:not(.full-width), .btn-wr .modalpopup-btn.btn-close:not(.full-width), .btn-wr .btn-error:not(.full-width), .btn-wr .btn-1:not(.full-width), .btn-wr .btn-2:not(.full-width) {
        margin: 10px; }
        .btn-wr .btn:not(.full-width):last-child, .btn-wr .btn-1:not(.full-width):last-child, .btn-wr .btn-0:not(.full-width):last-child, .btn-wr .modalpopup-btn.btn-close:not(.full-width):last-child, .btn-wr .btn-error:not(.full-width):last-child, .btn-wr .btn-1:not(.full-width):last-child, .btn-wr .btn-2:not(.full-width):last-child {
          margin-right: 10px; } }

#body-cover {
  position: fixed;
  z-index: 1000000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.75);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center; }

#prl-wr {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 500000;
  overflow: hidden;
  /*
  &:not(.opacity1){
      .prl-curtain{
          @include transition(all .5s);
          &:nth-child(2){@include transition-delay(.05s); }
          &:nth-child(3){@include transition-delay(.1s); }
          &:nth-child(4){@include transition-delay(.15s);}
      }
  }
  */ }
  #prl-wr .prl-curtain {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    background: rgba(255, 255, 255, 0.4);
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    /*
    &:nth-child(1){
        background: $color-1;
    }
    */ }
  #prl-wr.opacity1 .prl-curtain {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }
  #prl-wr.opening .prl-curtain {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    /*
    &:nth-child(2){
        @include animation(curtain 2s 1s ease-in-out);
    }
    */ }
  #prl-wr.closing .prl-curtain {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s; }
  #prl-wr .prl-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    position: relative;
    margin-left: -70px;
    margin-top: -2em;
    width: 140px;
    height: 4em;
    z-index: 2; }
    #prl-wr .prl-spinner img {
      display: block;
      width: 60%;
      position: absolute;
      top: 27%;
      left: 20%; }
  #prl-wr .prl-progressbar {
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    background: #B22772;
    -moz-transition: width 0.1s;
    -o-transition: width 0.1s;
    -webkit-transition: width 0.1s;
    transition: width 0.1s; }
  #prl-wr .cssload-speeding-wheel {
    border-top-color: #fff;
    border-bottom-color: #fff; }
  #prl-wr .prl-logo-zoom {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -50px;
    width: 400px;
    height: 100px;
    -moz-animation: zoomin 5s forwards;
    -webkit-animation: zoomin 5s forwards;
    animation: zoomin 5s forwards; }
    @media (max-width: 780px) {
      #prl-wr .prl-logo-zoom {
        width: 200px;
        height: 50px;
        margin-left: -100px;
        margin-top: -25px; } }
    #prl-wr .prl-logo-zoom img {
      width: 100%; }

/*
 * Circle progressbar
 */
#circprogress {
  position: relative;
  width: 300px;
  height: 300px; }

.circleprogressbar {
  width: 100%;
  height: 100%;
  -moz-animation: rotate 1s infinite;
  -webkit-animation: rotate 1s infinite;
  animation: rotate 1s infinite; }
  .circleprogressbar circle {
    stroke-dashoffset: 0;
    transition: stroke-width 1s linear, stroke-dashoffset 1s linear, stroke-dasharray 1s linear;
    stroke: #666;
    stroke-width: 1em; }
    .circleprogressbar circle.bar {
      stroke: #ccc; }
      .circleprogressbar circle.bar.success {
        stroke: #B22772; }

.item-slider-preloader {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -20px; }
  .item-slider-preloader .cssload-container {
    padding: 0; }
  .item-slider-preloader .cssload-speeding-wheel {
    border-top-color: #fff;
    border-bottom-color: #fff; }

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-spin,
.la-ball-spin > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.la-ball-spin {
  display: block;
  font-size: 2px;
  color: #fff; }
  @media (max-width: 1000px) {
    .la-ball-spin {
      font-size: 1px; } }

.la-ball-spin.la-dark {
  color: #333; }

.la-ball-spin > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor; }

.la-ball-spin {
  width: 32em;
  height: 32em; }

.la-ball-spin > div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8em;
  height: 8em;
  margin-top: -4em;
  margin-left: -4em;
  border-radius: 100%;
  -webkit-animation: ball-spin 1s infinite ease-in-out;
  -moz-animation: ball-spin 1s infinite ease-in-out;
  -o-animation: ball-spin 1s infinite ease-in-out;
  animation: ball-spin 1s infinite ease-in-out; }

.la-ball-spin > div:nth-child(1) {
  top: 5%;
  left: 50%;
  -webkit-animation-delay: -1.125s;
  -moz-animation-delay: -1.125s;
  -o-animation-delay: -1.125s;
  animation-delay: -1.125s; }

.la-ball-spin > div:nth-child(2) {
  top: 18.1801948466%;
  left: 81.8198051534%;
  -webkit-animation-delay: -1.25s;
  -moz-animation-delay: -1.25s;
  -o-animation-delay: -1.25s;
  animation-delay: -1.25s; }

.la-ball-spin > div:nth-child(3) {
  top: 50%;
  left: 95%;
  -webkit-animation-delay: -1.375s;
  -moz-animation-delay: -1.375s;
  -o-animation-delay: -1.375s;
  animation-delay: -1.375s; }

.la-ball-spin > div:nth-child(4) {
  top: 81.8198051534%;
  left: 81.8198051534%;
  -webkit-animation-delay: -1.5s;
  -moz-animation-delay: -1.5s;
  -o-animation-delay: -1.5s;
  animation-delay: -1.5s; }

.la-ball-spin > div:nth-child(5) {
  top: 94.9999999966%;
  left: 50.0000000005%;
  -webkit-animation-delay: -1.625s;
  -moz-animation-delay: -1.625s;
  -o-animation-delay: -1.625s;
  animation-delay: -1.625s; }

.la-ball-spin > div:nth-child(6) {
  top: 81.8198046966%;
  left: 18.1801949248%;
  -webkit-animation-delay: -1.75s;
  -moz-animation-delay: -1.75s;
  -o-animation-delay: -1.75s;
  animation-delay: -1.75s; }

.la-ball-spin > div:nth-child(7) {
  top: 49.9999750815%;
  left: 5.0000051215%;
  -webkit-animation-delay: -1.875s;
  -moz-animation-delay: -1.875s;
  -o-animation-delay: -1.875s;
  animation-delay: -1.875s; }

.la-ball-spin > div:nth-child(8) {
  top: 18.179464974%;
  left: 18.1803700518%;
  -webkit-animation-delay: -2s;
  -moz-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s; }

.la-ball-spin.la-sm {
  width: 16px;
  height: 16px; }

.la-ball-spin.la-sm > div {
  width: 4px;
  height: 4px;
  margin-top: -2px;
  margin-left: -2px; }

.la-ball-spin.la-2x {
  width: 64px;
  height: 64px; }

.la-ball-spin.la-2x > div {
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px; }

.la-ball-spin.la-3x {
  width: 96px;
  height: 96px; }

.la-ball-spin.la-3x > div {
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px; }

.prl-form {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 300px;
  height: 300px;
  margin-top: -150px;
  margin-left: -150px;
  z-index: 1000000; }
  @media (max-width: 780px) {
    .prl-form {
      width: 100px;
      height: 100px;
      margin-top: -50px;
      margin-left: -50px; } }
  .prl-form .ball {
    width: 10%;
    height: 10%;
    left: 45%;
    top: 45%;
    position: absolute;
    background: #D8A900;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
  .prl-form .ball:nth-child(1) {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    -moz-animation: ballwave 1s alternate infinite forwards;
    -webkit-animation: ballwave 1s alternate infinite forwards;
    animation: ballwave 1s alternate infinite forwards; }
  .prl-form .ball:nth-child(2) {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -moz-animation: ballwave 1s 0.5s alternate infinite forwards;
    -webkit-animation: ballwave 1s 0.5s alternate infinite forwards;
    animation: ballwave 1s 0.5s alternate infinite forwards; }
  .prl-form.response {
    display: table; }
    .prl-form.response .ball:nth-child(1) {
      -moz-animation: none;
      -webkit-animation: none;
      animation: none;
      -moz-transition: all 1s;
      -o-transition: all 1s;
      -webkit-transition: all 1s;
      transition: all 1s;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
    .prl-form.response .ball:nth-child(2) {
      display: table-cell;
      vertical-align: middle;
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1;
      -moz-animation: none;
      -webkit-animation: none;
      animation: none;
      -moz-transition: all 1s;
      -o-transition: all 1s;
      -webkit-transition: all 1s;
      transition: all 1s;
      width: 80%;
      height: 80%;
      top: 10%;
      left: 10%;
      -moz-transform: rotate(132deg);
      -ms-transform: rotate(132deg);
      -webkit-transform: rotate(132deg);
      transform: rotate(132deg); }
      .prl-form.response .ball:nth-child(2):before, .prl-form.response .ball:nth-child(2):after {
        content: "";
        background: #fff;
        display: block;
        position: absolute;
        width: 40%;
        height: 12%;
        top: 35%;
        left: 28%; }
      .prl-form.response .ball:nth-child(2):after {
        width: 12%;
        height: 30%;
        left: auto;
        right: 32%; }
    .prl-form.response.error .ball {
      background: #B22772;
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
      .prl-form.response.error .ball:nth-child(2):before {
        height: 12%;
        width: 40%;
        top: 44%;
        left: 30%; }
      .prl-form.response.error .ball:nth-child(2):after {
        width: 12%;
        height: 40%;
        left: 44%;
        top: 30%;
        right: auto; }

@-moz-keyframes ballwave {
  from {
    width: 2%;
    height: 2%;
    left: 48%;
    top: 48%; }
  to {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; } }
@-webkit-keyframes ballwave {
  from {
    width: 2%;
    height: 2%;
    left: 48%;
    top: 48%; }
  to {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; } }
@keyframes ballwave {
  from {
    width: 2%;
    height: 2%;
    left: 48%;
    top: 48%; }
  to {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; } }
/*
 * Animation
 */
@-webkit-keyframes ball-spin {
  0%,
    100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  20% {
    opacity: 1; }
  80% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); } }
@-moz-keyframes ball-spin {
  0%,
    100% {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1); }
  20% {
    opacity: 1; }
  80% {
    opacity: 0;
    -moz-transform: scale(0);
    transform: scale(0); } }
@-o-keyframes ball-spin {
  0%,
    100% {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1); }
  20% {
    opacity: 1; }
  80% {
    opacity: 0;
    -o-transform: scale(0);
    transform: scale(0); } }
@keyframes ball-spin {
  0%,
    100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  20% {
    opacity: 1; }
  80% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); } }
.cssload-container {
  width: 100%;
  height: 4em;
  text-align: center; }

.cssload-speeding-wheel {
  width: 4em;
  height: 4em;
  margin: 0 auto;
  border: 4px solid rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: cssload-spin 800ms infinite linear;
  -o-animation: cssload-spin 800ms infinite linear;
  -ms-animation: cssload-spin 800ms infinite linear;
  -webkit-animation: cssload-spin 800ms infinite linear;
  -moz-animation: cssload-spin 800ms infinite linear; }

@keyframes cssload-spin {
  100% {
    transform: rotate(360deg);
    transform: rotate(360deg); } }
@-o-keyframes cssload-spin {
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-ms-keyframes cssload-spin {
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes cssload-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-moz-keyframes cssload-spin {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }
.spinner-circle {
  height: 3em;
  width: 3em;
  animation: rotate 0.5s infinite linear;
  border: 1em solid #B22772;
  border-right-color: transparent;
  border-radius: 50%;
  display: inline-block; }

@-moz-keyframes curtain {
  0% {
    height: 0;
    top: 0; }
  20% {
    height: 100%; }
  60% {
    height: 100%; }
  100% {
    top: 150%; } }
@-webkit-keyframes curtain {
  0% {
    height: 0;
    top: 0; }
  20% {
    height: 100%; }
  60% {
    height: 100%; }
  100% {
    top: 150%; } }
@keyframes curtain {
  0% {
    height: 0;
    top: 0; }
  20% {
    height: 100%; }
  60% {
    height: 100%; }
  100% {
    top: 150%; } }
.preloader-bouncing-balls-wr {
  position: absolute;
  width: 100%;
  left: 0;
  height: 100%;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center; }

.preloader-bouncing-balls {
  margin: auto;
  width: 10em;
  height: 4em;
  text-align: center;
  font-size: 12px; }
  .preloader-bouncing-balls > div {
    background-color: #00913d;
    height: 1em;
    width: 1em;
    margin: .3em;
    border-radius: 50%;
    display: inline-block;
    -moz-animation: stretchdelay 0.7s infinite ease-in-out;
    -webkit-animation: stretchdelay 0.7s infinite ease-in-out;
    animation: stretchdelay 0.7s infinite ease-in-out; }
    .preloader-bouncing-balls > div:nth-child(2) {
      -moz-animation-delay: -0.6s;
      -webkit-animation-delay: -0.6s;
      animation-delay: -0.6s; }
    .preloader-bouncing-balls > div:nth-child(3) {
      -moz-animation-delay: -0.5s;
      -webkit-animation-delay: -0.5s;
      animation-delay: -0.5s; }
    .preloader-bouncing-balls > div:nth-child(4) {
      -moz-animation-delay: -0.4s;
      -webkit-animation-delay: -0.4s;
      animation-delay: -0.4s; }
    .preloader-bouncing-balls > div:nth-child(5) {
      -moz-animation-delay: -0.3s;
      -webkit-animation-delay: -0.3s;
      animation-delay: -0.3s; }

@-moz-keyframes stretchdelay {
  0%, 40%, 100% {
    -moz-transform: translateY(-1em);
    transform: translateY(-1em); }
  20% {
    -moz-transform: translateY(-2em);
    transform: translateY(-2em); } }
@-webkit-keyframes stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em); }
  20% {
    -webkit-transform: translateY(-2em);
    transform: translateY(-2em); } }
@keyframes stretchdelay {
  0%, 40%, 100% {
    -moz-transform: translateY(-1em);
    -ms-transform: translateY(-1em);
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em); }
  20% {
    -moz-transform: translateY(-2em);
    -ms-transform: translateY(-2em);
    -webkit-transform: translateY(-2em);
    transform: translateY(-2em); } }
/*
    @license
    Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
    This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
    The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
    The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
    Code distributed by Google as part of the polymer project is also
    subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 */
/**************************/
/* STYLES FOR THE SPINNER */
/**************************/
/*
 * Constants:
 *      STROKEWIDTH = 3px
 *      ARCSIZE     = 270 degrees (amount of circle the arc takes up)
 *      ARCTIME     = 1333ms (time it takes to expand and contract arc)
 *      ARCSTARTROT = 216 degrees (how much the start location of the arc
 *                                should rotate each time, 216 gives us a
 *                                5 pointed star shape (it's 360/5 * 3).
 *                                For a 7 pointed star, we might do
 *                                360/7 * 3 = 154.286)
 *      CONTAINERWIDTH = 28px
 *      SHRINK_TIME = 400ms
 */
.preloader-wrapper-center {
  text-align: center; }

.preloader-wrapper {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  box-sizing: border-box; }
  .preloader-wrapper *, .preloader-wrapper *:after, .preloader-wrapper *:before {
    box-sizing: inherit; }
  .preloader-wrapper.small {
    width: 36px;
    height: 36px; }
  .preloader-wrapper.big {
    width: 64px;
    height: 64px; }
  .preloader-wrapper.active {
    /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
    -webkit-animation: container-rotate 1568ms linear infinite;
    animation: container-rotate 1568ms linear infinite; }

@-webkit-keyframes container-rotate {
  to {
    -webkit-transform: rotate(360deg); } }
@keyframes container-rotate {
  to {
    transform: rotate(360deg); } }
.spinner-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-color: #B22772; }
  .spinner-layer.white {
    border-color: white; }

.spinner-blue,
.spinner-blue-only {
  border-color: #4285f4; }

.spinner-red,
.spinner-red-only {
  border-color: #db4437; }

.spinner-yellow,
.spinner-yellow-only {
  border-color: #f4b400; }

.spinner-green,
.spinner-green-only {
  border-color: #0f9d58; }

/**
 * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
 *
 * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
 * guarantee that the animation will start _exactly_ after that value. So we avoid using
 * animation-delay and instead set custom keyframes for each color (as redundant as it
 * seems).
 *
 * We write out each animation in full (instead of separating animation-name,
 * animation-duration, etc.) because under the polyfill, Safari does not recognize those
 * specific properties properly, treats them as -webkit-animation, and overrides the
 * other animation rules. See https://github.com/Polymer/platform/issues/53.
 */
.active .spinner-layer.spinner-blue {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.active .spinner-layer.spinner-red {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.active .spinner-layer.spinner-yellow {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.active .spinner-layer.spinner-green {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.active .spinner-layer,
.active .spinner-layer.spinner-blue-only,
.active .spinner-layer.spinner-red-only,
.active .spinner-layer.spinner-yellow-only,
.active .spinner-layer.spinner-green-only {
  /* durations: 4 * ARCTIME */
  opacity: 1;
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

@-webkit-keyframes fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg); }
  /* 0.5 * ARCSIZE */
  25% {
    -webkit-transform: rotate(270deg); }
  /* 1   * ARCSIZE */
  37.5% {
    -webkit-transform: rotate(405deg); }
  /* 1.5 * ARCSIZE */
  50% {
    -webkit-transform: rotate(540deg); }
  /* 2   * ARCSIZE */
  62.5% {
    -webkit-transform: rotate(675deg); }
  /* 2.5 * ARCSIZE */
  75% {
    -webkit-transform: rotate(810deg); }
  /* 3   * ARCSIZE */
  87.5% {
    -webkit-transform: rotate(945deg); }
  /* 3.5 * ARCSIZE */
  to {
    -webkit-transform: rotate(1080deg); }
  /* 4   * ARCSIZE */ }
@keyframes fill-unfill-rotate {
  12.5% {
    transform: rotate(135deg); }
  /* 0.5 * ARCSIZE */
  25% {
    transform: rotate(270deg); }
  /* 1   * ARCSIZE */
  37.5% {
    transform: rotate(405deg); }
  /* 1.5 * ARCSIZE */
  50% {
    transform: rotate(540deg); }
  /* 2   * ARCSIZE */
  62.5% {
    transform: rotate(675deg); }
  /* 2.5 * ARCSIZE */
  75% {
    transform: rotate(810deg); }
  /* 3   * ARCSIZE */
  87.5% {
    transform: rotate(945deg); }
  /* 3.5 * ARCSIZE */
  to {
    transform: rotate(1080deg); }
  /* 4   * ARCSIZE */ }
@-webkit-keyframes blue-fade-in-out {
  from {
    opacity: 1; }
  25% {
    opacity: 1; }
  26% {
    opacity: 0; }
  89% {
    opacity: 0; }
  90% {
    opacity: 1; }
  100% {
    opacity: 1; } }
@keyframes blue-fade-in-out {
  from {
    opacity: 1; }
  25% {
    opacity: 1; }
  26% {
    opacity: 0; }
  89% {
    opacity: 0; }
  90% {
    opacity: 1; }
  100% {
    opacity: 1; } }
@-webkit-keyframes red-fade-in-out {
  from {
    opacity: 0; }
  15% {
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    opacity: 1; }
  51% {
    opacity: 0; } }
@keyframes red-fade-in-out {
  from {
    opacity: 0; }
  15% {
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    opacity: 1; }
  51% {
    opacity: 0; } }
@-webkit-keyframes yellow-fade-in-out {
  from {
    opacity: 0; }
  40% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 1; }
  76% {
    opacity: 0; } }
@keyframes yellow-fade-in-out {
  from {
    opacity: 0; }
  40% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 1; }
  76% {
    opacity: 0; } }
@-webkit-keyframes green-fade-in-out {
  from {
    opacity: 0; }
  65% {
    opacity: 0; }
  75% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes green-fade-in-out {
  from {
    opacity: 0; }
  65% {
    opacity: 0; }
  75% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/**
 * Patch the gap that appear between the two adjacent div.circle-clipper while the
 * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
 */
.gap-patch {
  position: absolute;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit; }

.gap-patch .circle {
  width: 1000%;
  left: -450%; }

.circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit; }
  .circle-clipper .circle {
    width: 200%;
    height: 100%;
    border-width: 3px;
    /* STROKEWIDTH */
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent !important;
    border-radius: 50%;
    -webkit-animation: none;
    animation: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0; }
  .circle-clipper.left .circle {
    left: 0;
    border-right-color: transparent !important;
    -webkit-transform: rotate(129deg);
    transform: rotate(129deg); }
  .circle-clipper.right .circle {
    left: -100%;
    border-left-color: transparent !important;
    -webkit-transform: rotate(-129deg);
    transform: rotate(-129deg); }

.active .circle-clipper.left .circle {
  /* duration: ARCTIME */
  -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.active .circle-clipper.right .circle {
  /* duration: ARCTIME */
  -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

@-webkit-keyframes left-spin {
  from {
    -webkit-transform: rotate(130deg); }
  50% {
    -webkit-transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(130deg); } }
@keyframes left-spin {
  from {
    transform: rotate(130deg); }
  50% {
    transform: rotate(-5deg); }
  to {
    transform: rotate(130deg); } }
@-webkit-keyframes right-spin {
  from {
    -webkit-transform: rotate(-130deg); }
  50% {
    -webkit-transform: rotate(5deg); }
  to {
    -webkit-transform: rotate(-130deg); } }
@keyframes right-spin {
  from {
    transform: rotate(-130deg); }
  50% {
    transform: rotate(5deg); }
  to {
    transform: rotate(-130deg); } }
#spinnerContainer.cooldown {
  /* duration: SHRINK_TIME */
  -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
  animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1); }

@-webkit-keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
.slick-dots {
  position: absolute;
  top: 100%;
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 0;
  font-size: 5px; }

.slick-dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 10px;
  background: #B5B5B5;
  cursor: pointer;
  transition: .5s all;
  padding: 0; }
  @media (max-width: 1000px) {
    .slick-dots li {
      width: 13px;
      margin: 5px 1em; } }
  .slick-dots li.active, .slick-dots li.slick-active {
    background: black !important; }
  .slick-dots li:hover {
    background: #777; }

.slick-slide img {
  width: 100%; }

.slick-slide:focus {
  outline: none; }

.slick-track {
  min-height: 100px; }

.slick-track {
  display: flex !important;
  align-items: center; }

.arrow-white .slick-arrow:hover {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.3), #ffffff 100%); }
.arrow-white .slick-arrow.slick-prev:hover {
  background: linear-gradient(to left, rgba(255, 255, 255, 0.3), #ffffff 100%); }

.slick-arrow {
  padding: 0;
  border: none;
  outline: none;
  height: 100%;
  position: absolute;
  width: 40px;
  font-size: 0;
  right: -40px;
  top: 0;
  cursor: pointer;
  z-index: 2;
  background: transparent;
  color: rgba(0, 0, 0, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  /*
  width: 20px;
  height: 25px;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  right: -20px;
  
  display: block;
  background: $sprite 5px -300px no-repeat;
  */
  /*
  @include breakpoint(small){
      left:0;
      visibility: hidden;
      &.slick-prev{
          left:0;
          visibility: hidden;
      }
  }
  */ }
  .slick-arrow:before {
    font-family: "FontAwesome";
    content: "\f054";
    font-size: 20px; }
  .slick-arrow:hover {
    color: black; }
  @media (max-width: 1000px) {
    .slick-arrow {
      right: -30px; } }
  .slick-arrow.slick-prev {
    right: auto;
    left: -40px; }
    .slick-arrow.slick-prev:hover {
      background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); }
    .slick-arrow.slick-prev:before {
      content: "\f053"; }
    @media (max-width: 1000px) {
      .slick-arrow.slick-prev {
        left: -30px;
        right: auto; } }
  .slick-arrow.slick-disabled {
    cursor: default;
    background: transparent !important;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3; }

.slick-dots {
  text-align: center;
  margin-top: 10px; }
  .slick-dots li {
    display: inline-block;
    list-style-type: none; }
    .slick-dots li button {
      display: none; }

@-moz-keyframes fadeinfadeout {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-webkit-keyframes fadeinfadeout {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeinfadeout {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@media (min-width: 500px) {
  .slide-section:not(#welcome):not(footer) > .center > *, .slide-section:not(#welcome):not(footer) > *:not(.center) {
    -moz-transform: translate(0, 100px);
    -ms-transform: translate(0, 100px);
    -webkit-transform: translate(0, 100px);
    transform: translate(0, 100px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s; }
  .slide-section:not(#welcome):not(footer) > .center > :nth-child(1) {
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms; }
  .slide-section:not(#welcome):not(footer) > .center > :nth-child(2) {
    -moz-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms; }
  .slide-section:not(#welcome):not(footer) > .center > :nth-child(3) {
    -moz-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    -webkit-transition-delay: 500ms;
    transition-delay: 500ms; }
  .slide-section:not(#welcome):not(footer) > .center > :nth-child(4) {
    -moz-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    -webkit-transition-delay: 700ms;
    transition-delay: 700ms; }
  .slide-section:not(#welcome):not(footer) > .center > :nth-child(5) {
    -moz-transition-delay: 900ms;
    -o-transition-delay: 900ms;
    -webkit-transition-delay: 900ms;
    transition-delay: 900ms; }
  .slide-section:not(#welcome):not(footer) > .center > :nth-child(6) {
    -moz-transition-delay: 1100ms;
    -o-transition-delay: 1100ms;
    -webkit-transition-delay: 1100ms;
    transition-delay: 1100ms; }
  .slide-section:not(#welcome):not(footer).slide-opened > .center > *, .slide-section:not(#welcome):not(footer).slide-opened > *:not(.center) {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; } }
.counter-pos {
  text-align: center;
  font-size: 1.2em;
  margin-top: 1em; }

.counter-wr {
  text-align: left;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-right: .5em; }
  .counter-wr .counter {
    font-weight: 800; }

/*
.popup-dots-wr{
    @extend %btn-dot-wr;
    .popup-dot{
        @extend %btn-dot;
    }
}
/*
.popup-dots-wr{
    position: fixed;
    bottom:0;
    left:0;
    min-height: 50px;
    width: 100%;
    text-align: center;
    z-index: 100000;
    .popup-dot{
        cursor: pointer;
        display: inline-block;
        vertical-align: bottom;
        width: 1em;
        height: 1em;
        background: #000;
        margin: 1em;
        @include border-radius(50%);
        &.active{
            background: $color-1;
            @include box-shadow(0 0 0 2px $color-1);
        }
    }
}
*/
.full-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 10100;
  display: none !important;
  overflow: auto;
  color: #fff;
  text-align: center; }
  .full-popup .full-popup-inner {
    display: inline-block;
    vertical-align: middle;
    width: 90%;
    max-width: 1600px;
    max-height: 100vh;
    overflow: auto; }
  .full-popup.visible {
    -moz-animation: showFullPopup 0.5s;
    -webkit-animation: showFullPopup 0.5s;
    animation: showFullPopup 0.5s;
    display: block !important; }
  .full-popup.closing {
    -moz-animation: hideFullPopup 0.5s forwards;
    -webkit-animation: hideFullPopup 0.5s forwards;
    animation: hideFullPopup 0.5s forwards; }

.full-popup-btn-toggle {
  cursor: pointer; }

.full-popup-body-wr {
  overflow: hidden;
  position: relative; }

body.full-popup-covered {
  overflow: hidden;
  height: 100% !important; }
  body.full-popup-covered.f-p-c-invisible:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 101;
    opacity: 0;
    background: rgba(255, 255, 255, 0.5);
    transition: opacity .2s; }
  body.full-popup-covered.f-p-c-invisible.opened:before {
    opacity: 1; }

.modalpopup .preview-pane {
  position: fixed;
  top: 10px;
  right: 10px;
  left: auto; }

.modalpopup .cif-img {
  max-width: 100%;
  max-height: 100%; }

.modalpopup-wr .modalpopup .modalpopup-btn {
  margin: 1em;
  font-size: 16px;
  padding: .7em 1em;
  width: 8em;
  margin: 5px;
  box-sizing: border-box; }

@media (max-width: 1000px) {
  .modalpopup-wr {
    padding: .3em; } }
.modalpopup-wr .modalpopup .modalpopup-buttons-wr {
  padding: 0;
  /*
  .btn-close{
      @include breakpoint(small){
          all: unset;
          overflow: hidden;
          width: 1em;
          height: 1em;
          position: absolute;
          padding-bottom: 50px;
          top: 5px;
          right: 5px;
          font-size: 16px;
          &:before{
              display: block;
              content:"\f00d";
              color: $black;
              font-family: "FontAwesome";
          }
      }
  }
  */ }
.modalpopup-wr .modalpopup-content-wr {
  padding: 1em; }
  @media (max-width: 1000px) {
    .modalpopup-wr .modalpopup-content-wr {
      padding: .3em;
      position: relative; } }

.gfp-cover {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.95);
  top: 0;
  left: 0;
  z-index: 10100;
  padding-bottom: 100px;
  padding-top: 50px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center; }
  .gfp-cover .gfp-container {
    max-width: 90%;
    max-height: 100%; }
    .gfp-cover .gfp-container img {
      max-width: 100%;
      display: inline; }
    .gfp-cover .gfp-container .gfp-item {
      text-align: center; }
    .gfp-cover .gfp-container .thumbs {
      position: absolute;
      bottom: 0;
      width: 90%;
      height: 100px;
      text-align: center; }
      .gfp-cover .gfp-container .thumbs .gfp-item {
        display: inline-block;
        padding: 8px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
      .gfp-cover .gfp-container .thumbs img {
        margin: 3px; }
      .gfp-cover .gfp-container .thumbs .slick-current img {
        outline: 4px solid #dfdfdf; }
      .gfp-cover .gfp-container .thumbs.allvisible .slick-list {
        display: inline-block; }

@-moz-keyframes showFullPopup {
  0% {
    opacity: 0;
    -moz-transform: perspective(1000px) rotateY(50deg) translateX(-40px);
    transform: perspective(1000px) rotateY(50deg) translateX(-40px); }
  50% {
    opacity: 1; } }
@-webkit-keyframes showFullPopup {
  0% {
    opacity: 0;
    -webkit-transform: perspective(1000px) rotateY(50deg) translateX(-40px);
    transform: perspective(1000px) rotateY(50deg) translateX(-40px); }
  50% {
    opacity: 1; } }
@keyframes showFullPopup {
  0% {
    opacity: 0;
    -moz-transform: perspective(1000px) rotateY(50deg) translateX(-40px);
    -ms-transform: perspective(1000px) rotateY(50deg) translateX(-40px);
    -webkit-transform: perspective(1000px) rotateY(50deg) translateX(-40px);
    transform: perspective(1000px) rotateY(50deg) translateX(-40px); }
  50% {
    opacity: 1; } }
@-moz-keyframes hideFullPopup {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -moz-transform: perspective(1000px) rotateY(50deg) translateX(-40px);
    transform: perspective(1000px) rotateY(50deg) translateX(-40px); } }
@-webkit-keyframes hideFullPopup {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: perspective(1000px) rotateY(50deg) translateX(-40px);
    transform: perspective(1000px) rotateY(50deg) translateX(-40px); } }
@keyframes hideFullPopup {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -moz-transform: perspective(1000px) rotateY(50deg) translateX(-40px);
    -ms-transform: perspective(1000px) rotateY(50deg) translateX(-40px);
    -webkit-transform: perspective(1000px) rotateY(50deg) translateX(-40px);
    transform: perspective(1000px) rotateY(50deg) translateX(-40px); } }
@-moz-keyframes showfixedheader {
  0% {
    top: -100%; }
  100% {
    top: 0%; } }
@-webkit-keyframes showfixedheader {
  0% {
    top: -100%; }
  100% {
    top: 0%; } }
@keyframes showfixedheader {
  0% {
    top: -100%; }
  100% {
    top: 0%; } }
.tab-header-wr {
  background: #f7f7f7;
  width: 100%;
  white-space: nowrap;
  overflow: auto;
  display: block;
  border-bottom: 1px solid #E3E3E3;
  text-align: center; }
  .tab-header-wr .tab-header {
    line-height: 1.5em;
    cursor: pointer;
    font-size: 1.6em;
    color: #D8A900;
    font-weight: 200;
    margin: 0 1em;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    padding: 1em .5em .5em .5em;
    border-bottom: 5px solid transparent; }
    .tab-header-wr .tab-header.active {
      border-color: #92A586;
      color: #92A586; }

.pagination {
  padding: 0 0 2em 0;
  list-style-type: none;
  font-size: 16px;
  margin: 0;
  text-align: center; }
  .pagination li {
    display: inline-block;
    vertical-align: top;
    margin-right: 1px; }
    .pagination li.active a, .pagination li.active span {
      border-bottom-color: #D8A900;
      color: #D8A900; }
    .pagination li a, .pagination li .pag-arrow, .pagination li span {
      text-align: center;
      min-width: 20px;
      display: block;
      border: 1px solid #9A9FA0;
      border-bottom: 2px solid #F5F4F4;
      padding: 7px 10px;
      color: #F5F4F4; }
    .pagination li:not(.active) a:hover {
      color: #4F4C49;
      border-bottom-color: #D8A900; }
    .pagination li.disabled span {
      border-color: #9A9FA0;
      cursor: default;
      color: #dfdfdf; }
    @media (max-width: 1000px) {
      .pagination li:not(.active) {
        display: none; }
      .pagination li:first-child, .pagination li:last-child {
        display: inline-block !important; } }

.ctxmenu-menu {
  position: absolute;
  z-index: 10000;
  background: #fff;
  border: 2px solid #666;
  min-width: 150px;
  min-height: 100px;
  font-size: 1.2em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-aling: left; }
  .ctxmenu-menu p {
    font-size: 1.4em; }
  .ctxmenu-menu ul {
    position: relative;
    padding: 5px 0;
    list-style: none; }
    .ctxmenu-menu ul li {
      padding: .5em 1.5em;
      cursor: pointer; }
      .ctxmenu-menu ul li:hover {
        background: #e7e7e7; }
    .ctxmenu-menu ul:not(:first-child):before {
      content: "";
      position: absolute;
      left: 1em;
      right: 1em;
      top: 0;
      border-top: 1px solid rgba(0, 0, 0, 0.2); }

#cart-popup-wr.full-popup {
  overflow: hidden;
  background: #000000ad !important;
  color: #4F4C49;
  font-family: "Inter", "Open Sans", Arial, Sans-Serif;
  font-size: 1.4rem; }
  #cart-popup-wr.full-popup .full-popup-inner {
    max-width: 43rem;
    background: white;
    text-align: left; }
  #cart-popup-wr.full-popup .btn-close {
    display: none; }

.cart-popup-inner .cart-header {
  padding: 2rem 0 2rem 6rem;
  border-bottom: .5px solid #4f4c4938;
  font-size: 1.6rem;
  font-weight: 300;
  position: relative; }
  @media (max-width: 1000px) {
    .cart-popup-inner .cart-header {
      padding: 1.3rem;
      font-size: 1.3rem; } }
  .cart-popup-inner .cart-header img {
    vertical-align: sub;
    margin-right: 2rem; }
    @media (max-width: 1000px) {
      .cart-popup-inner .cart-header img {
        margin-right: 1.5rem; } }
  .cart-popup-inner .cart-header .cart-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3rem 0 2rem 2rem;
    cursor: pointer; }
    @media (max-width: 1000px) {
      .cart-popup-inner .cart-header .cart-close {
        padding: 2rem 0 2rem 2rem; } }
.cart-popup-inner .cart-item-list {
  padding: 2rem 1.5rem 0 6rem; }
  @media (max-width: 1000px) {
    .cart-popup-inner .cart-item-list {
      padding: 1.3rem; } }
  .cart-popup-inner .cart-item-list p {
    color: #B22772;
    padding: 0 0 2rem 0;
    font: 500 1.5rem/1.2em "Inter", "Open Sans", Arial, Sans-Serif; }
    @media (max-width: 1000px) {
      .cart-popup-inner .cart-item-list p {
        font-size: 1.1rem; } }
.cart-popup-inner .cart-sum-wr {
  padding: 3rem 6rem;
  border-top: .5px solid #4f4c4938; }
  @media (max-width: 1000px) {
    .cart-popup-inner .cart-sum-wr {
      padding: 3rem 1.6rem; } }

.cart-item-wr {
  display: table;
  width: 100%;
  box-sizing: border-box;
  color: #4F4C49;
  font-family: "Inter", "Open Sans", Arial, Sans-Serif; }
  .cart-item-wr .item {
    display: table-row; }
  .cart-item-wr .image-wr {
    display: table-cell;
    vertical-align: top;
    padding-bottom: 1.5rem; }
  .cart-item-wr .details {
    display: table-cell;
    width: 60%;
    box-sizing: border-box;
    padding: 0 2rem 2rem; }
    @media (max-width: 1000px) {
      .cart-item-wr .details {
        padding: 0 1rem 1rem; } }
  .cart-item-wr .price-wr {
    display: table-cell;
    text-align: right; }
  .cart-item-wr h4 {
    font-size: 1.4rem;
    font-weight: 500;
    font-family: "Inter", "Open Sans", Arial, Sans-Serif;
    color: black; }
    @media (max-width: 780px) {
      .cart-item-wr h4 {
        font-size: 1.1rem; } }
  .cart-item-wr .price {
    font-size: 1.6rem;
    font-weight: 300;
    color: #4F4C49;
    white-space: nowrap; }
    @media (max-width: 780px) {
      .cart-item-wr .price {
        font-size: 1.3rem; } }
  .cart-item-wr .cart-remove-item {
    margin-bottom: 2rem;
    cursor: pointer; }
  .cart-item-wr .cart-unity-wr {
    padding-top: 1.5rem;
    display: inline-block; }
    @media (max-width: 780px) {
      .cart-item-wr .cart-unity-wr {
        padding-top: .9rem; } }

.cart-sum {
  display: table;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 300;
  color: #4F4C49;
  font-family: "Inter", "Open Sans", Arial, Sans-Serif; }
  @media (max-width: 780px) {
    .cart-sum {
      font-size: 1.3rem; } }
  .cart-sum .item {
    display: table-row; }
  .cart-sum .label {
    display: table-cell; }
  .cart-sum .value {
    display: table-cell;
    text-align: right;
    padding-bottom: 3.5rem; }
  .cart-sum .total {
    font-weight: 600; }

.estimative-rate {
  font: 400 8px/1.2em "Inter", "Open Sans", Arial, Sans-Serif;
  padding-top: 2rem; }

.tfi {
  opacity: 1; }
  .tfi.hidden {
    opacity: 0; }
  .tfi.start {
    opacity: .05; }
    .tfi.start:nth-child(5n-4) {
      opacity: .5;
      text-stroke: 1px black;
      -webkit-text-stroke: 1px black;
      color: white; }

.custom-select {
  display: inline-block;
  position: relative;
  padding: .7em;
  padding-right: 2em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .custom-select.active {
    color: #4F4C49; }
  .custom-select .custom-select-title {
    display: inline-block;
    line-height: 1.2em;
    cursor: default; }
  .custom-select .custom-select-input {
    display: inline-block;
    color: inherit;
    font-family: inherit;
    border: none;
    outline: none;
    font-size: inherit;
    font-weight: inherit;
    line-height: 1.2em;
    padding: 0;
    margin: 0;
    width: 100%;
    background: transparent;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .custom-select .custom-select-icon {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 1em 0;
    background: url("../images/arrow-left.svg") no-repeat;
    transform: rotate(-90deg);
    width: 1em;
    background-size: contain;
    opacity: .5; }
  .custom-select .custom-select-option-wr {
    z-index: 9000;
    padding: 0;
    position: absolute;
    top: 100%;
    margin-top: 3px;
    left: 0px;
    background: #fff;
    display: none;
    color: #B22772;
    text-align: center;
    font-weight: normal;
    max-height: 300px;
    min-width: 100%;
    overflow: auto;
    font-size: .8em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .custom-select .custom-select-option-wr.above {
      top: auto;
      bottom: 100%; }
  .custom-select .custom-select-option {
    cursor: pointer;
    padding: 0 1.5em;
    line-height: 2.5em;
    white-space: nowrap; }
    .custom-select .custom-select-option.hidden {
      display: none; }
    .custom-select .custom-select-option:not(.unselectable):hover {
      background: rgba(178, 39, 114, 0.2); }
    .custom-select .custom-select-option.unselectable {
      cursor: default;
      color: #666; }
      .custom-select .custom-select-option.unselectable:before {
        font-family: "FontAwesome";
        content: "\f078";
        font-size: .5em;
        vertical-align: middle;
        display: inline-block;
        margin: -.5em .5em 0 -1.5em; }
    .custom-select .custom-select-option.selected {
      background: #B22772 !important;
      color: white !important; }
    .custom-select .custom-select-option.active {
      background: #eee; }
    .custom-select .custom-select-option.custom-select-option-nested-level-1 {
      padding-left: 2.5em; }
    .custom-select .custom-select-option.custom-select-option-nested-level-2 {
      padding-left: 3.5em; }
    .custom-select .custom-select-option.custom-select-option-nested-level-3 {
      padding-left: 4.5em; }
  .custom-select .custom-select-option-group .custom-select-option {
    padding-left: 2.5em; }

.custom-select-mobile.full-popup {
  background: #fff; }
  .custom-select-mobile.full-popup:after {
    content: none; }
  .custom-select-mobile.full-popup .full-popup-inner {
    display: block;
    margin-top: 50px;
    text-align: left;
    width: auto; }
  .custom-select-mobile.full-popup .custom-select-option, .custom-select-mobile.full-popup .label {
    color: #333;
    font-size: 1.6em;
    padding: 1em 20px;
    line-height: 1.5em;
    border: 0 solid rgba(0, 0, 0, 0.2);
    border-bottom-width: 1px;
    display: block; }
    .custom-select-mobile.full-popup .custom-select-option.selected, .custom-select-mobile.full-popup .label.selected {
      border-left: 5px solid #B22772;
      padding-left: 15px; }
    .custom-select-mobile.full-popup .custom-select-option:not(.unselectable):not(.selected):not(.label), .custom-select-mobile.full-popup .label:not(.unselectable):not(.selected):not(.label) {
      border-left: 5px solid rgba(0, 0, 0, 0.08);
      padding-left: 15px; }
    .custom-select-mobile.full-popup .custom-select-option.unselectable, .custom-select-mobile.full-popup .label.unselectable {
      cursor: default;
      color: #666; }
      .custom-select-mobile.full-popup .custom-select-option.unselectable:before, .custom-select-mobile.full-popup .label.unselectable:before {
        font-family: "FontAwesome";
        content: "\f078";
        font-size: .5em;
        vertical-align: middle;
        display: inline-block;
        margin: -.5em .5em 0 -1.5em; }
    .custom-select-mobile.full-popup .custom-select-option.custom-select-option-nested-level-1, .custom-select-mobile.full-popup .label.custom-select-option-nested-level-1 {
      padding-left: 2.5em; }
    .custom-select-mobile.full-popup .custom-select-option.custom-select-option-nested-level-2, .custom-select-mobile.full-popup .label.custom-select-option-nested-level-2 {
      padding-left: 3.5em; }
    .custom-select-mobile.full-popup .custom-select-option.custom-select-option-nested-level-3, .custom-select-mobile.full-popup .label.custom-select-option-nested-level-3 {
      padding-left: 4.5em; }
  .custom-select-mobile.full-popup .label {
    font-size: 2.4em;
    font-weight: 700; }
  .custom-select-mobile.full-popup .btn-close:before, .custom-select-mobile.full-popup .btn-close:after {
    border-color: #333; }

.btn, .btn-1, .btn-0, .modalpopup-btn.btn-close, .btn-error {
  position: relative;
  display: inline-block;
  font-family: "Inter", "Open Sans", Arial, Sans-Serif;
  font-weight: 300;
  font-size: 1.6rem;
  min-width: 9.3rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10em;
  padding: 1em 1.5em;
  cursor: pointer;
  background: #B22772;
  color: #fff;
  text-align: center;
  text-decoration: none;
  line-height: 1em;
  transition: color .5s, background .5s;
  text-transform: uppercase; }

.btn-wr {
  text-align: center; }

.btn-c, .btn-c-text b {
  height: 7.5rem;
  background: #f1d6de !important;
  width: 7.5rem;
  border-radius: 7rem;
  display: flex; }
  .btn-c:before, .btn-c-text b:before {
    content: "";
    background: url("../images/icon-arrow-right-pink.svg") no-repeat 2.7rem center;
    background-size: 2rem;
    width: inherit;
    height: inherit; }
  @media (max-width: 1000px) {
    .btn-c, .btn-c-text b {
      height: 4rem;
      width: 4rem; } }
  @media (max-width: 1000px) {
    .btn-c:before, .btn-c-text b:before {
      background-size: 1.4rem !important;
      background-position: center !important; } }
  .btn-c.green, .btn-c-text b.green, .btn-c-text.green b, #room-products-wr .item.tag-olive-oil .btn-c-text b {
    background: #DEE2DB !important; }
    .btn-c.green:before, .btn-c-text b.green:before, .btn-c-text.green b:before, #room-products-wr .item.tag-olive-oil .btn-c-text b:before {
      background: url("../images/icon-arrow-right-green.svg") no-repeat 2.7rem center; }

.btn-c-text {
  position: relative;
  padding-left: 6rem;
  display: inline-block;
  cursor: pointer; }
  @media (max-width: 1000px) {
    .btn-c-text {
      padding-left: 3.2em; } }
  .btn-c-text b {
    position: absolute;
    z-index: 1;
    left: 0;
    transition: width .5s; }
  .btn-c-text i {
    position: relative;
    z-index: 2;
    line-height: 7.5rem;
    font-size: 2rem;
    display: block; }
    @media (max-width: 1000px) {
      .btn-c-text i {
        line-height: 2em; } }
    @media (max-width: 1000px) {
      .btn-c-text i {
        font-size: 1.3rem;
        line-height: 3em; } }
  .btn-c-text:hover b {
    width: calc(100% +  4rem); }

.btn-unity-wr {
  font-family: "Inter", "Open Sans", Arial, Sans-Serif;
  display: inline-block; }
  .btn-unity-wr .btn-unity {
    box-shadow: 0px 1px 2.6px 0px #0000002B;
    display: flex;
    color: #B22772;
    font-weight: 600;
    font-size: 1.3rem;
    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10 and IE 11 */
    user-select: none; }
    .btn-unity-wr .btn-unity > div {
      height: 3.1rem;
      line-height: 3.1rem;
      width: 2.7rem;
      background: white;
      text-align: center;
      cursor: pointer; }
    .btn-unity-wr .btn-unity .btn-unity-total {
      background: #B227722E;
      cursor: default; }

@media (max-width: 1000px) {
  .btn, .btn-1, .btn-0, .modalpopup-btn.btn-close, .btn-error {
    font-size: 14px;
    min-width: 8em; } }
@media (max-width: 780px) {
  .btn, .btn-1, .btn-0, .modalpopup-btn.btn-close, .btn-error {
    font-size: 12px;
    min-width: 8em; } }
.btn:not(.disabled):not(.loading):hover, .btn-1:not(.disabled):not(.loading):hover, .btn-0:not(.disabled):not(.loading):hover, .modalpopup-btn.btn-close:not(.disabled):not(.loading):hover, .btn-error:not(.disabled):not(.loading):hover {
  box-shadow: 0 0 0 1rem #ffcce8; }
.btn.loading, .loading.btn-1, .loading.btn-0, .loading.modalpopup-btn.btn-close, .loading.btn-error {
  position: relative;
  cursor: default;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .btn.loading:before, .loading.btn-1:before, .loading.btn-0:before, .loading.modalpopup-btn.btn-close:before, .loading.btn-error:before {
    content: "";
    width: 0em;
    height: .15em;
    position: absolute;
    left: 0;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.6);
    animation: loading-btn-translate 1.2s infinite ease-in-out; }
.btn.disabled, .disabled.btn-1, .disabled.btn-0, .disabled.modalpopup-btn.btn-close, .disabled.btn-error {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
  cursor: default; }
.btn.min-width, .min-width.btn-1, .min-width.btn-0, .min-width.modalpopup-btn.btn-close, .min-width.btn-error {
  min-width: 300px; }
.btn.full-width, .full-width.btn-1, .full-width.btn-0, .full-width.modalpopup-btn.btn-close, .full-width.btn-error {
  width: 100%; }

.btn-1 {
  background-color: white;
  color: #4F4C49;
  margin-top: 7.5rem; }
  @media (max-width: 780px) {
    .btn-1 {
      margin-top: 3rem; } }

.btn-0, .modalpopup-btn.btn-close {
  background: #54565a; }
  .btn-0:not(.disabled):not(.loading):hover, .modalpopup-btn.btn-close:not(.disabled):not(.loading):hover {
    background: #606367;
    box-shadow: none; }

.btn-error {
  background: red; }
  .btn-error:hover {
    background: #ff1a1a; }

.modalpopup-btn {
  display: inline-block;
  margin: 1em;
  font-size: 1.6em;
  font-weight: 700;
  text-transform: uppercase;
  padding: 1em;
  width: 9em;
  box-sizing: border-box;
  background: #728ca0;
  color: rgba(255, 255, 255, 0.9);
  border-radius: .3em;
  cursor: pointer; }
  .modalpopup-btn:hover {
    background: #0078d4; }
  .modalpopup-btn.btn-cancel, .modalpopup-btn.btn-delete {
    background: #455867; }
    .modalpopup-btn.btn-cancel:hover, .modalpopup-btn.btn-delete:hover {
      background: #5a7285; }

.btn-close-svg {
  top: 4em;
  right: 4em;
  position: absolute;
  width: 4rem;
  height: 4rem;
  z-index: 10002;
  opacity: .8;
  background: url("../images/btn-close.svg") no-repeat;
  background-size: contain; }
  .btn-close-svg:hover {
    opacity: 1; }

.modalpopup-btn {
  display: inline-block;
  padding: 1em 2em;
  cursor: pointer; }

.btn-wr {
  text-align: center; }
  .btn-wr .btn:not(.full-width), .btn-wr .btn-1:not(.full-width), .btn-wr .btn-0:not(.full-width), .btn-wr .modalpopup-btn.btn-close:not(.full-width), .btn-wr .btn-error:not(.full-width), .btn-wr .btn-1:not(.full-width), .btn-wr .btn-2:not(.full-width) {
    margin-right: 2em; }
    .btn-wr .btn:not(.full-width):last-child, .btn-wr .btn-1:not(.full-width):last-child, .btn-wr .btn-0:not(.full-width):last-child, .btn-wr .modalpopup-btn.btn-close:not(.full-width):last-child, .btn-wr .btn-error:not(.full-width):last-child, .btn-wr .btn-1:not(.full-width):last-child, .btn-wr .btn-2:not(.full-width):last-child {
      margin-right: 0; }
    @media (max-width: 1000px) {
      .btn-wr .btn:not(.full-width), .btn-wr .btn-1:not(.full-width), .btn-wr .btn-0:not(.full-width), .btn-wr .modalpopup-btn.btn-close:not(.full-width), .btn-wr .btn-error:not(.full-width), .btn-wr .btn-1:not(.full-width), .btn-wr .btn-2:not(.full-width) {
        margin: 10px; }
        .btn-wr .btn:not(.full-width):last-child, .btn-wr .btn-1:not(.full-width):last-child, .btn-wr .btn-0:not(.full-width):last-child, .btn-wr .modalpopup-btn.btn-close:not(.full-width):last-child, .btn-wr .btn-error:not(.full-width):last-child, .btn-wr .btn-1:not(.full-width):last-child, .btn-wr .btn-2:not(.full-width):last-child {
          margin-right: 10px; } }

@-moz-keyframes showMenu {
  0% {
    -moz-transform: scaleY(0);
    transform: scaleY(0); }
  100% {
    -moz-transform: scaleY(1);
    transform: scaleY(1); } }
@-webkit-keyframes showMenu {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0); }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1); } }
@keyframes showMenu {
  0% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0); }
  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1); } }
@-moz-keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
#header-inner {
  font-family: "Inter", "Open Sans", Arial, Sans-Serif;
  font-weight: 300;
  overflow-x: hidden; }
  @media (max-width: 1000px) {
    #header-inner .full-popup-inner {
      width: 100%; } }
  #header-inner .hidden {
    display: none; }
  #header-inner.opening #header-nav-block {
    transform: scaleY(0);
    -moz-animation: showMenu 0.5s 0.5s normal forwards;
    -webkit-animation: showMenu 0.5s 0.5s normal forwards;
    animation: showMenu 0.5s 0.5s normal forwards; }
  #header-inner.opening #header-nav-block-inner {
    opacity: 0;
    -moz-animation: fadein 1s 0.8s normal forwards;
    -webkit-animation: fadein 1s 0.8s normal forwards;
    animation: fadein 1s 0.8s normal forwards; }
  #header-inner.closing {
    -moz-animation: hideFullPopup 0.5s 0.8s forwards;
    -webkit-animation: hideFullPopup 0.5s 0.8s forwards;
    animation: hideFullPopup 0.5s 0.8s forwards; }
    #header-inner.closing #header-nav-block {
      -moz-animation: showMenu 0.5s 0.2s reverse forwards;
      -webkit-animation: showMenu 0.5s 0.2s reverse forwards;
      animation: showMenu 0.5s 0.2s reverse forwards; }
    #header-inner.closing #header-nav-block-inner {
      -moz-animation: fadein 0.3s reverse forwards;
      -webkit-animation: fadein 0.3s reverse forwards;
      animation: fadein 0.3s reverse forwards; }
  #header-inner #header-nav-block {
    background: #B22772;
    padding: 10rem;
    text-align: left;
    position: relative; }
    @media (max-width: 1000px) {
      #header-inner #header-nav-block {
        height: 100vh;
        box-sizing: border-box;
        padding: 7rem 2rem 5rem 2rem; } }
  #header-inner.full-popup .btn-close {
    display: none; }
  #header-inner nav {
    vertical-align: middle;
    margin-left: 35%; }
    @media (max-width: 1000px) {
      #header-inner nav {
        margin: 4rem 0 0 0; } }
    #header-inner nav .item a, #header-inner nav .item .title {
      font-size: 5em;
      font-weight: 400;
      line-height: 1.5em;
      font-family: "FreightBig Pro", "Open Sans", Arial, Sans-Serif;
      height: auto;
      transition: color .5s;
      color: white; }
      #header-inner nav .item a:hover, #header-inner nav .item .title:hover {
        color: black; }
      @media (max-width: 1000px) {
        #header-inner nav .item a, #header-inner nav .item .title {
          display: block;
          font-size: 2.4rem;
          margin-bottom: 1rem; } }
    #header-inner nav .item #h-cart-icon {
      width: 3.8rem;
      vertical-align: middle; }
      @media (max-width: 1000px) {
        #header-inner nav .item #h-cart-icon {
          width: 2.4rem; } }
    #header-inner nav .item #h-cart-count {
      padding-left: 1rem;
      font-size: .75em;
      color: white !important;
      vertical-align: middle; }
  #header-inner #logo-menu {
    float: left;
    width: 20rem; }
    @media (max-width: 1000px) {
      #header-inner #logo-menu {
        width: 7rem;
        float: none; } }
  #header-inner #lang-menu {
    position: absolute;
    top: 5rem;
    left: 10rem;
    font-size: 2rem; }
    @media (max-width: 1000px) {
      #header-inner #lang-menu {
        top: 2rem;
        left: 2rem;
        font-size: 1.3rem; } }
    #header-inner #lang-menu .lang-opt {
      display: inline-block;
      margin-right: .5em; }
      #header-inner #lang-menu .lang-opt.active {
        opacity: 0.4; }
  #header-inner #close-menu {
    font: 400 1.6em/1.2em "Inter", "Open Sans", Arial, Sans-Serif;
    position: absolute;
    top: 5rem;
    right: 10rem;
    text-transform: uppercase;
    cursor: pointer;
    opacity: .8;
    transition: opacity .5s; }
    #header-inner #close-menu:hover {
      opacity: 1; }
    @media (max-width: 1000px) {
      #header-inner #close-menu {
        top: 2rem;
        right: 2rem;
        font-size: 1.1em; } }
  #header-inner #contact-menu {
    position: absolute;
    font-size: 1.6em;
    text-transform: uppercase;
    bottom: 5rem;
    left: 10rem;
    vertical-align: middle;
    padding: 0 .2em .4em .2em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    opacity: .8;
    transition: opacity .5s; }
    #header-inner #contact-menu:after {
      content: "";
      width: 1.5em;
      height: 1.5em;
      vertical-align: middle;
      display: inline-block;
      background: url("../images/icon-contact.svg") no-repeat;
      background-size: contain;
      margin-left: .8em; }
    #header-inner #contact-menu:hover {
      opacity: 1; }
    @media (max-width: 1000px) {
      #header-inner #contact-menu {
        bottom: 2rem;
        left: 2rem;
        font-size: 1.2rem;
        opacity: 1; } }
  #header-inner #social-menu {
    position: absolute;
    font-size: 1.6em;
    bottom: 5rem;
    right: 10rem; }
    @media (max-width: 1000px) {
      #header-inner #social-menu {
        bottom: 2.7rem;
        right: 2rem; } }
    #header-inner #social-menu a {
      display: inline-block;
      margin-left: .9rem;
      opacity: .8;
      transition: opacity .5s; }
      #header-inner #social-menu a:hover {
        opacity: 1; }
      #header-inner #social-menu a img {
        width: 2.8rem; }
        @media (max-width: 1000px) {
          #header-inner #social-menu a img {
            width: 1.85rem; } }
      @media (max-width: 1000px) {
        #header-inner #social-menu a {
          opacity: 1; } }

@media (min-width: 1000px) {
  #header-inner .full-popup-inner {
    overflow: hidden; }
  #header-inner .item .title {
    display: inline;
    cursor: pointer; }
  #header-inner .item .submenu-close {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><circle cx="20" cy="20" r="19.5" stroke="%23B22772"/><path d="M14.708 26.616L14 25.908L19.6 20.308L14 14.708L14.708 14L20.308 19.6L25.908 14L26.616 14.708L21.016 20.308L26.616 25.908L25.908 26.616L20.308 21.016L14.708 26.616Z" fill="%23B22772"/></svg>') no-repeat;
    background-size: contain;
    width: 4rem;
    height: 4rem;
    display: inline-block;
    margin-bottom: 1rem;
    cursor: pointer; }
  #header-inner .item .submenu {
    background: #FFFCF6;
    position: absolute;
    height: 100%;
    width: 30%;
    right: 0;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    top: 0;
    box-sizing: border-box;
    justify-content: center;
    text-align: center;
    transform: translateX(140%);
    transition: transform .5s;
    padding-right: 5rem; }
    #header-inner .item .submenu:before {
      content: "";
      position: absolute;
      aspect-ratio: .2;
      height: 100%;
      top: 0;
      right: 100%;
      background: url("../images/submenu-circle.svg");
      background-size: cover; }
    #header-inner .item .submenu a {
      color: #B22772;
      font-size: 2rem;
      font-family: "Inter", "Open Sans", Arial, Sans-Serif;
      text-transform: uppercase;
      display: block;
      margin-top: 3rem; }
  #header-inner .item.opened .title {
    color: black; }
  #header-inner .item.opened .submenu {
    transform: translateX(0); } }
@media (max-width: 999px) {
  #header-inner .item {
    position: relative;
    max-width: 600px; }
    #header-inner .item .title {
      color: white !important; }
    #header-inner .item .submenu-toggler {
      position: absolute;
      top: -.7rem;
      right: 0;
      padding: 0 1rem;
      font: 300 3.2rem/1.5em "Inter", "Open Sans", Arial, Sans-Serif;
      width: 2rem;
      text-align: center; }
      #header-inner .item .submenu-toggler:before {
        content: "+"; }
    #header-inner .item .submenu {
      max-height: 0;
      transition: all .5s;
      overflow: hidden; }
      #header-inner .item .submenu a {
        font: 300 1.1rem/1.2em "Inter", "Open Sans", Arial, Sans-Serif;
        text-transform: uppercase;
        display: block;
        margin-bottom: 1rem;
        transform: translateY(-100%) scaleY(0);
        transition: all .5s; }
        #header-inner .item .submenu a:last-child {
          padding-bottom: 2rem; }
    #header-inner .item.opened .submenu-toggler:before {
      content: "-"; }
    #header-inner .item.opened .submenu {
      max-height: 500px; }
      #header-inner .item.opened .submenu a {
        transform: translateY(0) scale(1);
        opacity: 1; } }
#logo-footer {
  width: 26rem; }
  @media (max-width: 1000px) {
    #logo-footer {
      width: 18em; } }

#footer-inner {
  display: flex;
  gap: 3em;
  justify-content: space-between; }
  @media (max-width: 1000px) {
    #footer-inner {
      flex-wrap: wrap;
      gap: 1em;
      padding: 0; } }
  #footer-inner a, #footer-inner h3 {
    color: inherit;
    font-family: inherit;
    font-weight: inherit; }
  #footer-inner .col {
    width: 25%;
    max-width: 28em; }
    @media (max-width: 1000px) {
      #footer-inner .col {
        width: 100%;
        max-width: 100%;
        padding: 2rem; }
        #footer-inner .col:nth-child(2) {
          order: 4; } }
  #footer-inner h3 {
    font-weight: 600;
    padding: .8em 0 0 0;
    font-size: 1.8em;
    line-height: 1.4em; }
  #footer-inner .item {
    margin: 1.5rem 0;
    font-size: 1.6em;
    padding-bottom: .2em;
    line-height: 1.4em; }
    @media (max-width: 1000px) {
      #footer-inner .item {
        font-size: 1.5em; } }
  #footer-inner .btn-1 {
    padding: .8em 1em;
    min-width: 0; }
  #footer-inner .social-media-btn {
    width: 2.5rem;
    margin: 0 1rem 0 0;
    display: inline-block;
    vertical-align: middle; }
    #footer-inner .social-media-btn img {
      width: 100%; }
  @media (max-width: 1000px) {
    #footer-inner #footer-social-col {
      margin-top: 4rem;
      border-bottom: 1px solid white; }
      #footer-inner #footer-social-col h3 {
        display: inline-block;
        vertical-align: middle;
        margin-right: 1rem;
        padding: 0 0 .5em 0;
        font-size: 1.6rem; }
      #footer-inner #footer-social-col .social-media-item-wr {
        display: inline-block; }
      #footer-inner #footer-social-col .row-website {
        display: none; } }

.cms {
  padding-top: 7em;
  padding-bottom: 50px; }
  .cms h1 {
    text-transform: uppercase;
    font-size: 4em; }
  .cms h2 {
    font-size: 2.4em;
    margin-top: 1.2em;
    border-bottom: 1px solid #D8A900; }
  .cms h3 {
    font-size: 2em;
    margin-top: 1.2em; }
  .cms h4 {
    font-size: 1.8em;
    margin-top: .8em; }
  .cms p a {
    color: #FFFCF6; }
    .cms p a:hover {
      text-decoration: underline; }
  @media (max-width: 1000px) {
    .cms {
      padding-top: 60px; } }

.error-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center; }
  .error-page .max-width {
    max-width: 800px; }
  .error-page h1 {
    font-size: 4em; }

@-moz-keyframes showBooking {
  0% {
    -moz-transform: translateY(90vh);
    transform: translateY(90vh); }
  100% {
    -moz-transform: translateY(0);
    transform: translateY(0); } }
@-webkit-keyframes showBooking {
  0% {
    -webkit-transform: translateY(90vh);
    transform: translateY(90vh); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes showBooking {
  0% {
    -moz-transform: translateY(90vh);
    -ms-transform: translateY(90vh);
    -webkit-transform: translateY(90vh);
    transform: translateY(90vh); }
  100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
.pkg-popup.full-popup.opening .full-popup-inner {
  -moz-transform: translateY(90vh);
  -ms-transform: translateY(90vh);
  -webkit-transform: translateY(90vh);
  transform: translateY(90vh);
  -moz-animation: showBooking 0.5s 0.5s normal forwards;
  -webkit-animation: showBooking 0.5s 0.5s normal forwards;
  animation: showBooking 0.5s 0.5s normal forwards; }
.pkg-popup.full-popup.closing {
  -moz-animation: fadein 0.5s reverse forwards;
  -webkit-animation: fadein 0.5s reverse forwards;
  animation: fadein 0.5s reverse forwards; }

.pkg-popup.full-popup {
  overflow: hidden;
  background: #000000ad !important; }
  @media (max-width: 780px) {
    .pkg-popup.full-popup .full-popup-inner {
      width: 100%; } }
  @media (max-height: 650px) and (orientation: portrait) {
    .pkg-popup.full-popup .full-popup-inner {
      height: 90vh !important; } }
  .pkg-popup.full-popup .btn-close {
    display: none; }
  .pkg-popup.full-popup .full-popup-inner {
    position: relative;
    background: #FFFCF6;
    padding: 7rem 7.5rem 5rem;
    max-width: 70rem;
    height: 75vh;
    box-sizing: border-box;
    text-align: left;
    color: #4F4C49;
    overflow-y: auto; }
    @media (max-width: 780px) {
      .pkg-popup.full-popup .full-popup-inner {
        padding: 5rem 1rem 3rem; } }
    .pkg-popup.full-popup .full-popup-inner img {
      width: 100%; }
  .pkg-popup.full-popup .pkg-close {
    background: url("../images/icon-close-pink.svg") no-repeat;
    background-size: contain;
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 2rem;
    left: 2rem;
    cursor: pointer; }
    @media (max-width: 780px) {
      .pkg-popup.full-popup .pkg-close {
        width: 2.2rem;
        height: 2.2rem;
        top: 1.2rem;
        left: 1.2rem; } }
  .pkg-popup.full-popup .text-wr {
    padding-left: 2rem; }
    @media (max-width: 780px) {
      .pkg-popup.full-popup .text-wr {
        padding-left: 4rem; } }
  .pkg-popup.full-popup h3 {
    font-size: 3.6rem; }
    @media (max-width: 780px) {
      .pkg-popup.full-popup h3 {
        padding-bottom: 2rem; } }
  .pkg-popup.full-popup .pkg-description p, .pkg-popup.full-popup .pkg-description ol, .pkg-popup.full-popup .pkg-description ul {
    color: #B22772;
    font-family: "Inter", "Open Sans", Arial, Sans-Serif;
    font-weight: 500; }
    @media (max-width: 780px) {
      .pkg-popup.full-popup .pkg-description p, .pkg-popup.full-popup .pkg-description ol, .pkg-popup.full-popup .pkg-description ul {
        font-size: 1.3rem; } }
  .pkg-popup.full-popup .pkg-description ul, .pkg-popup.full-popup .pkg-description ol {
    margin-left: -1.5em; }
    .pkg-popup.full-popup .pkg-description ul li, .pkg-popup.full-popup .pkg-description ol li {
      list-style-image: url(../images/icon-list.svg); }
  .pkg-popup.full-popup .pkg-price {
    font-family: "Inter", "Open Sans", Arial, Sans-Serif;
    font-weight: 300;
    margin: 3rem 0 0 0; }
    @media (max-width: 780px) {
      .pkg-popup.full-popup .pkg-price {
        font-size: 1.3rem; } }
  .pkg-popup.full-popup .pkg-btn-wr {
    margin: 3rem 0; }
  .pkg-popup.full-popup .pkg-images-wr {
    display: flex;
    flex-wrap: wrap; }
    .pkg-popup.full-popup .pkg-images-wr .item {
      padding: .3rem;
      width: 100%;
      box-sizing: border-box; }
      .pkg-popup.full-popup .pkg-images-wr .item:nth-child(4n - 3) {
        width: 60%;
        aspect-ratio: 3/2.5; }
      .pkg-popup.full-popup .pkg-images-wr .item:nth-child(4n - 2) {
        width: 40%; }
      .pkg-popup.full-popup .pkg-images-wr .item:nth-child(4n - 1) {
        width: 50%;
        aspect-ratio: 3/2; }
      .pkg-popup.full-popup .pkg-images-wr .item:nth-child(4n) {
        width: 50%;
        aspect-ratio: 3/2; }
    .pkg-popup.full-popup .pkg-images-wr img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block; }
    .pkg-popup.full-popup .pkg-images-wr.pkg-odd .item:last-child {
      width: 100%;
      aspect-ratio: unset; }
    .pkg-popup.full-popup .pkg-images-wr.pkg-q-2 .item {
      width: 50%;
      aspect-ratio: 1/1.1; }
  .pkg-popup.full-popup .estimative-rate {
    padding: 0; }

#room-products h2 {
  margin: 8rem 0; }
  @media (max-width: 1000px) {
    #room-products h2 {
      margin: 5rem 0 2rem; } }

#room-products-wr {
  max-width: 1200px;
  margin: auto; }
  #room-products-wr .item {
    display: flex; }
    @media (max-width: 1000px) {
      #room-products-wr .item {
        display: block; } }
    #room-products-wr .item:nth-child(odd) {
      flex-direction: row-reverse; }
    #room-products-wr .item .text-wr, #room-products-wr .item .img-wr {
      width: 50%;
      padding: 4rem 10rem;
      box-sizing: border-box;
      align-self: center; }
      @media (max-width: 1000px) {
        #room-products-wr .item .text-wr, #room-products-wr .item .img-wr {
          width: 100%;
          padding: 3rem;
          text-align: center; } }
      @media (max-width: 780px) {
        #room-products-wr .item .text-wr, #room-products-wr .item .img-wr {
          padding: 2rem; } }
    #room-products-wr .item img {
      max-width: 100%; }
    #room-products-wr .item h3 {
      font-size: 6.4rem;
      padding: 0; }
      @media (max-width: 1000px) {
        #room-products-wr .item h3 {
          text-align: center; } }
      @media (max-width: 780px) {
        #room-products-wr .item h3 {
          font-size: 4.8rem; } }
    #room-products-wr .item h4 {
      font-size: 3.6rem;
      color: #B22772; }
      @media (max-width: 1000px) {
        #room-products-wr .item h4 {
          text-align: center; } }
    #room-products-wr .item p {
      font-size: 2rem;
      font-family: "Inter", "Open Sans", Arial, Sans-Serif;
      margin-top: 2rem;
      font-weight: 300; }
      @media (max-width: 1000px) {
        #room-products-wr .item p {
          text-align: center;
          font-size: 1.4rem;
          max-width: 25rem;
          margin: 2rem auto 0; } }
      @media (max-width: 780px) {
        #room-products-wr .item p {
          font-size: 1.3rem; } }
    #room-products-wr .item .btn-c-text {
      margin-top: 6rem; }
      @media (max-width: 1000px) {
        #room-products-wr .item .btn-c-text {
          margin-top: 1rem; } }
    #room-products-wr .item.tag-olive-oil h4 {
      color: #92A586; }

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