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

/*Created by Bryan on 04/01/2019 AD.*/

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

@font-face {

    font-family: 'FaunaOneRegular';

    src: url('font/FaunaOneRegular/FaunaOneRegular.woff2') format('woff2'),

    url('font/FaunaOneRegular/FaunaOneRegular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'Waterfall-Regular';

    src: url('font/Waterfall-Regular/Waterfall-Regular.woff2') format('woff2'),

    url('font/Waterfall-Regular/Waterfall-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'OpenSans-Light';

    src: url('font/OpenSans-Light/OpenSans-Light.woff2') format('woff2'),

    url('font/OpenSans-Light/OpenSans-Light.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



html,body {

    width: 100%;

    font-family: 'FaunaOneRegular' ,sans-serif;

    /*font-family: OpenSans-Light ,sans-serif;*/

    font-size: 16px;

    font-weight: 300;

    color: #888;

    margin: 0;

    padding: 0;

    background-color: #fff;

}

h1,h2,h3,h4,h5,h6{

    margin: 0 !important;

}

:focus{outline: none;}

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

/* SHORE HEADER */

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

.sh_header{

    position: fixed;

    width: 100%;

    background-color: #fff;

    margin: auto;

    box-shadow: rgba(0,0,0,0.09) 0 0 10px;

    z-index: 5;

}

.box_logo{

    background: #b69e7a;

    width: 200px;

    padding: 20px;

    text-align: center;

    display: block;

}

 .btn_booknow{

    position: absolute;

    top: 20px;

    right: 20px;

    width: 120px;

    height: 75px;

    background-color: #b69e7a;

    text-align: center;

    padding: 20px;

    transition: all 0.6s;

}

 .btn_booknow:hover{

    background-color: #fa9700;

}

 .btn_booknow a{

    position: relative;

    text-transform: uppercase;

    color: #fff;

}

 .btn_booknow a:hover{

    text-decoration: none;

     color: #fff;

}

 .btn_booknow a:before{

    position: relative;

    content: "";

    top: -10px;

    left: 0;

    right: 0;

    margin: auto;

    background: url("../images/icon/booking-ico.png") no-repeat;

    width: 35px;

    height: 24px;

    display: block;

}

 .btn_booknow:hover a:before{

     animation: wobble 1s infinite;

}

 .btn_booknow a:after{

    position: relative;

    content: "";

    top: 10px;

    background-color: #fff;

    width: 100%;

    height: 1px;

    display: block;

}

 .btn_booknow a span{

    font-size: 14px;

    margin: -8px 0;

    display: block;

}

 .social_list{

    position: absolute;

    top: 20px;

    right: 150px;

    padding: 0;

    margin: 0;

}

.social_list li{

    display: inline-block;

    margin: 0 5px;

}

 .social_list li a{

    font-size: 18px;

    color: #b69e7a;

    text-align: center;

    border-radius: 100%;

    border: 1px solid #b69e7a;

    display: block;

}

 .social_list li a:hover{

     color: #fa9700;

     border: 1px solid #fa9700;

 }

 .social_list li a i{

    width: 30px;

    height: 30px;

    padding: 7px;

}



.agent_reservation{

    position: fixed;

    top: 10px;

    right: 310px;

    z-index: 7;

}

.agent_reservation .box_agent{

    position: relative;

    /*background-color: #b69e7a;*/

    width: 170px;

    padding: 10px 0;

    cursor: pointer;

}

.agent_reservation .box_agent .name_agent{

    position: relative;

    font-size: 14px;

    color: #b69e7a;

    text-transform: uppercase;

}

.agent_reservation .box_agent .name_agent:before{

    position: absolute;

    top: 0;

    right: -15px;

    content: "\f0d7";

    font-family: 'FontAwesome', 'sans-serif';

    font-size: 14px;

    color: #b69e7a;

    display: block;

    transition: all 0.6s;

}

.agent_reservation .box_agent .name_agent.active:before{

    transform: rotate(180deg);

}

.agent_reservation .box_agent svg{

    width: 20px;

    color: #b69d7a;

}

.agent_reservation .base_option{

    position: relative;

    z-index: 5;

}

.agent_reservation .option_agent{

    top: 15px;

    right: 0;

    background-color: #fff;

    padding: 20px;

    text-align: center;

    box-shadow: rgba(0,0,0,0.09) 0 0 10px;

    display: none;



}

.agent_reservation .option_agent.active{

    display: block;

    animation: fadeIn 0.5s;

}

.agent_reservation .option_agent:after{

    content: "";

    position: absolute;

    width: 0;

    height: 0;

    top: 3px;

    box-sizing: border-box;

    border: 10px solid #000;

    border-color: #fff;

    transform-origin: 0 0;

    transform: rotate(135deg);

    box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.05);

    margin-left: 10px;

}



.agent_reservation .option_agent ul{

    padding: 0;

    margin: 0;

}

.agent_reservation .option_agent ul li{

    list-style: none;

    border-bottom: 1px solid #f1e9de;

    padding: 10px 0;

}

.agent_reservation .option_agent ul li:last-child{

    border-bottom: none;

    padding: 10px 0 0;

}

.agent_reservation .option_agent ul li a{

    font-size: 0.875rem;

    margin: 10px 0;

    color: #b69d7a;

}

.agent_reservation .option_agent ul li a:hover{

    color: #fa9700;

    text-decoration: none;

}



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

/* SHORE MENU ALL */

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

.sh_menu{

    position: fixed;

    top: 55px;

    right: 140px;

    z-index: 6;

    transition: all 0.6s;

}


.sh_menu .uk-navbar-nav{

    margin-top: 13px;

}


.sh_menu .uk-navbar-nav [class*='uk-navbar-dropdown-bottom'] {

    margin-top: 3px;

}


.sh_menu .uk-navbar-nav a{

    font-family: FaunaOneRegular ,sans-serif !important;

    text-transform: capitalize;

    color: #b69e7a;

}


.sh_menu .uk-navbar-nav a.active{

    color: #fa9700;

}


.sh_menu .uk-navbar-nav a:hover{

    color: #fa9700;

}


.sh_menu .uk-navbar-nav .title{

    position: relative;

    min-height: 40px;

}


.sh_menu .uk-navbar-nav .title:before{

    position: absolute;

    top: -5px;

    content: " ";

    font-size: 12px;

    display: block;

}


.sh_menu .uk-navbar-nav .title.caret:after{

    position: absolute;

    right: 0;

    bottom: 8px;

    content: "\f0d7";

    font-family: FontAwesome;

    font-size: 12px;

    display: block;

}


.sh_menu .uk-navbar-nav .uk-navbar-dropdown.uk-open{

    display: block;

}


.sh_menu .uk-navbar-nav .base_plus_icon{

    display: none;

}


/* SHORE MENU ACTIVE */

.sh_menu.active{

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    right: 0;

    background: #fff;

    z-index: 6;

    overflow: scroll;

    display: block;

}




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

/* SHORE HEMBURGER */

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

.hamburger {

    position: fixed;

    top: 70px;

    right: 200px;

    cursor: pointer;

    transition-property: opacity, -webkit-filter;

    transition-property: opacity, filter;

    transition-property: opacity, filter, -webkit-filter;

    transition-duration: 0.15s;

    transition-timing-function: linear;

    font: inherit;

    color: inherit;

    text-transform: none;

    background-color: transparent;

    border: 0;

    margin: 0;

    overflow: visible;

    z-index: 10;

    display: none;

}





.hamburger_box {

    width: 40px;

    height: 24px;

    display: inline-block;

    position: relative;

}

.hamburger_box .menu_text:before {

    position: absolute;

    content: "Menu";

    top: 0;

    left: 45px;

    font-weight: 400;

    font-size: 14px;

    text-transform: uppercase;

    color: #b69e7a;

    display: block;

    transition: all 0.6s;

}

.hamburger.active .hamburger_box .menu_text:before{

    content: "close";





}

.hamburger_inner {

    display: block;

    top: 50%;

    margin-top: -2px;

}

.hamburger_inner, .hamburger_inner::before, .hamburger_inner::after {

    width: 35px;

    height: 2px;

    background-color: #b69e7a;

    position: absolute;

    transition-property: -webkit-transform;

    transition-property: transform;

    transition-property: transform, -webkit-transform;

    transition-duration: 0.15s;

    transition-timing-function: ease;

}



.hamburger_inner::before, .hamburger_inner::after {

    content: "";

    display: block;

}

.hamburger_inner::before {

    width: 20px;

    top: -6px;

    right: 0;

}

.hamburger_inner::after {

    bottom: -6px;

}



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

/* SHORE HEMBURGER SPIN */

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



.hamburger_spin .hamburger_inner {

    transition-duration: 0.3s;

    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger_spin .hamburger_inner::before {

    transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }

.hamburger_spin .hamburger_inner::after {

    transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);

    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);

    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);

}



.hamburger_spin.active .hamburger_inner {

    -webkit-transform: rotate(225deg);

    transform: rotate(225deg);

    transition-delay: 0.14s;

    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

}

.hamburger_spin.active .hamburger_inner::before {

    top: 0;

    opacity: 0;

    transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;

}

.hamburger_spin.active .hamburger_inner::after {

    bottom: 0;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);

    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);

    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);

}



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

/* SHORE LOADING PAGE  */

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

.on_loading{

    position: relative;

    width: 100%;

    overflow: hidden;

    opacity: 0;

    transition: all 1s;

}

.on_loading.on{

    opacity: 1;

}

.sh_loading{

    position: fixed;

    width: 100%;

    overflow: hidden;

}

