/**
 * @link 
 * @author Pavel
 */
.benefits, #content-wrp, main, .order .checkin-block, .catalog-list, .thumbs {
  *zoom: 1; }
  .benefits:before, #content-wrp:before, main:before, .order .checkin-block:before, .catalog-list:before, .thumbs:before, .benefits:after, #content-wrp:after, main:after, .order .checkin-block:after, .catalog-list:after, .thumbs:after {
    content: " ";
    display: table; }
  .benefits:after, #content-wrp:after, main:after, .order .checkin-block:after, .catalog-list:after, .thumbs:after {
    clear: both; }



/* =======================================
 * NORMALIZE 
 * normalize.css v2.1.3 | MIT License | git.io/normalize
 * ======================================= */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

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

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

[hidden], template {
  display: none; }

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

body {
  margin: 0; }

a {
  background: transparent; }

a:focus {
  outline: thin dotted; }

a:active, a:hover {
  outline: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

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

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

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

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

pre {
  white-space: pre-wrap; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

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

figure {
  margin: 0; }

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

legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

button, input, select, textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

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

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

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

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

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

textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

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

/* =======================================
 * SPRITES
 * ======================================= */
.icon-business, .benefits .benefit.business:before {
  background-image: url(../img/sprite.png);
  background-position: 0px -17px;
  width: 32px;
  height: 25px; }

.icon-metro, .catalog-list li .address:before {
  background-image: url(../img/sprite.png);
  background-position: 0px 0px;
  width: 22px;
  height: 17px; }

.icon-time, .benefits .benefit.time:before {
  background-image: url(../img/sprite.png);
  background-position: 0px -73px;
  width: 32px;
  height: 38px; }

.icon-warning, .benefits .benefit.warning:before {
  background-image: url(../img/sprite.png);
  background-position: 0px -42px;
  width: 31px;
  height: 31px; }

/* =======================================
 * BASE
 * Описываются только общие селекторы, 
 * типографика, структурные селекторы
 * ======================================= */
::selection {
  color: #fff;
  background: #333;
  text-shadow: none; }

::-moz-selection {
  color: #fff;
  background: #333;
  text-shadow: none; }

::-webkit-selection {
  color: #fff;
  background: #333;
  text-shadow: none; }

p {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  -ms-hyphens: auto; }

* {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 62.5%;
  height: 100%; }

body {
  font: 400 14px/1.5 'Open Sans', sans-serif;
  position: relative;
  min-height: 100%;
  color: #333;
  background: #fafafa; }

.disable-hover {
  pointer-events: none; }

/* structur elements */
.container, header .top-line, .top-nav ul, #content-wrp {
  width: 1180px;
  margin: 0 auto; }

.wide-block {
  float: left;
  width: 690px; }

.thin-block {
  float: right;
  width: 420px; }

/* headers */
h1, h2, h3, h4, h5, h6 {
  color: #333; }

h1 {
  font-size: 36px;
  font-weight: normal;
  margin: 14px 0;
  line-height: 1em; }

h2 {
  color: #614aac;
  text-transform: uppercase;
  margin-top: 2em; }


.breadcrumbs-wrp {
  margin-top: 14px;
  color: #666;
  cursor: default;
  position: relative;
  z-index: 10; }
  .breadcrumbs-wrp a {
    color: #666;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
    .breadcrumbs-wrp a:hover {
      color: #4993bd;
      text-decoration: underline; }
  .breadcrumbs-wrp + h1 {
    margin-top: 0; }

/* components */
dl {
  margin-bottom: 50px; }
  dl dt {
    font-weight: bold;
    float: left;
    margin-right: 10px;
    padding: 5px;
    color: #fff; }
  dl dd {
    margin: 2px 0;
    padding: 5px 0; }

.paginate {
  width: 100%;
  text-align: center; }
  .paginate a {
    display: inline-block;
    margin: 0 4px;
    background: #fff;
    height: 30px;
    min-width: 24px;
    padding: 0 6px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #ebebeb;
    color: #614aac;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
    .paginate a:hover {
      background: #ebebeb; }
    .paginate a.currentpage {
      background: #614aac;
      color: #fff;
      text-decoration: none; }

/* =======================================
 * HEADER
 * ======================================= */
header {
  background: url(../img/header-bg.png) no-repeat center top;
  min-width: 1180px;
  background-size: 100% 170px;
  padding-top: 50px; }
  header .top-line {
    font-size: 1px;
    text-align: justify; }
    header .top-line:after {
      display: inline-block;
      width: 100%;
      content: ''; }
    header .top-line > div {
      font-size: 14px;
      display: inline-block;
      vertical-align: middle; }
    header .top-line p {
      line-height: 1em;
      margin: 0; }
  header .phone-block .phone {
    font-size: 28px;
    font-weight: bold; }
    header .phone-block .phone span {
      font-weight: 300; }
  header .phone-block .descript {
    text-align: right;
    color: #666; }
  header .work-time p {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #614aac; }
  header .callback p {
    margin-top: 7px; }
  header .callback .makeQuestion {
    font-weight: 600;
    text-decoration: none;
    color: #614aac;
    border-bottom: 1px dashed #614aac;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
    header .callback .makeQuestion:hover {
      color: #f37923;
      border-bottom: 1px dashed #f37923; }

.benefits {
  padding: 24px 0;
  border-bottom: 1px solid #ebebeb;
  background: #fff; }
  .benefits .wide-block .benefit:last-child, .benefits .thin-block .benefit:last-child {
    margin-bottom: 0; }
  .benefits .benefit {
    position: relative;
    margin-bottom: 0;
    padding: 10px 0 10px 44px;
    opacity: 0.7;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
    .benefits .benefit:hover {
      opacity: 1; }
    .benefits .benefit:before {
      position: absolute;
      top: 50%;
      left: 0;
      display: block;
      margin-top: -16px;
      content: ''; }
  .benefits p {
    margin: 0; }
  .benefits .h-span {
    font-weight: bold; }

/* =======================================
 * NAVIGATION
 * ======================================= */
.top-nav {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  margin-top: 6px;
  background: #9889c9; }
  .top-nav.is_stuck {
    position: fixed !important;
    top: 0 !important;
    bottom: auto !important;
    left: 0;
    margin-top: 0;
    z-index: 999; }
  .top-nav ul {
    font-size: 1px;
    padding: 0;
    list-style: none;
    cursor: default;
    text-align: justify; }
    .top-nav ul:after {
      display: inline-block;
      width: 100%;
      content: ''; }
    .top-nav ul li {
      font-size: 14px;
      display: inline-block;
      padding: 14px 0; }
      .top-nav ul li.active a:after {
        visibility: visible;
        margin-left: 0; }
      .top-nav ul li:first-child a {
        border-radius: 4px;
        background: #614aac; }
      .top-nav ul li a {
        display: block;
        padding: 7px 16px;
        text-decoration: none;
        text-transform: uppercase;
        color: #fff;
        position: relative;
        overflow: hidden; }
        .top-nav ul li a:hover:after {
          visibility: visible;
          margin-left: 0; }
        .top-nav ul li a:after {
          -webkit-transition: all 0.2s ease-out;
          -moz-transition: all 0.2s ease-out;
          -ms-transition: all 0.2s ease-out;
          -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
          content: '';
          width: 100%;
          height: 0;
          border-top: 2px solid #fff;
          display: block;
          margin-left: -150%;
          visibility: hidden; }

/* =======================================
 * SIDEBAR
 * ======================================= */
.sidebar {
  width: 280px;
  height: 100px;
  background: #eee;
  float: left; }

/* =======================================
 * MAIN BLOCK
 * ======================================= */
#content-wrp {
  padding: 40px 0 200px 0; }

main .thin-block {
  margin-top: 80px; }
  main .thin-block .h-span {
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 30px; }
  main .thin-block .map-wrp {
    height: 300px;
    width: 100%; }

#filter form {
  text-align: justify;
  font-size: 1px; }
  #filter form:after {
    content: '';
    display: inline-block;
    width: 100%; }
  #filter form .filter-block {
    display: inline-block;
    vertical-align: top;
    font-size: 14px; }
  #filter form .btn, #filter form .order .buttons button, .order .buttons #filter form button, #filter form .btn-slave {
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 24px; }
#filter .room-count .filter-name {
  margin-bottom: 12px; }
#filter .region select {
  width: 320px; }
#filter .filter-name {
  color: #f37923;
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
  margin-bottom: 6px; }
#filter .filter-values {
  cursor: default; }
  #filter .filter-values .price {
    width: 80px;
    border: 1px solid #b8b8b8;
    border-radius: 4px;
    padding: 4px 10px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
    #filter .filter-values .price:focus {
      border: 1px solid #614aac;
      outline: none; }
  #filter .filter-values label {
    margin-right: 15px; }
    #filter .filter-values label:last-child {
      margin-right: 0; }

.order {
  background: #fff;
  padding: 30px;
  margin-bottom: 50px; }
  .order .label, .order label {
    display: inline-block;
    width: 100%;
    color: #614aac;
    margin: 0 0 6px; }
    .order .label i, .order label i {
      color: #f37923; }
  .order .input-line-wrp {
    margin-top: 20px;
    text-align: center; }
  .order .input-line {
    margin: 0; }
  .order .price-block .label {
    text-transform: uppercase;
    font-size: 17px; }
  .order .price-block .price {
    color: #666;
    font-size: 18px;
    margin: 0;
    line-height: 1em; }
    .order .price-block .price b {
      color: #f37923;
      font-size: 36px;
      font-weight: normal; }
  .order .checkin-block {
    margin-top: 40px; }
    .order .checkin-block .input-wrp {
      float: left;
      width: 45%; }
    .order .checkin-block .input-wrp:last-child {
      float: right; }
    .order .checkin-block input {
      width: 140px; }
  .order .buttons {
    text-align: center;
    margin: 50px 0 0;
    line-height: 2.5em; }
    .order .buttons button {
      width: 220px;
      padding: 10px 10px !important;
      text-transform: uppercase;
      font-weight: bold; }
      .order .buttons button.save {
        background: #b8b8b8; }
        .order .buttons button.save:hover {
          background: #858585; }

#flatlist {
  position: relative; }
  #flatlist > * {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
  #flatlist.loading > * {
    opacity: 0.2; }
  #flatlist.loading:before {
    content: '';
    display: block;
    width: 220px;
    height: 19px;
    background: url(../img/ajaxloader.gif) no-repeat center center;
    position: absolute;
    top: 80px;
    left: 50%;
    margin-left: -110px;
    z-index: 9999;
    opacity: 1 !important; }

/* =======================================
 * FOOTER
 * ======================================= */
footer {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 200px;
  margin-top: -200px;
  padding-top: 25px;
  color: #666;
  border-top: 1px solid #ebebeb;
  background: #efefef; }
  footer .logo img {
    opacity: 0.6;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%); }
  footer .develop {
    text-align: right; }
  footer .container, footer header .top-line, header footer .top-line, footer .top-nav ul, .top-nav footer ul, footer #content-wrp {
    font-size: 1px;
    text-align: justify; }
    footer .container:after, footer header .top-line:after, header footer .top-line:after, footer .top-nav ul:after, .top-nav footer ul:after, footer #content-wrp:after {
      display: inline-block;
      width: 100%;
      content: ''; }
    footer .container > div, footer .container > header .top-line, header footer .container > .top-line, footer .container > .top-nav ul, .top-nav footer .container > ul, footer .container > #content-wrp {
      font-size: 14px;
      display: inline-block;
      vertical-align: middle; }
  footer .room-types {
    font-size: 18px;
    text-transform: uppercase; }
    footer .room-types .btn, footer .room-types .order .buttons button, .order .buttons footer .room-types button, footer .room-types .btn-slave {
      font-weight: normal;
      margin: 0 10px;
      padding: 3px 15px; }
  footer .copytext {
    color: #999999; }
  footer a {
    font-weight: bold;
    color: #4993bd; }

.pre-footer {
  font-size: 28px;
  text-align: center;
  font-style: italic;
  padding-bottom: 40px; }
  .pre-footer .ajax-load {
    color: #4993bd;
    text-decoration: none;
    border-bottom: 1px dashed #4993bd;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
    .pre-footer .ajax-load:hover {
      color: #614aac;
      border-bottom: 1px dashed #614aac; }

/* =======================================
 * BUTTONS
 * ======================================= */
.btn, .order .buttons button, .btn-slave {
  display: inline-block;
  padding: 5px 16px;
  text-decoration: none;
  color: #fff;
  border: 0;
  border-radius: 3px;
  background: #f37923;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }
  .btn:hover, .order .buttons button:hover, .btn-slave:hover {
    background: #d75d0c; }

.btn-slave {
  background: #614aac; }
  .btn-slave:hover {
    background: #3b267e; }

/* =======================================
 * INPUTS
 * ======================================= */
input[type="checkbox"] {
  display: none; }

input[type="checkbox"] + label {
  position: relative;
  display: inline-block;
  padding-left: 1.8em;
  cursor: pointer; }
  input[type="checkbox"] + label:hover:before {
    border: 1px solid #614aac; }
  input[type="checkbox"] + label:before {
    content: '';
    display: inline-block;
    width: 1.3em;
    height: 1.3em;
    border: 1px solid #b8b8b8;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0; }

input[type="checkbox"]:checked + label:before {
  content: '';
  border: 1px solid #614aac; }
input[type="checkbox"]:checked + label:after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 0.9em;
  height: 0.9em;
  background: #8d7cc7;
  left: 0.25em;
  top: 0.25em; }

input[type=date], input[type=text] {
  border-radius: 4px;
  border: 1px solid #b8b8b8;
  padding: 4px 10px; }

.error {
  color: red !important; }

input:focus {
  outline: none;
  border: 1px solid #614aac; }

.input-line {
  margin: 0; }

.popupForm {
  background: black;
  background: -moz-linear-gradient(top, #9889c9 0%, #614aac 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9889c9), color-stop(100%, #614aac));
  background: -webkit-linear-gradient(top, #9889c9 0%, #614aac 100%);
  background: -o-linear-gradient(top, #9889c9 0%, #614aac 100%);
  background: -ms-linear-gradient(top, #9889c9 0%, #614aac 100%);
  background: linear-gradient(to bottom, #9889c9 0%, #614aac 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9889c9', endColorstr='#614aac', GradientType=0 );
  padding: 30px;
  min-width: 400px; }
  .popupForm h2 {
    color: #fff;
    margin-top: 0; }
  .popupForm input[type="text"], .popupForm textarea {
    border: 1px solid #614aac;
    padding: 6px 10px;
    border-radius: 4px;
    width: 250px;
    -webkit-box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
    .popupForm input[type="text"]:focus, .popupForm textarea:focus {
      outline: none;
      border: 1px solid #f37923; }
  .popupForm p {
    margin: 18px 0 0 0; }

.fancybox-inner .good, .fancybox-inner .bad {
  padding: 50px 20px;
  text-align: center;
  margin: 0; }
  .fancybox-inner .good b, .fancybox-inner .bad b {
    font-size: 1.3em; }
.fancybox-inner .good {
  background: #614aac;
  color: #fff; }
.fancybox-inner .bad {
  background: #f37923;
  color: #000; }

/* =======================================
 * LISTS
 * ======================================= */
.catalog-list {
  margin: 40px 0;
  padding: 0;
  list-style: none; }
  .catalog-list li {
    width: 287px;
    height: 390px;
    display: block;
    overflow: hidden;
    position: relative;
    float: left;
    margin: 0 10px 10px 0; }
    .catalog-list li:nth-child(4n+4) {
      margin-right: 0; }
    .catalog-list li > a {
      display: block;
      border: 1px solid #ebebeb;
      width: 100%;
      height: 287px;
      overflow: hidden;
      position: relative;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
      .catalog-list li > a:before {
        content: '';
        height: 103px;
        background: url(../img/flat-top-shadow.png) repeat-x top left;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        opacity: 0.8;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -ms-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out; }
      .catalog-list li > a:after {
        content: '';
        height: 103px;
        background: url(../img/flat-bottom-shadow.png) repeat-x bottom left;
        position: absolute;
        width: 100%;
        bottom: 0px;
        left: 0;
        opacity: 0.8;
        z-index: -1;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -ms-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out; }
      .catalog-list li > a:hover {
        border: 1px solid #f37923; }
        .catalog-list li a:hover img {
          -moz-transform: scale(1.2);
          -webkit-transform: scale(1.2);
          -o-transform: scale(1.2);
          -ms-transform: scale(1.2);
          transform: scale(1.2); }
        .catalog-list li a:hover:after, .catalog-list li a:hover:before {
          opacity: 1; }
    .catalog-list li img {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -2;
      -webkit-transition: 1s 0.2s ease-out;
      -moz-transition: 1s 0.2s ease-out;
      -ms-transition: 1s 0.2s ease-out;
      -o-transition: 1s 0.2s ease-out;
      transition: 1s 0.2s ease-out; }
    .catalog-list li .rooms {
      position: absolute;
      top: 17px;
      left: 17px;
      color: #fff;
      font-size: 12px;
      font-weight: 300;
      text-transform: uppercase; }
      .catalog-list li .rooms b {
        font-size: 36px;
        color: #f37923;
        font-weight: 300;
        line-height: 0.9em; }
    .catalog-list li .price {
      position: absolute;
        bottom: 17px;
        left: 1px;
      color: #333333;
      font-size: 12px;
      text-align: right;
      font-weight: 300;
      text-transform: uppercase; }
      .catalog-list li .price b {
        font-size: 30px;
        color: #f37923;
        font-weight: 300;
        line-height: 0.9em; }
    .catalog-list li .address {
      position: absolute;
      bottom: 54px;
      left: 0px;
      font-size: 12px;
      text-transform: uppercase;
      color: #333;
      padding-left: 30px; }
      .catalog-list li .address .metro {
        font-weight: bold; }
      .catalog-list li .address .metro, .catalog-list li .address .street {
        width: 100%;
        display: inline-block; }
      .catalog-list li .address:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 2px; }

.flat-gallery {
  font-size: 1px;
  width: 682px;
  margin-bottom: 30px; }
  .flat-gallery .img-wrp {
    /* height: 400px; */
    width: 100%;
    overflow: hidden; }
    .flat-gallery .img-wrp a {
      display: block;
      min-width: 100%;
      min-height: 100%; }
    .flat-gallery .img-wrp img {
      min-width: 682px;
      min-height: 400px; }

.thumbs {
  background: #fff;
  padding: 7px;
  border: 1px solid #ebebeb; }
  .thumbs .gallery-item {
    display: block;
    float: left;
    margin-right: 5px; }
    .thumbs .gallery-item a {
      border: 1px solid transparent;
      display: block;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
      width: 100px;
      position: relative;
      overflow: hidden; }
      .thumbs .gallery-item a:after {
        content: '';
        display: block;
        margin-top: 80%; }
      .thumbs .gallery-item a img {
        position: absolute;
        left: 0;
        top: -10%;
        width: 100%; }
      .thumbs .gallery-item a:hover {
        border: 1px solid #f37923; }

.flat-description {
  width: 100%;
  color: #666; }
  .flat-description tr td:first-child {
    text-transform: uppercase;
    font-weight: bold;
    width: 185px; }
  .flat-description td {
    padding: 20px 10px;
    border-bottom: 1px solid #ebebeb; }
  .flat-description ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .flat-description ul.service li {
      width: 100% !important;
      padding: 0 !important; }
    .flat-description ul li {
      display: inline-block;
      vertical-align: top;
      margin-bottom: 10px;
      width: 60%; }
      .flat-description ul li:nth-child(even) {
        width: 35%;
        padding-left: 10px; }
  .flat-description .toggle-extra {
    background: none;
    border: 0;
    color: #4993bd;
    text-decoration: none;
    border-bottom: 1px dashed #4993bd; }
    .flat-description .toggle-extra:focus {
      outline: none; }
    .flat-description .toggle-extra:hover {
      color: #f37923;
      border-bottom: 1px dashed #f37923; }
  .flat-description .extra-option {
    display: none;
    font-style: italic; }

/* =======================================
 * BREAKPOINTS
 * ======================================= */
@media only screen and (min-width: 320px) { }

@media only screen and (min-width: 480px) { }

@media only screen and (min-width: 768px) { }

@media only screen and (min-width: 1024px) { }

@media only screen and (min-width: 1140px) { }

@media only screen and (min-width: 1280px) { }

@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { }

/* =======================================
 * PRINT
 * ======================================= */
@media print {
  @page {
    margin: 0.5cm; }

  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a, a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2, h3 {
    page-break-after: avoid; } }

/* =======================================
 * PLUGINS STYLES
 * ======================================= */
/* =======================================
 * FANCYBOX
 * ======================================= */

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.1.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  font-size: 13px;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0; }

.chosen-container a {
  cursor: pointer; }

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 23px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px; }

.chosen-container-single .chosen-default {
  color: #999; }

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px; }

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('../img/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px; }

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px; }

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px; }

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%; }

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../img/chosen-sprite.png') no-repeat 0px 2px; }

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap; }

.chosen-container-single .chosen-search input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: white url('../img/chosen-sprite.png') no-repeat 100% -20px;
  background: url('../img/chosen-sprite.png') no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0; }

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box; }

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px; }

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch; }

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  -webkit-touch-callout: none; }

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer; }

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default; }

.chosen-container .chosen-results li.highlighted {
  background: #614aac;
  color: #fff; }

.chosen-container .chosen-results li.no-results {
  display: list-item;
  background: #f4f4f4; }

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default; }

.chosen-container .chosen-results li.group-option {
  padding-left: 15px; }

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline; }

.group-result {
  background: #e5e5e5;
  color: #555;
  text-transform: uppercase; }

.all-region {
  font-weight: bold;
  color: #614aac; }

.chosen-container-multi.chosen-container-active .chosen-choices:after {
  content: '';
  width: 11px;
  height: 18px;
  display: block;
  background: url('../img/chosen-sprite.png') -17px 0 no-repeat;
  position: absolute;
  right: 10px;
  top: 5px; }

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 1px 1px;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  border-radius: 4px;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text; }
  .chosen-container-multi .chosen-choices:after {
    content: '';
    width: 11px;
    height: 18px;
    display: block;
    background: url('../img/chosen-sprite.png') 0 0 no-repeat;
    position: absolute;
    right: 10px;
    top: 5px; }

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none; }

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  height: 27px;
  white-space: nowrap; }

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  height: 27px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #666;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0; }

.chosen-container-multi .chosen-choices li.search-field .default {
  color: #999; }

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 0 3px 5px;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  border-radius: 3px;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('../img/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px; }

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666; }

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4; }

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px; }

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0; }

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default; }

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  box-shadow: 0 1px 0 #fff inset; }

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent; }

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px; }

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #111 !important;
  height: 27px; }

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default; }

.chosen-disabled .chosen-single {
  cursor: default; }

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default; }

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right; }

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0; }

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl; }

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px; }

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px; }

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px; }

