.header-wrapper {
    width: 100%;
    z-index: 999;
    position: absolute;
    -webkit-transition: all 250ms cubic-bezier(0.420, 0.000, 1.000, 1.000);
    transition: all 250ms cubic-bezier(0.420, 0.000, 1.000, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
    transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
    padding: 20px 0 0;
    border-bottom: 1px solid transparent;
}

.header-wrapper.sticky-header {
    padding: 40px 0;
    border-color: transparent;
    background: transparent;
}

.header-wrapper .header-inner-wrapper {
    display: table;
    width: 100%;
    margin: 0 auto;
}

.header-wrapper .logo {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.logoImageRetina {
    display: none;
}

.header-wrapper .logo a {
    float: left;
}

.logo img {
    max-width: none;
}

.header-wrapper .menu-wrapper {
    display: table-cell;
    vertical-align: top;
    width: auto;
    margin-top: 0;
    text-align: right;
}

.menu-icons {
    float: right;
    position: relative;
    display: none;
}

.menu-icons img {
    max-width: none;
}

.menu-icon {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 0;
}

.menu-icon-close {
    display: none;
    font-size: 30px;
    top: 0px;
    color: #000;
}

.menu-icon-close.light-close {
    color: #fff;
}

.menu-icon-mobile {
    display: none;
    width: 27px;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 0;
}

.menu-icon-mobile-retina {
    display: none;
    width: 27px;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 0;
    margin: 0 auto;
}

.navbar-trans {
    border-bottom: none;
    background: transparent;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    padding: 33px;
}

.navbar-fixed-top {
    position: absolute !important;
}

ul.sf-menu>li>a {
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    padding-bottom: 10px;
}

ul.sf-menu>li>a:hover {
    color: #e29e29;
    font-weight: bold;
}

.visible-lg-block {
    top: -215px !important;
}

.flowRight_Img div {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: RGBA(245, 130, 32, 0.69);
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s;
    -webkit-transtion: opacity 0.3s;
}

.flowRight_Img a:hover div {
    opacity: 1;
}

.flowRight_Img a div h3 {
    width: 100%;
    color: #FFF;
    font-size: 20px;
    letter-spacing: 2px;
    padding: 0 10px;
    margin-bottom: -111px;
}

.flowLeft_Img {
    position: relative;
    float: right;
}

.flowLeft_Img div {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: RGBA(245, 130, 32, 0.69);
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s;
    -webkit-transtion: opacity 0.3s;
}

.flowLeft_Img a:hover div {
    opacity: 1;
}

.flowLeft_Img a div h3 {
    width: 100%;
    color: #FFF;
    font-size: 20px;
    letter-spacing: 2px;
    padding: 0 10px;
    margin-bottom: -111px;
}

.ver {
    background-image: url(../images/custom/ver.fw.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.ajusMar {
    margin-bottom: 100px !important;
}

.ajusMarBajo {
    margin-bottom: -288px !important;
}

.ajusMartOP {
    margin-top: 60px !important;
    margin-bottom: 60px !important
}

.navbar-default .navbar-toggle {
    border-color: #111;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #111 !important;
}

.navbar-default .navbar-toggle {
    background-color: #ddd;
}

.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
    .menu-icon-retina {
        display: block;
    }
    .menu-icon-open {
        display: none;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px),
only screen and ( min--moz-device-pixel-ratio: 2) and (max-width: 767px),
only screen and ( -o-min-device-pixel-ratio: 2/1) and (max-width: 767px),
only screen and ( min-device-pixel-ratio: 2) and (max-width: 767px),
only screen and ( min-resolution: 192dpi) and (max-width: 767px),
only screen and ( min-resolution: 2dppx) and (max-width: 767px) {
    .menu-icon-mobile {
        display: none !important;
    }
    .menu-icon-mobile-retina {
        display: block;
    }
}

.mobile-menu-wrapper {
    display: none;
}

.menu-icon-retina {
    display: none;
    width: 27px;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 0;
}

.main-menu {
    float: right;
    margin-right: 20px;
}

.main-menu ul.sf-menu {
    float: right;
}

.main-menu ul {
    color: #888;
    list-style: none;
    text-align: left;
    margin-right: 30px;
}

.main-menu ul.sf-menu>li {
    display: inline-block;
    margin: 0 10px;
    position: relative;
}

.main-menu ul.sf-menu>li:last-child {
    margin-right: 0;
}

.main-menu ul.sf-menu>li>a {
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    padding-bottom: 10px;
}

span.sf-sub-indicator {
    display: none;
}

.main-menu ul.sf-menu>li:first-child::before {
    content: '';
}

.main-menu ul.sf-menu>li::before {
    content: "\2044";
    padding-right: 25px;
    display: inline-block;
    display: none;
}

/* submenu  */

.main-menu .sf-menu ul {
    position: absolute;
    min-width: 220px;
    background: #fff;
    z-index: 1000;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.2);
    visibility: hidden;
    display: none;
    padding: 25px 0 20px 10px;
}

.main-menu .sf-menu ul li {
    margin: 0;
    color: #888;
}

.main-menu .sf-menu ul li::before {
    content: "";
}

.main-menu .sf-menu ul li a {
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    font-size: 14px;
    padding: 0px 20px;
    display: block;
    font-weight: 400;
    color: #888;
    margin-bottom: 15px;
}

.main-menu .sf-menu ul li:first-child a {
    border: none;
}

.sf-menu>li>ul {
    top: 30px;
    left: 0;
}

.main-menu .sf-menu ul ul {
    margin-top: -50px;
    left: 220px;
}

.main-menu ul.sf-menu>li li.current-menu-item>a,
.main-menu .sf-menu ul li>a:hover,
.main-menu .sf-menu ul li.sfHover>a,
.main-menu .sf-menu ul li.sfHover>a,
.main-menu .sf-menu ul li li.current-menu-item>a,
.main-menu .sf-menu ul li.current-menu-parent>a,
.main-menu .sf-menu ul li.current-menu-ancestor>a,
.main-menu ul.sf-menu>li>a:hover,
.main-menu ul.sf-menu>li.sfHover>a,
.main-menu ul.sf-menu>li.current-menu-item>a,
.main-menu ul.sf-menu>li.current-menu-parent>a,
.main-menu ul.sf-menu>li.current-menu-ancestor>a {
    color: #e29e29;
}

.main-menu ul.sf-menu>li {
    position: relative;
    zoom: 1;
}

.main-menu ul.sf-menu>li {
    -webkit-animation: fadein 0.6s 0.5s 1 forwards ease-in-out;
    -moz-animation: fadein 0.6s 0.5s 1 forwards ease-in-out;
    animation: fadein 0.6s 0.5s 1 forwards ease-in-out;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}

.main-menu.showmenu ul.sf-menu>li {
    visibility: visible;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.main-menu ul.sf-menu>li:nth-child(n+1) {
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}

.main-menu ul.sf-menu>li:nth-child(n+2) {
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}

.main-menu ul.sf-menu>li:nth-child(n+3) {
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms;
}

.main-menu ul.sf-menu>li:nth-child(n+4) {
    -webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
}

.main-menu ul.sf-menu>li:nth-child(n+5) {
    -webkit-transition-duration: 600ms;
    -moz-transition-duration: 600ms;
    -o-transition-duration: 600ms;
    transition-duration: 600ms;
    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms;
}

.main-menu.showmenu ul.sf-menu>li:nth-last-child(n+1) {
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}

.main-menu.showmenu ul.sf-menu>li:nth-last-child(n+2) {
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}

.main-menu.showmenu ul.sf-menu>li:nth-last-child(n+3) {
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms;
}

.main-menu.showmenu ul.sf-menu>li:nth-last-child(n+4) {
    -webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
}

.main-menu.showmenu ul.sf-menu>li:nth-last-child(n+5) {
    -webkit-transition-duration: 600ms;
    -moz-transition-duration: 600ms;
    -o-transition-duration: 600ms;
    transition-duration: 600ms;
    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms;
}

/* mobile menu */

.mobile-menu-show,
.mobile-menu-wrapper {
    display: none;
}

.mobile-menu-wrapper {
    width: 100%;
    height: auto;
    background-color: #fafafa;
    display: none;
    position: relative;
    height: auto;
    z-index: 2;
    float: left;
}

.mobile-menu-wrapper ul {
    list-style: none;
}

.mobile-menu-wrapper ul.mobile-menu li {
    display: block;
    margin: 0;
}

.mobile-menu-wrapper ul.mobile-menu li:before {
    content: '';
}

.mobile-menu-wrapper ul.mobile-menu li a {
    padding-left: 40px;
}

.mobile-menu-wrapper ul.mobile-menu li li a {
    padding-left: 60px;
}

.mobile-menu-wrapper ul.mobile-menu li li li a {
    padding-left: 80px;
}

.mobile-menu-wrapper ul.mobile-menu li a {
    width: 100%;
    padding: 10px 20px;
    display: block;
    color: #000;
    border-bottom: 1px solid #e7e7e7;
    font-size: 12px;
    font-weight: 400;
}

.mobile-menu-wrapper ul.mobile-menu li a:hover,
.mobile-menu-wrapper ul.mobile-menu li.current_page_item a {
    background: #fff;
}

@media only screen and (max-width: 1199px) {
    .center,
    .header-wrapper .header-inner-wrapper,
    .inside-section,
    .vc_row.small_box,
    .archive-section .inside-section,
    .single-portfolio-first-section .inside-section,
    .ajax-load-more-wrap {
        width: 960px;
    }
}

@media screen and (max-width: 970px) {
    .logoImage {
        display: none;
	}
	.logoImageRetina {
        display: block;
        margin-top: -6px !important;
	}
	.menu-item {
		padding: 10px 5px !important;
	}
	.d-970-none{
		display: none!important;
	}
}

@media only screen and (max-width: 959px) {
    .center,
    .header-wrapper .header-inner-wrapper,
    .inside-section,
    .vc_row.small_box,
    .archive-section .inside-section,
    .single-portfolio-first-section .inside-section,
    .ajax-load-more-wrap {
        width: 768px;
    }
    .boxed .inside-section {
        width: 768px !important;
    }
    .main-menu ul.sf-menu>li {
        margin: 0 8px;
    }
}

@media only screen and (max-width: 767px) {
    .sf-menu {
        text-align: left;
    }
    .center,
    .header-wrapper .header-inner-wrapper,
    .inside-section,
    .vc_row.small_box,
    .archive-section .inside-section,
    .single-portfolio-first-section .inside-section,
    .ajax-load-more-wrap {
        width: 100%;
        padding-left: 8px;
        padding-right: 8px;
    }
    .boxed .inside-section {
        width: 100% !important;
        padding-left: 8px;
        padding-right: 8px;
    }
    .header-wrapper {
        position: absolute;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .menu-icon-mobile {
        display: block;
    }
    .menu-icon-open,
    .menu-icon-close,
    .main-menu {
        display: none !important;
    }
    .menu-icon {
        position: relative;
    }
    .topCont {
        min-height: 402px !important;
    }
    .welcome .table .td {
        display: block !important;
    }
    .imageAlingRight {
        float: none !important;
    }
    .imageOverlayShadow {
        display: none !important;
    }
    .imageOverlay {
        position: relative !important;
        margin-left: 0px !important;
        width: 100%;
    }
    .welcome .td {
        width: 100% !important;
    }
    .floatLeftAlignRight {
        text-align: left !important;
    }
    .welcome .col,
    .newList>.col,
    .prices .col {
        width: 90% !important;
        margin: 0 auto 15px auto !important;
        display: block !important;
    }
    .videosList>li {
        display: block !important;
        width: 100% !important;
    }
    .videosList {
        display: block !important;
    }
    .contact .col {
        display: block !important;
        width: 100% !important;
    }
    .bannerCol>p {
        margin: 10px auto !important;
    }
    input[type='text'],
    input[type='phone'],
    input[type='submit'] {
        display: block !important;
        width: 95% !important;
    }
    .contactRow1 p {
        width: 100% !important;
    }
    body {
        overflow-x: hidden;
    }
    .prices h3,
    .news h3 {
        margin-left: 25px;
    }
    .row {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    .bannerCol {
        border: none !important;
        padding-left: 0px !important;
    }
    .menu-icons {
        display: block;
    }
}

@media only screen and (max-width: 500px) {
    .navbar-trans {
        padding-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .header-wrapper .header-inner-wrapper {
        display: block;
    }
    .next-post-wrapper,
    .prev-post-wrapper {
        top: 20%;
    }
    .header-wrapper .logo {
        display: block;
        text-align: center;
        width: 100%;
    }
    .header-wrapper .logo a {
        float: none;
    }
    .header-wrapper .menu-wrapper {
        display: block;
        text-align: center;
        width: 100%;
    }
    .menu-icons {
        float: none;
        text-align: center;
    }
    .menu-icon-mobile {
        display: inline-block;
        margin: 0;
    }
    .logoImage {
        width: 100%;
    }
    .offersList {
        display: block !important;
        justify-content: none !important;
    }
    .offersList>li {
        /*display:block !important;*/
        margin: 10px;
    }
    #cont_2d91dd829dff01f4bec6157852d6bc34 {
        top: 14px !important;
    }
    .imageAlingRight {
        width: 100% !important;
    }
    .videos h4,
    .prices h4 {
        width: 100% !important;
    }
    .backgroundPadded {
        padding-left: 0px !important;
    }
    .residentes,
    .turistas {
        background: none !important;
    }
}

#modal {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-height: 90%;
    max-width: 90%;
    padding: 0px;
    background-color: transparent;
    box-shadow: 0px 0px 0px 0px black;
    border-radius: 4px;
    z-index: 9999;
    display: none;
    width: 900px;
}

#modal.active {
    display: block;
    background-image: url(../i/loading.gif);
    background-position: center center;
    background-size: 50%;
    background-repeat: no-repeat;
}

#modal>img {
    width: auto;
    height: 100%;
    position: initial !important;
}

#closeModal {
    position: absolute;
    right: 40px;
    top: 40px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    background-color: white;
    color: black;
    box-shadow: 0px 0px 2px 0px black;
    text-decoration: none;
    text-align: center;
}

#NextModal {
    position: absolute;
    right: -4px;
    top: 48%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    background-color: white;
    color: black;
    box-shadow: 0px 0px 2px 0px black;
    text-decoration: none;
    text-align: center;
}

#PrevModal {
    position: absolute;
    left: -4px;
    top: 48%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    background-color: white;
    color: black;
    box-shadow: 0px 0px 2px 0px black;
    text-decoration: none;
    text-align: center;
}

#closeModal:before {
    content: "\f00d";
    font-family: FontAwesome;
}

@media screen and (min-width: 860px) {
    .mobile-menu-wrapper {
        display: none !important;
    }
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: inherit!important;
}