.sh_loading:after{

    position: absolute;

    content: "";

    top: 0;

    width: 100%;

    height: 100%;

    /*background-color: #fff;*/

    display: block;

    opacity: 1;

    transition: all 0.6s ease;

    z-index: 9;

}

.sh_loading .sh_preload{

    width: 100%;

    height: 100%;

}





.sh_loading .sh_preload .loading {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    right: 0;

    animation-delay: 0.2s;

}



.sh_loading .sh_preload .loading:before{

    position: fixed;

    content: "";

    top: 0;

    width: 100%;

    height: 50%;

    background-color: #fff;

    transition: ease-in-out 1s ;

    z-index: 11;

    display: block;



}

.sh_loading .sh_preload .loading:after{

    position: fixed;

    content: "";

    bottom: 0;

    width: 100%;

    height: 50%;

    background-color: #fff;

    transition: ease-in-out 1s ;

    z-index: 11;

    display: block;

}

.sh_loading.active{

    position: relative;

    overflow: auto;

}

.sh_loading.active:after{

    opacity: 0;

    z-index: -1;

    transition-delay: 1.5s;





}

.sh_loading.active .sh_preload .loading:before{

    height: 0;

}

.sh_loading.active .sh_preload .loading:after{

    height: 0;

}



.sh_loading .sh_preload .line_loadind{

    position: fixed;

    top: 50%;

    width: 100%;

    height: 20px;

    overflow: hidden;

    z-index: 11;

}



.sh_loading .sh_preload .line_loadind:before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    width: 0;

    height: 0;

    border-bottom: 1px solid #fa9700;

    transition: ease-in-out 1s ;

    display: block;

}

.sh_loading .sh_preload .line_loadind.active:before {

    width: 100%;

}

.sh_loading .sh_preload .details_preload{

    position: absolute;

    width: 100%;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    display: block;

    z-index: 12;



}

.sh_loading .sh_preload .details_preload .logo_preload{

    position: fixed;

    width: 120px;

    height: 87px;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    display: block;

    z-index: 12;

    opacity: 0;



}



#smoothstate_transition{

    position: fixed;

    width:0;

    top:0;

    right: 0;

    height: 100%;

    bottom: 0;

    background-color: #fff;

    visibility: hidden;

    transition: all 1s;

    z-index: 12;

}



#smoothstate_transition.on {

    width: 100%;

    visibility: visible;

}



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

/* SHORE SLIDESHOW */

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

.sh_slideshow{

    position: relative;

    width: 100%;

    overflow: hidden;

    z-index: 1;

}



.sh_slideshow .box_slideshow{

    width: 100%;

    padding-top: 100px;

}

.sh_slideshow .box_slideshow .uk-slideshow-items h2,

.sh_slideshow .box_slideshow .uk-slideshow-items label{

    font-family:Waterfall-Regular , sans-serif;

    font-size: 72px;

    line-height: 50px;

}



.sh_slideshow .box_slideshow .sh_slidenav{

    position: absolute;

    width: 100%;

    top: 0;

    left: 0;

    bottom: 0;

    margin: auto;

    z-index: 3;

}

.sh_slideshow .box_slideshow .sh_slidenav svg{

    width: 18px;

}

.sh_slideshow .box_slideshow .uk-cover{

    height: auto !important;

}





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

/* SHORE WRAPPER */

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

.sh_wrapper{

    width: 100%;

    margin: auto;

}

.sh_wrapper .sh_content{

    width: 1170px;

    margin: auto;

}

.sh_wrapper .sh_content .col_row{

    width: 100%;

    margin: auto;

}

.sh_wrapper .sh_content .col_50{

    width: 50%;

    float: left;

}

.sh_wrapper .sh_content .col_100{

    width: 100%;

    float: left;

}

.sh_wrapper .sh_content .base_title{

    text-align: center;

    margin-bottom: 50px;

}

.sh_wrapper .sh_content .base_title label,

.sh_wrapper .sh_content .base_title h1{

    font-family: FaunaOneRegular ,sans-serif;

    text-transform: uppercase;

    color: #b69e7a;

}

.sh_wrapper .sh_content .base_title label,


.sh_wrapper .sh_content .btn{

    font-size: 13px;

    color: #b69e7a;

    text-transform: uppercase;

    transition: all 0.6s;

    padding: 10px;

    letter-spacing: 0.1em;

    display: inline-block;

}

.sh_wrapper .sh_content .btn.default{

    background-color: #fff;

}

.sh_wrapper .sh_content .btn.primary{

    color: #fff !important;

    background-color: #b69e7a;

}

.sh_wrapper .sh_content .btn:hover{

    color: #fff;

    background-color: #fa9700;

    text-decoration: none;

}

.sh_wrapper .sh_content .btn .uk-margin-small-right{

    margin-right: 0 !important;

}

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

/* SHORE INFO */

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

.sh_wrapper .sh_content.sh_info {

    padding: 100px 0;

    display: flex;



}

.sh_wrapper .sh_content.sh_info .base_details.left{

    padding-right: 50px;

}

.sh_wrapper .sh_content.sh_info .base_details{

    padding: 0;

    text-align: center;

}

.sh_wrapper .sh_content.sh_info .base_details label{

    font-family: FaunaOneRegular ,sans-serif;

    text-transform: uppercase;

    color: #b69e7a;

}

.sh_wrapper .sh_content.sh_info .base_details .title_td{

    color: #888;

}

.sh_wrapper .sh_content.sh_info .base_details a{

    color: #b69e7a;

    transition: all 0.6s;

}

.sh_wrapper .sh_content.sh_info .base_details a:hover{

    text-decoration: none;

    color: #fa9700;

}

.sh_wrapper .sh_content.sh_info .base_details table{

    text-align: left;

}

.sh_wrapper .sh_content.sh_info .base_details table td:nth-child(1) {

    width: 200px;

     border-right: 1px solid #e5e5e5;

 }

.sh_wrapper .sh_content.sh_info .base_details table tbody tr.tb_between {

    background: #fbfaf8;

}

.sh_wrapper .sh_content.sh_info .base_details table p{

    margin-top: 0;

}

.sh_wrapper .sh_content.sh_info .base_details ul{

    padding: 0;

    margin-top:50px;

    text-align: left;

}

.sh_wrapper .sh_content.sh_info .base_details ul li{

    list-style: disc;

}

.sh_wrapper .sh_content.sh_info .base_details ul li p{

    margin: 0;

}



.sh_wrapper .sh_content.sh_slideshow_info{

    position: relative;

    width: 100%;

    height: auto;

}

.sh_wrapper .sh_content.sh_slideshow_info .uk-position-center-left svg,

.sh_wrapper .sh_content.sh_slideshow_info .uk-position-center-right svg{

    color: #b69e7a;

}.sh_wrapper .sh_content.sh_slideshow_info .uk-position-center-left svg:hover,

.sh_wrapper .sh_content.sh_slideshow_info .uk-position-center-right svg:hover{

    color: #fa9700;

}

.sh_wrapper .sh_content.sh_slideshow_info .uk-position-center-left:before,

.sh_wrapper .sh_content.sh_slideshow_info .uk-position-center-right:before{

    position: absolute;

    content: "";

    top: -8px;

    left: -16px;

    width: 70px;

    height: 50px;

    background-color: #fff;

    display: block;

}





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

/* SHORE PARALLAX */

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

.sh_wrapper .sh_content.sh_parallax{

    width: 100%;

}

.sh_wrapper .sh_content.sh_parallax .base_details{

    width: 100%;

    background-color: #fff;

    padding: 100px;

    text-align: center;

}

.sh_wrapper .sh_content.sh_parallax .base_details h1{

     font-family: FaunaOneRegular ,sans-serif;

     text-transform: uppercase;

}

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

/* SHORE WELCOME */

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

.sh_wrapper .sh_content .col_row .base_welcome{

    text-align: center;

    padding: 100px 0;

}

.sh_wrapper .sh_content .col_row .base_welcome .text_info{

    color: #b69e7a;

    text-transform: uppercase;

    letter-spacing: 2px;

    margin-bottom: 20px;

    display: block;



}

.sh_wrapper .sh_content .col_row .base_welcome .text_primary{

    font-family: Waterfall-Regular , sans-serif;

    font-size: 48px;

    line-height: 50px;

}

.sh_wrapper .sh_content .col_row .base_welcome .text_lead{

     color: #b69e7a;

}

.sh_wrapper .sh_content .col_row .base_welcome .line{

    margin-top: 35px;

    display: block;



}

.sh_wrapper .sh_content .col_row .base_welcome .line:before{

    position: relative;

    content: "";

    width: 200px;

    height: 1px;

    background-color: #b69e7a;

    margin: auto;

    display: block;

}

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

/* SHORE GAllERY HOME */

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

.sh_wrapper .sh_content.sh_gallery_home{

    position: relative;

    width: 100%;

}

.sh_wrapper .sh_content.sh_gallery_home .uk-slideshow-items{

    min-height: 600px !important;

}



.sh_wrapper .sh_content.sh_gallery_home [class*='uk-position-center-left'],

.sh_wrapper .sh_content.sh_gallery_home [class*='uk-position-center-right'] {

    top: 60%;

    transform: translateY(-50%);

}



.sh_wrapper .sh_content.sh_gallery_home .col_box{

    position: absolute;

    width: 140px;

    background-color: #fff;

    right: 50px;

    bottom: 50px;

}

.sh_wrapper .sh_content.sh_gallery_home .col_box .more_btn{

    font-size: 14px;

    color: #b69e7a;

    padding: 15px;

    transition: all 0.6s;

    text-transform: uppercase;

    display: block;

}

.sh_wrapper .sh_content.sh_gallery_home .col_box .more_btn:hover{

    color: #fa9700;

    text-decoration: none;

}

