html {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

/*body {*/
/*    text-rendering: optimizeLegibility;*/
/*    -webkit-tap-highlight-color: transparent;*/
/*    -webkit-tap-highlight-color: transparent;*/
/*    -webkit-font-smoothing: antialiased;*/
/*    width: 100%;*/
/*    height: 100%*/
/*}*/

body.mobile-active {
    overflow: hidden
}

*, *:before, *:after {
    box-sizing: inherit
}

input, select, .custom-select .btn-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    outline: none
}

.custom-select {
    position: relative;
    margin-bottom: 15px
}

.custom-select:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 640px) {
    .custom-select:last-child {
        margin-bottom: 15px
    }
}

.custom-select select {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    opacity: 0.001;
    filter: alpha(opacity=0.1)
}
.colpadding{
    padding-left: 5px;
    padding-right: 5px;
}
.custom-select select, .custom-select .btn-select {
    width: 100%;
    padding: 5px;
    cursor: pointer;
    color: #959595;
    font-size: 14px;
    font-family: Helvetica;
    font-weight: 400;
    line-height: normal
}

@media only screen and (max-width: 640px) {
    .custom-select select, .custom-select .btn-select {
        font-size: 1em
    }
}

.custom-select .btn-select {
    position: relative;
    display: block;
    border: 1px solid #959595;
    font-size: 1em
}

.custom-select .btn-select:after {
    content: '';
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    top: 50%;
    margin-top: -8px;
    right: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

input[type="submit"] {
    display: block;
    width: 100%;
    margin-top: 20px;
    padding: 12px 30px 7px;
    background-color: #c00;
    color: #fff;
    font-size: 1em;
    font-family:Helvetica;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear
}

input[type="submit"]:hover {
    background-color: #959595
}

::-webkit-input-placeholder {
    color: #bfbfbf
}

:-moz-placeholder {
    color: #bfbfbf
}

::-moz-placeholder {
    color: #bfbfbf
}

:-ms-input-placeholder {
    color: #bfbfbf
}

::-ms-input-placeholder {
    color: #bfbfbf
}

:placeholder-shown {
    color: #bfbfbf
}

nav.nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 57px;
    padding: 0 20px;
    background-color: #fff;
    z-index: 999;
    -webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.05)
}

nav.nav .table {
    width: 100%;
    height: 57px;
    border-collapse: collapse;
    table-layout: fixed
}

nav.nav .cell-table {
    width: 100px;
    vertical-align: middle
}

nav.nav .cell-table-nav-logo {
    width: 100%;
    text-align: center
}

nav.nav .cell-table-nav-menu {
    position: relative;
    text-align: right
}

@media only screen and (max-width: 640px) {
    nav.nav {
        padding: 0 10px
    }
}

.nav-language {
    white-space: nowrap;
    color: #bfbfbf;
    font-size: .63em;
    font-family: Helvetica;
    font-weight: 400;
    line-height: 1em
}

.nav-language a {
    color: inherit
}

.nav-language a:hover, .nav-language a.active {
    color: #959595
}

@media only screen and (max-width: 640px) {
    .nav-language {
        display: none
    }
}

.nav-logo {
    height: 25px
}

.nav-menu {
    display: none;
    position: absolute;
    top: 20px;
    right: 0;
    width: 19px;
    height: 17px
}

@media only screen and (max-width: 640px) {
    .nav-menu {
        display: block
    }
}

.mobile-menu {
    position: relative;
    width: 19px;
    height: 17px;
    cursor: pointer
}

.mobile-menu .barre {
    position: absolute;
    right: 0;
    top: 8px;
    width: 19px;
    height: 1px;
    background-color: #000
}

.mobile-menu .barre:nth-child(1) {
    top: 0px;
    -webkit-transition: all 0.4s 0.4s ease-in-out;
    -moz-transition: all 0.4s 0.4s ease-in-out;
    -ms-transition: all 0.4s 0.4s ease-in-out;
    -o-transition: all 0.4s 0.4s ease-in-out;
    transition: all 0.4s 0.4s ease-in-out
}

.mobile-menu .barre:nth-child(2) {
    -webkit-transition: all 0.4s 0.6s ease-in-out;
    -moz-transition: all 0.4s 0.6s ease-in-out;
    -ms-transition: all 0.4s 0.6s ease-in-out;
    -o-transition: all 0.4s 0.6s ease-in-out;
    transition: all 0.4s 0.6s ease-in-out
}

.mobile-menu .barre:nth-child(3) {
    top: 16px;
    -webkit-transition: all 0.4s 0.8s ease-in-out;
    -moz-transition: all 0.4s 0.8s ease-in-out;
    -ms-transition: all 0.4s 0.8s ease-in-out;
    -o-transition: all 0.4s 0.8s ease-in-out;
    transition: all 0.4s 0.8s ease-in-out
}

