/*-----------------------------------------------------------------------------------

  1.  BASE

  2.  LAYOUT

  3.  HEADER

    3a. Main Navigation

    3b. Mobile Menu

  4. HOME SLIDER

    4a. Slider Text

    4b. Slider Form

  5. CONTENT

    5a. Title

    5b. Features Section

    5c. Facilities

    5d. Room Dimension

    5e. Blog

    5f. Single Post

    5g. Contact Agent

    5h. Sidebar

    5i. Room Detail

  6. FOOTER

    6a. Copyright

-----------------------------------------------------------------------------------*/





/*-----------------------------------------------------------------------------------*/





/*  1. BASE

/*-----------------------------------------------------------------------------------*/



html {

    scroll-behavior: smooth;

    -webkit-scroll-behavior: smooth;

    -o-scroll-behavior: smooth;

}



body {

    word-wrap: break-word;

    -ms-word-wrap: break-word;

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    color: #333333;

    line-height: 1.6;

    background-color: #FFFFFF;

}



ol,

ul {

    list-style: none;

}



blockquote,

q {

    quotes: none;

}



blockquote:before,

blockquote:after,

q:before,

q:after {

    content: '';

    content: none;

}



blockquote {

    margin: 1em 0;

    border-left: 10px solid #ccc;

    padding-left: 12px;

}



table th {

    background: #ddd;

    font-weight: bold;

}



table td,

table th {

    padding: 8px;

    border: 1px solid #bbb;

    text-align: left;

}



dt {

    font-weight: bold;

}



pre {

    white-space: pre;

    word-wrap: normal;

    overflow-x: scroll;

    line-height: 1.3;

    margin: 1em 0;

}



figure {

    max-width: 100%;

    height: auto;

}



*::-moz-selection {

    background: #000;

    color: #fff;

}



*::selection {

    background: #000;

    color: #fff;

}



img {

    max-width: 100%;

    height: auto;

    display: block;

}



input[type="email"]:focus,

input[type="search"]:focus,

input[type="text"]:focus,

input[type="password"]:focus,

textarea:focus,

select:focus {

    border: none;

    outline: 0;

}



.placeholder {

    color: #999999;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: 'oswald_regularregular';

    margin-bottom: 20px;

    margin-top: 0;

}



h1 {

    font-size: 36px;

}



h2 {

    font-size: 30px;

}



h3 {

    font-size: 24px;

}



h4 {

    font-size: 18px;

}



h5 {

    font-size: 14px;

}



h6 {

    font-size: 12px;

}



p {

    color: #333333;

}



a {

    color: #333333;

    text-decoration: none;

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}



a:hover,

a:focus {

    color: #42B93F;

    text-decoration: none;

    outline: 0;

}



input::-moz-focus-inner {

    border: 0;

}



a img {

    border: none;

}



img {

    max-width: 100%;

}



.button-normal {

    font-family: 'oswald_regularregular';

    display: inline-block;

    padding: 15px 30px;

    margin-top: 30px;

    letter-spacing: .5px;

    border: none;

    font-size: 16px;

    font-weight: 500;

    text-decoration: none;

    text-transform: uppercase;

    will-change: opacity, transform;

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    -ms-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.button-normal.yellow {

    background-color: #ffc815;

    color: #000000;

}



.button-normal.white {

    background-color: #ffffff;

    color: #000000;

}



.button-normal.yellow:hover,

.button-normal.white:hover {

    background-color: #333333;

    color: #ffffff;

}





/*-----------------------------------------------------------------------------------*/





/*  2. LAYOUT

/*-----------------------------------------------------------------------------------*/



.wrapper {

    padding: 100px 0;

    overflow: hidden;

}



.col-xs-15,

.col-sm-15,

.col-md-15,

.col-lg-15 {

    position: relative;

    min-height: 1px;

    padding-right: 10px;

    padding-left: 10px;

}



.col-xs-15,

.col-md-15 {

    width: 20%;

    float: left;

}





/*-----------------------------------------------------------------------------------*/





/*  3. HEADER

/*-----------------------------------------------------------------------------------*/



#header {

    position: fixed;

    width: 100%;

    z-index: 1000;

    padding: 30px 0;

    -webkit-transition: all 0.6s ease 0s;

    -moz-transition: all 0.6s ease 0s;

    -ms-transition: all 0.6s ease 0s;

    -o-transition: all 0.6s ease 0s;

    transition: all 0.6s ease 0s;

}