.sh_wrapper .sh_content.sh_gallery_home .col_box .more_btn .ico_plus{

    position: absolute;

    width: 25px;

    height: 25px;

    top: 15px;

    right: 15px;

    border: 1px solid #b69e7a;

    border-radius: 50%;

}

.sh_wrapper .sh_content.sh_gallery_home .col_box .more_btn:hover .ico_plus{

    border: 1px solid #fa9700;

}

.sh_wrapper .sh_content.sh_gallery_home .col_box .more_btn .ico_plus:before,

.sh_wrapper .sh_content.sh_gallery_home .col_box .more_btn .ico_plus:after{

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    background-color: #b69e7a;

    transition: all 0.4s ease;

    display: block;

}



.sh_wrapper .sh_content.sh_gallery_home .col_box .more_btn .ico_plus:before{

    width: 15px;

    height: 1px;

}

.sh_wrapper .sh_content.sh_gallery_home .col_box .more_btn .ico_plus:after{

    width: 1px;

    height: 15px;

}

.sh_wrapper .sh_content.sh_gallery_home .col_box .more_btn:hover .ico_plus:before,

.sh_wrapper .sh_content.sh_gallery_home .col_box .more_btn:hover .ico_plus:after{

    background-color: #fa9700;

    -ms-transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

}

.sh_wrapper .sh_content.sh_gallery_home .uk-position-center-left svg,

.sh_wrapper .sh_content.sh_gallery_home .uk-position-center-right svg{

    width: 18px;

}

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

/* SHORE VILLA HOME */

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

.sh_wrapper .sh_content.sh_villa_home{

    width: 100%;

    text-align: center;

    padding: 100px 20px 0;

}

.sh_wrapper .sh_content.sh_villa_home .base_villa{

    position: relative;

    width: 100%;

    height: 600px;

    padding: 50px;

    align-items: center;

    justify-content: center;

    -webkit-align-items: center;

    -webkit-justify-content: center;

    display: flex;

    display: -webkit-flex;



}

.sh_wrapper .sh_content.sh_villa_home .base_villa a{

    color: #fff;

}

.sh_wrapper .sh_content.sh_villa_home .base_villa a:hover{

    color: #fa9700;

    text-decoration: none;

}

.sh_wrapper .sh_content.sh_villa_home .base_villa .col_box{

    position: absolute;

    width:55%;

}

.sh_wrapper .sh_content.sh_villa_home .base_villa .col_box.right{

    right: 0;

}

.sh_wrapper .sh_content.sh_villa_home .base_villa .col_box.left{

    left: 0;

    z-index: 1;

}

.sh_wrapper .sh_content.sh_villa_home .base_villa .col_box .box_img{

    position: relative;

    filter: contrast(110%);

    -webkit-filter: contrast(110%);

}



.sh_wrapper .sh_content.sh_villa_home .base_villa .col_box .box_img:before{

    position: absolute;

    content:"";

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

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

    display: block;

    z-index: 1;

}

.sh_wrapper .sh_content.sh_villa_home .base_villa .col_box .box_img .box_cover{

    position: absolute;

    width: 80%;

    padding: 100px;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    height: 300px;

    text-align: center;

    z-index: 2;

 }

.sh_wrapper .sh_content.sh_villa_home .base_villa .col_box .box_img .box_cover .ico_plus {

    position: absolute;

    width: 40px;

    height: 40px;

    background-color: #fff;

    border-radius: 50%;

    transition: all 0.6s;

    cursor: pointer;

}

.sh_wrapper .sh_content.sh_villa_home .base_villa .col_box .box_img .box_cover .ico_plus:hover {

    background-color: #fa9700;

}

.sh_wrapper .sh_content.sh_villa_home .base_villa .col_box .box_img .box_cover .ico_plus:before,

.sh_wrapper .sh_content.sh_villa_home .base_villa .col_box .box_img .box_cover .ico_plus:after {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    background-color: #b69e7a;

    transition: all 0.4s ease;

    display: block;

}

.sh_wrapper .sh_content.sh_villa_home .base_villa .col_box .box_img .box_cover .ico_plus:hover:before,

.sh_wrapper .sh_content.sh_villa_home .base_villa .col_box .box_img .box_cover .ico_plus:hover:after {

    -ms-transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

    background-color: #fff;

}

.sh_wrapper .sh_content.sh_villa_home .base_villa .col_box .box_img .box_cover .ico_plus:before{

    width: 20px;

    height: 1px;

}

.sh_wrapper .sh_content.sh_villa_home .base_villa .col_box .box_img .box_cover .ico_plus:after{

    width: 1px;

    height: 20px;

}

.sh_wrapper .sh_content.sh_villa_home .base_villa .col_box .box_img .box_cover h1{

    font-family: Waterfall-Regular , sans-serif;

    font-size: 48px;

    line-height: 50px;

 }

.sh_wrapper .sh_content.sh_villa_home .base_villa .col_box .base_details{

    background: #e8e3da url("../images/icon/pattern-wood.png") repeat;

    border-top: 20px solid #fff;

    border-right: 20px solid #fff;

    border-bottom: 20px solid #fff;

    text-align: left;





}

.sh_wrapper .sh_content.sh_villa_home .base_villa .col_box .base_details .details{

    padding: 100px;

}

.sh_wrapper .sh_content.sh_villa_home .base_villa .col_box .base_details .details .text_title label,

.sh_wrapper .sh_content.sh_villa_home .base_villa .col_box .base_details .details .text_title h2{

    color: #b69e7a;

    text-transform: uppercase;

    font-family: FaunaOneRegular ,sans-serif;



}



.sh_wrapper .sh_content.sh_villa_home .sh_slideshow{

    position: relative;

    height: 600px;

}

.sh_wrapper .sh_content.sh_villa_home .sh_slideshow .slide_nav{

    position: absolute;

    width: 43%;

    left: 0;

    bottom: 50px;

}

.sh_wrapper .sh_content.sh_villa_home .sh_slideshow .slide_nav .col_nav{

    position: absolute;

    width: 280px;

    right: 0;

}

.sh_wrapper .sh_content.sh_villa_home .sh_slideshow .slide_nav .col_nav svg{

    width: 25px;

}

.sh_wrapper .sh_content.sh_villa_home .sh_slideshow .slide_nav .col_nav .previous_text{

    margin-top: 25px;

}

.sh_wrapper .sh_content.sh_villa_home .sh_slideshow .slide_nav .col_nav .next_text{

    margin-top: 50px;

}

.sh_wrapper .sh_content.sh_villa_home .sh_slideshow .slide_nav .col_nav .previous_text:after,

.sh_wrapper .sh_content.sh_villa_home .sh_slideshow .slide_nav .col_nav .next_text:after{

    position:absolute;

    width: 100px;

    top: 10px;

    color: #b69e7a;

    font-size: 14px;

    text-transform: uppercase;

    display: block;



}

.sh_wrapper .sh_content.sh_villa_home .sh_slideshow .slide_nav .col_nav a:hover,

.sh_wrapper .sh_content.sh_villa_home .sh_slideshow .slide_nav .col_nav .previous_text:hover:after,

.sh_wrapper .sh_content.sh_villa_home .sh_slideshow .slide_nav .col_nav .next_text:hover:after{

    color: #fa9700;



}

.sh_wrapper .sh_content.sh_villa_home .sh_slideshow .slide_nav .col_nav .previous_text:after{

    content: "Prev / Room";

    left: 20px;



}

.sh_wrapper .sh_content.sh_villa_home .sh_slideshow .slide_nav .col_nav .next_text:after{

    content: "Next / Room";

    right: 20px;

}

.sh_wrapper .sh_content.sh_villa_home .sh_slideshow .slide_nav .col_nav .uk-slidenav{

    color: #b69e7a;

}

.sh_wrapper .sh_content.sh_villa_home .sh_slideshow .slide_nav .col_nav .line_nav{

    position: absolute;

}

.sh_wrapper .sh_content.sh_villa_home .sh_slideshow .slide_nav .col_nav .line_nav:before{

     position: absolute;

     content: "";

     top: -10px;

     left: 0;

     width: 1px;

     height: 60px;

     background: #b69e7a;

     -ms-transform: rotate(30deg);

     -webkit-transform: rotate(30deg);

     transform: rotate(30deg);

     display: block;

     color: #b69e7a;

}

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

/* SHORE VILLA INFO */

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

.sh_wrapper .sh_content.sh_villa_info {

    padding: 100px 0;

    display: flex;



}

.sh_wrapper .sh_content.sh_villa_info .base_details.left{

    padding-right: 50px;

}

.sh_wrapper .sh_content.sh_villa_info .base_details{

    padding: 0;

    text-align: justify;

}

.sh_wrapper .sh_content.sh_villa_info .base_details ul{

    padding: 0;

    margin: 0;

}

.sh_wrapper .sh_content.sh_villa_info .base_details ul li{

    width: 20%;

    list-style: none;

    display: inline-block;

    margin: 0 5px;

    vertical-align: top;

    text-align: left;

}

.sh_wrapper .sh_content.sh_villa_info .base_details ul li label{

    color: #b69e7a;

    margin: 0 5px;

    font-size: 16px;

}

.sh_wrapper .sh_content.sh_villa_info .base_details .floor_plan{

    color: #b69e7a;

    margin-top: 20px;

    transition: all 0.6s;

    display: block;

}

.sh_wrapper .sh_content.sh_villa_info .base_details .floor_plan:hover{

    color: #fa9700;

    text-decoration: none;

}



.sh_wrapper .sh_content.sh_gallery_villa{

    position: relative;

    width: 100%;

}