.mobile-menu .barre:nth-child(4) {
    top: 4px;
    right: 3px;
    transform-origin: top right;
    -webkit-transform-origin: top right;
    -moz-transform: top right;
    -o-transform: top right;
    -ms-transform: top right;
    transform: rotate(-45deg) scale(0);
    -webkit-transform: rotate(-45deg) scale(0);
    -moz-transform: rotate(-45deg) scale(0);
    -o-transform: rotate(-45deg) scale(0);
    -ms-transform: rotate(-45deg) scale(0);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.mobile-menu .barre:nth-child(5) {
    top: 4px;
    right: -3px;
    transform-origin: top left;
    -webkit-transform-origin: top left;
    -moz-transform: top left;
    -o-transform: top left;
    -ms-transform: top left;
    transform: rotate(45deg) scale(0);
    -webkit-transform: rotate(45deg) scale(0);
    -moz-transform: rotate(45deg) scale(0);
    -o-transform: rotate(45deg) scale(0);
    -ms-transform: rotate(45deg) scale(0);
    -webkit-transition: all 0.4s 0.2s ease-in-out;
    -moz-transition: all 0.4s 0.2s ease-in-out;
    -ms-transition: all 0.4s 0.2s ease-in-out;
    -o-transition: all 0.4s 0.2s ease-in-out;
    transition: all 0.4s 0.2s ease-in-out
}

.mobile-active .mobile-menu .barre:nth-child(1) {
    width: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.mobile-active .mobile-menu .barre:nth-child(2) {
    width: 0;
    -webkit-transition: all 0.4s 0.2s ease-in-out;
    -moz-transition: all 0.4s 0.2s ease-in-out;
    -ms-transition: all 0.4s 0.2s ease-in-out;
    -o-transition: all 0.4s 0.2s ease-in-out;
    transition: all 0.4s 0.2s ease-in-out
}

.mobile-active .mobile-menu .barre:nth-child(3) {
    width: 0;
    -webkit-transition: all 0.4s 0.4s ease-in-out;
    -moz-transition: all 0.4s 0.4s ease-in-out;
    -ms-transition: all 0.4s 0.4s ease-in-out;
    -o-transition: all 0.4s 0.4s ease-in-out;
    transition: all 0.4s 0.4s ease-in-out
}

.mobile-active .mobile-menu .barre:nth-child(4) {
    transform: rotate(-45deg) scale(1);
    -webkit-transform: rotate(-45deg) scale(1);
    -moz-transform: rotate(-45deg) scale(1);
    -o-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    -webkit-transition: all 0.4s 0.6s ease-in-out;
    -moz-transition: all 0.4s 0.6s ease-in-out;
    -ms-transition: all 0.4s 0.6s ease-in-out;
    -o-transition: all 0.4s 0.6s ease-in-out;
    transition: all 0.4s 0.6s ease-in-out
}

.mobile-active .mobile-menu .barre:nth-child(5) {
    transform: rotate(45deg) scale(1);
    -webkit-transform: rotate(45deg) scale(1);
    -moz-transform: rotate(45deg) scale(1);
    -o-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    -webkit-transition: all 0.4s 0.8s ease-in-out;
    -moz-transition: all 0.4s 0.8s ease-in-out;
    -ms-transition: all 0.4s 0.8s ease-in-out;
    -o-transition: all 0.4s 0.8s ease-in-out;
    transition: all 0.4s 0.8s ease-in-out
}

nav.subnav {
    position: fixed;
    top: 57px;
    left: 0;
    width: 100%;
    height: 57px;
    padding: 5px 20px 0;
    background-color: #f5f5f5;
    z-index: 998;
    text-align: center;
    -webkit-transition: top 0.4s ease-in-out;
    -moz-transition: top 0.4s ease-in-out;
    -ms-transition: top 0.4s ease-in-out;
    -o-transition: top 0.4s ease-in-out;
    transition: top 0.4s ease-in-out
}

nav.subnav a {
    position: relative;
    margin: 0 25px;
    padding: 0 10px;
    color: #959595;
    font-size: .81em;
    font-family:Helvetica;
    font-weight: 400;
    line-height: 52px
}

nav.subnav a:hover, nav.subnav a.active {
    color: #000
}

@media only screen and (max-width: 640px) {
    nav.subnav {
        display: none
    }
}

nav.subnav-mobile {
    display: none;
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 50px 20px 57px;
    background-color: #fff;
    z-index: 998;
    overflow: auto;
    text-align: center;
    -webkit-transition: top 0.4s ease-in-out;
    -moz-transition: top 0.4s ease-in-out;
    -ms-transition: top 0.4s ease-in-out;
    -o-transition: top 0.4s ease-in-out;
    transition: top 0.4s ease-in-out
}

nav.subnav-mobile a {
    position: relative;
    display: block;
    margin-bottom: 50px;
    color: #959595;
    font-size: 1.56em;
    font-family: Helvetica;
    font-weight: 400;
    line-height: 1em
}

nav.subnav-mobile a.locale-nav {
    color: #bfbfbf;
    font-size: 1em
}

nav.subnav-mobile a:last-child {
    margin-bottom: 0
}

nav.subnav-mobile a:hover, nav.subnav-mobile a.active {
    color: #000
}

.mobile-active nav.subnav-mobile {
    top: 57px
}

@media only screen and (max-width: 640px) {
    nav.subnav-mobile {
        display: block
    }
}

#about a.subnav-about, #projects a.subnav-projects, #news a.subnav-news, #contact a.subnav-contact {
    color: #000
}



sup {
    position: relative;
    top: -0.5em;
    vertical-align: baseline;
    font-size: 0.7em;
    line-height: 0
}

h1 sup, h2 sup {
    top: -0.7em;
    font-size: 0.6em
}

.site {
    position: relative;
    width: 100%;
    min-height: 100%
}

#home .site {
    height: 100%
}

section {
    position: relative;
    width: 100%;
    padding: 0 20px
}

section.first {
    padding-top: 80px
}

section.full-height {
    height: 100%;
    padding-right: 0;
    padding-left: 0
}

section.hero {
    padding-right: 0;
    padding-left: 0
}

@media only screen and (max-width: 640px) {
    section.first {
        padding-top: 57px
    }
}

.footer {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center
}

.footer p {
    font-size: .56em
}

.footer p a {
    color: inherit
}

.row:after {
    content: '';
    display: table;
    clear: both
}

.col-lg-6 {
    width: 50%;
    float: left
}

@media only screen and (max-width: 768px) {
    .col-md-12 {
        width: 100%;
        float: none
    }
}

@media only screen and (max-width: 640px) {
    .col-sm-12 {
        width: 100%;
        float: none
    }
}

.table {
    display: table
}

.row-table {
    display: table-row
}

.cell-table {
    display: table-cell
}

@media only screen and (min-width: 641px) {
    .no-desktop {
        display: none
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:before, .slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-prev, .slick-next, .project-hero-thumbs-prev, .project-hero-thumbs-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus, .project-hero-thumbs-prev:hover, .project-hero-thumbs-prev:focus, .project-hero-thumbs-next:hover, .project-hero-thumbs-next:focus {
    outline: none;
    background: transparent;
    color: transparent
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before, .project-hero-thumbs-prev:hover:before, .project-hero-thumbs-prev:focus:before, .project-hero-thumbs-next:hover:before, .project-hero-thumbs-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before, .project-hero-thumbs-prev.slick-disabled:before, .project-hero-thumbs-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before, .slick-next:before, .project-hero-thumbs-prev:before, .project-hero-thumbs-next:before {
    content: '';
    display: block;
    opacity: .75;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-top: 1px solid #85878a;
    border-right: 1px solid #85878a
}

.slick-prev, .project-hero-thumbs-prev {
    right: 40px
}

.slick-prev:before, .project-hero-thumbs-prev:before {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg)
}

@media only screen and (max-width: 1070px) {
    .slick-prev, .project-hero-thumbs-prev {
        right: 30px
    }
}

@media only screen and (max-width: 640px) {
    .slick-prev, .project-hero-thumbs-prev {
        right: 15px
    }
}

.slick-next, .project-hero-thumbs-next {
    left: 40px
}

.slick-next:before, .project-hero-thumbs-next:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

@media only screen and (max-width: 1070px) {
    .slick-next, .project-hero-thumbs-next {
        left: 30px
    }
}

@media only screen and (max-width: 640px) {
    .slick-next, .project-hero-thumbs-next {
        left: 15px
    }
}

.home-hero {
    display: none;
    position: relative;
    width: 100%;
    height: 100%
}

.home-hero:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 350px;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.25);
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.35) 100%);
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.35) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.35) 100%)
}

.home-hero h2 {
    color: #fff;
    font-size: 1.38em
}

@media only screen and (max-width: 640px) {
    .home-hero h2 {
        font-size: 1.25em
    }
}

.home-hero-detail {
    position: absolute;
    z-index: 9;
    left: 50%;
    bottom: 0;
    padding: 60px 20px;
    width: 100%;
    max-width: 520px;
    text-align: center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%)
}

@media only screen and (max-width: 640px) {
    .home-hero-detail {
        padding: 30px 20px
    }
}


.about-intro {
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 90px 0;
    text-align: center
}

.about-intro p {
    margin-bottom: 1.38em
}

.about-intro p:last-child {
    margin-bottom: 0
}

html[lang="ja"] .about-intro p {
    text-align: left
}

.about-team {
    padding-top: 60px;
    padding-bottom: 10px;
    background-color: #efefef;
    text-align: center
}

.about-team h3 {
    margin-bottom: 40px
}

@media only screen and (max-width: 680px) {
    .about-team {
        padding-top: 45px;
        padding-bottom: 40px
    }

    .about-team h3 {
        margin-bottom: 0
    }
}

