@charset "UTF-8";

/*------------------------------------------------------------------
  * Brand color ($brandColor): #342f2c
  * Highlight color ($highlightColor): #c79c58
  * Highlight Color Dark ($highlightColorDark): #a37936
  * Default Color ($defaultColor): #2c3e50
  * Footer HeadColor ($brandHighlightColor): $highlightColor
  * Banner Line Color ($highlightColorOnDark): $highlightColor
  * On Brand Color ($onBrandColor): #fff
  @mixin =============================================================*/

/*------------------------------------------------------------------
  * [Master Stylesheet]

  * Project:	RealtySpace
  * Version:	1.1
  * Documantation online http://realtyspace.readthedocs.org/en/latest/index.html
  * Table of contens:
    + Header / .header
    + Site / .site
    + Center / .center
    + Main / .main
    + Authorization / .auth
    + Banner / .banner
    + Breadcrumbs / .breadcrumbs
    + Contacts / .contacts
    + Comment / .comment
    + Dropdown / .dropdown
    + Scroll Up Button / .scrollup
    + Social / .social
    + Region Select / .region-select
    + FAQ / .faq
    + Footer / .footer
    + Listing / .listing
    + Navbar / .navabar
    + Form property / .form-property
    + Property Details / .property
    + Address / .address
    + Article / .article
    + Feature / .feature
    + Form / .form
    + Map / .map
    + Nav / .nav
    + Partners / .partners
    + Pricing / .pricing
    + Properites / .properties
    + Review / .review
    + Search / .search
    + Slider / .slider
    + Subscribe / .subscribe
    + Worker / .worker
    + Article categories / .article-categories
    + Gosubmit / .gosubmit
  * Vendor styles:
    + Colorbox Core / #colorbox
    + Bonsai / .bonsai
    + Leaflet / .leaflet
    + PhotoSwipe / .pswp
    + RangeSlider / .irs
    + Slick-slider / .slick-slider
    + Pnotify / .ui-pnotify

  @mixin =============================================================*/

/*------------------------------------------------------------------
  * Brand color ($brandColor): #00bbaa
  * Brand color dark ($brandColorDark): darken($brandColor, 10%)
  * Highlight color ($highlightColor): #f3bc65
  * Highlight Color Dark ($highlightColorDark): #d99221
  * Default Color ($defaultColor): #2c3e50
  * Gray Color ($grayColor): #a6a6a6
  * Footer HeadColor ($brandHighlightColor): $brandColor
  * Footer Social Color ($footerSocialColor): $brandHighlightColor
  * Banner Line Color ($highlightColorOnDark): $brandColor
  * On Brand Color ($onBrandColor): $defaultColor
  * Button Color ($buttonColor): #222

  * Brand Color Hover ($brandColorHover: lighten($brandColor, 10%)
  * Highlight Color Hover ($highlightColorHover: lighten($highlightColor, 15%)
  * PlaceholderColorOnDark ($placeholderColorOnDark): #bebebe

  * Link color ($link-color): $brandColor
  * Link hover color ($link-hover-color): $brandColorHover
  * Link hover decoration ($link-hover-decoration): underline

  * Footer Color ($footerColor): #bebebe

  * Succes Color ($succesColor): $brandColor
  * Warning Color ($warningColor): #f3bc65
  * Danger Color ($dangerColor): #e95b35

  @mixin =============================================================*/

header, header * {
    transition: 0.5s all ease;
}

body {
    background: #f6f6f6;
}

a {
    color: #342f2c;
    text-decoration: none;
}

a.hover,
a:hover {
    color: #774f10;
}

a.focus,
a:focus {
    /*color: #c79c58;*/
    color:inherit;
}

a.active,
a:active {
    /*color: #c79c58;*/
    color:inherit;
    text-decoration: none;
}

a.disabled,
a:disabled {
    cursor: not-allowed;
    color: #ccc;
}

p {
    color: #606e7c;
}

/*------------------------------------------------------------------
  * Font family ($font-family-sans-serif): "Source Sans Pro", sans-serif
  * Grid gutter width ($grid-gutter-width): 30px
  * Container width ($container-large-desktop): 1170px + $grid-gutter-width
  * Text Color ($text-color): $defaultColor
  * Font size base ($font-size-base): 15px
  * Line height base ($line-height-base): 1.6
  * Padding base vertical ($padding-base-vertical): 6px
  @mixin =============================================================*/

@font-face {
    font-family: "Montserrat Thin";
    src: url("../fonts/montserrat/montserrat-thin.eot");
    src: url("../fonts/montserrat/montserrat-thin.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/montserrat-thin.woff") format("woff"), url("../fonts/montserrat/montserrat-thin.ttf") format("truetype"), url("../fonts/montserrat/montserrat-thin.svg") format("svg");
    font-weight: 200;
    font-style: normal;
}

@-webkit-keyframes wobble-reverse {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(25%) rotate(5deg);
        transform: translateX(25%) rotate(5deg);
    }

    30% {
        -webkit-transform: translateX(-20%) rotate(-3deg);
        transform: translateX(-20%) rotate(-3deg);
    }

    45% {
        -webkit-transform: translateX(15%) rotate(3deg);
        transform: translateX(15%) rotate(3deg);
    }

    60% {
        -webkit-transform: translateX(-10%) rotate(-2deg);
        transform: translateX(-10%) rotate(-2deg);
    }

    75% {
        -webkit-transform: translateX(5%) rotate(1deg);
        transform: translateX(5%) rotate(1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes wobble-reverse {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(25%) rotate(5deg);
        transform: translateX(25%) rotate(5deg);
    }

    30% {
        -webkit-transform: translateX(-20%) rotate(-3deg);
        transform: translateX(-20%) rotate(-3deg);
    }

    45% {
        -webkit-transform: translateX(15%) rotate(3deg);
        transform: translateX(15%) rotate(3deg);
    }

    60% {
        -webkit-transform: translateX(-10%) rotate(-2deg);
        transform: translateX(-10%) rotate(-2deg);
    }

    75% {
        -webkit-transform: translateX(5%) rotate(1deg);
        transform: translateX(5%) rotate(1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

select {
    display: block;
    width: 100%;
    padding: 6px 20px;
    font-size: 16px;
    border-radius: 0 !important;
    border-color: #d6d6d6;
}

[class*="block-grid-"] {
    display: block;
    margin: -15px;
    padding: 0;
}

[class*="block-grid-"]:before,
[class*="block-grid-"]:after {
    content: " ";
    display: table;
}

[class*="block-grid-"]:after {
    clear: both;
}

.block-grid-item {
    display: inline;
    margin: 0;
    padding: 15px;
    height: auto;
    float: left;
    list-style: none;
}

.block-grid-xs-1 > .block-grid-item {
    width: 100%;
}

.block-grid-xs-1 > .block-grid-item:nth-of-type(n) {
    clear: none;
}

.block-grid-xs-1 > .block-grid-item:nth-of-type(1n+1) {
    clear: both;
}

.block-grid-xs-2 > .block-grid-item {
    width: 50%;
}

.block-grid-xs-2 > .block-grid-item:nth-of-type(n) {
    clear: none;
}

.block-grid-xs-2 > .block-grid-item:nth-of-type(2n+1) {
    clear: both;
}

.block-grid-xs-3 > .block-grid-item {
    width: 33.33333%;
}

.block-grid-xs-3 > .block-grid-item:nth-of-type(n) {
    clear: none;
}

.block-grid-xs-3 > .block-grid-item:nth-of-type(3n+1) {
    clear: both;
}

.block-grid-xs-4 > .block-grid-item {
    width: 25%;
}

.block-grid-xs-4 > .block-grid-item:nth-of-type(n) {
    clear: none;
}

.block-grid-xs-4 > .block-grid-item:nth-of-type(4n+1) {
    clear: both;
}

.block-grid-xs-5 > .block-grid-item {
    width: 20%;
}

.block-grid-xs-5 > .block-grid-item:nth-of-type(n) {
    clear: none;
}

.block-grid-xs-5 > .block-grid-item:nth-of-type(5n+1) {
    clear: both;
}

.block-grid-xs-6 > .block-grid-item {
    width: 16.66667%;
}

.block-grid-xs-6 > .block-grid-item:nth-of-type(n) {
    clear: none;
}

.block-grid-xs-6 > .block-grid-item:nth-of-type(6n+1) {
    clear: both;
}

.block-grid-xs-7 > .block-grid-item {
    width: 14.28571%;
}

.block-grid-xs-7 > .block-grid-item:nth-of-type(n) {
    clear: none;
}

.block-grid-xs-7 > .block-grid-item:nth-of-type(7n+1) {
    clear: both;
}

.block-grid-xs-8 > .block-grid-item {
    width: 12.5%;
}

.block-grid-xs-8 > .block-grid-item:nth-of-type(n) {
    clear: none;
}

.block-grid-xs-8 > .block-grid-item:nth-of-type(8n+1) {
    clear: both;
}

.block-grid-xs-9 > .block-grid-item {
    width: 11.11111%;
}

.block-grid-xs-9 > .block-grid-item:nth-of-type(n) {
    clear: none;
}

.block-grid-xs-9 > .block-grid-item:nth-of-type(9n+1) {
    clear: both;
}

.block-grid-xs-10 > .block-grid-item {
    width: 10%;
}

.block-grid-xs-10 > .block-grid-item:nth-of-type(n) {
    clear: none;
}

.block-grid-xs-10 > .block-grid-item:nth-of-type(10n+1) {
    clear: both;
}

.block-grid-xs-11 > .block-grid-item {
    width: 9.09091%;
}

.block-grid-xs-11 > .block-grid-item:nth-of-type(n) {
    clear: none;
}

.block-grid-xs-11 > .block-grid-item:nth-of-type(11n+1) {
    clear: both;
}

.block-grid-xs-12 > .block-grid-item {
    width: 8.33333%;
}

.block-grid-xs-12 > .block-grid-item:nth-of-type(n) {
    clear: none;
}

.block-grid-xs-12 > .block-grid-item:nth-of-type(12n+1) {
    clear: both;
}

@media (min-width: 768px) {
    .block-grid-sm-1 > .block-grid-item {
        width: 100%;
    }

    .block-grid-sm-1 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-sm-1 > .block-grid-item:nth-of-type(1n+1) {
        clear: both;
    }

    .block-grid-sm-2 > .block-grid-item {
        width: 50%;
    }

    .block-grid-sm-2 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-sm-2 > .block-grid-item:nth-of-type(2n+1) {
        clear: both;
    }

    .block-grid-sm-3 > .block-grid-item {
        width: 33.33333%;
    }

    .block-grid-sm-3 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-sm-3 > .block-grid-item:nth-of-type(3n+1) {
        clear: both;
    }

    .block-grid-sm-4 > .block-grid-item {
        width: 25%;
    }

    .block-grid-sm-4 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-sm-4 > .block-grid-item:nth-of-type(4n+1) {
        clear: both;
    }

    .block-grid-sm-5 > .block-grid-item {
        width: 20%;
    }

    .block-grid-sm-5 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-sm-5 > .block-grid-item:nth-of-type(5n+1) {
        clear: both;
    }

    .block-grid-sm-6 > .block-grid-item {
        width: 16.66667%;
    }

    .block-grid-sm-6 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-sm-6 > .block-grid-item:nth-of-type(6n+1) {
        clear: both;
    }

    .block-grid-sm-7 > .block-grid-item {
        width: 14.28571%;
    }

    .block-grid-sm-7 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-sm-7 > .block-grid-item:nth-of-type(7n+1) {
        clear: both;
    }

    .block-grid-sm-8 > .block-grid-item {
        width: 12.5%;
    }

    .block-grid-sm-8 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-sm-8 > .block-grid-item:nth-of-type(8n+1) {
        clear: both;
    }

    .block-grid-sm-9 > .block-grid-item {
        width: 11.11111%;
    }

    .block-grid-sm-9 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-sm-9 > .block-grid-item:nth-of-type(9n+1) {
        clear: both;
    }

    .block-grid-sm-10 > .block-grid-item {
        width: 10%;
    }

    .block-grid-sm-10 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-sm-10 > .block-grid-item:nth-of-type(10n+1) {
        clear: both;
    }

    .block-grid-sm-11 > .block-grid-item {
        width: 9.09091%;
    }

    .block-grid-sm-11 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-sm-11 > .block-grid-item:nth-of-type(11n+1) {
        clear: both;
    }

    .block-grid-sm-12 > .block-grid-item {
        width: 8.33333%;
    }

    .block-grid-sm-12 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-sm-12 > .block-grid-item:nth-of-type(12n+1) {
        clear: both;
    }
}

@media (min-width: 992px) {
    .block-grid-md-1 > .block-grid-item {
        width: 100%;
    }

    .block-grid-md-1 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-md-1 > .block-grid-item:nth-of-type(1n+1) {
        clear: both;
    }

    .block-grid-md-2 > .block-grid-item {
        width: 50%;
    }

    .block-grid-md-2 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-md-2 > .block-grid-item:nth-of-type(2n+1) {
        clear: both;
    }

    .block-grid-md-3 > .block-grid-item {
        width: 33.33333%;
    }

    .block-grid-md-3 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-md-3 > .block-grid-item:nth-of-type(3n+1) {
        clear: both;
    }

    .block-grid-md-4 > .block-grid-item {
        width: 25%;
    }

    .block-grid-md-4 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-md-4 > .block-grid-item:nth-of-type(4n+1) {
        clear: both;
    }

    .block-grid-md-5 > .block-grid-item {
        width: 20%;
    }

    .block-grid-md-5 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-md-5 > .block-grid-item:nth-of-type(5n+1) {
        clear: both;
    }

    .block-grid-md-6 > .block-grid-item {
        width: 16.66667%;
    }

    .block-grid-md-6 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-md-6 > .block-grid-item:nth-of-type(6n+1) {
        clear: both;
    }

    .block-grid-md-7 > .block-grid-item {
        width: 14.28571%;
    }

    .block-grid-md-7 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-md-7 > .block-grid-item:nth-of-type(7n+1) {
        clear: both;
    }

    .block-grid-md-8 > .block-grid-item {
        width: 12.5%;
    }

    .block-grid-md-8 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-md-8 > .block-grid-item:nth-of-type(8n+1) {
        clear: both;
    }

    .block-grid-md-9 > .block-grid-item {
        width: 11.11111%;
    }

    .block-grid-md-9 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-md-9 > .block-grid-item:nth-of-type(9n+1) {
        clear: both;
    }

    .block-grid-md-10 > .block-grid-item {
        width: 10%;
    }

    .block-grid-md-10 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-md-10 > .block-grid-item:nth-of-type(10n+1) {
        clear: both;
    }

    .block-grid-md-11 > .block-grid-item {
        width: 9.09091%;
    }

    .block-grid-md-11 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-md-11 > .block-grid-item:nth-of-type(11n+1) {
        clear: both;
    }

    .block-grid-md-12 > .block-grid-item {
        width: 8.33333%;
    }

    .block-grid-md-12 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-md-12 > .block-grid-item:nth-of-type(12n+1) {
        clear: both;
    }
}

@media (min-width: 1200px) {
    .block-grid-lg-1 > .block-grid-item {
        width: 100%;
    }

    .block-grid-lg-1 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-lg-1 > .block-grid-item:nth-of-type(1n+1) {
        clear: both;
    }

    .block-grid-lg-2 > .block-grid-item {
        width: 50%;
    }

    .block-grid-lg-2 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-lg-2 > .block-grid-item:nth-of-type(2n+1) {
        clear: both;
    }

    .block-grid-lg-3 > .block-grid-item {
        width: 33.33333%;
    }

    .block-grid-lg-3 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-lg-3 > .block-grid-item:nth-of-type(3n+1) {
        clear: both;
    }

    .block-grid-lg-4 > .block-grid-item {
        width: 25%;
    }

    .block-grid-lg-4 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-lg-4 > .block-grid-item:nth-of-type(4n+1) {
        clear: both;
    }

    .block-grid-lg-5 > .block-grid-item {
        width: 20%;
    }

    .block-grid-lg-5 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-lg-5 > .block-grid-item:nth-of-type(5n+1) {
        clear: both;
    }

    .block-grid-lg-6 > .block-grid-item {
        width: 16.66667%;
    }

    .block-grid-lg-6 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-lg-6 > .block-grid-item:nth-of-type(6n+1) {
        clear: both;
    }

    .block-grid-lg-7 > .block-grid-item {
        width: 14.28571%;
    }

    .block-grid-lg-7 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-lg-7 > .block-grid-item:nth-of-type(7n+1) {
        clear: both;
    }

    .block-grid-lg-8 > .block-grid-item {
        width: 12.5%;
    }

    .block-grid-lg-8 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-lg-8 > .block-grid-item:nth-of-type(8n+1) {
        clear: both;
    }

    .block-grid-lg-9 > .block-grid-item {
        width: 11.11111%;
    }

    .block-grid-lg-9 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-lg-9 > .block-grid-item:nth-of-type(9n+1) {
        clear: both;
    }

    .block-grid-lg-10 > .block-grid-item {
        width: 10%;
    }

    .block-grid-lg-10 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-lg-10 > .block-grid-item:nth-of-type(10n+1) {
        clear: both;
    }

    .block-grid-lg-11 > .block-grid-item {
        width: 9.09091%;
    }

    .block-grid-lg-11 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-lg-11 > .block-grid-item:nth-of-type(11n+1) {
        clear: both;
    }

    .block-grid-lg-12 > .block-grid-item {
        width: 8.33333%;
    }

    .block-grid-lg-12 > .block-grid-item:nth-of-type(n) {
        clear: none;
    }

    .block-grid-lg-12 > .block-grid-item:nth-of-type(12n+1) {
        clear: both;
    }
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes moveUp {
    0% {
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@-webkit-keyframes scaleFromUp {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scaleFromUp {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/*------------------------------------------------------------------
  * Pagination (multiple pages)
  @mixin =============================================================*/

.pagination-custom {
    display: block;
    padding-left: 0;
    margin: 0;
    line-height: 1;
}

.pagination-custom > li {
    display: inline-block;
    margin: 0 5px 0 0;
}

.pagination-custom > li:last-child {
    margin-right: 0;
}

.pagination-custom > li > span {
    position: relative;
    float: left;
    padding: 6px 5px;
    line-height: 1.6;
    text-decoration: none;
    color: #2c3e50;
    margin-left: -1px;
}

.pagination-custom > li > a {
    position: relative;
    float: left;
    padding: 6px 5px;
    min-width: 33px;
    line-height: 1.6;
    text-decoration: none;
    color: #2c3e50;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
    text-align: center;
}

.pagination-custom > li:first-child > a,
.pagination-custom > li:first-child > span {
    margin-left: 0;
}

@media (max-width: 767px) {
    .pagination-custom > li.active-before,
    .pagination-custom > li.active-after {
        display: none;
    }
}

.pagination-custom > li > a:hover,
.pagination-custom > li > a:focus {
    color: #c79c58;
    background-color: none;
    border-color: #c79c58;
}

.pagination-custom > .active > a,
.pagination-custom > .active > span {
    min-width: 33px;
    text-align: center;
    position: relative;
    top: -1px;
}

.pagination-custom > .active > a,
.pagination-custom > .active > a:hover,
.pagination-custom > .active > a:focus,
.pagination-custom > .active > span,
.pagination-custom > .active > span:hover,
.pagination-custom > .active > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #c79c58;
    border-color: #c79c58;
    cursor: default;
}

.pagination-custom > .disabled > span,
.pagination-custom > .disabled > span:hover,
.pagination-custom > .disabled > span:focus,
.pagination-custom > .disabled > a,
.pagination-custom > .disabled > a:hover,
.pagination-custom > .disabled > a:focus {
    color: #ccc;
    background-color: none;
    border-color: none;
    cursor: not-allowed;
}

/*------------------------------------------------------------------
  * Effects for:
  * Dropdown menu
  * Slider caption
  * Hover on photos
  @mixin =============================================================*/

.hover-default .item-photo {
    position: relative;
    overflow: hidden;
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.hover-default .item-photo img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.35s;
    transition: 0.35s;
}

@media (min-width: 1200px) {
    .hover-default .item-photo:hover .item-photo__hover {
        opacity: 1;
    }

    .hover-default .item-photo:hover .item-photo__more {
        opacity: 1;
    }

    .hover-default .item-photo:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.hover-default .item-photo__hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    -webkit-transition: 0.35s;
    transition: 0.35s;
}

.hover-default .item-photo__hover--params {
    top: 0;
    padding: 15px 30px 5px 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.hover-default .item-photo__hover--bottom {
    top: auto;
    padding: 15px 30px 5px 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.hover-default .item-photo__more {
    margin: -15px 0 0 -50px;
    top: 50%;
    position: absolute;
    left: 50%;
    width: 100px;
    display: block;
    text-align: center;
    border: 2px solid #fff;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    padding: 3px 0;
    opacity: .3;
    -webkit-transition: 0.35s;
    transition: 0.35s;
}

.hover-default .item-photo__more:hover,
.hover-default .item-photo__more.hover {
    color: #c79c58;
    border: 2px solid #c79c58;
}

.hover-default .item-photo__more:active,
.hover-default .item-photo__more.active {
    color: #fff;
    background: #c79c58;
}

.hover-default .item-photo__more:disabled,
.hover-default .item-photo__more.disabled {
    color: #ccc;
    border: 2px solid #ccc;
    cursor: not-allowed;
}

.hover-default .item-photo--static:hover img {
    width: 100%;
    max-width: 100%;
}

.hover-default .worker--sidebar .item-photo__more {
    margin: -15px 0 0 -25px;
    width: 50px;
}

/*------------------------------------------------------------------
  * Chekbox and radio css only customization
  * This structure is accpeted
  * <label class='in-label'>
  *   <input type='checkbox' class='in-checkbox'> Option Label
  * </label>
  @mixin =============================================================*/

label.in-label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 24px;
    padding-top: 3px;
    font-weight: normal;
}

input[type=radio].in-radio,
input[type=checkbox].in-checkbox {
    display: none;
}

label.in-label:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    position: absolute;
    left: 1px;
    top: 6px;
    background-color: #fff;
    border: 1px solid #b3b3b3;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

input[type=radio].in-radio + label:before {
    border-radius: 15px;
    width: 15px;
    height: 15px;
}

label.in-label.in-label--expander:before {
    content: '+';
    color: #fff;
    background: #858585;
    font-size: 25px;
    line-height: 0.6;
}

label.in-label.in-label--expander.active:before {
    content: '-';
    color: #fff;
    background: #006FCD;
    font-size: 39px;
    line-height: 0.2;
    border: 1px solid #0F5EA1;
    text-align: center;
}

input[type=radio].in-radio:checked + label:before {
    font-size: 8px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    color: #342f2c;
    text-align: center;
    line-height: 13px;
    border: 1px solid #b3b3b3;
    border-radius: 15px;
}

input[type=checkbox].in-checkbox:checked + label:before {
    font-family: 'Glyphicons Halflings';
    content: "\e013";
    font-size: 8px;
    color: #2c3e50;
    text-align: center;
    line-height: 18px;
}

input[type=checkbox].in-checkbox:indeterminate + label:before {
    font-size: 8px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    font-size: 8px;
    color: #2c3e50;
    text-align: center;
    line-height: 18px;
}

/*------------------------------------------------------------------
  * Common elements styles on the page
  + Site / .site
    __ Title / .site__title
    __ headline / .site__headline
    __ panel / .site__panel
    __ content / .site__content
  @mixin =============================================================*/

.site {
    padding-left: 15px;
    padding-right: 15px;
}

.site__title {
    font-size: 31px;
    color: #2c3e50;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    margin: 40px 0 0;
    text-align: left;
}

.sidebar .site__title {
    font-size: 34px;
}

.footer .site__title {
    font-family: "Source Sans Pro", sans-serif;
}

@media (max-width: 767px) {
    .site__title {
        font-size: 26px;
    }

    .sidebar .site__title {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .site__title {
        text-align: center;
    }
}

.site__title--slider {
    margin: 0 0 50px;
    text-align: center;
}

@media (max-width: 767px) {
    .site__title--slider {
        margin-bottom: 20px;
    }
}

.site__title--center {
    text-align: center;
}

.site__headline {
    font-size: 14px;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 0;
    line-height: 2;
    text-align: center;
    margin: 4px 0 0 0;
    min-height: 42px;
    text-align: left;
}

.site__headline strong {
    font-weight: 600;
}

@media (max-width: 767px) {
    .site__headline {
        font-size: 14px;
        margin-top: 25px;
        line-height: 1.4;
        min-height: auto;
    }
}

.sidebar .site__headline {
    margin: 4px 0 0;
}

@media (max-width: 767px) {
    .site__headline {
        margin-bottom: 0;
        margin-top: 12px;
        text-align: center;
    }
}

.site__panel {
    background: #342f2c;
    color: #2c3e50;
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .site__panel {
        margin-top: 30px;
    }
}

.site__panel .control-label {
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    margin: 3px 10px 0 0;
    float: left;
    display: inline-block;
}

@media (max-width: 1199px) {
    .site__panel .control-label {
        display: block;
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .site__panel .control-label {
        display: inline-block;
        margin-top: 3px;
    }
}

.site__panel .form-group {
    margin-bottom: 0;
}

.site__panel .btn--white {
    color: #fff;
}

.site__header-text {
    width: 100%;
}

.site__header-text a {
    color: #fff;
    text-decoration: underline;
    margin-left: 3px;
}

.site__header-text a:hover {
    text-decoration: underline;
}

.site__filter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.site__filter .form-control--select {
    width: 200px;
    display: inline-block;
}

.site__filter .form-group:not(:first-of-type) {
    margin-left: 20px;
}

@media (max-width: 1199px) {
    .site__filter .form-group:not(:first-of-type) {
        margin-left: 0;
    }
}

.site__filter .select2-container {
    margin-top: 2px;
    margin-right: 20px;
}

.site__subtitle {
    font-size: 46px;
    color: #2c3e50;
    font-weight: 600;
    text-transform: uppercase;
    margin: 28px 0 0;
    border-bottom: 1px solid #d0d0d0;
    padding: 0 0 21px 0;
}

.site__content {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .site__content {
        width: 66.66667%;
    }
}

@media (min-width: 1200px) {
    .site__content {
        width: 75%;
    }
}

@media (max-width: 767px) {
    .site__content {
        padding: 0;
    }
}

.site__widget {
    border-top: 1px solid #d6d6d6;
}

.site--dashboard {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    margin-top: 40px;
}

@media (min-width: 768px) {
    .site--dashboard {
        width: 66.66667%;
    }
}

@media (min-width: 1200px) {
    .site--dashboard {
        width: 75%;
    }
}

.site--main {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}

@media (min-width: 768px) {
    .site--main {
        width: 66.66667%;
    }
}

/*@media (min-width: 1200px) {
    .site--main {
        width: 75%;
    }
}*/

.site--main:before,
.site--main:after {
    content: " ";
    display: table;
}

.site--main:after {
    clear: both;
}

@media (max-width: 767px) {
    .site--main {
        float: none;
    }
}

.site--main .site__main:before,
.site--main .site__main:after {
    content: " ";
    display: table;
}

.site--main .site__main:after {
    clear: both;
}

.site--main .site__header-text {
    color: #fff;
    display: block;
    font-weight: 600;
}

.button__action {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    border: none;
    border-bottom: 4px solid #a37936;
    background: #c79c58;
    color: #222;
}

.button__action:hover,
.button__action:focus,
.button__action.active {
    color: #333;
    text-decoration: none;
    outline: none;
}

.button__action:disabled,
.button__action.disabled {
    cursor: not-allowed;
}

.button__action.progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.button__action:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.button__action.button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.button__action.has-error,
.button__action.error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.button__action.has-error:after,
.button__action.error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.button__action.has-success,
.button__action.success {
    color: transparent !important;
}

.button__action.has-success:after,
.button__action.success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .button__action.button--loading:before {
    content: "";
}

.button--loading-refresh .button__action.button--loading:before {
    content: "";
}

.button--loading-spinner .button__action.button--loading:before {
    content: "";
}

.button__action.hover,
.button__action:hover {
    border-bottom: 4px solid #c79c58;
    color: #222;
}

.button__action:active,
.button__action.active {
    border-top: 4px solid #a37936;
    border-bottom: none;
    color: #222;
}

.button__action:disabled,
.button__action.disabled {
    color: #ccc;
    background: #efefef;
    border-bottom: 4px solid #dedede;
}

.button__more {
    position: relative;
    border: 1px solid #d6d6d6;
    text-align: center;
    display: block;
    padding: 7px 20px;
    text-transform: uppercase;
    color: #2c3e50;
    text-decoration: none;
    vertical-align: middle;
    line-height: 1.6;
    font-weight: 600;
    margin: 0 auto;
}

.button__more:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.button__more.button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.button__more.has-error,
.button__more.error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.button__more.has-error:after,
.button__more.error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.button__more.has-success,
.button__more.success {
    color: transparent !important;
}

.button__more.has-success:after,
.button__more.success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .button__more.button--loading:before {
    content: "";
}

.button--loading-refresh .button__more.button--loading:before {
    content: "";
}

.button--loading-spinner .button__more.button--loading:before {
    content: "";
}

.button__more.hover,
.button__more:hover {
    border-color: #c79c58;
    color: #c79c58;
    text-decoration: none;
}

.button__more:active,
.button__more.active {
    -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    border-color: #c79c58;
    background: #c79c58;
    color: #fff;
}

.button__more:focus,
.button__more.focus {
    text-decoration: none;
    outline: none;
}

.button__more:disabled,
.button__more.disabled {
    cursor: not-allowed;
    color: #ccc;
    border-color: #efefef;
}

.button__more.progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.button__default {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    text-decoration: none;
    border: 2px solid #2c3e50;
    background: none;
    color: #2c3e50;
    padding: 6px 5px;
}

.button__default:hover,
.button__default:focus,
.button__default.active {
    color: #333;
    text-decoration: none;
    outline: none;
}

.button__default:disabled,
.button__default.disabled {
    cursor: not-allowed;
}

.button__default.progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.button__default:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.button__default.button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.button__default.has-error,
.button__default.error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.button__default.has-error:after,
.button__default.error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.button__default.has-success,
.button__default.success {
    color: transparent !important;
}

.button__default.has-success:after,
.button__default.success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .button__default.button--loading:before {
    content: "";
}

.button--loading-refresh .button__default.button--loading:before {
    content: "";
}

.button--loading-spinner .button__default.button--loading:before {
    content: "";
}

@media (min-width: 992px) {
    .button__default.hover,
    .button__default:hover {
        border-color: #c79c58;
        color: #c79c58;
    }
}

.button__default:active,
.button__default.active {
    -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    border-color: #c79c58;
    background: #c79c58;
    color: #fff;
}

.button__default:disabled,
.button__default.disabled {
    color: #ccc;
    border-color: #efefef;
}

.button__default--reset:before {
    margin: 0 10px 0 0;
    font-size: 1em;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
}

.button__default--normal {
    padding: 4px 10px;
    width: 120px;
}

.button__default--medium {
    font-size: 12px;
    padding: 4px 10px;
    width: 115px;
}

.button__default--small {
    font-size: 12px;
    padding: 1px 10px;
    border-width: 1px;
    width: 100px;
}

/*------------------------------------------------------------------
  * UI page demonstration
  @mixin =============================================================*/

.ui__row {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 40px;
}

.ui__row:before,
.ui__row:after {
    content: " ";
    display: table;
}

.ui__row:after {
    clear: both;
}

@media (max-width: 991px) {
    .ui__row {
        margin-top: 20px;
    }
}

.ui__row--slider {
    background: #f6f6f6;
    margin: 0;
}

.ui__title {
    font-size: 14px;
}

@media (max-width: 767px) {
    .ui__title {
        display: block;
        margin-left: 10px;
    }
}

.ui__button {
    display: inline-block;
}

.ui__button--1 {
    width: 150px !important;
    margin-right: 7px;
}

@media (max-width: 767px) {
    .ui__button--1 {
        display: block;
        margin-top: 10px;
    }
}

.ui__button--2 {
    width: 200px !important;
    margin-right: 7px;
    margin-left: 10px;
    display: inline-block;
}

@media (max-width: 767px) {
    .ui__button--2 {
        display: block;
        margin-top: 10px;
    }
}

.ui__button--3 {
    width: 181px;
    margin-right: 7px;
}

@media (max-width: 767px) {
    .ui__button--3 {
        display: block;
        margin-top: 10px;
    }
}

.ui__button--4 {
    width: 120px;
    margin-right: 7px;
}

@media (max-width: 767px) {
    .ui__button--4 {
        display: block;
        margin-top: 10px;
    }
}

.ui__button--5 {
    width: 100px;
    margin-right: 7px;
}

@media (max-width: 767px) {
    .ui__button--5 {
        display: block;
        margin-top: 10px;
    }
}

.ui__button--6 {
    width: 104px;
    margin-right: 7px;
}

@media (max-width: 767px) {
    .ui__button--6 {
        display: block;
        margin-top: 10px;
    }
}

.ui__button--7 {
    width: 72px;
}

@media (max-width: 767px) {
    .ui__button--7 {
        display: block;
        margin-top: 10px;
    }
}

.ui__button--wide {
    width: 230px !important;
    margin-right: 7px;
    margin-left: 10px;
    display: inline-block;
}

@media (max-width: 767px) {
    .ui__button--wide {
        display: block;
        margin-top: 10px;
    }
}

.ui--buttons .ui__row {
    position: relative;
    padding-left: 100px;
    line-height: 3;
    margin-left: 0;
    margin-right: 0;
}

@media (max-width: 767px) {
    .ui--buttons .ui__row {
        padding-left: 0;
    }

    .ui--buttons .ui__row span,
    .ui--buttons .ui__row a,
    .ui--buttons .ui__row button {
        display: block;
        margin-top: 10px;
    }

    .ui--buttons .ui__row span {
        margin-top: 0;
        line-height: 1em;
    }
}

.ui--buttons .ui__title {
    width: 98px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width: 767px) {
    .ui--buttons .ui__title {
        position: relative;
    }
}

.ui--social {
    margin-top: 51px;
}

.ui--social .ui__row {
    margin-top: 0;
}

.ui--social .ui__column {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 20px;
}

@media (min-width: 1200px) {
    .ui--social .ui__column {
        float: left;
        width: 50%;
    }
}

.ui--menu {
    margin-top: 36px;
}

.ui--properties .properties__item {
    margin-bottom: 20px;
}

.ui--sliders .ui__column {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 1200px) {
    .ui--sliders .ui__column {
        float: left;
        width: 33.33333%;
    }
}

.ui--links .ui__column--1 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    float: left;
    width: 33.33333%;
}

@media (min-width: 480px) {
    .ui--links .ui__column--1:nth-of-type(n) {
        clear: none;
    }

    .ui--links .ui__column--1:nth-of-type(3n+1) {
        clear: both;
    }
}

@media (min-width: 1200px) {
    .ui--links .ui__column--1 {
        width: 8.33333%;
    }
}

@media (min-width: 1200px) {
    .ui--links .ui__column--1:nth-of-type(n) {
        clear: none;
    }

    .ui--links .ui__column--1:nth-of-type(12n+1) {
        clear: both;
    }
}

.ui--links .ui__column--2 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    float: left;
    width: 33.33333%;
}

@media (min-width: 1200px) {
    .ui--links .ui__column--2 {
        margin-left: 8.33333%;
    }
}

@media (min-width: 480px) {
    .ui--links .ui__column--2:nth-of-type(n) {
        clear: none;
    }

    .ui--links .ui__column--2:nth-of-type(3n+1) {
        clear: both;
    }
}

@media (min-width: 1200px) {
    .ui--links .ui__column--2 {
        width: 8.33333%;
    }
}

@media (min-width: 1200px) {
    .ui--links .ui__column--2:nth-of-type(n) {
        clear: none;
    }

    .ui--links .ui__column--2:nth-of-type(12n+1) {
        clear: both;
    }
}

.ui--links .ui__column--3 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    float: left;
    width: 33.33333%;
}

@media (min-width: 1200px) {
    .ui--links .ui__column--3 {
        margin-left: 0%;
    }
}

@media (min-width: 480px) {
    .ui--links .ui__column--3:nth-of-type(n) {
        clear: none;
    }

    .ui--links .ui__column--3:nth-of-type(3n+1) {
        clear: both;
    }
}

@media (min-width: 1200px) {
    .ui--links .ui__column--3 {
        width: 25%;
    }
}

@media (min-width: 1200px) {
    .ui--links .ui__column--3:nth-of-type(n) {
        clear: none;
    }

    .ui--links .ui__column--3:nth-of-type(4n+1) {
        clear: both;
    }
}

.ui--links .ui__column--4 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    float: left;
    width: 33.33333%;
}

@media (min-width: 1200px) {
    .ui--links .ui__column--4 {
        margin-left: 8.33333%;
    }
}

@media (min-width: 480px) {
    .ui--links .ui__column--4:nth-of-type(n) {
        clear: none;
    }

    .ui--links .ui__column--4:nth-of-type(3n+1) {
        clear: both;
    }
}

@media (min-width: 1200px) {
    .ui--links .ui__column--4 {
        width: 8.33333%;
    }
}

@media (min-width: 1200px) {
    .ui--links .ui__column--4:nth-of-type(n) {
        clear: none;
    }

    .ui--links .ui__column--4:nth-of-type(12n+1) {
        clear: both;
    }
}

@media (max-width: 1199px) {
    .ui--links .ui__column--4 .social-panel {
        text-align: left;
    }
}

.ui--links .ui__column--5 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    float: left;
    width: 33.33333%;
}

@media (min-width: 480px) {
    .ui--links .ui__column--5:nth-of-type(n) {
        clear: none;
    }

    .ui--links .ui__column--5:nth-of-type(3n+1) {
        clear: both;
    }
}

@media (min-width: 1200px) {
    .ui--links .ui__column--5 {
        width: 8.33333%;
    }
}

@media (min-width: 1200px) {
    .ui--links .ui__column--5:nth-of-type(n) {
        clear: none;
    }

    .ui--links .ui__column--5:nth-of-type(12n+1) {
        clear: both;
    }
}

.ui--links .ui__column--6 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    float: left;
    width: 33.33333%;
}

@media (min-width: 1200px) {
    .ui--links .ui__column--6 {
        margin-left: 8.33333%;
    }
}

@media (min-width: 480px) {
    .ui--links .ui__column--6:nth-of-type(n) {
        clear: none;
    }

    .ui--links .ui__column--6:nth-of-type(3n+1) {
        clear: both;
    }
}

@media (min-width: 1200px) {
    .ui--links .ui__column--6 {
        width: 8.33333%;
    }
}

@media (min-width: 1200px) {
    .ui--links .ui__column--6:nth-of-type(n) {
        clear: none;
    }

    .ui--links .ui__column--6:nth-of-type(12n+1) {
        clear: both;
    }
}

.ui--sliders .ui__slider {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

@media (min-width: 1200px) {
    .ui--sliders .ui__slider {
        float: left;
        width: 75%;
    }
}

.ui--search .ui__column {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    float: left;
    width: 100%;
}

@media (min-width: 480px) {
    .ui--search .ui__column:nth-of-type(n) {
        clear: none;
    }

    .ui--search .ui__column:nth-of-type(1n+1) {
        clear: both;
    }
}

@media (min-width: 768px) {
    .ui--search .ui__column {
        width: 66.66667%;
    }
}

@media (min-width: 768px) {
    .ui--search .ui__column:nth-of-type(n) {
        clear: none;
    }

    .ui--search .ui__column:nth-of-type(1.5n+1) {
        clear: both;
    }
}

@media (min-width: 1200px) {
    .ui--search .ui__column {
        width: 75%;
    }
}

@media (min-width: 1200px) {
    .ui--search .ui__column:nth-of-type(n) {
        clear: none;
    }

    .ui--search .ui__column:nth-of-type(1.33333n+1) {
        clear: both;
    }
}

.ui--icons .ui__icons-item {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    float: left;
    width: 50%;
    margin-top: 0;
    vertical-align: middle;
}

@media (min-width: 480px) {
    .ui--icons .ui__icons-item:nth-of-type(n) {
        clear: none;
    }

    .ui--icons .ui__icons-item:nth-of-type(2n+1) {
        clear: both;
    }
}

@media (min-width: 768px) {
    .ui--icons .ui__icons-item {
        width: 25%;
    }
}

@media (min-width: 768px) {
    .ui--icons .ui__icons-item:nth-of-type(n) {
        clear: none;
    }

    .ui--icons .ui__icons-item:nth-of-type(4n+1) {
        clear: both;
    }
}

@media (min-width: 1200px) {
    .ui--icons .ui__icons-item {
        width: 14.16667%;
    }
}

@media (min-width: 1200px) {
    .ui--icons .ui__icons-item:nth-of-type(n) {
        clear: none;
    }

    .ui--icons .ui__icons-item:nth-of-type(7.05882n+1) {
        clear: both;
    }
}

.ui--icons .ui__icons-svg {
    fill: #342f2c;
    width: 70%;
    display: block;
    margin: auto;
}

.ui--icons .ui__icons-svg--stroke {
    stroke: #342f2c;
    stroke-width: 1px;
    fill: none;
    width: 35%;
}

.ui--icons .ui__icons-svg--danger {
    fill: #e95b35;
}

.ui--icons .ui__icons-svg--doc {
    width: 40%;
}

.ui--icons .ui__icons-svg--area {
    width: 60%;
}

.ui--icons .ui__icons-svg--window {
    width: 40%;
}

.ui--icons .ui__icons-title {
    display: block;
    text-align: center;
}

.ui--forms .ui__column {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

@media (min-width: 992px) {
    .ui--forms .ui__column {
        float: left;
        width: 50%;
    }
}

.ui--forms .form-property__ranges {
    margin-top: 40px;
}

@media (max-width: 767px) {
    .ui--forms .form-property__ranges {
        margin-top: 20px;
    }
}

.ui--review .review__title {
    margin-top: 20px;
}

.ui--dividers > .row {
    margin-top: 30px;
    margin-bottom: 30px;
}

.social-panel {
    font-size: 21px;
    padding: 5px 0;
    text-align: center;
}

.social-panel:before,
.social-panel:after {
    content: " ";
    display: table;
}

.social-panel:after {
    clear: both;
}

.social-panel__link {
    margin: 10px 20px;
}

.social-panel__link:hover,
.social-panel__link.hover {
    color: #504843;
}

.social-panel__link:active,
.social-panel__link.active {
    color: #c79c58;
}

.social-panel__link:disabled,
.social-panel__link.disabled {
    color: #ccc;
    cursor: not-allowed;
}

@media (max-width: 1199px) {
    .social-panel__link {
        margin: 10px;
    }
}

.social-panel--brand {
    background: #342f2c;
}

.social-panel--brand .social-panel__link {
    color: #fff;
}

.social-panel--brand .social-panel__link:hover,
.social-panel--brand .social-panel__link.hover {
    color: #504843;
}

.social-panel--brand .social-panel__link:active,
.social-panel--brand .social-panel__link.active {
    color: #c79c58;
}

.social-panel--brand .social-panel__link:disabled,
.social-panel--brand .social-panel__link.disabled {
    color: #ccc;
    cursor: not-allowed;
}

.social-panel--black-white {
    background: #000;
}

.social-panel--black-white .social-panel__link {
    color: #fff;
}

.social-panel--black-white .social-panel__link:hover,
.social-panel--black-white .social-panel__link.hover {
    color: #dabe91;
}

.social-panel--black-white .social-panel__link:active,
.social-panel--black-white .social-panel__link.active {
    color: #c79c58;
}

.social-panel--black-white .social-panel__link:disabled,
.social-panel--black-white .social-panel__link.disabled {
    color: #ccc;
    cursor: not-allowed;
}

.social-panel--highlight {
    background: #000;
}

.social-panel--highlight .social-panel__link {
    color: #c79c58;
}

.social-panel--highlight .social-panel__link:hover,
.social-panel--highlight .social-panel__link.hover {
    color: #dabe91;
}

.social-panel--highlight .social-panel__link:active,
.social-panel--highlight .social-panel__link.active {
    color: #c79c58;
}

.social-panel--highlight .social-panel__link:disabled,
.social-panel--highlight .social-panel__link.disabled {
    color: #ccc;
    cursor: not-allowed;
}

.social-panel--simple .social-panel__link {
    color: #342f2c;
}

.social-panel--simple .social-panel__link:hover,
.social-panel--simple .social-panel__link.hover {
    color: #504843;
}

.social-panel--simple .social-panel__link:active,
.social-panel--simple .social-panel__link.active {
    color: #c79c58;
}

.social-panel--simple .social-panel__link:disabled,
.social-panel--simple .social-panel__link.disabled {
    color: #ccc;
    cursor: not-allowed;
}

.ul-list {
    list-style: none;
    margin: 30px 0;
    padding: 0;
}

.ul-list li {
    padding-left: 25px;
    position: relative;
}

.ul-list li:before {
    font-size: 12px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    color: #342f2c;
    left: 0;
    position: absolute;
    top: 4px;
}

.ul-list--default li {
    background: url("/templates/luxforsale2/img/bg-border-dotted-vertical.png") no-repeat 3px 5px;
}

.ul-list--default li:before {
    content: " ";
    color: #342f2c;
    width: 8px;
    height: 8px;
    border: 2px solid #342f2c;
    border-radius: 8px;
    margin: 0 3px 0 0;
    display: inline-block;
    top: 9px;
}

.ul-list--default li:first-child {
    background-position: 3px 10px;
}

.ul-list--default li:last-child {
    background-position: 3px -209px;
}

.ul-list--disk li:before {
    content: "\f111";
    font-size: 8px;
}

.ul-list--check li:before {
    content: "\f00c";
}

.ul-list--rounded-check li:before {
    content: "\f05d";
}

.ul-list--arrow li:before {
    content: "\f105";
}

.ul-list--star li:before {
    content: "\f006";
    color: #c79c58;
}

.ul-list--x li:before {
    content: "\f00d";
    color: #c79c58;
}

.ul-list--ordered {
    list-style-type: decimal;
    margin-left: 22px;
}

.ul-list--ordered li {
    padding-left: 5px;
}

.ul-list--ordered li:before {
    content: " ";
    display: none;
}

/*------------------------------------------------------------------
  * Dividers styles
  @mixin =============================================================*/

.divider--solid {
    border-top: 1px solid #808080;
}

.divider--solid-light {
    border-top: 1px solid #d0d0d0;
}

.divider--dotted {
    background: url("/templates/luxforsale2/img/bg-border-dotted-horizontal.png") 0 0 repeat-x;
    border: 0;
    height: 1px;
}

.divider--dashed {
    border-top: 1px dashed #222222;
}

/*------------------------------------------------------------------
  * WP default styles
  @mixin =============================================================*/

.site-title,
.entry-title {
    font-size: 46px;
    color: #2c3e50;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    margin: 24px 0 0;
    color: #2c3e50;
    font-size: 34px;
    text-align: left;
    font-weight: normal;
}

.sidebar .site-title,
.sidebar
.entry-title {
    font-size: 34px;
}

.footer .site-title,
.footer
.entry-title {
    font-family: "Source Sans Pro", sans-serif;
}

@media (max-width: 767px) {
    .site-title,
    .entry-title {
        font-size: 26px;
    }

    .sidebar .site-title,
    .sidebar
    .entry-title {
        font-size: 26px;
    }
}

.footer .site-title,
.footer
.entry-title {
    font-size: 17px;
    color: #c79c58;
    margin: 30px 0 15px;
    font-weight: 600;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .footer .site-title,
    .footer
    .entry-title {
        margin-top: 25px;
        margin-bottom: 25px;
    }
}

.site-title a,
.entry-title a {
    color: inherit;
}

.sidebar .widget-title {
    font-size: 46px;
    color: #2c3e50;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    margin: 24px 0 0;
    color: #2c3e50;
    text-align: left;
    font-size: 34px;
    font-weight: 600;
}

.sidebar .sidebar .widget-title {
    font-size: 34px;
}

.footer .sidebar .widget-title {
    font-family: "Source Sans Pro", sans-serif;
}

@media (max-width: 767px) {
    .sidebar .widget-title {
        font-size: 26px;
    }

    .sidebar .sidebar .widget-title {
        font-size: 26px;
    }
}

.sidebar .widget-subtitle {
    font-size: 14px;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 0;
    line-height: 2;
    text-align: center;
    text-transform: none;
    color: #2c3e50;
    text-align: left;
    margin: 4px 0 0;
    line-height: 1.1;
    min-height: 32px;
}

.sidebar .widget-subtitle strong {
    font-weight: 600;
}

@media (max-width: 767px) {
    .sidebar .widget-subtitle {
        font-size: 14px;
        margin-top: 25px;
        line-height: 1.4;
        min-height: auto;
    }
}

.sidebar .sidebar .widget-subtitle {
    margin: 4px 0 0;
}

.footer .widget-title {
    font-size: 17px;
    color: #c79c58;
    margin: 30px 0 15px;
    font-weight: 600;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .footer .widget-title {
        margin-top: 25px;
        margin-bottom: 25px;
    }
}

.secondary-toggle {
    display: none;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}

.widget a:hover {
    text-decoration: none;
}

.widget > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff;
    border: 1px solid #d6d6d6;
    padding: 25px;
    margin-top: 12px;
    margin-bottom: 24px;
}

.widget > ul li {
    color: #2c3e50;
    padding: 14px 0;
    border-bottom: 1px solid #dedede;
}

.widget > ul li:last-child {
    border-bottom: none;
}

.widget_archive select {
    margin-top: 12px;
    width: 100%;
    display: block;
}

.widget_search .search-form {
    background: #fff;
    border: 1px solid #d6d6d6;
    padding: 25px;
    margin-top: 12px;
    margin-bottom: 24px;
}

.widget_search label {
    width: 100%;
}

.widget_search .search-field {
    display: block;
    width: 100%;
    height: 38px;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    color: #2c3e50;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d6d6d6;
    border-radius: 0;
    position: relative;
    z-index: 5;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    width: 100%;
    font-weight: normal;
    font-style: italic;
}

.widget_search .search-field:focus {
    border-color: #342f2c;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(52, 47, 44, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(52, 47, 44, 0.6);
}

.widget_search .search-field::-moz-placeholder {
    color: #2c3e50;
    opacity: 1;
}

.widget_search .search-field:-ms-input-placeholder {
    color: #2c3e50;
}

.widget_search .search-field::-webkit-input-placeholder {
    color: #2c3e50;
}

.widget_search .search-field[disabled],
.widget_search .search-field[readonly],
fieldset[disabled] .widget_search .search-field {
    cursor: not-allowed;
    background-color: #eeeeee;
    opacity: 1;
}

.widget_search .search-field.parsley-error {
    border: 1px solid #e95b35;
}

.widget_search .search-field.parsley-success {
    border: 1px solid #342f2c;
}

.widget_search .search-submit {
    color: #d6d6d6;
    font-size: 16px;
    background: none;
    border: none;
    float: right;
    margin: -32px 0 0 0;
    position: relative;
    z-index: 10;
}

.widget_search .search-submit:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    content: "\e003";
}

.textwidget {
    background: #fff;
    border: 1px solid #d6d6d6;
    padding: 25px;
    margin-top: 12px;
    margin-bottom: 24px;
}

.footer .textwidget {
    background: none;
    padding: 0;
    border: none;
    color: #fff;
    margin: 10px 0;
    font-size: 15px;
    line-height: 1.6;
}

.footer .textwidget a {
    font-size: 12px;
    color: #bebebe;
    border: 2px solid #bebebe;
    padding: 5px 10px;
    margin: 10px 0;
    text-transform: uppercase;
}

.widget_calendar table {
    width: 100%;
    border: 1px solid #d6d6d6;
}

.widget_calendar caption {
    text-align: left;
    padding: 0 0 20px;
    font-weight: bold;
}

.widget_calendar th,
.widget_calendar td {
    text-align: center;
    line-height: 33px;
}

.widget_calendar tfoot,
.widget_calendar thead {
    border: 1px solid #d6d6d6;
    border-bottom: none;
}

.widget_calendar tbody {
    background: #fff;
    border: 1px solid #d6d6d6;
    padding: 25px;
    margin-top: 12px;
    margin-bottom: 24px;
}

.widget_calendar tbody a {
    background: #342f2c;
    color: #fff;
    display: block;
}

.widget_calendar tbody a:hover {
    background: #504843;
}

.tagcloud a {
    color: #2c3e50;
    margin: 3px 10px 3px 0;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
}

.widget_recent_entries > ul > li {
    border-bottom-style: dashed;
}

.widget_recent_entries > ul > li > a {
    color: #2c3e50;
    font-weight: 600;
    display: block;
    font-size: 18px;
}

.widget_recent_comments .recentcomments {
    font-style: italic;
    border-bottom-style: dashed;
    color: #d6d6d6;
    font-size: 12px;
}

.widget_recent_comments .recentcomments > a {
    font-style: normal;
    display: block;
    margin-top: 10px;
    font-size: 14px;
}

.widget_recent_comments .comment-author-link {
    color: #2c3e50;
    font-style: normal;
    font-size: 14px;
    display: block;
}

.widget_recent_comments .comment-author-link a {
    color: #2c3e50;
    font-style: normal;
    font-size: 14px;
}

.widget_categories > ul > li:before {
    font-size: 10px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    color: #2c3e50;
    margin-right: 10px;
}

.widget_categories > ul > li > ul {
    margin-top: 15px;
    list-style: none;
    border-top: 1px solid #dedede;
}

.post {
    border-top: 1px solid #808080;
    margin-bottom: 1px;
    padding: 33px 0;
}

.post:first-of-type {
    padding-top: 0;
    border: none;
}

.site-main {
    margin-top: 25px;
}

.entry-header .entry-title {
    font-size: 18px;
    font-weight: 700;
}

.entry-content {
    margin-top: 30px;
}

.entry-footer {
    margin-top: 30px;
}

.entry-footer:before,
.entry-footer:after {
    content: " ";
    display: table;
}

.entry-footer:after {
    clear: both;
}

.posted-on {
    background: rgba(52, 47, 44, 0.7);
    text-align: center;
    padding: 10px 5px;
    float: left;
}

.posted-on a {
    color: #fff;
}

.tags-links {
    margin-left: 50px;
}

.comments-link a {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    border: none;
    border-bottom: 4px solid #a37936;
    background: #c79c58;
    color: #222;
    width: auto;
    float: right;
    margin-right: 0;
    margin-left: 10px;
}

.comments-link a:hover,
.comments-link a:focus,
.comments-link a.active {
    color: #333;
    text-decoration: none;
    outline: none;
}

.comments-link a:disabled,
.comments-link a.disabled {
    cursor: not-allowed;
}

.comments-link a.progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.comments-link a:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.comments-link a.button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.comments-link a.has-error,
.comments-link a.error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.comments-link a.has-error:after,
.comments-link a.error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.comments-link a.has-success,
.comments-link a.success {
    color: transparent !important;
}

.comments-link a.has-success:after,
.comments-link a.success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .comments-link a.button--loading:before {
    content: "";
}

.button--loading-refresh .comments-link a.button--loading:before {
    content: "";
}

.button--loading-spinner .comments-link a.button--loading:before {
    content: "";
}

.comments-link a.hover,
.comments-link a:hover {
    border-bottom: 4px solid #c79c58;
    color: #222;
}

.comments-link a:active,
.comments-link a.active {
    border-top: 4px solid #a37936;
    border-bottom: none;
    color: #222;
}

.comments-link a:disabled,
.comments-link a.disabled {
    color: #ccc;
    background: #efefef;
    border-bottom: 4px solid #dedede;
}

@media (max-width: 767px) {
    .comments-link a {
        margin: 5px 0;
    }
}

.edit-link a {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    border: none;
    border-bottom: 4px solid #a37936;
    background: #c79c58;
    color: #222;
    width: auto;
    float: right;
    margin-right: 0;
    margin-left: 10px;
}

.edit-link a:hover,
.edit-link a:focus,
.edit-link a.active {
    color: #333;
    text-decoration: none;
    outline: none;
}

.edit-link a:disabled,
.edit-link a.disabled {
    cursor: not-allowed;
}

.edit-link a.progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.edit-link a:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.edit-link a.button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.edit-link a.has-error,
.edit-link a.error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.edit-link a.has-error:after,
.edit-link a.error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.edit-link a.has-success,
.edit-link a.success {
    color: transparent !important;
}

.edit-link a.has-success:after,
.edit-link a.success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .edit-link a.button--loading:before {
    content: "";
}

.button--loading-refresh .edit-link a.button--loading:before {
    content: "";
}

.button--loading-spinner .edit-link a.button--loading:before {
    content: "";
}

.edit-link a.hover,
.edit-link a:hover {
    border-bottom: 4px solid #c79c58;
    color: #222;
}

.edit-link a:active,
.edit-link a.active {
    border-top: 4px solid #a37936;
    border-bottom: none;
    color: #222;
}

.edit-link a:disabled,
.edit-link a.disabled {
    color: #ccc;
    background: #efefef;
    border-bottom: 4px solid #dedede;
}

.post-password-form {
    margin-top: 10px;
}

.post-password-form label > input {
    display: block;
    width: 100%;
    height: 38px;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    color: #2c3e50;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d6d6d6;
    border-radius: 0;
    position: relative;
    z-index: 5;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.post-password-form label > input:focus {
    border-color: #342f2c;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(52, 47, 44, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(52, 47, 44, 0.6);
}

.post-password-form label > input::-moz-placeholder {
    color: #2c3e50;
    opacity: 1;
}

.post-password-form label > input:-ms-input-placeholder {
    color: #2c3e50;
}

.post-password-form label > input::-webkit-input-placeholder {
    color: #2c3e50;
}

.post-password-form label > input[disabled],
.post-password-form label > input[readonly],
fieldset[disabled] .post-password-form label > input {
    cursor: not-allowed;
    background-color: #eeeeee;
    opacity: 1;
}

.post-password-form label > input.parsley-error {
    border: 1px solid #e95b35;
}

.post-password-form label > input.parsley-success {
    border: 1px solid #342f2c;
}

@media (max-width: 767px) {
    .post-password-form label > input {
        margin-left: 0;
    }
}

.post-password-form input[type="submit"] {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    border: none;
    border-bottom: 4px solid #a37936;
    background: #c79c58;
    color: #222;
}

.post-password-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:focus,
.post-password-form input[type="submit"].active {
    color: #333;
    text-decoration: none;
    outline: none;
}

.post-password-form input[type="submit"]:disabled,
.post-password-form input[type="submit"].disabled {
    cursor: not-allowed;
}

.post-password-form input[type="submit"].progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.post-password-form input[type="submit"]:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.post-password-form input[type="submit"].button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.post-password-form input[type="submit"].has-error,
.post-password-form input[type="submit"].error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.post-password-form input[type="submit"].has-error:after,
.post-password-form input[type="submit"].error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.post-password-form input[type="submit"].has-success,
.post-password-form input[type="submit"].success {
    color: transparent !important;
}

.post-password-form input[type="submit"].has-success:after,
.post-password-form input[type="submit"].success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .post-password-form input[type="submit"].button--loading:before {
    content: "";
}

.button--loading-refresh .post-password-form input[type="submit"].button--loading:before {
    content: "";
}

.button--loading-spinner .post-password-form input[type="submit"].button--loading:before {
    content: "";
}

.post-password-form input[type="submit"].hover,
.post-password-form input[type="submit"]:hover {
    border-bottom: 4px solid #c79c58;
    color: #222;
}

.post-password-form input[type="submit"]:active,
.post-password-form input[type="submit"].active {
    border-top: 4px solid #a37936;
    border-bottom: none;
    color: #222;
}

.post-password-form input[type="submit"]:disabled,
.post-password-form input[type="submit"].disabled {
    color: #ccc;
    background: #efefef;
    border-bottom: 4px solid #dedede;
}

@media (max-width: 767px) {
    .post-password-form input[type="submit"] {
        margin-left: 0;
    }
}

/*------------------------------------------------------------------
  * Sidebar wrap
  + Sidebar / .sidebar
  @mixin =============================================================*/

.sidebar {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    margin-top: 27px;
}

@media (min-width: 768px) {
    .sidebar {
        width: 33.33333%;
    }
}

/*@media (min-width: 1200px) {
    .sidebar {
        width: 25%;
    }
}*/

.sidebar > :last-child {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .sidebar {
        padding-left: 15px;
        margin-top: 30px;
        float: none;
    }
}

.sidebar .container {
    margin: 0;
    padding: 0;
    width: 100%;
}

.sidebar__content {
    margin-top: -1px;
}

.sidebar--upper {
    margin-top: 0;
}

@media (max-width: 767px) {
    .sidebar--upper {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .sidebar--listing .sidebar__toggle {
        display: none;
    }
}

.sidebar--dashboard {
    margin-top: 40px;
}

@media (max-width: 767px) {
    .sidebar--dashboard {
        margin-top: 30px;
        margin-bottom: 0;
    }
}

/*------------------------------------------------------------------
  * Fix antialiasing for safari, mac os
  @mixin =============================================================*/

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.widget-bar {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    float: left;
}

@media (min-width: 768px) {
    .widget-bar {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .widget-bar:nth-of-type(n) {
        clear: none;
    }

    .widget-bar:nth-of-type(1n+1) {
        clear: both;
    }
}

@media (min-width: 992px) {
    .widget-bar {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .widget-bar:nth-of-type(n) {
        clear: none;
    }

    .widget-bar:nth-of-type(2n+1) {
        clear: both;
    }
}

@media (min-width: 1200px) {
    .widget-bar {
        width: 33.33333%;
    }
}

@media (min-width: 1200px) {
    .widget-bar:nth-of-type(n) {
        clear: none;
    }

    .widget-bar:nth-of-type(3n+1) {
        clear: both;
    }
}

/*------------------------------------------------------------------
  * Center wrap
  + Center / .center
  @mixin =============================================================*/

.center {
    background: #f6f6f6;
    position: relative;
}

.center > .container > :last-child {
    padding-bottom: 50px;
}

@media (max-width: 767px) {
    .center > .container > :last-child {
        padding-bottom: 30px;
    }
}

.center--subpage {
    border-top: 1px solid #dedede;
}

.main--white .center {
    background: #fff !important;
}

/*------------------------------------------------------------------
  * Main wrap
  + Main / .main
  @mixin =============================================================*/

.worker__descr {
    font-size: 16px;
}

.main--white .main {
    background: #fff !important;
}

.main--white .main .container {
    background: #fff !important;
}

/*------------------------------------------------------------------
  * Box wrap
  + Box / .box
  @mixin =============================================================*/

.box {
    position: relative;
}

.collapse {
    display: none;
    visibility: hidden;
}

.collapse.in {
    display: block;
    visibility: visible;
}

@media (min-width: 768px) {
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
        visibility: visible !important;
    }
}

.compact .navbar__row {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .compact .navbar__row {
        margin: 0;
    }
}

/*------------------------------------------------------------------
  * Option enable header Color Brand
  @mixin =============================================================*/

.header_color_brand .navbar--header {
    background: #342f2c;
}

.header_color_brand .navbar--header.header-fixed {
    -webkit-box-shadow: 0 5px 0 rgba(52, 47, 44, 0.2);
    box-shadow: 0 5px 0 rgba(52, 47, 44, 0.2);
}

.header_color_brand .navbar-collapse {
    background: #2c3e50;
}

.header_color_brand .navbar__nav > li > a {
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.header_color_brand .auth__link {
    color: #fff;
}

.header_color_brand .auth__remember,
.header_color_brand .auth__label {
    color: #2c3e50;
}

.header_color_brand .auth__title {
    color: #2c3e50;
}

.header_color_brand .auth__icon-user {
    fill: #fff;
}

@media (min-width: 768px) {
    .header_color_brand .navbar .navbar__nav > .active {
        background: #c79c58;
    }
}

.header_color_brand .navbar .navbar__nav > .active > a {
    border: none;
}

@media (min-width: 768px) {
    .header_color_brand .navbar .navbar__nav > li:hover,
    .header_color_brand .navbar .navbar__nav > li:focus {
        background: #c79c58;
    }
}

.header_color_brand .navbar__user-item {
    color: #fff;
}

@media (min-width: 768px) {
    .header_color_brand .header-fixed .navbar .navbar__nav {
        background: none;
    }

    .header_color_brand .header-fixed .header__email,
    .header_color_brand .header-fixed .header__phone {
        color: #fff;
    }
}

/*------------------------------------------------------------------
  * Option enable header Color White
  @mixin =============================================================*/

.header_color_white .navbar {
    background: #fff;
}

.header_color_white .navbar.header-fixed {
    -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
}

/*------------------------------------------------------------------
  * Option enable header Color Gray
  @mixin =============================================================*/

.header_color_gray .navbar {
    background: #f6f6f6;
}

.header_color_gray .navbar.header-fixed {
    -webkit-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.2);
}

/*------------------------------------------------------------------
  * Option enable 'boxed'
  @mixin =============================================================*/

.boxed .box {
    width: 1300px;
    margin: 0 auto;
    padding: 0 10px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    background-color: #fff;
}

@media (max-width: 1299px) {
    .boxed .box {
        width: auto;
        padding: 0;
    }
}

.site-wrap {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    /*background: #fff;*/
    position: relative;
}

.site-wrap:before,
.site-wrap:after {
    content: " ";
    display: table;
}

.site-wrap:after {
    clear: both;
}

.site-wrap--move {
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
}

.section .container {
    padding-bottom: 30px;
}

/*------------------------------------------------------------------
  * Option enable bacground pattern
  @mixin =============================================================*/

.bg-brickwall {
    background: url("/templates/luxforsale2/img/patterns/brickwall.png");
}

.bg-debut_light {
    background: url("/templates/luxforsale2/img/patterns/debut_light.png");
}

.bg-diagonal_lines_01 {
    background: url("/templates/luxforsale2/img/patterns/diagonal_lines_01.png");
}

.bg-diagonal-noise {
    background: url("/templates/luxforsale2/img/patterns/diagonal-noise.png");
}

.bg-dust_2X {
    background: url("/templates/luxforsale2/img/patterns/dust_2X.png");
}

.bg-groovepaper {
    background: url("/templates/luxforsale2/img/patterns/groovepaper.png");
}

.bg-little_pluses {
    background: url("/templates/luxforsale2/img/patterns/little_pluses.png");
}

.bg-p4 {
    background: url("/templates/luxforsale2/img/patterns/p4.png");
}

.bg-p5 {
    background: url("/templates/luxforsale2/img/patterns/p5.png");
}

.bg-retina_dust {
    background: url("/templates/luxforsale2/img/patterns/retina_dust.png");
}

.bg-ricepaper2 {
    background: url("/templates/luxforsale2/img/patterns/ricepaper2.png");
}

.bg-shl {
    background: url("/templates/luxforsale2/img/patterns/shl.png");
}

.bg-squairy_light {
    background: url("/templates/luxforsale2/img/patterns/squairy_light.png");
}

.bg-stardust_2X {
    background: url("/templates/luxforsale2/img/patterns/stardust_2X.png");
}

.bg-subtle_dots {
    background: url("/templates/luxforsale2/img/patterns/subtle_dots.png");
}

.bg-subtle_dots_2X {
    background: url("/templates/luxforsale2/img/patterns/subtle_dots_2X.png");
}

.bg-white_brick_wall {
    background: url("/templates/luxforsale2/img/patterns/white_brick_wall.png");
}

.bg-worn_dots {
    background: url("/templates/luxforsale2/img/patterns/worn_dots.png");
}

.sidebar-left .property,
.sidebar-left .page__content,
.sidebar-left .site {
    float: right;
}

@media (max-width: 767px) {
    .sidebar-left .property,
    .sidebar-left .page__content,
    .sidebar-left .site {
        float: none;
    }
}

.sidebar-right .property,
.sidebar-right .page__content,
.sidebar-right .site {
    float: left;
}

@media (max-width: 767px) {
    .sidebar-right .property,
    .sidebar-right .page__content,
    .sidebar-right .site {
        float: none;
    }
}

@media (min-width: 1200px) {
    .fullwidth .property,
    .fullwidth .page__content,
    .fullwidth .site,
    .sidebar-hide .property,
    .sidebar-hide .page__content,
    .sidebar-hide .site {
        float: none;
        width: 100%;
    }

    .fullwidth .sidebar,
    .sidebar-hide .sidebar {
        display: none;
    }
}

.bs-example .label {
    margin-right: 5px;
}

hr {
    border-top: 1px solid #d6d6d6;
}

@media (min-width: 1200px) {
    .scroll-animation [data-sr] {
        visibility: hidden;
    }
}

.form-target {
    display: none;
}

mark {
    background: none;
    padding: 0;
}

/*------------------------------------------------------------------
  * Loading Overlay option
  + Loading Overlay / .loading-overlay
  @mixin =============================================================*/

.loading-overlay {
    position: relative;
}

.loading-overlay > *:not(.loading) {
    opacity: 0.3;
}

.loading-overlay .loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 9;
}

.loading-overlay .loading:before {
    font-size: 3em;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -15px;
    z-index: 10;
    display: block;
}

.footer .loading-overlay .loading {
    color: #bebebe;
}

/*------------------------------------------------------------------
  * No items option
  + No items / .no-items
  @mixin =============================================================*/

.no-items {
    text-align: center;
}

.no-items__icon {
    font-size: 40px;
    display: block;
    color: #d1d1d1;
}

.no-items__icon svg {
    width: 40px;
    height: 31px;
    fill: #d1d1d1;
}

.no-items__icon--svg {
    font-size: inherit;
}

.no-items__title {
    display: inline-block;
    background: #d1d1d1;
    color: #fff;
    font-size: 25px;
    margin-top: 10px;
    padding: 0 15px;
    text-transform: uppercase;
}

.footer .no-items__title {
    color: #222 !important;
}

.no-items--align {
    margin: 0;
}

/*------------------------------------------------------------------
  * Parsley errors vendor fix style
  + Parsley / .parsley
  @mixin =============================================================*/

.parsley-errors-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 0.9em;
    line-height: 0.9em;
    opacity: 0;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    width: 100%;
}

.parsley-errors-list.filled {
    opacity: 1;
    margin-top: 5px;
}

@media (max-width: 767px) {
    .parsley-errors-list.filled {
        position: relative;
        bottom: 0;
        margin-bottom: 10px;
    }
}

.parsley-type,
.parsley-minlength {
    color: #f3bc65;
}

.parsley-required {
    color: #e95b35;
}

/*------------------------------------------------------------------
  * Range Slider vendor fix style
  + Range Slider / .irs
  @mixin =============================================================*/

.irs-line {
    background: #342f2c;
    background-image: -webkit-gradient(linear, left top, right top, from(#504843), to(#342f2c));
    background-image: linear-gradient(to right, #504843 0%, #342f2c 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF504843', endColorstr='#FF342F2C', GradientType=1);
}

.form--banner-sidebar:not(.form--white) .irs-line {
    background: rgba(255, 255, 255, 0.3);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.3)), to(white));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.3) 0%, white 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4DFFFFFF', endColorstr='#FFFFFFFF', GradientType=1);
}

/*------------------------------------------------------------------
  * Pnotify vendor fix style
  + Pnotify / .ui-pnotify-container
  @mixin =============================================================*/

.ui-pnotify-container.alert-success {
    background: #342f2c;
}

/*------------------------------------------------------------------
  * Select2 vendor fix style
  + Select2 / .ui-pnotify-container
  @mixin =============================================================*/

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #342f2c;
}

/*------------------------------------------------------------------
  * Player vendor fix style
  + Player / .player
  @mixin =============================================================*/

.player-controls button:focus,
.player-controls button:hover,
.player-controls [type="checkbox"]:focus + label,
.player-controls [type="checkbox"] + label:hover {
    background: #342f2c;
}

.player-progress-played[value] {
    z-index: 2;
    color: #342f2c;
}

.player-volume[type=range]:focus {
    outline: 0;
}

.player-volume[type=range]:focus::-webkit-slider-thumb {
    background: #342f2c;
}

.player-volume[type=range]:focus::-moz-range-thumb {
    background: #342f2c;
}

.player-volume[type=range]:focus::-ms-thumb {
    background: #342f2c;
}

/*------------------------------------------------------------------
  * Calendar fixes
  @mixin =============================================================*/

.daterangepicker th.month {
    color: #342f2c;
}

/*------------------------------------------------------------------
  * Switch
  + Switch / .switch
  @mixin =============================================================*/

.switch {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}

.switch * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}

.switch label {
    cursor: pointer;
}

.switch label input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0;
    display: none;
}

.switch label input[type=checkbox]:checked + .lever {
    background-color: #84c7c1;
}

.switch label input[type=checkbox]:checked + .lever:after {
    background-color: #26a69a;
}

.switch label .lever {
    content: "";
    display: inline-block;
    position: relative;
    width: 30px;
    height: 15px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 15px;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    vertical-align: middle;
    margin: 0 16px;
}

.header--white .switch label .lever {
    background-color: #d7d7d7;
}

.switch label .lever:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #F1F1F1;
    border-radius: 15px;
    left: -5px;
    top: 0;
    -webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease;
    transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease;
}

.header--white .switch label .lever:after {
    background-color: #342f2c;
}

.switch input[type=checkbox]:checked:not(:disabled) ~ .lever:active:after {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 10px rgba(38, 166, 154, 0.1);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 10px rgba(38, 166, 154, 0.1);
}

.switch input[type=checkbox]:not(:disabled) ~ .lever:active:after {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 10px rgba(0, 0, 0, 0.08);
}

.switch label input[type=checkbox]:checked + .lever:after {
    left: 16px;
}

.switch input[type=checkbox][disabled] + .lever {
    cursor: default;
}

.switch label input[type=checkbox][disabled] + .lever:after,
.switch label input[type=checkbox][disabled]:checked + .lever:after {
    background-color: #BDBDBD;
}

.switch--header {
    font-size: 13px;
    text-transform: uppercase;
}

.switch--header label input[type=checkbox]:checked + .lever {
    background-color: rgba(255, 255, 255, 0.5);
}

.switch--header label input[type=checkbox]:checked + .lever:after {
    background-color: #fff;
}

.header--overlay-map .switch--header label input[type=checkbox]:checked + .lever {
    background-color: #d7d7d7;
}

.header--overlay-map .switch--header label input[type=checkbox]:checked + .lever:after {
    background-color: #342f2c;
}

.header--white .switch--header label input[type=checkbox]:checked + .lever {
    background-color: #d7d7d7;
}

.header--white .switch--header label input[type=checkbox]:checked + .lever:after {
    background-color: #342f2c;
}

.switch--menu {
    font-size: 15px;
    text-transform: uppercase;
    margin: 10px 0 0 50px;
    color: #fff;
}

.switch--menu label input[type=checkbox]:checked + .lever {
    background-color: rgba(255, 255, 255, 0.5);
}

.switch--menu label input[type=checkbox]:checked + .lever:after {
    background-color: #fff;
}

.switch--menu label .lever {
    width: 50px;
    height: 20px;
}

.switch--menu label .lever:after {
    width: 20px;
    height: 20px;
}

.switch--menu label input[type=checkbox]:checked + .lever:after {
    left: 30px;
}

.title-thin {
    font-family: "Montserrat Thin", sans-serif;
}

[id^='__lpform_'] {
    display: none;
}

.widget:before,
.widget:after {
    content: " ";
    display: table;
}

.widget:after {
    clear: both;
}

.site__panel + .site__main > .widget:first-of-type {
    border-top: none;
}

.listing__param + .site__main > .widget:first-of-type {
    margin-top: 20px;
    border-top: none;
}

@media (max-width: 767px) {
    .widget__btn--goto + .site__main > .widget:first-of-type {
        border-top: none;
    }
}

.widget__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.widget__more {
    position: relative;
    border: 1px solid #d6d6d6;
    text-align: center;
    display: block;
    padding: 7px 20px;
    text-transform: uppercase;
    color: #2c3e50;
    text-decoration: none;
    vertical-align: middle;
    line-height: 1.6;
    font-weight: 600;
    margin: 0 auto;
    margin-top: 40px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.widget__more:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.widget__more.button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.widget__more.has-error,
.widget__more.error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.widget__more.has-error:after,
.widget__more.error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.widget__more.has-success,
.widget__more.success {
    color: transparent !important;
}

.widget__more.has-success:after,
.widget__more.success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .widget__more.button--loading:before {
    content: "";
}

.button--loading-refresh .widget__more.button--loading:before {
    content: "";
}

.button--loading-spinner .widget__more.button--loading:before {
    content: "";
}

.widget__more.hover,
.widget__more:hover {
    border-color: #c79c58;
    color: #c79c58;
    text-decoration: none;
}

.widget__more:active,
.widget__more.active {
    -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    border-color: #c79c58;
    background: #c79c58;
    color: #fff;
}

.widget__more:focus,
.widget__more.focus {
    text-decoration: none;
    outline: none;
}

.widget__more:disabled,
.widget__more.disabled {
    cursor: not-allowed;
    color: #ccc;
    border-color: #efefef;
}

.widget__more.progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .widget__more {
        margin-top: 30px;
    }
}

.widget__btn--toggle {
    font-size: 17px;
    color: #2c3e50;
    text-align: center;
    border: 1px solid #d6d6d6;
    padding: 15px 0;
    background: #fff;
    text-transform: uppercase;
    width: 100%;
    font-weight: bold;
    outline: none;
    margin-top: 40px;
    cursor: pointer;
    background: #e4e4e4;
    margin-top: -1px;
    display: none;
}

.widget__btn--toggle:hover {
    color: #2c3e50;
}

.widget__btn--toggle:after {
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    border: 1px solid #2c3e50;
    margin-left: 10px;
    width: 26px;
    height: 26px;
    vertical-align: top;
    text-align: center;
    line-height: 26px;
    padding: 0 0 0 2px;
}

.widget__btn--toggle.active:after {
    content: "\f078";
}

@media (max-width: 767px) {
    .widget__btn--toggle {
        display: block;
    }
}

.widget__btn--goto {
    font-size: 17px;
    color: #2c3e50;
    text-align: center;
    border: 1px solid #d6d6d6;
    padding: 15px 0;
    background: #fff;
    text-transform: uppercase;
    width: 100%;
    font-weight: bold;
    outline: none;
    margin-top: 40px;
    cursor: pointer;
    background: #fff;
    margin-top: 20px;
    display: none;
}

.widget__btn--goto:hover {
    color: #2c3e50;
}

.widget__btn--goto:after {
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    border: 1px solid #2c3e50;
    margin-left: 10px;
    width: 26px;
    height: 26px;
    vertical-align: top;
    text-align: center;
    line-height: 26px;
    padding: 0 0 0 2px;
}

.widget__btn--goto.active:after {
    content: "\f078";
}

@media (max-width: 767px) {
    .widget__btn--goto {
        display: block;
    }
}

.widget--dashboard {
    background: #fff;
    padding: 40px;
    margin-top: 20px;
}

.widget--dashboard:first-of-type {
    margin-top: 0;
}

@media (max-width: 767px) {
    .widget--dashboard {
        padding: 20px;
    }
}

.widget--dashboard .widget__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.widget--dashboard .widget__btn {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    text-decoration: none;
    border: 2px solid #2c3e50;
    background: none;
    color: #2c3e50;
    white-space: inherit;
    line-height: 1;
    font-size: 12px;
    border-width: 1px;
    width: auto;
    margin-left: 10px;
    margin-right: 0;
}

.widget--dashboard .widget__btn:hover,
.widget--dashboard .widget__btn:focus,
.widget--dashboard .widget__btn.active {
    color: #333;
    text-decoration: none;
    outline: none;
}

.widget--dashboard .widget__btn:disabled,
.widget--dashboard .widget__btn.disabled {
    cursor: not-allowed;
}

.widget--dashboard .widget__btn.progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.widget--dashboard .widget__btn:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.widget--dashboard .widget__btn.button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.widget--dashboard .widget__btn.has-error,
.widget--dashboard .widget__btn.error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.widget--dashboard .widget__btn.has-error:after,
.widget--dashboard .widget__btn.error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.widget--dashboard .widget__btn.has-success,
.widget--dashboard .widget__btn.success {
    color: transparent !important;
}

.widget--dashboard .widget__btn.has-success:after,
.widget--dashboard .widget__btn.success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .widget--dashboard .widget__btn.button--loading:before {
    content: "";
}

.button--loading-refresh .widget--dashboard .widget__btn.button--loading:before {
    content: "";
}

.button--loading-spinner .widget--dashboard .widget__btn.button--loading:before {
    content: "";
}

@media (min-width: 992px) {
    .widget--dashboard .widget__btn.hover,
    .widget--dashboard .widget__btn:hover {
        border-color: #c79c58;
        color: #c79c58;
    }
}

.widget--dashboard .widget__btn:active,
.widget--dashboard .widget__btn.active {
    -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    border-color: #c79c58;
    background: #c79c58;
    color: #fff;
}

.widget--dashboard .widget__btn:disabled,
.widget--dashboard .widget__btn.disabled {
    color: #ccc;
    border-color: #efefef;
}

.widget--dashboard .widget__btn--action {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    border: none;
    border-bottom: 4px solid #a37936;
    background: #c79c58;
    color: #222;
    white-space: inherit;
    margin-right: 0;
    width: auto;
}

.widget--dashboard .widget__btn--action:hover,
.widget--dashboard .widget__btn--action:focus,
.widget--dashboard .widget__btn--action.active {
    color: #333;
    text-decoration: none;
    outline: none;
}

.widget--dashboard .widget__btn--action:disabled,
.widget--dashboard .widget__btn--action.disabled {
    cursor: not-allowed;
}

.widget--dashboard .widget__btn--action.progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.widget--dashboard .widget__btn--action:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.widget--dashboard .widget__btn--action.button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.widget--dashboard .widget__btn--action.has-error,
.widget--dashboard .widget__btn--action.error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.widget--dashboard .widget__btn--action.has-error:after,
.widget--dashboard .widget__btn--action.error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.widget--dashboard .widget__btn--action.has-success,
.widget--dashboard .widget__btn--action.success {
    color: transparent !important;
}

.widget--dashboard .widget__btn--action.has-success:after,
.widget--dashboard .widget__btn--action.success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .widget--dashboard .widget__btn--action.button--loading:before {
    content: "";
}

.button--loading-refresh .widget--dashboard .widget__btn--action.button--loading:before {
    content: "";
}

.button--loading-spinner .widget--dashboard .widget__btn--action.button--loading:before {
    content: "";
}

.widget--dashboard .widget__btn--action.hover,
.widget--dashboard .widget__btn--action:hover {
    border-bottom: 4px solid #c79c58;
    color: #222;
}

.widget--dashboard .widget__btn--action:active,
.widget--dashboard .widget__btn--action.active {
    border-top: 4px solid #a37936;
    border-bottom: none;
    color: #222;
}

.widget--dashboard .widget__btn--action:disabled,
.widget--dashboard .widget__btn--action.disabled {
    color: #ccc;
    background: #efefef;
    border-bottom: 4px solid #dedede;
}

.widget--dashboard .widget__title {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}

@media (max-width: 767px) {
    .widget--dashboard .widget__title {
        font-size: 20px;
    }
}

.widget--dashboard .widget__header + .widget__content {
    margin-top: 50px;
}

@media (max-width: 767px) {
    .widget--dashboard .widget__header + .widget__content {
        margin-top: 30px;
    }
}

.widget--main {
    margin-top: 50px;
    border-top: 1px solid #d6d6d6;
}

@media (max-width: 767px) {
    .widget--main {
        margin-top: 30px;
    }
}

.widget--main .widget__title {
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 40px 0 0 0;
}

@media (max-width: 767px) {
    .widget--main .widget__title {
        font-size: 20px;
    }
}

.widget--main .widget__card--collapse .widget__title {
    position: relative;
    margin-top: 20px;
    font-family: "Source Sans Pro", sans-serif;
}

@media (max-width: 767px) {
    .widget--main .widget__card--collapse .widget__title {
        font-size: 20px;
        padding: 0 0 0 35px;
    }

    .widget--main .widget__card--collapse .widget__title:before {
        font-size: 14px;
        display: inline-block;
        font-family: FontAwesome;
        content: "";
        border: 1px solid #2c3e50;
        color: #2c3e50;
        display: inline-block;
        margin: -3px 0 0 0;
        font-weight: normal;
        text-align: center;
        width: 24px;
        line-height: 24px;
        height: 24px;
        position: absolute;
        top: 4px;
        left: 0;
        text-decoration: none;
    }

    .widget--main .widget__card--collapse .widget__title.active {
        color: #342f2c;
    }

    .widget--main .widget__card--collapse .widget__title.active:before {
        content: '\f068';
    }
}

.widget--main .widget__header + .widget__content {
    margin-top: 40px;
}

.widget--details {
    margin-top: 30px;
}

.widget--details:first-of-type {
    margin-top: 0;
    border-top: none;
}

.widget--details .widget__title {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.widget--details .widget__header + .widget__content {
    margin-top: 30px;
}

.widget--sidebar {
    margin-top: 50px;
}

.widget--sidebar:first-of-type:not(.widget--first-no-head) {
    margin-top: 26px;
}

@media (max-width: 767px) {
    .widget--sidebar {
        margin-top: 0;
    }

    .widget--sidebar.widget--opened {
        margin-top: 30px;
    }
}

.widget--sidebar .widget__title {
    margin-top: 5px;
    margin-bottom: 10px;
    font-family: "Montserrat", sans-serif;
    text-align: left;
    font-size: 28px;
    color: #2c3e50;
    font-weight: 600;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .widget--sidebar .widget__title {
        text-align: center;
        /*display: none;*/
    }
}

.widget--sidebar .widget__headline {
    font-size: 14px;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 0;
    line-height: 2;
    text-align: center;
    font-size: 15px;
    text-transform: none;
    margin: 4px 0 0;
    line-height: 1.1;
    text-align: left;
}

.widget--sidebar .widget__headline strong {
    font-weight: 600;
}

@media (max-width: 767px) {
    .widget--sidebar .widget__headline {
        font-size: 14px;
        margin-top: 25px;
        line-height: 1.4;
        min-height: auto;
    }
}

.sidebar .widget--sidebar .widget__headline {
    margin: 4px 0 0;
}

@media (max-width: 767px) {
    .widget--sidebar .widget__headline {
        text-align: center;
        display: none;
    }
}

.widget--landing .widget__content {
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 50px;
  }

.widget--sidebar .widget__content {
    padding: 25px 30px;
    background: #fff;
    border: 1px solid #dedede;
}

.widget--sidebar .widget__header + .widget__content {
    margin-top: 11px;
}

@media (max-width: 767px) {
    .widget--sidebar .widget__content {
        display: none;
    }
}

.widget--landing .widget__header {
    margin-top: 50px;
    margin-bottom: 40px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.widget--landing .widget__header:before,
.widget--landing .widget__header:after {
    content: " ";
    display: table;
}

.widget--landing .widget__header:after {
    clear: both;
}

@media (min-width: 480px) {
    .widget--landing .widget__header {
        width: 480px;
    }
}

@media (min-width: 768px) {
    .widget--landing .widget__header {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .widget--landing .widget__header {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .widget--landing .widget__header {
        width: 1200px;
    }
}

@media (max-width: 767px) {
    .widget--landing .widget__header {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

.widget--landing .widget__title {
    font-size: 28px;
    color: #2c3e50;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 10px;
    text-align: left;
    /*font-family: "Montserrat", sans-serif;*/
}

.sidebar .widget--landing .widget__title {
    font-size: 34px;
}

.footer .widget--landing .widget__title {
    font-family: "Source Sans Pro", sans-serif;
}

@media (max-width: 767px) {
    .widget--landing .widget__title {
        font-size: 26px;
        text-align: center;
    }

    .sidebar .widget--landing .widget__title {
        font-size: 26px;
        text-align: center;
    }
}

.widget--landing .widget__headline {
    font-size: 15px;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 20px;
    line-height: 2;
    text-align: left;
    text-transform: uppercase;
    overflow: auto;
}

.widget--landing .widget__headline strong {
    font-weight: 600;
}

@media (max-width: 767px) {
    .widget--landing .widget__headline {
        font-size: 14px;
        margin-top: 25px;
        line-height: 1.4;
        min-height: auto;
    }
}

.sidebar .widget--landing .widget__headline {
    margin: 4px 0 0;
}
/*
.widget--landing .widget__content {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 50px;
}

.widget--landing .widget__content:before,
.widget--landing .widget__content:after {
    content: " ";
    display: table;
}

.widget--landing .widget__content:after {
    clear: both;
}

@media (min-width: 480px) {
    .widget--landing .widget__content {
        width: 480px;
    }
}

@media (min-width: 768px) {
    .widget--landing .widget__content {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .widget--landing .widget__content {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .widget--landing .widget__content {
        width: 1200px;
    }
}

@media (max-width: 767px) {
    .widget--landing .widget__content {
        padding-bottom: 30px;
    }
}
*/

.widget--sidebar-dashboard .widget__title {
    color: #2c3e50;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 34px;
    text-align: left;
}

@media (max-width: 767px) {
    .widget--sidebar-dashboard .widget__title {
        text-align: center;
    }
}

.widget--sidebar-dashboard .widget__headline {
    font-size: 14px;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 0;
    line-height: 2;
    text-align: center;
    font-size: 15px;
    text-transform: none;
    margin: 4px 0 0;
    line-height: 1.1;
    text-align: left;
}

.widget--sidebar-dashboard .widget__headline strong {
    font-weight: 600;
}

@media (max-width: 767px) {
    .widget--sidebar-dashboard .widget__headline {
        font-size: 14px;
        margin-top: 25px;
        line-height: 1.4;
        min-height: auto;
    }
}

.sidebar .widget--sidebar-dashboard .widget__headline {
    margin: 4px 0 0;
}

@media (max-width: 767px) {
    .widget--sidebar-dashboard .widget__headline {
        text-align: center;
    }
}

.widget--sidebar-dashboard .widget__content {
    background: #fff;
    padding: 20px;
}

.widget--sidebar-dashboard .widget__content:before,
.widget--sidebar-dashboard .widget__content:after {
    content: " ";
    display: table;
}

.widget--sidebar-dashboard .widget__content:after {
    clear: both;
}

.widget--sidebar-dashboard .widget__content:first-of-type {
    margin-top: 0;
}

.widget--first-no-head {
    margin-top: 100px;
}

@media (max-width: 767px) {
    .widget--first-no-head {
        margin-top: 30px;
    }
}

.widget--filter {
    display: none;
}

@media (max-width: 767px) {
    .widget--filter {
        display: block;
    }
}

.widget--bg {
    background: url("/templates/luxforsale2/img/bg-search.jpg") 50% 0 no-repeat #f6f6f6;
    padding-top: 15px;
}

.widget--bg .widget__header {
    margin: 80px auto 50px;
}

@media (max-width: 767px) {
    .widget--bg .widget__header {
        margin: 30px auto;
    }
}

.widget--gray {
    background: #f6f6f6;
}

.widget--no-margin {
    margin-top: 0;
}

.widget--no-border {
    border-top: none;
}

.widget--sep {
    border-top: 1px solid #d6d6d6;
}

.widget--listing {
    border-top: none;
    margin-top: 20px;
}

.widget--dark .widget__content {
    background: #e4e4e4;
}

@media (max-width: 767px) {
    .widget--collapsing {
        margin-top: 0;
    }

    .widget--collapsing.widget--opened {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .widget--collapsing .widget__header {
        width: auto;
        margin: 0;
        padding: 0;
    }
}

@media (max-width: 767px) {
    .widget--collapsing .widget__title {
        display: none;
    }
}

@media (max-width: 767px) {
    .widget--collapsing .widget__headline {
        display: none;
    }
}

@media (max-width: 767px) {
    .widget--collapsing .widget__content {
        display: none;
    }
}

.widget--opened .widget__title {
    display: block;
}

.widget--opened .widget__headline {
    display: block;
}

.widget--opened .widget__content {
    display: block;
}

.widget--opened .widget__btn {
    display: none;
}

.widget--achievement {
    /*background: url("/templates/luxforsale2/img/bg-achievement.jpg") 50% 50% no-repeat;
    background:#2c3d4d;*/
    text-shadow: 0px 0px 5px #1C2935;
}

@media (max-width: 767px) {
    .widget--achievement {
        background: url("/templates/luxforsale2/img/bg-achievement.jpg") 50% 50% no-repeat;
        background-size: cover;
    }
}

@media (min-width: 1200px) {
    .widget--achievement {
        overflow: hidden;
    }
}

.widget--footer .widget__title {
    font-size: 17px;
    color: #c79c58;
    margin: 30px 0 15px;
    font-weight: 600;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .widget--footer .widget__title {
        margin-top: 25px;
        margin-bottom: 25px;
    }
}

.widget--footer .widget__more {
    border: 2px solid #bebebe;
    padding: 5px 10px;
    display: inline-block;
}

.widget--footer .widget__more:hover {
    color: #bebebe;
}

.widget--footer .widget__more:active {
    background: none;
}

@media (max-width: 767px) {
    .widget:not(.widget--sidebar-dashboard).widget--collapsing .widget__content {
        margin-top: 30px;
        padding: 0;
    }
}

/*------------------------------------------------------------------
  * Workers widget
  + Worker / .worker
    __ Item / .worker__item
    -- Worker sidebar / .worker--sidebar
    -- Worker card / .worker--card
    -- Worker list / .worker--list
    -- Worker details / .worker--details
    -- Worker grid / .worker--grid
    -- Worker sidebar-advanced / .worker--sidebar-advanced
  @mixin =============================================================*/

.worker__name {
    margin: 7px 0 7px;
    text-transform: uppercase;
    font-size: 24px;
    color: #342f2c;
    font-weight: 600;
}

@media (max-width: 767px) {
    .worker__name {
        font-size: 17px;
        margin-bottom: 0;
    }
}

.worker__post {
    padding: 10px 0;
}

@media (max-width: 767px) {
    .worker__post {
        padding: 3px 0;
        border: none;
    }
}

.worker__tel {
    margin: 10px 0 10px 0;
    font-size: 20px;
    color: #342f2c;
    font-weight: 600;
    text-decoration: none;
}

.worker__tel:hover {
    text-decoration: none;
    color: #342f2c;
}

@media (max-width: 767px) {
    .worker__tel {
        font-size: 17px;
        margin: 5px 0 0 0;
    }
}

.worker__contacts {
    color: #2c3e50;
}

.worker__contacts a {
    font-weight: 600;
    color: #342f2c;
    margin-left: 5px;
}

.worker__contacts a:first-child {
    margin-left: 0 !important;
}

.worker__contacts > div > span {
    width: 20%;
    display: inline-block;
    vertical-align: middle;
}

.worker__contacts > div > a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
}

.worker__contacts > div > a:first-child {
    width: 100%;
}

.worker__listings a {
    font-weight: 600;
    margin-left: 5px;
}

.worker__favorites {
    font-style: normal;
    margin-right: 10px;
}

.worker__favorites:before {
    font-size: 1em;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
}

.worker__favorites--highlight {
    color: #c79c58;
}

.worker__avatar {
    background: #e4e4e4;
    padding: 25px 0 0 0;
    margin: 19px 0 11px 0;
}

.worker__avatar svg {
    fill: #2c3e50;
    width: 85%;
    margin: 0 auto 0;
    display: block;
    height: 130px;
}

.worker__avatar-upload {
    text-align: center;
    font-size: 13px;
    color: #342f2c;
    border: none;
    background: none;
    width: 100%;
    display: block;
}

.worker__nav {
    margin: 27px 0 0 10px;
}

.worker__nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.worker__nav li {
    margin: 18px 0;
}

.worker__nav a {
    text-transform: uppercase;
    color: #2c3e50;
    display: block;
}

.worker__show {
    border: 1px solid #d6d6d6;
    color: #342f2c;
    text-align: center;
    background: #fff;
    margin: 15px auto 0;
    padding: 6px 10px;
    display: none;
    width: 170px;
}

.worker__show:before {
    font-size: 1em;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    margin-right: 10px;
}

.opened .worker__show {
    display: none;
}

@media (max-width: 767px) {
    .worker__show {
        display: block;
    }
}

.worker__intro-col:before,
.worker__intro-col:after {
    content: " ";
    display: table;
}

.worker__intro-col:after {
    clear: both;
}

.worker__intro-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.worker__intro-name {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.worker__intro-brand {
    text-align: center;
}

.worker__more {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    text-decoration: none;
    border: 2px solid #2c3e50;
    background: none;
    color: #2c3e50;
    width: 130px;
    display: none;
    background: none;
}

.worker__more:hover,
.worker__more:focus,
.worker__more.active {
    color: #333;
    text-decoration: none;
    outline: none;
}

.worker__more:disabled,
.worker__more.disabled {
    cursor: not-allowed;
}

.worker__more.progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.worker__more:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.worker__more.button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.worker__more.has-error,
.worker__more.error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.worker__more.has-error:after,
.worker__more.error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.worker__more.has-success,
.worker__more.success {
    color: transparent !important;
}

.worker__more.has-success:after,
.worker__more.success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .worker__more.button--loading:before {
    content: "";
}

.button--loading-refresh .worker__more.button--loading:before {
    content: "";
}

.button--loading-spinner .worker__more.button--loading:before {
    content: "";
}

@media (min-width: 992px) {
    .worker__more.hover,
    .worker__more:hover {
        border-color: #c79c58;
        color: #c79c58;
    }
}

.worker__more:active,
.worker__more.active {
    -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    border-color: #c79c58;
    background: #c79c58;
    color: #fff;
}

.worker__more:disabled,
.worker__more.disabled {
    color: #ccc;
    border-color: #efefef;
}

@media (max-width: 767px) {
    .worker__more {
        display: block;
        margin: 10px auto 0;
    }
}

@media (min-width: 1200px) {
    .worker--index:hover .worker__details {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .worker--index:hover .worker__link {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@media (max-width: 1199px) {
    .worker--index {
        padding: 0 30px;
    }
}

@media (max-width: 767px) {
    .worker--index {
        margin-bottom: 30px;
    }

    .worker--index:last-of-type {
        margin-bottom: 0;
    }
}

@media (min-width: 1200px) {
    .worker--index.animate-end .worker__name,
    .worker--index.animate-end .worker__tel,
    .worker--index.animate-end .worker__more {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.worker--index .worker__name {
    margin-bottom: 0;
    margin-top: 0;
    color: #2c3e50;
    text-transform: none;
}

@media (min-width: 1200px) {
    .worker--index .worker__name {
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 0;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
}

@media (max-width: 767px) {
    .worker--index .worker__name {
        font-size: 20px;
    }
}

.worker--index .worker__post {
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: none;
    font-weight: normal;
}

.worker--index .worker__photo {
    position: relative;
    overflow: hidden;
}

.worker--index .worker__info {
    background: #fff;
    text-align: center;
    padding-top: 30px;
}

.worker--index .worker__more {
    text-transform: uppercase;
    font-size: 12px;
    color: #a6a6a6;
    display: block;
    border: none;
    width: 90px;
    margin: 9px auto 0;
    padding-bottom: 20px;
}

.worker--index .worker__more:hover,
.worker--index .worker__more:active {
    background: none;
}

@media (min-width: 1200px) {
    .worker--index .worker__more {
        -webkit-transform: translateY(90px);
        -ms-transform: translateY(90px);
        transform: translateY(90px);
        opacity: 0;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
}

.worker--index .worker__details {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.8)));
    background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#CC000000', GradientType=0);
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    padding: 60px 0 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
}

.worker--index .worker__links {
    padding: 10px 0;
}

.worker--index .worker__link {
    font-size: 20px;
    color: #fff;
    margin: 0 10px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.worker--index .worker__link:nth-child(1) {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
}

.worker--index .worker__link:nth-child(2) {
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px);
}

.worker--index .worker__link:nth-child(3) {
    -webkit-transform: translateY(300px);
    -ms-transform: translateY(300px);
    transform: translateY(300px);
}

.worker--index .worker__link:nth-child(4) {
    -webkit-transform: translateY(400px);
    -ms-transform: translateY(400px);
    transform: translateY(400px);
}

.worker--index .worker__link-icon {
    fill: #fff;
    width: 18px;
    height: 13px;
}

.worker--index .worker__tel {
    margin: 9px 0 0 0;
    color: #342f2c;
    font-size: 17px;
    font-weight: bold;
    display: block;
}

.worker--index .worker__tel:hover {
    color: #342f2c;
    border: none;
}

@media (min-width: 1200px) {
    .worker--index .worker__tel {
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px);
        opacity: 0;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
}

.worker--sidebar .worker__name {
    font-size: 15px;
    text-align: left;
    margin-top: 0;
}

.worker--sidebar .worker__post {
    font-size: 14px;
    border: none;
    text-align: left;
    font-weight: normal;
    padding-top: 3px;
    margin-bottom: 0;
}

.worker--sidebar .worker__photo {
    position: relative;
    float: left;
    width: 41.66667%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding: 0 !important;
    margin: 0 0 10px 0;
    float: none;
}

.worker--sidebar .worker__photo img {
    display: block;
    margin: 0;
}

.worker--sidebar .worker__tel {
    clear: both;
    font-size: 15px;
    text-align: left;
    margin: 0;
    display: inline-block;
}

.worker--sidebar .worker__tel:hover {
    color: #342f2c;
    border-bottom-color: #342f2c;
}

.worker--card {
    margin: 0 auto;
    width: 50%;
}

@media (max-width: 991px) {
    .worker--card {
        width: 80%;
    }
}

@media (max-width: 767px) {
    .worker--card {
        width: 100%;
    }
}

.worker--card .worker__photo {
    margin: 12px 0 0;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 50%;
}

@media (max-width: 767px) {
    .worker--card .worker__photo {
        padding: 0;
        margin: 0 auto;
        float: none;
    }

    .worker--card .worker__photo img {
        margin: 0;
    }
}

.worker--card .worker__intro {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}

@media (min-width: 768px) {
    .worker--card .worker__intro {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .worker--card .worker__intro {
        text-align: center;
    }
}

.worker--card .worker__name {
    font-size: 30px;
    margin-top: 10px;
    text-transform: none;
    color: #2c3e50;
}

.worker--card .worker__post {
    font-size: 15px;
    border: none;
    font-weight: normal;
    padding-top: 3px;
    color: #606e7c;
}

.worker--card .worker__company {
    display: block;
    margin-top: 10px;
}

.worker--card .worker__company:hover {
    text-decoration: none;
}

.worker--card .worker__company-name {
    display: block;
    color: #606e7c;
    font-weight: 600;
    margin-top: 5px;
}

.worker--card .worker__more {
    margin-top: 30px;
    display: block;
    font-size: 12px;
    width: 150px;
    margin-left: 0;
}

@media (max-width: 767px) {
    .worker--card .worker__more {
        margin-left: auto;
    }
}

.worker--list .worker__photo {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0;
    padding-right: 30px;
    padding-left: 0;
}

@media (min-width: 1200px) {
    .worker--list .worker__photo {
        float: left;
        width: 33.33333%;
    }
}

@media (max-width: 1199px) {
    .worker--list .worker__photo {
        padding: 0;
        width: 50%;
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .worker--list .worker__photo {
        width: 60%;
        margin: 0 auto;
    }
}

.worker--list .worker__show {
    display: none;
}

.worker--list .worker__intro {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 11px;
}

@media (min-width: 1200px) {
    .worker--list .worker__intro {
        float: left;
        width: 66.66667%;
    }
}

@media (max-width: 1199px) {
    .worker--list .worker__intro {
        margin-bottom: 0;
    }
}

.worker--list .worker__name {
    border: none;
    margin: -4px 0 5px 0;
}

@media (max-width: 767px) {
    .worker--list .worker__name {
        text-align: center;
        margin: 15px 0 5px;
    }
}

.worker--list .worker__post {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    border: 0;
    padding: 0;
    margin-bottom: 13px;
}

@media (min-width: 1200px) {
    .worker--list .worker__post {
        float: left;
        width: 50%;
    }
}

@media (max-width: 1199px) {
    .worker--list .worker__post {
        margin-bottom: 3px;
    }
}

@media (max-width: 767px) {
    .worker--list .worker__post {
        text-align: center;
    }
}

.worker--list .worker__listings {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-right: 0;
    text-align: right;
}

@media (min-width: 1200px) {
    .worker--list .worker__listings {
        float: left;
        width: 50%;
    }
}

@media (max-width: 1199px) {
    .worker--list .worker__listings {
        margin-bottom: 13px;
        text-align: left;
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .worker--list .worker__listings {
        padding: 0 30px;
        text-align: center;
        margin-bottom: 0;
    }
}

.worker--list .worker__intro-head {
    background: url("/templates/luxforsale2/img/bg-border-dotted-horizontal.png") 0 100% repeat-x;
    display: block;
}

.worker--list .worker__intro-head:before,
.worker--list .worker__intro-head:after {
    content: " ";
    display: table;
}

.worker--list .worker__intro-head:after {
    clear: both;
}

@media (max-width: 767px) {
    .worker--list .worker__intro-head {
        background: none;
    }
}

.worker--list .worker__intro-row {
    clear: both;
}

.worker--list .worker__intro-row:before,
.worker--list .worker__intro-row:after {
    content: " ";
    display: table;
}

.worker--list .worker__intro-row:after {
    clear: both;
}

@media (max-width: 767px) {
    .worker--list .worker__intro-row {
        border-top: none;
        text-align: center;
    }
}

.worker--list .worker__intro-col {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding: 0;
}

@media (min-width: 768px) {
    .worker--list .worker__intro-col {
        float: left;
        width: 50%;
    }
}

.worker--list .worker__contacts {
    margin-top: 13px;
}

@media (max-width: 767px) {
    .worker--list .worker__contacts {
        text-align: center;
    }

    .worker--list .worker__contacts span {
        width: auto;
    }

    .worker--list .worker__contacts a {
        width: auto;
    }
}

.worker--list .worker__descr {
    margin-top: 13px;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .worker--list .worker__descr {
        margin-top: 0;
    }
}

@media (max-width: 1199px) {
    .worker--list .worker__descr p:last-of-type {
        margin-bottom: 0;
    }
}

.worker--list .social--worker {
    padding-bottom: 10px;
    padding-right: 0;
    width: 100%;
    float: none;
    -webkit-box-pack: inherit;
    -webkit-justify-content: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    display: block;
    text-align: right;
}

@media (max-width: 767px) {
    .worker--list .social--worker {
        padding-right: 0;
        margin-right: 0 !important;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}

.worker--list .social__item {
    margin-left: 20px !important;
    float: none;
}

.worker--details .worker__item {
    float: none;
}

@media (max-width: 767px) {
    .worker--details .worker__show {
        display: block;
        padding: 6px 10px;
        margin: 15px auto 0;
    }

    .worker--details .worker__intro-row {
        /*display: none;*/
    }

    .worker--details .worker__intro-name {
        -webkit-box-flex: inherit;
        -webkit-flex: inherit;
        -ms-flex: inherit;
        flex: inherit;
        width: 100%;
    }

    .worker--details .worker__descr {
    }

    .worker--details .worker__listings {
        display: none;
    }

    .worker--details .worker__intro-brand {
        display: none;
    }

    .worker--details .worker__form {
        display: none;
        padding-bottom: 20px;
    }

    .worker--details.opened .worker__show {
        display: none;
    }

    .worker--details.opened .worker__intro-row {
        display: block;
    }

    .worker--details.opened .worker__intro-brand {
        display: block;
        width: 100%;
    }

    .worker--details.opened .worker__descr {
        display: block;
    }

    .worker--details.opened .worker__listings {
        display: block;
    }

    .worker--details.opened .worker__form {
        display: block;
    }
}

.worker--details .worker__item {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .worker--details .worker__item {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
        margin-top: 30px;
    }
}

.worker--details .worker__name {
    text-transform: none;
    font-size: 30px;
}

.worker--details .worker__intro {
    margin-bottom: 0;
}

.worker--details .worker__company-name {
    font-size: 17px;
    margin-top: 5px;
}

.worker--details .worker__post {
    margin-top: 7px;
}

.worker--details .worker__intro-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.worker--details .worker__intro-row {
    padding: 0;
}

.worker--details .social--worker {
    margin-top: 16px;
}

@media (max-width: 767px) {
    .worker--details .social--worker {
        margin-top: 0;
        text-align: center;
    }

    .worker--details .social--worker .social__item {
        margin-left: 0;
    }
}

.worker--grid .worker__photo {
    margin: 0;
}

@media (max-width: 767px) {
    .worker--grid .worker__photo {
        width: 60%;
        margin: 0 auto;
    }
}

.worker--grid .worker__name {
    border: none;
    margin: 15px 0 8px 0;
    padding: 0;
}

@media (max-width: 767px) {
    .worker--grid .worker__name {
        text-align: center;
        margin: 15px 0 5px;
    }
}

.worker--grid .worker__show {
    display: none;
}

.worker--grid .worker__post {
    border: 0;
    padding: 0 0 10px;
}

@media (max-width: 767px) {
    .worker--grid .worker__post {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .worker--grid .worker__more {
        margin: 0 auto;
    }
}

.worker--grid .worker__listings {
    border-top: 1px solid #d6d6d6;
    padding: 17px 0 0;
    margin-top: 2px;
}

@media (max-width: 767px) {
    .worker--grid .worker__listings {
        text-align: center;
        margin: 0 10%;
        padding-top: 10px;
    }
}

.worker--grid .worker__descr {
    margin-top: 7px;
    line-height: 1.5;
    clear: both;
    max-height: 200px;
    overflow: hidden;
    padding-right: 0;
    padding-left: 0;
}

.worker--grid .worker__descr p {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .worker--grid .worker__descr {
        height: auto;
        margin: 7px 10% 15px;
        text-align: center;
    }
}

.worker--sidebar-advanced:before,
.worker--sidebar-advanced:after {
    content: " ";
    display: table;
}

.worker--sidebar-advanced:after {
    clear: both;
}

@media (max-width: 767px) {
    .worker--sidebar-advanced.opened .worker__item {
        margin-top: 0;
        border-bottom: none;
    }

    .worker--sidebar-advanced.opened .worker__intro-row {
        display: block;
    }

    .worker--sidebar-advanced.opened .worker__descr {
        display: block;
    }

    .worker--sidebar-advanced.opened .worker__listings {
        display: block;
        text-align: center;
    }

    .worker--sidebar-advanced.opened .worker__form {
        display: block;
    }
}

.worker--sidebar-advanced .worker__item {
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 0;
}

.worker--sidebar-advanced .worker__item:before,
.worker--sidebar-advanced .worker__item:after {
    content: " ";
    display: table;
}

.worker--sidebar-advanced .worker__item:after {
    clear: both;
}

@media (max-width: 767px) {
    .worker--sidebar-advanced .worker__item {
        margin-top: 0;
    }
}

.worker--sidebar-advanced .worker__form {
    clear: both;
    background: #fff !important;
    border: 1px solid #d6d6d6;
    border-top: none;
}

.worker--sidebar-advanced .worker__photo {
    margin: 6px 0 0;
}

.worker--sidebar-advanced .worker__name {
    border: none;
    margin: 0;
    text-align: center;
}

.worker--sidebar-advanced .worker__nav {
    clear: both;
}

.worker--sidebar-advanced .worker__nav li:first-child {
    margin-top: 5px;
}

.worker--sidebar-advanced .worker__post {
    border: 0;
    padding: 0;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 7px;
}

.worker--sidebar-advanced .worker__post:before {
    content: " ";
    border-top: 1px solid #d6d6d6;
    width: 50%;
    margin: 8px auto;
    display: block;
}

.worker--sidebar-advanced .worker__listings {
    padding: 10px 0 13px;
    border-bottom: 1px dotted #d6d6d6;
    margin-bottom: 1px;
}

@media (max-width: 767px) {
    .worker--sidebar-advanced .worker__listings {
        display: none;
    }
}

.worker--sidebar-advanced .worker__listings a {
    font-weight: 600;
}

.worker--sidebar-advanced .worker__intro-row:before,
.worker--sidebar-advanced .worker__intro-row:after {
    content: " ";
    display: table;
}

.worker--sidebar-advanced .worker__intro-row:after {
    clear: both;
}

@media (max-width: 767px) {
    .worker--sidebar-advanced .worker__intro-row {
        display: none;
    }
}

.worker--sidebar-advanced .worker__intro-col {
    padding: 0;
}

.worker--sidebar-advanced .worker__contacts {
    margin-top: 13px;
}

.worker--sidebar-advanced .worker__contacts > div > a {
    color: #2c3e50;
}

@media (max-width: 991px) {
    .worker--sidebar-advanced .worker__contacts > div > span {
        width: 100%;
    }

    .worker--sidebar-advanced .worker__contacts > div > a {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .worker--sidebar-advanced .worker__contacts {
        text-align: center;
    }
}

.worker--sidebar-advanced .worker__descr {
    margin: 0 15px;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .worker--sidebar-advanced .worker__descr {
        display: none;
    }
}

.worker--sidebar-advanced .social--worker {
    width: 100%;
    float: none;
    margin-top: 10px;
}

@media (max-width: 767px) {
    .worker--sidebar-advanced .social--worker {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}

.worker--profile {
    margin-top: 0;
}

.worker--profile .worker__item {
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
    float: none;
    text-align: left;
    padding: 0;
    margin-bottom: 0;
}

.worker--profile .worker__item:before,
.worker--profile .worker__item:after {
    content: " ";
    display: table;
}

.worker--profile .worker__item:after {
    clear: both;
}

.worker--profile .worker__photo {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
    margin: 0;
}

@media (min-width: 992px) {
    .worker--profile .worker__photo {
        width: 33.33333%;
    }
}

.worker--profile .worker__show {
    display: none;
}

.worker--profile .worker__intro {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
}

@media (min-width: 992px) {
    .worker--profile .worker__intro {
        width: 66.66667%;
    }
}

@media (max-width: 991px) {
    .worker--profile .worker__intro {
        margin-top: 15px;
    }
}

.worker--profile .worker__name {
    font-size: 30px;
    margin-top: 0;
    text-transform: none;
    color: #2c3e50;
}

.worker--profile .worker__post {
    font-size: 15px;
    border: none;
    font-weight: normal;
    padding-top: 3px;
    color: #606e7c;
}

.worker--profile .worker__company {
    display: block;
    float: left;
}

.worker--profile .worker__company:hover {
    text-decoration: none;
}

.worker--profile .worker__company-name {
    display: block;
    color: #606e7c;
    font-weight: 600;
    float: left;
    margin-top: 10px;
    margin-left: 15px;
}

.worker--profile .worker__contacts {
    clear: both;
    background: url("/templates/luxforsale2/img/bg-border-dotted-horizontal.png") 0 0 repeat-x;
    margin-top: 20px;
    padding-top: 15px;
}

.worker--profile .worker__contacts:before,
.worker--profile .worker__contacts:after {
    content: " ";
    display: table;
}

.worker--profile .worker__contacts:after {
    clear: both;
}

.worker--profile .worker__contacts span {
    margin-top: 5px;
    display: block;
}

@media (max-width: 767px) {
    .worker--profile .worker__contacts span {
        display: inline-block;
        width: 20%;
    }
}

.worker--profile .worker__contacts a {
    display: block;
    margin-left: 0;
}

@media (max-width: 767px) {
    .worker--profile .worker__contacts a {
        display: inline-block;
        margin-left: 10px;
    }
}

.worker--profile .worker__intro-col {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    padding: 0;
}

@media (min-width: 1200px) {
    .worker--profile .worker__intro-col {
        width: 50%;
    }
}

.worker--profile .social--worker {
    margin-top: 20px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media (max-width: 991px) {
    .worker--profile .social--worker {
        float: none;
    }
}

.worker--profile .social--worker .social__item {
    margin-right: 30px;
}

/*------------------------------------------------------------------
  * Article widget
  + Article / .article
    -- Article grid / .article--grid
    -- Article sidebar / .article--sidebar
    -- Article list / .article--list
    -- Article details / .article--details
    -- Article footer / .article--footer
  @mixin =============================================================*/

.article__photo {
    position: relative;
    display: block;
}

.article__photo img {
    max-width: 100%;
    width: 100%;
}

.article__item-info {
    margin-left: 20px;
    margin-right: auto;
}

.article__item-title {
    font-size: 20px;
    color: #2c3e50;
    margin: -8px 0 0 0;
    display: inline-block;
    font-weight: 600;
}

.article__item-title:hover {
    color: #2c3e50;
}

.article__details {
    padding: 0px 7px 20px 7px;
}

@media (max-width: 767px) {
    .article__item-title {
        margin-top: 21px;
        font-size: 16px;
        line-height: 1.4;
    }
}

.article__item-title a {
    color: #2c3e50;
}

.article__intro {
    margin: 6px 0 14px 0;
}

@media (max-width: 767px) {
    .article__intro {
        margin-top: 5px;
        line-height: 1.4;
        overflow: hidden;
        position: relative;
    }
}

.article__more {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    text-decoration: none;
    border: 2px solid #2c3e50;
    background: none;
    color: #2c3e50;
    margin: 10px 0 10px 0;
    font-size: 12px;
    width: auto;
}

.article__more:hover,
.article__more:focus,
.article__more.active {
    color: #333;
    text-decoration: none;
    outline: none;
}

.article__more:disabled,
.article__more.disabled {
    cursor: not-allowed;
}

.article__more.progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.article__more:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.article__more.button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.article__more.has-error,
.article__more.error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.article__more.has-error:after,
.article__more.error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.article__more.has-success,
.article__more.success {
    color: transparent !important;
}

.article__more.has-success:after,
.article__more.success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .article__more.button--loading:before {
    content: "";
}

.button--loading-refresh .article__more.button--loading:before {
    content: "";
}

.button--loading-spinner .article__more.button--loading:before {
    content: "";
}

@media (min-width: 992px) {
    .article__more.hover,
    .article__more:hover {
        border-color: #c79c58;
        color: #c79c58;
    }
}

.article__more:active,
.article__more.active {
    -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    border-color: #c79c58;
    background: #c79c58;
    color: #fff;
}

.article__more:disabled,
.article__more.disabled {
    color: #ccc;
    border-color: #efefef;
}

@media (max-width: 767px) {
    .article__more {
        width: auto;
    }
}

.article__time {
    position: absolute;
    top: 0;
    right: 0;
    background: #2c3e50;
    color: #fff;
    display: block;
    width: 90px;
    text-align: center;
    padding: 10px 0;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .article__time {
        right: 0;
    }
}

.article__time strong {
    display: block;
    font-size: 20px;
}

.article__btn-more {
    position: relative;
    border: 1px solid #d6d6d6;
    text-align: center;
    display: block;
    padding: 7px 20px;
    text-transform: uppercase;
    color: #2c3e50;
    text-decoration: none;
    vertical-align: middle;
    line-height: 1.6;
    font-weight: 600;
    margin: 0 auto;
}

.article__btn-more:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.article__btn-more.button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.article__btn-more.has-error,
.article__btn-more.error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.article__btn-more.has-error:after,
.article__btn-more.error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.article__btn-more.has-success,
.article__btn-more.success {
    color: transparent !important;
}

.article__btn-more.has-success:after,
.article__btn-more.success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .article__btn-more.button--loading:before {
    content: "";
}

.button--loading-refresh .article__btn-more.button--loading:before {
    content: "";
}

.button--loading-spinner .article__btn-more.button--loading:before {
    content: "";
}

.article__btn-more.hover,
.article__btn-more:hover {
    border-color: #c79c58;
    color: #c79c58;
    text-decoration: none;
}

.article__btn-more:active,
.article__btn-more.active {
    -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    border-color: #c79c58;
    background: #c79c58;
    color: #fff;
}

.article__btn-more:focus,
.article__btn-more.focus {
    text-decoration: none;
    outline: none;
}

.article__btn-more:disabled,
.article__btn-more.disabled {
    cursor: not-allowed;
    color: #ccc;
    border-color: #efefef;
}

.article__btn-more.progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .article__btn-more {
        margin-top: 30px;
    }
}

.article__comment {
    float: right;
    color: #2c3e50;
    margin: 8px 0 0;
}

.article__comment:hover {
    color: #2c3e50;
}

.article__comment .fa {
    color: #342f2c;
    margin: 0 21px 0 0;
    font-size: 25px;
}

.article__tags a {
    color: #342f2c;
    text-decoration: underline;
    margin-left: 5px;
}

.article__preview {
    margin: 30px 0 0;
    position: relative;
    display: block;
}

.article__preview img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.article__preview iframe {
    max-width: 100%;
}

@media (max-width: 1199px) {
    .article__preview iframe {
        height: 360px;
    }
}

@media (max-width: 991px) {
    .article__preview iframe {
        height: 315px;
    }
}

.article__preview-play {
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    top: 50%;
    left: 50%;
    width: 76px;
    height: 76px;
    margin: -80px 0 0 -38px;
    text-align: center;
    border: none;
}

.article__preview-play:before {
    font-size: 3em;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    color: #fff;
}

@media (max-width: 767px) {
    .article__preview-play {
        display: none;
    }
}

.article__footer {
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    padding: 20px 0;
    margin: 46px 0 0;
}

.article__footer:before,
.article__footer:after {
    content: " ";
    display: table;
}

.article__footer:after {
    clear: both;
}

.article__footer .article__tags {
    margin: 10px 0 !important;
    float: left;
}

.article__body {
    margin-top: 30px;
}

.article__body p {
    margin: 13px 0;
}

.article__body iframe {
    max-width: 100%;
}

@media (max-width: 1199px) {
    .article__body iframe {
        height: 360px;
    }
}

@media (max-width: 991px) {
    .article__body iframe {
        height: 315px;
    }
}

.article__body blockquote {
    font-style: italic;
    margin: 13px 0 10px 60px;
    display: block;
}

@media (max-width: 991px) {
    .article__body blockquote {
        margin-left: 20px;
    }
}

.article__body ul {
    margin: 15px 0;
}

.article__body ul li {
    margin: 10px 0;
}

.article__body img {
    max-width: 100%;
}

@media (max-width: 767px) {
    .article__body img {
        float: none !important;
        margin: 0 auto 10px !important;
        display: block;
    }
}

.article__item-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.article__actions {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.article:hover .article__actions {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 1199px) {
    .article__actions {
        opacity: 1;
        visibility: visible;
    }
}

.article__link {
    font-size: 13px;
    color: #342f2c;
    border: none;
    background: none;
    text-transform: uppercase;
    vertical-align: top;
}

.article--grid .article__item-title {
    margin: 14px 0 0 0;
    line-height: 1.2;
}

@media (max-width: 767px) {
    .article--grid .article__intro {
        margin-bottom: 5px;
    }
}

.article--grid .article__more {
    margin-bottom: 0;
    margin-top: 0;
}

.article--sidebar .article__item-title {
    line-height: 1.2;
}

.article--sidebar .article__time {
    font-size: 14px;
    color: #2c3e50;
    margin: 5px 0;
    display: block;
    background: none;
    position: relative;
    top: auto;
    right: auto;
    text-align: left;
    width: auto;
    padding: 0;
}

.article--sidebar .article__details {
    width: 100%;
    padding: 0;
}

.article--sidebar .article__item-title {
    margin-top: 0;
}

.article--sidebar .article__intro {
    font-weight: normal;
    margin-bottom: 0;
}

.article--sidebar .article__more {
    margin: 0;
}

.article--list {
    position: relative;
    padding: 15px 15px;
}

.article--list .article__time {
    position: relative;
    right: auto;
}

.article--list .article__item-title {
    margin: 0;
    display: block;
}

.article--list .article__item-title:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (max-width: 767px) {
    .article--list .article__item-title {
        margin-top: 0;
    }
}

.article--list .article__tags {
    margin: 2px 0 0;
}

@media (max-width: 767px) {
    .article--list .article__preview {
        margin-bottom: 0;
    }
}

.article--list .article__intro {
    margin: 20px 0 0 0;
}

@media (max-width: 767px) {
    .article--list .article__intro {
        margin: 20px 0 0 0;
    }

    .article--list .article__intro:after {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 246, 246, 0)), to(#f6f6f6));
        background: linear-gradient(to bottom, rgba(246, 246, 246, 0) 0%, #f6f6f6 100%);
    }
}

.article--list .article__more {
    margin-bottom: 0;
}

@media (max-width: 1199px) {
    .article--list .article__comment {
        position: absolute;
        bottom: 35px;
        right: 0;
        line-height: 25px;
        vertical-align: top;
    }
}

@media (max-width: 767px) {
    .article--list .article__comment {
        bottom: 0;
    }
}

.article--details .article__time {
    position: relative;
    right: auto;
}

.article--details .article__item-header {
    margin-top: 30px;
}

.article--details .article__item-title {
    margin: 0;
    display: block;
}

.article--details .article__item-title:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (max-width: 767px) {
    .article--details .article__item-title {
        top: 0;
    }
}

.article--details .article__tags {
    margin: 2px 0 0;
}

@media (max-width: 991px) {
    .article--details .article__footer {
        display: none;
    }
}

@media (max-width: 1199px) {
    .article--details .article__comment {
        display: none;
    }
}

.article--footer {
    width: 100%;
}

.article--footer .article__details {
    width: 100%;
    padding: 0;
}

.article--footer .article__time {
    font-size: 14px !important;
    color: #fff !important;
    display: block;
    background: none;
    position: relative;
    top: auto;
    right: auto;
    text-align: left;
    width: auto;
    padding: 0;
}

.article--footer .article__btn-more {
    font-size: 12px;
    color: #bebebe;
    border: 2px solid #bebebe;
    padding: 5px 10px;
    margin: 10px 0;
    width: 120px;
    background: none;
}

.article--footer .article__btn-more:before {
    content: "";
    margin: 0;
}

.article--footer .article__item-title {
    margin-bottom: 0 !important;
    margin-top: 0;
    font-size: 14px;
    line-height: 15px;
    font-weight: bold;
}

.article--footer .article__item-title:hover {
    border-bottom: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: underline;
    color: #fff;
}

.article--feed .article__item-title {
    margin: 0;
    line-height: 1.2;
    font-size: 17px;
}

.article--feed .article__photo {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
    padding: 0;
}

@media (min-width: 992px) {
    .article--feed .article__photo {
        width: 25%;
    }
}

.article--feed .article__intro {
    font-size: 13px;
}

.article--feed .article__details {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
}

@media (min-width: 992px) {
    .article--feed .article__details {
        width: 75%;
    }
}

@media (max-width: 991px) {
    .article--feed .article__details {
        padding: 0;
        margin-top: 15px;
    }
}

.article--feed .article__more {
    margin-bottom: 0;
    margin-top: 0;
    border-width: 1px;
}

.article--management .article__item-title {
    margin: 14px 0 0 0;
    line-height: 1.2;
    font-size: 17px;
}

.article--management .article__intro {
    font-size: 13px;
}

@media (max-width: 767px) {
    .article--management .article__intro {
        margin-bottom: 5px;
    }
}

.article--management .article__more {
    margin-bottom: 0;
    margin-top: 0;
    border-width: 1px;
}

/*------------------------------------------------------------------
  * Article categories
  + Article categories / .article-categories
  @mixin =============================================================*/

.article-categories__list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.article-categories__item:last-child .article-categories__name {
    border-bottom: none;
}

.article-categories__name {
    color: #2c3e50;
    padding: 14px 0;
    border-bottom: 1px solid #dedede;
    display: block;
}

.article-categories__name:before,
.article-categories__name:after {
    content: " ";
    display: table;
}

.article-categories__name:after {
    clear: both;
}

.article-categories__count {
    float: right;
    font-size: 13px;
    padding: 2px 0px;
    border-radius: 5px;
    width: 30px;
    height: 25px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}



/*------------------------------------------------------------------
  * Form
  + Form / .form
    -- Form comment's / .form--comment
    -- Form contacts's / .form--contacts
    -- Form workers's / .form--workers
    -- Form sidebar-workers / .form--sidebar-workers
    -- Form footer / .form--footer
    -- Form properties / .form--properties
  @mixin =============================================================*/

.form:before,
.form:after {
    content: " ";
    display: table;
}

.form:after {
    clear: both;
}

.form .control-label {
    text-transform: uppercase;
    width: 100%;
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}

.form .form-group > br {
    display: none;
}

.form .form-group--inline > .control-label {
    display: inline-block;
    width: 110px;
    margin-bottom: 6px;
    margin-top: 4px;
}

@media (max-width: 767px) {
    .form .form-group--inline > .control-label {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .form .form-group--bottom {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

.form .form-group--right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.form .form-control {
    position: relative;
    z-index: 5;
}

.form .form-control.parsley-error {
    border: 1px solid #e95b35 !important;
}

.auth__nav-item:not(.open) .form .form-control {
    background: none !important;
}

.form hr {
    width: 100%;
    margin-top: 0;
}

.form__header:first-of-type .form__title {
    margin-top: 0;
}

.form__submit {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 700;
    position: relative;
    border: none;
    border-bottom: 4px solid #a37936;
    background: #c79c58;
    color: #FFF !important;
    margin-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
}

.form__submit:hover {
    background: #b48740;
    border-bottom: 4px solid #936c2d;
}

/*.form__submit:hover,
.form__submit:focus,
.form__submit.active {
    color: #333;
    text-decoration: none;
    outline: none;
}
*/
.form__submit:disabled,
.form__submit.disabled {
    cursor: not-allowed;
}

.form__submit.progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.form__submit:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.form__submit.button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.form__submit.has-error,
.form__submit.error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.form__submit.has-error:after,
.form__submit.error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.form__submit.has-success,
.form__submit.success {
    color: transparent !important;
}

.form__submit.has-success:after,
.form__submit.success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .form__submit.button--loading:before {
    content: "";
}

.button--loading-refresh .form__submit.button--loading:before {
    content: "";
}

.button--loading-spinner .form__submit.button--loading:before {
    content: "";
}

/*.form__submit.hover, .form__submit:hover {
    border-bottom: 4px solid #c79c58;
    color: #222;
}

.form__submit:active,
.form__submit.active {
    border-top: 4px solid #a37936;
    border-bottom: none;
    color: #222;
}*/

.form__submit:disabled,
.form__submit.disabled {
    color: #ccc;
    background: #efefef;
    border-bottom: 4px solid #dedede;
}

.form__buttons--double .form__submit {
    width: 45%;
    margin-top: 0;
}

.form .input-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.form__check {
    margin: 0;
    padding: 0;
    list-style: none;
}

.form-group--inline .form__check {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (max-width: 767px) {
    .form-group--inline .form__check {
        -webkit-box-flex: inherit;
        -webkit-flex: inherit;
        -ms-flex: inherit;
        flex: inherit;
        width: 100%;
    }
}

.form-group--inline .form__check li {
    display: inline-block;
    margin-left: 30px;
}

@media (max-width: 767px) {
    .form-group--inline .form__check li {
        margin-left: 0;
        margin-right: 10px;
    }
}

.form__reset {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    text-decoration: none;
    border: 2px solid #2c3e50;
    background: none;
    color: #2c3e50;
}

.form__reset:hover,
.form__reset:focus,
.form__reset.active {
    color: #333;
    text-decoration: none;
    outline: none;
}

.form__reset:disabled,
.form__reset.disabled {
    cursor: not-allowed;
}

.form__reset.progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.form__reset:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.form__reset.button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.form__reset.has-error,
.form__reset.error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.form__reset.has-error:after,
.form__reset.error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.form__reset.has-success,
.form__reset.success {
    color: transparent !important;
}

.form__reset.has-success:after,
.form__reset.success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .form__reset.button--loading:before {
    content: "";
}

.button--loading-refresh .form__reset.button--loading:before {
    content: "";
}

.button--loading-spinner .form__reset.button--loading:before {
    content: "";
}

@media (min-width: 992px) {
    .form__reset.hover,
    .form__reset:hover {
        border-color: #c79c58;
        color: #c79c58;
    }
}

.form__reset:active,
.form__reset.active {
    -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    border-color: #c79c58;
    background: #c79c58;
    color: #fff;
}

.form__reset:disabled,
.form__reset.disabled {
    color: #ccc;
    border-color: #efefef;
}

.form__reset:before {
    font-size: 12px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    margin: 0 5px 0 0;
}

.form__buttons--double .form__reset {
    width: 45%;
    margin-left: 10px;
}

.form__lens {
    background: none;
    border: none;
    outline: none !important;
    padding: 0;
    color: #d6d6d6;
    font-size: 16px;
    float: right;
    margin: -32px 5px 0 0;
    position: relative;
    z-index: 10;
}

.form--comment {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding: 0;
}

@media (min-width: 1200px) {
    .form--comment {
        float: left;
        width: 100%;
    }
}

.form--comment .form__row--tel {
    width: 48%;
    float: left;
    margin: 0 0 9px 0;
}

@media (max-width: 767px) {
    .form--comment .form__row--tel {
        width: auto;
        float: none;
        margin: 0 0 9px;
    }
}

.form--comment .form__row--email {
    width: 48%;
    float: right;
    margin: 0 0 9px 0;
}

@media (max-width: 767px) {
    .form--comment .form__row--email {
        width: auto;
        float: none;
        margin: 0 0 9px;
    }
}

.form--comment .form__submit {
    width: 200px;
    margin: 15px auto 0;
}

@media (max-width: 1199px) {
    .form--comment .form__submit {
        width: 150px;
        float: none;
        display: block;
        margin: 10px auto 0;
    }
}

.form--contacts {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding: 0;
}

@media (min-width: 1200px) {
    .form--contacts {
        float: left;
        width: 100%;
    }
}

.form--contacts .form__row--tel {
    width: 48%;
    float: left;
    margin: 0 0 9px 0;
}

@media (max-width: 767px) {
    .form--contacts .form__row--tel {
        width: auto;
        float: none;
        margin: 0 0 9px;
    }
}

.form--contacts .form__row--email {
    width: 48%;
    float: right;
    margin: 0 0 9px 0;
}

@media (max-width: 767px) {
    .form--contacts .form__row--email {
        width: auto;
        float: none;
        margin: 0 0 9px;
    }
}

@media (max-width: 767px) {
    .form--contacts .form__submit {
        margin: 10px auto 0;
        float: none;
        width: 150px;
        display: block;
    }
}

.form--footer {
    width: 300px;
    margin: 20px 0 0 0;
    padding-top: 0;
}

@media (max-width: 1199px) {
    .form--footer {
        width: 95%;
    }
}

@media (max-width: 767px) {
    .form--footer {
        margin-top: 0;
    }
}

.form--footer .form-control {
    border: 1px solid #bebebe;
    background: none;
    margin: 5px 0;
    color: #fff;
}

.form--footer .form-control::-moz-placeholder {
    color: #bebebe;
    opacity: 1;
}

.form--footer .form-control:-ms-input-placeholder {
    color: #bebebe;
}

.form--footer .form-control::-webkit-input-placeholder {
    color: #bebebe;
}

.form--footer textarea.form-control {
    min-height: 120px;
}

.form--footer .form__submit {
    width: 43%;
}

@media (max-width: 767px) {
    .form--properties .form__submit {
        width: 100%;
    }
}

.form--banner-sidebar {
    padding: 10px;
    background: rgba(255,255,255, 0.5);
    position: relative;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

@media (max-width: 991px) {
    .form--banner-sidebar {
        width: 100%;
    }
}

.form--banner-sidebar .control-label {
    color: #2c3e50;
    margin-bottom: 0;
}

.form--banner-sidebar:not(.form--white) .dropdown--select .dropdown-toggle {
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form--banner-sidebar:not(.form--white) .dropdown--select .dropdown-toggle:after {
    border-left: none;
}

.form--banner-sidebar .form-control {
    background: rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ADADAD;
    color: black;
}

.form--banner-sidebar .form__inputs .form-control {
    margin-top: 18px;
}

.form--banner-sidebar .form__mode-btn {
    color: #fff;
}

.form--banner-sidebar .form__buttons {
    margin-top: 10px;
    width: 100%;
}

.form--banner-sidebar .form__submit {
    width: 100%;
    margin-right: 10px;
    padding: 15px;
}

.form--banner-sidebar .form__buttons--double .form__submit {
    width: 45%;
    margin-top: 0;
}

.form--white {
    background: rgba(255, 255, 255, 0.9);
}

.form--white .control-label {
    color: #2c3e50;
}

.form--white .form-control {
    border: 1px solid #d6d6d6;
}

.form--white .form__mode-btn {
    color: #2c3e50;
}

.form--dark {
    background: rgba(44, 62, 80, 0.85);
}

.form--dark .control-label {
    color: #fff;
}

.form--dark .form-control {
    border: 1px solid #d6d6d6;
}

.form--dark .form__reset {
    border-color: #fff;
    color: #fff;
}

.form--article textarea.form-control {
    height: 600px;
}

.form--article .form__submit {
    width: 150px;
    float: none;
    margin-left: 0;
}

.form--flex .col-sm-12,
.form--flex .col-md-6,
.form--flex .col-lg-4 {
    padding-left: 10px;
    padding-right: 10px;
}

.form--flex .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.form--flex .row:before,
.form--flex .row:after {
    display: none;
    content: '';
}

.form--flex .row .form-group {
    padding-left: 10px;
    padding-right: 10px;
}

.form--flex .form__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.form--flex .form-group {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.form--flex .form-group--col-3 {
    width: 25%;
}

@media (max-width: 991px) {
    .form--flex .form-group--col-3 {
        width: 100%;
    }
}

.form--flex .form-group--col-4 {
    width: 33.3333%;
}

@media (max-width: 991px) {
    .form--flex .form-group--col-4 {
        width: 100%;
    }
}

.form--flex .form-group--col-6 {
    width: 50%;
}

@media (max-width: 991px) {
    .form--flex .form-group--col-6 {
        width: 100%;
    }
}

.form--flex .form-group--col-9 {
    width: 66.6666%;
}

@media (max-width: 991px) {
    .form--flex .form-group--col-9 {
        width: 100%;
    }
}

.form--flex .form-group--col-12 {
    width: 100%;
}

.form--flex .form__submit {
    /*margin-left: 10px;*/
}

.form--payment .form-group {
    width: 50%;
}

@media (max-width: 767px) {
    .form--payment .form-group {
        width: 100%;
    }
}

.form--payment .form__payments {
    margin-top: 20px;
    margin-left: -10px;
    margin-bottom: 20px;
    display: block;
    max-width: 100%;
}

.form--payment .form__submit {
    width: auto;
    float: none;
    margin: 15px auto 15px 10px;
}

.form--profile .form-group {
    width: 33.3333%;
}

@media (max-width: 1199px) {
    .form--profile .form-group {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .form--profile .form-group {
        width: 100%;
    }
}

.form--profile .form-group--social {
    width: 70%;
}

.form--profile .form-group--description {
    width: 100%;
}

.form--profile .form-control--description {
    height: 175px;
}

.form--profile .select2-container {
    width: 100% !important;
}

.form--property {
    margin-top: 40px;
}

.form--property .form-group {
    margin-bottom: 30px;
    width: 33.3333%;
}

@media (max-width: 991px) {
    .form--property .form-group {
        width: 100%;
        margin-bottom: 10px;
    }
}

.form--property .form-group--col-9 {
    width: 66.6666%;
}

@media (max-width: 991px) {
    .form--property .form-group--col-9 {
        width: 100%;
    }
}

.form--property .form-group--col-12 {
    width: 100%;
}

.form--property .form__submit {
    margin-top: 20px;
}

@media (max-width: 767px) {
    .form--property .form__submit {
        margin: 20px auto 0;
    }
}

.form--property .select2-container {
    width: 100% !important;
}

.form--property hr {
    margin-bottom: 30px;
}

.form--basic .form-group--description {
    width: 66.6666%;
}

@media (max-width: 991px) {
    .form--basic .form-group--description {
        width: 100%;
    }
}

.form--photo {
    margin-top: 0;
}

.form--photo img {
    max-width: 100%;
}

.form--auth .control-label {
    font-weight: normal;
    text-transform: none;
    margin-bottom: 5px;
}

.form--auth .form__options {
    color: #acacac;
    margin-left: 10px;
    margin-top: 10px;
}

.form--auth .form__options a,
.form--auth .form__options button {
    border: none;
    background: none;
    color: #2c3e50;
    text-decoration: underline;
    padding: 1px 3px;
    outline: none;
    text-align: left;
}

.form--auth .form__options--forgot {
    width: 80px;
    line-height: 1;
}

.form--auth .form__remember {
    margin-top: 10px;
}

.form--auth .form__submit {
    margin-right: 10px;
    margin-left: auto;
}

.form--restore .form__submit {
    width: 100%;
    margin-left: 10px;
}

.form--search .form-group--input .form__ranges {
    display: none;
}

.form--search .form-group--input .form__inputs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.form--search .form__mode {
    position: absolute;
    right: 10px;
}

.form--search .form__mode-btn {
    background: none;
    border: none;
    outline: none !important;
    padding: 0;
    font-size: 12px;
    text-transform: uppercase;
}

.form--search .form__ranges {
    position: relative;
    margin-top: 21px;
    width: 100%;
}

.form--search .form__ranges-in {
    display: none;
}

.form--search .form__inputs {
    display: none;
    margin-left: -10px;
    margin-right: -10px;
}

.form--search .form__inputs .form-control {
    margin-left: 10px;
    margin-right: 10px;
    width: 44%;
}

.form--search .form__favorite {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    text-decoration: none;
    border: 2px solid #2c3e50;
    background: none;
    color: #2c3e50;
    width: 100%;
    font-size: 13px;
    margin-top: 15px;
}

.form--search .form__favorite:hover,
.form--search .form__favorite:focus,
.form--search .form__favorite.active {
    color: #333;
    text-decoration: none;
    outline: none;
}

.form--search .form__favorite:disabled,
.form--search .form__favorite.disabled {
    cursor: not-allowed;
}

.form--search .form__favorite.progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.form--search .form__favorite:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.form--search .form__favorite.button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.form--search .form__favorite.has-error,
.form--search .form__favorite.error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.form--search .form__favorite.has-error:after,
.form--search .form__favorite.error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.form--search .form__favorite.has-success,
.form--search .form__favorite.success {
    color: transparent !important;
}

.form--search .form__favorite.has-success:after,
.form--search .form__favorite.success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .form--search .form__favorite.button--loading:before {
    content: "";
}

.button--loading-refresh .form--search .form__favorite.button--loading:before {
    content: "";
}

.button--loading-spinner .form--search .form__favorite.button--loading:before {
    content: "";
}

@media (min-width: 992px) {
    .form--search .form__favorite.hover,
    .form--search .form__favorite:hover {
        border-color: #c79c58;
        color: #c79c58;
    }
}

.form--search .form__favorite:active,
.form--search .form__favorite.active {
    -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    border-color: #c79c58;
    background: #c79c58;
    color: #fff;
}

.form--search .form__favorite:disabled,
.form--search .form__favorite.disabled {
    color: #ccc;
    border-color: #efefef;
}

.form--search .form__favorite:before {
    font-size: 1em;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    margin: 0 5px 0 0;
    color: #c79c58;
}

.form--wide {
    margin-top: 50px;
    background: #fff;
    padding: 35px 40px;
    position: relative;
    -webkit-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
    z-index: 50;
}

@media (max-width: 767px) {
    .form--wide {
        margin-top: 10px;
    }
}

.form--wide .form-group {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

@media (min-width: 992px) {
    .form--wide .form-group {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .form--wide .form-group {
        width: 20%;
    }
}

.form--wide .form__buttons {
    width: 58%;
    margin: 15px auto 0;
}

@media (max-width: 767px) {
    .form--wide .form__buttons {
        width: 100%;
    }
}

.form--wide .form__reset {
    width: 48%;
}

.form--wide .form__submit {
    width: 48%;
    margin: 0;
}

@media (min-width: 1200px) {
    .form--wide .form__ranges {
        margin-top: 10px;
    }
}

.form--wide-default {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 0;
    padding: 0 15px;
}

.form--sidebar .control-label {
    margin-bottom: 3px;
}

.form--sidebar .form-group {
    margin-bottom: 21px;
}

.form--sidebar .form__buttons {
    margin: 6px 0;
    padding: 0 10px;
    width: 100%;
}

.form--sidebar .form__reset {
    width: 47%;
    margin-left: 0;
}

.form--sidebar .form__submit {
    margin: 0;
    width: 47%;
    padding-left: 0;
    padding-right: 0;
}

.form--review {
    margin-top: 30px;
}

.form--review textarea.form-control {
    background: none;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .form--review .form-group--right {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (max-width: 767px) {
    .form--review .form__reset {
        width: 48%;
        margin-left: 0;
    }
}

.form--review .form__submit {
    margin-top: 0;
}

@media (max-width: 767px) {
    .form--review .form__submit {
        width: 48%;
        margin-left: 0;
    }
}

.form--workers {
    width: 66.666%;
    margin-top: 30px;
}

@media (max-width: 767px) {
    .form--workers {
        width: 100%;
    }
}

.form--workers .form__submit {
    margin-right: 10px;
    margin-left: auto;
}

@media (max-width: 767px) {
    .form--workers .form__submit {
        width: 100%;
        margin-left: 10px;
    }
}

.form--property-agent {
    margin-top: 40px;
}

@media (max-width: 767px) {
    .form--property-agent {
        /*display: none;*/
        padding: 0 0px 30px;
        margin-top: 0;
    }

    .opened .form--property-agent {
        display: block;
    }
}

.form--property-agent .form__submit {
    margin-top: 20px;
    margin-right: 10px;
    margin-left: auto;
}

@media (max-width: 767px) {
    .form--property-agent .form__submit {
        margin: 20px 0px 0;
        padding: 10px 0px;
        font-size: 22px;
    }
}

.form--property-agent .select2-container {
    width: 100% !important;
}

.form--article .form-group {
    position: relative;
}

.form--article-listing {
    display: none;
}

@media (max-width: 767px) {
    .form--article-listing {
        display: block;
        margin: 0 15px;
    }
}

.form--error-status {
    margin: 50px auto;
    width: 400px;
}

@media (max-width: 1199px) {
    .form--error-status {
        margin: 30px auto 0;
    }
}

@media (max-width: 991px) {
    .form--error-status {
        width: 90%;
    }
}

.form--property-add .form-group {
    margin-bottom: 30px;
    width: 33.3333%;
}

@media (max-width: 991px) {
    .form--property-add .form-group {
        width: 100%;
        margin-bottom: 10px;
    }
}

.form--property-add .form-group--col-9 {
    width: 66.6666%;
}

@media (max-width: 991px) {
    .form--property-add .form-group--col-9 {
        width: 100%;
    }
}

.form--property-add .form-group--col-12 {
    width: 100%;
}

.form--property-add .form__submit {
    margin-top: 20px;
}

@media (max-width: 767px) {
    .form--property-add .form__submit {
        margin: 20px auto 0;
    }
}

.form--property-add .select2-container {
    width: 100% !important;
}

.form--property-add hr {
    margin-bottom: 30px;
}

@media (min-width: 1200px) {
    .form--anim {
        -webkit-animation-name: wobble-reverse;
        animation-name: wobble-reverse;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
}

.form--map-bottom {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    z-index: 205;
    margin-top: -200px;
    padding: 35px 40px;
}

.form--map-bottom:before,
.form--map-bottom:after {
    content: " ";
    display: table;
}

.form--map-bottom:after {
    clear: both;
}

@media (min-width: 480px) {
    .form--map-bottom {
        width: 480px;
    }
}

@media (min-width: 768px) {
    .form--map-bottom {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .form--map-bottom {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .form--map-bottom {
        width: 1200px;
    }
}

@media (max-width: 767px) {
    .form--map-bottom {
        margin-top: 0;
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.form-group {
    margin-bottom: 9px;
}

.form-group.required .control-label:after {
    content: "*";
    color: red;
    margin-left: 3px;
}

input[type="file"].form-control {
    background: #342f2c;
    color: #fff;
    font-size: 13px;
    border: 2px solid #fff;
    outline: 2px solid #342f2c;
}

input[type="file"].form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline-offset: 0;
}

textarea.form-control,
.form textarea.form-control {
    height: 140px;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: relative;
    margin: 0;
}

.wpcf7-form-control-wrap {
    width: 100%;
}

div.wpcf7 img.ajax-loader {
    width: 16px;
    height: 16px;
    margin-top: 20px;
}

.js-select-checkboxes-btn {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dropdown--select ul {
    list-style: none;
    margin: 0;
    padding: 8px 15px;
}

.help-block {
    width: 100%;
    margin: 0;
}

.banner .help-block .parsley-errors-list.filled {
    margin-top: 0;
}

.banner .help-block .parsley-errors-list.filled li {
    padding: 5px;
    color: #2c3e50;
}

.banner .help-block .parsley-required {
    background: #e95b35;
    color: #fff;
}

.banner .help-block .parsley-type {
    background: #f3bc65;
}

/*------------------------------------------------------------------
  * Address block
  + Address / .address
    -- Address footes / .address--footer
  @mixin =============================================================*/

.address__headline {
    color: #fff;
    line-height: 1.3;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 24px;
    font-size: 15px;
}

.address__main {
    /*
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    */
}

.address__main span,
.address__main a {
    display: block;
    margin-bottom: 0 !important;
}

.address__main p {
    line-height: 2;
}

.address--footer .address__headline {
    font-weight: bold;
}

.address--footer .address__main {
    margin-bottom: 0;
}

/*------------------------------------------------------------------
  * Simple nav
  + Nav / .nav
    -- Nav footer / .nav--footer
  @mixin =============================================================*/

.nav--footer {
    color: #bebebe;
    margin: 19px 0 0;
    line-height: 2;
}

.nav--footer a {
    margin: 0 10px 0 0;
    margin-bottom: 0 !important;
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
}

@media (max-width: 767px) {
    .nav--footer a {
        font-size: 14px;
    }
}

.nav--footer a:after {
    /*content: '/';
    margin-left: 10px;
    color: #bebebe;*/
}

.nav--footer a:last-child:after {
    content: none;
}

.nav--sidebar .nav__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav--sidebar .nav__separator {
    margin: 8px 20px 0;
}

.nav--sidebar .nav__link {
    color: #a6a6a6;
    font-size: 17px;
    display: block;
    padding: 5px 0 10px 20px;
}

.nav--sidebar .nav__link.active {
    text-decoration: underline;
}

.nav--sidebar .nav__icon {
    width: 30px;
    height: 30px;
    fill: #2c3e50;
    position: relative;
    top: 10px;
    margin-right: 10px;
}

.nav--auth {
    width: 250px;
}

@media (max-width: 767px) {
    .nav--auth {
        width: 100%;
    }
}

.nav--auth .nav__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav--auth .nav__item {
    border-bottom: 1px solid #d6d6d6;
    margin: 0 20px;
}

.nav--auth .nav__item:last-of-type {
    border-bottom: none;
}

.nav--auth .nav__link {
    text-transform: uppercase;
    font-size: 17px;
    display: block;
    padding: 10px 0;
    color: #2c3e50;
}

.nav--auth .nav__link.active {
    text-decoration: underline;
}

/*------------------------------------------------------------------
  * Slider widget
  + Slider / .slider
    -- Slider wide / .slider--wide
    -- Slider dots / .slider--dots
    -- Slider article / .slider--article
    -- Slider listing / .slider--listing
    -- Slider small / .slider--small
  @mixin =============================================================*/

.slider {
    position: relative;
    /*min-height: 110px;*/
}

.slider__block {
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.slider__item {
    display: none;
    background: #ffffff;
    position: relative;
    padding: 0;
}

.slider__item.slick-active:after {
    background: transparent;
}

@media (min-width: 1200px) {
    .slider__item {
        -webkit-transition: 1s;
        transition: 1s;
    }
}

.slider__img {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: url("/templates/luxforsale2/img/ajax-loader.gif") no-repeat center center;
}

@media (max-width: 991px) {
    .slider__img--lg {
        display: none;
    }
}

@media (min-width: 992px) {
    .slider__img--sm {
        display: none;
    }
}

.slider__controls {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #342f2c;
    color: #fff;
    padding: 0 0 8px 10px;
    font-weight: 200;
}

.slider__control {
    width: 40px;
    height: 58px;
    display: inline-block;
    margin: 0 10px 0 0;
    color: #fff;
    background: none;
    border: none;
    vertical-align: bottom;
    outline: none;
}

.slider__control:hover,
.slider__control.hover {
    color: #504843;
}

.slider__control:active,
.slider__control.active {
    color: #c79c58;
}

.slider__control:disabled,
.slider__control.disabled {
    color: #ccc;
    cursor: not-allowed;
}

.slider__control--prev:before {
    font-size: 5em;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    line-height: 0.6;
}

@media (max-width: 991px) {
    .slider__control--prev:before {
        font-size: 2em;
    }
}

.slider__control--next:before {
    font-size: 5em;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    line-height: 0.6;
}

@media (max-width: 991px) {
    .slider__control--next:before {
        font-size: 2em;
    }
}

.slider__current {
    font-size: 36px;
    color: #fff;
    line-height: 48px;
}

.slider__total {
    font-size: 20px;
    color: #fff;
    position: relative;
    top: -10px;
}

.slider__description {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.9)));
    background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#E6000000', GradientType=0);
    color: #fff;
    padding: 60px 30px 30px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

@media (max-width: 767px) {
    .slider__description {
        max-height: 135px;
    }
}

.slider__wrap {
    position: relative;
}

.slider--wide {
    background: #ffffff;
}

.slider--wide .slider__block {
    visibility: hidden;
}

.slider--wide .slider__img {
    width: 100%;
    height: 100%;
    background: url("/templates/luxforsale2/img/ajax-loader.gif") no-repeat center center;
}

.slider--wide .slider__img img {
    max-width: 100%;
    min-height: 250px;
}

.slider--wide .slider__img--lg {
    display: block;
}

@media (max-width: 767px) {
    .slider--wide .slider__img--lg {
        display: none;
    }
}

.slider--wide .slider__img--sm {
    display: none;
}

@media (max-width: 767px) {
    .slider--wide .slider__img--sm {
        display: block;
    }
}

.slider--wide .slider__caption {
    background: rgba(52, 47, 44, 0.8);
    z-index: 20;
    padding: 40px;
    width: 700px;
    margin: -30px 0 0 -600px;
    position: absolute;
    top: 50%;
    left: 50%;
}

@media (min-width: 1200px) {
    .slider--wide .slider__caption {
        visibility: hidden;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        z-index: 20;
    }

    .slider--default .slider__caption {
        -webkit-transition: 1s;
        transition: 1s;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }

    .slider--default .slick-current .slider__caption {
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@media (max-width: 1430px) {
    .slider--wide .slider__caption {
        margin-left: -520px;
    }
}

@media (max-width: 1199px) {
    .slider--wide .slider__caption {
        padding: 30px 15px;
        position: relative;
        width: 100%;
        background: #342f2c;
        left: 0;
        margin: 0;
    }
}

@media (max-width: 767px) {
    .slider--wide .slider__caption {
        padding: 15px;
        min-height: 130px;
    }
}

@media (max-width: 400px) {
    .slider--wide .slider__caption {
        height: 150px;
    }
}

@media (min-width: 1200px) {
    .boxed .slider--wide .slider__caption {
        margin-left: -520px;
    }
}

.slider--wide .slider__address {
    color: #fff;
    font-size: 46px;
    font-weight: 600;
    display: block;
    font-family: "Montserrat", sans-serif;
    line-height: 1.1;
}

.slider--wide .slider__address:hover {
    color: #fff;
    text-decoration: none;
}

@media (max-width: 1199px) {
    .slider--wide .slider__address {
        font-size: 30px;
        padding: 0;
    }
}

@media (max-width: 767px) {
    .slider--wide .slider__address {
        font-size: 25px;
        margin-right: 140px;
    }
}

.slider--wide .slider__address-city {
    display: block;
    margin: 10px 0;
    font-size: 30px;
    font-weight: normal;
}

@media (max-width: 1199px) {
    .slider--wide .slider__address-city {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .slider--wide .slider__address-city {
        font-size: 14px;
    }
}

.slider--wide .slider__params {
    padding: 10px 0 19px;
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    margin-right: 200px;
}

@media (max-width: 1199px) {
    .slider--wide .slider__params {
        margin-right: 100px;
        display: none;
        border: 0;
    }
}

.slider--wide .slider__params dl {
    padding: 0;
    width: 50%;
    float: left;
    color: #fff;
    margin-bottom: 0;
}

.slider--wide .slider__params dl dt {
    float: left;
    clear: both;
}

.slider--wide .slider__params dl dd {
    float: left;
    margin-left: 5px;
}

.slider--wide .slider__price {
    background: #fff;
    color: #2c3e50;
    padding: 40px;
    margin: -70px -70px 0 10px;
    float: right;
    line-height: 0.9;
    font-family: "Montserrat", sans-serif;
}

@media (max-width: 1199px) {
    .slider--wide .slider__price {
        font-size: 11px;
        padding: 15px 35px;
        margin: -30px -15px 0 10px;
        min-width: 119px;
        line-height: initial;
    }
}

@media (max-width: 767px) {
    .slider--wide .slider__price {
        margin: -15px -15px 0 10px;
    }
}

.slider--wide .slider__price strong {
    font-size: 42px;
    display: block;
}

@media (max-width: 1199px) {
    .slider--wide .slider__price strong {
        font-size: 26px;
    }
}

.slider--wide .slider__more {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    border: none;
    border-bottom: 4px solid #a37936;
    background: #c79c58;
    color: #222;
    padding: 11px 66px;
    width: auto;
    margin: 0;
    position: absolute;
    right: 30px;
    bottom: 40px;
}

.slider--wide .slider__more:hover,
.slider--wide .slider__more:focus,
.slider--wide .slider__more.active {
    color: #333;
    text-decoration: none;
    outline: none;
}

.slider--wide .slider__more:disabled,
.slider--wide .slider__more.disabled {
    cursor: not-allowed;
}

.slider--wide .slider__more.progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.slider--wide .slider__more:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.slider--wide .slider__more.button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.slider--wide .slider__more.has-error,
.slider--wide .slider__more.error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.slider--wide .slider__more.has-error:after,
.slider--wide .slider__more.error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.slider--wide .slider__more.has-success,
.slider--wide .slider__more.success {
    color: transparent !important;
}

.slider--wide .slider__more.has-success:after,
.slider--wide .slider__more.success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .slider--wide .slider__more.button--loading:before {
    content: "";
}

.button--loading-refresh .slider--wide .slider__more.button--loading:before {
    content: "";
}

.button--loading-spinner .slider--wide .slider__more.button--loading:before {
    content: "";
}

.slider--wide .slider__more.hover,
.slider--wide .slider__more:hover {
    border-bottom: 4px solid #c79c58;
    color: #222;
}

.slider--wide .slider__more:active,
.slider--wide .slider__more.active {
    border-top: 4px solid #a37936;
    border-bottom: none;
    color: #222;
}

.slider--wide .slider__more:disabled,
.slider--wide .slider__more.disabled {
    color: #ccc;
    background: #efefef;
    border-bottom: 4px solid #dedede;
}

@media (max-width: 1199px) {
    .slider--wide .slider__more {
        padding: 6px 43px;
        bottom: 0;
        right: 0;
    }
}

.slider--wide .slider__preview {
    width: 100%;
    height: 100%;
}

.slider--wide .slider__controls {
    background: none;
    padding: 0;
    line-height: 1;
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: auto;
}

@media (max-width: 991px) {
    .slider--wide .slider__controls {
        margin-top: -40px;
    }
}

@media (max-width: 767px) {
    .slider--wide .slider__controls {
        margin-top: -70px;
    }
}

@media (max-width: 400px) {
    .slider--wide .slider__controls {
        margin-top: -70px;
    }
}

.slider--wide .slider__caption {
    visibility: hidden;
}

.slider--wide .slider__control {
    border: none;
    background: rgba(0, 0, 0, 0.8);
    width: 70px;
    height: 70px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    text-align: center;
}

@media (max-width: 991px) {
    .slider--wide .slider__control {
        width: 35px;
        height: 35px;
        margin-top: -15px;
    }
}

.slider--wide .slider__control:hover,
.slider--wide .slider__control.hover {
    color: #c79c58;
}

.slider--wide .slider__control:active,
.slider--wide .slider__control.active {
    color: #fff;
    background: rgba(199, 156, 88, 0.8);
}

.slider--wide .slider__control:disabled,
.slider--wide .slider__control.disabled {
    color: #fff;
    cursor: not-allowed;
    background: rgba(204, 204, 204, 0.8);
}

.slider--wide .slider__control--prev {
    left: 70px;
}

@media (max-width: 1550px) {
    .slider--wide .slider__control--prev {
        left: 10px;
    }
}

.boxed .slider--wide .slider__control--prev {
    left: 10px;
}

.slider--wide .slider__control--next {
    right: 70px;
}

@media (max-width: 1550px) {
    .slider--wide .slider__control--next {
        right: 10px;
    }
}

.boxed .slider--wide .slider__control--next {
    right: 10px;
}

@media (min-width: 1200px) {
    .slider--fadeIn .slick-current .slider__caption {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
    }
}

@media (min-width: 1200px) {
    .slider--fadeInUp .slick-current .slider__caption {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
    }
}

@media (min-width: 1200px) {
    .slider--fadeInUpBig .slick-current .slider__caption {
        -webkit-animation-name: fadeInUpBig;
        animation-name: fadeInUpBig;
    }
}

@media (min-width: 1200px) {
    .slider--fadeInDown .slick-current .slider__caption {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
    }
}

@media (min-width: 1200px) {
    .slider--fadeInDownBig .slick-current .slider__caption {
        -webkit-animation-name: fadeInDownBig;
        animation-name: fadeInDownBig;
    }
}

@media (min-width: 1200px) {
    .slider--fadeInLeft .slick-current .slider__caption {
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
    }
}

@media (min-width: 1200px) {
    .slider--fadeInLeftBig .slick-current .slider__caption {
        -webkit-animation-name: fadeInLeftBig;
        animation-name: fadeInLeftBig;
    }
}

@media (min-width: 1200px) {
    .slider--fadeInRight .slick-current .slider__caption {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
    }
}

@media (min-width: 1200px) {
    .slider--fadeInRightBig .slick-current .slider__caption {
        -webkit-animation-name: fadeInRightBig;
        animation-name: fadeInRightBig;
    }
}

@media (min-width: 1200px) {
    .slider--fadeOutUp .slick-current .slider__caption {
        -webkit-animation-name: fadeOutUp;
        animation-name: fadeOutUp;
    }
}

@media (min-width: 1200px) {
    .slider--fadeOutUpBig .slick-current .slider__caption {
        -webkit-animation-name: fadeOutUpBig;
        animation-name: fadeOutUpBig;
    }
}

@media (min-width: 1200px) {
    .slider--fadeOutDown .slick-current .slider__caption {
        -webkit-animation-name: fadeOutDown;
        animation-name: fadeOutDown;
    }
}

@media (min-width: 1200px) {
    .slider--fadeOutDownBig .slick-current .slider__caption {
        -webkit-animation-name: fadeOutDownBig;
        animation-name: fadeOutDownBig;
    }
}

@media (min-width: 1200px) {
    .slider--fadeOutLeft .slick-current .slider__caption {
        -webkit-animation-name: fadeOutLeft;
        animation-name: fadeOutLeft;
    }
}

@media (min-width: 1200px) {
    .slider--fadeOutLeftBig .slick-current .slider__caption {
        -webkit-animation-name: fadeOutLeftBig;
        animation-name: fadeOutLeftBig;
    }
}

@media (min-width: 1200px) {
    .slider--fadeOutRight .slick-current .slider__caption {
        -webkit-animation-name: fadeOutRight;
        animation-name: fadeOutRight;
    }
}

@media (min-width: 1200px) {
    .slider--fadeOutRightBig .slick-current .slider__caption {
        -webkit-animation-name: fadeOutRightBig;
        animation-name: fadeOutRightBig;
    }
}

@media (min-width: 1200px) {
    .slider--bounceIn .slick-current .slider__caption {
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn;
    }
}

@media (min-width: 1200px) {
    .slider--bounceInUp .slick-current .slider__caption {
        -webkit-animation-name: bounceInUp;
        animation-name: bounceInUp;
    }
}

@media (min-width: 1200px) {
    .slider--bounceInDown .slick-current .slider__caption {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown;
    }
}

@media (min-width: 1200px) {
    .slider--bounceInLeft .slick-current .slider__caption {
        -webkit-animation-name: bounceInLeft;
        animation-name: bounceInLeft;
    }
}

@media (min-width: 1200px) {
    .slider--bounceInRight .slick-current .slider__caption {
        -webkit-animation-name: bounceInRight;
        animation-name: bounceInRight;
    }
}

@media (min-width: 1200px) {
    .slider--bounceOutUp .slick-current .slider__caption {
        -webkit-animation-name: bounceOutUp;
        animation-name: bounceOutUp;
    }
}

@media (min-width: 1200px) {
    .slider--bounceOutDown .slick-current .slider__caption {
        -webkit-animation-name: bounceOutDown;
        animation-name: bounceOutDown;
    }
}

@media (min-width: 1200px) {
    .slider--bounceOutLeft .slick-current .slider__caption {
        -webkit-animation-name: bounceOutLeft;
        animation-name: bounceOutLeft;
    }
}

@media (min-width: 1200px) {
    .slider--bounceOutRight .slick-current .slider__caption {
        -webkit-animation-name: bounceOutRight;
        animation-name: bounceOutRight;
    }
}

@media (min-width: 1200px) {
    .slider--rotateIn .slick-current .slider__caption {
        -webkit-animation-name: rotateIn;
        animation-name: rotateIn;
    }
}

@media (min-width: 1200px) {
    .slider--rotateInUpLeft .slick-current .slider__caption {
        -webkit-animation-name: rotateInUpLeft;
        animation-name: rotateInUpLeft;
    }
}

@media (min-width: 1200px) {
    .slider--rotateInUpRight .slick-current .slider__caption {
        -webkit-animation-name: rotateInUpRight;
        animation-name: rotateInUpRight;
    }
}

@media (min-width: 1200px) {
    .slider--rotateInDownLeft .slick-current .slider__caption {
        -webkit-animation-name: rotateInDownLeft;
        animation-name: rotateInDownLeft;
    }
}

@media (min-width: 1200px) {
    .slider--rotateInDownRight .slick-current .slider__caption {
        -webkit-animation-name: rotateInDownRight;
        animation-name: rotateInDownRight;
    }
}

@media (min-width: 1200px) {
    .slider--rotateOut .slick-current .slider__caption {
        -webkit-animation-name: rotateOut;
        animation-name: rotateOut;
    }
}

@media (min-width: 1200px) {
    .slider--rotateOutUpLeft .slick-current .slider__caption {
        -webkit-animation-name: rotateOutUpLeft;
        animation-name: rotateOutUpLeft;
    }
}

@media (min-width: 1200px) {
    .slider--rotateOutUpRight .slick-current .slider__caption {
        -webkit-animation-name: rotateOutUpRight;
        animation-name: rotateOutUpRight;
    }
}

@media (min-width: 1200px) {
    .slider--rotateOutDownLeft .slick-current .slider__caption {
        -webkit-animation-name: rotateOutDownLeft;
        animation-name: rotateOutDownLeft;
    }
}

@media (min-width: 1200px) {
    .slider--rotateOutDownRight .slick-current .slider__caption {
        -webkit-animation-name: rotateOutDownRight;
        animation-name: rotateOutDownRight;
    }
}

@media (min-width: 1200px) {
    .slider--slideIn .slick-current .slider__caption {
        -webkit-animation-name: slideIn;
        animation-name: slideIn;
    }
}

@media (min-width: 1200px) {
    .slider--slideInUp .slick-current .slider__caption {
        -webkit-animation-name: slideInUp;
        animation-name: slideInUp;
    }
}

@media (min-width: 1200px) {
    .slider--slideInDown .slick-current .slider__caption {
        -webkit-animation-name: slideInDown;
        animation-name: slideInDown;
    }
}

@media (min-width: 1200px) {
    .slider--slideInLeft .slick-current .slider__caption {
        -webkit-animation-name: slideInLeft;
        animation-name: slideInLeft;
    }
}

@media (min-width: 1200px) {
    .slider--slideInRight .slick-current .slider__caption {
        -webkit-animation-name: slideInRight;
        animation-name: slideInRight;
    }
}

@media (min-width: 1200px) {
    .slider--slideOut .slick-current .slider__caption {
        -webkit-animation-name: slideOut;
        animation-name: slideOut;
    }
}

@media (min-width: 1200px) {
    .slider--slideOutUp .slick-current .slider__caption {
        -webkit-animation-name: slideOutUp;
        animation-name: slideOutUp;
    }
}

@media (min-width: 1200px) {
    .slider--slideOutDown .slick-current .slider__caption {
        -webkit-animation-name: slideOutDown;
        animation-name: slideOutDown;
    }
}

@media (min-width: 1200px) {
    .slider--slideOutLeft .slick-current .slider__caption {
        -webkit-animation-name: slideOutLeft;
        animation-name: slideOutLeft;
    }
}

@media (min-width: 1200px) {
    .slider--slideOutRight .slick-current .slider__caption {
        -webkit-animation-name: slideOutRight;
        animation-name: slideOutRight;
    }
}

@media (min-width: 1200px) {
    .slider--flip .slick-current .slider__caption {
        -webkit-animation-name: flip;
        animation-name: flip;
    }
}

@media (min-width: 1200px) {
    .slider--flipInX .slick-current .slider__caption {
        -webkit-animation-name: flipInX;
        animation-name: flipInX;
    }
}

@media (min-width: 1200px) {
    .slider--flipInY .slick-current .slider__caption {
        -webkit-animation-name: flipInY;
        animation-name: flipInY;
    }
}

@media (min-width: 1200px) {
    .slider--flipOutX .slick-current .slider__caption {
        -webkit-animation-name: flipOutX;
        animation-name: flipOutX;
    }
}

@media (min-width: 1200px) {
    .slider--flipOutY .slick-current .slider__caption {
        -webkit-animation-name: flipOutY;
        animation-name: flipOutY;
    }
}

@media (min-width: 1200px) {
    .slider--lightSpeedIn .slick-current .slider__caption {
        -webkit-animation-name: lightSpeedIn;
        animation-name: lightSpeedIn;
    }
}

@media (min-width: 1200px) {
    .slider--bounce .slick-current .slider__caption {
        -webkit-animation-name: bounce;
        animation-name: bounce;
    }
}

@media (min-width: 1200px) {
    .slider--flash .slick-current .slider__caption {
        -webkit-animation-name: flash;
        animation-name: flash;
    }
}

@media (min-width: 1200px) {
    .slider--pulse .slick-current .slider__caption {
        -webkit-animation-name: pulse;
        animation-name: pulse;
    }
}

@media (min-width: 1200px) {
    .slider--wiggle .slick-current .slider__caption {
        -webkit-animation-name: wiggle;
        animation-name: wiggle;
    }
}

@media (min-width: 1200px) {
    .slider--swing .slick-current .slider__caption {
        -webkit-animation-name: swing;
        animation-name: swing;
    }
}

@media (min-width: 1200px) {
    .slider--shake .slick-current .slider__caption {
        -webkit-animation-name: shake;
        animation-name: shake;
    }
}

@media (min-width: 1200px) {
    .slider--tada .slick-current .slider__caption {
        -webkit-animation-name: tada;
        animation-name: tada;
    }
}

@media (min-width: 1200px) {
    .slider--wobble .slick-current .slider__caption {
        -webkit-animation-name: wobble;
        animation-name: wobble;
    }
}

@media (min-width: 1200px) {
    .slider--hinge .slick-current .slider__caption {
        -webkit-animation-name: hinge;
        animation-name: hinge;
    }
}

@media (min-width: 1200px) {
    .slider--rollIn .slick-current .slider__caption {
        -webkit-animation-name: rollIn;
        animation-name: rollIn;
    }
}

@media (min-width: 1200px) {
    .slider--rollOut .slick-current .slider__caption {
        -webkit-animation-name: rollOut;
        animation-name: rollOut;
    }
}

@media (min-width: 1200px) {
    .slider--zoomIn .slick-current .slider__caption {
        -webkit-animation-name: zoomIn;
        animation-name: zoomIn;
    }
}

@media (min-width: 1200px) {
    .slider--zoomInDown .slick-current .slider__caption {
        -webkit-animation-name: zoomInDown;
        animation-name: zoomInDown;
    }
}

@media (min-width: 1200px) {
    .slider--zoomInLeft .slick-current .slider__caption {
        -webkit-animation-name: zoomInLeft;
        animation-name: zoomInLeft;
    }
}

@media (min-width: 1200px) {
    .slider--zoomInRight .slick-current .slider__caption {
        -webkit-animation-name: zoomInRight;
        animation-name: zoomInRight;
    }
}

@media (min-width: 1200px) {
    .slider--zoomInUp .slick-current .slider__caption {
        -webkit-animation-name: zoomInUp;
        animation-name: zoomInUp;
    }
}

@media (min-width: 1200px) {
    .slider--zoomOut .slick-current .slider__caption {
        -webkit-animation-name: zoomOut;
        animation-name: zoomOut;
    }
}

@media (min-width: 1200px) {
    .slider--zoomOutDown .slick-current .slider__caption {
        -webkit-animation-name: zoomOutDown;
        animation-name: zoomOutDown;
    }
}

@media (min-width: 1200px) {
    .slider--zoomOutLeft .slick-current .slider__caption {
        -webkit-animation-name: zoomOutLeft;
        animation-name: zoomOutLeft;
    }
}

@media (min-width: 1200px) {
    .slider--zoomOutRight .slick-current .slider__caption {
        -webkit-animation-name: zoomOutRight;
        animation-name: zoomOutRight;
    }
}

@media (min-width: 1200px) {
    .slider--zoomOutUp .slick-current .slider__caption {
        -webkit-animation-name: zoomOutUp;
        animation-name: zoomOutUp;
    }
}

@media (max-width: 991px) {
    .slider--dots {
        display: none;
    }
}

.slider--dots .slider__container {
    position: absolute;
    top: 200px;
    left: 0;
    right: 0;
}

.slider--dots .slider__item {
    overflow: hidden;
}

@media (max-width: 991px) {
    .slider--dots .slider__item {
        height: 940px;
    }
}

@media (max-width: 767px) {
    .slider--dots .slider__item {
        height: 890px;
    }
}

.slider--dots .slider__preview {
    height: 100%;
}

.slider--dots .slider__img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    background: url("/templates/luxforsale2/img/ajax-loader.gif") no-repeat center center;
}

.slider--dots .slider__caption {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@media (min-width: 992px) {
    .slider--dots .slider__caption {
        width: 66.66667%;
    }
}

.slider--dots .slick-dots {
    bottom: 20px;
}

.slider--dots .slick-dots li button {
    color: #fff;
}

.slider--dots .slick-dots li button:before {
    content: '';
}

.slider--dots .slick-dots li button:after {
    font-size: 10px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
}

.slider--dots .slick-dots li.slick-active button:after {
    font-size: 10px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
}

@media (max-width: 991px) {
    .slider--auth {
        display: none;
    }
}

.slider--auth .slider__preview {
    height: 100%;
}

.slider--init .slider__block {
    visibility: visible;
}

.slider--init .slider__caption {
    visibility: visible;
}

.slider--init .slider__controls {
    visibility: visible;
}

.slider--small {
    position: relative;
}

.slider--small .slider__item img {
    margin: 0;
    max-width: 100%;
}

.slider--small .slider__controls {
    padding: 11px 15px 4px 15px;
}

@media (max-width: 767px) {
    .slider--small .slider__controls {
        position: relative;
        text-align: center;
        padding: 5px 25px 10px;
    }
}

.slider--small .slider__current {
    margin: 0 4px 9px 19px;
    float: left;
}

@media (max-width: 767px) {
    .slider--small .slider__current {
        float: none;
        position: relative;
        top: 3px;
        line-height: 1;
        font-size: 27px;
    }
}

.slider--small .slider__total {
    margin: 0 20px 0 3px;
    top: 0;
}

@media (max-width: 767px) {
    .slider--small .slider__total {
        top: -6px;
        margin-left: 7px;
        font-size: 17px;
    }
}

.slider--small .slider__control {
    margin: 5px 0 0 0;
    width: 40px;
    height: 40px;
    padding: 0;
}

@media (max-width: 767px) {
    .slider--small .slider__control {
        height: 25px;
        width: 25px;
    }
}

.slider--small .slider__control:before {
    content: '';
    display: none;
}

.slider--small .slider__control--prev {
    float: left;
}

.slider--small .slider__control--next {
    float: right;
}

.slider--small .slider__control-icon {
    width: 30px;
    height: 40px;
    stroke: #fff;
    stroke-width: 1px;
    fill: none;
    fill-rule: evenodd;
}

@media (max-width: 767px) {
    .slider--small .slider__control-icon {
        width: 25px;
        height: 25px;
        stroke-width: 2px;
    }
}

.slider--thumbs {
    position: relative;
    margin: 0;
}

.slider--thumbs .slider__item {
    padding: 30px 0;
    z-index: 5;
    position: relative;
    background: none;
}

.slider--thumbs .slider__item img {
    margin: 0;
    max-width: 100%;
}

.slider--thumbs .slider__item.slick-current {
    z-index: 15;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

@media (min-width: 1200px) {
    .slider--thumbs .slider__item.slick-current img {
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
    }
}

.slider--thumbs .slider__block {
    padding: 0 35px;
}

.slider--thumbs .slider__control {
    margin: 0;
    width: 35px;
    height: auto;
    padding: 0;
    position: absolute;
    background: #342f2c;
    bottom: 30px;
    top: 30px;
}

.slider--thumbs .slider__control:before {
    content: '';
    display: none;
}

.slider--thumbs .slider__control--prev {
    left: 0;
}

.slider--thumbs .slider__control--next {
    right: 0;
}

.slider--thumbs .slider__control-icon {
    width: 30px;
    height: 40px;
    stroke: #fff;
    stroke-width: 1px;
    fill: none;
    fill-rule: evenodd;
}

@media (max-width: 1199px) {
    .slider--thumbs .slider__control-icon {
        width: 25px;
        height: 25px;
        stroke-width: 2px;
    }
}

.slider--thumbs .slider__categories {
    margin-top: 30px;
}

.slider--thumbs .slider__category {
    margin-right: 30px;
    text-transform: uppercase;
    color: #a6a6a6;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
}

.slider--thumbs .slider__category:hover {
    text-decoration: none;
}

.slider--thumbs .slider__category.active {
    border-bottom: 2px solid #2c3e50;
    color: #2c3e50;
}

/*------------------------------------------------------------------
  * Banner widget
  + Banner / .banner
    -- Banner wide / .banner--wide
    -- Banner subpage / .banner--subpage
    -- Banner play (special modifier for animation options) / .banner--play
  @mixin =============================================================*/

.banner {
    position: relative;
}

.banner .container {
    background: none !important;
}

.banner__title {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    margin: 10px 50px 0 0;
    line-height: 1.05;
    text-shadow: 0px 0px 4px RGBA(0, 0, 0, 0.6);
}

@media (min-width: 992px) {
    .banner__title {
        -webkit-transition: 0.5s;
        transition: 0.5s;
        /*-webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);*/
        /*opacity: 0;*/
    }
}

@media (max-width: 1199px) {
    .banner__title {
        font-size: 70px;
        margin: 0 120px 0 0;
    }
}

@media (max-width: 991px) {
    .banner__title {
        font-size: 7vw;
        margin: 25px 0 15px;
        text-align: center;
    }
}

.banner__title--2 {
    font-size: 66px;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    margin-top: 50px;
}

.banner__title--2 span {
    font-family: "Montserrat Thin", sans-serif;
    color: #342f2c;
    font-size: 160px;
    font-weight: 200;
    display: block;
}

@media (max-width: 1199px) {
    .banner__title--2 {
        font-size: 50px;
        margin-right: 0;
    }

    .banner__title--2 span {
        font-size: 100px;
    }
}

.banner__title--3 {
    font-size: 76px;
    font-family: "Montserrat Thin", sans-serif;
    text-transform: uppercase;
    margin-top: 50px;
    font-weight: 200;
    margin-right: 0;
}

.banner__title--3 strong {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}

@media (max-width: 1199px) {
    .banner__title--3 {
        font-size: 50px;
    }
}

.banner__title--4 {
    margin-right: 0;
    text-transform: uppercase;
    margin-top: 80px;
    line-height: 1;
}

@media (max-width: 1199px) {
    .banner__title--4 {
        font-size: 50px;
    }
}

@media (max-width: 991px) {
    .banner__title--4 {
        display: none;
    }
}

.banner__title--5 {
    font-size: 55px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    margin: 70px 0 0 0;
}

@media (max-width: 991px) {
    .banner__title--5 {
        display: none;
    }
}

.banner__title-span-1 {
    font-size: 50px;
}

.banner__title-span-2 {
    font-size: 100px;
    margin-top: -20px;
    display: block;
}

@media (max-width: 1199px) {
    .banner__title-span-2 {
        font-size: 80px;
        margin-top: -10px;
    }
}

.banner__title-span-3 {
    font-size: 40px;
    font-weight: 400;
    float: left;
    margin-left: 220px;
    margin-top: -14px;
}

@media (max-width: 1199px) {
    .banner__title-span-3 {
        margin-left: 170px;
    }
}

.banner__title-border-bottom {
    height: 6px;
    background: #fff;
    width: 435px;
    margin-left: 10px;
    display: inline-block;
}

@media (max-width: 1199px) {
    .banner__title-border-bottom {
        width: 300px;
    }
}

.banner__title-border-top {
    height: 6px;
    background: #fff;
    width: 205px;
    display: inline-block;
    margin-right: 10px;
    float: left;
}

@media (max-width: 1199px) {
    .banner__title-border-top {
        width: 150px;
    }
}

.banner__subtitle {
    font-size: 20px;
    font-weight: 400;
    margin: 20px 60px 0 0;
    line-height: 1.3;
}
.banner__subtitle a {
    /*color: #fff;*/
}

.banner__subtitle--2 {
    font-size: 17px;
}

.banner__subtitle--4 {
    font-size: 20px;
    margin-top: 40px;
}

.banner__btn {
    font-size: 30px;
    color: #c79c58;
    margin: 68px 0 0 23px;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
}

@media (max-width: 1199px) {
    .banner__btn {
        display: none;
    }
}

.banner__arrow {
    margin-top: -277px;
}

@media (max-width: 1199px) {
    .banner__arrow {
        display: none;
    }
}

.banner__arrow svg {
    stroke: #c79c58;
    width: 770px;
    height: 284px;
}

.banner__arrow-circle {
    color: #c79c58;
    margin: -71px 0 0 213px;
    font-size: 50px;
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

@media (max-width: 1199px) {
    .banner__arrow-circle {
        display: none;
    }
}

.banner__arrow-end {
    stroke: #c79c58;
    position: absolute;
    width: 30px;
    height: 30px;
    opacity: 0;
    margin: -272px 0 0 739px;
}

@media (max-width: 1199px) {
    .banner__arrow-end {
        display: none;
    }
}

.banner__features {
    color: #fff;
    list-style: disc;
    margin-left: 0;
    margin-top: 20px;
    font-size: 17px;
}

@media (max-width: 991px) {
    .banner__features {
        display: none;
    }
}

.banner__features li {
    margin: 10px 0;
}

.banner__sidebar-title {
    font-size: 30px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    color: #fff;
    margin: 30px 0;
    display: none;
}

.banner__sidebar-title--visible {
    display: block;
}

@media (max-width: 991px) {
    .banner__sidebar-title {
        display: block;
    }
}

.banner--subpage {
    position: relative;
    overflow: hidden;
}

.banner--subpage:before,
.banner--subpage:after {
    content: " ";
    display: table;
}

.banner--subpage:after {
    clear: both;
}

.banner--subpage .banner__img {
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -984px;
}

.banner--subpage .banner__title {
    padding: 97px 0 122px;
    color: rgba(255, 255, 255, 0.4);
    font-size: 300px;
    z-index: 10;
    position: relative;
    text-align: center;
    text-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
    margin: 0;
    font-weight: 600;
}

@media (max-width: 767px) {
    .banner--subpage .banner__title {
        font-size: 120px;
    }
}

.banner--wide .banner__item {
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    padding: 5vh 0 0 0;
    z-index: 200;
    height: 75vh;
    min-height: 600px;
}

.banner--wide .banner__item:before,
.banner--wide .banner__item:after {
    content: " ";
    display: table;
}

.banner--wide .banner__item:after {
    clear: both;
}

@media (max-width: 991px) {
    .banner--wide .banner__item {
        height: auto;
        padding: 125px 0 30px;
    }
}

@media (max-width: 767px) {
    .banner--wide .banner__item {
        padding-top: 45px;
    }
}

.banner--wide .banner__caption {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
}

@media (min-width: 992px) {
    .banner--wide .banner__caption {
        width: 66.66667%;
    }
}

.banner--wide .banner__search {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
    position: relative;
    z-index: 360;
    margin-top: 80px;
}

@media (min-width: 992px) {
    .banner--wide .banner__search {
        width: 33.33333%;
    }
}

.banner--play .banner__title {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

.banner--play .banner__subtitle {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

.banner--play .banner__btn {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
}

.banner--play .banner__arrow-circle {
    opacity: 1;
}

.banner--default .banner__item {
    padding: 50px 0;
}

@media (max-width: 991px) {
    .banner--default .banner__item {
        padding: 30px 0 0;
    }
}

@media (max-width: 767px) {
    .banner--default .banner__item {
        padding: 15px 0 0;
    }
}

.banner--slider .banner__title {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

.banner--slider .banner__subtitle {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

.banner--slider .banner__btn {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
}

.banner--slider .banner__arrow-circle {
    opacity: 1;
}

.banner--slider .banner__container {
    position: absolute;
    top: 200px;
    left: 0;
    right: 0;
}

@media (max-width: 991px) {
    .banner--slider .banner__container {
        padding-top: 130px;
        top: 0;
        position: relative;
        background: url("../media-demo/banner/banner-1.jpg") 50% 0 no-repeat;
        background-size: cover;
    }
}

@media (max-width: 767px) {
    .banner--slider .banner__container {
        padding-top: 60px;
        padding-bottom: 30px;
    }
}

@media (max-width: 991px) {
    .banner--slider .banner__container--auth {
        background: url("../media-demo/banner/banner-4.jpg") 50% 0 no-repeat;
    }
}

.banner--slider .banner__sidebar {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
    position: relative;
    z-index: 360;
    float: right !important;
}

@media (min-width: 992px) {
    .banner--slider .banner__sidebar {
        width: 33.33333%;
    }
}

/*------------------------------------------------------------------
  * Review widget (Testimonials)
  + Review / .review
    -- Review Wide / .review--wide
    -- Review list / .review--list
  @mixin =============================================================*/

.review__photo {
    position: relative;
    margin: 0;
    float: left;
    width: 50%;
    padding-right: 10px;
}

@media (max-width: 767px) {
    .review__photo {
        float: none;
        margin: 0 auto;
    }
}

.review__photo img {
    max-width: 100%;
}

@media (max-width: 767px) {
    .review__photo img {
        float: none;
        margin: 0 auto;
    }
}

.review__details {
    float: left;
    padding-left: 10px;
}

@media (max-width: 767px) {
    .review__details {
        float: none;
        text-align: center;
        padding: 0;
    }
}

.review__name {
    font-size: 17px;
    color: #2c3e50;
    font-weight: 900;
    padding: 0;
    text-transform: uppercase;
    display: block;
}

@media (max-width: 767px) {
    .review__name {
        font-size: 15px;
        margin-top: 0;
    }
}

.review__post {
    color: #2c3e50;
    display: block;
}

@media (max-width: 767px) {
    .review__post {
        font-size: 13px;
    }
}

.review__info {
    margin-top: 0;
}

.review__slider {
    overflow: hidden;
    padding: 0 0 50px 0;
    width: 100%;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .review__slider {
        padding-bottom: 10px;
    }
}

.review__controls {
    display: none;
}

.review .slick-dots {
    text-align: center;
    bottom: 0;
}

@media (max-width: 767px) {
    .review .slick-dots {
        bottom: -17px;
    }
}

.review li button:before {
    font-size: 10px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    color: #2c3e50;
    opacity: 1;
}

.review li.slick-active button:before {
    font-size: 10px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    color: #342f2c;
}

.review--wide {
    padding: 0 235px;
}

@media (max-width: 1199px) {
    .review--wide {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .review--wide .review__photo {
        padding-right: 0;
    }
}

.review--wide .review__photo img {
    float: right;
}

@media (max-width: 767px) {
    .review--wide .review__photo img {
        float: none;
    }
}

.review--wide .review__name {
    margin: 24px 0 0;
}

.review--wide .review__info {
    margin-top: 0;
    clear: both;
}

@media (max-width: 767px) {
    .review--wide .review__info {
        margin-top: -10px;
    }
}

.review--wide .review__info p {
    font-style: italic;
    color: #342f2c;
    text-align: center;
}

.review--wide .review__info-quote {
    font-size: 50px;
    line-height: 1;
    color: #2c3e50;
    height: 25px;
    font-weight: 600;
}

.review--wide .review__info-quote p {
    font-style: italic;
    color: #342f2c;
    text-align: center;
}

.review--wide .review__info-quote--close {
    float: right;
    margin-top: -30px;
}

@media (max-width: 991px) {
    .review--wide .review__info-quote--close {
        margin-top: -15px;
    }
}

.review--wide .review__stars {
    display: none;
}

.listing__item:nth-child(2n) .review--list .review__info,
.listing__item:nth-child(2n) .review--list .review__details,
.listing__item:nth-child(2n) .review--list .review__photo {
    float: right;
}

.listing__item:nth-child(2n) .review--list .review__info img,
.listing__item:nth-child(2n) .review--list .review__details img,
.listing__item:nth-child(2n) .review--list .review__photo img {
    float: right;
}

.review--list .review__item {
    margin-left: -15px;
    margin-right: -15px;
}

.review--list .review__item:before,
.review--list .review__item:after {
    content: " ";
    display: table;
}

.review--list .review__item:after {
    clear: both;
}

.review--list .review__info {
    margin-top: -6px;
}

@media (max-width: 991px) {
    .review--list .review__info {
        margin-top: 15px;
    }
}

.review--list .review__info-quote {
    display: none;
}

.review--list .review__stars {
    margin-top: 15px;
}

@media (max-width: 767px) {
    .review--list .review__stars {
        margin-top: 10px;
    }
}

.review--list .review__photo {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    float: left;
    width: 33.33333%;
}

@media (min-width: 480px) {
    .review--list .review__photo:nth-of-type(n) {
        clear: none;
    }

    .review--list .review__photo:nth-of-type(3n+1) {
        clear: both;
    }
}

@media (min-width: 992px) {
    .review--list .review__photo {
        width: 16.66667%;
    }
}

@media (min-width: 992px) {
    .review--list .review__photo:nth-of-type(n) {
        clear: none;
    }

    .review--list .review__photo:nth-of-type(6n+1) {
        clear: both;
    }
}

.review--list .review__photo img {
    width: 100%;
}

.review--list .review__details {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    float: left;
    width: 66.66667%;
    text-align: center;
}

@media (min-width: 480px) {
    .review--list .review__details:nth-of-type(n) {
        clear: none;
    }

    .review--list .review__details:nth-of-type(1.5n+1) {
        clear: both;
    }
}

@media (min-width: 992px) {
    .review--list .review__details {
        width: 25%;
    }
}

@media (min-width: 992px) {
    .review--list .review__details:nth-of-type(n) {
        clear: none;
    }

    .review--list .review__details:nth-of-type(4n+1) {
        clear: both;
    }
}

.review--list .review__info {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    float: left;
    width: 100%;
}

@media (min-width: 480px) {
    .review--list .review__info:nth-of-type(n) {
        clear: none;
    }

    .review--list .review__info:nth-of-type(1n+1) {
        clear: both;
    }
}

@media (min-width: 992px) {
    .review--list .review__info {
        width: 58.33333%;
    }
}

@media (min-width: 992px) {
    .review--list .review__info:nth-of-type(n) {
        clear: none;
    }

    .review--list .review__info:nth-of-type(1.71429n+1) {
        clear: both;
    }
}

.review--list .review__name {
    margin-top: -7px;
}

/*------------------------------------------------------------------
  * Scroll up button
  + Scroll Up Button / .scrollup
  @mixin =============================================================*/

.scrollup {
    position: fixed;
    background: #bebebe99;
    color: #222222;
    bottom: 5px;
    left: 5px;
    z-index: 9999;
    border: none;
    padding: 0 5px 3px 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
}

.scrollup:before {
    font-size: 1.5em;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    line-height: 1.3;
}

.scrollup.scrollup-show {
    opacity: 1;
}

@media (max-width: 1199px) {
    .scrollup {
        margin-left: 0;
        left: auto;
        right: 20px;
    }
}

/*------------------------------------------------------------------
  * Dropdown for select custom
  + Dropdown / .dropdown
    -- Dropdown select / .dropdown--select
  @mixin =============================================================*/

.dropdown__menu {
    display: block !important;
    opacity: 0;
    height: 0;
    overflow: hidden;
    cursor: default;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
    position: absolute;
    top: 30px;
    left: 0;
    padding: 0;
    border: 1px solid #dcdcdc;
}

.dropdown__menu:before {
    width: 7px;
    height: 7px;
    position: absolute;
    background: #fff;
    top: -4px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    content: "";
    display: block;
    left: 20px;
    border-top: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
}

.dropdown__menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}

.open .dropdown__menu {
    opacity: 1;
    height: auto;
    overflow: visible;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    pointer-events: auto;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.dropdown--select {
    width: 100%;
}

.dropdown--select .dropdown-toggle {
    display: block;
    width: 100%;
    height: 38px;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    color: #2c3e50;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d6d6d6;
    border-radius: 0;
    position: relative;
    z-index: 5;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    background: #fff;
    text-align: left;
    padding: 5px 30px 5px 20px;
}

.dropdown--select .dropdown-toggle:focus {
    border-color: #342f2c;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(52, 47, 44, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(52, 47, 44, 0.6);
}

.dropdown--select .dropdown-toggle::-moz-placeholder {
    color: #2c3e50;
    opacity: 1;
}

.dropdown--select .dropdown-toggle:-ms-input-placeholder {
    color: #2c3e50;
}

.dropdown--select .dropdown-toggle::-webkit-input-placeholder {
    color: #2c3e50;
}

.dropdown--select .dropdown-toggle[disabled],
.dropdown--select .dropdown-toggle[readonly],
fieldset[disabled] .dropdown--select .dropdown-toggle {
    cursor: not-allowed;
    background-color: #eeeeee;
    opacity: 1;
}

.dropdown--select .dropdown-toggle.parsley-error {
    border: 1px solid #e95b35;
}

.dropdown--select .dropdown-toggle.parsley-success {
    border: 1px solid #342f2c;
}

.dropdown--select .dropdown-toggle:after {
    display: block;
    position: absolute;
    bottom: 0;
    right: 10px;
    top: 0;
    padding: 5px 0 0 10px;
    color: #595959;
    font-size: 15px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    border-left: 1px solid #d6d6d6;
}

.dropdown--select .dropdown-menu {
    background: #fff;
    border: 1px solid #d6d6d6;
    margin-top: -1px;
    right: 0;
}

.dropdown--header .dropdown__btn {
    font-size: 13px;
    text-transform: uppercase;
    background: none;
    position: relative;
    padding: 0;
    display: block;
    border: none;
    font-weight: 700;
}

.dropdown--header .dropdown__btn:after {
    display: block;
    font-size: 10px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    padding: 0 0 0 11px;
    text-align: left;
    opacity: 0.5;
}

.dropdown--header .dropdown__menu {
    background: #fff;
    width: 125px;
}

.dropdown--header .dropdown__link {
    margin: 0 30px;
    padding: 3px 0;
    color: #2c3e50;
    display: block;
    text-transform: uppercase;
}

.dropdown--header .dropdown__link.active,
.dropdown--header .dropdown__link:hover {
    margin: 0;
    padding: 3px 30px;
    background: #342f2c;
    color: #fff;
    text-decoration: none;
}

.dropdown--header .dropdown__link.active {
    font-weight: bold;
}

/*------------------------------------------------------------------
  * Header block
  + Header / .header
  __ Header social / .header__social
  __ Header title / .header__title
  __ Header address / .header__address
  __ Header phone / .header__phone
  __ Header email / .header__email
  @mixin =============================================================*/

.header {
    z-index: 240;
    position: relative;
    background: #342f2c;
    color: #fff;
}

.header:before,
.header:after {
    content: " ";
    display: table;
}

.header:after {
    clear: both;
}

.header__row {
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
}

.header__settings {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 767px) {
    .header__settings {
        display: none;
    }
}

.header__settings-column {
    margin-right: 50px;
}

.header__settings-column:last-of-type {
    margin-right: 0;
}

@media (max-width: 1199px) {
    .header__settings-column {
        margin-right: 20px;
    }
}

.header__settings-icon {
    width: 16px;
    height: 16px;
    position: relative;
    top: 4px;
    margin: -3px 10px 0 0;
    opacity: 0.5;
}

.header__contacts {
    background: rgba(0, 0, 0, 0.1);
    margin-left: auto;
    height: 100%;
}

@media (max-width: 991px) {
    .header__contacts {
        margin-right: auto;
    }
}

@media (max-width: 767px) {
    .header__contacts {
        background: none !important;
        margin-left: 0;
        margin-right: 0;
    }
}

.header__social {
    margin-top: -4px;
    margin-left: 30px;
    margin-right: auto;
}

@media (max-width: 991px) {
    .header__social {
        display: none;
    }
}

.header__phone {
    color: #fff;
    display: block;
    font-weight: 400;
    line-height: 1;
    padding: 15px 40px 0;
}

.header__phone:hover {
    color: #fff;
}

@media (max-width: 767px) {
    .header__phone {
        padding: 15px 0 0;
    }
}

.header__phone-icon {
    width: 16px;
    height: 14px;
}

@media (max-width: 767px) {
    .header__phone-icon {
        width: 22px;
        height: 22px;
    }
}

.header__call {
    text-align: center;
    padding: 5px 15px 0;
}

.header__call:before {
    font-size: 2.1em;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    color: #fff;
}

@media (min-width: 768px) {
    .header__call {
        display: none;
    }
}

.header__logo {
    text-align: center;
    line-height: 1;
}

@media (min-width: 768px) {
    .header__logo {
        display: none;
    }
}

.header__logo svg {
    width: 50px;
    height: 35px;
}

@media (max-width: 767px) {
    .header__logo img {
        width: 100px;
    }
}

.header__navbar-toggle {
    background: none;
    border: none;
    height: 40px;
    width: 40px;
    padding: 0 !important;
    border-radius: 20px;
    outline: none;
}

.header__navbar-toggle.collapsed {
    background: #fff;
}

.header__navbar-toggle.collapsed .header__navbar-show {
    display: none;
}

.header__navbar-toggle.collapsed .header__navbar-hide {
    display: block;
    fill: #342f2c;
}

.header__navbar-toggle.collapsed svg {
    fill: #342f2c;
}

.header__navbar-toggle svg {
    width: 30px;
    height: 30px;
    margin-left: 5px;
}

@media (min-width: 768px) {
    .header__navbar-toggle {
        display: none;
    }
}

@media (max-width: 767px) {
    .header__navbar-toggle {
        padding-top: 0;
        -webkit-transform: translate(0px);
        -ms-transform: translate(0px);
        transform: translate(0px);
    }
}

.header__navbar-show {
    display: block;
}

.header__navbar-hide {
    fill: #342f2c !important;
    display: none;
}

.header__span {
    margin-left: 15px;
}

@media (max-width: 767px) {
    .header__span {
        display: none;
    }
}

.auth__nav-btn .header__span {
    margin-left: 5px;
}

.header svg {
    fill: #fff;
}

.header--none {
    display: none;
}

.header--overlay {
    position: absolute;
    left: 0;
    right: 0;
}

.boxed .header--overlay {
    left: 10px;
    right: 10px;
}

@media (max-width: 767px) {
    .header--overlay {
        display: block;
        background: none;
    }
}

.header--overlay .header__call {
    display: none;
}

.header--overlay .header__logo {
    width: auto;
}

.header--dark {
    color: #fff;
    background: rgba(0,0,0,.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    position: fixed;
    top: 0px;
    width: 100%;
    backdrop-filter: blur(5px);
    z-index: 9999;
    padding: 15px 0;
}

.header.navbar-fixed {
    position: fixed;
    padding: 15px 0px;
}

.header--dark svg {
    fill: #fff;
}

.header--dark .header__contacts {
    background: rgba(0, 0, 0, 0.3);
}

.header--white {
    background: #fff;
    color: #2c3e50;
}

.header--white svg {
    fill: #2c3e50;
}

.header--white .header__contacts {
    background: rgba(0, 0, 0, 0.1);
}

.header--white .header__phone {
    color: #2c3e50;
}

.header--blue {
    background: #2c3e50;
    color: #fff;
}

.header--blue svg {
    fill: #fff;
}

.header--blue .header__contacts {
    background: none;
}

.header--blue .header__phone {
    color: #fff;
}

.header--blue .header__navbar-hide {
    fill: #2c3e50 !important;
}

.header--mob-opened.header--dark,
.header--mob-opened.header--white {
    background: none !important;
}

.header--mob-opened .header__logo {
    visibility: hidden;
}

.header--mob-opened .header__contacts {
    visibility: hidden;
}

/*------------------------------------------------------------------
  * Social icons block
  + Social / .social
    -- Social header / .social--header
    -- Social properties / .social--properties
    -- Social article / .social--article
    -- Social footer / .social--footer
    -- Social worker / .social--worker
    -- Social contacts / .social--contacts
    -- Social join / .social--join
    -- Social sidebar-worker / .social--sidebar-worker
  @mixin =============================================================*/

.social__item {
    float: left;
    font-size: 20px;
    margin: 10px 48px 10px 0;
}

.social__item:hover,
.social__item:focus {
    color: #c79c58;
}

.social--header .social__item {
    margin: 0 50px 0 0;
    color: #fff;
}

.header--white .social--header .social__item {
    color: #2c3e50;
}

.social--header .social__item:hover {
    color: #c79c58;
}

.social--circles .social__item {
    border: 1px solid #fff;
    border-radius: 25px;
    width: 25px;
    height: 25px;
    text-align: center;
    margin-right: 15px;
    font-size: 15px;
    margin-top: 5px;
}

.social--properties {
    float: right;
    color: #2c3e50;
    width: auto;
    clear: right;
    margin: 7px 0 0 0;
    padding: 0;
    text-align: right;
}

.social--properties .social__title {
    float: left;
    margin-top: 5px;
}

@media (max-width: 767px) {
    .social--properties .social__title {
        float: none;
        display: block;
    }
}

.social--properties .social__item {
    margin: 0 0 0 24px;
    display: inline-block;
    float: none;
}

@media (max-width: 1199px) {
    .social--properties .social__item {
        margin-left: 15px;
    }
}

@media (max-width: 767px) {
    .social--properties .social__item {
        font-size: 19px;
    }

    .social--properties .social__item:first-of-type {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .social--properties {
        margin: -4px 0 0 0;
        padding: 0;
    }
}

.social--article {
    float: right;
    color: #2c3e50;
    width: auto;
    clear: right;
    margin: 0 0 0 0;
    padding: 0;
}

.social--article span {
    float: left;
    margin: 5px 10px 0 0;
}

.social--article .social__item {
    margin: 0 0 0 30px;
}

.social--footer .social__item {
    margin: 10px 40px 0 0;
    color: #c79c58;
    font-size: 20px;
}

.social--footer .social__item:hover {
    color: #c79c58;
}

.social--join {
    margin: 30px 0;
    font-size: 17px;
    color: #fff;
}

.social--join .social__item {
    margin: 0 15px;
    float: none;
    font-size: 20px;
    color: #fff;
}

.social--join .social__item:hover {
    text-decoration: none;
    color: #c79c58;
}

.social--worker {
    margin: 30px 0 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 1199px) {
    .social--worker {
        margin: 13px 0 0 0;
        float: right;
    }
}

.social--worker .social__item {
    margin: 0;
}

.social--contacts {
    -webkit-box-pack: inherit;
    -webkit-justify-content: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    float: none;
    display: block;
    margin-top: 5px;
}

@media (max-width: 767px) {
    .social--contacts {
        float: none;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .social--contacts .contacts__social-title {
        margin-right: 0;
        float: none;
        display: block;
    }
}

.social--contacts .social__item {
    margin-right: 30px;
}

@media (max-width: 767px) {
    .social--contacts .social__item {
        float: none;
        display: inline-block;
        margin-right: 20px;
    }

    .social--contacts .social__item:last-child {
        margin-right: 0;
    }
}

.social--sidebar-worker {
    margin: 10px 0 0 0;
    border-bottom: 1px dotted #d6d6d6;
}

.social--sidebar-worker:before,
.social--sidebar-worker:after {
    content: " ";
    display: table;
}

.social--sidebar-worker:after {
    clear: both;
}

.social--sidebar-worker .social__item {
    margin: 0 20px 0 0;
}

.social--sidebar-worker .social__item--linkedin {
    margin: 5px 20px 0 0;
}

.social--sidebar-worker .social__item:last-child {
    margin-right: 0;
}

.social--sidebar-worker svg {
    fill: #342f2c;
}

/*------------------------------------------------------------------
  * Navbar block
  + Navbar / .navabar
  @mixin =============================================================*/

@media (max-width: 767px) {
    .navbar {
        display: none;
    }
}

.navbar__row {
    /*margin: 30px 0;*/
}

.navbar__row:before,
.navbar__row:after {
    content: " ";
    display: table;
}

.navbar__row:after {
    clear: both;
}

@media (max-width: 767px) {
    .navbar__row {
        margin: 0;
    }
}

.header-fixed .navbar__row {
    margin: 0 !important;
    padding: 10px 0 !important;
    background: none !important;
}

.navbar__brand {
    float: left;
    line-height: 1;
}

.navbar__brand img {

}

@media (max-width: 767px) {
    .navbar__brand {
        /*display: none;*/
    }
}

/*.navbar__brand-logo {
    fill: #2c3e50;
    height: 60px;
    width: 100%;
    position: relative;
    top: 8px;
    filter: drop-shadow(0px 0px 4px #FFF);
}*/

.navbar__brand-logo {
    max-width: 100%;
    width: auto;
    position: relative;
    margin-top: 0px;
    height: 55px;
}

.header.navbar-fixed .navbar__brand-logo {
	height:35px;
}


@media (max-width: 1199px) {
    .navbar__brand-logo {
        /*width: 140px;*/
    }
}

@media (max-width: 767px) {
    .navbar__brand-logo {
        /*display: none;*/
        height: 40px;
        display: block;
        margin: 3px auto;
    }
}

#open-mobile-menu {
    position: relative;
    left: 5px;
    float: left;
    z-index: 999;
}

.navbar__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 10px;
}

.navbar-fixed .navbar__wrap {
    margin-top: 0px;
}

@media (max-width: 767px) {
    .navbar__wrap {
        display: none;
    }
}

@media (max-width: 767px) {
    .navbar__wrap--init {
        display: block;
        background: #342f2c;
        width: 300px;
        bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 0;
        float: none;
        padding-top: 50px;
        overflow-y: auto;
        -webkit-transform: translate(0px);
        -ms-transform: translate(0px);
        transform: translate(0px);
    }
}

.navbar__nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

@media (max-width: 767px) {
    .navbar__nav {
        margin-top: 0;
        width: 300px;
        position: relative;
        z-index: 20;
        overflow-y: auto;
        overflow-x: hidden;
        min-height: 100%;
    }
}

.navbar__item {
    float: left;
    margin: 3px 0 0 20px;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    position: relative;
}

.navbar__item:active > a,
.navbar__item:hover > a,
.navbar__item.open > a {
    text-decoration: none;
    color: #c79c58;
}

@media (max-width: 991px) {
    .navbar__item {
        margin-left: 20px;
    }
}

@media (max-width: 767px) {
    .navbar__item {
        position: initial;
        float: none;
        margin: 0;
    }
}

.navbar__item--mob {
    display: none;
}

@media (max-width: 767px) {
    .navbar__item--mob {
        display: block;
    }
}

.index {
	/*background: url('/templates/luxforsale2_agency/img/slideshow/header-2.jpg') no-repeat 50% 0%; */
}

.navbar__dropdown {
    position: absolute;
    left: 0;
    display: block;
    padding: 0;
    border: none;
    min-width: 200px;
    background: rgba(0, 0, 0, 0.8);
    margin: 0;
    z-index: 255;
    top: 30px;
}

@media (min-width: 768px) {
    .navbar__dropdown {
        visibility: hidden;
        -webkit-animation-duration: .1s;
        animation-duration: .1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .navbar__item:hover > .navbar__dropdown {
        visibility: visible;
    }

    .menu-default .navbar__item:hover > .navbar__dropdown,
    .menu-default .navbar__item.open > .navbar__dropdown {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
    }

    .menu-fadeIn .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
    }

    .menu-fadeInUp .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
    }

    .menu-fadeInUpBig .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: fadeInUpBig;
        animation-name: fadeInUpBig;
    }

    .menu-fadeInDown .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
    }

    .menu-fadeInDownBig .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: fadeInDownBig;
        animation-name: fadeInDownBig;
    }

    .menu-fadeInLeft .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
    }

    .menu-fadeInLeftBig .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: fadeInLeftBig;
        animation-name: fadeInLeftBig;
    }

    .menu-fadeInRight .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
    }

    .menu-fadeInRightBig .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: fadeInRightBig;
        animation-name: fadeInRightBig;
    }

    .menu-fadeOutUp .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: fadeOutUp;
        animation-name: fadeOutUp;
    }

    .menu-fadeOutUpBig .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: fadeOutUpBig;
        animation-name: fadeOutUpBig;
    }

    .menu-fadeOutDown .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: fadeOutDown;
        animation-name: fadeOutDown;
    }

    .menu-fadeOutDownBig .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: fadeOutDownBig;
        animation-name: fadeOutDownBig;
    }

    .menu-fadeOutLeft .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: fadeOutLeft;
        animation-name: fadeOutLeft;
    }

    .menu-fadeOutLeftBig .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: fadeOutLeftBig;
        animation-name: fadeOutLeftBig;
    }

    .menu-fadeOutRight .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: fadeOutRight;
        animation-name: fadeOutRight;
    }

    .menu-fadeOutRightBig .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: fadeOutRightBig;
        animation-name: fadeOutRightBig;
    }

    .menu-bounceIn .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn;
    }

    .menu-bounceInUp .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: bounceInUp;
        animation-name: bounceInUp;
    }

    .menu-bounceInDown .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown;
    }

    .menu-bounceInLeft .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: bounceInLeft;
        animation-name: bounceInLeft;
    }

    .menu-bounceInRight .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: bounceInRight;
        animation-name: bounceInRight;
    }

    .menu-bounceOutUp .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: bounceOutUp;
        animation-name: bounceOutUp;
    }

    .menu-bounceOutDown .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: bounceOutDown;
        animation-name: bounceOutDown;
    }

    .menu-bounceOutLeft .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: bounceOutLeft;
        animation-name: bounceOutLeft;
    }

    .menu-bounceOutRight .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: bounceOutRight;
        animation-name: bounceOutRight;
    }

    .menu-rotateIn .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: rotateIn;
        animation-name: rotateIn;
    }

    .menu-rotateInUpLeft .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: rotateInUpLeft;
        animation-name: rotateInUpLeft;
    }

    .menu-rotateInUpRight .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: rotateInUpRight;
        animation-name: rotateInUpRight;
    }

    .menu-rotateInDownLeft .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: rotateInDownLeft;
        animation-name: rotateInDownLeft;
    }

    .menu-rotateInDownRight .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: rotateInDownRight;
        animation-name: rotateInDownRight;
    }

    .menu-rotateOut .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: rotateOut;
        animation-name: rotateOut;
    }

    .menu-rotateOutUpLeft .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: rotateOutUpLeft;
        animation-name: rotateOutUpLeft;
    }

    .menu-rotateOutUpRight .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: rotateOutUpRight;
        animation-name: rotateOutUpRight;
    }

    .menu-rotateOutDownLeft .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: rotateOutDownLeft;
        animation-name: rotateOutDownLeft;
    }

    .menu-rotateOutDownRight .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: rotateOutDownRight;
        animation-name: rotateOutDownRight;
    }

    .menu-slideIn .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: slideIn;
        animation-name: slideIn;
    }

    .menu-slideInUp .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: slideInUp;
        animation-name: slideInUp;
    }

    .menu-slideInDown .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: slideInDown;
        animation-name: slideInDown;
    }

    .menu-slideInLeft .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: slideInLeft;
        animation-name: slideInLeft;
    }

    .menu-slideInRight .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: slideInRight;
        animation-name: slideInRight;
    }

    .menu-slideOut .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: slideOut;
        animation-name: slideOut;
    }

    .menu-slideOutUp .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: slideOutUp;
        animation-name: slideOutUp;
    }

    .menu-slideOutDown .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: slideOutDown;
        animation-name: slideOutDown;
    }

    .menu-slideOutLeft .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: slideOutLeft;
        animation-name: slideOutLeft;
    }

    .menu-slideOutRight .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: slideOutRight;
        animation-name: slideOutRight;
    }

    .menu-flip .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: flip;
        animation-name: flip;
    }

    .menu-flipInX .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: flipInX;
        animation-name: flipInX;
    }

    .menu-flipInY .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: flipInY;
        animation-name: flipInY;
    }

    .menu-flipOutX .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: flipOutX;
        animation-name: flipOutX;
    }

    .menu-flipOutY .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: flipOutY;
        animation-name: flipOutY;
    }

    .menu-lightSpeedIn .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: lightSpeedIn;
        animation-name: lightSpeedIn;
    }

    .menu-bounce .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: bounce;
        animation-name: bounce;
    }

    .menu-flash .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: flash;
        animation-name: flash;
    }

    .menu-pulse .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: pulse;
        animation-name: pulse;
    }

    .menu-wiggle .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: wiggle;
        animation-name: wiggle;
    }

    .menu-swing .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: swing;
        animation-name: swing;
    }

    .menu-shake .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: shake;
        animation-name: shake;
    }

    .menu-tada .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: tada;
        animation-name: tada;
    }

    .menu-wobble .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: wobble;
        animation-name: wobble;
    }

    .menu-hinge .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: hinge;
        animation-name: hinge;
    }

    .menu-rollIn .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: rollIn;
        animation-name: rollIn;
    }

    .menu-rollOut .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: rollOut;
        animation-name: rollOut;
    }

    .menu-zoomIn .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: zoomIn;
        animation-name: zoomIn;
    }

    .menu-zoomInDown .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: zoomInDown;
        animation-name: zoomInDown;
    }

    .menu-zoomInLeft .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: zoomInLeft;
        animation-name: zoomInLeft;
    }

    .menu-zoomInRight .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: zoomInRight;
        animation-name: zoomInRight;
    }

    .menu-zoomInUp .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: zoomInUp;
        animation-name: zoomInUp;
    }

    .menu-zoomOut .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: zoomOut;
        animation-name: zoomOut;
    }

    .menu-zoomOutDown .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: zoomOutDown;
        animation-name: zoomOutDown;
    }

    .menu-zoomOutLeft .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: zoomOutLeft;
        animation-name: zoomOutLeft;
    }

    .menu-zoomOutRight .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: zoomOutRight;
        animation-name: zoomOutRight;
    }

    .menu-zoomOutUp .navbar__item:hover > .navbar__dropdown {
        -webkit-animation-name: zoomOutUp;
        animation-name: zoomOutUp;
    }
}

@media (max-width: 767px) {
    .navbar__dropdown {
        top: 0;
        display: block;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding-left: 0;
        padding-top: 0;
        float: none;
        width: 300px;
        height: 100%;
        background: #342f2c;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

    .open > .navbar__dropdown {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: 50;
    }
}

.navbar__dropdown--colls-1 {
    width: 200px;
}

@media (max-width: 1199px) {
    .navbar__dropdown--colls-1 {
        width: 100%;
        margin: 0;
        padding-left: 0;
    }
}

.navbar__dropdown--colls-2 {
    width: 400px;
}

@media (max-width: 1199px) {
    .navbar__dropdown--colls-2 {
        width: 100%;
        margin: 0;
        padding-left: 0;
    }
}

.navbar__dropdown--colls-3 {
    width: 600px;
}

@media (max-width: 1199px) {
    .navbar__dropdown--colls-3 {
        width: 100%;
        margin: 0;
        padding-left: 0;
    }
}

.navbar__dropdown--right {
    left: auto;
    right: 0;
}

.navbar__dropdown--left {
    right: auto;
    left: 0;
}

.navbar__dropdown ul {
    list-style: none;
}

.navbar__link {
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    text-decoration: none;
    color: #fff;
    padding-bottom: 10px;
}
.navbar__link:hover {
    color: #fff;
}

@media (max-width: 767px) {
    .navbar__link {
        font-size: 17px;
        color: #fff !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        padding: 15px 25px;
    }
}

@media (min-width: 768px) {
    .active .navbar__link {
        /*-webkit-box-shadow: 0 2px 0 #c79c58;
        box-shadow: 0 2px 0 #c79c58;*/
        text-decoration: none;
    }
}

@media (max-width: 767px) {
    .active .navbar__link {
        background: #181615;
    }
}


.active .navbar__link::after {
    content: "";
    height: 1px;
    position: absolute;
    bottom: 0px;
    width: 120%;
    left: -10%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3OWM1OCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2M3OWM1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2M3OWM1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNzljNTgiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(left, rgba(199,156,88,0) 0%, rgba(199,156,88,1) 20%, rgba(199,156,88,1) 80%, rgba(199,156,88,0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(199,156,88,0)), color-stop(20%,rgba(199,156,88,1)), color-stop(80%,rgba(199,156,88,1)), color-stop(100%,rgba(199,156,88,0)));background: -webkit-linear-gradient(left, rgba(199,156,88,0) 0%,rgba(199,156,88,1) 20%,rgba(199,156,88,1) 80%,rgba(199,156,88,0) 100%);background: -o-linear-gradient(left, rgba(199,156,88,0) 0%,rgba(199,156,88,1) 20%,rgba(199,156,88,1) 80%,rgba(199,156,88,0) 100%);background: -ms-linear-gradient(left, rgba(199,156,88,0) 0%,rgba(199,156,88,1) 20%,rgba(199,156,88,1) 80%,rgba(199,156,88,0) 100%);background: linear-gradient(to right, rgba(199,156,88,0) 0%,rgba(199,156,88,1) 20%,rgba(199,156,88,1) 80%,rgba(199,156,88,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c79c58', endColorstr='#00c79c58',GradientType=1);
}

.navbar__arrow {
    fill: none;
    stroke: #fff;
    stroke-width: 4px;
    width: 7px;
    height: 11px;
    float: right;
    margin-top: 6px;
}

.navbar__link .navbar__arrow {
    display: none;
}

@media (max-width: 767px) {
    .navbar__link .navbar__arrow {
        display: block;
    }
}

.navbar__back .navbar__arrow {
    float: none;
    position: relative;
    top: 1px;
    margin-right: 15px;
}

.navbar__back {
    display: none;
}

@media (max-width: 767px) {
    .navbar__back {
        display: block;
        width: 100%;
        text-align: left;
        color: #fff;
        border: none;
        background: none;
        outline: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        text-transform: uppercase;
        padding: 5px 25px;
    }
}

.navbar__submenu {
    float: left;
    margin: 0;
    width: 200px;
    padding: 0;
}

@media (max-width: 767px) {
    .navbar__submenu {
        width: 300px;
        float: none;
        padding: 0;
    }
}

.navbar__submenu:last-child {
    margin-right: 0;
}

.navbar__submenu--level {
    opacity: 0;
    height: 0;
    overflow: hidden;
    cursor: default;
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
    left: 100%;
    top: 0;
    position: absolute;
    background: #342f2c;
    padding-top: 0;
    margin: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}

@media (max-width: 1199px) {
    .navbar__submenu--level {
        position: relative;
        height: auto;
        left: 0;
        opacity: 1;
        overflow: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        float: none;
        width: 170px;
        display: none;
    }
}

@media (max-width: 767px) {
    .navbar__submenu--level {
        left: 0;
        bottom: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        position: absolute;
        width: 300px;
        top: 0;
        height: 100% !important;
        padding: 0;
    }

    .open > .navbar__submenu--level {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.navbar__subtitle {
    text-transform: uppercase;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    margin: 10px 25px 0;
    padding-bottom: 10px;
    font-weight: 600;
}

@media (max-width: 767px) {
    .navbar__subtitle {
        color: #504843;
        padding: 10px 25px;
        margin: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        font-weight: 600;
    }
}

.navbar__subnav {
    list-style: none;
    padding: 0;
}

@media (max-width: 1199px) {
    .navbar__subnav {
        border: none;
    }
}

.navbar__sublink {
    color: rgba(255, 255, 255, 0.95);
    padding: 10px 0;
    display: block;
}

.navbar__sublink:hover,
.active > .navbar__sublink {
    color: #fff;
    text-decoration: none;
}

@media (min-width: 1200px) {
    .navbar__sublink {
        -webkit-transition: hover 0.3s, padding 0.3s;
        transition: hover 0.3s, padding 0.3s;
    }

    .navbar__sublink:hover {
        padding-left: 10px;
    }
}

@media (max-width: 767px) {
    .navbar__sublink {
        color: rgba(255, 255, 255, 0.8);
    }
}

.navbar__subitem {
    padding: 0 25px;
    position: relative;
}

@media (max-width: 767px) {
    .navbar__subitem {
        clear: both;
        position: initial;
        padding: 0 25px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
}

@media (max-width: 1199px) {
    .navbar__subitem:hover .navbar__submenu--level {
        display: block;
    }
}

@media (max-width: 767px) {
    .navbar__subitem-dropdown.open > .navbar__submenu {
        height: auto;
        overflow: visible;
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@media (min-width: 768px) {
    .navbar__subitem-dropdown:hover > .navbar__submenu {
        height: auto;
        overflow: visible;
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.navbar a:hover {
    cursor: pointer;
}

@media (min-width: 768px) {
    .admin-bar .navbar.header-fixed {
        top: -33px;
    }
}

.navbar--example {
    padding: 20px 0;
}

@media (max-width: 767px) {
    .navbar--ui {
        width: 252px;
        background: #342f2c;
    }
}

@media (max-width: 767px) {
    .navbar--ui .navbar__nav {
        border-top: none;
    }

    .navbar--ui .navbar__nav > li:last-child a {
        border-bottom: none !important;
    }
}

.navbar--header {
    position: relative;
    z-index: 230;
    background: #f6f6f6;
    border: none;
    min-height: inherit;
    margin-bottom: 0;
}

.navbar--header.header-fixed {
    -webkit-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 0;
    min-height: 65px;
}

@media (min-width: 768px) {
    .navbar--header.header-fixed {
        position: fixed;
        top: -65px;
        left: 0;
        right: 0;
        z-index: 35;
        -webkit-transform: translateY(65px);
        -ms-transform: translateY(65px);
        transform: translateY(65px);
        -webkit-transition: -webkit-transform 1s;
        transition: transform 1s;
    }
}

.navbar--overlay {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    background: none;
}

.navbar--overlay .navbar__link {
    color: #fff;
}

.navbar--overlay .active .navbar__link {
    -webkit-box-shadow: 0 2px 0 #fff;
    box-shadow: 0 2px 0 #fff;
}

.navbar--overlay .navbar__brand-logo {
    fill: #fff;
}

.navbar--overlay.header-fixed {
    background: #fff;
}

.navbar--overlay.header-fixed .navbar__link {
    color: #2c3e50;
}

.navbar--overlay.header-fixed .active .navbar__link {
    -webkit-box-shadow: 0 2px 0 #2c3e50;
    box-shadow: 0 2px 0 #2c3e50;
}

.navbar--overlay.header-fixed .navbar__brand-logo {
    fill: #2c3e50;
}

.navbar--overlay .navbar__row {
    margin: 30px -25px;
    padding: 12px 25px;
}

@media (max-width: 991px) {
    .navbar--overlay .navbar__row {
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .navbar--overlay .navbar__row {
        padding: 0;
        margin: 56px 0 0;
    }
}

.navbar--brand .navbar__row {
    background: rgba(52, 47, 44, 0.8);
}

.navbar--overlay-map .navbar__row {
    background: rgba(255, 255, 255, 0.9);
}

.navbar--overlay-map .navbar__link {
    color: #2c3e50;
}

.navbar--overlay-map .active .navbar__link {
    -webkit-box-shadow: 0 2px 0 #2c3e50;
    box-shadow: 0 2px 0 #2c3e50;
}

.navbar--overlay-map .navbar__brand-logo {
    fill: #2c3e50;
}

.navbar--subpage {
    background: #fff;
}

.navbar--white {
    background: #fff;
}

.navbar.navbar-default {
    background: #342f2c;
    margin-bottom: 25px;
    border: none;
}

.navbar.navbar-inverse {
    background: #222;
    border: none;
}

#header-nav-offset {
    display: none;
}

@media (min-width: 768px) {
    #header-nav-offset.header-fixed {
        display: block;
    }
}

/*------------------------------------------------------------------
  * Footer
  + Footer / .footer
    __ Footer wrap / .footer__wrap
    __ Footer col / .footer__col
    __ Footer title / .footer__title
    __ Footer copyright / .footer__copyright
  @mixin =============================================================*/

.footer {
    background: #222;
    background-image: url('/templates/luxforsale2/img/bg-footer.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    /*margin: 50px 0px 0px 0px;*/
}

/*.footer:before {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    background: url(/templates/luxforsale2/img/bg-footer.jpg) no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}*/


.footer__wrap {
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 25px;
}

.footer__wrap:before,
.footer__wrap:after {
    content: " ";
    display: table;
}

.footer__wrap:after {
    clear: both;
}

@media (max-width: 767px) {
    .footer__wrap {
        padding-top: 0;
    }
}

.footer__col {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .footer__col {
        float: left;
        width: 33.33333%;
    }
}

.footer__col .container {
    margin: 0;
    padding: 0;
    width: 100%;
}

.footer__col > :first-child {
    margin-top: 0 !important;
}

.footer__col--first {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 1200px) {
    .footer__col--first {
        float: left;
        width: 33.33333%;
    }
}

.footer__col--second {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 1200px) {
    .footer__col--second {
        float: left;
        width: 33.33333%;
    }
}

.footer__col--third {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 1200px) {
    .footer__col--third {
        float: left;
        width: 33.33333%;
    }
}

.footer__title {
    font-size: 17px;
    color: #c79c58;
    margin: 30px 0 15px;
    font-weight: 600;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .footer__title {
        margin-top: 25px;
        margin-bottom: 25px;
    }
}

.footer span,
.footer p,
.footer a {
    color: #fff;
    font-weight: normal;
    margin-bottom: 0px;
}

.footer__copyright {
    padding: 20px 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    margin: 20px 0px 0px 0px;
    display: block;
    width: 100%;
}

@media (max-width: 767px) {
    .footer__copyright {
        margin-top: 25px;
    }
}

/*------------------------------------------------------------------
  * Style for region select block
  + Region Select / .region-select
  @mixin =============================================================*/

.region-select {
    padding: 8px 6px;
}

.region-select label.in-label {
    margin-left: 10px;
    padding-left: 25px;
    font-size: 14px;
    color: #2c3e50;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0;
    padding-top: 0;
}

@media (max-width: 767px) {
    .region-select label.in-label {
        margin-left: -10px;
    }
}

.region-select label.in-label:before {
    top: 4px;
}

.region-select ul {
    padding: 0 !important;
}

.region-select__list {
    max-height: 250px;
    overflow: auto;
}

.region-select__buttons {
    padding: 10px 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.region-select__btn {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    text-decoration: none;
    border: 2px solid #2c3e50;
    background: none;
    color: #2c3e50;
    padding: 4px 10px;
    width: 47%;
    margin: 0;
}

.region-select__btn:hover,
.region-select__btn:focus,
.region-select__btn.active {
    color: #333;
    text-decoration: none;
    outline: none;
}

.region-select__btn:disabled,
.region-select__btn.disabled {
    cursor: not-allowed;
}

.region-select__btn.progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.region-select__btn:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.region-select__btn.button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.region-select__btn.has-error,
.region-select__btn.error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.region-select__btn.has-error:after,
.region-select__btn.error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.region-select__btn.has-success,
.region-select__btn.success {
    color: transparent !important;
}

.region-select__btn.has-success:after,
.region-select__btn.success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .region-select__btn.button--loading:before {
    content: "";
}

.button--loading-refresh .region-select__btn.button--loading:before {
    content: "";
}

.button--loading-spinner .region-select__btn.button--loading:before {
    content: "";
}

@media (min-width: 992px) {
    .region-select__btn.hover,
    .region-select__btn:hover {
        border-color: #c79c58;
        color: #c79c58;
    }
}

.region-select__btn:active,
.region-select__btn.active {
    -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    border-color: #c79c58;
    background: #c79c58;
    color: #fff;
}

.region-select__btn:disabled,
.region-select__btn.disabled {
    color: #ccc;
    border-color: #efefef;
}

.region-select__btn--reset {
    padding-left: 8px;
}

.region-select__btn--reset:before {
    font-size: 1em;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    font-size: 12px;
    margin: 0 5px 0 0;
}

/*------------------------------------------------------------------
  * Properties
  + Properites / .properties
    -- Properites index / .properties--index
    -- Properites grid / .properties--grid
    -- Properites similar / .properties--similar
    -- Properites workers / .properties--workers
    -- Properites sidebar / .properties--sidebar
    -- Properites list / .properties--list
    -- Properites gallery / .properties--gallery
  @mixin =============================================================*/

.properties__thumb {
    position: relative;
}

.properties__info {
    background: #fff;
    border-top: none;
    padding: 15px 30px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
/*.properties__info .properties__info, .properties__info .properties__intro, .properties__info .properties__offer {
    color:#2c3e50 !important;
}*/



@media (max-width: 1199px) {
    .properties__info {
        padding: 10px;
    }
}

.properties__address {
    font-size: 17px;
    color: #2c3e50;
    display: block;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

@media (max-width: 1199px) {
    .properties__address {
        height: auto;
    }

    .properties__address:hover {
        color: #2c3e50;
    }
}

.properties__address--simple {
    margin-bottom: 15px;
    border-bottom: none;
}

.properties__address-street {
    font-weight: 600;
    display: block;
    /*text-transform: uppercase;*/
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px;
    font-size: 17px;
    color: #2c3e50;
}

.properties__address-city {
    display: block;
}

.properties__params {
    color: #fff;
    text-transform: uppercase;
    display: block;
}

@media (max-width: 767px) {
    .properties__params {
        color: #2c3e50;
        font-size: 14px;
    }
}

.properties__params--mob {
    display: none;
}

@media (max-width: 767px) {
    .properties__params--mob {
        display: block;
        margin-top: 15px;
    }
}

.properties__intro {
    /*color: #a6a6a6;*/
    color: #636363;
	height: 125px;
    font-size: 14px;
    margin-top: 5px;
    display: block;
}
.properties.properties--grid:hover .properties__intro * {
    /*color: #fff;*/
}
/*.properties.properties--grid:hover * {
    color: #fff;
}*/

.properties__price {
    color: #c79c58;
    font-size: 20px;
    font-weight: 700;
    padding: 0;
}

.properties__time {
    color: #342f2c;
    font-style: italic;
    margin-top: 15px;
    display: block;
}

.properties__price-period {
    font-weight: 400;
    font-size: 15px;
}

@media (max-width: 992px) {
    .properties__price-period {
        display: inline;
    }
}

.properties__more {
    float: right;
    color: #a6a6a6;
    text-transform: uppercase;
    font-size: 12px;
    padding: 5px 10px;
    border: 1px solid #a6a6a6;
    margin-top: -27px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.properties__more:hover {
    text-decoration: none;
}

@media (max-width: 767px) {
    .properties__more {
        margin-top: 5px;
    }
}

.properties__ribon {
    position: absolute;
    top: 110px;
    right: -5px;
    background: #c79c58;
    color: #fff;
    text-transform: uppercase;
    padding: 3px 15px;
    font-weight: 600;
    top: 18px;
}

.properties__ribon:after {
    position: absolute;
    right: 0;
    bottom: -5px;
    border-top: 5px solid #181615;
    width: 5px;
    content: " ";
    display: block;
    border-right: 5px solid #f6f6f6;
}

.properties__ribon--status {
    background: #c8e6c9;
    top: 55px;
    color: #222;
}

.properties__ribon--status:after {
    border-top: 5px solid #a5d6a7;
}

.properties__ribon--done {
    background: #ffecb3;
}

.properties__ribon--done:after {
    border-top: 5px solid #ffdf80;
}

.properties__right {
    float: right;
    margin-right: -5px;
}

.properties__offer {
    color: #342f2c;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.properties__offer-value {
    line-height: 1;
    padding-bottom: 5px;
}

.properties__offer-value strong {
    /*font-size: 22px;*/
    font-size: 17px;
    font-weight: 600;
}

.properties__param {
    padding: 0;
    margin: 0;
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.properties__param-label {
    display: block;
    font-weight: normal;
    margin-right: 3px;
    padding-bottom: 3px;
    color: #a6a6a6;
}

.properties__param-value {
    display: block;
    color: #fff;
    font-weight: 600;
}

.properties__param-value:after {
    content: ",";
    margin-right: 5px;
}

.properties__param-value:last-child:after {
    content: "";
}

.properties__param-type {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

.properties__param-column {
    margin-bottom: 0;
    float: left;
}

.properties__state {
    font-size: 13px;
    text-transform: uppercase;
    color: #2c3e50;
    float: left;
    position: relative;
}

.properties__state:before {
    content: " ";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: #342f2c;
    margin: 0 5px 0 0;
    position: relative;
    top: -1px;
}

.properties__state--hidden:before {
    background: #c5cbd2;
}

.properties__state--highlight:before {
    background: #c79c58;
}

.properties__state--hidden:before {
    background: #c5cbd2;
}

.properties__state--pending:before {
    background: #c79c58;
}

.properties__state--pending:after {
    content: " ";
    display: inline-block;
    width: 6px;
    height: 3px;
    border-radius: 6px 6px 0 0;
    background: #c5cbd2;
    position: absolute;
    left: -1px;
    top: 76px;
    -webkit-transform: rotateZ(-50deg);
    transform: rotateZ(-50deg);
}

.properties__item-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.properties__actions {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.properties:hover .properties__actions {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 1199px) {
    .properties__actions {
        opacity: 1;
        visibility: visible;
    }
}

.properties__actions-dropdown {
    display: inline-block;
}

.properties__dropdown-toggle {
    background: none;
    border: none;
    outline: none !important;
    padding: 0;
    color: #342f2c;
    position: relative;
    top: -5px;
}

.properties__dropdown-menu {
    z-index: 20;
    left: auto;
    right: 0;
    background: #fff;
    width: 150px;
    padding: 10px 15px;
}

.properties__dropdown-menu:before {
    left: auto;
    right: 8px;
}

.properties__dropdown-link {
    background: none;
    border: none;
    outline: none !important;
    padding: 0;
    font-size: 13px;
    color: #342f2c;
    text-transform: uppercase;
    vertical-align: top;
}

.properties__link {
    background: none;
    border: none;
    outline: none !important;
    padding: 0;
    font-size: 13px;
    color: #342f2c;
    text-transform: uppercase;
    vertical-align: top;
    padding: 3px;
}

.properties__pay {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    border: none;
    border-bottom: 4px solid #a37936;
    background: #c79c58;
    color: #222;
    margin-left: 0;
    margin-bottom: 7px;
}

.properties__pay:hover,
.properties__pay:focus,
.properties__pay.active {
    color: #333;
    text-decoration: none;
    outline: none;
}

.properties__pay:disabled,
.properties__pay.disabled {
    cursor: not-allowed;
}

.properties__pay.progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.properties__pay:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.properties__pay.button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.properties__pay.has-error,
.properties__pay.error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.properties__pay.has-error:after,
.properties__pay.error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.properties__pay.has-success,
.properties__pay.success {
    color: transparent !important;
}

.properties__pay.has-success:after,
.properties__pay.success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .properties__pay.button--loading:before {
    content: "";
}

.button--loading-refresh .properties__pay.button--loading:before {
    content: "";
}

.button--loading-spinner .properties__pay.button--loading:before {
    content: "";
}

.properties__pay.hover,
.properties__pay:hover {
    border-bottom: 4px solid #c79c58;
    color: #222;
}

.properties__pay:active,
.properties__pay.active {
    border-top: 4px solid #a37936;
    border-bottom: none;
    color: #222;
}

.properties__pay:disabled,
.properties__pay.disabled {
    color: #ccc;
    background: #efefef;
    border-bottom: 4px solid #dedede;
}

.properties--projects {
    background: #fff;
}

.properties--projects .properties__info {
    background: #f5f5f5;
}

@media (min-width: 1200px) {
    .properties--grid:hover {
        margin: 0;
    }

    /*.properties--grid:hover .properties__info {
        background: #2c3e50;
        border-color: #2c3e50;
    }

    .properties--grid:hover .properties__address {
        color: #fff;
        background-image: url("/templates/luxforsale2/img/bg-border-dotted-horizontal--hover.png");
        background-repeat: repeat-x;
    }

    .properties--grid:hover .properties__time {
        color: #c79c58;
    }

    .properties--grid:hover .properties__offer {
        color: #c79c58;
    }*/

    .properties--grid:hover .properties__more {
        color: #fff;
    }

    .properties--grid:hover .item-photo__more {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .properties--grid:hover .item-photo__hover {
        opacity: 1;
    }

    .properties--grid:hover .item-photo img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    .properties--grid:hover .item-photo--static img {
        width: 100%;
        max-width: 100%;
    }
}

.properties--grid .properties__params {
    font-size: 14px;
}

.properties--grid .properties__time {
    font-size: 13px;
    margin-top: 5px;
}

.properties--grid .properties__more {
    font-size: 11px;
    padding: 3px 5px;
    margin-top: -23px;
}

@media (max-width: 767px) {
    .properties--grid .properties__more {
        margin-top: 0;
    }
}

.properties--grid .properties__header {
    margin: 0;
}

.properties--grid .properties__header:before,
.properties--grid .properties__header:after {
    content: " ";
    display: table;
}

.properties--grid .properties__header:after {
    clear: both;
}

.properties--grid .properties__address {
    background: url("/templates/luxforsale2/img/bg-border-dotted-horizontal.png") 0 100% repeat-x;
}

@media (min-width: 1200px) {
    .properties--grid .properties__address:hover {
        color: #fff;
        text-decoration: none;
        background-image: url("/templates/luxforsale2/img/bg-border-dotted-horizontal--hover.png");
    }
}

.properties--sidebar .properties__price {
    padding: 0 0 5px;
    font-size: 17px;
    text-align: left;
    color: #342f2c;
    display: block;
}

.properties--sidebar .properties__thumb {
    position: relative;
    float: left;
    width: 58.33333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding: 0;
}

.properties--sidebar .properties__thumb img {
    display: block;
}

.properties--sidebar .properties__info {
    border: none;
    padding: 0;
    background: none !important;
}

.properties--sidebar .properties__address {
    clear: both;
    color: #2c3e50 !important;
    padding: 15px 0 0;
    height: auto;
    background: none !important;
}

.properties--list:hover .item-photo__hover {
    opacity: 1;
}

.properties--list .properties__thumb {
    position: relative;
    min-height: 1px;
    float: left;
    top: 7px;
    padding-left:7px;
}

@media (min-width: 992px) {
    .properties--list .properties__thumb {
        width: 50%;
        /*padding-left: 0px;*/
    }
}

@media (min-width: 992px) {
    .properties--list .properties__thumb:nth-of-type(n) {
        clear: none;
    }

    .properties--list .properties__thumb:nth-of-type(2n+1) {
        clear: both;
    }
}

@media (min-width: 1200px) {
    .properties--list .properties__thumb {
        width: 33.33333%;
    }
}

@media (min-width: 1200px) {
    .properties--list .properties__thumb:nth-of-type(n) {
        clear: none;
    }

    .properties--list .properties__thumb:nth-of-type(3n+1) {
        clear: both;
    }
}

@media (max-width: 991px) {
    .properties--list .properties__thumb {
        top: 0;
        padding-left: 0px;
        width:100%;
    }
}

.properties--list .properties__details {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    float: left;
}

@media (min-width: 992px) {
    .properties--list .properties__details {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .properties--list .properties__details:nth-of-type(n) {
        clear: none;
    }

    .properties--list .properties__details:nth-of-type(2n+1) {
        clear: both;
    }
}

@media (min-width: 1200px) {
    .properties--list .properties__details {
        width: 66.66667%;
    }
}

@media (min-width: 1200px) {
    .properties--list .properties__details:nth-of-type(n) {
        clear: none;
    }

    .properties--list .properties__details:nth-of-type(1.5n+1) {
        clear: both;
    }
}

@media (max-width: 991px) {
    .properties--list .properties__details {
        /*padding: 0;*/
        width: 100%;
    }
}

@media (max-width: 991px) {
    .properties--list .properties__ribon {
        right: -5px;
    }
}

.properties--list .properties__photo {
    margin: 0;
}

.properties--list .properties__info {
    border: none;
    padding: 5px 0px;
    margin: 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: url("/templates/luxforsale2/img/bg-border-dotted-horizontal.png") 0 100% repeat-x;
}

.properties:hover .properties--list .properties__info {
    background: url("/templates/luxforsale2/img/bg-border-dotted-horizontal.png") 0 100% repeat-x;
    border-color: none;
}

@media (max-width: 1199px) {
    .properties--list .properties__info {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background: none !important;
    }
}

@media (max-width: 767px) {
    .properties--list .properties__intro {
        /*display: none;*/
    }
}

.properties--list .properties__offer {
    width: 50%;
}

@media (max-width: 1199px) {
    .properties--list .properties__offer {
        width: 100%;
        padding: 0 10px 0 0;
    }
}
@media (max-width: 1199px) {
    .properties__details .form__submit {
        width: 98%;
        margin: 0px 2%;

    }
}

.properties--list .properties__address {
    margin: 0;
    padding: 0 10px 0 0;
    max-height: 81px;
    overflow: hidden;
    height: auto;
    color: #2c3e50 !important;
    background: none !important;
}

@media (max-width: 1199px) {
    .properties--list .properties__address {
        max-height: none;
        background: url("/templates/luxforsale2/img/bg-border-dotted-horizontal.png") 0 100% repeat-x !important;
        width: 100%;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
}

@media (max-width: 991px) {
    .properties--list .properties__address {
        margin-top: 15px;
    }
}

.properties--list .properties__params--mob {
    width: 100%;
}

.properties--list .properties__more {
    float: none;
}

.properties:hover .properties--list .properties__more {
    color: #a6a6a6;
}

@media (max-width: 767px) {
    .properties--list .properties__more {
        display: none;
    }

    .properties--list .properties__params--mob .properties__more {
        display: block;
        float: right;
    }
}

.properties--management .properties__info {
    padding: 15px 0;
    background: none !important;
    border: none !important;
}

.properties--management .properties__address {
    background: url("/templates/luxforsale2/img/bg-border-dotted-horizontal.png") 0 100% repeat-x !important;
    color: #2c3e50 !important;
}

@media (min-width: 1200px) {
    .properties--management .properties__address:hover {
        text-decoration: none;
    }
}

.properties--management .properties__time {
    font-size: 13px;
}

.properties--management .properties__params {
    font-size: 13px;
}

.properties--management .item-photo__hover--params {
    padding: 15px 10px;
}

.properties--management .properties__ribon {
    font-size: 12px;
}

@media (min-width: 1200px) {
    .properties--simple .properties__intro {
        display: none;
    }
}

@media (min-width: 1200px) {
    .properties--simple .properties__offer-column:first-of-type {
        display: none;
    }
}

.properties--simple .properties__time {
    margin-top: 0;
}

@media (min-width: 1200px) {
    .properties--simple .properties__more {
        display: none;
    }
}

/*------------------------------------------------------------------
  * Feature
  + Feature / .feature
    -- Feature listing / .feature--listing
  @mixin =============================================================*/

.feature {
    position: relative;
    background: #fff !important;
}

@media (min-width: 1200px) {
    .feature {
        overflow: hidden;
    }
}

.feature__header {
    margin-top: 50px;
}

.feature__title {
    font-size: 46px;
    color: #2c3e50;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    color: #c79c58;
    text-align: left;
}

.sidebar .feature__title {
    font-size: 34px;
}

.footer .feature__title {
    font-family: "Source Sans Pro", sans-serif;
}

@media (max-width: 767px) {
    .feature__title {
        font-size: 26px;
    }

    .sidebar .feature__title {
        font-size: 26px;
    }
}

@media (max-width: 1199px) {
    .feature__title {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .feature__header {
        padding: 0 15px;
    }
}

.feature__headline {
    font-size: 14px;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 0;
    line-height: 2;
    text-align: center;
    text-transform: uppercase;
    color: #606e7c;
    text-align: left;
}

.feature__headline strong {
    font-weight: 600;
}

@media (max-width: 767px) {
    .feature__headline {
        font-size: 14px;
        margin-top: 25px;
        line-height: 1.4;
        min-height: auto;
    }
}

.sidebar .feature__headline {
    margin: 4px 0 0;
}

@media (max-width: 1199px) {
    .feature__headline {
        text-align: center;
    }
}

.feature__picture {
    background: url("/templates/luxforsale2/img/slideshow/header-2.jpg") 50% 0;
    background-repeat: no-repeat !important;
    background-size: cover;
    width: 44%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

@media (max-width: 1199px) {
    .feature__picture {
        display: none;
    }
}

.feature__content {
    padding: 0 0 0 52px;
}

@media (min-width: 1200px) {
    .feature__content {
        margin-left: 41.66667%;
    }
}

@media (max-width: 1199px) {
    .feature__content {
        margin-right: 0;
        padding-left: 0;
    }
}

.feature__list {
    margin-left: -15px;
    margin-right: -15px;
}

.feature__list:before,
.feature__list:after {
    content: " ";
    display: table;
}

.feature__list:after {
    clear: both;
}

.feature__list:before,
.feature__list:after {
    content: " ";
    display: table;
}

.feature__list:after {
    clear: both;
}

@media (max-width: 767px) {
    .feature__list {
        margin: 28px 0 0;
    }
}

.feature__item {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

@media (min-width: 480px) {
    .feature__item:nth-of-type(n) {
        clear: none;
    }

    .feature__item:nth-of-type(1n+1) {
        clear: both;
    }
}

@media (min-width: 768px) {
    .feature__item {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .feature__item:nth-of-type(n) {
        clear: none;
    }

    .feature__item:nth-of-type(2n+1) {
        clear: both;
    }
}

@media (max-width: 1199px) {
    .feature__item {
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .feature__item {
        margin-bottom: 10px;
        padding-right: 0;
        text-align: center;
    }
}

.feature__item-title {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: #c79c58;
    margin-top: 10px;
}

@media (max-width: 767px) {
    .feature__item-title {
        margin: 10px 0;
        font-size: 18px;
    }
}

.feature__text {
    margin-top: 17px;
    color: #606e7c;
}

@media (max-width: 767px) {
    .feature__text {
        margin-top: 5px;
    }
}

.feature__icon {
    margin-top: 13px;
    fill: #606e7c;
    width: 55px;
    height: 55px;
}

.feature__icon--good-sales {
    width: 54px;
}

/*------------------------------------------------------------------
  * Gosubmit
  + Gosubmit / .gosubmit
  @mixin =============================================================*/

.gosubmit {
    background: #fff !important;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
}

.gosubmit .container {
    background: url("/templates/luxforsale2/img/bg-gosubmit.png") no-repeat 23px -2px #fff !important;
    min-height: 200px;
}

@media (max-width: 767px) {
    .gosubmit .container {
        background: url("/templates/luxforsale2/img/bg-gosubmit-mob.jpg") no-repeat 23px -2px #fff !important;
        min-height: 197px;
        background-size: cover;
    }
}

.gosubmit__title {
    font-size: 20px;
    font-weight: 600;
    width: 270px;
    float: left;
    margin: 42px 0 0 495px;
}

@media (max-width: 1199px) {
    .gosubmit__title {
        font-size: 17px;
        width: 270px;
        margin: 17px auto;
        float: none;
    }
}

.gosubmit__title__row--second {
    text-align: center;
}

.gosubmit__title__row--third {
    text-align: right;
}

.gosubmit__title__option {
    font-size: 60px;
    font-weight: 200;
    line-height: 1;
}

@media (max-width: 1199px) {
    .gosubmit__title__option {
        font-size: 46px;
    }
}

.gosubmit__btn {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    border: none;
    border-bottom: 4px solid #a37936;
    background: #c79c58;
    color: #222;
    float: left;
    width: 175px;
    margin: 80px 0 0 30px;
}

.gosubmit__btn:hover,
.gosubmit__btn:focus,
.gosubmit__btn.active {
    color: #333;
    text-decoration: none;
    outline: none;
}

.gosubmit__btn:disabled,
.gosubmit__btn.disabled {
    cursor: not-allowed;
}

.gosubmit__btn.progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.gosubmit__btn:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.gosubmit__btn.button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.gosubmit__btn.has-error,
.gosubmit__btn.error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.gosubmit__btn.has-error:after,
.gosubmit__btn.error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.gosubmit__btn.has-success,
.gosubmit__btn.success {
    color: transparent !important;
}

.gosubmit__btn.has-success:after,
.gosubmit__btn.success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .gosubmit__btn.button--loading:before {
    content: "";
}

.button--loading-refresh .gosubmit__btn.button--loading:before {
    content: "";
}

.button--loading-spinner .gosubmit__btn.button--loading:before {
    content: "";
}

.gosubmit__btn.hover,
.gosubmit__btn:hover {
    border-bottom: 4px solid #c79c58;
    color: #222;
}

.gosubmit__btn:active,
.gosubmit__btn.active {
    border-top: 4px solid #a37936;
    border-bottom: none;
    color: #222;
}

.gosubmit__btn:disabled,
.gosubmit__btn.disabled {
    color: #ccc;
    background: #efefef;
    border-bottom: 4px solid #dedede;
}

@media (max-width: 1199px) {
    .gosubmit__btn {
        margin: 0 auto;
        float: none;
        display: block;
    }
}

/*------------------------------------------------------------------
  * Partners
  + Partners / .partners
  @mixin =============================================================*/

.partners {
    padding: 0 50px;
    position: relative;
}

.partners__item {
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.partners__item:before,
.partners__item:after {
    content: " ";
    display: table;
}

.partners__item:after {
    clear: both;
}

.partners__item:hover {
    text-decoration: none;
}

.partners__item img {
    margin: 0 auto;
}

.partners__item.slick-active {
    opacity: 1;
}

@media (min-width: 768px) {
    .partners__item:nth-child(2n) .request__photo {
        float: right !important;
    }
}

@media (max-width: 767px) {
    .partners__item {
        width: 160px;
    }

    .partners__item img {
        max-width: 100%;
    }
}

.partners__item--last {
    border-bottom: 0;
}

.partners__name {
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    color: #2c3e50;
}

.partners__slider {
    overflow: hidden;
    padding: 0;
    width: 100%;
}

@media (max-width: 767px) {
    .partners__controls {
        margin: 0;
    }
}

.partners__arrow {
    padding: 8px 12px;
    margin: -29px 0 0 10px;
    color: #342f2c;
    line-height: 0.5;
    position: absolute;
    top: 50%;
    background: none;
    border: none;
    outline: none;
}

.partners__arrow--prev {
    left: -14px;
}

.partners__arrow--prev:after {
    font-size: 5em;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
}

.partners__arrow--next {
    right: -14px;
}

.partners__arrow--next:after {
    font-size: 5em;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
}

/*------------------------------------------------------------------
  * Subscribe
  + Subscribe / .subscribe
  @mixin =============================================================*/

.subscribe {
    background: #2d2d2d;
    padding: 30px 15px;
}

.subscribe__title {
    display: inline-block;
    font-size: 26px;
    vertical-align: top;
    margin: 0;
    color: #fff;
    font-family: "Source Sans Pro", sans-serif;
}

@media (max-width: 1199px) {
    .subscribe__title {
        display: block;
        text-align: center;
    }
}

.subscribe__form {
    width: 765px;
    margin: 0 auto;
}

@media (max-width: 1199px) {
    .subscribe__form {
        width: auto;
    }
}

.subscribe__group {
    display: inline-block;
    margin: 0 15px;
    position: relative;
}

@media (max-width: 1199px) {
    .subscribe__group {
        width: 100%;
        margin: 15px 0 0;
    }
}

.subscribe .help-block {
    text-align: right;
    margin-top: -15px;
}

@media (max-width: 767px) {
    .subscribe .help-block {
        margin-top: 0;
    }
}

.subscribe .form-control-feedback {
    top: 15px;
}

.subscribe__field {
    display: block;
    width: 100%;
    height: 38px;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    color: #2c3e50;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d6d6d6;
    border-radius: 0;
    position: relative;
    z-index: 5;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    color: #fff;
    display: inline-block;
    width: 370px;
    background: #2d2d2d;
}

.subscribe__field:focus {
    border-color: #342f2c;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(52, 47, 44, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(52, 47, 44, 0.6);
}

.subscribe__field::-moz-placeholder {
    color: #2c3e50;
    opacity: 1;
}

.subscribe__field:-ms-input-placeholder {
    color: #2c3e50;
}

.subscribe__field::-webkit-input-placeholder {
    color: #2c3e50;
}

.subscribe__field[disabled],
.subscribe__field[readonly],
fieldset[disabled] .subscribe__field {
    cursor: not-allowed;
    background-color: #eeeeee;
    opacity: 1;
}

.subscribe__field.parsley-error {
    border: 1px solid #e95b35;
}

.subscribe__field.parsley-success {
    border: 1px solid #342f2c;
}

.subscribe__field::-moz-placeholder {
    color: #bebebe;
    opacity: 1;
}

.subscribe__field:-ms-input-placeholder {
    color: #bebebe;
}

.subscribe__field::-webkit-input-placeholder {
    color: #bebebe;
}

.subscribe__field:focus {
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

@media (max-width: 1199px) {
    .subscribe__field {
        float: none;
        width: 100%;
    }
}

.subscribe__submit {
    width: 170px;
    vertical-align: top !important;
}

@media (max-width: 1199px) {
    .subscribe__submit {
        margin: 20px auto 0;
        display: block !important;
    }
}

/*------------------------------------------------------------------
  * Pricing
  + Pricing / .pricing
  @mixin =============================================================*/

.pricing {
    margin-top: 25px;
}

.pricing__title {
    font-size: 46px;
    color: #2c3e50;
    font-weight: 600;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .pricing__title {
        font-size: 26px;
    }
}

.pricing__row {
    margin-left: -15px;
    margin-right: -15px;
}

.pricing__row:before,
.pricing__row:after {
    content: " ";
    display: table;
}

.pricing__row:after {
    clear: both;
}

@media (min-width: 1200px) {
    .pricing__row {
        min-height: 600px;
    }
}

.pricing__col3 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    float: left;
    width: 100%;
}

@media (min-width: 480px) {
    .pricing__col3:nth-of-type(n) {
        clear: none;
    }

    .pricing__col3:nth-of-type(1n+1) {
        clear: both;
    }
}

@media (min-width: 768px) {
    .pricing__col3 {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .pricing__col3:nth-of-type(n) {
        clear: none;
    }

    .pricing__col3:nth-of-type(2n+1) {
        clear: both;
    }
}

@media (min-width: 992px) {
    .pricing__col3 {
        width: 33.33333%;
    }
}

@media (min-width: 992px) {
    .pricing__col3:nth-of-type(n) {
        clear: none;
    }

    .pricing__col3:nth-of-type(3n+1) {
        clear: both;
    }
}

.pricing__col4 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    float: left;
    width: 100%;
}

@media (min-width: 480px) {
    .pricing__col4:nth-of-type(n) {
        clear: none;
    }

    .pricing__col4:nth-of-type(1n+1) {
        clear: both;
    }
}

@media (min-width: 768px) {
    .pricing__col4 {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .pricing__col4:nth-of-type(n) {
        clear: none;
    }

    .pricing__col4:nth-of-type(2n+1) {
        clear: both;
    }
}

@media (min-width: 992px) {
    .pricing__col4 {
        width: 25%;
    }
}

@media (min-width: 992px) {
    .pricing__col4:nth-of-type(n) {
        clear: none;
    }

    .pricing__col4:nth-of-type(4n+1) {
        clear: both;
    }
}

.pricing__col4 .pricing__feature {
    margin: 0 15%;
}

.pricing__col5 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    float: left;
    width: 20%;
    padding: 0;
}

@media (min-width: 480px) {
    .pricing__col5:nth-of-type(n) {
        clear: none;
    }

    .pricing__col5:nth-of-type(5n+1) {
        clear: both;
    }
}

.pricing__item {
    border: 3px solid #dedede;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    margin-bottom: 35px;
}

@media (min-width: 1200px) {
    .pricing__item:hover {
        border: 5px solid #342f2c;
        -webkit-transform: scaleY(1) translateY(-20px);
        -ms-transform: scaleY(1) translateY(-20px);
        transform: scaleY(1) translateY(-20px);
    }

    .pricing__item:hover .pricing__currency {
        font-size: 32px;
        top: -33px;
    }

    .pricing__item:hover .pricing__period {
        font-size: 22px;
    }

    .pricing__item:hover .pricing__summa {
        font-size: 92px;
    }
}

.pricing__item--col {
    border: 0;
}

@media (min-width: 1200px) {
    .pricing__item--col:hover {
        border: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .pricing__item--col:hover .pricing__currency {
        font-size: 24px;
        top: -22px;
    }

    .pricing__item--col:hover .pricing__period {
        font-size: 16px;
    }

    .pricing__item--col:hover .pricing__summa {
        font-size: 60px;
    }
}

.pricing__item--col .pricing__total {
    height: 104px;
}

.pricing__item .pricing__feature {
    margin: 0 15%;
}

.pricing__table {
    border: 3px solid #dedede;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    margin: 0 15px;
}

@media (max-width: 991px) {
    .pricing__table {
        overflow-x: auto;
    }
}

.pricing__table:before,
.pricing__table:after {
    content: " ";
    display: table;
}

.pricing__table:after {
    clear: both;
}

.pricing__table:hover {
    border: 3px solid #342f2c;
}

.pricing__table-wrap {
    min-width: 940px;
}

.pricing__type {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    padding: 14px 0;
}

.pricing__type--head {
    padding: 25px 0;
}

.pricing__type--heading {
    font-weight: 400;
    padding: 25px 0;
}

.pricing__total {
    background: #342f2c;
    padding: 1px 0 7px;
    text-align: center;
    vertical-align: top;
    font-weight: 600;
    margin-bottom: 33px;
    margin-left: -3px;
    margin-right: -3px;
    position: relative;
    color: #fff;
}

.pricing__currency {
    font-size: 24px;
    position: relative;
    top: -22px;
    -webkit-transition: 0.1s;
    transition: 0.1s;
}

.pricing__summa {
    font-size: 60px;
    -webkit-transition: 0.1s;
    transition: 0.1s;
}

.pricing__period {
    font-size: 16px;
    -webkit-transition: 0.1s;
    transition: 0.1s;
}

.pricing__favorite {
    position: absolute;
    top: -30px;
    right: 5%;
    background: #f3bc65;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 60px;
    width: 60px;
    display: block;
    height: 60px;
    line-height: 1;
    padding: 19px 0;
}

.pricing__list {
    margin-bottom: 0;
}

.pricing__feature {
    margin: 0 26%;
    border-bottom: 1px solid #dedede;
    text-align: center;
    padding: 10px 0;
}

.pricing__feature:last-child {
    border-bottom: none;
}

.pricing__feature strong {
    margin-right: 5px;
}

.pricing__feature .fa-check {
    color: #342f2c;
}

.pricing__feature--heading {
    text-align: left;
}

.pricing__actions {
    text-align: center;
    padding: 22px 0 51px;
}

.pricing__button {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    border: none;
    border-bottom: 4px solid #a37936;
    background: #c79c58;
    color: #222;
}

.pricing__button:hover,
.pricing__button:focus,
.pricing__button.active {
    color: #333;
    text-decoration: none;
    outline: none;
}

.pricing__button:disabled,
.pricing__button.disabled {
    cursor: not-allowed;
}

.pricing__button.progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.pricing__button:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.pricing__button.button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.pricing__button.has-error,
.pricing__button.error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.pricing__button.has-error:after,
.pricing__button.error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.pricing__button.has-success,
.pricing__button.success {
    color: transparent !important;
}

.pricing__button.has-success:after,
.pricing__button.success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .pricing__button.button--loading:before {
    content: "";
}

.button--loading-refresh .pricing__button.button--loading:before {
    content: "";
}

.button--loading-spinner .pricing__button.button--loading:before {
    content: "";
}

.pricing__button.hover,
.pricing__button:hover {
    border-bottom: 4px solid #c79c58;
    color: #222;
}

.pricing__button:active,
.pricing__button.active {
    border-top: 4px solid #a37936;
    border-bottom: none;
    color: #222;
}

.pricing__button:disabled,
.pricing__button.disabled {
    color: #ccc;
    background: #efefef;
    border-bottom: 4px solid #dedede;
}

/*------------------------------------------------------------------
  * Property Details
  + Property Details / .property
  @mixin =============================================================*/

.property {
    margin-top: 35px;
}

.property:before,
.property:after {
    content: " ";
    display: table;
}

.property:after {
    clear: both;
}

@media (max-width: 767px) {
    .property {
        margin-top: 20px;
    }
}

.property__title {
    color: #2c3e50;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    line-height: 1.3;
    min-height: 88px;
    border-bottom: 1px solid #d6d6d6;
    text-transform: none;
    text-align: left;
}

.sidebar .property__title {
    font-size: 34px;
}

.footer .property__title {
    font-family: "Source Sans Pro", sans-serif;
}

@media (max-width: 767px) {
    .property__title {
        font-size: 26px;
    }

    .sidebar .property__title {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .property__title {
        margin-bottom: 23px;
        padding-bottom: 16px;
        min-height: initial;
    }
}

.property__city {
    display: block;
    font-weight: 400;
}

.property__header {
    margin-top: 30px;
}

.property__price {
    background: #fff;
    border: 1px solid #d6d6d6;
    color: #2c3e50;
    padding: 3px 12px 11px;
    line-height: 1;
    float: left;
}

@media (max-width: 1199px) {
    .property__price {
        padding: 6px 15px;
        text-align: center;
    }
}

.property__price--commision {
    text-align: center;
}

.property__price-value {
    font-size: 46px;
    color: #342f2c;
    display: block;
    font-weight: 600;
}

@media (max-width: 1199px) {
    .property__price-value {
        font-size: 24px;
    }
}

.property__price-label {
    margin-top: 7px;
    display: block;
}

.property__price--commision .property__price-label {
    color: #342f2c;
}

.property__price-unit {
    font-size: 17px;
}

.property__actions {
    margin-top: 12px;
    text-align: right;
}

@media (max-width: 1199px) {
    .property__actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 0;
        clear: both;
    }
}

.property__actions .btn--default {
    margin-left: 15px;
}

@media (max-width: 1199px) {
    .property__actions .btn--default {
        font-size: 11px;
    }
}

@media (max-width: 1199px) {
    .property__actions .btn--default {
        margin-top: 10px;
        width: 49%;
        margin-left: 0;
    }
}

.property__actions--btn {
    padding-top: 44px;
}

@media (max-width: 1199px) {
    .property__actions--btn {
        padding-top: 17px;
        clear: none;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .property__actions--btn .btn--default {
        width: auto;
    }
}

.property__commision {
    text-align: right;
    font-size: 20px;
    margin-bottom: 17px;
    margin-top: 0;
}

.property__commision strong {
    color: #342f2c;
    font-size: 25px;
}

@media (max-width: 1199px) {
    .property__commision {
        font-size: 17px;
    }

    .property__commision strong {
        font-size: 20px;
        display: block;
    }
}

.property__info {
    margin: 20px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.property__info-item {
    font-size: 20px;
    color: #2c3e50;
    width: 50%;
}

@media (max-width: 767px) {
    .property__info-item {
        font-size: 15px;
    }
}

.property__slider {
    position: relative;
    margin-top: 30px;
}

.property__ribon {
    position: absolute;
    right: -5px;
    background: #c79c58;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 15px;
    z-index: 20;
    top: 50px;
}
.property .property__ribon {
    position: relative;
    font-size: 22px;
    right: 0px;
    background: #c79c58;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 10px;
    z-index: 20;
    top: 0px;
    height: 60px;
    text-align: center;
    line-height: 42px;
}
.property .property__ribon:after {
    position: absolute;
    left: -50px;
    top: 0px;
    content: " ";
    display: block;
    width: 50px;
    height: 50%;
    border-style: solid;
    border-width: 30px 22px 30px 0;
    border-color: transparent #c79c58 transparent transparent;
}

.property__ribon:after {
    position: absolute;
    right: 0;
    bottom: -5px;
    border-top: 5px solid #181615;
    width: 5px;
    content: " ";
    display: block;
    border-right: 5px solid #f6f6f6;
}

@media (max-width: 767px) {
    .property__ribon {
        top: 15px;
        padding: 4px 10px;
    }
}

.property__ribon--status {
    background: #c8e6c9;
    top: 110px;
    color: #222;
}

.property__ribon--status:after {
    border-top: 5px solid #a5d6a7;
}

@media (max-width: 767px) {
    .property__ribon--status {
        top: 50px;
    }
}

.property__ribon--done {
    background: #ffecb3;
}

.property__ribon--done:after {
    border-top: 5px solid #ffdf80;
}

.property__subtitle {
    font-size: 20px;
    margin: 40px 0 15px;
    font-weight: 600;
}

@media (max-width: 767px) {
    .property__subtitle {
        margin: 30px 0;
    }
}

.property__description {
    line-height: 1.4;
}

.property__description br {
    margin-bottom: 10px;
}

.property__description iframe {
    margin-top: 20px;
}

@media (max-width: 767px) {
    .property__description {
        margin-top: 0;
    }
}

.property__description:before,
.property__description:after {
    content: " ";
    display: table;
}

.property__description:after {
    clear: both;
}

.property__description.opened {
    margin-bottom: -14px;
}

.property__description p {
    line-height: 1.4;
}

.property__description-wrap {
    /*-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;*/
}

@media (max-width: 767px) {
    .property__description-wrap {
        margin-top: 0px;
        position: relative;
        padding: 0px 0px 30px;
        border-bottom: 1px solid #8a949d;
    }

    .property__description-wrap:after {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#f6f6f6));
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f6f6f6 100%);
        height: 20px;
        z-index: 5;
        content: " ";
        display: block;
    }

    .opened .property__description-wrap {
        max-height: none;
    }
}

.property__btn-more {
    position: relative;
    border: 1px solid #d6d6d6;
    text-align: center;
    display: block;
    padding: 7px 20px;
    text-transform: uppercase;
    color: #2c3e50;
    text-decoration: none;
    vertical-align: middle;
    line-height: 1.6;
    font-weight: 600;
    margin: 0 auto;
    width: 100%;
    background: #fff;
    display: none;
    margin: 20px 0 0;
    padding: 4px 0;
}

.property__btn-more:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.property__btn-more.button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.property__btn-more.has-error,
.property__btn-more.error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.property__btn-more.has-error:after,
.property__btn-more.error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.property__btn-more.has-success,
.property__btn-more.success {
    color: transparent !important;
}

.property__btn-more.has-success:after,
.property__btn-more.success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .property__btn-more.button--loading:before {
    content: "";
}

.button--loading-refresh .property__btn-more.button--loading:before {
    content: "";
}

.button--loading-spinner .property__btn-more.button--loading:before {
    content: "";
}

.property__btn-more.hover,
.property__btn-more:hover {
    border-color: #c79c58;
    color: #c79c58;
    text-decoration: none;
}

.property__btn-more:active,
.property__btn-more.active {
    -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    border-color: #c79c58;
    background: #c79c58;
    color: #fff;
}

.property__btn-more:focus,
.property__btn-more.focus {
    text-decoration: none;
    outline: none;
}

.property__btn-more:disabled,
.property__btn-more.disabled {
    cursor: not-allowed;
    color: #ccc;
    border-color: #efefef;
}

.property__btn-more.progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .property__btn-more {
        display: block;
    }

    .opened .property__btn-more {
        display: none;
    }
}

.property__params:before,
.property__params:after {
    content: " ";
    display: table;
}

.property__params:after {
    clear: both;
}

.property__params-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

@media (max-width: 767px) {
    .property__params-list {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

.property__params-list li {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    float: left;
    padding: 3px 0 2px;
}

@media (min-width: 768px) {
    .property__params-list li {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .property__params-list li:nth-of-type(n) {
        clear: none;
    }

    .property__params-list li:nth-of-type(2n+1) {
        clear: both;
    }
}

@media (min-width: 992px) {
    .property__params-list li {
        width: 33.33333%;
    }
}

@media (min-width: 992px) {
    .property__params-list li:nth-of-type(n) {
        clear: none;
    }

    .property__params-list li:nth-of-type(3n+1) {
        clear: both;
    }
}

@media (max-width: 767px) {
    .property__params-list li {
        padding: 8px 0 2px;
        line-height: 1;
        float: none;
    }
}

.property__params-list li strong {
    display: block;
}

.property__params-list--options li {
    background: url("/templates/luxforsale2/img/bg-border-dotted-vertical.png") no-repeat 3px -1px;
    padding-left: 15px;
}

.property__params-list--options li:before {
    content: " ";
    width: 8px;
    height: 8px;
    border: 2px solid #342f2c;
    border-radius: 8px;
    margin: 9px 3px 0 0;
    display: inline-block;
    position: absolute;
    left: 0;
}

@media (max-width: 767px) {
    .property__params-list--options li:before {
        margin-top: 3px;
    }
}

.property__params-list--options li:nth-child(-n+3) {
    background-position: 3px 12px;
}

.property__params-list--options li:nth-last-child(1),
.property__params-list--options li:nth-last-child(2),
.property__params-list--options li:nth-last-child(3) {
    background-position: 3px -208px;
}

@media (max-width: 767px) {
    .property__params-list--options li:nth-child(n) {
        background-position: 3px -1px !important;
    }
}

.property__plan {
    margin-right: -5px;
}

@media (max-width: 767px) {
    .property__plan {
        margin-right: 0;
    }
}

.property__plan:before,
.property__plan:after {
    content: " ";
    display: table;
}

.property__plan:after {
    clear: both;
}

.property__plan-item {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    margin-bottom: 0;
    border: 1px solid #fff;
    background: #e4e4e4;
    margin-left: -1px;
    margin-top: -1px;
}

@media (min-width: 768px) {
    .property__plan-item {
        float: left;
        width: 20%;
    }
}

@media (max-width: 767px) {
    .property__plan-item {
        width: 92px;
        float: left;
        margin-bottom: 13px;
    }
}

.property__plan-icon svg {
    width: 26px;
    height: 31px;
    fill: #342f2c;
    margin: 18px auto 0;
    display: block;
}

.property__plan-icon--window svg {
    width: 17px;
    height: 26px;
    margin-top: 23px;
}

.property__plan-icon--bathrooms svg {
    height: 30px;
    margin-top: 19px;
}

.property__plan-icon--garage svg {
    width: 25px;
    height: 32px;
    margin-top: 17px;
}

.property__plan-title {
    font-weight: normal;
    color: #2c3e50;
    padding: 5px 0 11px 0;
}

@media (max-width: 767px) {
    .property__plan-title {
        padding: 2px 0 4px 0;
    }
}

.property__plan-value {
    font-size: 17px;
    border-top: 1px solid #fff;
    margin: 0;
    padding: 10px 0;
    line-height: 15px;
    height: 50px;
}

@media (max-width: 767px) {
    .property__plan-value {
        font-size: 15px;
        padding: 9px 0;
    }
}

.property__files {
    background: #fff;
    border: 1px solid #d6d6d6;
    padding: 13px 15px;
    margin-top: 45px;
}

@media (max-width: 767px) {
    .property__files {
        display: none;
        margin-top: 30px;
    }

    .property__files.opened {
        display: block;
    }
}

.property__files:before,
.property__files:after {
    content: " ";
    display: table;
}

.property__files:after {
    clear: both;
}

.property__files .property__subtitle {
    float: left;
    margin: 4px 0 0 0;
}

@media (max-width: 1199px) {
    .property__files .property__subtitle {
        float: none;
    }
}

.property__files-icon {
    fill: #342f2c;
    width: 25px;
    vertical-align: middle;
    margin-right: 10px;
    height: 35px;
}

.property__files-item {
    display: inline-block;
    color: #2c3e50;
    margin: 0 0 0 25px;
}

@media (max-width: 1199px) {
    .property__files-item {
        padding: 0 0 10px 0;
        margin: 9px 25px 0 0;
    }
}

@media (max-width: 767px) {
    .property__files-item {
        margin-left: 0;
        padding: 0 0 2px 0;
    }
}

.property__files-show {
    font-size: 17px;
    color: #2c3e50;
    text-align: center;
    border: 1px solid #d6d6d6;
    padding: 15px 0;
    background: #fff;
    text-transform: uppercase;
    width: 100%;
    font-weight: bold;
    outline: none;
    margin-top: 40px;
    cursor: pointer;
    display: none;
}

.property__files-show:hover {
    color: #2c3e50;
}

.property__files-show:after {
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    border: 1px solid #2c3e50;
    margin-left: 10px;
    width: 25px;
    height: 25px;
    vertical-align: top;
    text-align: center;
    line-height: 25px;
    padding: 0 0 0 2px;
}

.property__files-show.active:after {
    content: "\f078";
}

@media (max-width: 767px) {
    .property__files-show {
        display: block;
        margin-top: 30px;
    }
}

.icon-area-border {
    fill: #342f2c;
}

/*------------------------------------------------------------------
  * Listing
  + Listing / .listing
    __ Listing header / .listing__header
    __ Listing title / .listing__title
    __ Listing headline / .listing__headline
    __ Listing panel / .listing__panel
  @mixin =============================================================*/

.listing__sort {
    width: 300px;
}

@media (max-width: 1199px) {
    .listing__sort {
        max-width: 210px;
    }
}

@media (max-width: 767px) {
    .listing__sort {
        float: none;
        max-width: none;
        width: auto;
    }

    .listing__sort .form-group {
        margin-bottom: 15px;
    }
}

.listing__sort .form-control {
    float: left;
    width: auto;
}

.listing__sort .form-control--select {
    width: 75%;
    display: inline-block;
}

@media (max-width: 767px) {
    .listing__sort .form-control--select {
        width: 100%;
    }
}

.listing__show {
    width: 195px;
}

.listing__show .form-control--select {
    width: 75px;
    display: inline-block;
}

@media (max-width: 767px) {
    .listing__show .form-control--select {
        width: 100%;
    }
}

@media (max-width: 1199px) {
    .listing__show {
        max-width: 120px;
    }
}

@media (max-width: 767px) {
    .listing__show {
        display: none;
    }
}

.listing__view {
    margin-left: 20px;
}

@media (max-width: 1199px) {
    .listing__view {
        text-align: left;
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .listing__view {
        float: none;
    }
}

@media (max-width: 767px) {
    .listing__view {
        display: none;
    }
}

@media (max-width: 1199px) {
    .listing__add {
        margin-top: 24px;
    }
}

@media (max-width: 767px) {
    .listing__add {
        display: none;
    }
}

.listing__type {
    margin-left: 20px;
}

@media (max-width: 1199px) {
    .listing__type {
        margin-left: 20px;
    }
}

@media (max-width: 767px) {
    .listing__type {
        display: none;
    }
}

.listing__list:before,
.listing__list:after {
    content: " ";
    display: table;
}

.listing__list:after {
    clear: both;
}

.listing__item:before,
.listing__item:after {
    content: " ";
    display: table;
}

.listing__item:after {
    clear: both;
}

.listing__item-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.listing__tools {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    float: right;
}

.listing__item:hover .listing__tools {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 767px) {
    .listing__tools {
        opacity: 1;
        visibility: visible;
    }
}

.listing__tools-dropdown {
    display: inline-block;
}

.listing__tools-toggle {
    background: none;
    border: none;
    outline: none !important;
    padding: 0;
    color: #342f2c;
    position: relative;
    top: -5px;
}

.listing__tools-menu {
    z-index: 20;
    left: auto;
    right: 0;
    background: #fff;
    width: 150px;
    padding: 10px 15px;
}

.listing__tools-menu:before {
    left: auto;
    right: 8px;
}

.listing__tools-menu > .listing__tools-link {
    padding: 3px;
}

.listing__tools-link {
    background: none;
    border: none;
    outline: none !important;
    padding: 0;
    font-size: 13px;
    color: #342f2c;
    text-transform: uppercase;
    vertical-align: top;
}

.listing__footer {
    border-top: 1px solid #dedede;
    margin-bottom: 20px;
}

.listing__footer:before,
.listing__footer:after {
    content: " ";
    display: table;
}

.listing__footer:after {
    clear: both;
}

@media (max-width: 767px) {
    .listing__footer {
        margin-top: 30px;
        margin-bottom: 0;
        border-bottom: 1px solid #dedede;
    }
}

.listing__pagination {
    text-align: right;
    /*margin-top: 50px;*/
}

@media (max-width: 767px) {
    .listing__pagination {
        text-align: center;
        margin-top: 30px;
    }
}

.listing__dropdown {
    display: inline-block;
    margin: 0 5px;
}

.listing__dropdown-btn {
    font-size: 13px;
    text-transform: none;
    background: none;
    position: relative;
    padding: 6px 40px 6px 9px;
    color: #fff;
    display: block;
    border: 1px solid #fff;
}

.listing__dropdown-btn:hover {
    color: #fff;
}

.listing__dropdown-btn:after {
    display: block;
    position: absolute;
    bottom: 0;
    right: 10px;
    top: 0;
    padding: 5px 0 0 10px;
    color: #fff;
    border-left: 1px solid #fff;
    font-size: 15px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
}

.listing__dropdown-menu {
    background: #fff;
    right: auto;
    left: 0;
    width: 250px;
    padding: 15px 0;
    min-width: initial;
    border: 1px solid #d6d6d6;
}

.listing__dropdown-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.listing__dropdown-menu--show {
    width: 75px;
}

.listing__dropdown-item:last-child a {
    border-bottom: none;
}

.listing__dropdown-link {
    margin: 0 30px;
    padding: 10px 0;
    color: #2c3e50;
    display: block;
    border-bottom: 1px solid #d6d6d6;
}

.listing__dropdown-link.active,
.listing__dropdown-link:hover {
    margin: 0;
    padding: 10px 30px;
    background: #342f2c;
    color: #fff;
    text-decoration: none;
}

.listing__dropdown-link.active {
    font-weight: bold;
}

.listing__param {
    margin: 20px 0 0;
}

.listing__param + .site__main .widget__card {
    margin-top: 20px;
}

.listing__param-item {
    margin: 0 15px 5px 0;
    display: inline-block;
}

.listing__param-delete {
    background: #e6e6e6;
    border: none;
    border-radius: 10px;
    font-size: 0;
    margin: -2px 5px 0 0;
    padding: 1px 6px;
    display: inline-block;
    color: #2c3e50;
    cursor: pointer;
}

.listing__param-delete:after {
    font-size: 11px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
}

.listing__empty {
    padding: 25px 29px;
    background: #fff;
    border: 1px solid #d6d6d6;
    margin-top: -1px;
    min-height: 480px;
}

.listing__empty:before,
.listing__empty:after {
    content: " ";
    display: table;
}

.listing__empty:after {
    clear: both;
}

@media (max-width: 767px) {
    .listing__empty {
        min-height: initial;
    }
}

.listing__empty--properties {
    margin: 40px 0 50px;
}

@media (max-width: 767px) {
    .listing__empty--properties {
        margin: 25px 0 0;
    }
}

.listing__empty-icon {
    width: 50px;
    height: 50px;
    fill: #dedede;
    margin: 80px auto 0;
    display: block;
}

@media (max-width: 767px) {
    .listing__empty-icon {
        margin-top: 3px;
    }
}

.listing__empty-title {
    font-size: 20px;
    color: #222;
    border-bottom: 1px solid #dedede;
    width: 469px;
    margin: 33px auto 0;
    padding: 0 10px 15px 10px;
    text-align: center;
}

@media (max-width: 991px) {
    .listing__empty-title {
        width: 95%;
    }
}

.listing__empty-headline {
    color: #808080;
    width: 300px;
    display: block;
    margin: 19px auto 0;
    text-align: center;
}

@media (max-width: 767px) {
    .listing__empty-headline {
        width: auto;
    }
}

/*------------------------------------------------------------------
  * Listing
  + Listing / .listing
    __ Listing header / .listing__header
    __ Listing title / .listing__title
    __ Listing headline / .listing__headline
    __ Listing panel / .listing__panel
  @mixin =============================================================*/

.listing--items .listing__title {
    text-transform: none;
    font-family: "Source Sans Pro", sans-serif;
}

.listing--items .listing__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.listing--items .listing__actions .btn--link {
    margin-left: 20px;
}

.listing--items .listing__actions .btn--action {
    margin-left: 20px;
}

.listing--items .listing__actions-border {
    border-top: 1px solid #d6d6d6;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.listing--items .listing__info {
    margin-top: 5px;
}

.listing--items .listing__categories {
    color: #c79c58;
}

.listing--items .listing__categories:before {
    font-size: 1em;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    margin-right: 5px;
}

.listing--items .listing__category {
    color: #c79c58;
    text-transform: uppercase;
    margin-left: 5px;
}

.listing--items .listing__category:after {
    content: ',';
}

.listing--items .listing__category:last-of-type:after {
    content: '';
}

.listing--items .listing__item .item-photo__more {
    opacity: 0;
}

.listing--items .listing__item--selected .item-photo__hover {
    opacity: 1;
}

.listing--items .listing__move {
    color: #fff;
    position: absolute;
    top: 10px;
    left: 10px;
    opacity: 0;
    border: 1px solid #fff;
    border-radius: 25px;
    width: 25px;
    height: 25px;
    z-index: 10;
    text-align: center;
    line-height: 22px;
}

.listing--items .listing__move.active {
    opacity: 1;
}

.listing--items .listing__item:hover .listing__move {
    opacity: 1;
}

.listing--items .listing__select {
    background: none;
    border: none;
    outline: none !important;
    padding: 0;
    opacity: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    border: 1px solid #342f2c;
    border-radius: 25px;
    width: 25px;
    height: 25px;
    z-index: 15;
    color: #fff;
    line-height: 0.8;
}

.listing--items .listing__select.active {
    opacity: 1;
}

.listing--items .listing__select.active:after {
    font-size: 0.8em;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
}

.listing--items .listing__item:hover .listing__select {
    opacity: 1;
}

.listing--items .listing__thumb {
    position: relative;
}

/*------------------------------------------------------------------
  * Listing
  + Listing / .listing
    __ Listing header / .listing__header
    __ Listing title / .listing__title
    __ Listing headline / .listing__headline
    __ Listing panel / .listing__panel
  @mixin =============================================================*/

.listing--grid {
    margin-left: -15px;
    margin-right: -15px;
}

.listing--grid:before,
.listing--grid:after {
    content: " ";
    display: table;
}

.listing--grid:after {
    clear: both;
}

.listing--grid .listing__item {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    float: left;
    width: 100%;
}

@media (min-width: 480px) {
    .listing--grid .listing__item:nth-of-type(n) {
        clear: none;
    }

    .listing--grid .listing__item:nth-of-type(1n+1) {
        clear: both;
    }
}

@media (min-width: 768px) {
    .listing--grid .listing__item {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .listing--grid .listing__item:nth-of-type(n) {
        clear: none;
    }

    .listing--grid .listing__item:nth-of-type(2n+1) {
        clear: both;
    }
}

@media (min-width: 1200px) {
    .listing--grid .listing__item {
        width: 33.33333%;
    }
}

@media (min-width: 1200px) {
    .listing--grid .listing__item:nth-of-type(n) {
        clear: none;
    }

    .listing--grid .listing__item:nth-of-type(3n+1) {
        clear: both;
    }
}

.listing--grid .listing__item:nth-child(n+4) {
    margin-top: 50px;
}

@media (max-width: 1199px) {
    .listing--grid .listing__item:nth-child(n+3) {
        margin-top: 50px;
    }
}

@media (max-width: 767px) {
    .listing--grid .listing__item:nth-child(n+2) {
        margin-top: 30px;
    }
}

.listing--grid .listing__info {
    padding: 0;
}

.listing--grid .listing__categories {
    font-size: 12px;
}

.listing--grid .listing__title {
    color: #2c3e50;
    text-decoration: none;
    font-size: 15px;
}

.listing--lg-4 .listing__item {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    float: left;
}

@media (min-width: 1200px) {
    .listing--lg-4 .listing__item {
        width: 25%;
    }
}

@media (min-width: 1200px) {
    .listing--lg-4 .listing__item:nth-of-type(n) {
        clear: none;
    }

    .listing--lg-4 .listing__item:nth-of-type(4n+1) {
        clear: both;
    }
}

@media (min-width: 1200px) {
    .listing--lg-4 .listing__item:nth-child(4) {
        margin-top: 0;
    }
}

.listing--lg-6 .listing__item {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    float: left;
}

@media (min-width: 1200px) {
    .listing--lg-6 .listing__item {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .listing--lg-6 .listing__item:nth-of-type(n) {
        clear: none;
    }

    .listing--lg-6 .listing__item:nth-of-type(2n+1) {
        clear: both;
    }
}

@media (min-width: 1200px) {
    .listing--lg-6 .listing__item:nth-child(n+3) {
        margin-top: 50px;
    }
}

.listing--xs-6 .listing__item {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    float: left;
    width: 50%;
}

@media (min-width: 480px) {
    .listing--xs-6 .listing__item:nth-of-type(n) {
        clear: none;
    }

    .listing--xs-6 .listing__item:nth-of-type(2n+1) {
        clear: both;
    }
}

@media (max-width: 767px) {
    .listing--xs-6 .listing__item:nth-child(2) {
        margin-top: 0;
    }
}

.listing--footer .listing__item {
    margin-top: 15px;
}

.listing--footer .listing__item:first-of-type {
    margin-top: 0;
}

/*------------------------------------------------------------------
  * Listing
  + Listing / .listing
    __ Listing header / .listing__header
    __ Listing title / .listing__title
    __ Listing headline / .listing__headline
    __ Listing panel / .listing__panel
  @mixin =============================================================*/

.listing--favorites {
    margin-top: 30px;
}

.listing--favorites .listing__actions {
    margin-top: 30px;
}

.listing--favorites .listing__item {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    float: left;
    width: 100%;
}

@media (min-width: 480px) {
    .listing--favorites .listing__item:nth-of-type(n) {
        clear: none;
    }

    .listing--favorites .listing__item:nth-of-type(1n+1) {
        clear: both;
    }
}

@media (min-width: 768px) {
    .listing--favorites .listing__item {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .listing--favorites .listing__item:nth-of-type(n) {
        clear: none;
    }

    .listing--favorites .listing__item:nth-of-type(2n+1) {
        clear: both;
    }
}

@media (min-width: 1200px) {
    .listing--favorites .listing__item {
        width: 25%;
    }
}

@media (min-width: 1200px) {
    .listing--favorites .listing__item:nth-of-type(n) {
        clear: none;
    }

    .listing--favorites .listing__item:nth-of-type(4n+1) {
        clear: both;
    }
}

/*------------------------------------------------------------------
  * Listing
  + Listing / .listing
    __ Listing header / .listing__header
    __ Listing title / .listing__title
    __ Listing headline / .listing__headline
    __ Listing panel / .listing__panel
  @mixin =============================================================*/

.listing--accordion .listing__title {
    font-size: 17px;
    display: block;
    border: 1px solid #d6d6d6;
    padding: 10px 25px 10px 15px;
    text-decoration: none !important;
    position: relative;
    color: #2c3e50;
}

.listing--accordion .listing__title:after {
    font-size: 0.8em;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    margin-left: 15px;
    color: #a6a6a6;
}

@media (max-width: 767px) {
    .listing--accordion .listing__title:after {
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -12px;
    }
}

.listing--accordion .listing__body {
    border: 1px solid #d6d6d6;
    border-top: none;
}

.listing--accordion .listing__body:before,
.listing--accordion .listing__body:after {
    content: " ";
    display: table;
}

.listing--accordion .listing__body:after {
    clear: both;
}

.listing--accordion .listing__list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 30px;
}

.listing--accordion .listing__list:before,
.listing--accordion .listing__list:after {
    content: " ";
    display: table;
}

.listing--accordion .listing__list:after {
    clear: both;
}

.listing--accordion .listing__param {
    width: 50%;
    float: left;
    margin: 5px 0;
}

@media (max-width: 991px) {
    .listing--accordion .listing__param {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .listing--accordion .listing__param strong {
        display: block;
    }
}

/*------------------------------------------------------------------
  * Listing
  + Listing / .listing
    __ Listing header / .listing__header
    __ Listing title / .listing__title
    __ Listing headline / .listing__headline
    __ Listing panel / .listing__panel
  @mixin =============================================================*/

.listing--list .listing__item {
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 0;
    padding-bottom: 40px;
    padding-top: 40px;
}

@media (max-width: 767px) {
    .listing--list .listing__item {
        padding-bottom: 30px;
        padding-top: 30px;
    }
}

.listing--list .listing__title {
    font-size: 20px;
    font-weight: 600;
}

.listing--list .listing__category {
    font-size: 13px;
    color: #c79c58;
    text-transform: uppercase;
    display: block;
    margin-top: 30px;
}

.listing--list .listing__category:before {
    font-size: 1em;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    margin-right: 10px;
}

.listing--list .listing__body:before,
.listing--list .listing__body:after {
    content: " ";
    display: table;
}

.listing--list .listing__body:after {
    clear: both;
}

.listing--list .listing__list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 30px;
}

.listing--list .listing__list:before,
.listing--list .listing__list:after {
    content: " ";
    display: table;
}

.listing--list .listing__list:after {
    clear: both;
}

.listing--list .listing__param {
    width: 50%;
    float: left;
    margin: 5px 0;
}

@media (max-width: 767px) {
    .listing--list .listing__param {
        width: 100%;
    }

    .listing--list .listing__param strong {
        display: block;
    }
}

.listing--list .listing__view {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    border: none;
    border-bottom: 4px solid #a37936;
    background: #c79c58;
    color: #222;
    margin-left: 0;
    margin-top: 30px;
}

.listing--list .listing__view:hover,
.listing--list .listing__view:focus,
.listing--list .listing__view.active {
    color: #333;
    text-decoration: none;
    outline: none;
}

.listing--list .listing__view:disabled,
.listing--list .listing__view.disabled {
    cursor: not-allowed;
}

.listing--list .listing__view.progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.listing--list .listing__view:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.listing--list .listing__view.button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.listing--list .listing__view.has-error,
.listing--list .listing__view.error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.listing--list .listing__view.has-error:after,
.listing--list .listing__view.error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.listing--list .listing__view.has-success,
.listing--list .listing__view.success {
    color: transparent !important;
}

.listing--list .listing__view.has-success:after,
.listing--list .listing__view.success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .listing--list .listing__view.button--loading:before {
    content: "";
}

.button--loading-refresh .listing--list .listing__view.button--loading:before {
    content: "";
}

.button--loading-spinner .listing--list .listing__view.button--loading:before {
    content: "";
}

.listing--list .listing__view.hover,
.listing--list .listing__view:hover {
    border-bottom: 4px solid #c79c58;
    color: #222;
}

.listing--list .listing__view:active,
.listing--list .listing__view.active {
    border-top: 4px solid #a37936;
    border-bottom: none;
    color: #222;
}

.listing--list .listing__view:disabled,
.listing--list .listing__view.disabled {
    color: #ccc;
    background: #efefef;
    border-bottom: 4px solid #dedede;
}

.listing--list .listing__delete {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    text-decoration: none;
    border: 2px solid #2c3e50;
    background: none;
    color: #2c3e50;
    margin-top: 30px;
    width: auto;
    margin-left: 15px;
}

.listing--list .listing__delete:hover,
.listing--list .listing__delete:focus,
.listing--list .listing__delete.active {
    color: #333;
    text-decoration: none;
    outline: none;
}

.listing--list .listing__delete:disabled,
.listing--list .listing__delete.disabled {
    cursor: not-allowed;
}

.listing--list .listing__delete.progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.listing--list .listing__delete:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.listing--list .listing__delete.button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.listing--list .listing__delete.has-error,
.listing--list .listing__delete.error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.listing--list .listing__delete.has-error:after,
.listing--list .listing__delete.error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.listing--list .listing__delete.has-success,
.listing--list .listing__delete.success {
    color: transparent !important;
}

.listing--list .listing__delete.has-success:after,
.listing--list .listing__delete.success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .listing--list .listing__delete.button--loading:before {
    content: "";
}

.button--loading-refresh .listing--list .listing__delete.button--loading:before {
    content: "";
}

.button--loading-spinner .listing--list .listing__delete.button--loading:before {
    content: "";
}

@media (min-width: 992px) {
    .listing--list .listing__delete.hover,
    .listing--list .listing__delete:hover {
        border-color: #c79c58;
        color: #c79c58;
    }
}

.listing--list .listing__delete:active,
.listing--list .listing__delete.active {
    -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    border-color: #c79c58;
    background: #c79c58;
    color: #fff;
}

.listing--list .listing__delete:disabled,
.listing--list .listing__delete.disabled {
    color: #ccc;
    border-color: #efefef;
}

.listing--list:not(.listing--article) .listing__item:first-of-type {
    padding-top: 0;
}

/*------------------------------------------------------------------
  * Listing
  + Listing / .listing
    __ Listing header / .listing__header
    __ Listing title / .listing__title
    __ Listing headline / .listing__headline
    __ Listing panel / .listing__panel
  @mixin =============================================================*/

.listing--worker .listing__item {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    float: left;
    width: 100%;
}

@media (min-width: 480px) {
    .listing--worker .listing__item:nth-of-type(n) {
        clear: none;
    }

    .listing--worker .listing__item:nth-of-type(1n+1) {
        clear: both;
    }
}

@media (min-width: 768px) {
    .listing--worker .listing__item {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .listing--worker .listing__item:nth-of-type(n) {
        clear: none;
    }

    .listing--worker .listing__item:nth-of-type(2n+1) {
        clear: both;
    }
}

@media (min-width: 1200px) {
    .listing--worker .listing__item {
        width: 33.33333%;
    }
}

@media (min-width: 1200px) {
    .listing--worker .listing__item:nth-of-type(n) {
        clear: none;
    }

    .listing--worker .listing__item:nth-of-type(3n+1) {
        clear: both;
    }
}

/*------------------------------------------------------------------
  * Listing
  + Listing / .listing
    __ Listing header / .listing__header
    __ Listing title / .listing__title
    __ Listing headline / .listing__headline
    __ Listing panel / .listing__panel
  @mixin =============================================================*/

.listing--photos {
    margin-top: 40px;
    position: relative;
}

.listing--photos .listing__list {
    margin-top: 20px;
}

.listing--photos .listing__item {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
    clear: none !important;
}

@media (min-width: 768px) {
    .listing--photos .listing__item {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .listing--photos .listing__item {
        width: 33.33333%;
    }
}

.listing--photos .listing__title {
    display: block;
    height: 20px;
    overflow: hidden;
}

.listing--photos .sortable-placeholder {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
}

@media (min-width: 768px) {
    .listing--photos .sortable-placeholder {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .listing--photos .sortable-placeholder {
        width: 33.33333%;
    }
}

/*------------------------------------------------------------------
  * Listing
  + Listing / .listing
    __ Listing header / .listing__header
    __ Listing title / .listing__title
    __ Listing headline / .listing__headline
    __ Listing panel / .listing__panel
  @mixin =============================================================*/

.listing--watermarks .listing__item {
    width: 25%;
}

@media (max-width: 767px) {
    .listing--watermarks .listing__item {
        width: 50%;
    }
}

.listing--watermarks .listing__thumb {
    background: url("/templates/luxforsale2/img/pattern-empty.png");
    border: 1px solid #a6a6a6;
}

.listing--watermarks .listing__select {
    color: #342f2c;
}

/*------------------------------------------------------------------
  * Listing
  + Listing / .listing
    __ Listing header / .listing__header
    __ Listing title / .listing__title
    __ Listing headline / .listing__headline
    __ Listing panel / .listing__panel
  @mixin =============================================================*/

.listing--sidebar .listing__item {
    margin-bottom: 20px;
    border-bottom: 1px dotted #222;
    padding: 0;
    padding-bottom: 5px;
}

.listing--sidebar .listing__item:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

/*------------------------------------------------------------------
  * Listing
  + Listing / .listing
    __ Listing header / .listing__header
    __ Listing title / .listing__title
    __ Listing headline / .listing__headline
    __ Listing panel / .listing__panel
  @mixin =============================================================*/

.listing--feed .listing__item {
    margin-top: 30px;
}

.listing--feed .listing__item:first-of-type {
    margin-top: 0;
}

/*------------------------------------------------------------------
  * Form submit property
  + Form property / .form-property
    __ Form property form / .form-property__form
  @mixin =============================================================*/

.form-property__condition {
    font-size: 14px;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 0;
    line-height: 2;
    text-align: center;
    text-align: left;
    margin: 0 0 15px 0;
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
}

.form-property__condition strong {
    font-weight: 600;
}

@media (max-width: 767px) {
    .form-property__condition {
        font-size: 14px;
        margin-top: 25px;
        line-height: 1.4;
        min-height: auto;
    }
}

.sidebar .form-property__condition {
    margin: 4px 0 0;
}

@media (max-width: 767px) {
    .form-property__condition {
        text-align: center;
    }
}

.form-property__information {
    background: none;
    border: none;
    display: inline-block;
    outline: none !important;
    color: #ccc;
    position: relative;
    top: -10px;
    padding: 0;
}

.form-property__params {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
}

.form-property__params:before,
.form-property__params:after {
    content: " ";
    display: table;
}

.form-property__params:after {
    clear: both;
}

@media (max-width: 767px) {
    .form-property__params {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
    }
}

.form-property__params li {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 15px 0 0;
    padding-left: 0;
}

@media (min-width: 768px) {
    .form-property__params li {
        float: left;
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .form-property__params li {
        float: left;
        width: 33.33333%;
    }
}

@media (max-width: 767px) {
    .form-property__params li {
        margin: 5px 0 0;
        padding: 0;
    }
}

.form-property__params label {
    padding-left: 44px;
    padding-top: 3px;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .form-property__params label {
        padding-left: 30px;
    }
}

.form-property__upload {
    background: #fff;
    border: 1px solid #ccc;
    padding: 15px;
    width: 80%;
    margin: 0;
}

.form-property__upload:before,
.form-property__upload:after {
    content: " ";
    display: table;
}

.form-property__upload:after {
    clear: both;
}

.form-property__upload-list {
    margin: 30px -15px 50px;
}

.form-property__upload-list:before,
.form-property__upload-list:after {
    content: " ";
    display: table;
}

.form-property__upload-list:after {
    clear: both;
}

@media (max-width: 767px) {
    .form-property__upload-list {
        margin: 10px -15px 30px;
    }
}

.form-property__upload-list--bottom {
    margin-bottom: 0;
}

.form-property__upload-border {
    border: 2px solid #342f2c;
    padding: 2px;
}

.form-property__upload-item {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .form-property__upload-item {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .form-property__upload-item {
        width: 25%;
    }
}

@media (max-width: 767px) {
    .form-property__upload-item {
        margin-bottom: 20px;
    }

    .form-property__upload-item:last-of-type {
        margin-bottom: 0;
    }
}

.form-property__upload-item img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100% !important;
}

.form-property__upload-delete {
    float: right;
    text-transform: uppercase;
    font-size: 13px;
    color: #342f2c;
}

@media (max-width: 767px) {
    .form-property__upload-delete {
        margin-left: 0;
    }
}

.form-property__upload-btn-delete {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    text-decoration: none;
    border: 2px solid #2c3e50;
    background: none;
    color: #2c3e50;
}

.form-property__upload-btn-delete:hover,
.form-property__upload-btn-delete:focus,
.form-property__upload-btn-delete.active {
    color: #333;
    text-decoration: none;
    outline: none;
}

.form-property__upload-btn-delete:disabled,
.form-property__upload-btn-delete.disabled {
    cursor: not-allowed;
}

.form-property__upload-btn-delete.progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.form-property__upload-btn-delete:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.form-property__upload-btn-delete.button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.form-property__upload-btn-delete.has-error,
.form-property__upload-btn-delete.error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.form-property__upload-btn-delete.has-error:after,
.form-property__upload-btn-delete.error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.form-property__upload-btn-delete.has-success,
.form-property__upload-btn-delete.success {
    color: transparent !important;
}

.form-property__upload-btn-delete.has-success:after,
.form-property__upload-btn-delete.success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .form-property__upload-btn-delete.button--loading:before {
    content: "";
}

.button--loading-refresh .form-property__upload-btn-delete.button--loading:before {
    content: "";
}

.button--loading-spinner .form-property__upload-btn-delete.button--loading:before {
    content: "";
}

@media (min-width: 992px) {
    .form-property__upload-btn-delete.hover,
    .form-property__upload-btn-delete:hover {
        border-color: #c79c58;
        color: #c79c58;
    }
}

.form-property__upload-btn-delete:active,
.form-property__upload-btn-delete.active {
    -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    border-color: #c79c58;
    background: #c79c58;
    color: #fff;
}

.form-property__upload-btn-delete:disabled,
.form-property__upload-btn-delete.disabled {
    color: #ccc;
    border-color: #efefef;
}

@media (max-width: 767px) {
    .form-property__upload-btn-delete {
        margin-left: 0;
    }
}

.form-property__upload-btn-choose {
    background: #342f2c;
    color: #fff;
    border: none;
    font-size: 13px;
}

.form-property__ranges {
    position: relative;
}

.form-property__check--agent {
    margin: 15px 0;
}

.form-property--dashboard .form-property__tabs {
    background: #342f2c;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px;
}

@media (max-width: 767px) {
    .form-property--dashboard .form-property__tabs {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.form-property--dashboard .form-property__tabs:before,
.form-property--dashboard .form-property__tabs:after {
    display: none;
}

.form-property--dashboard .form-property__tabs > li:after {
    font-size: 1em;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    margin-left: -15px;
}

@media (max-width: 767px) {
    .form-property--dashboard .form-property__tabs > li:after {
        margin-left: -5px;
        margin-right: 5px;
    }
}

.form-property--dashboard .form-property__tabs > li:last-of-type:after {
    content: '';
}

.form-property--dashboard .form-property__tabs > li.active > a {
    color: #fff;
}

.form-property--dashboard .form-property__tabs > li > a {
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    padding-right: 30px;
}

.form-property--dashboard .form-property__tabs > li > a:hover,
.form-property--dashboard .form-property__tabs > li > a:focus {
    background: none;
    outline: none;
}

@media (max-width: 767px) {
    .form-property--dashboard .form-property__tabs > li > a {
        padding: 10px 10px 10px 0;
    }
}

/*------------------------------------------------------------------
  * Comment
  + Comment / .comment
    __ Comment wrap / .comment__wrap
    __ Comment headline / .comment__headline
    __ Comment list / .comment__list
    __ Comment item / .comment__item
    __ Comment item-body / .comment__item-body
    __ Comment item-btn / .comment__item-btn
    __ Comment children / .comment__children
    __ Comment avatar / .comment__avatar
    __ Comment info / .comment__info
    __ Comment author / .comment__author
    __ Comment date / .comment__date
    __ Comment content / .comment__content
    __ Comment reply / .comment__reply
    __ Comment footer / .comment__footer
  @mixin =============================================================*/

.comment__wrap {
    background: #fff;
    border: 1px solid #dedede;
}

.comment__headline {
    font-size: 14px;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 0;
    line-height: 2;
    text-align: center;
    font-size: 20px;
    margin: 20px 0;
    text-align: left;
}

.comment__headline strong {
    font-weight: 600;
}

@media (max-width: 767px) {
    .comment__headline {
        font-size: 14px;
        margin-top: 25px;
        line-height: 1.4;
        min-height: auto;
    }
}

.sidebar .comment__headline {
    margin: 4px 0 0;
}

@media (max-width: 767px) {
    .comment__headline {
        text-align: center;
    }
}

.comment__list {
    margin: 34px 60px 0 60px;
    padding: 0;
    list-style: none;
}

.comment__list:before,
.comment__list:after {
    content: " ";
    display: table;
}

.comment__list:after {
    clear: both;
}

@media (max-width: 1199px) {
    .comment__list {
        margin: 0 25px;
    }
}

.comment__item {
    border-bottom: 1px solid #dedede;
    padding: 25px 0;
}

.comment__item:last-child {
    border-bottom: none !important;
    padding-bottom: 0;
}

.comment__item .comment__form {
    margin: 20px 0 0 80px;
}

@media (max-width: 767px) {
    .comment__item .comment__form {
        margin: 20px 15px 0 0;
    }
}

.comment__item-body {
    position: relative;
}

.comment__item-body:before,
.comment__item-body:after {
    content: " ";
    display: table;
}

.comment__item-body:after {
    clear: both;
}

.comment__item-right {
    float: right;
}

@media (max-width: 767px) {
    .comment__item-right {
        position: absolute;
        left: 75px;
        top: 48px;
    }
}

.comment__item-btn {
    font-size: 13px;
    color: #342f2c;
    border: none;
    background: none;
    text-transform: uppercase;
}

.comment__warning-title {
    color: #e95b35;
    font-weight: 600;
}

.comment__warning-text {
    color: #ccc !important;
    border-left: 1px solid #ccc;
    padding-left: 15px;
}

.comment__children {
    list-style: none;
    margin-left: 80px;
    border-top: 1px dashed #dedede;
    border-bottom: none;
    padding: 0;
    margin-top: 25px;
}

@media (max-width: 767px) {
    .comment__children {
        margin-left: 30px;
    }
}

.comment__children .comment__item {
    border-bottom: 1px dashed #dedede;
}

.comment__children .comment__item:last-child {
    padding-bottom: 0;
}

.comment__avatar {
    width: 65px;
    float: left;
    background: #e4e4e4;
    margin: 0 16px 11px 0;
}

.comment__avatar svg {
    fill: #2c3e50;
    width: 85%;
    margin: 0 auto 0;
    display: block;
}

.comment__info {
    margin-left: 80px;
}

.comment__author {
    color: #2c3e50;
    display: block;
    margin: -5px 0 0 0;
    font-weight: 600;
}

@media (max-width: 767px) {
    .comment__author {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.comment__date {
    font-size: 13px;
    color: #aaa;
    font-style: italic;
    display: block;
    margin: 0 0 5px;
}

@media (max-width: 767px) {
    .comment__date {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.comment__content {
    margin: 21px 0 0;
}

@media (max-width: 767px) {
    .comment__content {
        margin: 0 15px 0 -80px;
        clear: both;
    }
}

.comment__content p {
    color: #2c3e50;
}

.comment__reply {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    text-decoration: none;
    border: 2px solid #2c3e50;
    background: none;
    color: #2c3e50;
    margin: 10px 0 0;
    padding: 1px 13px;
    border-width: 1px;
    width: 80px;
}

.comment__reply:hover,
.comment__reply:focus,
.comment__reply.active {
    color: #333;
    text-decoration: none;
    outline: none;
}

.comment__reply:disabled,
.comment__reply.disabled {
    cursor: not-allowed;
}

.comment__reply.progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.comment__reply:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.comment__reply.button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.comment__reply.has-error,
.comment__reply.error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.comment__reply.has-error:after,
.comment__reply.error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.comment__reply.has-success,
.comment__reply.success {
    color: transparent !important;
}

.comment__reply.has-success:after,
.comment__reply.success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .comment__reply.button--loading:before {
    content: "";
}

.button--loading-refresh .comment__reply.button--loading:before {
    content: "";
}

.button--loading-spinner .comment__reply.button--loading:before {
    content: "";
}

@media (min-width: 992px) {
    .comment__reply.hover,
    .comment__reply:hover {
        border-color: #c79c58;
        color: #c79c58;
    }
}

.comment__reply:active,
.comment__reply.active {
    -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    border-color: #c79c58;
    background: #c79c58;
    color: #fff;
}

.comment__reply:disabled,
.comment__reply.disabled {
    color: #ccc;
    border-color: #efefef;
}

@media (max-width: 767px) {
    .comment__reply {
        margin-left: -80px;
    }
}

.comment__footer {
    margin: 25px 60px;
}

.comment__footer:before,
.comment__footer:after {
    content: " ";
    display: table;
}

.comment__footer:after {
    clear: both;
}

@media (max-width: 1199px) {
    .comment__footer {
        margin: 25px;
    }
}

@media (max-width: 767px) {
    .comment__footer {
        margin: 25px 15px;
    }
}

.comment__footer .listing__pagination {
    padding: 25px 0;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

.comment__form {
    margin: 0;
}

.comment__form:before,
.comment__form:after {
    content: " ";
    display: table;
}

.comment__form:after {
    clear: both;
}

.comment__form-title {
    font-size: 20px;
    color: #2c3e50;
    font-weight: 600;
    margin: 20px 0 0;
}

.comment__form-headline {
    font-size: 13px;
    color: #2c3e50;
    font-style: italic;
    display: block;
    margin-bottom: 20px;
}

.comment--page {
    display: none;
}

/*------------------------------------------------------------------
  * Contact page style
  + Contacts / .contacts
    __ Contacts column / .contacts__column
    __ Contacts address / .contacts__address
    __ Contacts address-item / .contacts__address-item
    __ Contacts address-column / .contacts__address-column
    __ Contacts address-title / .contacts__address-title
    __ Contacts address-street / .contacts__address-street
    __ Contacts address-phone / .contacts__address-phone
    __ Contacts address-email / .contacts__address-email
    __ Contacts address-skype / .contacts__address-skype
  @mixin =============================================================*/

.contacts__column {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 16px;
}

@media (min-width: 768px) {
    .contacts__column {
        float: left;
        width: 50%;
    }
}

@media (max-width: 767px) {
    .contacts__column:first-of-type {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .contacts__column {
        padding: 0;
    }
}

.contacts__column a {
    color: #342f2c;
}

.contacts__address {
    padding: 0;
    font-weight: 600;
}

@media (max-width: 767px) {
    .contacts__address {
        text-align: center;
    }
}

.contacts__address-column {
    float: left;
    width: 33%;
}

.contacts__address-column dd {
    font-weight: 600;
}

@media (max-width: 1199px) {
    .contacts__address-column {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .contacts__address-column {
        width: 100%;
        float: none;
    }
}

.contacts__address-column__title {
    font-weight: normal;
}

.contacts__address-title {
    border-bottom: 1px solid #d6d6d6;
    padding: 0 0 12px 0;
    margin-bottom: 10px;
    display: block;
    font-weight: 600;
}

.contacts__address-street {
    display: block;
}

.contacts__address-phone {
    display: block;
    margin: 5px 0;
}

.contacts__address-email {
    display: block;
    margin: 12px 0;
}

.contacts__address-email a {
    text-decoration: underline;
    color: #2c3e50;
}

.contacts__address-skype {
    display: block;
}

.contacts__address-skype a {
    text-decoration: underline;
    color: #2c3e50;
}

.contacts__form {
    margin-top: 31px;
    clear: both;
}

.contacts__social {
    border-top: 1px solid #d6d6d6;
}

.contacts__social-title {
    float: left;
    margin-right: 50px;
    padding-top: 5px;
}

.contacts__body h4 {
    font-weight: 600;
}

/*------------------------------------------------------------------
  * FAQ block styles
  + FAQ / .faq
    __ FAQ item / .faq__item
    __ FAQ expander / .faq__expander
    __ FAQ content / .faq__content
    __ FAQ body / .faq__body
    __ FAQ footer / .faq__footer
    __ FAQ close / .faq__close
  @mixin =============================================================*/

.faq__item {
    margin: 0 0 6px;
}

.faq__expander {
    font-size: 20px;
    color: #342f2c;
    text-decoration: none;
    padding-left: 48px;
    position: relative;
    display: block;
    border: none;
    background: none;
    outline: none !important;
    font-weight: 600;
}

.faq__expander:before {
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    border: 1px solid #342f2c;
    color: #342f2c;
    display: inline-block;
    margin: 1px 24px 0 0;
    font-weight: normal;
    text-align: center;
    width: 24px;
    line-height: 24px;
    height: 24px;
    position: absolute;
    top: 4px;
    left: 0;
    text-decoration: none;
}

.faq__expander:focus,
.faq__expander:hover {
    text-decoration: none;
}

.faq__expander.collapsed {
    color: #2c3e50;
}

.faq__expander.collapsed:before {
    content: "\f067";
    border: 1px solid #2c3e50;
    color: #2c3e50;
}

@media (max-width: 767px) {
    .faq__expander {
        padding-left: 35px;
    }
}

.faq__body {
    margin: 26px 0 0 50px;
    padding: 19px 39px;
    background: #fff;
    border: 1px solid #dedede;
}

@media (max-width: 767px) {
    .faq__body {
        margin: 6px 0 0 35px;
        padding: 15px;
    }
}

.faq__footer {
    margin: 0 0 20px 50px;
    padding: 19px 39px;
    background: #fff;
    text-align: center;
    border: 1px solid #dedede;
    border-top: none;
}

@media (max-width: 767px) {
    .faq__footer {
        margin-left: 35px;
    }
}

.faq__close {
    background: none;
    border: none;
    outline: none;
    color: #2c3e50;
}

.faq__close:before {
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    border: 1px solid #2c3e50;
    color: #2c3e50;
    padding: 0 5px;
    display: inline-block;
    margin: 0 10px 0 0;
    font-weight: normal;
    text-align: center;
    width: 24px;
    height: 24px;
}

/*------------------------------------------------------------------
  * Authorization blocks
    + Authorization / .auth
      __ Authorization link / .auth__link
      __ Authorization title / .auth__title
      __ Authorization row / .auth__row
      __ Authorization in / .auth__in
      __ Authorization forgot / .auth__forgot
  @mixin =============================================================*/

.auth:before,
.auth:after {
    content: " ";
    display: table;
}

.auth:after {
    clear: both;
}

.auth__nav {
    padding: 0;
    margin: 0;
    list-style: none;
}

.auth__link {
    border: none;
    background: none;
    color: #2c3e50;
    margin: 0;
    padding: 0 1px;
    text-transform: uppercase;
    font-weight: 600;
}

.auth__link:focus,
.auth__link:hover {
    background: none;
    text-decoration: underline;
}

@media (max-width: 767px) {
    .auth__link {
        display: none;
    }
}

.auth__link--login {
    margin-top: 19px;
}

@media (max-width: 1199px) {
    .auth__link--login {
        margin-top: 22px;
    }
}

.auth__icon-user {
    width: 16px;
    height: 16px;
    position: relative;
    top: 4px;
}

@media (max-width: 767px) {
    .auth__icon-user {
        width: 22px;
        height: 22px;
    }
}

.auth .form-control-feedback {
    top: 20px;
}

.auth .help-block {
    text-align: right;
}

.auth__title {
    margin: 9px 0 18px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.auth--header {
    border: none;
    outline: none;
}

.auth--header .dropdown__menu {
    left: auto;
    right: 0;
    width: 265px;
    background: #fff;
    color: #2c3e50;
    border: 1px solid #dcdcdc;
    padding: 18px 30px;
    z-index: 1000;
}

.auth--header .dropdown__menu:before {
    right: 20px;
    left: auto;
}

@media (max-width: 767px) {
    .auth--header .dropdown__menu:before {
        right: 32.3%;
    }
}

@media (max-width: 767px) {
    .auth--header .dropdown__menu {
        width: auto !important;
        left: 15px;
        right: 15px;
        top: 55px;
    }
}

.auth--header .auth__dropdown--register {
    width: 460px;
}

.auth--header .auth__dropdown--logged-in {
    width: 280px;
    padding: 10px 15px;
    top: 35px;
}

@media (max-width: 767px) {
    .auth--header .auth__dropdown--logged-in {
        top: 50px;
    }

    .auth--header .auth__dropdown--logged-in:before {
        right: 29%;
    }
}

.auth--header .auth__dropdown--restore {
    margin-right: -36px;
}

@media (max-width: 767px) {
    .auth--header .auth__dropdown--restore {
        margin: 0;
    }
}

.auth--header .auth__dropdown--restore .auth__in--submit {
    width: 100%;
    margin: 16px 0;
}

.auth--header .auth__dropdown--restore .auth__links {
    width: 102%;
    display: block;
}

.auth--header .auth__nav-item {
    float: left;
}

@media (max-width: 767px) {
    .auth--header .auth__nav-item {
        position: initial;
    }
}

.auth--header .auth__nav-btn {
    background: none;
    border: none;
    text-transform: uppercase;
    padding: 0;
    font-size: 13px;
}

.header--mob-opened .auth--header .auth__nav-btn {
    visibility: hidden;
}

.auth--header .auth__avatar {
    border-radius: 30px;
    overflow: hidden;
    width: 30px;
    height: 30px;
}

.auth--header .auth__name {
    text-transform: none;
    color: #fff;
    margin-left: 10px;
}

.auth--header .auth__name:after {
    font-size: 0.8em;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    margin-left: 15px;
}

@media (max-width: 767px) {
    .auth--header .auth__name {
        display: none;
    }
}

.auth--header .open .auth__name:after {
    content: '\f106';
}

@media (max-width: 767px) {
    .auth--inline {
        margin-bottom: 30px;
    }
}

.auth--inline .auth__wrap {
    margin: 0 auto;
    padding: 20px 30px;
    width: 265px;
    background: #fff;
    color: #2c3e50;
    border: 1px solid #dcdcdc;
}

.auth--inline .auth__wrap--register {
    width: 460px;
}

@media (max-width: 767px) {
    .auth--inline .auth__wrap--register {
        width: 265px;
    }
}

.auth--inline .auth__wrap--restore .auth__in--submit {
    float: none;
    width: 100%;
}

/*------------------------------------------------------------------
  * Map widget styles
  + Map / .map
  __ Map address / .map__address
  __ Map infobox / .map__infobox
  __ Map photo / .map__photo
  __ Map info / .map__info
  __ Map details / .map__details
  __ Map price / .map__price
  -- Map index / .map--index
  -- Map contacts / .map--contacts
  -- Map properties / .map--properties
  -- Map submit / .map--submit
  @mixin =============================================================*/

.map {
    position: relative;
}

.map:before,
.map:after {
    content: " ";
    display: table;
}

.map:after {
    clear: both;
}

.map__infobox {
    background: #342f2c;
    padding: 13px 20px 18px;
    color: #fff;
    position: absolute;
    bottom: -2px;
    left: 18px;
    font-weight: 200;
    width: 340px;
    font-size: 15px;
}

.map__infobox:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 0;
    height: 0;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #342f2c;
}

.map__infobox--white {
    background: rgba(255, 255, 255, 0.8);
    color: #000;
}

.map__infobox--white:after {
    border-left: 15px solid rgba(255, 255, 255, 0.8);
}

.map__infobox--dark {
    background: rgba(44, 62, 80, 0.8);
    color: #fff;
}

.map__infobox--dark:after {
    border-left: 15px solid rgba(44, 62, 80, 0.8);
}

.map__infobox--dark dl dt {
    color: #c7d3de;
}

.map__address {
    font-weight: 600;
    margin: 5px 0 12px;
    line-height: 1.2;
    display: block;
}

.map__photo {
    float: left;
    width: 100px;
}

.map__info {
    margin-bottom: 10px;
    display: block;
}

.map__info:before,
.map__info:after {
    content: " ";
    display: table;
}

.map__info:after {
    clear: both;
}

.map__details {
    float: left;
    width: 175px;
    margin-left: 20px;
    margin-top: -6px;
}

.map__details dl {
    display: block;
    margin: 0;
}

.map__details dl dt {
    display: inline-block;
    font-weight: normal;
}

.map__details dl dd {
    font-weight: bold;
    display: inline-block;
}

.map__price {
    float: left;
    position: relative;
    top: 9px;
}

.map__price strong {
    font-size: 26px;
    display: block;
}

.map__more {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    border: none;
    border-bottom: 4px solid #a37936;
    background: #c79c58;
    color: #222;
    float: right;
    width: 120px;
    margin-left: 0;
    margin-right: 0;
}

.map__more:hover,
.map__more:focus,
.map__more.active {
    color: #333;
    text-decoration: none;
    outline: none;
}

.map__more:disabled,
.map__more.disabled {
    cursor: not-allowed;
}

.map__more.progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.map__more:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.map__more.button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.map__more.has-error,
.map__more.error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.map__more.has-error:after,
.map__more.error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.map__more.has-success,
.map__more.success {
    color: transparent !important;
}

.map__more.has-success:after,
.map__more.success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .map__more.button--loading:before {
    content: "";
}

.button--loading-refresh .map__more.button--loading:before {
    content: "";
}

.button--loading-spinner .map__more.button--loading:before {
    content: "";
}

.map__more.hover,
.map__more:hover {
    border-bottom: 4px solid #c79c58;
    color: #222;
}

.map__more:active,
.map__more.active {
    border-top: 4px solid #a37936;
    border-bottom: none;
    color: #222;
}

.map__more:disabled,
.map__more.disabled {
    color: #ccc;
    background: #efefef;
    border-bottom: 4px solid #dedede;
}

.map__buttons {
    z-index: 20;
    position: relative;
    text-align: center;
}

.map__buttons:before,
.map__buttons:after {
    content: " ";
    display: table;
}

.map__buttons:after {
    clear: both;
}

.map__change-map {
    font-size: 20px;
    margin: 10px 0;
    float: left;
    border: none;
    background: none;
    outline: none;
    padding: 0;
    font-weight: 400;
    border-bottom: 1px dashed #2c3e50;
}

.map__change-map.active {
    border: none;
    font-weight: 600;
}

@media (max-width: 767px) {
    .map__change-map {
        font-size: 17px;
        color: #2c3e50;
        text-align: center;
        border: 1px solid #d6d6d6;
        padding: 15px 0;
        background: #fff;
        text-transform: uppercase;
        width: 100%;
        font-weight: bold;
        outline: none;
        margin-top: 40px;
        cursor: pointer;
        float: none;
        width: auto;
        display: block;
        padding: 3px 10px;
        font-weight: 400;
        margin: 50px auto 0;
    }

    .map__change-map:hover {
        color: #2c3e50;
    }

    .map__change-map:after {
        font-size: 14px;
        display: inline-block;
        font-family: FontAwesome;
        content: "";
        border: 1px solid #2c3e50;
        margin-left: 10px;
        width: 22px;
        height: 22px;
        vertical-align: top;
        text-align: center;
        line-height: 22px;
        padding: 0 0 0 2px;
    }

    .map__change-map.active:after {
        content: "\f078";
    }

    .map__change-map:before {
        font-size: 1em;
        display: inline-block;
        font-family: FontAwesome;
        content: "";
        color: #342f2c;
        margin-right: 10px;
    }

    .map__change-map:after {
        margin-top: 3px;
    }

    .map__change-map.active {
        border: 1px solid #d6d6d6;
    }
}

.map__change-panorama {
    float: left;
    border: none;
    background: none;
    border-bottom: 1px dashed #2c3e50;
    font-size: 20px;
    color: #2c3e50;
    margin: 17px 0 0 60px;
    line-height: 1;
    padding: 0;
    outline: none;
    font-weight: 400;
}

.map__change-panorama.active {
    border-bottom: none;
    font-weight: 600;
}

@media (max-width: 767px) {
    .map__change-panorama {
        font-size: 17px;
        color: #2c3e50;
        text-align: center;
        border: 1px solid #d6d6d6;
        padding: 15px 0;
        background: #fff;
        text-transform: uppercase;
        width: 100%;
        font-weight: bold;
        outline: none;
        margin-top: 40px;
        cursor: pointer;
        float: none;
        width: auto;
        display: block;
        padding: 5px 10px;
        font-weight: 400;
        vertical-align: bottom;
        line-height: 1.4;
        margin: 10px auto 0;
    }

    .map__change-panorama:hover {
        color: #2c3e50;
    }

    .map__change-panorama:after {
        font-size: 14px;
        display: inline-block;
        font-family: FontAwesome;
        content: "";
        border: 1px solid #2c3e50;
        margin-left: 10px;
        width: 22px;
        height: 22px;
        vertical-align: top;
        text-align: center;
        line-height: 22px;
        padding: 0 0 0 2px;
    }

    .map__change-panorama.active:after {
        content: "\f078";
    }

    .map__change-panorama:before {
        font-size: 1em;
        display: inline-block;
        font-family: FontAwesome;
        content: "";
        color: #342f2c;
        margin-right: 10px;
    }

    .map__change-panorama:after {
        font-size: 0.7em;
    }

    .map__change-panorama.active {
        border: 1px solid #d6d6d6;
    }
}

.map__view {
    border: 8px solid #fff;
    margin: 17px 0;
    width: 100%;
    height: 550px;
    z-index: 10;
}

.map__view--panorama {
    z-index: 5;
}

.map__view--property-form {
    height: 385px;
}

@media (max-width: 767px) {
    .map__view {
        margin: 0;
        border: 0;
    }
}

@media (max-width: 767px) {
    .map__wrap .map__view {
        visibility: hidden;
    }
}

.map__view iframe {
    display: block;
    width: 100%;
    height: 380px;
}

@media (max-width: 767px) {
    .map__view iframe {
        height: 155px;
    }
}

@media (max-width: 767px) {
    .map__wrap {
        position: absolute;
        width: 100%;
        top: 0;
        background: url("/templates/luxforsale2/img/map-placeholder.jpg");
        background-size: cover;
        height: 170px;
        border: 8px solid #fff;
        margin: 17px 0;
        overflow: hidden;
    }
}

.map--index {
    min-height: 550px;
    z-index: 205;
}

@media (min-width: 768px) {
    .map--index {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (max-width: 767px) {
    .map--index {
        min-height: 170px;
    }
}

.map--index .map__buttons {
    display: none;
}

@media (max-width: 767px) {
    .map--index .map__buttons {
        height: 170px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.map--index .map__change-map {
    margin: 0;
}

.map--index .map__view {
    position: absolute !important;
    bottom: 0;
    top: 0;
    height: auto;
    margin: 0;
    border: 0;
}

@media (max-width: 767px) {
    .map--index > .container {
        padding: 0;
    }
}

.map--index .map__wrap {
    margin: 0;
    border: 0;
}

.map--index .map__search {
    width: 33%;
    position: relative;
    z-index: 250;
    margin-top: 50px;
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    .map--index .map__search {
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
    }
}

.map--contacts {
    min-height: 550px;
}

@media (max-width: 767px) {
    .map--contacts {
        min-height: 170px;
    }
}

.map--contacts .map__buttons {
    display: none;
}

@media (max-width: 767px) {
    .map--contacts .map__buttons {
        display: block;
        height: 170px;
    }
}

.map--contacts .map__view {
    position: absolute !important;
    bottom: 0;
    top: 0;
    height: auto;
    margin: 0;
    border: 0;
}

@media (max-width: 767px) {
    .map--contacts > .container {
        padding: 0;
    }
}

.map--contacts .map__wrap {
    margin: 0;
    border: 0;
}

.map--hide {
    overflow: hidden;
}

@media (max-width: 767px) {
    .map--properties {
        height: 170px;
    }
}

.map--properties .map__buttons {
    display: block;
}

@media (max-width: 767px) {
    .map--properties .map__buttons {
        position: absolute;
        top: 50%;
        margin-top: -41px;
        left: 7px;
        right: 7px;
    }
}

.map--properties .map__wrap {
    position: relative;
    height: 400px;
    margin-top: 10px;
}

@media (max-width: 767px) {
    .map--properties .map__wrap {
        height: 170px;
        position: absolute;
        margin: 0;
    }
}

.map--properties .map__view {
    width: 100%;
    margin: 0;
    top: 0;
}

.map--properties .map__wrap .map__view {
    height: 396px !important;
    position: absolute !important;
}

.map--properties .map__change-map {
    margin-top: 10px;
}

@media (max-width: 767px) {
    .map--properties .map__change-map {
        margin-top: 0;
    }
}

.map--location .map__buttons {
    display: block;
}

.map--location .map__wrap {
    position: relative;
    height: 400px;
}

@media (max-width: 767px) {
    .map--location .map__wrap {
        height: 170px;
    }
}

.map--location .map__view {
    height: 396px !important;
    width: 100%;
    margin: 0;
    position: absolute;
    top: 0;
}

.map--location .map__change-map {
    margin-top: 10px;
    border: none;
}

@media (min-width: 768px) {
    .map--location .map__change-map {
        text-transform: uppercase;
        font-weight: bold;
    }
}

.map--location .map__geolocation {
    background: none;
    border: none;
    outline: none;
    padding: 0;
    margin-top: 25px;
}

.map--location .map__geolocation svg {
    fill: #342f2c;
    height: 45px;
    width: 30px;
}

.map--location .form-group--autocomplete {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
    margin-bottom: 9px;
}

@media (min-width: 1200px) {
    .map--location .form-group--autocomplete {
        width: 66.66667%;
    }
}

.map--location .form-group--coords {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
}

@media (min-width: 1200px) {
    .map--location .form-group--coords {
        width: 33.33333%;
    }
}

.map--location .map__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.map--location .map__title {
    font-size: 15px;
    margin-top: 3px;
    text-transform: uppercase;
    font-weight: 600;
}

.map--location .map__actions-btn {
    background: none;
    border: none;
    outline: none !important;
    padding: 0;
    text-transform: uppercase;
    font-size: 13px;
    color: #342f2c;
    font-weight: 600;
}

.map--dashboard {
    position: relative;
}

.map--dashboard .form-group--autocomplete {
    width: 400px;
    margin-bottom: 0;
}

@media (max-width: 1199px) {
    .map--dashboard .form-group--autocomplete {
        width: 300px;
    }
}

@media (max-width: 991px) {
    .map--dashboard .form-group--autocomplete {
        width: 180px;
    }
}

@media (max-width: 767px) {
    .map--dashboard .form-group--autocomplete {
        width: 85%;
    }
}

.map--dashboard .form-group--autocomplete .control-label {
    display: none;
}

@media (max-width: 767px) {
    .map--dashboard .form-group--autocomplete .control-label {
        display: block;
    }
}

@media (min-width: 768px) {
    .map--dashboard .form-group--autocomplete .form-control {
        height: 32px;
        border-radius: 3px;
        border: none;
    }
}

.map--dashboard .form-group--coords {
    display: none;
}

.map--dashboard .map__block {
    position: relative;
}

@media (min-width: 768px) {
    .map--dashboard .map__autocomplete {
        position: absolute;
        top: 10px;
        left: 140px;
        z-index: 20;
    }
}

.map--dashboard .map__geolocation {
    margin-top: 0;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.map--dashboard .map__geolocation svg {
    height: 25px;
    width: 25px;
}

.map--dashboard .map__buttons {
    position: absolute;
    top: 54%;
    width: 100%;
}

.map--dashboard .map__change-map {
    display: none;
}

@media (max-width: 767px) {
    .map--dashboard .map__change-map {
        display: block;
    }
}

.map--dashboard .map__block {
    margin-bottom: 20px;
}

.map--dashboard .map__wrap {
    border: none;
}

.map--dashboard .map__view {
    border: none;
}

.map--submit .map__header {
    display: none;
}

.map--submit .map__autocomplete {
    top: 20px;
}

.map--submit .map__wrap {
    border: 8px solid #fff;
    height: 412px;
}

.map--banner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    visibility: hidden;
}

.map--banner.opened {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 767px) {
    .map--banner {
        display: none;
    }
}

.map .leaflet-popup-content-wrapper,
.map .leaflet-popup-tip {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.map .leaflet-popup-content {
    position: relative;
}

.map .leaflet-container a {
    color: #222;
}

.infoBox > img .infobox__close {
    position: absolute;
    top: 10px;
    right: 10px;
}

@-webkit-keyframes blink {
    from {
        margin-top: -230px;
    }

    to {
        margin-top: 0;
    }
}

@keyframes blink {
    from {
        margin-top: -230px;
    }

    to {
        margin-top: 0;
    }
}

.opened .cluster {
    -webkit-animation: blink;
    animation: blink;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.cluster > div {
    background: #2c3e50 !important;
    border-radius: 10px !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
}

#cboxContent .gm-style-mtc:first-of-type {
    margin-left: 50px;
}

/*.achievement {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}*/

.achievement__item {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 30px 15px 20px 15px;
}

@media (min-width: 768px) {
    .achievement__item {
        width: 25%;
    }
}

@media (min-width: 1200px) {
    .achievement__item {
        width: 25%;
    }
}

@media (min-width: 1200px) {
    .achievement__item--animate-end .achievement__icon,
    .achievement__item--animate-end .achievement__name {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.achievement__icon {
    fill: #a6a6a6;
    width: 40px;
    height: 40px;
    margin-top: 50px;
}

@media (max-width: 1199px) {
    .achievement__icon {
        margin-top: 30px;
    }
}

@media (min-width: 1200px) {
    .achievement__icon {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
        opacity: 0;
        -webkit-transition: 1s;
        transition: 1s;
    }
}

.achievement__name {
    color: #c79c58;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .achievement__name {
        font-size: 13px;
    }
}

@media (min-width: 1200px) {
    .achievement__name {
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
        /*opacity: 0;*/
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
}

.achievement__counter {
    margin-top: 30px;
    color: #c79c58;
    font-size: 55px;
    font-weight: 200;
    line-height: 28px;
}

@media (min-width: 1200px) {
    .achievement__counter {
        /*display: none;*/
    }
}

@media (max-width: 1199px) {
    .achievement__counter {
        font-size: 40px;
        margin-top: 0;
        height: 70px;
    }
}

@media (max-width: 767px) {
    .achievement__counter {
        margin-top: 0;
        height: auto;
    }
}

@media (max-width: 1199px) {
    .achievement__counter--lg {
        display: none;
    }
}

@media (min-width: 1200px) {
    .achievement__counter--lg {
        display: block;
    }
}

/*------------------------------------------------------------------
  * Breadcrumbs
  + Breadcrumbs / .breadcrumbs
    __ Breadcrumbs list / .breadcrumbs__list
    __ Breadcrumbs item / .breadcrumbs__item
    __ Breadcrumbs link / .breadcrumbs__link
  @mixin =============================================================*/

.breadcrumbs {
    background: #f6f6f6;
}

.breadcrumbs:before,
.breadcrumbs:after {
    content: " ";
    display: table;
}

.breadcrumbs:after {
    clear: both;
}

@media (max-width: 767px) {
    .breadcrumbs .container {
        padding: 0;
    }
}

.breadcrumbs ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background: white;
    border: 1px solid #dedede;
    border-radius: .25rem;
    overflow: hidden;
  }

.breadcrumbs ul:before,
.breadcrumbs ul:after {
    content: " ";
    display: table;
}

.breadcrumbs ul:after {
    clear: both;
}

.breadcrumbs__list {
    border-left: 1px solid #dedede;
    color: transparent;
}

.breadcrumbs__list:before,
.breadcrumbs__list:after {
    content: " ";
    display: table;
}

.breadcrumbs__list:after {
    clear: both;
}

.breadcrumbs__list > li {
    float: left;
    padding: 5px 18px;
    text-align: center;
    position: relative;
}

.breadcrumbs__list > li:last-child a {
    background: none;
}

.breadcrumbs__list > li:last-child a:after {
    display: none;
}

.breadcrumbs__list > li > span {
    font-size: 12px;
    color: #808080;
    margin-top: -1px;
    text-transform: uppercase;
    display: block;
    padding-right: 10px;
    padding-bottom: 1px;
}

.breadcrumbs__list > span {
    float: left;
    background: #fff;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #dedede;
    padding: 5px 18px;
    margin-top: -1px;
    display: block !important;
}

.breadcrumbs__list > span:last-child a {
    background: none;
}

.breadcrumbs__list > span:last-child a:after {
    display: none;
}

.breadcrumbs__list > span > span {
    font-size: 12px;
    color: #808080;
    margin-top: -1px;
    text-transform: uppercase;
    display: block;
    padding-right: 10px;
    padding-bottom: 1px;
}

.breadcrumbs__item {
    float: left;
    background: #fff;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #dedede;
    padding: 5px 18px;
    margin-top: -1px;
    display: block !important;
}

.breadcrumbs__item:last-child a {
    background: none;
}

.breadcrumbs__item:last-child a:after {
    display: none;
}

.breadcrumbs a {
    font-size: 12px;
    color: #808080;
    text-transform: uppercase;
    display: block;
}

/*
.breadcrumbs a:after {
    content: "\e080";
    position: relative;
    top: -1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-size: 6px;
    margin: 0 0 0 10px;
}
*/

.breadcrumbs__link {
    font-size: 12px;
    color: #808080;
    text-transform: uppercase;
    display: block;
}

/*
.breadcrumbs__link:after {
    content: "\e080";
    position: relative;
    top: -1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-size: 6px;
    margin: 0 0 0 10px;
}
*/

.activity__date {
    background: #342f2c;
    color: #fff;
    display: inline-block;
    padding: 0 15px;
    margin-top: 40px;
}

@media (max-width: 767px) {
    .activity__date {
        margin-top: 25px;
    }
}

.activity__date:first-of-type {
    margin-top: 0;
}

.activity__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.activity__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: url("/templates/luxforsale2/img/bg-border-dotted-horizontal.png") 0 100% repeat-x;
    margin-top: 60px;
    padding-bottom: 20px;
}

@media (max-width: 767px) {
    .activity__item {
        margin-top: 20px;
    }
}

.activity__icon {
    width: 30px;
    height: 30px;
    fill: #2c3e50;
}

.activity__time {
    text-align: center;
    width: 130px;
    color: #a6a6a6;
}

@media (max-width: 991px) {
    .activity__time {
        width: 75px;
    }
}

.activity__title {
    color: #2c3e50;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.info__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin: 0 -15px;
}

.info__group-name {
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 30px;
}

.info__group-name:first-of-type {
    margin-top: 0;
}

.info__column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 15px;
}

.info__item {
    border: 1px solid #d6d6d6;
    padding: 20px;
    width: 100%;
    margin-top: 40px;
}

.info__item:first-of-type {
    margin-top: 0;
}

.info__title {
    font-weight: bold;
}

.info__value {
    font-size: 60px;
    color: #606e7c;
    font-weight: 200;
}

.info__value--small {
    font-size: 40px;
}

.info__value--succes {
    color: #5cb85c;
}

.info__value--info {
    color: #5bc0de;
}

.info__value--positive {
    color: green;
    font-size: 20px;
    top: -45px;
    position: relative;
}

.info__value--negative {
    color: red;
    font-size: 20px;
    top: -45px;
    position: relative;
}

.info__value-label {
    font-weight: normal;
    font-size: 0.4em;
}

.info__trend {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #a6a6a6;
}

.info__trend .fa {
    margin-left: 15px;
    font-size: 20px;
}

.info__trend--positive .fa {
    color: green;
}

.info__trend--negative .fa {
    color: red;
}

.info__actions {
    text-align: center;
    margin-top: 50px;
}

.info__more {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    text-decoration: none;
    border: 2px solid #2c3e50;
    background: none;
    color: #2c3e50;
    margin: 0 auto;
    font-size: 12px;
}

.info__more:hover,
.info__more:focus,
.info__more.active {
    color: #333;
    text-decoration: none;
    outline: none;
}

.info__more:disabled,
.info__more.disabled {
    cursor: not-allowed;
}

.info__more.progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.info__more:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.info__more.button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.info__more.has-error,
.info__more.error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.info__more.has-error:after,
.info__more.error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.info__more.has-success,
.info__more.success {
    color: transparent !important;
}

.info__more.has-success:after,
.info__more.success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .info__more.button--loading:before {
    content: "";
}

.button--loading-refresh .info__more.button--loading:before {
    content: "";
}

.button--loading-spinner .info__more.button--loading:before {
    content: "";
}

@media (min-width: 992px) {
    .info__more.hover,
    .info__more:hover {
        border-color: #c79c58;
        color: #c79c58;
    }
}

.info__more:active,
.info__more.active {
    -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    border-color: #c79c58;
    background: #c79c58;
    color: #fff;
}

.info__more:disabled,
.info__more.disabled {
    color: #ccc;
    border-color: #efefef;
}

.info__link {
    background: none;
    border: none;
    outline: none !important;
    padding: 0;
    font-size: 12px;
    margin-top: 10px;
    color: #a6a6a6;
    text-transform: uppercase;
    display: block;
    text-align: center;
    width: 100%;
}

.info__chart--balance {
    background: url("/templates/luxforsale2/img/bg-border-dotted-horizontal.png") repeat-x 0 0;
}

.info__chart-balance {
    width: 100%;
    height: 180px;
    margin-top: 15px;
}

.info__chart-profile {
    width: 100%;
    height: 400px;
}

.info--statistics .info__column {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
    margin-top: 30px;
}

@media (min-width: 1200px) {
    .info--statistics .info__column {
        width: 33.33333%;
    }
}

.info--statistics .info__column:nth-child(-n+3) {
    margin-top: 0;
}

@media (max-width: 1199px) {
    .info--statistics .info__column:nth-child(n+1) {
        margin-top: 30px;
    }

    .info--statistics .info__column:first-of-type {
        margin-top: 0;
    }
}

.info--statistics .info__about {
    margin-top: 40px;
}

.info--statistics .info__about-title {
    background: #f6f6f6;
    border: 1px solid #d6d6d6;
    padding: 20px 30px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0;
}

.info--statistics .info__table-wrap {
    width: 100%;
    overflow: auto;
}

.info--statistics .info__table {
    margin-top: -1px;
    margin-bottom: 0;
}

.info--statistics .info__table td {
    width: 33.333%;
}

@media (max-width: 767px) {
    .info--statistics .info__table td {
        padding: 5px;
    }
}

.info--financials .info__column {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
    margin-top: 30px;
}

@media (min-width: 1200px) {
    .info--financials .info__column {
        width: 33.33333%;
    }
}

.info--financials .info__column:nth-child(-n+3) {
    margin-top: 0;
}

@media (max-width: 1199px) {
    .info--financials .info__column:nth-child(n+1) {
        margin-top: 30px;
    }

    .info--financials .info__column:first-of-type {
        margin-top: 0;
    }
}

.info--commission .info__column {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
    margin-top: 30px;
}

@media (min-width: 1200px) {
    .info--commission .info__column {
        width: 33.33333%;
    }
}

.info--commission .info__column:nth-child(-n+3) {
    margin-top: 0;
}

@media (max-width: 1199px) {
    .info--commission .info__column:nth-child(n+1) {
        margin-top: 30px;
    }

    .info--commission .info__column:first-of-type {
        margin-top: 0;
    }
}

.info--property .info__column {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 768px) {
    .info--property .info__column {
        width: 50%;
    }
}

.info--property .info__donut {
    margin: 0 auto;
    width: 220px;
    position: relative;
}

.info--property .info__chart {
    position: relative;
    width: 220px;
    height: 220px;
}

.info--property .info__total {
    position: absolute;
    top: 70px;
    font-size: 20px;
    text-align: center;
    width: 100%;
    line-height: 1;
}

.info--property .info__total-value {
    font-size: 50px;
}

.info--property .info__legend {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.info--property .info__legend-item {
    font-size: 17px;
    padding-left: 40px;
    margin-left: 150px;
    position: relative;
    margin-top: 20px;
}

.info--property .info__legend-item:before {
    font-size: 1em;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}

@media (max-width: 767px) {
    .info--property .info__legend-item {
        margin-left: 30px;
    }
}

.info--property .info__legend-item--green:before {
    color: #43a047;
}

.info--property .info__legend-item--light-green:before {
    color: #a5d6a7;
}

.info--property .info__legend-item--blue:before {
    color: #1e88e5;
}

.info--property .info__legend-item--light-blue:before {
    color: #90caf9;
}

.payment {
    border: 1px solid #f0f0f0;
}

.table {
    border: 1px solid #d6d6d6;
}

.table > thead {
    background: #f6f6f6;
}

.table > thead > tr {
    background: #f6f6f6;
}

.table > thead > tr:nth-child(2n-1) {
    background: #fafafa;
}

.table > thead > tr > th,
.table > thead > tr > td {
    border: 1px solid #d6d6d6;
    padding: 20px 30px;
}

@media (max-width: 767px) {
    .table > thead > tr > th,
    .table > thead > tr > td {
        padding: 5px;
    }
}

.table > thead > tr > th {
    font-size: 13px;
    text-transform: uppercase;
    border-bottom-width: 1px !important;
}

.table > tbody > tr > td {
    font-size: 15px;
    border: 1px solid #d6d6d6;
    padding: 20px 30px;
}

@media (max-width: 767px) {
    .table > tbody > tr > td {
        padding: 5px;
    }
}

.table--stripped > tbody > tr:nth-child(2n-1) {
    background: #e3f2fd;
}

.tags {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tags__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.tags__actions-border {
    border-top: 1px solid #d6d6d6;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 10px;
}

.tags__actions-btn {
    margin-left: 20px;
}

.tags__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 767px) {
    .tags__list {
        margin-top: 20px;
    }
}

.tags__item {
    background: none;
    border: none;
    outline: none !important;
    padding: 0;
    color: #a6a6a6;
    font-size: 12px;
    border: 1px solid #d6d6d6;
    border-radius: 15px;
    padding: 4px 10px;
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 20px;
    cursor: pointer;
    height: 30px;
    line-height: 1.6;
}

.tags__item.active {
    background: #c79c58;
    color: #222;
    border-color: #c79c58;
}

.tags__item.editable {
    cursor: text;
}

@media (max-width: 767px) {
    .tags__item {
        margin-top: 10px;
    }
}

.tags__item--new {
    background: #c79c58;
    color: #222;
    border-color: #c79c58;
}

.tags__new-icon {
    font-style: normal;
    cursor: pointer;
}

.tags__new-icon:after {
    font-size: 1em;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
}

.editable .tags__new-icon:after {
    font-size: 1em;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    margin-left: 5px;
}

.modal .modal-content {
    border: none;
}

@media (min-width: 768px) {
    .modal .modal-content {
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    }
}

/*.modal .modal-header {
    border-bottom: none;
}

.modal .modal-footer {
    border-top: none;
    text-align: left;
}*/

.modal--photos-upload {
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    padding: 15px !important;
    margin: -15px;
}

.modal--photos-upload .modal-dialog {
    width: 100%;
    margin: 0;
}

.modal--photos-upload .modal-body {
    max-height: 400px;
    overflow-y: auto;
}

.modal--plan {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    padding: 0 15px !important;
    margin: -15px;
    overflow: visible !important;
}

.modal--plan .modal-dialog {
    width: 100%;
    margin: 0;
}

.modal--plan .modal-body {
    max-height: 900px;
    overflow-y: auto;
    padding: 0 40px;
}

@media (max-width: 767px) {
    .modal--plan .modal-body {
        padding: 0 15px;
    }
}

.btn--default {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    text-decoration: none;
    border: 2px solid #2c3e50;
    background: none;
    color: #2c3e50;
}

.btn--default:hover,
.btn--default:focus,
.btn--default.active {
    color: #333;
    text-decoration: none;
    outline: none;
}

.btn--default:disabled,
.btn--default.disabled {
    cursor: not-allowed;
}

.btn--default.progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.btn--default:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.btn--default.button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.btn--default.has-error,
.btn--default.error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.btn--default.has-error:after,
.btn--default.error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.btn--default.has-success,
.btn--default.success {
    color: transparent !important;
}

.btn--default.has-success:after,
.btn--default.success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .btn--default.button--loading:before {
    content: "";
}

.button--loading-refresh .btn--default.button--loading:before {
    content: "";
}

.button--loading-spinner .btn--default.button--loading:before {
    content: "";
}

@media (min-width: 992px) {
    .btn--default.hover,
    .btn--default:hover {
        border-color: #c79c58;
        color: #c79c58;
    }
}

.btn--default:active,
.btn--default.active {
    -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    border-color: #c79c58;
    background: #c79c58;
    color: #fff;
}

.btn--default:disabled,
.btn--default.disabled {
    color: #ccc;
    border-color: #efefef;
}

.btn--default:active {
    border-color: #2c3e50;
    background: none;
    color: #2c3e50;
}

.btn--default > .fa {
    margin-right: 10px;
}

.btn--primary {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    border: none;
    border-bottom: 4px solid #a37936;
    background: #c79c58;
    color: #222;
}

.btn--primary:hover,
.btn--primary:focus,
.btn--primary.active {
    color: #333;
    text-decoration: none;
    outline: none;
}

.btn--primary:disabled,
.btn--primary.disabled {
    cursor: not-allowed;
}

.btn--primary.progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.btn--primary:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.btn--primary.button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.btn--primary.has-error,
.btn--primary.error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.btn--primary.has-error:after,
.btn--primary.error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.btn--primary.has-success,
.btn--primary.success {
    color: transparent !important;
}

.btn--primary.has-success:after,
.btn--primary.success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .btn--primary.button--loading:before {
    content: "";
}

.button--loading-refresh .btn--primary.button--loading:before {
    content: "";
}

.button--loading-spinner .btn--primary.button--loading:before {
    content: "";
}

.btn--primary.hover,
.btn--primary:hover {
    border-bottom: 4px solid #c79c58;
    color: #222;
}

.btn--primary:active,
.btn--primary.active {
    border-top: 4px solid #a37936;
    border-bottom: none;
    color: #222;
}

.btn--primary:disabled,
.btn--primary.disabled {
    color: #ccc;
    background: #efefef;
    border-bottom: 4px solid #dedede;
}

.btn--primary:active {
    border: none;
    border-top: 4px solid #d99221;
    background: #c79c58;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn--plus {
    background: none;
    border: none;
    outline: none !important;
    padding: 0;
    margin: 0 0 0 -35px;
    position: relative;
    z-index: 4;
}

.btn--plus:after {
    font-size: 1em;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
}

.btn--link {
    background: none;
    border: none;
    outline: none !important;
    padding: 0;
    text-transform: uppercase;
    font-size: 13px;
    color: #342f2c;
    font-weight: 600;
    line-height: 1;
}

.btn--action {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 20px;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    border: none;
    border-bottom: 4px solid #a37936;
    background: #c79c58;
    color: #222;
    font-size: 13px;
}

.btn--action:hover,
.btn--action:focus,
.btn--action.active {
    color: #333;
    text-decoration: none;
    outline: none;
}

.btn--action:disabled,
.btn--action.disabled {
    cursor: not-allowed;
}

.btn--action.progress {
    overflow: visible;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.btn--action:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    text-align: center;
}

.btn--action.button--loading:before {
    margin: 0 10px 0;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.btn--action.has-error,
.btn--action.error {
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
    color: transparent !important;
}

.btn--action.has-error:after,
.btn--action.error:after {
    content: "Error!";
    -webkit-animation: scaleFromUp 0.5s;
    animation: scaleFromUp 0.5s;
    z-index: 1;
    color: #e95b35;
}

.btn--action.has-success,
.btn--action.success {
    color: transparent !important;
}

.btn--action.has-success:after,
.btn--action.success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
    z-index: 1;
    color: #342f2c;
}

.button--loading-circle-o-notch .btn--action.button--loading:before {
    content: "";
}

.button--loading-refresh .btn--action.button--loading:before {
    content: "";
}

.button--loading-spinner .btn--action.button--loading:before {
    content: "";
}

.btn--action.hover,
.btn--action:hover {
    border-bottom: 4px solid #c79c58;
    color: #222;
}

.btn--action:active,
.btn--action.active {
    border-top: 4px solid #a37936;
    border-bottom: none;
    color: #222;
}

.btn--action:disabled,
.btn--action.disabled {
    color: #ccc;
    background: #efefef;
    border-bottom: 4px solid #dedede;
}

.btn--white {
    color: #2c3e50;
    text-transform: none;
    font-weight: 600;
    margin: 0 0 0 10px;
    display: inline-block;
    font-size: 14px;
    text-decoration: none !important;
    padding: 3px 10px 4px;
}

.btn--white:hover {
    color: #2c3e50;
}

.btn--white.active {
    color: #fff;
    border: 1px solid #fff;
}

.tab--sidebar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tab--sidebar .tab__nav {
    background: #f6f6f6;
    width: 165px;
}

@media (max-width: 767px) {
    .tab--sidebar .tab__nav {
        width: 100%;
    }
}

.tab--sidebar .tab__nav > li {
    color: #2c3e50;
}

.tab--sidebar .tab__nav > li.active {
    color: #342f2c;
}

.tab--sidebar .tab__nav > li.active:after {
    background: #fff;
    display: block;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45grad);
    -ms-transform: rotate(45grad);
    transform: rotate(45grad);
    border-bottom: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0;
    position: absolute;
    top: 50%;
    right: -5px;
    margin-top: -5px;
    content: '';
}

.tab--sidebar .tab__nav > li > a {
    padding: 20px 5px 20px 30px;
    color: inherit;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 900;
}

.tab--sidebar .tab__nav > li > a .fa {
    display: block;
}

.tab--sidebar .tab-content {
    border-left: 1px solid #f0f0f0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 20px 40px;
}

@media (max-width: 767px) {
    .tab--sidebar .tab-content {
        padding: 15px;
        border: none;
    }
}

.tab--properties .tab__nav {
    padding: 0;
    margin-bottom: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 12px;
}

@media (max-width: 767px) {
    .tab--properties .tab__nav {
        margin-bottom: 40px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.tab--properties .tab__nav li {
    display: inline-block;
    margin: 0 45px;
}

@media (max-width: 767px) {
    .tab--properties .tab__nav li {
        margin: 0;
    }
}

.tab--properties .tab__nav li > a {
    padding: 3px 0;
    text-transform: uppercase;
    color: #a6a6a6;
}

.tab--properties .tab__nav li > a:hover,
.tab--properties .tab__nav li > a:focus,
.tab--properties .tab__nav li > a:active {
    text-decoration: none;
    background: none;
}

@media (max-width: 767px) {
    .tab--properties .tab__nav li > a {
        padding: 3px 0;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.tab--properties .tab__nav li.active a {
    border-bottom: 2px solid #2c3e50;
    color: #2c3e50;
}

.tab--properties .tab__tab-content {
    clear: both;
}

/*!
 * Cropper v@VERSION
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright (c) 2014-@YEAR Fengyuan Chen and contributors
 * Released under the MIT license
 *
 * Date: @DATE
 */

.cropper-container {
    position: relative;
    font-size: 0;
    line-height: 0;
    direction: ltr !important;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    width: 100%;
    height: 600px;
}

.cropper-container img {
    display: block;
    image-orientation: 0deg !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    width: 100%;
    height: 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.cropper-wrap-box {
    overflow: hidden;
}

.cropper-drag-box {
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
}

.cropper-modal {
    background-color: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.cropper-view-box {
    display: block;
    overflow: hidden;
    outline: 1px solid #342f2c;
    outline-color: rgba(52, 47, 44, 0.75);
    width: 100%;
    height: 100%;
}

.cropper-dashed {
    position: absolute;
    display: block;
    border: 0 dashed #eee;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.cropper-dashed.dashed-h {
    top: 33.33333%;
    left: 0;
    border-top-width: 1px;
    border-bottom-width: 1px;
    width: 100%;
    height: 33.33333%;
}

.cropper-dashed.dashed-v {
    top: 0;
    left: 33.33333%;
    border-right-width: 1px;
    border-left-width: 1px;
    width: 33.33333%;
    height: 100%;
}

.cropper-center {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    opacity: 0.75;
    filter: alpha(opacity=75);
}

.cropper-center:before,
.cropper-center:after {
    position: absolute;
    display: block;
    background-color: #eee;
    content: " ";
}

.cropper-center:before {
    top: 0;
    left: -3px;
    width: 7px;
    height: 1px;
}

.cropper-center:after {
    top: -3px;
    left: 0;
    width: 1px;
    height: 7px;
}

.cropper-face,
.cropper-line,
.cropper-point {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.1;
    filter: alpha(opacity=10);
}

.cropper-face {
    top: 0;
    left: 0;
    background-color: #fff;
}

.cropper-line {
    background-color: #342f2c;
}

.cropper-line.line-e {
    top: 0;
    right: -3px;
    width: 5px;
    cursor: e-resize;
}

.cropper-line.line-n {
    top: -3px;
    left: 0;
    height: 5px;
    cursor: n-resize;
}

.cropper-line.line-w {
    top: 0;
    left: -3px;
    width: 5px;
    cursor: w-resize;
}

.cropper-line.line-s {
    bottom: -3px;
    left: 0;
    height: 5px;
    cursor: s-resize;
}

.cropper-point {
    background-color: #342f2c;
    width: 30px;
    height: 30px;
    opacity: 1;
    border-radius: 30px;
}

.cropper-point.point-e {
    top: 50%;
    right: -15px;
    margin-top: -15px;
    cursor: e-resize;
}

.cropper-point.point-n {
    top: -15px;
    left: 50%;
    margin-left: -15px;
    cursor: n-resize;
}

.cropper-point.point-w {
    top: 50%;
    left: -15px;
    margin-top: -15px;
    cursor: w-resize;
}

.cropper-point.point-s {
    bottom: -15px;
    left: 50%;
    margin-left: -15px;
    cursor: s-resize;
}

.cropper-point.point-ne {
    top: -15px;
    right: -15px;
    cursor: ne-resize;
}

.cropper-point.point-nw {
    top: -15px;
    left: -15px;
    cursor: nw-resize;
}

.cropper-point.point-sw {
    bottom: -15px;
    left: -15px;
    cursor: sw-resize;
}

.cropper-point.point-se {
    right: -15px;
    bottom: -15px;
    cursor: se-resize;
    width: 30px;
    height: 30px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.cropper-point.point-se:before {
    position: absolute;
    right: -50%;
    bottom: -50%;
    display: block;
    content: " ";
    background-color: #342f2c;
    width: 200%;
    height: 200%;
    opacity: 0;
    filter: alpha(opacity=0);
}

@media (min-width: 768px) {
    .cropper-point.point-se {
        width: 15px;
        height: 15px;
    }
}

@media (min-width: 992px) {
    .cropper-point.point-se {
        width: 10px;
        height: 10px;
    }
}

@media (min-width: 1200px) {
    .cropper-point.point-se {
        width: 30px;
        height: 30px;
        opacity: 1;
    }
}

.cropper-invisible {
    opacity: 0;
    filter: alpha(opacity=0);
}

.cropper-bg {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.cropper-hide {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
}

.cropper-hidden {
    display: none !important;
}

.cropper-move {
    cursor: move;
}

.cropper-crop {
    cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
    cursor: not-allowed;
}

.datatable::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.datatable::-webkit-scrollbar-track {
    border-radius: 3px;
    width: 3px;
    background: #e0e0e0;
}

.datatable::-webkit-scrollbar-thumb {
    border-radius: 5px;
    width: 5px;
    background: #342f2c;
}

.datatable .row {
    margin: 0;
}

.datatable .col-sm-12 {
    padding: 0;
}

@media (max-width: 767px) {
    .datatable {
        overflow-x: auto;
        padding-bottom: 0;
    }
}

.datatable th {
    text-transform: uppercase;
    font-size: 13px;
    border-bottom: 1px solid #d6d6d6;
    background: #f6f6f6;
    padding: 50px 10px;
    white-space: nowrap;
}

.datatable th:focus {
    outline: none;
}

.datatable td {
    padding: 30px 10px;
}

.datatable tr {
    border-bottom: 1px solid #d6d6d6;
}

.datatable tr.odd {
    background: #f2f2f2;
}

.datatable tr.even {
    background: #f6f6f6;
}

.datatable tr:hover {
    background: #e3f2fd;
}

.datatable__table {
    border: 1px solid #d6d6d6;
    width: 100%;
}

.datatable__head-sort:after {
    font-size: 0.8em;
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    margin-left: 5px;
}

.datatable__head-sort.sorting_asc:after {
    content: '\f0de';
}

.datatable__head-sort.sorting_desc:after {
    content: '\f0dd';
}

.datatable .dataTables_scrollBody::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.datatable .dataTables_scrollBody::-webkit-scrollbar-track {
    border-radius: 3px;
    width: 3px;
    background: #e0e0e0;
}

.datatable .dataTables_scrollBody::-webkit-scrollbar-thumb {
    border-radius: 5px;
    width: 5px;
    background: #342f2c;
}

.datatable--properties .datatable__table {
    background: #fafafa;
}

.datatable--properties .datatable__head-1 {
    padding: 50px 30px;
}

.datatable--properties .datatable__cell-1 {
    padding: 30px;
}

.datatable--properties .datatable__cell-2 {
    color: #342f2c;
    min-width: 100px;
}

.datatable--properties .datatable__cell-3 {
    color: #342f2c;
    min-width: 80px;
}

.datatable--properties .datatable__cell-4 {
    color: #a6a6a6;
    min-width: 80px;
}

.datatable--properties .datatable__more {
    border: none;
    font-size: 12px;
    margin: 0;
    float: none;
    padding-left: 0;
}

.datatable--property th {
    padding: 30px 10px;
}

.datatable--property .dataTables_scrollBody th {
    display: none;
}

.datatable--property td {
    padding: 10px;
}

.datatable--property .datatable__head-2 {
    width: 70px;
}

.datatable--property .datatable__cell {
    width: 60px;
}

.datatable--property .datatable__cell--2 {
    width: 65px;
    color: #a6a6a6;
}

.datatable--property .datatable__cell--3 {
    color: #a6a6a6;
}

.datatable--property .datatable__cell--4 {
    color: #a6a6a6;
}

.datatable--property .datatable__cell--5 {
    color: #342f2c;
}

.datatable--property .datatable__cell--6 {
    color: #a6a6a6;
}

.datatable--property .datatable__cell--7 {
    color: #a6a6a6;
}

.datatable--property .datatable__cell--8 {
    color: #a6a6a6;
}



/* MY EDITS */
#slider-home {
    top: 0px;
    z-index: 1;
    background:black;
    max-height: 695px;
    overflow: hidden;
}
.sy-box.pictures-slider {
    position: absolute;
    width: 100%;
}
.sy-slide > img {
    /*opacity: 0.6;*/
}

.properties.properties--grid {
    box-shadow: 0px 3px 3px #e4e4e4;
}


.listing--list .listing__item {
    margin-bottom: 15px;
    box-shadow: 0px 3px 3px #e4e4e4;
    background: white;
    padding: 0px 0px 15px 0px;
}

.listing__item.item-highlight-1 {
    border: 1px solid #c79c58;
    box-shadow: 0px 3px 9px #c79c58;
}

.listing__item .stars {
    text-align: center;
    color: #c79c58;
    font-size: 150%;
    font-weight: bold;
}
.listing__item .stars .fa.fa-star {
    color: #c79c58;
    font-size: 30px;
    margin: 10px 15px;
    margin: 2.5vh 0.2vh;
    font-size: 3vh;
}

.js-agencies-list ul {
    box-shadow: 0px 3px 3px #e4e4e4;
    background: white;
    padding: 0px 0px 15px 7px;
    background: white;
    list-style: none;
}


.boxed-white {
    margin-bottom: 15px;
    box-shadow: 0px 3px 3px #e4e4e4;
    background: white;
    padding:0px; /*padding: 0px 0px 15px 7px;*/
}



#bg-header {
    position: relative;
    top: 0px;
    width: 100%;
    max-height: 500px;
    left: 0px;
    z-index: 0;
    background: url(/templates/luxforsale2/img/header-1.jpg) no-repeat 50% 100%;
    padding: 120px 0 50px 0px;
}


#slider-property-ext {position:relative;}




#h1MainTitle {
    position: relative;
    left: 0px;
    width: 100%;
    z-index: 50;
    color: white;
    text-align: center;
    font-size: 300%;
    text-transform: uppercase;
    text-shadow: 1px 1px 0px black;
    max-width: 1180px;
    display: block;
    margin: auto;
}
@media only screen and (max-width: 480px) {
    #h1MainTitle {
        top: 30%;
        font-size: 180%;
    }
}



/*#slider-property-ext img {
    width:100%;
}*/
#slider-property-ext .lslide img {
    max-width: 90%;
    height: auto;
    margin: 10px auto;
    display: block;
    min-height: 250px;
    /*max-height: 80vh;*/
    max-height: 600px;
    box-shadow: 0px 0px 30px black;
}
.lSSlideOuter .lSGallery li, .lSSlideOuter .lightSlider>* {
    overflow: hidden;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    opacity:1;
    border: 3px solid #c79c58;
    border-radius: 0px !important;
}
.lSSlideOuter .lSPager.lSGallery img {
    border-radius: 0px !important;
    opacity:0.8;
}
.lSSlideOuter {
    /*background: #2c3e50;*/
    background: url(https://luxforsale.it/templates/luxforsale2/img/bg-slideshow-property.jpg) no-repeat 50% 50%;
    padding: 0px 0px 15px 0px;
}




.modal-backdrop {
    z-index: 1 !important;
}





.lSAction > a {
    background-image: url(/templates/luxforsale2/img/controls.png) !important;
}




.footer__wrap .navbar__item {
    margin: 0px;
    line-height: 20px;
}
.footer__wrap .navbar__item::after {
    content: "- ";
    position: relative;
    left: -6px;
}


.control-label.required::after {
    content: "*";
    color: red;
    display: inline;
    position: absolute;
    top: 4px;
}







/* PRICE TABLE */

.pricing-container {
    width: 90%;
    max-width: 1170px;
    margin: 4em auto;
}

.pricing-container {
    margin: 6em auto;
}
.pricing-container.full-width {
    width: 100%;
    max-width: none;
}

.pricing-switcher {
    text-align: center;
}

.pricing-switcher .fieldset {
    display: inline-block;
    position: relative;
    padding: 2px;
    border-radius: 50em;
    border: 2px solid #2d3e50;
}

.pricing-switcher input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.pricing-switcher label {
    position: relative;
    z-index: 1;
    display: inline-block;
    float: left;
    width: 90px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    font-size: 1.4rem;
    color: #ffffff;
}

.pricing-switcher .switch {
    position: absolute;
    top: 2px;
    left: 2px;
    height: 40px;
    width: 90px;
    background-color: #2d3e50;
    border-radius: 50em;
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    transition: transform 0.5s;
}

.pricing-switcher input[type="radio"]:checked + label + .switch,
.pricing-switcher input[type="radio"]:checked + label:nth-of-type(n) + .switch {
    -webkit-transform: translateX(90px);
    -moz-transform: translateX(90px);
    -ms-transform: translateX(90px);
    -o-transform: translateX(90px);
    transform: translateX(90px);
}

.no-js .pricing-switcher {
    display: none;
}

.pricing-list {
    margin: 2em 0 0;
}

.pricing-list > li {
    position: relative;
    margin-bottom: 1em;
}

@media only screen and (min-width: 768px) {
    .pricing-list {
        margin: 3em 0 0;
    }
    .pricing-list:after {
        content: "";
        display: table;
        clear: both;
    }
    .pricing-list > li {
        width: 33.3333333333%;
        float: left;
        padding-left: 5px;
        padding-right: 5px;
    }
    .has-margins .pricing-list > li {
        width: 32.3333333333%;
        float: left;
        margin-right: 1.5%;
    }
    .has-margins .pricing-list > li:last-of-type {
        margin-right: 0;
    }
}

.pricing-wrapper {
    position: relative;
}

.touch .pricing-wrapper {
    -webkit-perspective: 2000px;
    -moz-perspective: 2000px;
    perspective: 2000px;
}

.pricing-wrapper.is-switched .is-visible {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-animation: rotate 0.5s;
    -moz-animation: rotate 0.5s;
    animation: rotate 0.5s;
}

.pricing-wrapper.is-switched .is-hidden {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-animation: rotate-inverse 0.5s;
    -moz-animation: rotate-inverse 0.5s;
    animation: rotate-inverse 0.5s;
    opacity: 0;
}

.pricing-wrapper.is-switched .is-selected {
    opacity: 1;
}

.pricing-wrapper.is-switched.reverse-animation .is-visible {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-animation: rotate-back 0.5s;
    -moz-animation: rotate-back 0.5s;
    animation: rotate-back 0.5s;
}

.pricing-wrapper.is-switched.reverse-animation .is-hidden {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-animation: rotate-inverse-back 0.5s;
    -moz-animation: rotate-inverse-back 0.5s;
    animation: rotate-inverse-back 0.5s;
    opacity: 0;
}

.pricing-wrapper.is-switched.reverse-animation .is-selected {
    opacity: 1;
}

.pricing-wrapper > li {
    background-color: #ffffff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: 1px solid transparent;
}

.pricing-wrapper > li::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50px;
    pointer-events: none;
    background: -webkit-linear-gradient( right , #ffffff, rgba(255, 255, 255, 0));
    background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
}

.pricing-wrapper > li.is-ended::after {
    display: none;
}

.pricing-wrapper .is-visible {
    position: relative;
    z-index: 5;
}

.pricing-wrapper .is-hidden {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.pricing-wrapper .is-selected {
    z-index: 3 !important;
}

@media only screen and (min-width: 768px) {
    .pricing-wrapper > li::before {
        content: '';
        position: absolute;
        z-index: 6;
        left: -1px;
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 50%;
        width: 1px;
        background-color: #b1d6e8;
    }
    .pricing-wrapper > li::after {
        display: none;
    }
    .exclusive .pricing-wrapper > li {
        box-shadow: inset 0 0 0 3px #2d3e50;
    }
    .has-margins .pricing-wrapper > li,
    .has-margins .exclusive .pricing-wrapper > li {
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    }
    :nth-of-type(1) > .pricing-wrapper > li::before {
        display: none;
    }
    .has-margins .pricing-wrapper > li {
        border-radius: 4px 4px 6px 6px;
    }
    .has-margins .pricing-wrapper > li::before {
        display: none;
    }
}

@media only screen and (min-width: 1500px) {
    .full-width .pricing-wrapper > li {
        padding: 2.5em 0;
    }
}

.no-js .pricing-wrapper .is-hidden {
    position: relative;
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    margin-top: 1em;
}

@media only screen and (min-width: 768px) {
    .exclusive .pricing-wrapper > li::before {
        display: none;
    }
    .exclusive + li .pricing-wrapper > li::before {
        display: none;
    }
}

.pricing-header h2 {
    padding: 0.9em 0.9em 0.6em;
    font-weight: 400;
    margin-bottom: 30px;
    margin-top: 10px;
    text-transform: uppercase;
    text-align: center;
}

.pricing-header {
    height: auto;
    padding: 1.9em 0 1.6em;
    pointer-events: auto;
    text-align: center;
    color: #173d50;
    background-color: transparent;
}

.exclusive .pricing-header {
    color: #1bbc9d;
    background-color: transparent;
}

.pricing-header h2 {
    font-size: 2.8rem;
    letter-spacing: 2px;
}

.currency,
.value {
    font-size: 3rem;
    font-weight: 300;
}

.duration {
    font-weight: 700;
    font-size: 1.3rem;
    color: #8dc8e4;
    text-transform: uppercase;
}

.exclusive .duration {
    color: #f3b6ab;
}

.duration::before {
    content: '/';
    margin-right: 2px;
}

.value {
    font-size: 7rem;
    font-weight: 300;
}

.currency,
.duration {
    color: #1bbc9d;
}

.exclusive .currency,
.exclusive .duration {
    color: #2d3e50;
}

.currency {
    display: inline-block;
    margin-top: 10px;
    vertical-align: top;
    font-size: 2rem;
    font-weight: 700;
}

.duration {
    font-size: 1.4rem;
}

.pricing-body {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.is-switched .pricing-body {
    overflow: hidden;
}

.pricing-body {
    overflow-x: visible;
}

.pricing-features {
    width: 600px;
}

.pricing-features:after {
    content: "";
    display: table;
    clear: both;
}

.pricing-features li {
    width: 100px;
    float: left;
    padding: 1.6em 1em;
    font-size: 1.5rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pricing-features em {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
}

.pricing-features {
    width: auto;
}

.pricing-features li {
    float: none;
    width: auto;
    padding: 1em;
}

.exclusive .pricing-features li {
    margin: 0 3px;
}

.pricing-features em {
    display: inline-block;
    margin-bottom: 0;
}

.has-margins .exclusive .pricing-features li {
    margin: 0;
}

.pricing-footer {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 80px;
    width: 100%;
}

.pricing-footer {
    position: relative;
    height: auto;
    padding: 1.8em 0;
    text-align: center;
}

.pricing-footer::after {
    display: none;
}

.has-margins .pricing-footer {
    padding-bottom: 0;
}

.select {
    position: relative;
    z-index: 1;
    display: block;
    height: 100%;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    color: transparent;
}

.select {
    position: static;
    display: inline-block;
    height: auto;
    padding: 1.3em 2em;
    color: #1bbc9d;
    border-radius: 8px;
    border: 2px solid #1bbc9d;
    font-size: 1.4rem;
    text-indent: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: all .6s;
    width: 70%;
}

.no-touch .select:hover {
    background-color: #1bbc9d;
    color: #ffffff;
}

.exclusive .select {
    background-color: #1bbc9d;
    color: #ffffff;
}

.no-touch .exclusive .select:hover {
    background-color: #24e0ba;
}

.secondary-theme .exclusive .select {
    background-color: #1bbc9d;
}

.no-touch .secondary-theme .exclusive .select:hover {
    background-color: #112e3c;
}

.has-margins .select {
    display: block;
    padding: 1.7em 0;
    border-radius: 0 0 4px 4px;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0);
    }
    70% {
        -webkit-transform: perspective(2000px) rotateY(200deg);
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(180deg);
    }
}

@-moz-keyframes rotate {
    0% {
        -moz-transform: perspective(2000px) rotateY(0);
    }
    70% {
        -moz-transform: perspective(2000px) rotateY(200deg);
    }
    100% {
        -moz-transform: perspective(2000px) rotateY(180deg);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0);
        -moz-transform: perspective(2000px) rotateY(0);
        -ms-transform: perspective(2000px) rotateY(0);
        -o-transform: perspective(2000px) rotateY(0);
        transform: perspective(2000px) rotateY(0);
    }
    70% {
        -webkit-transform: perspective(2000px) rotateY(200deg);
        -moz-transform: perspective(2000px) rotateY(200deg);
        -ms-transform: perspective(2000px) rotateY(200deg);
        -o-transform: perspective(2000px) rotateY(200deg);
        transform: perspective(2000px) rotateY(200deg);
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(180deg);
        -moz-transform: perspective(2000px) rotateY(180deg);
        -ms-transform: perspective(2000px) rotateY(180deg);
        -o-transform: perspective(2000px) rotateY(180deg);
        transform: perspective(2000px) rotateY(180deg);
    }
}

@-webkit-keyframes rotate-inverse {
    0% {
        -webkit-transform: perspective(2000px) rotateY(-180deg);
    }
    70% {
        -webkit-transform: perspective(2000px) rotateY(20deg);
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(0);
    }
}

@-moz-keyframes rotate-inverse {
    0% {
        -moz-transform: perspective(2000px) rotateY(-180deg);
    }
    70% {
        -moz-transform: perspective(2000px) rotateY(20deg);
    }
    100% {
        -moz-transform: perspective(2000px) rotateY(0);
    }
}

@keyframes rotate-inverse {
    0% {
        -webkit-transform: perspective(2000px) rotateY(-180deg);
        -moz-transform: perspective(2000px) rotateY(-180deg);
        -ms-transform: perspective(2000px) rotateY(-180deg);
        -o-transform: perspective(2000px) rotateY(-180deg);
        transform: perspective(2000px) rotateY(-180deg);
    }
    70% {
        -webkit-transform: perspective(2000px) rotateY(20deg);
        -moz-transform: perspective(2000px) rotateY(20deg);
        -ms-transform: perspective(2000px) rotateY(20deg);
        -o-transform: perspective(2000px) rotateY(20deg);
        transform: perspective(2000px) rotateY(20deg);
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(0);
        -moz-transform: perspective(2000px) rotateY(0);
        -ms-transform: perspective(2000px) rotateY(0);
        -o-transform: perspective(2000px) rotateY(0);
        transform: perspective(2000px) rotateY(0);
    }
}

@-webkit-keyframes rotate-back {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0);
    }
    70% {
        -webkit-transform: perspective(2000px) rotateY(-200deg);
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(-180deg);
    }
}

@-moz-keyframes rotate-back {
    0% {
        -moz-transform: perspective(2000px) rotateY(0);
    }
    70% {
        -moz-transform: perspective(2000px) rotateY(-200deg);
    }
    100% {
        -moz-transform: perspective(2000px) rotateY(-180deg);
    }
}

@keyframes rotate-back {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0);
        -moz-transform: perspective(2000px) rotateY(0);
        -ms-transform: perspective(2000px) rotateY(0);
        -o-transform: perspective(2000px) rotateY(0);
        transform: perspective(2000px) rotateY(0);
    }
    70% {
        -webkit-transform: perspective(2000px) rotateY(-200deg);
        -moz-transform: perspective(2000px) rotateY(-200deg);
        -ms-transform: perspective(2000px) rotateY(-200deg);
        -o-transform: perspective(2000px) rotateY(-200deg);
        transform: perspective(2000px) rotateY(-200deg);
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(-180deg);
        -moz-transform: perspective(2000px) rotateY(-180deg);
        -ms-transform: perspective(2000px) rotateY(-180deg);
        -o-transform: perspective(2000px) rotateY(-180deg);
        transform: perspective(2000px) rotateY(-180deg);
    }
}

@-webkit-keyframes rotate-inverse-back {
    0% {
        -webkit-transform: perspective(2000px) rotateY(180deg);
    }
    70% {
        -webkit-transform: perspective(2000px) rotateY(-20deg);
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(0);
    }
}

@-moz-keyframes rotate-inverse-back {
    0% {
        -moz-transform: perspective(2000px) rotateY(180deg);
    }
    70% {
        -moz-transform: perspective(2000px) rotateY(-20deg);
    }
    100% {
        -moz-transform: perspective(2000px) rotateY(0);
    }
}

@keyframes rotate-inverse-back {
    0% {
        -webkit-transform: perspective(2000px) rotateY(180deg);
        -moz-transform: perspective(2000px) rotateY(180deg);
        -ms-transform: perspective(2000px) rotateY(180deg);
        -o-transform: perspective(2000px) rotateY(180deg);
        transform: perspective(2000px) rotateY(180deg);
    }
    70% {
        -webkit-transform: perspective(2000px) rotateY(-20deg);
        -moz-transform: perspective(2000px) rotateY(-20deg);
        -ms-transform: perspective(2000px) rotateY(-20deg);
        -o-transform: perspective(2000px) rotateY(-20deg);
        transform: perspective(2000px) rotateY(-20deg);
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(0);
        -moz-transform: perspective(2000px) rotateY(0);
        -ms-transform: perspective(2000px) rotateY(0);
        -o-transform: perspective(2000px) rotateY(0);
        transform: perspective(2000px) rotateY(0);
    }
}



/* PRICE TABLE */







.zopim {
    bottom: 5px !important;
    right: 5px !important;
}

@media screen and (max-height: 300px) {
    .zopim  {
        display: none;
    }
}




.btn-primary {
    color: #fff;
    background-color: #A37936;
    border-color: #a37936;
}

.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #C79C58;
    border-color: #a37936;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #C79C58;
    border-color: #a37936;
    box-shadow: inset 0 0px 4px rgba(0,0,0,0.6);
}

.btn.btn-primary.active::before {
    color: #fff;
    content: "✓";
    position: absolute;
    left: 5px;
    font-weight: bold;
    font-size: 16px;
}


iframe[name='google_conversion_frame'] {display:none;}




/*bootstrap price range*/
#slider_value {
    background: #2c3e50;
    color: white;
    padding: 1px 6px;
    float: right;
    font-size: 16px;
}


#filter-row-price .slider {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 94%;
    margin: 5px 4% 0px;
}
#filter-row-price .slider.slider-horizontal {
    height: 20px;
}
#filter-row-price .slider.slider-horizontal .slider-track {
    height: 10px;
    width: 100%;
    margin-top: -5px;
    top: 50%;
    left: 0;
}
#filter-row-price .slider.slider-horizontal .slider-selection,
#filter-row-price .slider.slider-horizontal .slider-track-low,
#filter-row-price .slider.slider-horizontal .slider-track-high {
    height: 100%;
    top: 0;
    bottom: 0;
}
#filter-row-price .slider.slider-horizontal .slider-tick,
#filter-row-price .slider.slider-horizontal .slider-handle {
    margin-left: -10px;
}
#filter-row-price .slider.slider-horizontal .slider-tick.triangle,
#filter-row-price .slider.slider-horizontal .slider-handle.triangle {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    border-width: 0 10px 10px 10px;
    width: 0;
    height: 0;
    border-bottom-color: #0480be;
    margin-top: 0;
}
#filter-row-price .slider.slider-horizontal .slider-tick-container {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#filter-row-price .slider.slider-horizontal .slider-tick-label-container {
    white-space: nowrap;
    margin-top: 20px;
}
#filter-row-price .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    padding-top: 4px;
    display: inline-block;
    text-align: center;
}
#filter-row-price .slider.slider-horizontal.slider-rtl .slider-track {
    left: initial;
    right: 0;
}
#filter-row-price .slider.slider-horizontal.slider-rtl .slider-tick,
#filter-row-price .slider.slider-horizontal.slider-rtl .slider-handle {
    margin-left: initial;
    margin-right: -10px;
}
#filter-row-price .slider.slider-horizontal.slider-rtl .slider-tick-container {
    left: initial;
    right: 0;
}
#filter-row-price .slider.slider-vertical {
    height: 210px;
    width: 20px;
}
#filter-row-price .slider.slider-vertical .slider-track {
    width: 10px;
    height: 100%;
    left: 25%;
    top: 0;
}
#filter-row-price .slider.slider-vertical .slider-selection {
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}
#filter-row-price .slider.slider-vertical .slider-track-low,
#filter-row-price .slider.slider-vertical .slider-track-high {
    width: 100%;
    left: 0;
    right: 0;
}
#filter-row-price .slider.slider-vertical .slider-tick,
#filter-row-price .slider.slider-vertical .slider-handle {
    margin-top: -10px;
}
#filter-row-price .slider.slider-vertical .slider-tick.triangle,
#filter-row-price .slider.slider-vertical .slider-handle.triangle {
    border-width: 10px 0 10px 10px;
    width: 1px;
    height: 1px;
    border-left-color: #0480be;
    border-right-color: #0480be;
    margin-left: 0;
    margin-right: 0;
}
#filter-row-price .slider.slider-vertical .slider-tick-label-container {
    white-space: nowrap;
}
#filter-row-price .slider.slider-vertical .slider-tick-label-container .slider-tick-label {
    padding-left: 4px;
}
#filter-row-price .slider.slider-vertical.slider-rtl .slider-track {
    left: initial;
    right: 25%;
}
#filter-row-price .slider.slider-vertical.slider-rtl .slider-selection {
    left: initial;
    right: 0;
}
#filter-row-price .slider.slider-vertical.slider-rtl .slider-tick.triangle,
#filter-row-price .slider.slider-vertical.slider-rtl .slider-handle.triangle {
    border-width: 10px 10px 10px 0;
}
#filter-row-price .slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
    padding-left: initial;
    padding-right: 4px;
}
#filter-row-price .slider.slider-disabled .slider-handle {
    background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
    background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
    background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);
}
#filter-row-price .slider.slider-disabled .slider-track {
    background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
    background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
    background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
    cursor: not-allowed;
}
#filter-row-price .slider input {
    display: none;
}
#filter-row-price .slider .tooltip.top {
    margin-top: -36px;
}
#filter-row-price .slider .tooltip-inner {
    white-space: nowrap;
    max-width: none;
}
#filter-row-price .slider .hide {
    display: none;
}
#filter-row-price .slider-track {
    position: absolute;
    cursor: pointer;
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}
#filter-row-price .slider-selection {
    position: absolute;
    background-image: -webkit-linear-gradient(top, #c79c58 0%, #c79c58 100%);
    background-image: -o-linear-gradient(top, #c79c58 0%, #c79c58 100%);
    background-image: linear-gradient(to bottom, #c79c58 0%, #c79c58 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c79c58', endColorstr='#c79c58', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}
#filter-row-price .slider-selection.tick-slider-selection {
    background-image: -webkit-linear-gradient(top, #c79c58 0%, #c79c58 100%);
    background-image: -o-linear-gradient(top, #c79c58 0%, #81bfde 100%);
    background-image: linear-gradient(to bottom, #c79c58 0%, #c79c58 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c79c58', endColorstr='#c79c58', GradientType=0);
}
#filter-row-price .slider-track-low,
#filter-row-price .slider-track-high {
    position: absolute;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}
#filter-row-price .slider-handle {
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    background-color: #c79c58;
    background-image: -webkit-linear-gradient(top, #c79c58 0%, #a37936 100%);
    background-image: -o-linear-gradient(top, #c79c58 0%, #a37936 100%);
    background-image: linear-gradient(to bottom, #c79c58 0%, #a37936 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c79c58', endColorstr='#a37936', GradientType=0);
    filter: none;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    border: 0px solid transparent;
    outline:none;
    transform: scale(1.2);
}
#filter-row-price .slider-handle.round {
    border-radius: 50%;
}
#filter-row-price .slider-handle.triangle {
    background: transparent none;
}
#filter-row-price .slider-handle.custom {
    background: transparent none;
}
#filter-row-price .slider-handle.custom::before {
    line-height: 20px;
    font-size: 20px;
    content: '\2605';
    color: #726204;
}
#filter-row-price .slider-tick {
    position: absolute;
    width: 15px;
    height: 15px;
    background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    filter: none;
    opacity: 0.8;
    border: 0px solid transparent;
    top: 3px;
}
#filter-row-price .slider-tick.round {
    border-radius: 50%;
}
#filter-row-price .slider-tick.triangle {
    background: transparent none;
}
#filter-row-price .slider-tick.custom {
    background: transparent none;
}
#filter-row-price .slider-tick.custom::before {
    line-height: 20px;
    font-size: 20px;
    content: '\2605';
    color: #726204;
}
#filter-row-price .slider-tick.in-selection {
    /*background-image: -webkit-linear-gradient(top, #c79c58 0%, #c79c58 100%);
    background-image: -o-linear-gradient(top, #c79c58 0%, #c79c58 100%);
    background-image: linear-gradient(to bottom, #c79c58 0%, #c79c58 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c79c58', endColorstr='#c79c58', GradientType=0);*/
    opacity: 1;
    background: #b98e4b;
    border-radius: 0px;
    width: 3px;
    margin-left: 0px !important;
    top: 3px;
}
/* bootstrap range price */








@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@-webkit-keyframes jello {
    11.1% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        -ms-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
        -ms-transform: skewX(0.39062deg) skewY(0.39062deg);
        transform: skewX(0.39062deg) skewY(0.39062deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@keyframes jello {
    11.1% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        -ms-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
        -ms-transform: skewX(0.39062deg) skewY(0.39062deg);
        transform: skewX(0.39062deg) skewY(0.39062deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        -ms-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        -ms-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        -ms-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        -ms-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        -ms-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        -ms-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        -ms-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        -ms-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        -ms-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        -ms-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@-webkit-keyframes swing {
    20%, 40%, 60%, 80%, 100% {
        -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
        transform-origin: top center;
    }

    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes swing {
    20%, 40%, 60%, 80%, 100% {
        -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
        transform-origin: top center;
    }

    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
        transform: scale(0.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3);
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
        transform: scale(0.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3);
    }
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
        transform: perspective(400px) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) scale(1);
        -ms-transform: perspective(400px) scale(1);
        transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
        transform: perspective(400px) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) scale(1);
        -ms-transform: perspective(400px) scale(1);
        transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@-webkit-keyframes flipInX {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
    }
}

@keyframes flipInX {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
    }
}

@-webkit-keyframes flipInY {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
    }
}

@keyframes flipInY {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
    }
}

@-webkit-keyframes flipOutX {
    0% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
    }
}

@keyframes flipOutX {
    0% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
    }
}

@-webkit-keyframes flipOutY {
    0% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
    }
}

@keyframes flipOutY {
    0% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
    }
}

@-webkit-keyframes lightSpeedIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
    }

    80% {
        opacity: 1;
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
    }
}

@keyframes lightSpeedIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
    }

    80% {
        opacity: 1;
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
    }
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
    }
}

@-webkit-keyframes rotateIn {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
    }
}

@keyframes rotateIn {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
    }
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@-webkit-keyframes rotateInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}

@keyframes rotateInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@-webkit-keyframes rotateInUpRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}

@keyframes rotateInUpRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
    }
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
    }
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
    }

    20%, 60% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
    }

    40% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
    }

    80% {
        opacity: 1;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
    }

    20%, 60% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
    }

    40% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
    }

    80% {
        opacity: 1;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
    }
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@-webkit-keyframes zoomInDown {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    }
}

@keyframes zoomInDown {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    }
}

@-webkit-keyframes zoomInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    }
}

@keyframes zoomInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    }
}

@-webkit-keyframes zoomInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    }
}

@keyframes zoomInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    }
}

@-webkit-keyframes zoomInUp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    }
}

@keyframes zoomInUp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    }
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    100% {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes zoomOutDown {
    40% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
    }
}

@keyframes zoomOutDown {
    40% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
    }
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
    }
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center;
    }
}

@-webkit-keyframes zoomOutUp {
    40% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
    }
}

@keyframes zoomOutUp {
    40% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
    }
}