.sh_wrapper .sh_content.sh_gallery_villa .uk-slideshow-items {

    min-height: 600px !important;

}

.sh_wrapper .sh_content.sh_gallery_villa [class*='uk-position-center-left'],

.sh_wrapper .sh_content.sh_gallery_villa [class*='uk-position-center-right']{

    top: 50%;



}

.sh_wrapper .sh_content.sh_gallery_villa .uk-slider-items li{

    cursor: pointer;

}

.sh_wrapper .sh_content.sh_gallery_villa .uk-slider-items li:after{

    position: absolute;

    content: "";

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(182, 158, 122, 0.70);

    opacity: 0;

    display: block;

    transition: all 0.6s;

}

.sh_wrapper .sh_content.sh_gallery_villa .uk-slider-items li:hover:after{

    opacity: 1;

}

.sh_wrapper .sh_content.sh_gallery_villa .uk-slider-items .uk-icon{

    position: absolute;

    height: 30px;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    text-align: center;

    z-index: 0;

    opacity: 0;

    display: block;

    transition: all 0.6s;



}

.sh_wrapper .sh_content.sh_gallery_villa .uk-slider-items li:hover .uk-icon{

    opacity: 1;

    z-index: 1;

}

.sh_wrapper .sh_content.sh_gallery_villa .uk-slider-items .uk-icon svg{

     width: 38px;

     color: #fff;;



}



.sh_wrapper .sh_content.sh_gallery_villa .uk-position-center-left svg,

.sh_wrapper .sh_content.sh_gallery_villa .uk-position-center-right svg{

    color: #b69e7a;

}.sh_wrapper .sh_content.sh_gallery_villa .uk-position-center-left svg:hover,

 .sh_wrapper .sh_content.sh_gallery_villa .uk-position-center-right svg:hover{

     color: #fa9700;

 }

.sh_wrapper .sh_content.sh_gallery_villa .uk-position-center-left:before,

.sh_wrapper .sh_content.sh_gallery_villa .uk-position-center-right:before{

    position: absolute;

    content: "";

    top: -8px;

    left: -16px;

    width: 70px;

    height: 50px;

    background-color: #fff;

    display: block;

}





.sh_wrapper.services_villa{

    background: url(../images/icon/pattern-pikul.png) center repeat;

    padding: 100px 0;

}

.sh_wrapper.services_villa .base_title label,

.sh_wrapper.services_villa .base_title h1{

    color: #fff;

}

.sh_wrapper.services_villa .base_serv{

    width: 100%;

    display: table;

}

.sh_wrapper.services_villa .col_30{

    width: 33%;

    float: left;

}

.sh_wrapper.services_villa .col_30 .serv_box{

    margin-bottom: 25px;

}





.sh_wrapper.services_villa .col_30 .serv_box .key_ico {

    width: 60px;

    height: 60px;

    display: inline-block;

    border: 1px solid #fff;

    border-radius: 50%;

    padding: 13px;

}

.sh_wrapper.services_villa .col_30 .serv_box .key_text {

    color: #fff;

    vertical-align: text-top;

    margin: 0 5px;

    font-size: 16px;

    display: inline-block;

    padding-left: 10px;



}



.sh_villa_video{

    position: relative;

    width: 100%;

    height: 600px;

    margin: auto;

    overflow: hidden;

}

.sh_villa_video:after{

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    right: 0;

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

    z-index: 1;

    display: block;

}

.sh_villa_video .uk-slideshow-items{

    min-height: 600px  !important;

}

.sh_villa_video .base_caption{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    height: 150px;

    text-align: center;

    display: block;

    z-index: 2;

}

.sh_villa_video .base_caption a:hover{

    text-decoration: none;



}

.sh_villa_video .base_caption span{

    width: 100%;

    cursor: pointer;

    clear: both;

}

.sh_villa_video .base_caption svg{

     width: 50px;

     color: #fff;

     margin-bottom: 25px;

    transition: all 0.6s;

}

.sh_villa_video .base_caption svg:hover{

     color: #fa9700;

}

.sh_villa_video .base_caption label,

.sh_villa_video .base_caption h1{

    color: #fff;

     font-family: FaunaOneRegular ,sans-serif;

     text-transform: uppercase;

}



.sh_wrapper.other_villa {

    padding: 100px 20px;

}

.sh_wrapper.other_villa .box_details{

    width: 100%;

    display: flex;

}

.sh_wrapper.other_villa .box_details .col_40.sh_hidden{

    display: none;

}

.sh_wrapper.other_villa .box_details .col_40{

    width: 40%;

    float: left;

}

.sh_wrapper.other_villa .box_details div:nth-child(2){

    margin: 0 50px;

}

.sh_wrapper.other_villa .box_details .col_40 .details .box_img{

    position: relative;

}

.sh_wrapper.other_villa .box_details .col_40 .details .box_img .cont_btn{

    position: absolute;

    left: 0;

    right: 0;

    bottom: -20px;

    text-align: center;

}

.sh_wrapper.other_villa .box_details .col_40 .details label{

     font-family: FaunaOneRegular ,sans-serif;

     text-transform: uppercase;

     color: #b69e7a;

    text-align: center;

    display: block;

    margin-top: 50px;

}

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

/* SHORE GRID GALLERY */

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

.sh_wrapper .sh_content.sh_grid_gallery{

    width: 100%;

    padding: 50px;

    display: grid;

}

.sh_wrapper .sh_content.sh_grid_gallery .col_30{

    width:30%;

    float: left;

}

.sh_wrapper .sh_content.sh_grid_gallery .col_25{

    width:25%;

    float: left;

}

.sh_wrapper .sh_content.sh_grid_gallery .col_40{

    width:40%;

    float: left;

}

.sh_wrapper .sh_content.sh_grid_gallery .box_grid{

    position: relative;

    margin: 3px;

}

.sh_wrapper .sh_content.sh_grid_gallery .box_grid:after{

     position: absolute;

     content: "";

     top: 0;

     width: 100%;

     height: 100%;

     background-color: rgba(182, 158, 122, 0.70);

     opacity: 0;

     display: block;

     transition: all 0.6s;

     z-index: 1;

     cursor: pointer;

}

.sh_wrapper .sh_content.sh_grid_gallery .box_grid:hover:after{

     opacity: 1;

}

.sh_wrapper .sh_content.sh_grid_gallery .box_grid .uk-icon svg{

    width: 38px;

    color: #fff;

}

.sh_wrapper .sh_content.sh_grid_gallery .box_grid .uk-icon{

     position: absolute;

     height: 30px;

     top: 0;

     left: 0;

     right: 0;

     bottom: 0;

     margin: auto;

     text-align: center;

     z-index: 2;

     opacity: 0;

     display: block;

     transition: all 0.6s;

    cursor: pointer;

}

.sh_wrapper .sh_content.sh_grid_gallery .box_grid:hover .uk-icon{

    opacity: 1;

}

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

/* SHORE THE ROMANCE HOME */

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

.sh_wrapper .sh_content.sh_romamce_home{

    width: 100%;

    text-align: center;

    padding: 100px 20px 0;

}

.sh_wrapper .sh_content.sh_romamce_home .base_romamce{

    position: relative;

    width: 100%;

    height: 600px;

    padding: 50px;

    align-items: center;

    justify-content: center;

    -webkit-align-items: center;

    -webkit-justify-content: center;

    display: flex;

    display: -webkit-flex;



}

.sh_wrapper .sh_content.sh_romamce_home .base_romamce a{

    color: #fff;

}

.sh_wrapper .sh_content.sh_romamce_home .base_romamce a:hover{

    color: #fa9700;

    text-decoration: none;

}

.sh_wrapper .sh_content.sh_romamce_home .base_romamce .col_box{

    position: absolute;

    width:55%;

}

.sh_wrapper .sh_content.sh_romamce_home .base_romamce .col_box.right{

    right: 0;

    z-index: 1;

}

.sh_wrapper .sh_content.sh_romamce_home .base_romamce .col_box.left{

    left: 0;

}

.sh_wrapper .sh_content.sh_romamce_home .base_romamce .col_box .box_img{

    position: relative;

    filter: contrast(110%);

    -webkit-filter: contrast(110%);

}



.sh_wrapper .sh_content.sh_romamce_home .base_romamce .col_box .box_img:before{

    position: absolute;

    content:"";

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

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

    display: block;

    z-index: 1;

}

.sh_wrapper .sh_content.sh_romamce_home .base_romamce .col_box .box_img .box_cover{

    position: absolute;

    width: 80%;

    padding: 100px;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    height: 0;

    text-align: center;

    z-index: 2;

}

.sh_wrapper .sh_content.sh_romamce_home .base_romamce .col_box .box_img .box_cover .ico_plus {

    position: absolute;

    width: 40px;

    height: 40px;

    background-color: #fff;

    border-radius: 50%;

    transition: all 0.6s;

    cursor: pointer;

}

.sh_wrapper .sh_content.sh_romamce_home .base_romamce .col_box .box_img .box_cover .ico_plus:hover {

    background-color: #fa9700;

}

.sh_wrapper .sh_content.sh_romamce_home .base_romamce .col_box .box_img .box_cover .ico_plus:before,

.sh_wrapper .sh_content.sh_romamce_home .base_romamce .col_box .box_img .box_cover .ico_plus:after {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    background-color: #b69e7a;

    transition: all 0.4s ease;

    display: block;

}

.sh_wrapper .sh_content.sh_romamce_home .base_romamce .col_box .box_img .box_cover .ico_plus:hover:before,

.sh_wrapper .sh_content.sh_romamce_home .base_romamce .col_box .box_img .box_cover .ico_plus:hover:after {

    -ms-transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

    background-color: #fff;

}