#header.transparent-header {

    background-color: transparent;

}



#header.bg-header {

    background-color: #fff;

    padding: 10px 0;

}



#header.fixedwrap {

    background-color: rgba(0, 0, 0, 0.8);

    padding: 10px 0;

}



#header .logo img {

    margin-top: 10px;

}



.logo {

    float: left;

}





/* 3a. Main Navigation */



#main-menu ul {

    padding: 0;

    text-align: right;

}



#main-menu ul li {

    position: relative;

    display: inline-block;

    margin: 0 13px;

}



#main-menu ul li:last-child {

    margin-right: 0;

}



#main-menu ul li a {

    font-family: 'oswald_regularregular';

    font-size: 14px;

    color: #fff;

    text-transform: uppercase;

    letter-spacing: 0.2em !important;

    padding: 15px 0;

    display: block;

    position: relative;

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}



#main-menu ul li a::after,

#header.fixedwrap #main-menu ul li a::after {

    content: "";

    display: block;

    width: 35px;

    margin: 0 auto;

    border-bottom: 2px solid #42B93F;

    zoom: 1;

    position: relative;

    bottom: -5px;

    right: 1px;

    opacity: 0;

    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

    -moz-transition: opacity 0.3s, -moz-transform 0.3s;

    transition: opacity 0.3s, transform 0.3s;

    -webkit-transform: translateY(10px);

    -moz-transform: translateY(10px);

    transform: translateY(10px);

}



#header.bg-header #main-menu ul li a::after {

    border-bottom: 2px solid #ffffff;

}



#main-menu ul li a:hover::after,

#main-menu ul li a:focus::after,

#main-menu ul li.active a::after,

#header.fixedwrap #main-menu ul li a:hover::after,

#header.fixedwrap #main-menu ul li a:focus::after,

#header.fixedwrap #main-menu ul li.active a::after,

#header.bg-header #main-menu ul li a:hover::after,

#header.bg-header #main-menu ul li a:focus::after,

#header.bg-header #main-menu ul li.active a::after {

    opacity: 1;

    -webkit-transform: translateY(0px);

    -moz-transform: translateY(0px);

    transform: translateY(0px);

}



#header.bg-header #main-menu ul li a {

    color: #ffffff;

}



ul.menus li.has-child ul.child {

    display: none;

}



#main-menu ul.menus li.has-child:hover ul.child {

    display: block;

}



#main-menu ul.menus li.has-child ul.child {

    position: absolute;

    background-color: #333333;

    text-align: left;

    width: 15em;

    padding: 0;

}



#main-menu ul.menus li.has-child ul.child li {

    margin: 0 !important;

    width: 100%;

}



#main-menu ul.menus li.has-child ul.child li a {

    background-color: transparent !important;

    color: #ffffff;

    padding: 0 !important;

    margin: 5px 20px;

    font-size: 12px;

}



#main-menu ul.menus li.has-child ul.child li:first-child a {

    margin-top: 15px;

}



#main-menu ul.menus li.has-child ul.child li:last-child a {

    margin-bottom: 15px;

}



#main-menu ul.menus li.has-child ul.child li a:hover {

    background-color: transparent !important;

    color: #ffffff;

    opacity: 0.7;

}



#main-menu ul.menus li.has-child ul.child li a:after,

ul.menus li.has-child ul.child li a:hover:after {

    opacity: 0 !important;

}





/* 3b. Mobile Menu */



.mobile-menu {

    display: none;

}



