/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
p{
    margin-bottom:10px;
    line-height: 120%;
}

.bg-pattern {
    background-image: url('/assets/images/canvas/waves.png');
}
.heading-block
{
    margin-bottom: 30px;
}
.txt-red {
    color: #dc0000 !important;
}

.txt-bold {
    font-weight: 400 !important;
}

.txt-blue {
    color: #0086c5 !important;
}

.icon-divider-img {
    background-image: url('../images/blog/small/6-2.jpg');
    background-repeat: no-repeat;
    background-size: contain;
}

.icon-width {
    width: 80%;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

.slider-caption p {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 1em;
}

.slider-caption-bg {
    padding: 5px 5px 10px 5px;
    border-radius: 12px;
    background-color: rgba(161, 134, 83, 0.85);
    top: auto;
    bottom: 50px;
    left: 20px;
}

#header.semi-transparent {
    background-color: rgba(255, 255, 255, 0.91);
}

#header.semi-transparent.sticky-header #header-wrap {
    background-color: #ffffff;
}

#logo img {
    display: inline-block;
    max-width: 180px;
    max-height: 70px;
    height: auto;
    -webkit-transition: max-height .5s;
    -moz-transition: max-height .5s;
    -ms-transition: max-height .5s;
    -o-transition: max-height .5s;
    transition: max-height .5s;
}
.sticky-header #logo img {
    max-height:45px;
}
.sticky-header #logo a {
    height:60px;
    line-height:60px;
}


.font-primary {
    font-family: 'Nunito Sans', sans-serif;
}

.widget {
    position: relative;
    margin-top: 0px;
}

.section {
    position: relative;
    /*margin: 50px 0;
    padding: 50px 0;*/
    background-color: #F9F9F9;
    overflow: hidden;
}

.portfolio-overlay a {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #ffffff;
    width: 40px !important;
    height: 40px !important;
    margin: -18px 0 0 -24px;
    font-size: 15px;
    line-height: 40px;
    text-align: center;
    color: #444;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
}

.promo.promo-dark {
    border: 0 !important;
    background-color: #133247;
    padding: 30px 200px 30px 30px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border-radius: 3px;
}

.promo.promo-dark span {
    font-size: 1.4em;
}

.promo.promo-dark h3 {
    color: #ffffff;
}

.promo.promo-dark h2 {
    color: #b19961;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #444;
}
h4{
    margin-bottom:15px;
}
h5, h6{
    font-weight:600;
    font-size:17px;
}

::selection {
    background: #b19961;
}

::-moz-selection {
    background: #b19961;
}

::-webkit-selection {
    background: #b19961;
}

a,
h1 > span:not(.nocolor):not(.badge),
h2 > span:not(.nocolor):not(.badge),
h3 > span:not(.nocolor):not(.badge),
h4 > span:not(.nocolor):not(.badge),
h5 > span:not(.nocolor):not(.badge),
h6 > span:not(.nocolor):not(.badge),
.header-extras li .he-text span,
#primary-menu ul li:hover > a,
#primary-menu ul li.current > a,
#primary-menu div ul li:hover > a,
#primary-menu div ul li.current > a,
#primary-menu ul ul li:hover > a,
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a:hover,
#top-cart > a:hover,
.top-cart-action span.top-checkout-price,
.breadcrumb a:hover,
.portfolio-filter li a:hover,
.portfolio-desc h3 a:hover,
.portfolio-overlay a:hover,
#portfolio-navigation a:hover,
.entry-title h2 a:hover,
.entry-meta li a:hover,
.post-timeline .entry:hover .entry-timeline,
.post-timeline .entry:hover .timeline-divider,
.ipost .entry-title h3 a:hover,
.ipost .entry-title h4 a:hover,
.spost .entry-title h4 a:hover,
.mpost .entry-title h4 a:hover,
.comment-content .comment-author a:hover,
.product-title h3 a:hover,
.single-product .product-title h2 a:hover,
.product-price ins,
.single-product .product-price,
.feature-box.fbox-border .fbox-icon i,
.feature-box.fbox-border .fbox-icon img,
.feature-box.fbox-plain .fbox-icon i,
.feature-box.fbox-plain .fbox-icon img,
.process-steps li.active h5,
.process-steps li.ui-tabs-active h5,
.team-title span,
.pricing-box.best-price .pricing-price,
.btn-link,
.dark .post-timeline .entry:hover .entry-timeline,
.dark .post-timeline .entry:hover .timeline-divider,
.clear-rating-active:hover {
    color: #b19961;
}