.chosen-rtl .chosen-choices li {
  float: right; }

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl; }

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px; }

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px; }

.chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop {
  left: 9999px; }

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0; }

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0; }

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none; }

.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url('../img/chosen-sprite.png') no-repeat -30px -20px;
  background: url('../img/chosen-sprite.png') no-repeat -30px -20px;
  direction: rtl; }

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px; }

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px; }

/* @end */
#tl-search-form iframe {
    width: 100% !important;
}
#search-form-container{
    float: none !important;
}
.btn-purple{
    border-radius: 5px;
    background: #614aac;
    padding: 7px 21px;
    position: absolute;
    right: 1px;
    bottom: 17px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.btn-purple:hover{
    background: #755ebf;
}
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
  .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span {
    background-image: url('../img/chosen-sprite@2x.png') !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important; } }

/* @end */
/* =======================================
 * SLICK
 * ======================================= */

 @charset "UTF-8";
body.fancybox-active {
  overflow: hidden; }

body.fancybox-iosfix {
  position: fixed;
  left: 0;
  right: 0; }

.fancybox-is-hidden {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden; }

.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99992;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.fancybox-outer {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.fancybox-is-open .fancybox-bg {
  opacity: 0.87;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption-wrap {
  position: absolute;
  direction: ltr;
  z-index: 99997;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s, visibility 0s linear .25s;
  box-sizing: border-box; }

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption-wrap {
  opacity: 1;
  visibility: visible;
  transition: opacity .25s, visibility 0s; }

.fancybox-infobar {
  top: 0;
  left: 0;
  font-size: 13px;
  padding: 0 10px;
  height: 44px;
  min-width: 44px;
  line-height: 44px;
  color: #ccc;
  text-align: center;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased;
  mix-blend-mode: exclusion; }

.fancybox-toolbar {
  top: 0;
  right: 0;
  margin: 0;
  padding: 0; }

.fancybox-stage {
  overflow: hidden;
  direction: ltr;
  z-index: 99994;
  -webkit-transform: translate3d(0, 0, 0); }

.fancybox-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  outline: none;
  white-space: normal;
  box-sizing: border-box;
  text-align: center;
  z-index: 99994;
  -webkit-overflow-scrolling: touch;
  display: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform; }

.fancybox-slide::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0; }

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block; }