#slide-buttons {

    background-color: #FFFFFF;

    border-radius: 50%;

    color: #42B93F;

    height: 40px;

    width: 40px;

    line-height: 46px;

    border: none;

    font-size: 22px;

    padding: 0;

    position: relative;

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}



#slide-buttons:hover,

#slide-buttons:focus,

#slide-buttons.active,

.c-menu__close:hover,

.c-menu__close:focus,

.c-menu__close.active {

    outline: 0;

}



.c-menu {

    position: fixed;

    z-index: 200;

    padding: 20px;

    background-color: #42B93F;

    -webkit-transition: -webkit-transform 0.3s;

    transition: transform 0.3s;

}



.c-menu--slide-right {

    width: 100%;

    height: 100%;

}



.c-menu--slide-right {

    top: 0;

    right: 0;

    -webkit-transform: translateX(100%);

    -ms-transform: translateX(100%);

    transform: translateX(100%);

}



.c-menu--slide-right.is-active {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

}



.c-menu__close {

    margin-bottom: 30px;

    background-color: #ffffff;

    border-radius: 50%;

    color: #42B93F;

    height: 40px;

    width: 40px;

    line-height: 46px;

    border: none;

    font-size: 22px;

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}



.slide-overlay {

    position: fixed;

    z-index: 100;

    top: 0;

    left: 0;

    overflow: hidden;

    width: 0;

    height: 0;

    background-color: #000;

    opacity: 0;

    -webkit-transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;

    transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;

}



.slide-overlay.is-active {

    width: 100%;

    height: 100%;

    opacity: 0.7;

    -webkit-transition: opacity 0.3s;

    transition: opacity 0.3s;

}



.menus-mobile {

    padding: 25px 20px;

    text-align: left;

}



.menus-mobile li a {

    color: #333333;

    font-weight: 700;

    text-transform: uppercase;

    border-bottom: 1px solid #FFFFFF;

    width: 100%;

    display: block;

    padding-bottom: 7px;

    margin-bottom: 7px;

}



.menus-mobile ul.child {

    padding: 0;

}



.menus-mobile ul.child li a {

    padding-left: 10px;

}



.menus-mobile li a:hover,

.menus-mobile ul.child li a:hover {

    opacity: 0.7;

}





/*-----------------------------------------------------------------------------------*/





/*  4. HOME SLIDER

/*-----------------------------------------------------------------------------------*/



#slider.fullscreen .flex-control-thumbs {

    width: 1140px;

    background-color: #ffffff;

    margin: 0 auto;

    margin-top: -110px;

    padding: 5px;

    z-index: 500;

    position: relative;

    bottom: 0;

}



#slider.fullscreen .flex-control-thumbs li {

    width: 20%;

    padding: 5px;

}



#slider img.img-fixed {

    display: block;

    width: 100vw;

    height: 99vh;

    object-fit: cover;

}



#slider-2 img.img-fixed {

    display: block;

    width: 100vw;

    height: 99vh;

    object-fit: cover;

}



#slider-2 {

    height: 400px !important;

}



#slider-2 .flexslider {

    height: 400px !important;

}



@media (max-width: 990px) {

    .slider-form-work {

        top: 350px !important;

    }

    .add-section-contact {

        display: block !important;

    }

    .contact-form form {

        text-align: center !important;

    }

    .slider-text-form-wrap .row {

        position: absolute;

        top: 0px !important;

        height: 100px !important;

    }

}



.add-section-contact {

    display: none;

    background-color: #F3F3F3;

    height: 120px;

}





/* 4a. Slider Text*/



.slider-text-wrap {

    position: absolute;

    width: 100%;

}



.slider-text-form-wrap {

    position: absolute;

    width: 100%;

}



.vertical-center {

    margin: 0;

    top: 160px;

}



.vertical-center-work {

    margin-right: 50px;

    top: 50px;

}



.slider-form-work .form-wrap {

    background-color: rgba(66, 185, 63, 0.5);

}



.slider-text {

    margin-top: 30px;

    padding: 15px 0 15px 20px;

    border-left: 5px solid #42B93F;

    color: #ffffff;

}