.color,
.top-cart-item-desc a:hover,
.portfolio-filter.style-3 li.activeFilter a,
.faqlist li a:hover,
.tagcloud a:hover,
.dark .top-cart-item-desc a:hover,
.iconlist-color li i,
.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li:hover > a,
.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li.current > a,
.overlay-menu #primary-menu.dark > ul > li:hover > a,
.overlay-menu #primary-menu.dark > ul > li.current > a,
.nav-tree li:hover > a,
.nav-tree li.current > a,
.nav-tree li.active > a {
    color: #b19961 !important;
}

#primary-menu.style-3 > ul > li.current > a,
#primary-menu.sub-title > ul > li:hover > a,
#primary-menu.sub-title > ul > li.current > a,
#primary-menu.sub-title > div > ul > li:hover > a,
#primary-menu.sub-title > div > ul > li.current > a,
#top-cart > a > span,
#page-menu-wrap,
#page-menu ul ul,
#page-menu.dots-menu nav li.current a,
#page-menu.dots-menu nav li div,
.portfolio-filter li.activeFilter a,
.portfolio-filter.style-4 li.activeFilter a:after,
.portfolio-shuffle:hover,
.entry-link:hover,
.sale-flash,
.button:not(.button-white):not(.button-dark):not(.button-border):not(.button-black):not(.button-red):not(.button-teal):not(.button-yellow):not(.button-green):not(.button-brown):not(.button-aqua):not(.button-purple):not(.button-leaf):not(.button-pink):not(.button-blue):not(.button-dirtygreen):not(.button-amber):not(.button-lime),
.button.button-dark:hover,
.promo.promo-flat,
.feature-box .fbox-icon i,
.feature-box .fbox-icon img,
.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-effect.fbox-dark:hover .fbox-icon i,
.fbox-border.fbox-effect.fbox-dark .fbox-icon i:after,
.i-rounded:hover,
.i-circled:hover,
ul.tab-nav.tab-nav2 li.ui-state-active a,
.testimonial .flex-control-nav li a,
.skills li .progress,
.owl-carousel .owl-dots .owl-dot,
#gotoTop:hover,
.dark .button-dark:hover,
.dark .fbox-effect.fbox-dark .fbox-icon i:hover,
.dark .fbox-effect.fbox-dark:hover .fbox-icon i,
.dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after,
.dark .i-rounded:hover,
.dark .i-circled:hover,
.dark ul.tab-nav.tab-nav2 li.ui-state-active a,
.dark .tagcloud a:hover,
.ei-slider-thumbs li.ei-slider-element,
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-link.active:focus,
.nav-pills .show > .nav-link,
.checkbox-style:checked + .checkbox-style-1-label:before,
.checkbox-style:checked + .checkbox-style-2-label:before,
.checkbox-style:checked + .checkbox-style-3-label:before,
.radio-style:checked + .radio-style-3-label:before,
.irs-bar,
.irs-from,
.irs-to,
.irs-single,
input.switch-toggle-flat:checked + label,
input.switch-toggle-flat:checked + label:after,
input.switch-toggle-round:checked + label:before,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-themecolor,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-themecolor,
.entry:after {
    background-color: #b19961;
}