.about-team-list {
    width: 100%;
    max-width: 750px;
    margin: 0 auto
}

.about-team-list:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 680px) {
    .about-team-list {
        display: none
    }
}

.about-team-list-item {
    display: inline-block;
    width: 25%;
    opacity: .4;
    margin-bottom: 30px;
    padding: 0 10px 20px;
    vertical-align: top;
    cursor: pointer;
    -webkit-transition: opacity 0.4s linear;
    -moz-transition: opacity 0.4s linear;
    -ms-transition: opacity 0.4s linear;
    -o-transition: opacity 0.4s linear;
    transition: opacity 0.4s linear
}

.about-team-list-item h4 {
    color: #959595
}

.about-team-list-item p {
    font-size: .75em
}

.about-team-list-item.active {
    opacity: 1
}

.about-team-items {
    position: relative;
    padding: 0
}

.about-team-item {
    display: none;
    width: 100%;
    max-width: 660px;
    margin: 0 auto;
    padding-top: 60px;
    padding-right: 20px;
    padding-bottom: 60px;
    padding-left: 20px;
    text-align: center
}

.about-team-item p {
    margin-bottom: 15px;
    font-size: .94em
}

.about-team-item p i {
    font-style: italic
}

.about-team-item p.intro {
    color: #000;
    font-size: .75em
}

@media only screen and (max-width: 680px) {
    .about-team-item {
        display: block;
        padding-top: 40px;
        padding-bottom: 40px
    }

    .about-team-item.grey {
        background-color: #efefef
    }
}

html[lang="ja"] .about-team-item p:not(.intro) {
    text-align: justify
}

.projects-list {
    background-color: #efefef;
    text-align: center
}

@media only screen and (max-width: 640px) {
    .projects-list {
        display: none
    }
}

.projects-list-items {
    padding: 70px 0;
    display: inline-block
}

.projects-list-item {
    opacity: .4;
    float: left;
    margin: 0 45px;
    cursor: pointer;
    -webkit-transition: opacity 0.4s linear;
    -moz-transition: opacity 0.4s linear;
    -ms-transition: opacity 0.4s linear;
    -o-transition: opacity 0.4s linear;
    transition: opacity 0.4s linear
}

.projects-list-item h6 {
    color: #959595
}

.projects-list-item p {
    font-size: .75em
}

.projects-list-item.active {
    opacity: 1
}

html[lang="ja"] .projects-list-item {
    margin: 0 25px
}

@media only screen and (max-width: 850px) {
    html[lang="ja"] .projects-list-item {
        margin: 0 20px
    }

    html[lang="ja"] .projects-list-item h6 {
        font-size: .63em
    }
}

.projects-items {
    padding: 0
}

.projects-items .col-lg-12 {
    position: relative
}

@media only screen and (max-width: 640px) {
    .projects-items {
        padding-top: 57px
    }
}