.slider-text h2 {

    margin-bottom: 0;

    font-size: 60px;

    text-transform: uppercase;

}



.slider-text h1 {

    margin-bottom: 0;

    font-size: 60px;

    text-transform: uppercase;

}



.slider-text h3 {

    margin-bottom: 0;

    text-transform: uppercase;

}



.slider-text p {

    font-family: 'oswaldlight';

    color: #ffffff;

    margin-bottom: 30px;

    font-size: 22px;

    font-weight: 300;

}



.slider-text-work {

    margin-top: 30px !important;

    padding: 15px 0 15px 10px;

    border-left: 5px solid #42B93F;

    color: #ffffff;

}



.slider-text-work h2 {

    margin-bottom: 0;

    font-size: 60px;

    text-transform: uppercase;

}



.slider-text-work h3 {

    margin-bottom: 0;

    font-size: 40px;

    text-transform: uppercase;

}



.slider-text-work p {

    font-family: 'oswaldlight';

    color: #ffffff;

    margin-bottom: 30px;

    font-size: 22px;

    font-weight: 300;

}



.flex-direction-nav {

    display: none;

}





/* 4b. Slider Form*/



.form-wrap {

    background-color: rgba(255, 255, 255, 0.5);

    padding: 20px;

}



.slider-form input,

.slider-form textarea {

    background-color: #ffffff;

    padding: 0 15px;

    width: 100%;

    height: 45px;

    border: none;

    margin-bottom: 10px;

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}



.slider-form form textarea {

    padding: 15px 15px;

    height: 100%;

}



.slider-form-work input,

.slider-form-work textarea {

    background-color: #ffffff;

    padding: 0 15px;

    width: 100%;

    height: 45px;

    border: none;

    margin-bottom: 10px;

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}



.slider-form-work form textarea {

    padding: 15px 15px;

    height: 100%;

}





/*-----------------------------------------------------------------------------------*/





/*  5. CONTENT

/*-----------------------------------------------------------------------------------*/



#content.homepage {

    /* margin-top: 120px; */

}



.grey-bg {

    background-color: #f3f3f3;

}





/* 5a. Title */



.page-title {

    min-height: 300px;

    background-position: center center;

    background-size: cover;

}



.page-title .title {

    padding-top: 10%;

    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0)));

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);

    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);

    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);

}



.page-title .title h2 {

    font-size: 40px;

}



.page-title .title h2,

.page-title .title h2 span.bold,

.page-title .title p.subtitle {

    color: #ffffff;

}



.title {

    position: relative;

    margin-bottom: 40px;

}



.title h2 {

    text-transform: uppercase;

    padding-bottom: 20px;

    margin-top: 0;

    margin-bottom: 20px;

    display: inline-block;

    letter-spacing: 0.1em;

    color: #000000;

}



.title h2 span.bold {

    font-family: 'oswaldbold';

    color: #000000;

}



.title:after {

    content: "";

    background: url(../img/title-separator.png);

    position: absolute;

    display: block;

    width: 82px;

    height: 15px;

    margin-left: auto;

    margin-right: auto;

    left: 0;

    right: 0;

    bottom: 18px;

}



.title.text-left:after {

    margin: 0;

}



.title .subtitle {

    font-size: 16px;

    margin-bottom: 20px;

    letter-spacing: 0.1em;

}



.room-detail-page .page-title {

    background-image: url(../img/content/pagetitle/roomdetail.jpg);

}



.blog-page .page-title {

    background-image: url(../img/content/pagetitle/blog.jpg);

}



.single-page .page-title {

    background-image: url(../img/content/pagetitle/blog.jpg);

}



.contact-page .page-title {

    background-image: url(../img/content/pagetitle/contact.jpg);

}





/* 5b. Features Section */



.features {

    position: relative;

}



.features-item a {

    cursor: pointer;

}



.features-item i {

    display: inline-block;

    font-size: 40px;

    margin-bottom: 10px;

}