.bgcolor,
.button.button-3d:not(.button-white):not(.button-dark):not(.button-border):not(.button-black):not(.button-red):not(.button-teal):not(.button-yellow):not(.button-green):not(.button-brown):not(.button-aqua):not(.button-purple):not(.button-leaf):not(.button-pink):not(.button-blue):not(.button-dirtygreen):not(.button-amber):not(.button-lime):hover,
.process-steps li.active a,
.process-steps li.ui-tabs-active a,
.sidenav > .ui-tabs-active > a,
.sidenav > .ui-tabs-active > a:hover,
.owl-carousel .owl-nav [class*=owl-]:hover,
.page-item.active .page-link,
.page-link:hover,
.page-link:focus {
    background-color: #b19961 !important;
}

.top-links ul ul,
.top-links ul div.top-link-section,
#primary-menu ul ul:not(.mega-menu-column),
#primary-menu ul li .mega-menu-content,
#primary-menu.style-6 > ul > li > a:after,
#primary-menu.style-6 > ul > li.current > a:after,
#top-cart .top-cart-content,
.fancy-title.title-border-color:before,
.dark #primary-menu:not(.not-dark) ul ul,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content,
#primary-menu.dark ul ul,
#primary-menu.dark ul li .mega-menu-content,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2,
#primary-menu.dark ul li .mega-menu-content.style-2,
.dark #top-cart .top-cart-content,
.tabs.tabs-tb ul.tab-nav li.ui-tabs-active a,
.irs-from:after,
.irs-single:after,
.irs-to:after {
    border-top-color: #1ABC9C;
}

#primary-menu.style-4 > ul > li:hover > a,
#primary-menu.style-4 > ul > li.current > a,
.top-cart-item-image:hover,
.portfolio-filter.style-3 li.activeFilter a,
.post-timeline .entry:hover .entry-timeline,
.post-timeline .entry:hover .timeline-divider,
.cart-product-thumbnail img:hover,
.feature-box.fbox-outline .fbox-icon,
.feature-box.fbox-border .fbox-icon,
.dark .top-cart-item-image:hover,
.dark .post-timeline .entry:hover .entry-timeline,
.dark .post-timeline .entry:hover .timeline-divider,
.dark .cart-product-thumbnail img:hover,
.heading-block.border-color:after {
    border-color: #b19961;
}

.fbox-effect.fbox-dark .fbox-icon i:after,
.dark .fbox-effect.fbox-dark .fbox-icon i:after {
    box-shadow: 0 0 0 2px #1ABC9C;
}