.project-nav {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.projects-item {
    padding-bottom: 56%
}

.projects-details {
    width: 100%;
    padding: 50px 20px 50px
}

@media only screen and (max-width: 640px) {
    .projects-details {
        padding: 30px 20px 30px
    }
}

.projects-detail {
    text-align: center
}

.projects-detail h2 {
    font-size: 1.56em
}

@media only screen and (max-width: 768px) {
    .projects-detail h2 {
        font-size: 1.25em
    }
}

.projects-item-diamond-head-club {
    background-image: url("../../images/diamond-head-club/DHC-Project-Image-1-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .projects-item-diamond-head-club {
        background-image: url("../../images/diamond-head-club/DHC-Project-Image-1-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .projects-item-diamond-head-club {
        background-image: url("../../images/diamond-head-club/DHC-Project-Image-1-640.jpg")
    }
}

.projects-item-wyndham {
    background-image: url("../../images/portfolio/Front_aristos-01.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .projects-item-wyndham {
        background-image: url("../../images/portfolio/wyndham/wyndham-1-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .projects-item-wyndham {
        background-image: url("../../images/portfolio/wyndham/wyndham-1-640.jpg")
    }
}

.projects-item-marina {
    background-image: url("../../images/portfolio/marina/marina-1-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .projects-item-marina {
        background-image: url("../../images/portfolio/marina/marina-1-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .projects-item-marina {
        background-image: url("../../images/portfolio/marina/marina-1-640.jpg")
    }
}

.projects-item-parque {
    background-image: url("../../images/portfolio/parque/parque-1-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .projects-item-parque {
        background-image: url("../../images/portfolio/parque/parque-1-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .projects-item-parque {
        background-image: url("../../images/portfolio/parque/parque-1-640.jpg")
    }
}

.projects-item-cancun2 {
    background-image: url("../../images/home1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
.projects-item-dreams0 {
    background-image: url("../../images/portfolio/dreams_chateau/dreams_0323.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
.projects-item-bajapark0 {
    background-image: url("../../images/portfolio/bajapark/bajapark0_0323.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
@media only screen and (max-width: 1200px) {
    .projects-item-cancun2 {
        background-image: url("../../images/home1.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .projects-item-cancun2 {
        background-image: url("../../images/home1.jpg")
    }
}

.projects-item-dreams {
    background-image: url("../../images/portfolio/dreams/dreams-1-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .projects-item-dreams {
        background-image: url("../../images/portfolio/dreams/dreams-1-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .projects-item-dreams {
        background-image: url("../../images/portfolio/dreams/dreams-1-640.jpg")
    }
}

.projects-item-cancun {
    background-image: url("../../images/portfolio/cancun/cancun-3-2703.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .projects-item-cancun {
        background-image: url("../../images/portfolio/cancun/cancun-3-2703.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .projects-item-cancun {
        background-image: url("../../images/portfolio/cancun/cancun-3-2703.jpg")
    }
}

.project-heros {
    padding-right: 0;
    padding-left: 0
}

.project-hero-items {
    position: relative
}

.project-hero {
    position: relative;
    width: 100%;
    float: left;
    outline: none
}

.project-hero-item {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%
}

.project-hero-thumbs-items {
    position: relative;
    padding: 20px
}

.project-hero-thumbs-items .table {
    width: 100%;
    max-width: 1070px;
    margin: 0 auto;
    table-layout: fixed;
    border-collapse: collapse
}

.project-hero-thumbs-items .cell-table {
    position: relative
}

.project-hero-thumbs {
    width: 100%;
    max-width: 950px
}

.project-hero-thumbs-arrow {
    width: 60px
}

@media only screen and (max-width: 640px) {
    .project-hero-thumbs-arrow {
        width: 40px
    }
}

.project-hero-thumbs-nav {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    max-width: 950px
}

.project-hero-thumb {
    position: relative;
    width: 25%;
    float: left;
    outline: none;
    background-color: #000
}

.project-hero-thumb.slick-current .project-hero-thumb-item {
    opacity: 0.5
}

@media only screen and (max-width: 640px) {
    .project-hero-thumb {
        width: 33.3333%
    }
}

.project-hero-thumb-item {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 56.25%;
    -webkit-transition: opacity 0.4s linear;
    -moz-transition: opacity 0.4s linear;
    -ms-transition: opacity 0.4s linear;
    -o-transition: opacity 0.4s linear;
    transition: opacity 0.4s linear
}

.project-diamond-head-club-1 {
    background-image: url("../../images/diamond-head-club/DHC-Project-Image-1-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-diamond-head-club-1 {
        background-image: url("../../images/diamond-head-club/DHC-Project-Image-1-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-diamond-head-club-1 {
        background-image: url("../../images/diamond-head-club/DHC-Project-Image-1-640.jpg")
    }
}

.project-parque-1 {
    background-image: url("../../images/portfolio/parque/parque-1-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-parque-1 {
        background-image: url("../../images/portfolio/parque/parque-1-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-parque-1 {
        background-image: url("../../images/portfolio/parque/parque-1-640.jpg")
    }
}

.project-parque-2 {
    background-image: url("../../images/portfolio/parque/parque-2-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-parque-2 {
        background-image: url("../../images/portfolio/parque/parque-2-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-parque-2 {
        background-image: url("../../images/portfolio/parque/parque-2-640.jpg")
    }
}

.project-parque-3 {
    background-image: url("../../images/portfolio/parque/parque-3-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-parque-3 {
        background-image: url("../../images/portfolio/parque/parque-3-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-parque-3 {
        background-image: url("../../images/portfolio/parque/parque-3-640.jpg")
    }
}

.project-parque-4 {
    background-image: url("../../images/portfolio/parque/parque-4-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-parque-4 {
        background-image: url("../../images/portfolio/parque/parque-4-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-parque-4 {
        background-image: url("../../images/portfolio/parque/parque-4-640.jpg")
    }
}

.project-parque-5 {
    background-image: url("../../images/portfolio/parque/parque-5-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-parque-5 {
        background-image: url("../../images/portfolio/parque/parque-5-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-parque-5 {
        background-image: url("../../images/portfolio/parque/parque-5-640.jpg")
    }
}

.project-parque-6 {
    background-image: url("../../images/portfolio/parque/parque-6-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-parque-6 {
        background-image: url("../../images/portfolio/parque/parque-6-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-parque-6 {
        background-image: url("../../images/portfolio/parque/parque-6-640.jpg")
    }
}

.project-dreams-1 {
    background-image: url("../../images/portfolio/dreams/dreams-1-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
.project-bajapark-1 {
    background-image: url("../../images/portfolio/bajapark/Bajapark_1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
.project-bajapark-2 {
    background-image: url("../../images/portfolio/bajapark/Bajapark_2.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
.project-bajapark-3 {
    background-image: url("../../images/portfolio/bajapark/Bajapark_3.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
.project-bajapark-4 {
    background-image: url("../../images/portfolio/bajapark/Bajapark_4.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
.project-bajapark-5 {
    background-image: url("../../images/portfolio/bajapark/Bajapark_5.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
.project-bajapark-6 {
    background-image: url("../../images/portfolio/bajapark/Bajapark_6.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
.project-bajapark-7 {
    background-image: url("../../images/portfolio/bajapark/Bajapark_7.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
.project-bajapark-0 {
    background-image: url("../../images/portfolio/bajapark/bajapark0.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.project-dreams_chateau-1 {
    background-image: url("../../images/portfolio/dreams_chateau/dreams1_0323.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
.project-dreams_chateau-2 {
    background-image: url("../../images/portfolio/dreams_chateau/dreams2_0323.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
.project-dreams_chateau-3 {
    background-image: url("../../images/portfolio/dreams_chateau/dreams3_0323.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
.project-dreams_chateau-4 {
    background-image: url("../../images/portfolio/dreams_chateau/dreams4_0323.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
.project-dreams_chateau-5 {
    background-image: url("../../images/portfolio/dreams_chateau/dreams5_0323.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
.project-dreams_chateau-6 {
    background-image: url("../../images/portfolio/dreams_chateau/dreams6_0323.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
.project-dreams_chateau-7 {
    background-image: url("../../images/portfolio/dreams_chateau/dreams7_0323.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
.project-dreams_chateau-8 {
    background-image: url("../../images/portfolio/dreams_chateau/dreams8_0323.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-dreams-1 {
        background-image: url("../../images/portfolio/dreams/dreams-1-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-dreams-1 {
        background-image: url("../../images/portfolio/dreams/dreams-1-640.jpg")
    }
}

.project-dreams-2 {
    background-image: url("../../images/portfolio/dreams/dreams-2-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-dreams-2 {
        background-image: url("../../images/portfolio/dreams/dreams-2-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-dreams-2 {
        background-image: url("../../images/portfolio/dreams/dreams-2-640.jpg")
    }
}

.project-dreams-3 {
    background-image: url("../../images/portfolio/dreams/dreams-3-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-dreams-3 {
        background-image: url("../../images/portfolio/dreams/dreams-3-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-dreams-3 {
        background-image: url("../../images/portfolio/dreams/dreams-3-640.jpg")
    }
}

.project-dreams-4 {
    background-image: url("../../images/portfolio/dreams/dreams-4-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-dreams-4 {
        background-image: url("../../images/portfolio/dreams/dreams-4-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-dreams-4 {
        background-image: url("../../images/portfolio/dreams/dreams-4-640.jpg")
    }
}

.project-dreams-5 {
    background-image: url("../../images/portfolio/dreams/dreams-5-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-dreams-5 {
        background-image: url("../../images/portfolio/dreams/dreams-5-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-dreams-5 {
        background-image: url("../../images/portfolio/dreams/dreams-5-640.jpg")
    }
}

.project-dreams-6 {
    background-image: url("../../images/portfolio/dreams/dreams-6-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-dreams-6 {
        background-image: url("../../images/portfolio/dreams/dreams-6-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-dreams-6 {
        background-image: url("../../images/portfolio/dreams/dreams-6-640.jpg")
    }
}

.project-marina-1 {
    background-image: url("../../images/portfolio/marina/marina-1-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-marina-1 {
        background-image: url("../../images/portfolio/marina/marina-1-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-marina-1 {
        background-image: url("../../images/portfolio/marina/marina-1-640.jpg")
    }
}

.project-marina-2 {
    background-image: url("../../images/portfolio/marina/marina-2-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-marina-2 {
        background-image: url("../../images/portfolio/marina/marina-2-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-marina-2 {
        background-image: url("../../images/portfolio/marina/marina-2-640.jpg")
    }
}

.project-marina-3 {
    background-image: url("../../images/portfolio/marina/marina-3-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-marina-3 {
        background-image: url("../../images/portfolio/marina/marina-3-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-marina-3 {
        background-image: url("../../images/portfolio/marina/marina-3-640.jpg")
    }
}

.project-marina-4 {
    background-image: url("../../images/portfolio/marina/marina-4-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-marina-4 {
        background-image: url("../../images/portfolio/marina/marina-4-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-marina-4 {
        background-image: url("../../images/portfolio/marina/marina-4-640.jpg")
    }
}

.project-wyndham-1 {
    background-image: url("../../images/portfolio/portafolio2/andaz_0123_1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-wyndham-1 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-1-1200.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/andaz_0123_1.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-wyndham-1 {
        background-image: url("../../images/portfolio/portafolio2/andaz_0123_1.jpg")
        /*background-image: url("../../images/portfolio/wyndham/wyndham-1-640.jpg")*/
    }
}

.project-wyndham-2 {
    /*background-image: url("../../images/portfolio/wyndham/wyndham-2-2048.jpg");*/
    background-image: url("../../images/portfolio/portafolio2/andaz_0123_2.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-wyndham-2 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-2-1200.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/andaz_0123_2.jpg");

    }
}

@media only screen and (max-width: 640px) {
    .project-wyndham-2 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-2-640.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/andaz_0123_2.jpg");

    }

}

.project-wyndham-3 {
    /*background-image: url("../../images/portfolio/wyndham/wyndham-3-2048.jpg");*/
    background-image: url("../../images/portfolio/portafolio2/andaz_0123_3.jpg");

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-wyndham-3 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-3-1200.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/andaz_0123_3.jpg");
    }
}

@media only screen and (max-width: 640px) {
    .project-wyndham-3 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-3-640.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/andaz_0123_3.jpg");

    }
}

.project-wyndham-4 {
    /*background-image: url("../../images/portfolio/wyndham/wyndham-4-2048.jpg");*/
    background-image: url("../../images/portfolio/portafolio2/andaz_0123_6.jpg");

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-wyndham-4 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-4-1200.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/andaz_0123_6.jpg");
    }
}

@media only screen and (max-width: 640px) {
    .project-wyndham-4 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-4-640.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/andaz_0123_6.jpg");

    }
}

.project-wyndham-5 {
    /*background-image: url("../../images/portfolio/wyndham/wyndham-5-2048.jpg");*/
    background-image: url("../../images/portfolio/portafolio2/andaz_0123_7.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-wyndham-5 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-5-1200.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/andaz_0123_7.jpg");

    }
}

@media only screen and (max-width: 640px) {
    .project-wyndham-5 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-5-640.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/andaz_0123_7.jpg");

    }
}

.project-wyndham-6 {
    /*background-image: url("../../images/portfolio/wyndham/wyndham-6-2048.jpg");*/
    background-image: url("../../images/portfolio/portafolio2/andaz_0123_0.jpg");

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-wyndham-6 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-6-1200.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/andaz_0123_0.jpg");

    }
}

@media only screen and (max-width: 640px) {
    .project-wyndham-6 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-6-640.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/andaz_0123_0.jpg");
    }
}

.project-wyndham-7 {
    background-image: url("../../images/portfolio/portafolio2/portafolio7.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-wyndham-7 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-7-1200.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/portafolio7.jpg");

    }
}

@media only screen and (max-width: 640px) {
    .project-wyndham-7 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-7-640.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/portafolio7.jpg");

    }
}

.project-wyndham-8 {
    /*background-image: url("../../images/portfolio/wyndham/wyndham-8-2048.jpg");*/
    background-image: url("../../images/portfolio/portafolio2/mondrian_0123_1.jpg");

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-wyndham-8 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-8-1200.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/mondrian_0123_1.jpg");

    }
}

@media only screen and (max-width: 640px) {
    .project-wyndham-8 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-8-640.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/mondrian_0123_1.jpg");
    }
}

.project-wyndham-9 {
    /*background-image: url("../../images/portfolio/wyndham/wyndham-9-2048.jpg");*/
    background-image: url("../../images/portfolio/portafolio2/mondrian_0123_2.jpg");

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-wyndham-9 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-9-1200.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/mondrian_0123_2.jpg");

    }
}

@media only screen and (max-width: 640px) {
    .project-wyndham-9 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-9-640.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/mondrian_0123_2.jpg");

    }
}

.project-wyndham-10 {
    /*background-image: url("../../images/portfolio/wyndham/wyndham-10-2048.jpg");*/
    background-image: url("../../images/portfolio/portafolio2/mondrian_0123_3.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-wyndham-10 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-10-1200.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/mondrian_0123_3.jpg");
    }
}

@media only screen and (max-width: 640px) {
    .project-wyndham-10 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-10-640.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/mondrian_0123_3.jpg");
    }
}

.project-wyndham-11 {
    /*background-image: url("../../images/portfolio/wyndham/wyndham-11-2048.jpg");*/
    background-image: url("../../images/portfolio/portafolio2/mondrian_0123_4.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-wyndham-11 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-11-1200.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/mondrian_0123_4.jpg");
    }
}

@media only screen and (max-width: 640px) {
    .project-wyndham-11 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-11-640.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/mondrian_0123_4.jpg");
    }
}
.project-wyndham-12 {
    /*background-image: url("../../images/portfolio/wyndham/wyndham-11-2048.jpg");*/
    background-image: url("../../images/portfolio/portafolio2/mondrian_0123_0.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
@media only screen and (max-width: 1200px) {
    .project-wyndham-12 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-11-1200.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/mondrian_0123_0.jpg");
    }
}

@media only screen and (max-width: 640px) {
    .project-wyndham-12 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-11-640.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/mondrian_0123_0.jpg");
    }
}
.project-wyndham-13 {
    /*background-image: url("../../images/portfolio/wyndham/wyndham-11-2048.jpg");*/
    background-image: url("../../images/portfolio/portafolio2/mondrian_0123_6.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
@media only screen and (max-width: 1200px) {
    .project-wyndham-13 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-11-1200.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/mondrian_0123_6.jpg");
    }
}

@media only screen and (max-width: 640px) {
    .project-wyndham-13 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-11-640.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/mondrian_0123_6.jpg");
    }
}
.project-wyndham-14 {
    /*background-image: url("../../images/portfolio/wyndham/wyndham-11-2048.jpg");*/
    background-image: url("../../images/portfolio/portafolio2/andaz_0123_0.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
@media only screen and (max-width: 1200px) {
    .project-wyndham-14 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-11-1200.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/andaz_0123_0.jpg");
    }
}

@media only screen and (max-width: 640px) {
    .project-wyndham-14 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-11-640.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/andaz_0123_0.jpg");
    }
}
.project-wyndham-15 {
    /*background-image: url("../../images/portfolio/wyndham/wyndham-11-2048.jpg");*/
    background-image: url("../../images/portfolio/portafolio2/andaz_0123_8.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
@media only screen and (max-width: 1200px) {
    .project-wyndham-15 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-11-1200.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/andaz_0123_8.jpg");
    }
}

@media only screen and (max-width: 640px) {
    .project-wyndham-15 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-11-640.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/andaz_0123_9.jpg");
    }
}
.project-wyndham-16 {
    /*background-image: url("../../images/portfolio/wyndham/wyndham-11-2048.jpg");*/
    background-image: url("../../images/portfolio/portafolio2/andaz_0123_9.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
@media only screen and (max-width: 1200px) {
    .project-wyndham-16 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-11-1200.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/andaz_0123_9.jpg");
    }
}

@media only screen and (max-width: 640px) {
    .project-wyndham-16 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-11-640.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/andaz_0123_9.jpg");
    }
}
.project-wyndham-17 {
    /*background-image: url("../../images/portfolio/wyndham/wyndham-11-2048.jpg");*/
    background-image: url("../../images/portfolio/portafolio2/mondrian_0123_7.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
@media only screen and (max-width: 1200px) {
    .project-wyndham-17 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-11-1200.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/mondrian_0123_7.jpg");
    }
}

@media only screen and (max-width: 640px) {
    .project-wyndham-17 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-11-640.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/mondrian_0123_7.jpg");
    }
}
.project-wyndham-18 {
    /*background-image: url("../../images/portfolio/wyndham/wyndham-11-2048.jpg");*/
    background-image: url("../../images/portfolio/portafolio2/mondrian_0123_8.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
@media only screen and (max-width: 1200px) {
    .project-wyndham-18 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-11-1200.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/mondrian_0123_8.jpg");
    }
}

@media only screen and (max-width: 640px) {
    .project-wyndham-18 {
        /*background-image: url("../../images/portfolio/wyndham/wyndham-11-640.jpg")*/
        background-image: url("../../images/portfolio/portafolio2/mondrian_0123_8.jpg");
    }
}
.project-cancun-1 {
    background-image: url("../../images/portfolio/cancun/cancun-1-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun-1 {
        background-image: url("../../images/portfolio/cancun/cancun-1-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun-1 {
        background-image: url("../../images/portfolio/cancun/cancun-1-640.jpg")
    }
}

.project-cancun-2 {
    background-image: url("../../images/portfolio/cancun/cancun-2-0323.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun-2 {
        background-image: url("../../images/portfolio/cancun/cancun-2-0323.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun-2 {
        background-image: url("../../images/portfolio/cancun/cancun-2-0323.jpg")
    }
}

.project-cancun-2_es {
    background-image: url("../../images/portfolio/cancun/cancun-2-0323.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun-2_es {
        background-image: url("../../images/portfolio/cancun/cancun-2-0323.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun-2_es {
        background-image: url("../../images/portfolio/cancun/cancun-2-0323.jpg")
    }
}

.project-cancun-3 {
    background-image: url("../../images/portfolio/cancun/cancun-3-2703.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun-3 {
        background-image: url("../../images/portfolio/cancun/cancun-3-2703.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun-3 {
        background-image: url("../../images/portfolio/cancun/cancun-3-2703.jpg")
    }
}

.project-cancun-3_es {
    background-image: url("../../images/portfolio/cancun/cancun-3-2703.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun-3_es {
        background-image: url("../../images/portfolio/cancun/cancun-3-2703.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun-3_es {
        background-image: url("../../images/portfolio/cancun/cancun-3-2703.jpg")
    }
}

.project-cancun-4 {
    background-image: url("../../images/portfolio/cancun/cancun-4-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun-4 {
        background-image: url("../../images/portfolio/cancun/cancun-4-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun-4 {
        background-image: url("../../images/portfolio/cancun/cancun-4-640.jpg")
    }
}

.project-cancun-5 {
    background-image: url("../../images/portfolio/cancun/cancun-5-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun-5 {
        background-image: url("../../images/portfolio/cancun/cancun-5-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun-5 {
        background-image: url("../../images/portfolio/cancun/cancun-5-640.jpg")
    }
}

.project-cancun-6 {
    background-image: url("../../images/portfolio/cancun/cancun-6-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun-6 {
        background-image: url("../../images/portfolio/cancun/cancun-6-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun-6 {
        background-image: url("../../images/portfolio/cancun/cancun-6-640.jpg")
    }
}

.project-cancun-7 {
    background-image: url("../../images/portfolio/cancun/cancun-7-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun-7 {
        background-image: url("../../images/portfolio/cancun/cancun-7-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun-7 {
        background-image: url("../../images/portfolio/cancun/cancun-7-640.jpg")
    }
}

.project-cancun-8 {
    background-image: url("../../images/portfolio/cancun/cancun-8-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun-8 {
        background-image: url("../../images/portfolio/cancun/cancun-8-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun-8 {
        background-image: url("../../images/portfolio/cancun/cancun-8-640.jpg")
    }
}

.project-cancun-9 {
    background-image: url("../../images/portfolio/cancun/cancun-9-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun-9 {
        background-image: url("../../images/portfolio/cancun/cancun-9-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun-9 {
        background-image: url("../../images/portfolio/cancun/cancun-9-640.jpg")
    }
}

.project-cancun-10 {
    background-image: url("../../images/portfolio/cancun/cancun-10-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun-10 {
        background-image: url("../../images/portfolio/cancun/cancun-10-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun-10 {
        background-image: url("../../images/portfolio/cancun/cancun-10-640.jpg")
    }
}

.project-cancun-11 {
    background-image: url("../../images/portfolio/cancun/cancun-11-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun-11 {
        background-image: url("../../images/portfolio/cancun/cancun-11-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun-11 {
        background-image: url("../../images/portfolio/cancun/cancun-11-640.jpg")
    }
}

.project-cancun-12 {
    background-image: url("../../images/portfolio/cancun/cancun-12-2703.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun-12 {
        background-image: url("../../images/portfolio/cancun/cancun-12-2703.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun-12 {
        background-image: url("../../images/portfolio/cancun/cancun-12-2703.jpg")
    }
}

.project-cancun-13 {
    background-image: url("../../images/portfolio/cancun/cancun-13-0323.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun-13 {
        background-image: url("../../images/portfolio/cancun/cancun-13-0323.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun-13 {
        background-image: url("../../images/portfolio/cancun/cancun-13-0323.jpg")
    }
}

.project-cancun-14 {
    background-image: url("../../images/portfolio/cancun/cancun-14-2703.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun-14 {
        background-image: url("../../images/portfolio/cancun/cancun-14-2703.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun-14 {
        background-image: url("../../images/portfolio/cancun/cancun-14-2703.jpg")
    }
}

.project-cancun-15 {
    background-image: url("../../images/portfolio/cancun/cancun-15-2703.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun-15 {
        background-image: url("../../images/portfolio/cancun/cancun-15-2703.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun-15 {
        background-image: url("../../images/portfolio/cancun/cancun-15-2703.jpg")
    }
}

.project-cancun-16 {
    background-image: url("../../images/portfolio/cancun/cancun-16-2703.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun-16 {
        background-image: url("../../images/portfolio/cancun/cancun-16-2703.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun-16 {
        background-image: url("../../images/portfolio/cancun/cancun-16-2703.jpg")
    }
}
.project-cancun-17 {
    background-image: url("../../images/portfolio/cancun/cancun-17-2703.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun-17 {
        background-image: url("../../images/portfolio/cancun/cancun-17-2703.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun-17 {
        background-image: url("../../images/portfolio/cancun/cancun-17-2703.jpg")
    }
}
.project-cancun-18 {
    background-image: url("../../images/portfolio/cancun/cancun-18-2223.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun-18 {
        background-image: url("../../images/portfolio/cancun/cancun-18-2223.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun-18 {
        background-image: url("../../images/portfolio/cancun/cancun-18-2223.jpg")
    }
}
.project-cancun-19 {
    background-image: url("../../images/portfolio/cancun/cancun-19-2223.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun-19 {
        background-image: url("../../images/portfolio/cancun/cancun-19-2223.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun-19 {
        background-image: url("../../images/portfolio/cancun/cancun-19-2223.jpg")
    }
}
.project-cancun-20 {
    background-image: url("../../images/portfolio/cancun/cancun-20-2223.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun-20 {
        background-image: url("../../images/portfolio/cancun/cancun-20-2223.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun-20 {
        background-image: url("../../images/portfolio/cancun/cancun-20-2223.jpg")
    }
}
.project-cancun-21 {
    background-image: url("../../images/portfolio/cancun/cancun-21-2223.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun-21 {
        background-image: url("../../images/portfolio/cancun/cancun-21-2223.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun-21 {
        background-image: url("../../images/portfolio/cancun/cancun-21-2223.jpg")
    }
}

.project-cancun2-1 {
    background-image: url("../../images/portfolio/cancun2/cancun2-1-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun2-1 {
        background-image: url("../../images/portfolio/cancun2/cancun2-1-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun2-1 {
        background-image: url("../../images/portfolio/cancun2/cancun2-1-640.jpg")
    }
}

.project-cancun2-2 {
    background-image: url("../../images/portfolio/cancun2/cancun2-2-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun2-2 {
        background-image: url("../../images/portfolio/cancun2/cancun2-2-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun2-2 {
        background-image: url("../../images/portfolio/cancun2/cancun2-2-640.jpg")
    }
}

.project-cancun2-2_es {
    background-image: url("../../images/portfolio/cancun2/cancun2-2-2048_es.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun2-2_es {
        background-image: url("../../images/portfolio/cancun2/cancun2-2-1200_es.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun2-2_es {
        background-image: url("../../images/portfolio/cancun2/cancun2-2-640_es.jpg")
    }
}

.project-cancun2-3 {
    background-image: url("../../images/portfolio/cancun2/cancun2-3-2703.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun2-3 {
        background-image: url("../../images/portfolio/cancun2/cancun2-3-2703.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun2-3 {
        background-image: url("../../images/portfolio/cancun2/cancun2-3-2703.jpg")
    }
}

.project-cancun2-4 {
    background-image: url("../../images/portfolio/cancun2/cancun2-4-2703.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun2-4 {
        background-image: url("../../images/portfolio/cancun2/cancun2-4-2703.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun2-4 {
        background-image: url("../../images/portfolio/cancun2/cancun2-4-2703.jpg")
    }
}

.project-cancun2-5 {
    background-image: url("../../images/portfolio/cancun2/cancun2-5-2703.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun2-5 {
        background-image: url("../../images/portfolio/cancun2/cancun2-5-2703.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun2-5 {
        background-image: url("../../images/portfolio/cancun2/cancun2-5-2703.jpg")
    }
}

.project-cancun2-6 {
    background-image: url("../../images/portfolio/cancun2/cancun2-6-0323.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun2-6 {
        background-image: url("../../images/portfolio/cancun2/cancun2-6-0323.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun2-6 {
        background-image: url("../../images/portfolio/cancun2/cancun2-6-0323.jpg")
    }
}

.project-cancun2-7 {
    background-image: url("../../images/portfolio/cancun2/cancun2-7-2703.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun2-7 {
        background-image: url("../../images/portfolio/cancun2/cancun2-7-2703.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun2-7 {
        background-image: url("../../images/portfolio/cancun2/cancun2-7-2703.jpg")
    }
}

.project-cancun2-8 {
    background-image: url("../../images/portfolio/cancun2/cancun2-8-0323.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun2-8 {
        background-image: url("../../images/portfolio/cancun2/cancun2-8-0323.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun2-8 {
        background-image: url("../../images/portfolio/cancun2/cancun2-8-0323.jpg")
    }
}

.project-cancun2-9 {
    background-image: url("../../images/carrusel1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun2-9 {
        background-image: url("../../images/carrusel1.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun2-9 {
        background-image: url("../../images/carrusel1.jpg")
    }
}

.project-cancun2-10 {
    background-image: url("../../images/portfolio/cancun2/cancun2-10-2703.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun2-10 {
        background-image: url("../../images/portfolio/cancun2/cancun2-10-2703.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun2-10 {
        background-image: url("../../images/portfolio/cancun2/cancun2-10-2703.jpg")
    }
}

.project-cancun2-11 {
    background-image: url("../../images/portfolio/cancun2/cancun2-11-2703.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun2-11 {
        background-image: url("../../images/portfolio/cancun2/cancun2-11-2703.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun2-11 {
        background-image: url("../../images/portfolio/cancun2/cancun2-11-2703.jpg")
    }
}

.project-cancun2-12 {
    background-image: url("../../images/portfolio/cancun2/cancun2-12-2703.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun2-12 {
        background-image: url("../../images/portfolio/cancun2/cancun2-12-2703.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun2-12 {
        background-image: url("../../images/portfolio/cancun2/cancun2-12-2703.jpg")
    }
}

.project-cancun2-13 {
    background-image: url("../../images/portfolio/cancun2/cancun2-13-2703.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-cancun2-13 {
        background-image: url("../../images/portfolio/cancun2/cancun2-13-2703.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-cancun2-13 {
        background-image: url("../../images/portfolio/cancun2/cancun2-13-2703.jpg")
    }
}

.project-amanvari-2 {
    background-image: url("../../images/amanvari/Aman-2-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-amanvari-2 {
        background-image: url("../../images/amanvari/Aman-2-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-amanvari-2 {
        background-image: url("../../images/amanvari/Aman-2-640.jpg")
    }
}

.project-amanvari-3 {
    background-image: url("../../images/amanvari/Aman-3-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-amanvari-3 {
        background-image: url("../../images/amanvari/Aman-3-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-amanvari-3 {
        background-image: url("../../images/amanvari/Aman-3-640.jpg")
    }
}

.project-amanvari-4 {
    background-image: url("../../images/amanvari/Aman-4-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-amanvari-4 {
        background-image: url("../../images/amanvari/Aman-4-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-amanvari-4 {
        background-image: url("../../images/amanvari/Aman-4-640.jpg")
    }
}

.project-amanvari-5 {
    background-image: url("../../images/amanvari/Aman-5-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-amanvari-5 {
        background-image: url("../../images/amanvari/Aman-5-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-amanvari-5 {
        background-image: url("../../images/amanvari/Aman-5-640.jpg")
    }
}

.project-amanvari-6 {
    background-image: url("../../images/amanvari/Aman-6-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-amanvari-6 {
        background-image: url("../../images/amanvari/Aman-6-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-amanvari-6 {
        background-image: url("../../images/amanvari/Aman-6-640.jpg")
    }
}

.project-four-seasons-1 {
    background-image: url("../../images/four-seasons/FS-Project-Page-1-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-four-seasons-1 {
        background-image: url("../../images/four-seasons/FS-Project-Page-1-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-four-seasons-1 {
        background-image: url("../../images/four-seasons/FS-Project-Page-1-640.jpg")
    }
}


.project-aspen-1 {
    background-image: url("../../images/aspen/GGA_Aspen_Lift_One_Renderings_1-edit-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-aspen-1 {
        background-image: url("../../images/aspen/GGA_Aspen_Lift_One_Renderings_1-edit-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-aspen-1 {
        background-image: url("../../images/aspen/GGA_Aspen_Lift_One_Renderings_1-edit-640.jpg")
    }
}

.project-trump-1 {
    background-image: url("../../images/trump/ddi_b3_trw_0186-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-trump-1 {
        background-image: url("../../images/trump/ddi_b3_trw_0186-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-trump-1 {
        background-image: url("../../images/trump/ddi_b3_trw_0186-640.jpg")
    }
}

.project-ritz-carlton-1 {
    background-image: url("../../images/ritz-carlton/Exterior-Kalakaua-Avenue-Dusk-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-ritz-carlton-1 {
        background-image: url("../../images/ritz-carlton/Exterior-Kalakaua-Avenue-Dusk-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-ritz-carlton-1 {
        background-image: url("../../images/ritz-carlton/Exterior-Kalakaua-Avenue-Dusk-640.jpg")
    }
}

.project-costa-palmas-6 {
    background-image: url("../../images/costa-palmas/CP-Project-Page-6-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .project-costa-palmas-6 {
        background-image: url("../../images/costa-palmas/CP-Project-Page-6-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .project-costa-palmas-6 {
        background-image: url("../../images/costa-palmas/CP-Project-Page-6-640.jpg")
    }
}

.project-details {
    padding-bottom: 45px
}

.project-details h1, .project-details h2 {
    text-align: center
}

.project-details h1 {
    padding-top: 80px;
    padding-bottom: 50px
}

.project-details h2 {
    margin-bottom: 40px;
    color: #959595
}

.project-details p {
    margin-bottom: 0.75em;
    font-size: .94em
}

.project-details p:last-child {
    margin-bottom: 0
}

.project-details a {
    color: #000;
    text-decoration: none
}

.project-details .row {
    width: 100%;
    max-width: 850px;
    margin: 0 auto 100px
}

@media only screen and (max-width: 768px) {
    .project-details h1 {
        padding-top: 40px;
        padding-bottom: 40px;
        font-size: 1.25em
    }
}

.project-detail {
    padding-right: 30px;
    text-align: right;
    color: #959595;
    font-size: .75em;
    font-family: Helvetica;
    font-weight: 700;
    line-height: 2.00em
}

.project-detail ul {
    display: inline-block;
    max-width: 300px
}

.project-detail li {
    margin-bottom: 13px
}

.project-detail li:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 640px) {
    .project-detail {
        padding-right: 0;
        margin-bottom: 50px;
        text-align: center;
        font-weight: 500
    }
}

.project-links {
    margin-bottom: 15px
}

.project-links a {
    display: inline-block;
    padding: 7px 10px 5px;
    background-color: #000;
    color: #fff;
    -webkit-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    -ms-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear
}

.project-links a:hover {
    background-color: #959595
}

.project-links a + a {
    margin-left: 15px
}

@media only screen and (max-width: 640px) {
    .project-links {
        white-space: pre-line
    }

    .project-links a {
        margin-bottom: 10px
    }

    .project-links a + a {
        margin-bottom: 0;
        margin-left: 0
    }
}

.project-copy {
    padding-left: 30px
}

.project-copy.no-grid {
    padding-left: 0;
    text-align: center
}

@media only screen and (max-width: 640px) {
    .project-copy {
        padding-left: 0;
        text-align: center
    }
}

.return-link {
    text-align: center;
    color: #000;
    font-size: 1rem;
    font-family:Helvetica;
    font-weight: 700;
    line-height: 1em
}

.return-link a {
    color: inherit
}

.return-link a:hover {
    color: #959595
}

#news section {
    padding-right: 0;
    padding-left: 0
}

#news section.last {
    margin-bottom: 15px
}

.news-intro-detail {
    width: 100%;
    padding: 50px 20px 30px;
    text-align: center
}

.news-detail {
    padding-top: 70px;
    padding-bottom: 70px;
    cursor: pointer;
    -webkit-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    -ms-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear
}

.news-detail h1 {
    text-align: center
}

.news-detail:hover:not(.active) {
    background-color: #efefef
}

@media only screen and (max-width: 640px) {
    .news-detail:hover:not(.active) {
        background-color: #fff
    }
}

.news-nav {
    position: relative
}

.news-nav span.arrow-news {
    position: absolute;
    display: block;
    width: 10px;
    height: 6px;
    top: 50%;
    right: -15px;
    margin-top: -3px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.news-nav span.arrow-news svg {
    display: block
}

.active .news-nav span.arrow-news {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.news-items-container {
    position: relative;
    height: 0;
    overflow: hidden
}

.news-items {
    -webkit-transition: opacity 0.4s linear;
    -moz-transition: opacity 0.4s linear;
    -ms-transition: opacity 0.4s linear;
    -o-transition: opacity 0.4s linear;
    transition: opacity 0.4s linear
}

.news-item-container {
    position: relative;
    padding: 17px 20px 15px;
    cursor: pointer;
    -webkit-transition: background 0.4s linear;
    -moz-transition: background 0.4s linear;
    -ms-transition: background 0.4s linear;
    -o-transition: background 0.4s linear;
    transition: background 0.4s linear
}

.news-item-container:hover {
    background-color: #efefef
}

.news-item-container a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.news-item {
    position: relative;
    max-width: 750px;
    margin: 0 auto;
    padding-left: 50px;
    color: #959595;
    font-size: .75em;
    font-family: Helvetica;
    font-weight: 400;
    line-height: 1.5em
}

.news-item:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 24px;
    background-image: url("../../images/arrow-download.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.news-intro {
    color: #000
}

.news-intro b {
    font-size: 1.08em;
    font-weight: 700
}

.contact-intro {
    padding-top: 70px;
    padding-bottom: 90px
}

.contact-intro h1 {
    text-align: center;
    margin-bottom: 40px
}

.contact-intro .row {
    width: 100%;
    max-width: 850px;
    margin: 0 auto
}

.contact-details {
    text-align: center;
    color: #959595;
    font-size: .81em;
    font-family: Helvetica;
    font-weight: 700;
    line-height: 1.5em
}

.contact-details .contact-detail {
    margin-bottom: 13px
}

.contact-details a {
    color: inherit;
    -webkit-transition: color 0.4s linear;
    -moz-transition: color 0.4s linear;
    -ms-transition: color 0.4s linear;
    -o-transition: color 0.4s linear;
    transition: color 0.4s linear
}

.contact-details a:hover {
    color: #000
}

.contact-details span {
    color: #000
}

@media only screen and (max-width: 640px) {
    .contact-details {
        padding-right: 0;
        text-align: center;
        font-weight: 500
    }
}

.contact-copy {
    padding-left: 30px
}

.contact-copy p {
    margin-bottom: 0.75em;
    font-size: .75em
}

.contact-copy p:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 640px) {
    .contact-copy {
        padding-left: 0;
        text-align: center
    }
}

.contact-hero {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    padding-bottom: 38.720703125%;
    background-image: url("../../images/02-Irongate-crop-2048.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width: 1200px) {
    .contact-hero {
        background-image: url("../../images/02-Irongate-crop-1200.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .contact-hero {
        background-image: url("../../images/02-Irongate-crop-640.jpg")
    }
}

@media only screen and (max-width: 640px) {
    .contact-hero {
        padding-bottom: 56%
    }
}

.page-intro {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
    padding-top: 70px;
    padding-bottom: 90px
}

.page-intro h1 {
    margin-bottom: 40px
}

.page-intro h2 {
    margin-top: 40px;
    margin-bottom: 20px
}

.page-intro p {
    margin-bottom: 20px
}

.page-intro b {
    color: #000;
    font-weight: 500
}

.page-intro a {
    color: #000;
    text-decoration: underline
}
.project-hero-item .description2{
    position: absolute;
    bottom: 0;
    color: white;
    padding: 20px 50px;
    background: rgba(0,0,0,0.6);
    width: 100%;
}