.features-item h4 {

    margin-bottom: 5px;

}



.features-item p {

    font-size: 28px;

    font-family: 'oswaldlight';

    color: #999999;

    margin-bottom: 0;

}





/* 5c. Facilities */



.facilities {

    background-image: url(../img/content/facilities/facilities.jpg);

    background-size: cover;

    background-position: center center;

    background-attachment: fixed;

}



.facilities-2 {

    background-image: url(../img/content/facilities/facilities-2.jpg);

    background-size: cover;

    background-position: center center;

    background-attachment: fixed;

}



.facilities-detail {

    width: 50%;

    float: right;

    background-color: rgba(255, 255, 255, 0.8);

    padding-left: 5%;

    padding-right: 5%;

}



.facilities-detail-2 {

    width: 50%;

    float: left;

    background-color: rgba(255, 255, 255, 0.8);

    padding-left: 5%;

    padding-right: 5%;

}



.facilities-detail p.intro {

    font-size: 18px;

}



.facilities-detail p {

    font-size: 16px;

}



.facilities-item {

    width: 50%;

    float: left;

    margin-top: 40px;

    padding-right: 20px;

}





/* 5d. Room Dimension */



.gallery a img:hover {

    opacity: 0.7;

}



.gallery .item-detail {

    text-align: center;

    margin: 0 auto;

    background-color: #42B93F;

    width: 60%;

    padding: 10px;

    position: relative;

    top: -30px;

}



.item-detail h4,

.item-detail p {

    margin: 0;

}



.mfp-bg {

    background: #ffffff;

    opacity: 0.9;

    filter: alpha(opacity=90);

}



.mfp-image-holder .mfp-close,

.mfp-iframe-holder .mfp-close {

    color: #333333;

}



.mfp-title {

    color: #333333;

}



.mfp-counter {

    color: #333333;

}





/* Common style */



.grid a {

    float: left;

    width: 33.3333333%;

    color: #333;

}



.grid figure {

    position: relative;

    overflow: hidden;

    margin: 5px;

    background: #333;

}



.grid figure img {

    position: relative;

    display: block;

    width: 100%;

    opacity: 1;

    -webkit-transition: opacity 0.3s;

    transition: opacity 0.3s;

}



.grid figcaption {

    position: absolute;

    top: -14%;

    z-index: 11;

    padding: 10px;

    width: 100%;

    height: 100%;

    text-align: center;

}



.grid figcaption h2 {

    margin: 0 0 20px 0;

    text-transform: uppercase;

    letter-spacing: 1px;

    font-weight: 300;

    font-size: 16px;

    -webkit-transition: -webkit-transform 0.3s;

    transition: transform 0.3s;

}



.grid figcaption h2 {

    -webkit-transform: translateY(50px);

    transform: translateY(50px);

}



.grid figure span {

    position: absolute;

    padding: 4px 20px;

    border: none;

    text-transform: uppercase;

    letter-spacing: 1px;

    font-weight: bold;

    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

    transition: opacity 0.3s, transform 0.3s;

}



.grid figcaption,

.grid figcaption h2,

.grid figure span {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}





/* Style for SVG */



.grid svg {

    position: absolute;

    opacity: 0.8;

    top: -1px;

    /* fixes rendering issue in FF */

    z-index: 10;

    width: 100%;

    height: 100%;

}



.grid svg path {

    fill: #fff;

}





/* Hover effects */



.grid a:hover figure img {

    opacity: 0.5;

}



.grid a:hover figcaption h2,

.grid a:hover figcaption p {

    -webkit-transform: translateY(0);

    transform: translateY(0);

}



.grid a:hover figcaption p {

    opacity: 0;

}





/* Individual styles */



.gallery .grid figure span {

    top: 65%;

    left: 50%;

    border: 3px solid #fff;

    background: transparent;

    color: #fff;

    opacity: 0;

    -webkit-transform: translateY(-50%) translateX(-50%) scale(0.25);

    transform: translateY(-50%) translateX(-50%) scale(0.25);

}