.sh_wrapper .sh_content.sh_romamce_home .base_romamce .col_box .box_img .box_cover .ico_plus:before{

    width: 20px;

    height: 1px;

}

.sh_wrapper .sh_content.sh_romamce_home .base_romamce .col_box .box_img .box_cover .ico_plus:after{

    width: 1px;

    height: 20px;

}

.sh_wrapper .sh_content.sh_romamce_home .base_romamce .col_box .box_img .box_cover h1{

    font-family: Waterfall-Regular , sans-serif;

    font-size: 48px;

    line-height: 50px;

}

.sh_wrapper .sh_content.sh_romamce_home .base_romamce .col_box .base_details{

    background: #e8e3da url("../images/icon/pattern-wood.png") repeat;

    border-top: 20px solid #fff;

    border-left: 20px solid #fff;

    border-bottom: 20px solid #fff;

    text-align: left;





}

.sh_wrapper .sh_content.sh_romamce_home .base_romamce .col_box .base_details .details{

    padding: 100px;

}

.sh_wrapper .sh_content.sh_romamce_home .base_romamce .col_box .base_details .details .text_title label,

.sh_wrapper .sh_content.sh_romamce_home .base_romamce .col_box .base_details .details .text_title h2{

    color: #b69e7a;

    text-transform: uppercase;

    font-family: FaunaOneRegular ,sans-serif;



}



.sh_wrapper .sh_content.sh_romamce_home .sh_slideshow{

    position: relative;

    height: 600px;

}

.sh_wrapper .sh_content.sh_romamce_home .sh_slideshow .slide_nav{

    position: absolute;

    width: 43%;

    right: 0;

    bottom: 50px;

}

.sh_wrapper .sh_content.sh_romamce_home .sh_slideshow .slide_nav .col_nav{

    position: absolute;

    width: 280px;

    left: 0;

}

.sh_wrapper .sh_content.sh_romamce_home .sh_slideshow .slide_nav .col_nav svg{

    width: 25px;

}

.sh_wrapper .sh_content.sh_romamce_home .sh_slideshow .slide_nav .col_nav .previous_text{

    margin-top: 25px;

}

.sh_wrapper .sh_content.sh_romamce_home .sh_slideshow .slide_nav .col_nav .next_text{

    margin-top: 50px;

}

.sh_wrapper .sh_content.sh_romamce_home .sh_slideshow .slide_nav .col_nav .previous_text:after,

.sh_wrapper .sh_content.sh_romamce_home .sh_slideshow .slide_nav .col_nav .next_text:after{

    position:absolute;

    width: 100px;

    top: 10px;

    color: #b69e7a;

    font-size: 14px;

    text-transform: uppercase;

    display: block;



}

.sh_wrapper .sh_content.sh_romamce_home .sh_slideshow .slide_nav .col_nav a:hover,

.sh_wrapper .sh_content.sh_romamce_home .sh_slideshow .slide_nav .col_nav .previous_text:hover:after,

.sh_wrapper .sh_content.sh_romamce_home .sh_slideshow .slide_nav .col_nav .next_text:hover:after{

    color: #fa9700;



}

.sh_wrapper .sh_content.sh_romamce_home .sh_slideshow .slide_nav .col_nav .previous_text:after{

    content: "Prev / Room";

    left: 20px;



}

.sh_wrapper .sh_content.sh_romamce_home .sh_slideshow .slide_nav .col_nav .next_text:after{

    content: "Next / Room";

    right: 20px;

}

.sh_wrapper .sh_content.sh_romamce_home .sh_slideshow .slide_nav .col_nav .uk-slidenav{

    color: #b69e7a;

}

.sh_wrapper .sh_content.sh_romamce_home .sh_slideshow .slide_nav .col_nav .line_nav{

    position: absolute;

}

.sh_wrapper .sh_content.sh_romamce_home .sh_slideshow .slide_nav .col_nav .line_nav:before{

    position: absolute;

    content: "";

    top: -10px;

    left: 0;

    width: 1px;

    height: 60px;

    background: #b69e7a;

    -ms-transform: rotate(30deg);

    -webkit-transform: rotate(30deg);

    transform: rotate(30deg);

    display: block;

    color: #b69e7a;

}



/*.sh_wrapper .sh_content.sh_romamce_home{*/

    /*width: 100%;*/

    /*text-align: center;*/

    /*padding: 100px 0 0;*/

/*}*/

/*.sh_wrapper .sh_content.sh_romamce_home .col_50{*/

    /*width: 50%;*/

    /*float: left;*/

/*}*/

/*.sh_wrapper .sh_content.sh_romamce_home .base_details{*/

    /*width: 100%;*/

    /*height: 600px;*/

    /*padding: 100px;*/

    /*background-color: #b69e7a;*/

    /*align-items: center;*/

    /*justify-content: center;*/

    /*-webkit-align-items: center;*/

    /*-webkit-justify-content: center;*/

    /*display: flex;*/

    /*display: -webkit-flex;*/

    /*color: #fff;*/

/*}*/

/*.sh_wrapper .sh_content.sh_romamce_home .base_details .details label,*/

/*.sh_wrapper .sh_content.sh_romamce_home .base_details .details h2{*/

    /*text-transform: uppercase;*/

    /*font-family: FaunaOneRegular ,sans-serif;*/

/*}*/

/*.sh_wrapper .sh_content.sh_romamce_home .base_details .details h3{*/

    /*padding: 20px 0 0;*/

/*}*/

/*.sh_wrapper .sh_content.sh_romamce_home .base_details .details .extra{*/

    /*font-family: Waterfall-Regular , sans-serif;*/

    /*font-size: 60px;*/

    /*line-height: 0;*/

/*}*/



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

/* SHORE THE ROMMANCE PAGE*/

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



.sh_wrapper .sh_content.sh_romamce{

    padding: 100px 0;

    display: flex;

    width: 100%;

}

.sh_wrapper .sh_content.sh_romamce .base_details{

    width: 1170px;

    margin: auto;

    padding-top: 50px;

}

.sh_wrapper .sh_content.sh_romamce .base_details .details{

    width: 100%;

    text-align: center;

}

.sh_wrapper .sh_content.sh_romamce .base_details .details label{

    font-family: FaunaOneRegular ,sans-serif;

    text-transform: uppercase;

    color: #b69e7a;

}



.sh_wrapper .sh_content.sh_romamce .gallery_romamce{

    position: relative;

    width: 100%;

}

.sh_wrapper .sh_content.sh_romamce .gallery_romamce .uk-slideshow-items {

    min-height: 650px !important;

}



.sh_wrapper .sh_content.sh_romamce .gallery_romamce [class*='uk-position-center-left'],

.sh_wrapper .sh_content.sh_romamce .gallery_romamce [class*='uk-position-center-right']{

    top: 50%;



}

.sh_wrapper .sh_content.sh_romamce .gallery_romamce .uk-slider-items li{

    cursor: pointer;

}

.sh_wrapper .sh_content.sh_romamce .gallery_romamce .uk-slider-items li:after{

    position: absolute;

    content: "";

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(182, 158, 122, 0.70);

    opacity: 0;

    display: block;

    transition: all 0.6s;

}

.sh_wrapper .sh_content.sh_romamce .gallery_romamce .uk-slider-items li:hover:after{

    opacity: 1;

}

.sh_wrapper .sh_content.sh_romamce .gallery_romamce .uk-slider-items .uk-icon{

    position: absolute;

    height: 30px;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    text-align: center;

    z-index: 0;

    opacity: 0;

    display: block;

    transition: all 0.6s;



}

.sh_wrapper .sh_content.sh_romamce .gallery_romamce .uk-slider-items li:hover .uk-icon{

    opacity: 1;

    z-index: 1;

}

.sh_wrapper .sh_content.sh_romamce .gallery_romamce .uk-slider-items .uk-icon svg{

    width: 38px;

    color: #fff;;



}



.sh_wrapper .sh_content.sh_romamce .gallery_romamce .uk-position-center-left svg,

.sh_wrapper .sh_content.sh_romamce .gallery_romamce .uk-position-center-right svg{

    color: #b69e7a;

}

.sh_wrapper .sh_content.sh_romamce .gallery_romamce .uk-position-center-left svg:hover,

.sh_wrapper .sh_content.sh_romamce .gallery_romamce .uk-position-center-right svg:hover{

     color: #fa9700;

 }

.sh_wrapper .sh_content.sh_romamce .gallery_romamce .uk-position-center-left:before,

.sh_wrapper .sh_content.sh_romamce .gallery_romamce .uk-position-center-right:before{

    position: absolute;

    content: "";

    top: -8px;

    left: -16px;

    width: 70px;

    height: 50px;

    background-color: #fff;

    display: block;

}





.sh_wrapper.other_romamce.active{

    padding-top: 100px;

}

.sh_wrapper.other_romamce .box_details{

    position: relative;

    width: 100%;

    margin: 0 0 100px 0;

    display: flex;

}

/*.sh_wrapper.other_romamce .box_details .sh_link{*/

    /*position: relative;*/

    /*width: 100%;*/

    /*height: 100%;*/

    /*display: block;*/

/*}*/

.sh_wrapper.other_romamce .box_details .details{

    position: relative;

    overflow: hidden;

    width: 100%;

    height: 100%;

    background-color: #fff;

}

.sh_wrapper.other_romamce .box_details .details img{

    width: 100%;

}

.sh_wrapper.other_romamce .box_details .details .caption{

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    padding: 50px;

    color: #fff;

    text-align: center;

    font-size: 20px;

    font-family: FaunaOneRegular ,sans-serif;

    z-index: 2;

}