@media (max-width: 575.98px) {
    .container,
    #header.full-header .container,
    .container-fullwidth {
        width: 100% !important;
        /*padding-left: 40px !important;
        padding-right: 40px !important;*/
    }

    #primary-menu-trigger {
        left: 5px;
    }

    #top-cart {
        display: none;
    }

    #top-search a {
        right: 40px;
    }

    #top-search form input {
        padding-right: 55px;
    }

    #side-panel-trigger {
        right: 68px;
    }

    #top-account {
        right: 68px;
    }

    #top-account a.btn {
        padding-left: 8px;
        padding-right: 8px;
    }

    #top-account a.btn i:last-child {
        display: none;
    }

    .swiper_wrapper:not(.force-full-screen),
    .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {
        height: 180px !important;
    }

    .swiper_wrapper .slider-caption h2 {
        font-size: 1rem;
    }

    .swiper_wrapper .slider-caption p {
        font-size: 1rem;
    }

    #header.transparent-header.floating-header .container {
        width: 310px;
        padding: 0 15px;
    }

    .portfolio-filter li {
        width: 50%;
    }

    .portfolio:not(.portfolio-1) {
        margin: 0;
    }

    .portfolio .portfolio-item {
        width: 100%;
        padding: 0;
    }

    .post-grid:not(.post-masonry) .entry-image iframe {
        height: 157px;
    }

    .mpost .entry-image {
        float: none;
        margin: 0 0 20px 0;
    }

    .mpost .entry-image,
    .mpost .entry-image a,
    .mpost .entry-image img,
    .mpost .entry-image i {
        width: 100%;
        height: auto;
    }

    .mpost .entry-image i {
        height: 150px;
        line-height: 150px;
    }

    .shop:not(.product-1) {
        margin: 0 !important;
    }

    .shop:not(.product-1) .product {
        margin: 0 0 20px 0;
        padding: 0;
        width: 100%;
    }

    .shop:not(.product-1) .product-title h3 {
        font-size: 19px;
    }

    .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs {
        height: 45px;
    }

    .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li,
    .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li img {
        display: block;
        width: 60px !important;
        height: 45px !important;
    }

    .si-share span {
        display: none;
    }

    .parallax .entry-overlay-meta,
    .parallax .entry-overlay {
        left: 50% !important;
        right: 0 !important;
        margin: 0 0 0 -140px !important;
        width: 280px !important;
    }

    .parallax .entry-overlay {
        width: 288px !important;
    }

    .parallax .countdown-section {
        width: 64px;
        height: 64px;
        margin: 0 8px 0 0;
        font-size: 11px;
        padding: 0;
        padding-top: 12px;
    }

    .parallax .countdown-amount {
        font-size: 20px;
    }

    .countdown-large .countdown-section {
        display: block;
        width: auto;
        margin: 30px 0 0;
        border: 0;
    }

    .countdown-large .countdown-section:first-child {
        margin-top: 0;
    }

    .testi-image,
    .testi-image a,
    .testi-image img,
    .testi-image i {
        width: 36px;
        height: 36px;
    }

    .testi-image i {
        line-height: 36px;
        font-size: 20px;
    }

    .clients-grid:not(.grid-3):not(.grid-2) li,
    .clients-grid.grid-4 li,
    .clients-grid.grid-6 li {
        width: 50%;
    }

    .button.button-full {
        font-size: 16px;
    }

    .button.button-full i {
        top: 2px !important;
        margin-left: 3px !important;
    }

    .emphasis-title h1,
    .emphasis-title h2 {
        font-size: 40px !important;
    }

    .error404,
    .error404-wrap .error404 {
        font-size: 120px;
    }

    .landing-form-overlay {
        margin-left: -155px;
    }

    .button.button-desc {
        padding: 20px 17px;
        font-size: 15px;
        max-width: 100%;
    }

    .button.button-desc span {
        font-size: 11px;
    }
}

.heading-block h1,
.heading-block h2,
.heading-block h3,
.heading-block h4,
.emphasis-title h1,
.emphasis-title h2 {
    margin-bottom: 10px;
    font-weight: 400;
    text-transform: uppercase;
    color: #aa7c27;
    line-height:120%;
}

.heading-block:after {
    content: '';
    display: block;
    margin-top: 20px;
    width: 100%;
    border-top: 1px solid #b3ab93;
}

.heading-block span {
    font-size: 1.2em;
}

*/
.feature-box.fbox-dark .fbox-icon i,
.feature-box.fbox-dark .fbox-icon img {
    background-color: #333333;
}