.gallery .grid a:hover figure span {

    opacity: 1;

    -webkit-transform: translateY(-50%) translateX(-50%) scale(1);

    transform: translateY(-50%) translateX(-50%) scale(1);

}



.gallery .grid figcaption h2,

.gallery .grid figcaption p {

    -webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.115, 1);

    /* older webkit */

    -webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.115, 1.445);

    timing-function: cubic-bezier(0.250, 0.250, 0.115, 1.445);

}



.gallery .grid a:hover figcaption p {

    -webkit-transition-delay: 0s;

    transition-delay: 0s;

    -webkit-transition-duration: 0.1s;

    transition-duration: 0.1s;

}



.gallery body {

    background: #52be7f;

}



.gallery .grid figcaption h2 {

    color: #333333;

}



.gallery .grid a:hover figcaption h2 {

    -webkit-transform: translateY(5px);

    transform: translateY(5px);

}





/* Media Queries */





/* Let's redefine the width of each anchor and the margins */



@media screen and (max-width: 58em) {

    .grid a {

        width: 50%;

    }

    .grid a:nth-child(odd) {

        margin: 0;

    }

}



@media screen and (max-width: 45em) {

    .grid a {

        width: 100%;

    }

    .grid a:nth-child(3n-1) {

        margin: 0;

    }

    .grid figcaption h2 {

        margin-bottom: 0px;

        -webkit-transform: translateY(85px);

        transform: translateY(85px);

    }

    .grid figcaption p {

        margin: 0;

        padding: 0 10px;

    }

}



@media screen and (max-width: 27em) {

    .grid {

        max-width: 250px;

    }

    .grid a {

        width: 100%;

    }

    .grid a:nth-child(even) {

        margin: 0;

    }

}





/* 5e. Blog */



.blog-post {

    margin-bottom: 60px;

}



.blog-title {

    background-color: #333333;

    padding: 30px;

    min-height: 195px;

}



.blog-title h4 {

    position: relative;

    text-transform: uppercase;

    color: #ffffff;

    letter-spacing: 0.1em;

    line-height: 26px;

    padding-bottom: 30px;

}



.blog-title h4:after {

    content: "";

    background: url(../img/title-separator.png);

    position: absolute;

    display: block;

    width: 82px;

    height: 15px;

    bottom: 0;

}



.blog-title p {

    text-transform: uppercase;

    color: #ffffff;

}



.blog .pagination {

    display: block;

}



.blog .pagination ul {

    padding: 0;

}



.blog .pagination ul li {

    margin: 0 5px;

    display: inline-block;

}



.blog .pagination ul li a {

    background-color: #f3f3f3;

    color: #333333;

    font-family: 'oswaldbold';

    font-size: 16px;

    width: 40px;

    height: 40px;

    line-height: 45px;

    display: inline-block;

}



.blog .pagination ul li a:hover,

.blog .pagination ul li.current a {

    background-color: #42B93F;

}





/* 5f. Single Post */



.post-content {

    padding-right: 30px;

}



.article .title-post {

    margin-bottom: 0;

}



.article span {

    color: #666666;

    font-size: 14px;

    letter-spacing: 0.1em;

    line-height: 30px;

    margin-right: 20px;

}



.article .content p {

    color: #666666;

}



.article .post-content .featured-img img {

    margin-bottom: 30px;

    width: 100%;

}



.article .post-content .info {

    margin-bottom: 20px;

}



.article .content p:last-child {

    margin-bottom: 0px;

}



.article .post-item {

    margin-bottom: 40px;

    padding-bottom: 40px;

    border-bottom: 1px solid #f3f3f3;

}





/* 5g. Contact Agent*/



.agent {

    display: inline-block;

}



.agent-img {

    width: 50%;

    float: left;

}



.agent-detail {

    width: 50%;

    float: right;

    padding: 80px 100px 0 40px;

}



.agent-title h3 {

    margin: 0;

}



.agent-desc p {

    margin: 0;

}