.sh_wrapper.other_romamce .box_details .details .caption label{

    position: absolute;

    left: 0;

    right: 0;

    bottom: 50px;

    font-size: 20px;

}

.sh_wrapper.other_romamce .box_details .details:before{

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

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

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    margin: auto;

    display: block;

    transition: all 0.6s;

    z-index: 1;

}

.sh_wrapper.other_romamce .box_details .details:hover:before{

    background-color: rgba(182, 158, 122, 0.70);

}

.sh_wrapper.other_romamce .box_details .details:after{

    position: absolute;

    content: "";

    top: 25px;

    right: 25px;

    left: 25px;

    bottom: 25px;

    border: 1px solid #fff;

    margin: auto;

    display: block;

    z-index: 1;

}



.sh_wrapper.other_romamce .box_details .uk-position-center-left {

    left: 50px;

}

.sh_wrapper.other_romamce .box_details .uk-position-center-right{

    right: 50px;

}



.sh_wrapper.sh_contact{

    background: #e8e3da url(../images/icon/pattern-wood.png) repeat;

}

.sh_wrapper.sh_contact .sh_content{

    padding: 100px 0;

}

.sh_wrapper.sh_contact .sh_content .base_form{

    width: 500px;

    margin: auto;

}

.sh_wrapper.sh_contact .sh_content .sh_form,

.sh_wrapper.sh_contact .sh_content .sh_form [class*='uk-inline'] {

    width: 100%;

}

.sh_wrapper.sh_contact .sh_content .sh_form .uk-form-icon:not(.uk-form-icon-flip)~.uk-select,

.sh_wrapper.sh_contact .sh_content .sh_form .uk-form-icon:not(.uk-form-icon-flip)~.uk-textarea{

    padding-left: 40px !important;

}

.sh_wrapper.sh_contact .sh_content .sh_form .uk-form-icon.ico_fix{

    bottom: auto;

    top: 10px;

}

.sh_wrapper.sh_contact .sh_content .sh_form .uk-input,

.sh_wrapper.sh_contact .sh_content .sh_form .uk-select{

    font-size: 12px;

}

.sh_wrapper.sh_contact .sh_content .sh_form .title{

    padding-bottom: 10px;

    display: block;

}

.sh_wrapper.sh_contact .sh_content .sh_form .box_50{

    width: 50%;

    float: left;

}

.sh_wrapper.sh_contact .sh_content .sh_form .box_100{

    width: 100%;

    float: left;

}

.sh_wrapper.sh_contact .sh_content .sh_form .wrap_fields{

    display: flex;

}

.sh_wrapper.sh_contact .sh_content .sh_form .box_50:first-child{

    padding-right: 10px;

}

.sh_wrapper.sh_contact .sh_content .sh_form .uk-button-primary{

    background-color: #b69e7a;

    transition: all 0.6s

}

.sh_wrapper.sh_contact .sh_content .sh_form .uk-button-primary:hover{

    background-color: #fa9700;

}



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

/* SHORE THE FACILITIES HOME */

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

.sh_wrapper .sh_content .sh_faci_home{

    width: 100%;

    text-align: center;

    padding: 100px 0;

}

.sh_wrapper .sh_content .sh_faci_home .base_title label{

    font-family: Waterfall-Regular , sans-serif;

    text-transform: capitalize;

    font-size: 42px;

    line-height: 0;

}

.sh_wrapper .sh_content .sh_faci_home .base_title h2{

    text-transform: uppercase;

}

.sh_wrapper .sh_content .sh_faci_home .base_title .extra{

    color: #b69e7a;

}

.sh_wrapper .sh_content .sh_faci_home .box_details{

    width: 100%;

    align-items: center;

    justify-content: center;

    display: flex;



}

.sh_wrapper .sh_content .sh_faci_home .box_details .details{

    position: relative;

    text-align: center;

}

.sh_wrapper .sh_content .sh_faci_home .box_details .details label{

    font-family: Waterfall-Regular , sans-serif;

    font-size: 40px;

    color: #b69e7a;

    margin: 40px 0 0 ;

    display: block;

}

.sh_wrapper .sh_content .sh_faci_home .box_details .col_40{

    width: 40%;

    float: left;

}

.sh_wrapper .sh_content .sh_faci_home .box_details .col_30{

    width: 30%;

    float: left;

}

.sh_wrapper .sh_content .sh_faci_home .box_details .col_40 .details{

    background-color: #fff;

    height: 375px;

    margin: 0 20px;

    border: 1px solid #b69e7a;

}

.sh_wrapper .sh_content .sh_faci_home .box_details .col_40 .details .box{

    padding: 20px;



}



.sh_wrapper .sh_content .sh_faci_home .box_details .col_40 .details .box .link{

    color: #888;

}

.sh_wrapper .sh_content .sh_faci_home .box_details .col_40 .details .box .link:hover{

    color: #fa9700;

    text-decoration: none;

}

.sh_wrapper .sh_content .sh_faci_home .box_details .col_40 .details .box .cont_btn{

    bottom: -25px;

}

.sh_wrapper .sh_content .sh_faci_home .box_details .col_30 .details .box_img{

    position: relative;

    filter: contrast(110%);

    -webkit-filter: contrast(110%);

}

.sh_wrapper .sh_content .sh_faci_home .box_details .col_30 .details .box_img .cont_btn{

    position: absolute;

    left: 0;

    right: 0;

    bottom: -20px;

}

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

/* SHORE PAGE PROMOTION */

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

.sh_wrapper .sh_content .sh_promotion{

    width: 100%;

    text-align: left;

    padding: 100px 0;

}

.sh_wrapper .sh_content .sh_promotion .header_title{

    width: 100%;

}

.sh_wrapper .sh_content .sh_promotion .header_remarks,

.sh_wrapper .sh_content .sh_promotion .header_book_d{

    width: 100%;

    margin-bottom: 50px;

}

.sh_wrapper .sh_content .sh_promotion .header_book_d .box_direct{

    width: 100%;

    padding: 25px 0;

    border-bottom: 1px solid #e5e5e5;

}

.sh_wrapper .sh_content .sh_promotion .header_book_d .box_direct p{

    margin: 0;

}

.sh_wrapper .sh_content .sh_promotion .header_remarks p{

    margin: 0;

}

.sh_wrapper .sh_content .sh_promotion .header_title label,

.sh_wrapper .sh_content .sh_promotion .header_remarks label,

.sh_wrapper .sh_content .sh_promotion .header_book_d label{

    font-family: FaunaOneRegular ,sans-serif;

    text-transform: uppercase;

    color: #b69e7a;

}

.sh_wrapper .sh_content .sh_promotion .header_remarks a{

    color:#b69e7a;

}

.sh_wrapper .sh_content .sh_promotion .header_remarks label{

    margin-bottom: 25px;

    display: block;

}

.sh_wrapper .sh_content .sh_promotion .sh_table{

    width: 100%;

    margin-top: 50px;

}

.sh_wrapper .sh_content .sh_promotion .sh_table .uk-table th{

    width: 20%;

    font-size: 18px;

    padding: 16px 16px;

    vertical-align: inherit;

}

.sh_wrapper .sh_content .sh_promotion .sh_table .uk-table tbody tr.tb_between{

     background: #eee5d7;

}

.sh_wrapper .sh_content .sh_promotion .sh_table .uk-table.tb_2 th:nth-child(2){

    border-left: 1px solid #e5e5e5;

}

.sh_wrapper .sh_content .sh_promotion .sh_table .uk-table.tb_2 td:nth-child(2){

    border-left: 1px solid #e5e5e5;

}

.sh_wrapper .sh_content .sh_promotion .sh_table .uk-table.tb_3 th:nth-child(2){

    border-left: 1px solid #e5e5e5;

    border-right: 1px solid #e5e5e5;

}

.sh_wrapper .sh_content .sh_promotion .sh_table .uk-table.tb_3 th:nth-child(3){

    border-right: 1px solid #e5e5e5;

}

.sh_wrapper .sh_content .sh_promotion .sh_table .uk-table.tb_3 td:nth-child(2){

    border-left: 1px solid #e5e5e5;

    border-right: 1px solid #e5e5e5;

}

.sh_wrapper .sh_content .sh_promotion .sh_table .uk-table.tb_3 td:nth-child(3){

    border-right: 1px solid #e5e5e5;

}

.sh_wrapper .sh_content .sh_promotion .sh_table .uk-table.tb_4 th:nth-child(2){

    border-left: 1px solid #e5e5e5;

    border-right: 1px solid #e5e5e5;

}

.sh_wrapper .sh_content .sh_promotion .sh_table .uk-table.tb_4 th:nth-child(3){

    border-right: 1px solid #e5e5e5;

}.sh_wrapper .sh_content .sh_promotion .sh_table .uk-table.tb_4 th:nth-child(4){

    border-right: 1px solid #e5e5e5;

}

.sh_wrapper .sh_content .sh_promotion .sh_table .uk-table.tb_4 td:nth-child(2){

    border-left: 1px solid #e5e5e5;

    border-right: 1px solid #e5e5e5;

}

.sh_wrapper .sh_content .sh_promotion .sh_table .uk-table.tb_4 td:nth-child(3){

    border-right: 1px solid #e5e5e5;

}.sh_wrapper .sh_content .sh_promotion .sh_table .uk-table.tb_4 td:nth-child(4){

    border-right: 1px solid #e5e5e5;

}

.sh_wrapper .sh_content .sh_promotion .sh_table .uk-table th label{

    display: block;

}

.sh_wrapper .sh_content .sh_promotion .sh_table .uk-table thead{

     border-top: 1px solid #e5e5e5;

}

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