.fancybox-slide--image {
  overflow: visible; }

.fancybox-slide--image::before {
  display: none; }

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
  background: #000; }

.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
  background: #E5E3DF; }

.fancybox-slide--next {
  z-index: 99995; }

.fancybox-slide > * {
  display: inline-block;
  position: relative;
  padding: 24px;
  margin: 44px 0 44px;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  box-sizing: border-box; }

.fancybox-slide > title,
.fancybox-slide > style,
.fancybox-slide > meta,
.fancybox-slide > link,
.fancybox-slide > script,
.fancybox-slide > base {
  display: none; }

.fancybox-slide .fancybox-image-wrap {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fancybox-can-zoomOut .fancybox-image-wrap {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-image-wrap {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.fancybox-can-drag .fancybox-image-wrap {
  cursor: -webkit-grab;
  cursor: grab; }

.fancybox-is-dragging .fancybox-image-wrap {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.fancybox-image,
.fancybox-spaceball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: none;
  max-height: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fancybox-spaceball {
  z-index: 1; }

.fancybox-slide--iframe .fancybox-content {
  padding: 0;
  width: 80%;
  height: 80%;
  max-width: calc(100% - 100px);
  max-height: calc(100% - 88px);
  overflow: visible;
  background: #fff; }

.fancybox-iframe {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  background: #fff; }

.fancybox-error {
  margin: 0;
  padding: 40px;
  width: 100%;
  max-width: 380px;
  background: #fff;
  cursor: default; }

.fancybox-error p {
  margin: 0;
  padding: 0;
  color: #444;
  font-size: 16px;
  line-height: 20px; }

/* Buttons */
.fancybox-button {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 10px;
  border: 0;
  border-radius: 0;
  background: rgba(30, 30, 30, 0.6);
  color: #ccc;
  transition: color .3s ease;
  cursor: pointer; }

.fancybox-button[disabled] {
  cursor: default;
  opacity: 0.6; }

.fancybox-button:hover:not([disabled]) {
  color: #fff; }

.fancybox-button svg {
  display: block;
  position: relative;
  overflow: visible;
  shape-rendering: geometricPrecision; }

.fancybox-button svg path {
  fill: currentColor;
  stroke: currentColor;
  stroke-linejoin: round;
  stroke-width: 3; }

.fancybox-button--share svg path {
  stroke-width: 1; }

.fancybox-button--play svg path:nth-child(2) {
  display: none; }

.fancybox-button--pause svg path:nth-child(1) {
  display: none; }

/* Navigation arrows */
.fancybox-navigation {
  display: none; }

.fancybox-show-nav .fancybox-navigation {
  display: block; }

.fancybox-navigation button {
  position: absolute;
  top: 50%;
  margin: -50px 0 0 0;
  z-index: 99997;
  background: transparent;
  width: 60px;
  height: 100px;
  padding: 17px; }

.fancybox-navigation button:before {
  content: "";
  position: absolute;
  top: 30px;
  right: 10px;
  width: 40px;
  height: 40px;
  background: rgba(30, 30, 30, 0.6); }

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0; }

.fancybox-navigation .fancybox-button--arrow_right {
  right: 0; }

/* Close button on the top right corner of html content */
.fancybox-close-small {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  z-index: 10;
  cursor: pointer; }

.fancybox-close-small:after {
  content: "\2716";
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
  color: #fff;
  font-weight: 300;
  text-align: center;
  border-radius: 50%;
  border-width: 0;
  background-color: transparent;
  transition: background-color .25s;
  box-sizing: border-box;
  z-index: 2; }

.fancybox-close-small:focus {
  outline: none; }

.fancybox-close-small:focus:after {
  outline: 1px dotted #888; }

.fancybox-close-small:hover:after {
  color: #555;
  background: #eee; }

.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--iframe .fancybox-close-small {
  top: 0;
  right: -44px; }

.fancybox-slide--image .fancybox-close-small:after,
.fancybox-slide--iframe .fancybox-close-small:after {
  font-size: 35px;
  color: #aaa; }

.fancybox-slide--image .fancybox-close-small:hover:after,
.fancybox-slide--iframe .fancybox-close-small:hover:after {
  color: #fff;
  background: transparent; }

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
  display: none; }

/* Caption */
.fancybox-caption-wrap {
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 2vw 0 2vw;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
  pointer-events: none; }

.fancybox-caption {
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  -webkit-text-size-adjust: none; }

.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
  pointer-events: all;
  position: relative;
  /* Fix IE11 */ }

.fancybox-caption a {
  color: #fff;
  text-decoration: underline; }

/* Loading indicator */
.fancybox-slide > .fancybox-loading {
  border: 6px solid rgba(100, 100, 100, 0.4);
  border-top: 6px solid rgba(255, 255, 255, 0.6);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  -webkit-animation: fancybox-rotate .8s infinite linear;
  animation: fancybox-rotate .8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  z-index: 99999; }

@-webkit-keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }

.fancybox-fx-slide.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  opacity: 0; }

.fancybox-fx-slide.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1; }

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1; }

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5);
  opacity: 0; }

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0; }

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1; }

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
  opacity: 0; }