.button.button-border:not(.button-fill):hover {
    background-color: #444444;
    color: #FFF;
    border-color: transparent !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.button.button-border:not(.button-fill):hover {
    background-color: #c17135;
    color: #FFF;
    border-color: transparent !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.feature-box h3 {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
    color: #333;
}

.feature-box {
    position: relative;
    margin-top: 16px;
    padding: 0 0 0 80px;
}

.button-dark {
    background-color: #b19961 !important;
}

.button.button-dark:hover {
    background-color: #b66d27 !important;
}

.team.team-list .team-image {
    float: left;
    width: 100px;
    margin-right: 10px;
}

.heading-block ~ p:not(.lead) {
    font-size: 1.3em;
}

.section {
    position: relative;
    /*margin: 60px 0;
    padding: 60px 0;*/
    
    background-color: #f4f4f4;
    overflow: hidden;
}

.col-padding {
    padding: 50px;
}

.shout-out {
    background-color: #766c52 !important;
}

.shout-out h3 {
    font-size: 2em;
    margin-bottom:20px;
    margin-top:0;
    padding-top:0;
    text-transform: uppercase;
}

.shout-out p {
    font-size:22px;
    line-height:32px !important;
    font-weight: 300 !important;
}

.promo-uppercase h2 {
    font-weight: 400;
}

.feature-box h3 span.subtitle {
    display: block;
    margin-top: 5px;
    color: #444;
    font-weight: 500;
    text-transform: none;
    font-size: 1.2em;
}

.heading-block.center > span,
.heading-block.title-center > span,
.center .heading-block > span {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.icon-reorder{
    font-size: 20px;
}
#slider h1{
    margin-top: 15px;
    margin-bottom: 0;
    text-transform:uppercase;
}
.slider-caption p {
    margin-top:0;
}
#footer li{
    margin-bottom:5px;
}
.heading-block > span:not(.before-heading) {
    font-weight:normal;
}

@media(max-width:991.98px) {
    #header.full-header .container, .container-fullwidth{
        width: auto !important;
    }
}

#copyrights {
    font-weight: 300;
    color: #7e7e7e;
    line-height:140%;
    font-size:14px;
    padding:30px 0;
}
.team-content {
    margin-top:0;
}

#contact-box {
    position: fixed;
    bottom: 90px;
    right: 10px;
    z-index:999;
    box-shadow:rgba(0,0,0,0.4);
}
    #contact-box a {
        box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.5);
    }
    #contact-box .feature-box.fbox-center .fbox-icon {
        width:80px;
        height:80px;
    }
    #contact-box .feature-box.fbox-border.fbox-dark .fbox-icon i, .feature-box.fbox-border.fbox-dark .fbox-icon img {
        color: #FFFFFF;
        font-size: 25px;
        width: 80px;
        height: 80px;
    }
    #contact-box .feature-box.fbox-border.fbox-dark .fbox-icon {
        border: 0 none;
    }
    #contact-box .feature-box.fbox-center.fbox-border .fbox-icon i{
        line-height:80px !important;
    }

#header.full-header #logo{
    margin-right:0;
    padding-right:0;
    border: 0 none;
}
#primary-menu ul li > a{
    padding:39px 11px;
}
#header-cover {
    height: 200px;
    background-size: cover;
    background-position: center center;
}
ul.tab-nav.tab-nav2 li{
    margin-left:0;
    margin-bottom:10px;
    margin-right:10px;
}
/*.tab-container{
    padding:0 !important;
}*/

.amenity-list li{
    font-size:15px;
    margin-bottom: 8px;
}

#header.full-header #primary-menu > ul {
    padding-right:0;
    margin-right:0;
}
.search-criteria {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 12px;
    padding: 4px 8px 4px 8px;
    border: solid 1px #444444;
    font-size: 14px;
    border-radius: 2px;
    font-weight: 500;
    color: #444444;
}
select.search-criteria {
    cursor: pointer;
    appearance: auto;
    -webkit-appearance: default-button;
}

/**********Buttons**********/
.btn-circle {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    padding: 0;
    border-radius: 50%;
}

    .btn-circle i {
        position: relative;
        top: -1px;
    }

.btn-circle-sm {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 0.9rem;
}

.btn-circle-lg {
    width: 55px;
    height: 55px;
    line-height: 55px;
    font-size: 1.1rem;
}

.btn-circle-xl {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 1.3rem;
}

.btn-whatsapp {
    background-color: #25D366;
    color: #FFFFFF;
}

    .btn-whatsapp:hover {
        background-color: #1EAE54;
        color: #FFFFFF;
    }

.btn-wechat {
    background-color: #09B83E;
    color: #FFFFFF;
}

    .btn-wechat:hover {
        color: #FFFFFF;
        background-color: #06832C;
    }