/* SHORE PAGE GALLERY */

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

.sh_wrapper .sh_content .sh_gallery{

    width: 100%;

    text-align: left;

    padding: 100px 0;

    display: grid;

}

.sh_wrapper .sh_content .sh_gallery .header_nav{

    width: 100%;

    margin: auto;

}

.sh_wrapper .sh_content .sh_gallery .header_nav .gall_nav{

    text-align: center;

    padding: 0;

    margin: auto;

}

.sh_wrapper .sh_content .sh_gallery .header_nav .gall_nav li{

    list-style: none;

    display: inline-block;

}

.sh_wrapper .sh_content .sh_gallery .header_nav .gall_nav li:nth-child(2){

    border-left: 1px solid #b69e7a;

    border-right: 1px solid #b69e7a;



}

.sh_wrapper .sh_content .sh_gallery .header_nav .gall_nav li a{

     font-family: FaunaOneRegular ,sans-serif;

     text-transform: uppercase;

     color: #b69e7a;

     padding: 0 20px;

    transition: all 0.6s;

}

.sh_wrapper .sh_content .sh_gallery .header_nav .gall_nav li a:hover{

     color: #fa9700;

    text-decoration: none;

}

.sh_wrapper .sh_content .sh_gallery .header_nav .gall_nav li a.active{

    color: #fa9700;

}

.sh_wrapper .sh_content .sh_gallery .filter_menu{

    width: 100%;

    padding-top: 50px;

    margin: auto;

    text-align: center;

    display: grid;

}

.sh_wrapper .sh_content .sh_gallery .filter_menu #filter_gall{

    position: relative;

    width: 460px;

    margin: auto;

    border-top: 1px solid #e5e5e5;

    border-bottom: 1px solid #e5e5e5;

}

.sh_wrapper .sh_content .sh_gallery .filter_menu #filter_gall .uk_icon{

    position: absolute;

    top: 10px;

    right: 0;



}

.sh_wrapper .sh_content .sh_gallery .filter_menu #filter_gall .uk_icon svg{

    width: 28px;

    color: #888;

}

.sh_wrapper .sh_content .sh_gallery .filter_menu #filter_gall label{

    font-family: FaunaOneRegular ,sans-serif;

    text-transform: uppercase;

    color: #888;

    padding: 10px 0;

    cursor: pointer;

    display: block;

    transition: all 0.6s;

}

.sh_wrapper .sh_content .sh_gallery .filter_menu #filter_gall label:hover{

    color: #fa9700;

}

.sh_wrapper .sh_content .sh_gallery .filter_menu .gall_type{

    position: relative;

    width: 460px;

    margin: auto;

    padding: 25px 0;

    border-bottom: 1px solid #e5e5e5;

    display: none;

}

.sh_wrapper .sh_content .sh_gallery .filter_menu .gall_type.open{

    display: block;

}

.sh_wrapper .sh_content .sh_gallery .filter_menu .gall_type li{

    list-style: none;

    margin: 15px 0;

}

.sh_wrapper .sh_content .sh_gallery .filter_menu .gall_type li a{

    font-family: FaunaOneRegular ,sans-serif;

    text-transform: uppercase;

    color: #888;

    transition: all 0.6s;

}

.sh_wrapper .sh_content .sh_gallery .filter_menu .gall_type li a:hover{

    color: #fa9700;

    text-decoration: none;

}

.sh_wrapper .sh_content .sh_gallery .base_gall{

    width: 100%;

    margin-top: 100px;

}

.sh_wrapper .sh_content .sh_gallery .base_gall .col_30{

    width: 33.33%;

    padding: 0 15px;

    float: left;

}

.sh_wrapper .sh_content .sh_gallery .base_gall .box_img{

    position: relative;

    width: 100%;

    margin: auto;

}

.sh_wrapper .sh_content .sh_gallery .base_gall .box_img:before{

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    background-color: rgba(182, 158, 122, 0.70);

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: 0;

    z-index: 0;

    opacity: 0;

    transition: all 0.6s;

    display: block;

}

.sh_wrapper .sh_content .sh_gallery .base_gall .box_img:hover:before{

    z-index: 1;

    opacity: 1;

}

.sh_wrapper .sh_content .sh_gallery .base_gall .uk_icon svg{

    width: 38px;

    color: #fff;

}

.sh_wrapper .sh_content .sh_gallery .base_gall .uk_icon{

    position: absolute;

    /*width: 30px;*/

    height: 30px;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    z-index: 0;

    opacity: 0;

    transition: all 0.6s;

    display: block;

}



.sh_wrapper .sh_content .sh_gallery .base_gall .box_img:hover .uk_icon{

    z-index: 1;

    opacity: 1;

}

.sh_wrapper .sh_content .sh_gallery .base_gall .uk_icon.active{

    z-index: 1;

    opacity: 1;

}

.sh_wrapper .sh_content .sh_gallery .base_gall .gall_title{

    padding: 25px 0;

    text-align: left;

}

.sh_wrapper .sh_content .sh_gallery .base_gall .gall_title label{

    font-family: FaunaOneRegular ,sans-serif;

    text-transform: uppercase;

    color: #888;

}

.sh_wrapper .sh_content .sh_gallery .base_gall .col_30 .box_img .item_caption{

    position: absolute;

    bottom: 20px;

    font-size: 14px;

    color: #fff;

    z-index: 1;

    opacity: 1;

    transition: all 0.6s;

    display: block;

}

.sh_wrapper .sh_content .sh_gallery .base_gall .col_30 .box_img .item_caption.left{

    left: 20px;

}

.sh_wrapper .sh_content .sh_gallery .base_gall .col_30 .box_img .item_caption.right{

    right: 20px;

}





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

/* SHORE PAGE THE ACTION */

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

.sh_wrapper .sh_content.sh_action {

    padding: 100px 0;

    display: flex;

    width: 100%;

}

.sh_wrapper .sh_content.sh_action .mainbox{

    position: relative;

    overflow: hidden;



}

.sh_wrapper .sh_content.sh_action .mainbox .box_img{

    width: 50%;

    float: left;

}

.sh_wrapper .sh_content.sh_action .mainbox .box_img.left {

     float: left;

 }

.sh_wrapper .sh_content.sh_action .mainbox .box_img.right {

     float: right;

 }

.sh_wrapper .sh_content.sh_action .mainbox .box_details {

    position: relative;

    width: 50%;

    height: 500px;

    padding: 50px;

    align-items: center;

    justify-content: center;

    -webkit-align-items: center;

    -webkit-justify-content: center;

    display: flex;

     display: -webkit-flex;

 }

.sh_wrapper .sh_content.sh_action .mainbox .box_details .details{

    text-align: center;

}



.sh_wrapper .sh_content.sh_action .mainbox .box_details .details h2,

.sh_wrapper .sh_content.sh_action .mainbox .box_details .details label{

    color: #b69e7a;

    text-transform: uppercase;

    font-family: FaunaOneRegular ,sans-serif;

}

.sh_wrapper .sh_content.sh_action .mainbox .box_img .uk-slideshow-items{

    min-height: 500px !important;

}



.sh_wrapper .sh_content.sh_action .mainbox .box_img .uk-position-center-left,

.sh_wrapper .sh_content.sh_action .mainbox .box_img .uk-position-center-right{

    animation: fade 0.6s ease-in;

}

.sh_wrapper .sh_content.sh_action .mainbox .box_img .uk-position-center-left svg,

.sh_wrapper .sh_content.sh_action .mainbox .box_img .uk-position-center-right svg{

    color: #b69e7a;

}

.sh_wrapper .sh_content.sh_action .mainbox .box_img .uk-position-center-left svg:hover,

.sh_wrapper .sh_content.sh_action .mainbox .box_img .uk-position-center-right svg:hover{

    color: #fa9700;

}

.sh_wrapper .sh_content.sh_action .mainbox .box_img .uk-position-center-left:before,

.sh_wrapper .sh_content.sh_action .mainbox .box_img .uk-position-center-right:before {

    position: absolute;

    content: "";

    top: -8px;

    left: -16px;

    width: 70px;

    height: 50px;

    background-color: #fff;

    display: block;

}







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

/* SHORE PAGE POLICY */

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

.sh_wrapper .sh_content .sh_policy{

    width: 100%;

    text-align: left;

    padding: 100px 0;

}



.sh_wrapper .sh_content .sh_policy .base_details .box_policy{

    width: 100%;

    padding: 25px 0;

    border-bottom: 1px solid #e5e5e5;

}

.sh_wrapper .sh_content .sh_policy a{

    color:#b69e7a;

}

.sh_wrapper .sh_content .sh_policy .base_details h3,

.sh_wrapper .sh_content .sh_policy .base_details h4{

    /*padding-bottom: 25px;*/

}

.sh_wrapper .sh_content .sh_policy .base_details h3,

.sh_wrapper .sh_content .sh_policy .base_details h4,

.sh_wrapper .sh_content .sh_policy .base_details label{

    font-family: FaunaOneRegular ,sans-serif;

    text-transform: uppercase;

    color: #b69e7a;

}

.sh_wrapper .sh_content .sh_policy .base_details .box_list p{

    margin: 0;

}

.sh_wrapper .sh_content .sh_policy .base_details .box_policy .box_list2 li{

    list-style: none;

}

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

/* SHORE FOOTER HOME */

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

.sh_wrapper.sh_footer{

    background:url("../images/icon/pattern-pikul.png") center repeat;

}

.sh_wrapper.sh_footer .boder_line{

    background: #fff url("../images/icon/pikul_bg.svg") center repeat;

    height: 60px;

}

.sh_wrapper.sh_footer .box_details{

    padding: 50px 0;

    text-align: center;

    color: #fff;

}