.fancybox-fx-rotate.fancybox-slide--next {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  opacity: 0; }

.fancybox-fx-rotate.fancybox-slide--current {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 1; }

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  opacity: 0; }

.fancybox-fx-circular.fancybox-slide--next {
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  opacity: 0; }

.fancybox-fx-circular.fancybox-slide--current {
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  opacity: 1; }

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1); }

/* Share */
.fancybox-share {
  padding: 30px;
  border-radius: 3px;
  background: #f4f4f4;
  max-width: 90%; }

.fancybox-share h1 {
  color: #222;
  margin: 0 0 20px 0;
  font-size: 33px;
  font-weight: 700;
  text-align: center; }

.fancybox-share p {
  margin: 0;
  padding: 0;
  text-align: center; }

.fancybox-share_button {
  display: inline-block;
  text-decoration: none;
  margin: 0 10px 10px 0;
  padding: 10px 20px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  background: #fff;
  white-space: nowrap;
  font-size: 16px;
  line-height: 23px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-width: 140px;
  color: #888;
  transition: all .2s; }

.fancybox-share_button:focus,
.fancybox-share_button:hover {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  text-decoration: none;
  color: #555; }

.fancybox-share_button svg {
  margin-right: 5px;
  width: 23px;
  height: 23px;
  vertical-align: top; }

/* Thumbs */
.fancybox-thumbs {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 212px;
  margin: 0;
  padding: 2px;
  background: #fff;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  box-sizing: border-box;
  z-index: 99995; }

.fancybox-show-thumbs .fancybox-thumbs {
  display: block; }

.fancybox-show-thumbs .fancybox-inner {
  right: 212px; }

.fancybox-thumbs > ul {
  list-style: none;
  position: absolute;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0;
  white-space: nowrap; }

.fancybox-thumbs > ul > li {
  float: left;
  overflow: hidden;
  padding: 0;
  margin: 2px;
  width: 100px;
  height: 75px;
  max-width: calc(50% - 4px);
  max-height: calc(100% - 8px);
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box; }

li.fancybox-thumbs-loading {
  background: rgba(0, 0, 0, 0.1); }

.fancybox-thumbs > ul > li > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  max-height: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fancybox-thumbs > ul > li:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 4px solid #4ea7f9;
  z-index: 99991;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
  opacity: 1; }

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-thumbs {
    width: 110px; }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px; }
  .fancybox-thumbs > ul > li {
    max-width: calc(100% - 10px); } }