.agent-desc p.desc {

    margin-bottom: 20px;

}



.agent-social ul {

    padding: 0;

    margin-top: 25px;

    display: inline-block;

}



.agent-social ul li {

    float: left;

    margin-right: 10px;

}



.agent-social ul li a {

    font-size: 20px;

    color: #333333;

}



.agent-social ul li a:hover {

    color: #42B93F;

}



.form {

    width: 50%;

    float: left;

    padding: 80px 40px 0 100px;

}



.maps {

    width: 50%;

    float: right;

    position: relative;

    z-index: -1;

}



.maps iframe {

    width: 100%;

    height: 650px;

    border: 0;

    outline: none;

}



.form form input,

.form form textarea {

    background-color: #f8f8f8;

    padding: 0 15px;

    width: 100%;

    height: 45px;

    border: none;

    margin-bottom: 10px;

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}



.form form textarea {

    padding: 15px 15px;

    height: 100%;

}



.form form input:focus,

.form form textarea:focus {

    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);

    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);

    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);

}





/* 5h. Sidebar */



.widget {

    margin-bottom: 40px;

}



.widget .form-search {

    position: relative;

}



.widget .form-search input {

    border: 1px solid #f3f3f3;

    background-color: #f3f3f3;

    height: 40px;

    width: 100%;

    padding: 0 20px;

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}



.widget .form-search input:hover,

.widget .form-search input:focus {

    border: 1px solid #bdbdbd;

}



.widget .form-search button {

    background-color: transparent;

    border: none;

    position: absolute;

    right: 0;

    top: 1px;

    margin: 5px;

}



.widget .form-search button i {

    position: relative;

    top: 2px;

    font-size: 20px;

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}



.widget h3.widget-title {

    position: relative;

    text-transform: uppercase;

    line-height: 26px;

    padding-bottom: 25px;

    font-size: 22px;

}



.widget h3.widget-title:after {

    content: "";

    background: url(../img/title-separator.png);

    position: absolute;

    display: block;

    width: 82px;

    height: 15px;

    bottom: 0;

}



.widget .widget-agent-info {

    display: inline-block;

    margin-bottom: 15px;

}



.widget .widget-agent-img {

    float: left;

    width: 100px;

    margin-right: 15px;

}



.widget .widget-agent-img img {

    border: 5px solid #f3f3f3;

}



.widget .widget-agent-name {

    margin-top: 25px;

    float: left

}



.widget .listing-agent-wrap h3 {

    margin-bottom: 0;

}



.widget .listing-agent-wrap p {

    margin-bottom: 0;

}



.widget .listing-agent-wrap p.group {

    font-weight: bold;

    margin-bottom: 15px;

}



.widget .listing-agent-wrap a.button-normal {

    margin-top: 10px;

}





/* 5i. Room Detail */



.room-slider .flex-control-nav {

    bottom: 15px;

    z-index: 1000;

}



.room-slider ul li {

    border: 10px solid #f3f3f3;

}



.room-detail ul {

    display: block;

    padding: 0;

    margin-top: 25px;

}



.room-detail ul li {

    margin-bottom: 5px;

    font-weight: bold;

}



.room-detail ul li i {

    font-size: 16px;

    margin-right: 7px;

    position: relative;

    top: 3px;

}





/* ----------------------------------------------------------------

  6. Footer

-----------------------------------------------------------------*/



#footer {

    background-color: #f3f3f3;

}



.footer-text {

    padding: 0 2%;

}



.footer-text p {

    font-size: 16px;

}





/* 6a. Copyright */



.footer-copyright {

    margin-top: 40px;

}



.copyright {

    padding-top: 40px;

    border-top: 1px solid #d2d2d2;

}



.copyright ul.footer-social {

    padding: 0;

    margin-bottom: 20px;

}



.copyright ul.footer-social li {

    display: inline-block;

    margin: 0 5px;

}



.copyright ul.footer-social li a i {

    color: #333333;

    width: 40px;

    height: 40px;

    line-height: 48px;

    display: inline-block;

    font-size: 20px;

}