.sh_wrapper.sh_footer .box_details label{

    font-family: Waterfall-Regular , sans-serif;

    font-size: 40px;

    display: block;

}

.sh_wrapper.sh_footer .box_details .social_list{

   padding: 20px 0;

    margin: 0;

}

.sh_wrapper.sh_footer .box_details .social_list li{

    display: inline-block;

    margin: 0 5px;

}

.sh_wrapper.sh_footer .box_details  .social_list li a{

    font-size: 24px;

    color: #fff;

    text-align: center;

    border-radius: 100%;

    border: 1px solid #fff;

    transition: all 0.6s;

    display: block;

}

.sh_wrapper.sh_footer .box_details  .social_list li a:hover{

    color: #827156;

    border: 1px solid #827156;

}

.sh_wrapper.sh_footer .box_details .social_list li a i{

    width: 45px;

    height: 45px;

    padding: 11px;

}

.sh_wrapper.sh_footer .box_details .contact_link a{

    margin: 0 5px;

    color: #fff;

    transition: all 0.6s;

}.sh_wrapper.sh_footer .box_details .contact_link a:hover{

    color: #827156;

    text-decoration: none;

}

.sh_wrapper.sh_footer .box_details .contact_link span{

    text-transform: uppercase;

    margin: 0 5px;

}

.sh_wrapper.sh_footer .box_details .sh_copyright{

    font-size: 14px;

}

.sh_wrapper.sh_footer .box_details .sh_copyright a,

.sh_wrapper.sh_footer .box_details .sh_menu_f a{

    color: #fff;

}

.sh_wrapper.sh_footer .box_details .sh_menu_f{

    font-size: 14px;

    font-family: FaunaOneRegular ,sans-serif !important;

    text-transform: capitalize;

}

.sh_wrapper.sh_footer .box_logo {

    width: 100%;

    background-color: #fff;

    padding:30px;

    margin: auto;

}

.sh_wrapper.sh_footer .box_logo .vel_items {

    text-align: center;

    margin: 0;

}

.sh_wrapper.sh_footer .box_logo .vel_items .items_logo {

    background: url(../images/icon/sister-hotel-logo.svg);

    display: inline-block;

    margin: 0 15px;

    transition: all 0.6s ease;

}

.sh_wrapper.sh_footer .box_logo .vel_items .items_logo:hover {

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);

    opacity: 0.7;

}

.sh_wrapper.sh_footer .box_logo .vel_items .items_logo.collection_logo {

    width: 69px;

    height: 69px;

    background-position: 0 0;

}

.sh_wrapper.sh_footer .box_logo .vel_items .items_logo.theshore_logo {

    width: 72px;

    height: 50px;

    background-position: 0 -69px;

}

.sh_wrapper.sh_footer .box_logo .vel_items .items_logo.katathani_logo {

    width: 70px;

    height: 63px;

    background-position: 0 -116px;

}

.sh_wrapper.sh_footer .box_logo .vel_items .items_logo.thegalleri_logo {

    width: 100px;

    height: 42px;

    background-position: 0 -179px;

}

.sh_wrapper.sh_footer .box_logo .vel_items .items_logo.thelittleshore_logo {

    width: 100px;

    height: 42px;

    background-position: 0 -179px;

}

.sh_wrapper.sh_footer .box_logo .vel_items .items_logo.thesands_logo {

    width: 100px;

    height: 38px;

    background-position: 0 -220px;

}

.sh_wrapper.sh_footer .box_logo .vel_items .items_logo.thewaters_logo {

    width: 100px;

    height: 34px;

    background-position: 0 -258px;

}

.sh_wrapper.sh_footer .box_logo .vel_items .items_logo.theleaf_logo {

    width: 100px;

    height: 34px;

    background-position: 0 -292px;

}

.sh_wrapper.sh_footer .box_logo .vel_items .items_logo.theriverie_logo {

    width: 78px;

    height: 55px;

    background-position: 0 -325px;

}

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

/* SHORE POPUP BANNER */

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

.sh_modal.active{

    display: block;

    opacity: 1;

}

.sh_modal{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

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

    margin:auto;

    z-index: 10;

    opacity: 0;

    display: none;



}

.sh_modal .col_box{

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 650px;

    height: 400px;

    background-color: #fff;

    margin:auto;

    z-index: 11;

}



.sh_modal .col_box .col_50{

    width: 50%;

    float: left;

}

.sh_modal .col_box .col_50 .details{

    padding: 20px;

}

.sh_modal .col_box .col_50 .details h1{

    font-size: 28px;

    font-family: FaunaOneRegular ,sans-serif;

    padding: 20px 0 0;

}

.sh_modal .col_box .col_50 .details h4{

    display: block;

}

.sh_modal .col_box .col_50 .details h4 span{

    color: #b69e7a;

}

.sh_modal .col_box .col_50 .details .btn{

    font-size: 14px;

    color: #b69e7a;

    text-transform: uppercase;

    transition: all 0.6s;

    padding: 10px;

    margin: 20px 0;

    letter-spacing: 0.1em;

    display: inline-block;

}

.sh_modal .col_box .col_50 .details .btn.primary{

    color: #fff !important;

    background-color: #b69e7a;

}

.sh_modal .col_box .col_50 .details .btn:hover{

    color: #fff;

    background-color: #fa9700;

    text-decoration: none;

}

.sh_modal .col_box #close_popup{

    position: absolute;

    top: 10px;

    right: 10px;

    cursor: pointer;

    z-index: 2;

}

.sh_modal .col_box #close_popup svg{

    width: 28px;

    transition: all 0.3s;

}

.sh_modal .col_box #close_popup:hover svg{

    -ms-transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

}

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

/* SHORE IBE M */

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

.booking_mobile{

    display: none;

}

#loyalguest-widget{

    opacity: 0;

}

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

/* SHORE SITE MAP */

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

.sh_wrapper .sh_content .sh_sitemap{

    width: 100%;

    text-align: left;

    padding: 100px 0;

}

.sh_wrapper .sh_content .sh_sitemap .sh_nav{

    font-family: FaunaOneRegular ,sans-serif;

    text-transform: uppercase;

    color: #b69e7a;

}

.sh_wrapper .sh_content .sh_sitemap .sh_nav:hover{

    color: #fa9700;

}

.sh_wrapper .sh_content .sh_sitemap .uk-nav{

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-gap: 10px;

}

.sh_wrapper .sh_content .sh_sitemap .uk-nav-sub a{

    color: #888 !important;

}.sh_wrapper .sh_content .sh_sitemap .uk-nav-sub a:hover{

    color: #fa9700 !important;

}



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

/* SHORE PAGE AWARDS */

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

.sh_wrapper .sh_content .sh_location{

    width: 100%;

    text-align: left;

    padding: 100px 0;

}



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

/* SHORE PAGE AWARDS */

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

.sh_wrapper .sh_content .sh_awards{

    width: 100%;

    text-align: left;

    padding: 100px 0;

}

.sh_wrapper .sh_content .sh_awards .base_box{

    position: relative;

}

.sh_wrapper .sh_content .sh_awards .col_10{

    display: inline-block;

}

.sh_wrapper .sh_content .sh_awards .col_item{

    padding: 25px;

}





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

/* SHORE PAGE NOT FOUND */

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

.sh_wrapper .sh_content .sh_found{

    width: 100%;

    text-align: left;

    padding: 100px 0;

}

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

/* SHORE VIDEO LAYER */

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

.video_layer{

    position: absolute;

    left: 10px;

    bottom: 10px;

    width: 50px;

    height: 50px;

    z-index: 3;

    /*cursor: pointer;*/

    display: block;

}

.video_layer .muted_layer{

    cursor: pointer;

}

.video_layer .muted_layer:before{

    position: absolute;

    content: "\f028";

    font-family: 'FontAwesome', 'sans-serif';

    font-size: 18px;

    color: #fff;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    width: 24px;

    height: 24px;

    display: block;

}

.video_layer .muted_layer:after{

    position: relative;

    content: "";

    height: 2px;

    width: 28px;

    background: #fff;

    left: -2px;

    border-radius: 10px;

    margin: 23px auto;

    display: block;

    transform: rotate(-140deg);

    -webkit-transform: rotate(-140deg);

    -moz-transform: rotate(-140deg);

    -o-transform: rotate(-140deg);

    -ms-transform: rotate(-140deg);

    transition: width 0.6s ease 0s;

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

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

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

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

}

.video_layer .muted_layer.active:after{

    width: 0;



}




.responsive-video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 -> 9/16x100 */
  overflow: hidden;
}
.video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}



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

/* VIDEO*/

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

/*html {overflow-x:hidden;}*/

/*body {margin:0;padding:0;}*/

* {

    box-sizing: border-box;

}
.item_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.sh_slideshow img{
    height: 100vh;
    width: 100%;
    object-fit: cover;
    display: block;
}
.sh_slideshow .box_slideshow{
    padding: 0;
}
.slide_show .uk-slideshow-items{
    height: 100vh!important;
    min-height: auto!important;
}
.sh_menu .uk-navbar-nav a{
    color: #8C7148;
}

.uk-light, .uk-section-primary:not(.uk-preserve-color), .uk-section-secondary:not(.uk-preserve-color), .uk-tile-primary:not(.uk-preserve-color), .uk-tile-secondary:not(.uk-preserve-color), .uk-card-primary.uk-card-body, .uk-card-primary > :not([class*='uk-card-media']), .uk-card-secondary.uk-card-body, .uk-card-secondary > :not([class*='uk-card-media']), .uk-overlay-primary, .uk-offcanvas-bar{
    color: #ffffff!important;
}