.copyright ul.footer-social li a i:hover {

    color: #42B93F;

}





/* LOADER */



.load-gif {

    position: fixed;

    width: 100%;

    height: 100vh;

    z-index: 1;

    overflow: visible;

    background: #FFFFFF url('../img/content/loader/loader-big.gif') no-repeat center center;

}



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

    .load-gif {

        width: 100%;

        height: 50vh;

        margin: 150px 0 0 0;

        background: #FFFFFF url('../img/content/loader/loader-small.gif') no-repeat center center;

    }

}



.display-none {

    visibility: hidden;

    opacity: 0;

    transition: visibility 0s, opacity 0.5s linear;

}





/* AQUI ES PARA AÑADIR EL EFECTO ZOOM EN HOVER A LAS IMÁGENES */



.image:hover i {

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

    -webkit-transform-origin: center center;

    -moz-transform-origin: center center;

    -o-transform-origin: center center;

    transform-origin: center center;

    color: #F1AA00;

}



.image:hover h3 {

    color: #F1AA00;

}



.image a:hover {

    text-decoration: none;

}



.image {

    overflow: hidden;

}



.image i {

    position: relative;

}



.image i {

    -moz-transition: all .8s ease;

    -ms-transition: all .8s ease;

    -o-transition: all .8s ease;

    -webkit-transition: all .8s ease;

    transition: all .8s ease;

    width: 75%;

}





/* ::::::::::::::: FUNCIONALIDADES ::::::::::::::::::: */



.funciones-section {

    background-color: #FFFFFF;

}



.funcional div p {

    font-weight: bolder;

    line-height: 22px;

}





/*

.modal p {

    font-size: 14px;

    line-height: 18px !important;

}

*/



.modal-content-funcion h6 {

    color: #F1AA00;

}



.modal-content-funcion p {

    font-size: 14px;

    line-height: 18px !important;

}



.horizontal-funcionalidad {

    margin: 0;

    padding: 0;

}



.modal-funcion {

    display: none;

    /* Hidden by default */

    position: absolute;

    /* Stay in place */

    z-index: 20;

    /* Sit on top */

    left: 0;

    top: 0;

    width: 100%;

    /* Full width */

    height: 100%;

    overflow: hidden;

    /* Enable scroll if needed */

    background-color: rgb(0, 0, 0);

    /* Fallback color */

    background-color: rgba(0, 0, 0, 0.4);

    /* Black w/ opacity */

}





/* Modal Content/Box */



.modal-content-funcion {

    background-color: #fefefe;

    margin: 6% auto;

    /* 15% from the top and centered */

    padding: 20px;

    border: 1px solid #888;

    overflow-y: auto !important;

}



@media (max-width: 990px) {

    .modal-funcion {

        position: fixed;

    }

    .modal-content-funcion {

        margin: 18% auto;

        width: 90% !important;

        height: 480px;

    }

    .modal-content-funcion {

        margin: 30% auto;

    }

    .modal-background {

        height: 700px !important;

    }

    .vertical-center-work {

        margin: 0 auto !important;

        top: -60px !important;

    }

    .modal-background {

        background-size: cover !important;

        background-position: center !important;

    }

}



.modal-content-funcion {

    width: 50%;

}





/* The Close Button */



.close {

    position: relative;

    bottom: 10px;

    color: #aaa;

    float: right;

    font-size: 28px;

    font-weight: bold;

}



.close:hover,

.close:focus {

    color: #F1AA00;

    text-decoration: none;

    cursor: pointer;

}





/** SERVICIOS CSS ADICIONAL **/



.servicios-css {

    margin-top: 20px;

    padding-top: 10px;

}



.servicios-css h3 {

    margin-top: 12px;

}



.modal-background {

    background-image: url('../img/content/slider/trabajo.jpg') !important;

    background-size: initial;

    background-position: right;

    background-repeat: no-repeat;

    height: 500px;

}



.modal-backdrop {

    position: static !important;

}