@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800|Open+Sans:400,600,700');



body { 
    font-family: 'Nunito Sans', sans-serif;
    /*font-size: 16px;*/ font-weight: 400; color: #333; letter-spacing: 0.025em; line-height: 1.2;
}
h1, h2, h3 { 
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700; color: #333; letter-spacing: 0em; line-height: 1; 
}
h4, h5, h6 { 
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700; color: #333; letter-spacing: 0.025em; line-height: 1.2; 
}
dl, ol, ul { line-height: 1.4; }
a { color: #f28b22; }
a:hover { color: #125ecb; }
p { line-height: 1.4; }
p:last-child { margin-bottom: 0; }
.nilpadding { padding: 0; }
.relative { position: relative; }
.img-center { display: block; margin: 0 auto; }

@media screen and (max-width: 1023px) {
    h2 { font-size: 2em; }
}
@media screen and (max-width:639px) {
    body { font-size: 14px; background-size: 100% 260px; }
    /*h2 { font-size: 1.8em; }*/
}



/*=======================================================*/
/*==============HEADER==============*/
header { font-family: 'Open Sans', sans-serif; text-align: center; /*position: absolute;*/ position: relative; top: 0px; width: 100%; z-index: 10; }
/*-----------Social Icon----------*/
.social-top ul { display: inline-block; margin: 0; }
.social-top ul li { display: inline-block; margin-right: 1em; }
.social-top ul li:last-child { margin-right: 0; }
.social-top ul li a { vertical-align: middle; display: inline-block; outline: 0; color: #5d5d5d; }
.social-top ul li a:hover { margin-top: -3px; }
.social-top ul li a.newsletter-btn { 
    font-size: 12px; font-weight: 700; color: #fff; text-transform: uppercase;
    background: #fc9100; padding: 0.2em 1em; border-radius: 50px;
}
/*----------*/
a.logo { display:inline-block; }
/*-----------Hamburger----------*/
.menuham { cursor: pointer; outline: 0; }
.menuham div {
    display: block; width: 25px; height: 2px; margin-bottom: 4px; background: #333; border-radius: 2px;
    ms-transform-origin: 4px 1px; -webkit-transform-origin: 4px 1px; transform-origin: 4px 1px;
    -webkit-transition: transform 0.3s cubic-bezier(0.77,0.2,0.05,1.0), -webkit-transform 0.3s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;
    transition: transform 0.3s cubic-bezier(0.77,0.2,0.05,1.0), -webkit-transform 0.3s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;
}
.menuham div:nth-child(3) { margin: 0; }
.menuham.change div:first-child { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.menuham.change div:nth-child(2) { opacity: 0; -ms-transform: rotate(0deg) scale(0.2, 0.2); -webkit-transform:rotate(0deg) scale(0.2, 0.2); transform: rotate(0deg) scale(0.2, 0.2); }
.menuham.change div:nth-child(3) { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
/*----------*/
.navi li > a { position: relative; display: inline-block; font-size: 13px; font-weight: 700; color: #585858; letter-spacing: 0.075em; text-transform: uppercase; }
.navi li.active > a { background: none; color: #a61134; }

/*----------Preventing FOUC----------*/
.no-js .responsive-menu { display:none; }

@media screen and (min-width: 64em) {
    .responsive-menu { display:block; position: relative; padding-bottom: 22px; }
    .no-js .menuham-wrap { display:none; }
    /*-----*/
    header { padding: 48px 0 0; background: rgba(255, 255, 255, 0.9); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
    /*-----*/
    .social-top { position: relative; }
    .social-top ul { position: absolute; top: -40px; right: 20px; }
    .social-top ul li a { font-size: 16px; }
    /*-----*/
    .logo-wrap { 
        width: 172px; position: absolute; bottom: 0; left: 50%; z-index: 1;
        -ms-transform: translate(-50%, -45%); -webkit-transform: translate(-50%, -45%); transform: translate(-50%, -45%); 
    }
    /*-----*/
    .navi-left,
    .navi-right { display: inline-block; width: 49%; vertical-align: middle; padding-left: 120px; padding-right: 120px; }
    .navi-left { text-align: right; }
    .navi-right { text-align: left; }
    /*-----*/
    .dropdown.menu { display: inline-block; position: static; }
    .dropdown.menu li > a { padding: 0; text-align: center; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
    .dropdown.menu > li { padding: 0px 15px; }
    .dropdown.menu > li:first-child { padding-left: 0px; }
    .dropdown.menu > li:last-child { padding-right: 0px; }
    .dropdown.menu > li > a:before { 
        content: ""; position: absolute; top: -15px; left: 50%; width: 1em; height: 1em; background: #a61134; border-radius: 50%; font-size: 5px;
        opacity: 0; visibility: hidden;
        -ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); transform: translate(-50%,0);
    }
    .dropdown.menu > li > a:hover::before,
    .dropdown.menu > li.active > a:before,
    .dropdown.menu > li.is-active > a:before { opacity: 1; visibility: visible; }
    .dropdown.menu > li.is-active > a,
    .dropdown.menu > li > a:hover { color: #a61134; }
    .dropdown.menu.large-horizontal > li { display: table-cell; vertical-align: middle; position: static; }
    .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { padding-right: 1.6rem; vertical-align: middle; }
    .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a:after {
        content: '\f078'; font-family: "Font Awesome 5 Free"; font-size: 12px; line-height: 0;
        width: inherit; height: inherit; display: inline-block; border:none; margin: 0;
    }
    .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a span { display: block; }
    /*-----*/
    .dropdown .submenu { border: none; background: rgba(235, 235, 235, 0.9); padding-top: 12px; padding-bottom: 12px; min-width:100%; box-shadow: inset 0px 5px 10px rgba(0, 0, 0, 0.05); text-align: left; }
    .dropdown .submenu li a:hover { color: #a61134; }
    /*-----*/
    .dropdown .submenu li ul li { display: inline-block; padding: .1rem 1rem; }
}
@media screen and (max-width: 1023px) {
    .social-top { background: rgba(255, 255, 255, 0.9); padding: 5px 20px; text-align: right; }
    .social-top ul li { margin-right: 0.5em; }
    .social-top ul li a { font-size: 12px; }
    /*-----*/
    .logobread-wrap { display: -ms-flexbox; display: flex; width: 100%; padding: 5px 20px; background: rgba(255, 255, 255, 0.9); }
    .logo-wrap { float: left; display: inline-block; width: 135px; margin: auto 0; }
    .menuham-wrap { float: right; margin: auto 0; margin-left: auto; padding: 10px 0; }
    /*-----*/
    .responsive-menu { display: block !important; }
    .responsive-menu.none { display: none !important; }
    /*-----*/
    .responsive-menu li { opacity: 0; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
    .responsive-menu li:not(:last-child),
    .responsive-menu .navi-left ul.navi > li:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .responsive-menu ul.navi > li { background: rgba(255, 255, 255, 0.95); }
    .responsive-menu .menu li a { 
        opacity: 0; padding: 0 2em; width: 100%; font-size: 12px; text-align: left;
        -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; 
    }
    .responsive-menu .menu li a:hover { 
        color: #a61134; padding-left: 2.3em; 
        -webkit-transition: all 0.5s ease; transition: all 0.5s ease; 
    }
    .responsive-menu .menu li.active > a { color: #a61134; }
    /*-----*/
    .responsive-menu.change li { opacity: 1; display: block; }
    .responsive-menu.change .menu li a { opacity: 1; padding-top: 0.8em; padding-bottom: 0.8em; }
    .responsive-menu.change .submenu { margin: 0 2em 10px; background: rgba(0, 0, 0, 0.1); }
    .responsive-menu.change .submenu ul { margin: 0; }
    /*-----*/
    .responsive-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { 
        content: '\f078'; font-family: "Font Awesome 5 Free"; font-weight: bold; 
        border: none; width: auto; height: auto; margin-top: -6px; right: 2.5em; 
    }   
}
/*----------CHANGES----------*/
@media screen and (min-width: 64em){
    .dropdown .submenu { display: block; visibility: hidden; opacity: 0; }
    .dropdown .submenu.js-dropdown-active { visibility: visible; opacity: 1; }
    .dropdown .submenu li { width: auto; /*display: inline-block;*/ position: relative; }
    .dropdown .submenu li ul { margin: 0; }
    .dropdown .submenu li ul li { display: table-cell; vertical-align: middle; white-space: nowrap; }
    .dropdown .submenu > li > div.row { 
        position: absolute; /*width: 500px;*/ /*right: 0;*/ left: 50%; text-align: right; 
        -ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); transform: translate(-50%,0);
    }
    .navi-right .is-dropdown-submenu-parent:last-child .submenu > li > div.row { 
        right: 0; left: auto;
        -ms-transform: none; -webkit-transform: none; transform: none;
    }
}



/*=======================================================*/
/*==============FOOTER==============*/
footer { 
    background: #a91d40; padding: 3em 2em 2em; position: relative; 
    font-weight: 700; text-align: center; text-transform: uppercase; color: #fff;
}
footer a:hover,
footer a:focus { color: rgba(255, 255, 255, 0.8); }
footer ul { margin:0; }
footer li { list-style:none; display: inline-block; }
footer li a { display: inline-block; color: #fff; -webkit-transition:color 0.3s ease-out; transition:color 0.3s ease-out; }
/*-----*/
.footerlink-wrap { margin-bottom: 10px; }
.footerlink-wrap ul li { position: relative; }
.footerlink-wrap ul li:not(:last-child):after { content: '|'; padding-left: 5px; }
/*-----*/
.social-bottom { margin-bottom: 13px; }
.social-bottom ul li { margin-right: 1em; }
.social-bottom ul li:last-child { margin-right: 0; }
.social-bottom ul li a { vertical-align: middle; }
.social-bottom ul li a:hover { margin-top: -3px; }
.social-bottom ul li a img { width: 19px; vertical-align: top; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.social-bottom ul li a:hover img { opacity: 0.8; }
/*-----------Scroll Top----------*/
.scroll_top {
    position:absolute; left:50%; top: -10px; width:1.2em; height: 1.2em; border-radius: 5px; 
    cursor:pointer; z-index:2; background: #a91e40;
    font-size: 30px; color:#fff; text-align:center; line-height: 1em;
    transform-origin: 0;
    -ms-transform: rotate(-45deg) translate(-50%,0); -webkit-transform: rotate(-45deg) translate(-50%,0); transform: rotate(-45deg) translate(-50%,0);
    -webkit-backface-visibility: hidden; backface-visibility: hidden;
}
.scroll_top i { 
    position:absolute; left:50%; top: 50%;
    -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0;
    -ms-transform: rotate(-45deg) translate(-50%,-50%); -webkit-transform: rotate(-45deg) translate(-50%,-50%); transform: rotate(-45deg) translate(-50%,-50%); 
}
.scroll_top:hover i {     
    -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
            animation-name: hvr-icon-bob-float, hvr-icon-bob;
    -webkit-animation-duration: .3s, .9s;
            animation-duration: .3s, .9s;
    -webkit-animation-delay: 0s, .3s;
            animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
            animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
            animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
            animation-direction: normal, alternate; }
    
@-webkit-keyframes hvr-icon-bob {
    0% { 
        -webkit-transform: rotate(-45deg) translate(-65%,-50%); 
                transform: rotate(-45deg) translate(-65%,-50%); 
    }
    50% { 
        -webkit-transform: rotate(-45deg) translate(-50%,-50%); 
                transform: rotate(-45deg) translate(-50%,-50%); 
    }
    100% { 
        -webkit-transform: rotate(-45deg) translate(-65%,-50%); 
                transform: rotate(-45deg) translate(-65%,-50%); 
    }
}
@keyframes hvr-icon-bob {
    0% { 
        -webkit-transform: rotate(-45deg) translate(-65%,-50%); 
                transform: rotate(-45deg) translate(-65%,-50%); 
    }
    50% { 
        -webkit-transform: rotate(-45deg) translate(-50%,-50%); 
                transform: rotate(-45deg) translate(-50%,-50%); 
    }
    100% { 
        -webkit-transform: rotate(-45deg) translate(-65%,-50%); 
                transform: rotate(-45deg) translate(-65%,-50%); 
    }
}
@-webkit-keyframes hvr-icon-bob-float {
    100% { 
        -webkit-transform: rotate(-45deg) translate(-65%,-50%); 
                transform: rotate(-45deg) translate(-65%,-50%); 
    }
}
@keyframes hvr-icon-bob-float {
    100% { 
        -webkit-transform: rotate(-45deg) translate(-65%,-50%); 
                transform: rotate(-45deg) translate(-65%,-50%); 
    }
}



/*=======================================================*/
/*==============CONTENT==============*/
a.effect-btn {
    display: inline-block; overflow: hidden; 
    font-size: 14px; font-weight: 800; color: #f28b22; text-align: center; text-transform: uppercase; letter-spacing: 0.2em; 
    -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; 
    -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden;
}
a.effect-btn:hover span{
    -webkit-animation: toTopFromBottom 0.3s forwards; animation: toTopFromBottom 0.3s forwards;
    display: inline-block; 
}
@-webkit-keyframes toTopFromBottom {
    49% { -webkit-transform: translateY(-100%); }
    50% { -webkit-transform: translateY(100%); }
}
@keyframes toTopFromBottom {
    49% { transform: translateY(-100%); }
    50% { transform: translateY(100%); }
}
a.moreBtn { 
    font-weight: bold; color: #f28b22; text-transform: uppercase;
    display: inline-block; background: #faebd7; margin-top: 10px; padding: 30px; 
    -webkit-transition: 0.1s ease-out; transition: 0.1s ease-out;
}
a.moreBtn:hover { box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.24); -webkit-transform: translateY(-10px); transform: translateY(-10px); }
a.btn_nm { 
    display: inline-block; border-radius: 5px; padding: 0.3em 1em; background: #666;
    font-size: 22px; font-weight: 800; color: #fff; text-align: center;    
}
a.btn_nm:hover { background: #c13b5c; }
/*-----*/
.bannertitle-wrap { 
    background-repeat: no-repeat; background-size: cover; background-position: center; 
    /*padding: 10em 2em 4em;*/ padding: 4em 2em 4em; position: relative; color: #fff; 
}
.bannertitle-wrap:before {
    content: ''; display: block; width: 100%; height: 100%; opacity: 0.7;
    background: rgba(0,0,0,0.7) url(../images/deco-dot.png); position: absolute; top: 0; left: 0; 
}
.bannertitle-wrap .desc { text-align: center; position: relative; }
.bannertitle-wrap .desc i { font-size: 28px; margin-bottom: 1em; }
.bannertitle-wrap .desc h2 { font-size: 36px; font-weight: 300; color: #fff; text-transform: uppercase; letter-spacing: 0.1em; }
.bannertitle-wrap .desc p { font-weight: 600; letter-spacing: 0.075em; margin-bottom: 0; }
/*-----*/
ul.insubmenu { position: absolute; bottom: 0; margin: 0; font-size: 0; }
ul.insubmenu li { display: inline-block; margin: 5px 1px 0; }
ul.insubmenu li a { 
    background: #898989; display: inline-block; padding: 7px 15px; 
    font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 10px; color: #fff; text-transform: uppercase; letter-spacing: 0.075em;
    -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out;
}
ul.insubmenu li a:hover { background: #bf234e; }
ul.insubmenu li.active a { background: #a9163e; }
/*-----*/
.contentwrap { padding: 3em 2em 3em; }
/*-----*/
ul.detaillist { margin: 0; }
ul.detaillist li { display: block; position: relative; margin-bottom: 0.6em; padding-left: 2.5em; }
ul.detaillist li:before { 
    content: ''; font-family: "Font Awesome 5 Free"; font-size: 15px; font-weight: bold; text-align: center; line-height: 2em; text-indent: 2px;
    width: 2em; height: 2em; border-radius: 50%; border: 1px solid #ccc;
    position: absolute; left: 0; top: 50%;
    -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%);
}
ul.detaillist li.direction:before { content: '\f5eb'; }
ul.detaillist li.time:before { content: '\f017'; font-weight: normal; }
ul.detaillist li.phone:before { content: '\f095'; }
ul.detaillist li.web { word-break: break-all; }
ul.detaillist li.web:before { content: '\f57e'; }
/*----------Reveal----------*/
.popreveal.reveal { margin: 0px auto 30px; padding: 0px; border: none; outline: 0; overflow: hidden; }
.popreveal.reveal .close-button { z-index: 1; background: #fff; width: 1em; height: 1em; }
/*-----*/
.zoomcon {
    border-radius: 50%; width: 1.5em; height: 1.5em; background: #fff; opacity: 0;
    font-size: 41px; font-weight: 100; text-align: center; line-height: 1.5em;
    position: absolute; top: 50%; left: 50%; cursor: pointer;
    -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
    -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out;
    -webkit-backface-visibility: hidden; backface-visibility: hidden;
}
.zoomcon:before { content: '+'; }
.pop-slide:hover .zoomcon:hover { opacity: 1; }
.pop-slide:hover .zoomcon { opacity: 0.6; }
/*-----*/
.popwrap .storelogo {
    /*position: absolute; top: 25px;*/ /*top: 0;*/ /*left: 0;*/ background: #ffffff; /*background: #f3f3f3;*/ z-index: 1;
    /*width: 3em; height: 3em;*/ width: 8em; height: 8em; /*margin-left: 4rem;*/ 
    /*border-left: 3px solid #333; border-right: 3px solid #333;*/ border-radius: 50%; border: 1px solid #ccc;
    font-size: 25px; line-height: 8em; text-align: center;
}
/*.popwrap .storelogo:before {
    content: ''; background: #fff; width: 100%; height: 100%; z-index: 1;
    position: absolute; top: 50%; left: 50%;
    -ms-transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); transform: translate(-50%,-50%) rotate(45deg);
}*/
/*.popwrap .storelogo:after {
    content: ''; margin: auto;  width: 45px; height: 41px; 
    border-left: 3px solid #333; border-top: 3px solid #333; 
    position: absolute; bottom: -20px; left: 0; right: 0;
        -ms-transform: rotate(33deg) skewX(-24deg);
    -webkit-transform: rotate(33deg) skewX(-24deg);
            transform: rotate(33deg) skewX(-24deg);
}*/
.popwrap .storelogo img { position: relative; z-index: 1; /*width: 50px;*/ width: 135px; }
/*-----*/
.popwrap .left { height: 100%; padding: 0; }
/*-----*/
.popwrap .right { position: relative; padding: 5em 2em 5em 4em; height: 100%; }
/*.popwrap .right:before { content: ''; position: absolute; right: 0; top: 30px; width: 50%; height: 40%; background: #ebebeb; z-index: -1; }*/
.popwrap .right .topdetail { margin-bottom: 3em; }
.popwrap .right .desc-wrap { height: 100%; padding-right: 2em; }
.popwrap .right .desc-wrap.scroll { overflow-y: auto; }
.popwrap .right .desc { position: relative; }
.popwrap .right .desc .cat { 
    font-size: 14px; font-weight: 800; color: #f28b22; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 5px; 
    position: absolute; right: 0; top: 0; z-index: 1;
}
.popwrap .right .desc .cat > a > span { display: block; }
.popwrap .right .desc h2 { font-size: 36px; font-weight: 800; letter-spacing: 0.03em; margin-bottom: 0.3em; padding-top: 1em; position: relative; }
/*.popwrap .right .desc h2:before {
    content: ''; width: 208px; height: 43px; opacity: 0.3;
    background: url(../images/deco-wave.png) no-repeat; background-size: contain; 
    position: absolute; left: 0; top: 0px; 
    -ms-transform: scale(0.6); -webkit-transform: scale(0.6); transform: scale(0.6);
    -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0;
    -webkit-filter: grayscale(1); filter: grayscale(1);
}*/
/*-----Scrollbar-----*/
.popwrap .right .desc-wrap::-webkit-scrollbar { width: 3px; }
.popwrap .right .desc-wrap::-webkit-scrollbar-track { background: transparent; }
.popwrap .right .desc-wrap::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.1); border-radius: 50px; }
.popwrap .right .desc-wrap::-webkit-scrollbar-thumb:hover { background: #aaa; }
.popwrap .right .desc-wrap::-webkit-scrollbar-thumb:active { background: #888; }
/*-----Scrolldown-----*/
.scrolldown { 
    position: absolute; bottom: 15px; left: 50%; padding-bottom: 20px; text-align: center; color: #ccc;
    -ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); transform: translate(-50%,0);
}
.scrolldown p { font-size: 12px; line-height: 1.2; margin: 0; }
/*!
 * Double Arrow Button (https://codepen.io/manelroig/pen/rJMVRO)
 * Copyright (c) 2018 by Manel Roig (https://codepen.io/manelroig)
 */
.arrow { position: absolute; top: 30px; left: 50%; margin-left: -5px; }
.arrow.two { margin-top: 5px; }
.bounceAlpha {
    animation-name: bounceAlpha; animation-duration: 1.4s;
    animation-iteration-count:infinite; animation-timing-function:linear;
}
.bounceAlpha.one { animation-delay: 0.2s; }
@-webkit-keyframes bounceAlpha {
    0% { 
        opacity: 1; 
        -webkit-transform: translateY(0px) scale(1); 
                transform: translateY(0px) scale(1); 
    }
    25% { 
        opacity: 0; 
        -webkit-transform: translateY(10px) scale(0.9); 
                transform: translateY(10px) scale(0.9); 
    }
    26% { 
        opacity: 0; 
        -webkit-transform: translateY(-10px) scale(0.9); 
                transform: translateY(-10px) scale(0.9); 
    }
    55% { 
        opacity: 1; 
        -webkit-transform: translateY(0px) scale(1); 
                transform: translateY(0px) scale(1); 
    }
}
@keyframes bounceAlpha {
    0% { 
        opacity: 1; 
        -webkit-transform: translateY(0px) scale(1); 
                transform: translateY(0px) scale(1); 
    }
    25% { 
        opacity: 0; 
        -webkit-transform: translateY(10px) scale(0.9); 
                transform: translateY(10px) scale(0.9); 
    }
    26% { 
        opacity: 0; 
        -webkit-transform: translateY(-10px) scale(0.9); 
                transform: translateY(-10px) scale(0.9); 
    }
    55% { 
        opacity: 1; 
        -webkit-transform: translateY(0px) scale(1); 
                transform: translateY(0px) scale(1); 
    }
}
/*-----Slider-----*/
.popslider { background: #ebebeb url(../css/ajax-loader.gif) no-repeat center; position: relative; height: 100%; }
.popslider.slick-initialized { background: #ebebeb; height: 100%; margin-bottom: 0; }
.popslider .slick-track,
.popslider .slick-list { height: 100%; }
.popslider .pop-slide { display: none; }
.popslider.slick-initialized .pop-slide { display: block; }
.pop-slide { 
    position:relative; outline:0; height: 100%; 
    background-size: cover; background-position: center; background-repeat: no-repeat;  
}
/*-----*/
.popslider .slick-dots { width: auto; bottom: 0; right: 0; margin-bottom: 30px; margin-right: 30px; line-height: 0; }
.popslider .slick-dots li { width: 15px; height: 15px; margin: 0 2px 2px; display: block; line-height: 6px; }
.popslider .slick-dots li button { 
    width: 10px; height: 10px; padding: 0; border:none; border-radius: 50%; border: 2px solid #fff; display: inline-block;
    -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out;
}
.popslider .slick-dots li.slick-active button, 
.popslider .slick-dots li button:hover, 
.popslider .slick-dots li button:focus { background: #fff; width: 12px; height: 12px; }
.popslider .slick-dots li button:before { content: none; }
/*-----*/
.popslider .slick-prev { 
    left: 0px; 
    -ms-transform:rotate(180deg) translate(0, -50%); -webkit-transform:rotate(180deg) translate(0, -50%); transform:rotate(180deg) translate(0, -50%); 
    -ms-transform-origin:top; -webkit-transform-origin:top; transform-origin:top;
}
.popslider .slick-next { right: 0px; }
.popslider .slick-arrow { 
    width: 35px; height: 70px; background: rgba(60, 6, 7, 0.4); border-radius:0; z-index:1; opacity: 0;
    -webkit-transition: background 0.3s ease, opacity 0.3s ease-out; transition: background 0.3s ease, opacity 0.3s ease-out; 
}
.popslider:hover .slick-arrow { opacity: 1; }
.popslider .slick-arrow:before { content:'\f054'; font-family: "Font Awesome 5 Free"; font-size: 20px; font-weight:bold; opacity:1; }
.popslider .slick-arrow:hover { background:rgba(60, 6, 7, 0.8); }
.popslider .slick-arrow.slick-disabled { opacity: 0.1; cursor: auto; }
.popslider .slick-arrow.slick-disabled:hover { background:rgba(60, 6, 7, 0.4); }
/*-----Newsletter-----*/
.newsletter-reveal.reveal { background: #fff; padding: 50px 30px; position: relative; text-align: center; }
.newsletter-reveal:before {
    position: absolute; left: 0; top: 0;
    content: ''; width: 100%; height: 100%; z-index: -1; /*opacity: 0.1;*/ opacity: 0.9;
    /*background: #fff url(../images/logo-rnfmall_small.png) no-repeat; background-position: center;*/
    border: 10px solid #333;
    background-repeat: no-repeat;
    background-image: url('../images/deco-dot_red.png'), url('../images/deco-dot_grey.png'), url('../images/deco-dots.png'), url('../images/deco-dot_border.png'), url('../images/deco-tri.png'), url('../images/deco-dot_red.png'), url('../images/deco-dots_slant.png'), url('../images/deco-circle_hor.png');
    background-position: left 20px top 20%, left 29% top 7%, center top 2%, right 12% top 2%, right 55px top 3%, left 25px center, right 5% bottom 30%, left 25px bottom -175px;
}
.newsletter-wrap { background: #fff; display: inline-block; margin: auto; padding: 30px; }
.newsletter-reveal h4 span { font-size: 1.2em; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; }
.newsletter-reveal form { font-size: 16px; }
.newsletter-reveal input[type="email"] {
    border: none; border-radius: 0px; box-shadow: none; display: inline-block;
    background: rgba(54, 54, 54, 0.1); width: 50%; height: auto; margin: 0; padding: 0.8em 4em 0.8em 1.5em; 
    font-size: 1em; font-weight: 700; line-height: 1;
}
.newsletter-reveal .submitwrap { display: inline-block; font-size: 1em; font-weight: 700; line-height: 1; }
.newsletter-reveal input[type="submit"] {
    background-color: #ffcc08; height: inherit; padding: 1em 1em; border: none; border-radius: 0; cursor: pointer;
    font-size: 1em; font-weight: bolder; color: #424242; text-align: center; text-transform: uppercase; line-height: 1;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
}
.newsletter-reveal input[type="submit"]:hover { background-color: #e2b400; }
.newsletter-reveal .status { margin-top: 10px; font-weight: 700; }
.success { color: #15b715; }
.fail { color: #b71515; }

@media screen and (min-width: 1024px) {
    .popwrap { height: 85vh; }
    /*-----*/
    .popwrap .storelogo { /*right: 100%; margin-right: -38px;*/ /*width: 4em; height: 5em;*/ }
    /*.popwrap .storelogo:after { width: 60px; height: 54px; bottom: -24px; border-left: 4px solid #333; border-top: 4px solid #333; }*/
}
@media screen and (max-width: 1023px) {
    /*.popwrap .storelogo { left: 0; }*/
    /*-----*/
    .popslider.slick-initialized { height: 500px; }
}
@media screen and (max-width: 639px) {
    a.effect-btn { font-size: 12px; }
    /*-----*/
    .bannertitle-wrap { /*padding: 8em 2em 4em;*/ }
    .bannertitle-wrap .desc i { font-size: 20px; }
    .bannertitle-wrap .desc h2 { font-size: 30px; }
    /*-----*/
    ul.detaillist li:before { font-size: 12px; }
    /*-----*/
    html.is-reveal-open.zf-has-scroll { overflow: hidden; }
    .popreveal.reveal { /*width: 85%; height: inherit; min-height: inherit;*/ margin: 0; overflow-y: auto;}
    .popwrap .storelogo { /*margin-left: 2rem;*/ width: 4em; height: 4em; line-height: 4em; }
    .popwrap .storelogo img { width: 70px; }
    /*-----*/
    .popwrap .right { padding: 4em 2em 2em 2em; }
    .popwrap .right .desc-wrap { padding-right: 0; }
    .popwrap .right .topdetail { margin-bottom: 2em; }
    .popwrap .right .desc h2 { font-size: 25px; padding-top: 1.5em; }
    /*-----*/
    .popslider.slick-initialized { height: 230px; }
    /*-----*/
    .newsletter-reveal form { font-size: 14px; }
    .newsletter-reveal input[type="email"] { display: block; width: 100%; margin-bottom: 5px; }
}




/*=======================================================*/
/*==============HOME==============*/
.homeslider-wrap { position: relative; }
/*----------Home slider----------*/
.homeslider { background: #fff url(../css/ajax-loader.gif) no-repeat center; position:relative; height: 200px; }
.homeslider.slick-initialized { background:inherit; height: auto; margin-bottom: 0; }
.homeslider .home-slide { display:none; }
.homeslider.slick-initialized .home-slide { display:block; }
.home-slide { position:relative; outline:0; }
.home-slide img { width: 100%; }
/*.home-slide:before {
    content: ''; display: block; width: 100%; height: 100%; opacity: 0.2; z-index: 1;
    background: url(../images/deco-dot.png); position: absolute; top: 0; left: 0; 
}*/
.home-slide .responsive-embed { padding-bottom: 51.6%; margin-bottom: 0; }
.home-slide video { object-fit: cover; }
.home-slide > a { position: relative; }
/*----------Home slider Button----------*/
.homeslider .slick-prev { 
    left: 50px; 
    -ms-transform:rotate(180deg) translate(0, -50%); -webkit-transform:rotate(180deg) translate(0, -50%); transform:rotate(180deg) translate(0, -50%); 
    -ms-transform-origin:top; -webkit-transform-origin:top; transform-origin:top;
}
.homeslider .slick-next { right: 50px; }
.homeslider .slick-prev, 
.homeslider .slick-next { 
    width:50px; height:50px; background:rgba(255, 255, 255, 0); border-radius:50%; z-index:1; 
    -webkit-transition:background 0.3s ease; transition:background 0.3s ease; 
}
.homeslider .slick-prev:before, 
.homeslider .slick-next:before { content:'\f054'; font-family: "Font Awesome 5 Free"; font-size:25px; font-weight:bold; opacity:1; }
.homeslider .slick-prev:hover, 
.homeslider .slick-next:hover { background:rgba(255, 255, 255, 0.5); border: 1px solid rgba(255, 255, 255, 0.4); }
/*----------Home slider dots----------*/
.homeslider .slick-dots { bottom: -40px; z-index: 1; padding: 0; line-height: 0; }
.homeslider .slick-dots li { width: 15px; height: 15px; margin: 0 1px 1px; line-height: 6px; }
.homeslider .slick-dots li button { 
    width: 10px; height: 10px; padding: 0; border:none; border-radius: 50%; border: 1px solid #96989a; display: inline-block;
    transition: 0.2s ease-out;
}
.homeslider .slick-dots li.slick-active button, 
.homeslider .slick-dots li button:hover, 
.homeslider .slick-dots li button:focus { background: #96989a; }
.homeslider .slick-dots li button:before { content: none; }
/*----------Homenew----------*/
.homenew-wrap { 
    position: relative; /*padding: 4em 3em 1em;*/ padding: 9em 3em 1em; overflow: hidden; 
    /*background-image: url('../images/arches.png'); */
    background-repeat: no-repeat;
    background-image: url('../images/deco-circle.png'), url('../images/deco-dot_grey.png'), url('../images/deco-dot_red.png'), url('../images/deco-dot_border.png'), url('../images/deco-wave_red.png');
    background-position: left 10% top -160px, right 30% top 35px, right 7% top 24%, left 10% bottom 0, right -85px top 10%;
}
/*.homenew-wrap:before { content: ''; position: absolute; top: 0; left: -10%; width: 500px; height: 269px; opacity: 0.1; background: url(../images/logo-rnfmall_small.png) no-repeat center; }*/
.homenew-wrap .title { margin-bottom: 30px; }
.homenew-wrap .title h2 { text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 0.3em; }
/*-----*/
.homenewslider { background: #fcfcfc url(../css/ajax-loader.gif) no-repeat center; position:relative; height: 200px; }
.homenewslider.slick-initialized { background: none; height: auto; /*padding: 0 40px;*/ margin-bottom: 0; }
.homenewslider .slick-list { margin-left: -15px; margin-right: -15px; }
.homenewslider .homenew-slide { display:none; }
.homenewslider.slick-initialized .homenew-slide { display:block; }
.homenew-slide { position:relative; outline:0; padding: 10px 15px; }
/*-----*/
.homenewslider .slick-prev { 
    left: -40px; 
    -ms-transform:rotate(180deg) translate(0, -50%); -webkit-transform:rotate(180deg) translate(0, -50%); transform:rotate(180deg) translate(0, -50%); 
    -ms-transform-origin:top; -webkit-transform-origin:top; transform-origin:top;
}
.homenewslider .slick-next { right: -40px; }
.homenewslider .slick-arrow { 
    width: 35px; height: 70px; background: rgba(60, 6, 7, 0.4); border-radius:0; z-index:1; 
    -webkit-transition:background 0.3s ease; transition:background 0.3s ease; 
}
.homenewslider .slick-arrow:before { content:'\f054'; font-family: "Font Awesome 5 Free"; font-size: 20px; font-weight:bold; opacity:1; }
.homenewslider .slick-arrow:hover { background:rgba(60, 6, 7, 0.8); }
.homenewslider .slick-arrow.slick-disabled { opacity: 0.1; cursor: auto; }
.homenewslider .slick-arrow.slick-disabled:hover { background:rgba(60, 6, 7, 0.4); }
/*-----*/
.homenew { background: #fff; box-shadow: 0 0 10px rgba(47, 49, 112, 0.15); border-radius: 8px; overflow: hidden; position: relative; }
.homenew .date { 
    position: absolute; top: 0; left: 0; z-index: 1;
    background: #fff; padding: 1.5em 1.5em 1em; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    font-size: 10px; font-weight: 700; text-align: center; text-transform: uppercase; line-height: 1;
}
.homenew .date span { display: block; }
.homenew .date span.day { font-size: 3em; margin-bottom: 3px; }
.homenew .date span.month { font-size: 1.3em; }
.homenew .date span.year { font-weight: 800; }
.homenew a { outline: 0; color: #fff; }
.homenew a:hover { /*color: #ff698f;*/ color: #444; }
.homenew .img { 
    width: 100%; height: 250px; display: block; border-radius: 8px 8px 0 0;
    background-repeat: no-repeat; background-position: center; background-size: cover;
    -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out;
}
.homenew .img:hover { -webkit-transform: scale(1.05); transform: scale(1.05); }
.homenew .detail { position: relative; /*background: #cdb879;*/ /*position: absolute; bottom: 0;*/ width: 100%; /*background: rgba(0,0,0,0.9);*/ background: #f18a22; padding: 1em 2em; text-align: center; }
.homenew .detail h5 { margin-bottom: 0; font-size: 18px; font-weight: 800; color: #fff; text-transform: uppercase; letter-spacing: 0.15em; }
/*----------Home Featured----------*/
.homefeature-wrap { 
    padding: 5em 2em 8em; position: relative; overflow: hidden; 
    background-repeat: no-repeat;
    background-image: url('../images/deco-dot_red.png'), url('../images/deco-dot_grey.png'), url('../images/deco-dots.png'), url('../images/deco-dot_border.png'), url('../images/deco-tri.png'), url('../images/deco-dot_red.png'), url('../images/deco-dots_slant.png'), url('../images/deco-circle_hor.png');
    background-position: left 20px top 20%, left 29% top 7%, center top 2%, right 12% top 2%, right 55px top 3%, left 25px center, right 5% bottom 30%, left 25px bottom -175px;
}
.homefeature-wrap:before {
    content: ''; width: 500px; height: 269px; position: absolute; bottom: 40%; right: -400px; opacity: 0.2; z-index: -1;
    background: url(../images/logo-rnfmall_small.png) no-repeat; background-position: bottom 20% right;   
}
.homefeature-wrap .headtitle { 
    min-height: 400px; padding: 2em; color: #fff; text-transform: uppercase;
    background: #fbbf13 url(../images/deco-feature.png) no-repeat top center; background-size: cover; 
}
.homefeature-wrap .headtitle h1 { font-size: 40px; font-weight: 600; color: #fff; letter-spacing: 0.2em; word-break: break-word; margin-top: 1em; margin-bottom: 0.3em; }
.homefeature-wrap .headtitle a { color: #fff }
/*-----*/
/*.homefeature-store-wrap { margin-bottom: 8em; }*/
.homefeature-store ul { margin: 0; list-style: none; }
.homefeature-store li { 
    width: 100%; min-height: 200px; display: block; position: relative;
    background-repeat: no-repeat; background-size: cover; background-position: center;
}
.homefeature-store li a { 
    opacity: 0; visibility: hidden;
    position: absolute; top: 50%; left: 50%; 
    width: 100%; height: 100%; padding: 15px; 
    font-size: 18px; font-weight: 700; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 0.15em;
    -ms-transform: translate(-50%, -50%) scale(0); -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0);
    -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out;
}
.homefeature-store li:hover a { 
    opacity: 1; visibility: visible; 
    -ms-transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); 
}
.homefeature-store li a > div { position: relative; width: 100%; height: 100%; display: inline-block; padding: 20px; background: rgba(0,0,0,0.35); line-height: 145px; }
.homefeature-store li a > div > span { line-height: 1; display: inline-block; }
.homefeature-store li a > div > span:before {
    content: '+'; display: block; margin-bottom: 0.8em; padding: 15px 19px;
    position: absolute; top: 0; right: 0; font-size: 20px;    
}
/*-----*/
.homefeature-offer-wrap { position: relative; }
.homefeature-offer-wrap:not(:last-child) { margin-bottom: 8em; }
.homefeature-offer-wrap:before {
    content: ''; width: 64px; height: 127px; position: absolute; top: -65px; right: 98%; z-index: -1;
    background: url(../images/deco-border.png) no-repeat; background-position: bottom 20% right;
}
.homefeature-offer-wrap .headtitle { background: #cd3728 url(../images/deco-feature.png) no-repeat top center; background-size: cover; text-align: right; }
/*-----*/
.offerslider { background: #fcfcfc url(../css/ajax-loader.gif) no-repeat center; position:relative; height: 200px; }
.offerslider.slick-initialized { background: none; height: auto; margin-bottom: 0; }
.offerslider .homenew-slide { display:none; }
.offerslider.slick-initialized .homenew-slide { display:block; }
.offer-slide { position:relative; outline:0; }
/*-----*/
.offerslider .slick-prev { 
    left: 0px; 
    -ms-transform:rotate(180deg) translate(0, -50%); -webkit-transform:rotate(180deg) translate(0, -50%); transform:rotate(180deg) translate(0, -50%); 
    -ms-transform-origin:top; -webkit-transform-origin:top; transform-origin:top;
}
.offerslider .slick-next { right: 0px; }
.offerslider .slick-arrow { 
    width: 35px; height: 70px; background: rgba(60, 6, 7, 0.4); border-radius:0; z-index:1; 
    -webkit-transition:background 0.3s ease; transition:background 0.3s ease; 
}
.offerslider .slick-arrow:before { content:'\f054'; font-family: "Font Awesome 5 Free"; font-size: 20px; font-weight:bold; opacity:1; }
.offerslider .slick-arrow:hover { background:rgba(60, 6, 7, 0.8); }
.offerslider .slick-arrow.slick-disabled { opacity: 0.1; cursor: auto; }
.offerslider .slick-arrow.slick-disabled:hover { background:rgba(60, 6, 7, 0.4); }
/*-----*/
.homeoffer { 
    width: 100%; min-height: 400px; position: relative;
    background-repeat: no-repeat; background-size: cover; background-position: center;
}
.homeoffer a { 
    opacity: 0; visibility: hidden;
    position: absolute; top: 50%; left: 50%; 
    width: 100%; height: 100%; background: rgba(0,0,0,0.35);
    font-size: 16px; font-weight: 700; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 0.15em; line-height: 375px;
    -ms-transform: translate(-50%, -50%) scale(0); -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0);
    -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out;
}
.homeoffer:hover a { 
    opacity: 1; visibility: visible; 
    -ms-transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); 
}

.homeoffer a > div { line-height: 1; display: inline-block; background: #cd3728; padding: 1em 1.5em; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2);
}
.homeoffer a > div:before {
    content: '+'; display: block; margin-bottom: 0.8em; padding: 15px 19px;
    position: absolute; top: 0; right: 0; font-size: 20px;    
}
.homeoffer h5 { 
    background: rgba(141, 141, 141, 0.7); margin-bottom: 0; padding: 1em 1em; width: 100%;
    font-size: 18px; font-weight: 800; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 0.15em; 
    position: absolute; bottom: 0; left: 0;    
}
/*-----*/
.homefeature-store-wrap.homenewstore { margin-bottom: 0; }
.homefeature-store-wrap.homenewstore .headtitle { background-color: #c61f4b; }
.homenewstore li { background-color: #ebebeb; background-size: inherit; }
.homenewstore > div:nth-child(odd) > ul li:nth-child(2) { background-color: #ccc; }
.homenewstore > div:nth-child(even) > ul li:nth-child(1) { background-color: #ccc; }
/*----------Home how to get there----------*/
.homehowtogetthere-wrap { 
    background-repeat: no-repeat; background-position: center; background-size: cover; 
    position: relative; min-height: 200px; padding: 9em 3em; 
    color: #fff; text-align: center; 
}
.homehowtogetthere-wrap:before {
    content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.5);
    position: absolute; top: 0; left: 0;
}
.homehowtogetthere-wrap h2 { font-weight: 800; color: #fff; text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 0.6em; }
.homehowtogetthere-wrap a { 
    display: inline-block; padding: 0.5em 1.5em; border: 2px solid #fff; 
    font-size: 20px; font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: 0.1em;
}

@media screen and (max-width: 1023px) {
    .homeslider-wrap { padding-top: 81px; padding-top: 0 !important; }
    /*-----*/
    .homeslider .slick-prev { left: 30px; } 
    .homeslider .slick-next { right: 30px; }
    /*-----*/
    .homenew-wrap:before { 
        -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8);
        -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; 
    }
    /*-----*/
    .homefeature-wrap .headtitle { min-height: 525px; }
    .homefeature-wrap .headtitle h1 { font-size: 35px; word-break: break-word; }
    /*-----*/
    .homefeature-store li { width: 50%; min-height: 175px; display: inline-block; float: left; }
    .homefeature-store li a { padding: 10px; font-size: 16px; }
    .homefeature-store li a > div { padding: 10px; line-height: 160px; }
    .homefeature-store li a > div > span:before { font-size: 18px; }
    /*-----*/
    .homeoffer { /*min-height: 263px;*/ min-height: 525px; }
    .homeoffer a { font-size: 14px; line-height: 275px; }
    .homeoffer h5 { font-size: 16px; }
}
@media screen and (max-width: 639px) {
    .homeslider .slick-prev, 
    .homeslider .slick-next { width: 35px; height: 35px; }
    .homeslider .slick-prev:before, 
    .homeslider .slick-next:before { font-size: 15px; }
    .homeslider .slick-next { right: 0px; }
    .homeslider .slick-prev { left: 0px; }
    /*-----*/
    .homeslider .slick-dots { bottom: -30px; }
    .homeslider .slick-dots li { width: 13px; height: 13px; line-height: 3px; }
	.homeslider .slick-dots li button { width: 8px; height: 8px; }
    /*-----*/
    .homenew-wrap { /*padding: 2em 1.5em 0em;*/ padding: 5em 1.5em 0em; }
    .homenew-wrap { 
        background-image: url('../images/deco-dot_grey.png'), url('../images/deco-dot_red.png');
        background-position: right 30% top 35px, right 7% top 24%;
    }
    .homenew-wrap:before { -ms-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); }
    .homenew-wrap .title { margin-bottom: 5px; }
    .homenew .img { height: 200px; }
    .homenew .detail h5 { font-size: 15px; }
    .homenewslider .slick-arrow { width: 25px; height: 50px; }
    .homenewslider .slick-arrow:before { font-size: 15px; }
    .homenewslider .slick-prev { left: 0; }
    .homenewslider .slick-next { right: 0; }
    /*-----*/
    .homefeature-wrap .headtitle { min-height: 125px; }
    .homefeature-wrap .headtitle h1 { font-size: 28px; }
    /*-----*/
    .homefeature-store-wrap:not(:last-child) { margin-bottom: 3em; }
    .homefeature-store li { min-height: 200px; }
    .homefeature-store li a { padding: 5px; font-size: 14px; }
    .homefeature-store li a > div { padding: 5px; line-height: 190px; }
    /*-----*/
    .homefeature-offer-wrap:before { content: none; }
    /*-----*/
    .homehowtogetthere-wrap { padding: 7em 3em; }
    .homehowtogetthere-wrap a { font-size: 16px; }
    /*-----*/
    .homeoffer a { font-size: 12px; line-height: 235px; }
    .homeoffer h5 { font-size: 14px; }
}
@media screen and (max-width: 500px) {
    .homefeature-store li { min-height: 150px; }
    .homefeature-store li a > div { line-height: 150px; }
    /*-----*/
    .homeoffer { min-height: 230px; }
}



/*=======================================================*/
/*==============OFFERS==============*/
.offerlist-wrap { counter-reset: offercount; }
.offerlist .desc { background: #fff; padding: 2em; position: relative; }
.offerlist .desc .date { font-weight: 600; margin-bottom: 5px; position: relative; }
.offerlist .desc .title { 
    font-size: 20px; font-weight: 800; color: #333; position: relative; 
    -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out;
}
.offerlist .desc .title:hover { color: #c7204b; }
.offerlist .desc a { outline: 0; }
.offerlist .desc a.effect-btn { color: #c7204b; letter-spacing: 0.1em; margin-top: 3em; position: relative; }
.offerlist .desc:before { 
    counter-increment: offercount; content: "0" counter(offercount); 
    font-size: 150px; font-size: 15vw; font-weight: 800; letter-spacing: 0; line-height: 1;
    position: absolute; left: -20%; top: 50%; opacity: 0.1; 
    -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%);
}
/*-----*/
.offerlist .img-wrap { overflow: hidden; padding: 0; position: relative; z-index: 1; }
.offerlist .img {
    width: 100%; height: 250px; display: block; 
    background-repeat: no-repeat; background-position: center; background-size: cover;
    -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out;
}
/*.offerlist .img:hover { -webkit-transform: scale(1.05); transform: scale(1.05); }*/
/*----------Offer Reveal----------*/
.promoslider.slick-initialized { padding: 30px; }
.promoslider .promo-slide { background-size: contain; }
.eventslider .event-slide { background-size: contain; }

@media screen and (max-width: 1023px) {
    .offerlist .desc { padding: 1.5em 1.5em 0; }
    .offerlist .desc a.effect-btn { margin-top: 2em; }

    .promoslider.slick-initialized { padding: 30px 10px; }
}
@media screen and (max-width: 639px) {
    .promoslider.slick-initialized { height: 300px; padding: 10px 10px; }
}









/*=======================================================*/
/*==============EVETNS==============*/
.eventlistrow { -webkit-transition:height 0.3s ease; transition:height 0.3s ease; }
.eventlistrow > .column:not(:last-child) { margin-bottom:2em; }
.eventlist { border-radius: 10px; overflow: hidden; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.05); }
/*-----*/
.eventlist .desc { /*background: #676767;*/ background: #f18a22; padding: 1em 2em; color: #fff; text-align: center; }
/*.eventlistrow > div:nth-child(even) .desc { background: #292929; color: #ccc; }*/
.eventlist .desc a { outline: 0; }
.eventlist .desc .title { 
    font-size: 20px; font-weight: 700; color: #fff; display: inline-block; /*margin-bottom: 0.8em;*/
    -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out;
}
.eventlistrow > div:nth-child(even) .desc .title { color: #fff; }
.eventlist .desc .title:hover { /*color: #c7204b;*/ color: #444; }
.eventlistrow > div:nth-child(even) .desc .title:hover { color: #444; }
.eventlist .date { 
    font-size: 10px; font-weight: 700; text-transform: uppercase; 
    position: relative; margin-top: 3em; padding-left: 2em; 
}
.eventlist .date:before { 
    content: '\f017'; font-family: "Font Awesome 5 Free"; font-size: 13px; font-weight: normal; text-align: center;
    position: absolute; left: 0; top: 50%;
    -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%);
}
/*-----*/
.eventlist .img { background-repeat: no-repeat; background-position: top center; background-size: cover; width: 100%; height: 15em; }
.eventlist .img a { position:relative; width:100%; height:100%; display:inline-block; overflow:hidden; outline:0; }
.eventlist .img a .search-wrap { width:100%; height:100%; }
.eventlist .img a .search-wrap:before {
    content:''; background:rgba(246,40,55,0.3); visibility:hidden; opacity:0;
    position:absolute; top:0px; left:0; width:100%; height:100%;
    -ms-transform:scaleX(0); -webkit-transform:scaleX(0); transform:scaleX(0);
    -webkit-transition:all 0.35s ease; transition:all 0.35s ease;
}
.eventlist .img a .search-wrap i {
    font-size:45px; color:#fff; position:absolute; top:50%; left:50%; 
    margin-top:-20px; margin-left:-20px; visibility:hidden; opacity:0;
    -ms-filter:drop-shadow(2px 1px 2px rgba(0,0,0,0.2)); -webkit-filter:drop-shadow(2px 1px 2px rgba(0,0,0,0.2)); filter:drop-shadow(2px 1px 2px rgba(0,0,0,0.2));
    -webkit-transition:all 0.7s ease; transition:all 0.7s ease;
}
.eventlist .img a:hover .search-wrap:before { visibility:visible; opacity:1; -ms-transform:scaleX(1); -webkit-transform:scaleX(1); transform:scaleX(1); }
.eventlist .img a:hover .search-wrap i { visibility:visible; opacity:1; }
/*-----*/
.popwrap.event .right .desc h2 { padding-top: 3em; }

@media screen and (max-width: 639px) {
    .eventlistrow > .column { padding: 0; }
}



/*=======================================================*/
/*==============EVETNS DETAILS==============*/
.event-small_desc { padding-left: 10px; }
.event-small_desc ul { margin: 0; }
.event-small_desc li { 
    padding: 1rem 1.5rem; position: relative; background-color: #ccc; overflow: hidden; 
    font-size: 26px; font-weight: 800; color: #fff; text-align: center; 
}
/*-----*/
.event-small_desc li:nth-child(1) { background-color: #f5989d; }
.event-small_desc li:nth-child(2) { background-color: #f5c298; }
.event-small_desc li:nth-child(3) { background-color: #f5d398; }
.event-small_desc li:nth-child(4) { background-color: #e4ceb5; }

.event-small_desc li h6 { font-size: 26px; font-weight: 800; text-align: left; opacity: 0.1; }
.event-small_desc li i[class*=fa-] { 
    position: absolute; bottom: -36px; right: -30px; opacity: 0.1; width: 1em;
    font-size: 10rem; color: #fff;
}
/*-----*/
.event-small_desc li .date { display: inline-block; position: relative; }
.event-small_desc li .day,
.event-small_desc li .month-year { display: inline-block; vertical-align: middle; }
.event-small_desc li .day { font-size: 48px; }
.event-small_desc li .month-year span { display: block; line-height: 1.2; }
.event-small_desc li .month-year span.month { font-size: 24px; text-transform: uppercase; }
.event-small_desc li .month-year span.year { font-size: 15px; font-weight: 400; }
.event-small_desc li .enddate:before { content: '~'; padding: 0 10px; font-size: 35px; }
/*-----*/
.event-small_desc li .time { display: inline-block; position: relative; }
.event-small_desc li .hour { font-size: 24px; display: inline-block; vertical-align: middle; }
.event-small_desc li sub, 
.event-small_desc li sup { font-size: 65%; }
.event-small_desc li .endtime:before { content: '~'; padding: 0 10px; font-size: 35px; }
/*-----*/
.event-small_desc li .desc { font-size: 24px; }
/*--------------------*/
.title-event { font-size: 30px; font-weight: 800; letter-spacing: 0.025em; line-height: 1.2; position: relative; margin-bottom: 1.5em; }
.title-event:after { content: ''; display: block; width: 70px; height: 4px; background: #fbaf5d; margin-top: 1em; margin-bottom: 1em; }
.lastctn { 
    font-size: 24px; font-weight: bold; text-align: center; line-height: 1.2;
    display: inline-block; width: 90%; margin: 30px auto 0;
}
/*.lastctn:before { content: '“'; display: block; margin-top: 35px; font-size: 4em; line-height: 0.2em; }*/
/*-----*/
.event_detail-content { padding: 3.5em 0; }
.event_detail-content .title-event { text-align: center; }
.event_detail-content .title-event:after { margin: 25px auto 0; }
.event_detail-content li { line-height: 1.2; }
.event_detail-content li:not(:last-child) { margin-bottom: 6px; }
/*-----*/
.event_detail-partner { background-color: #f6f6f6; padding: 2em; margin-left: -2em; margin-right: -2em; }
/*-----*/
.event_detail-related { padding: 2em 0; }

@media screen and (min-width: 1024px) {
    .event-small_desc li:nth-child(1){ margin-bottom: 6px; }
    .event-small_desc li:nth-child(2) { margin-top: 2px; margin-bottom: 4px; }
    .event-small_desc li:nth-child(3) { margin-top: 4px; margin-bottom: 2px; }
    .event-small_desc li:nth-child(4) { margin-top: 6px; }
}
@media screen and (max-width: 1023px) {
    .event-small_desc { padding-left: 0px; }
}
@media screen and (max-width: 800px) {
    .event-small_desc li { padding: 1rem 1rem; font-size: 20px; }
    .event-small_desc li h6 { font-size: 20px; }
    .event-small_desc li .day { font-size: 30px; }
    .event-small_desc li .month-year span { line-height: 1; }
    .event-small_desc li .month-year span.month { font-size: 14px; }
    .event-small_desc li .month-year span.year { font-size: 12px; }
    .event-small_desc li .enddate:before { padding: 0 2px; font-size: 20px; }
    .event-small_desc li .hour { font-size: 30px; }
}
@media screen and (max-width: 639px) {
    .title-event { font-size: 25px; }
    .lastctn { font-size: 20px; }
}




/*=======================================================*/
/*==============DIRECTORY==============*/
.storecontentwrap { padding: 2em 2em; }
.comingsoon {
    position: fixed; top: 50%; left: 50%; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.3); z-index: 10; text-align: center; display: none;
    -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.comingsoon h6 {
    position: absolute; top: 50%; left: 50%; background: #fff; padding: 30px;
    -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
/*-----*/
form.searchform { position: relative; margin-top: 30px; text-align: center; }
.search-input,
.search-select { display: inline-block; vertical-align: top; margin: 3px 8px; position: relative; }
.search-input button {
    position: absolute; top: 2px; right: 3px; cursor: pointer;
    background: #a9163e; border-radius: 50%; width: 2.858em; height: 2.858em;
    font-size: 14px; color: #fff; text-align: center;
}
.search-input button i { line-height: 2em; }
.search-input button:hover { background: #c72853; }
form.searchform input,
form.searchform select { 
    width: 15.75em; height: 2.75em; margin: 0; padding: 10px 20px; background-color: rgba(0, 0, 0, 0.35); border: 1px solid #fff; border-radius: 50px; box-shadow: none; 
    font-size: 16px; font-weight: 400; color: #fff; letter-spacing: 0.05em; 
}
form.searchform input:focus,
form.searchform select:focus { border: 1px solid #fff; box-shadow: 0 0 10px rgba(255, 255, 255, 0.6); background-color: rgba(0, 0, 0, 0.35); }
form.searchform input::-webkit-input-placeholder { color: #fff; }
form.searchform input:-moz-placeholder { color: #fff; opacity: 1; }
form.searchform input::-moz-placeholder { color: #fff; opacity: 1; }
form.searchform input:-ms-input-placeholder { color: #fff; }
form.searchform input { padding-right: 45px; }
form.searchform select { 
    cursor: pointer; background-position: right -1.1em center; background-size: 38px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' preserveAspectRatio='none' width='500px' height='500px' viewBox='0 0 500 500' enable-background='new 0 0 500 500' xml:space='preserve'%3e%3ccircle fill='%23440E62' cx='249.5' cy='249.5' r='249.5'/%3e%3cpath fill='%23FFFFFF' d='M242.404,303.961l-81.253-81.254c-3.919-3.919-3.919-10.272,0-14.19l9.477-9.477 c3.912-3.913,10.252-3.919,14.174-0.017l64.698,64.396l64.698-64.396c3.922-3.902,10.262-3.896,14.174,0.017l9.477,9.477 c3.919,3.919,3.919,10.272,0,14.19l-81.253,81.254C252.677,307.88,246.323,307.88,242.404,303.961L242.404,303.961z'/%3e%3c/svg%3e ");
}
form.searchform select:hover {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' preserveAspectRatio='none' width='500px' height='500px' viewBox='0 0 500 500' enable-background='new 0 0 500 500' xml:space='preserve'%3e%3ccircle fill='%2372289a' cx='249.5' cy='249.5' r='249.5'/%3e%3cpath fill='%23FFFFFF' d='M242.404,303.961l-81.253-81.254c-3.919-3.919-3.919-10.272,0-14.19l9.477-9.477 c3.912-3.913,10.252-3.919,14.174-0.017l64.698,64.396l64.698-64.396c3.922-3.902,10.262-3.896,14.174,0.017l9.477,9.477 c3.919,3.919,3.919,10.272,0,14.19l-81.253,81.254C252.677,307.88,246.323,307.88,242.404,303.961L242.404,303.961z'/%3e%3c/svg%3e");
}
/*----------Left Content----------*/
.leftconwrap { width: 300px; float: left; margin-top: 10px; padding-right: 20px; }
.leftcon {
    background: #f7f7f7; padding: 30px; word-break: break-word; overflow-y: auto;
    /*height: 100%;*/ /*min-height: calc(88vh - 2em);*/ max-height: calc(88vh - 2em);
}
/*-----Scrollbar-----*/
.leftcon::-webkit-scrollbar { width: 3px; }
.leftcon::-webkit-scrollbar-track { background: transparent; }
.leftcon::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.1); border-radius: 50px; }
.leftcon::-webkit-scrollbar-thumb:hover { background: #aaa; }
.leftcon::-webkit-scrollbar-thumb:active { background: #888; }
/*-----*/
.store_category ul { margin: 0; }
.store_category li {
    display: block; position: relative; padding-left: 35px; font-weight: 700;
    background-repeat: no-repeat; background-size: inherit; background-position: left center;
}
.store_category li:not(:last-child) { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #ccc; }
.store_category li i { 
    font-size: 13px; font-weight: bold; text-align: center; line-height: 2em; color: #fff;
    width: 2em; height: 2em; border-radius: 50%; background: #a9163e;
    position: absolute; left: 0; top: 40%;
    -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%);
}
/*.store_category li.all i { background: #e962a7; }
.store_category li.beauty i { background: #1e9bad; }
.store_category li.it i { background: #6a99a9; }
.store_category li.service i { background: #e79161; }
.store_category li.entertaint i { background: #d46131; }
.store_category li.fashion i { background: #a6339e; }
.store_category li.fnb i { background: #a70906; }
.store_category li.home i { background: #65b19d; }
.store_category li.concierge i { background: #c03643; }
.store_category li.atm i { background: #c3ae54; }
.store_category li.restroom i { background: #1c3565; }
.store_category li.parking i { background: #e05e27; }
.store_category li.dropoff i { background: #66210e; }*/

.store_category li a { color: #333; }
.store_category li a:hover { color: #f28b22; }
/*----------Right Content----------*/
/*.rightconwrap { overflow: hidden; }*/
.storelist-wrap { /*overflow: hidden;*/ padding-top: 40px; padding-bottom: 55px; }
.storelist .column { margin-top: -30px; margin-bottom: 30px; }
/*-----*/
.storewrap { position: relative; padding: 30px 10px 0px; text-align: center; }
.storewrap > .img { cursor: pointer; display: none; /*-webkit-filter: grayscale(1); filter: grayscale(1);*/ }
.storewrap .pop {
    /*position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden;*/
    background: #fff; /*box-shadow: 0 0 10px rgba(0,0,0,0.1);*/ padding: 30px 10px 0px; z-index: 1; border-radius: 5px; outline: 0;
    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
            transition: opacity 0.3s ease, visibility 0.3s ease;
            
    position: relative; display: block; border: 1px solid #ebebeb;
}
.storewrap.hover .pop { opacity: 1; visibility: visible; }
.storewrap .pop:before {
    content: '+'; background: rgba(0, 0, 0, 0.35); border-radius: 50%; color: #fff;
    position: absolute; top: 50px; left: 50%; width: 3em; height: 3em; line-height: 3em; 
    -ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); transform: translate(-50%,0);
    
    opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.storewrap .pop:hover::before { opacity: 1; visibility: visible; }
.storewrap .desc { padding: 20px 5px 20px; }
.storewrap .store_name { font-weight: 700; color: #333; margin-bottom: 3px; }
.storewrap .store_location { font-size: 12px; color: #ed145b; }
/*----------Stores Reveal----------*/

/*.storepop .popwrap .right .topdetail { padding-bottom: 180px; }*/
/*-----*/
.storeinfo { text-align: right; }
.storeinfo ul.detaillist li { padding-left: 0; padding-right: 2.5em; }
.storeinfo ul.detaillist li:before { left: inherit; right: 0; }
.storeinfo ul.detaillist li span { color: #bf2e2e; }

@media screen and (min-height: 730px) and (min-width: 1024px) {
    .storepop .popwrap .right { /*padding-top: 10em;*/ /*padding-bottom: 22.5em;*/ padding-bottom: 15.5em; }
    /*-----*/
    .storeinfo { position: absolute; right: 0; bottom: 0; padding-right: 50px; padding-bottom: 50px; }
    /*-----*/
    .storepop .scrolldown { bottom: inherit; }
}
@media screen and (min-width: 500px) and (max-width: 639px) {
    .storelist-wrap { padding-left: 50px; padding-right: 50px; }
}
@media screen and (min-width: 640px) {   
    form.searchform input { width: 30.75em; }

    .leftconwrap { width: 200px; }
    .storelist-wrap { width: calc(100% - 200px); float: right; }
}
@media screen and (min-width: 1200px) {
    .leftconwrap { width: 300px; }
    .storelist-wrap { width: calc(100% - 300px); }
}





/*=======================================================*/
/*==============DIRECTORY FLOORPLAN==============*/
.floorplancon { position: relative; cursor: auto; }
.floorname { text-align: center; margin-bottom: 2em; }
.floorplan_indicator { text-align: center; padding: 2em 0; }
.floorplan_indicator > .column { /*display: table; table-layout: fixed;*/ margin-bottom: 10px; }
.floorplan_indicator ul { margin: 0; }
.floorplan_indicator li { display: table-cell; vertical-align: middle; text-align: left; }
.floorplan_indicator img { width: 30px; margin-right: 5px; }

/*----------SVG----------*/
.svgimg-wrap { position: relative; margin-bottom: 2em; padding-bottom: 58%; overflow: auto; }
.svgimg-wrap::-webkit-scrollbar { width: 3px; height: 3px; }
.svgimg-wrap::-webkit-scrollbar-track { background: transparent; }
.svgimg-wrap::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.1); border-radius: 50px; }
.svgimg-wrap::-webkit-scrollbar-thumb:hover { background: #aaa; }
.svgimg-wrap::-webkit-scrollbar-thumb:active { background: #888; }
/*-----*/
.svgimg-wrap svg { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.svgimg-wrap path:not(.pathbg),
.svgimg-wrap polygon:not(.pathbg),
.svgimg-wrap rect:not(.pathbg) { opacity: 0.5; }
.svgimg-wrap path:hover:not(.pathbg),
.svgimg-wrap polygon:hover:not(.pathbg),
.svgimg-wrap rect:hover:not(.pathbg) { opacity: 1; cursor: pointer; }
.svgimg-wrap path.active,
.svgimg-wrap polygon.active,
.svgimg-wrap rect.active { opacity: 1; stroke: red; stroke-width: 2; }
/*----------Map Controller----------*/
ul.map-control { margin: 0; position: absolute; left: 100%; text-align: center; }
ul.map-control li { display: block; }
ul.map-control > li:not(:last-child) { margin-bottom: 20px; }
/*-----*/
ul.floorlist-wrap { margin: 0; }
ul.floorlist-wrap li:not(:last-child) { margin-bottom: 5px; }
ul.floorlist-wrap li a {
    font-size: 14px; font-weight: 800; color: #fff; text-align: center; line-height: 2.8em;
    width: 2.8em; height: 2.8em; display: inline-block; border-radius: 50%; background: #464646; cursor: pointer; outline: 0;
}
ul.floorlist-wrap li a:hover,
ul.floorlist-wrap li.active a { background: #a9163e;}
/*-----*/
ul.zoominout-wrap { margin: 0; }
ul.zoominout-wrap li:not(:last-child) { margin-bottom: 5px; }
ul.zoominout-wrap li button {
    font-size: 15px; color: #666; text-align: center; line-height: 2.5em;
    width: 2.5em; height: 2.5em; border-radius: 50%; border: 1px solid #d7d7d7; cursor: pointer; outline: 0;
}
ul.zoominout-wrap li button:hover { background: #464646; border-color: #464646; color: #fff; }
/*----------Store List----------*/
ul.store_locate_list { margin: 0; }
ul.store_locate_list > li { display: inline-block; margin-bottom: 1.5em; padding: 0 10px; vertical-align: top; }
ul.store_locate_list > li > h6 { padding: 6px 16px; background: #b67466; border-radius: 5px; color: #fff; opacity: 0.5; }
ul.store_locate_list > li > h6.active { background: #a9163e; opacity: 1; }

ul.store_locate_list > li ul { margin: 0; }
ul.store_locate_list > li li { display: block; padding: 0 10px; }
ul.store_locate_list > li li span { width: 49%; display: inline-block; padding: 0 5px; vertical-align: top; font-weight: 700; color: #333; }
ul.store_locate_list > li li span.where { /*color: #b67466;*/ color: #333; }
/*ul.store_locate_list > li li.active span.where { color: #a9163e; }*/
ul.store_locate_list > li li a { display: block; }
ul.store_locate_list > li li a { opacity: 0.3; }
ul.store_locate_list > li li a:hover,
ul.store_locate_list > li li.active a { opacity: 1; /*background: #faebd7;*/ background: #ececec; }

@media screen and (min-width: 640px) {   
    .floorplancon { padding: 0 20px; }
    /*-----*/
    ul.store_locate_list > li { width: 49%; }
}
@media screen and (min-width: 1024px) {   
    .floorplancon { padding: 0 80px; }
    ul.map-control { right: 0; left: inherit; }
    /*-----*/
    ul.store_locate_list > li { width: 32%; }
}
@media screen and (max-width: 639px) {
    ul.map-control { left: 102%; }
    ul.floorlist-wrap li a,
    ul.zoominout-wrap li button { font-size: 10px; }
    /*-----*/
    ul.store_locate_list > li { width: 100%; margin-bottom: 1em; padding: 0; }
}








/*=======================================================*/
/*==============GALLERY==============*/
.imggallery .img { width: 100%; height: 15em; display: block; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; }
.imggallery .img:before {
    content: '\f019'; font-family: "Font Awesome 5 Free"; font-weight: bold; color: #fff; text-align: center; line-height: 3em;
    background: rgba(0, 0, 0, 0.5); border-radius: 50%; opacity: 0;
    display: inline-block; width: 3em; height: 3em; position: absolute; top: 50%; left: 50%;
    -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
}
.imggallery .img:hover::before { opacity: 1; }






/*=======================================================*/
/*==============PRESS RELEASE==============*/
.prelease_list ul { margin: 0; }
.prelease_list li { display: block; }
.prelease_list li:not(:last-child) { margin-bottom: 5px; }
.prelease_list li a.btn_nm { width: 100%; }
.prelease_list li.active a.btn_nm { background: #a91d40; }
/*-----*/
.mediavisit-wrap { background: url(../images/bg-media.jpg); position: relative; margin-top: 3em; margin-bottom: 1em; padding: 2em 2em; }
.mediavisit-wrap i { position: absolute; top: -10px; right: 30px; font-size: 3em; }
.mediavisit-wrap p { font-size: 14px; }
.mediavisit-wrap a[href*=mailto] { word-break: break-all; }
/*-----*/
a.btn_nm.btn-imgllry { font-size: 16px; padding: 0.5em 2em; background: #f26c4f; margin: auto; }
a.btn_nm.btn-imgllry:hover { opacity: 0.9; }
/*---------------*/
.prelease-content { display: inline-block; width: 100%; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); margin-bottom: 1em; margin-top: 20px; padding: 2em; }
.prelease-content .section:not(:last-child) { margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #f1f1f1; }
.prelease-content h3.title { display: inline-block; background: #f4f4f4; padding: 0.2em 0.3em 0.1em 2em; color: #f26c4f; font-weight: 800; }
.prelease-content ul { margin-bottom: 0; }
.prelease-content li { display: inline-block; margin-top: 25px; margin-bottom: 25px; padding-left: 10px; width: 100%; position: relative; }
.prelease-content li:last-child { margin-bottom: 0; }

.prelease-content li a:before { content: ''; position: absolute; top: 0px; left: -20px; height: 100%; border-left: 5px solid #e1e1e1; }
.prelease-content li a:after { content: ''; position: absolute; bottom: -25px; left: 0; width: 100%; border-bottom: 1px dashed #ccc; }
.prelease-content li:last-child a::after { content: none; }
.prelease-content li a h6 {
    display: block; margin-bottom: 1em;
    font-size: 20px; font-weight: 800; color: #333; line-height: 1.3;
}
.prelease-content li a:hover h6 { color: #a91d40; }
.prelease-content li a:hover::before { border-color: #a91d40; }
.prelease-content p.date { color: #888; }
/*--------Press Release Details-------*/
.prelated-wrap { background: #f5f5f5; padding: 2em; }
.prelated-wrap ul { margin-bottom: 0; }
.prelated-wrap li { display: inline-block; margin-top: 15px; margin-bottom: 15px; width: 100%; position: relative; }
.prelated-wrap li:last-child { margin-bottom: 0; }
.prelated-wrap li a {
    display: block; 
    font-size: 14px; color: #333; line-height: 1.2;
}
.prelated-wrap li a:hover { color: #a91d40; }
.prelated-wrap li a:hover::before { border-color: #a91d40; } 
.prelated-wrap li a:before { content: ''; position: absolute; top: 0px; left: -20px; height: 100%; border-left: 3px solid #e1e1e1; }
.prelated-wrap li a:after { content: ''; position: absolute; bottom: -15px; left: 0; width: 100%; border-bottom: 1px dashed #ccc; }
.prelated-wrap li:last-child a::after { content: none; }
/*---------------*/
.prelease_detail-content { display: inline-block; width: 100%; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); margin-bottom: 1em; margin-top: 10px; }
.prelease_detail-content .title-section { padding: 2em; border-bottom: 1px solid #e1e1e1; }
.prelease_detail-content .content-section { padding: 2em; letter-spacing: 0.01em; }
.prelease_detail-content .content-section li:not(:last-child) { margin-bottom: 15px; }
.prelease_detail-content p.date { color: #888; }




@media screen and (min-width: 64em) {
    .right-prelease { width: calc(100% - 300px); float: right; }
}
@media screen and (max-width: 1201px) {
    .left-prelease { width: 250px; }
    .right-prelease { width: calc(100% - 250px); float: right; }
}
@media screen and (max-width: 639px) {
    .left-prelease { width: 100%; padding-right: 0; margin-bottom: 2em; }
    .right-prelease { width: 100%; overflow: visible; }
    .small-hide { display: none; }

    .prelease-content { padding: 1.5em; margin-top: 10px; }
    .prelease-content .section:not(:last-child) { 
        margin-bottom: 20px; padding-bottom: 0px; border-bottom: none; 
    }
    .prelease-content .accordion-title {
        font-size: 16px; font-weight: 800; color: #fff; text-align: center;
        display: block; border-radius: 5px; border: none; background: #f26c4f; margin-bottom: 10px; padding: 0.5em 2em;
    }
    .prelease-content :last-child:not(.is-active) > .accordion-title { border-radius: 5px; }
    .prelease-content li { margin-top: 20px; margin-bottom: 20px; padding-left: 0; }
    .prelease-content li a:before { border-left: 2px solid #e1e1e1; }
    .prelease-content li a h6 { font-size: 16px; }
    .prelease-content p.date,
    .prelease_detail-content  p.date { font-size: 12px; }

    .prelease_detail-content .title-section,
    .prelease_detail-content .content-section { padding: 1.5em; }
}

/*------------- Hello! JayJay -------------*/
.sitemap { margin-bottom: 30px; }
ul.event-2 li { margin-bottom: 15px !important; }
.sitemap .site-menu ul li { display: block; margin-bottom: 10px; text-align: left; padding: 0 80px; }
ul.social-icon { padding: 0 80px; text-align: left; }
ul.social-icon li { display: inline-block !important; padding: 0 10px !important; text-align: left; }

/*=======================================================*/
/*==============FAQ==============*/
.services-opening { background-repeat: no-repeat; background-image: url(../images/deco-wave.png), url(../images/deco-dots_slant.png), url(../images/deco-dot_red.png), url(../images/deco-dot_border.png), url(../images/deco-dot_grey.png), url(../images/deco-tri.png);
    background-position: right -80px bottom 33%, left -10px top 60%, right 7% top 44%, left 50% top 33%, right 85px top 90%, left 10% bottom 0;
    background-attachment: fixed; }
.general, .powerbank, .amenities, .lostnfound, .others { padding-top: 3em; }
.general h2, .powerbank h2, .amenities h2, .lostnfound h2, .others h2 { text-align: center; }
.faq-head { font-size: 30px; font-weight: 800; letter-spacing: 0.025em; line-height: 1.2; position: relative; margin-bottom: 1.5em; }
.faq-head:after { content: ''; display: block; width: 70px; height: 4px; background: #fbaf5d; margin: 20px auto 0; }
.general h4, .powerbank h4, .amenities h4, .lostnfound h4, .others h4 { text-align: center; margin-bottom: 15px; font-size: 26px; }
hr.line-left, hr.line-right { width: 15%; display: inline-block; margin: 8px; }
.faq-title { font-size: 16px; color: #6F6F6F; }
a.faq-title:hover, a.faq-title:focus { color: #FFF; background: #808080ab; }

@media ( max-width: 1024px ) {
    .general, .powerbank, .amenities, .lostnfound, .others { padding: 3em 2em; }
    .faq-title { font-size: 14px; color: #6F6F6F; }
}

@media ( max-width: 768px ) {
    .sitemap .site-menu ul li, ul.social-icon  { padding: 0 20px; }
}

@media ( max-width: 414px ) {
    .sitemap { margin-bottom: 5px; }
    .site-menu { display: none; }
    .mobile-footer { display: block; }
    .sitemap .mobile-footer ul li { text-align: center; }
    ul.social-icon { text-align: center; }
    li.newsl { display: none !important; }
    .general h4, .powerbank h4, .amenities h4, .lostnfound h4, .others h4 { font-size: 16px; }
    hr.line-left, hr.line-right { width: 15%; margin: 5px; }
}

@media ( max-width: 360px ) {
    hr.line-left, hr.line-right { display: none; }
}

@media ( max-width: 320px ) {
    hr.line-left, hr.line-right { display: none; }
}

/****** JayJay Code - 04122019******/
.storewrap .store_name { font-size: 14px; }

/****** JayJay Code - 16032020 ******/
@font-face {font-family: 'fontawesome'; src: url('../webfonts/fa-brands-400.ttf');}
@font-face {font-family: 'fontawesome'; src: url('../webfonts/fa-regular-400.ttf');}
@font-face {font-family: 'fontawesome'; src: url('../webfonts/fa-solid-900.ttf');}

.blog-height {padding: 2rem 0;}
.article-blog {margin-bottom: 1rem; padding: 0;}
h4.blog-page-title {font-size: 20px; margin-bottom: 0;}
.blog-hr {border-bottom: 3px solid #a91d40; margin: 10px 0 2rem; position: relative;}
.blog-hr:after {color: #a91d40; content: '\f0d7'; font-family: 'fontawesome'; font-size: 21px; left: 30px; position: absolute; top: -8px;}
.blog-sub-title {border: none; color: #818181; font-size: 14px; font-weight: bold; padding: 10px 20px; position: relative;}
.blog-sub-title:hover,.blog-sub-title:focus, .is-active a.blog-sub-title {background: transparent; color: #a91d40;}
.blog-sub-title:before {content: '\f105'; font-family: 'fontawesome'; left: 5px; position: absolute; top: 17px;}
.is-active > .blog-sub-title::before {content: '\f107';}
:last-child:not(.is-active) > .blog-sub-title {border-bottom: none; border-radius: 0;}
.blog-content {border: none; padding: 10px;}
h4.blog-title {margin-bottom: 0;}
.blog-short-desc {margin-top: 12px;}
.blog-short-desc div a {font-size: 12px;}
.blog-fill-title span {color: #6C6C6C; font-size: 16px; /* padding-left: 10px; */}
.blog-popular-post h2 {font-size: 20px; margin-bottom: 2rem; position: relative;}
.blog-popular-post h2:after {border-bottom: 2px solid #cacaca; bottom: -13px; content: ''; left: 0; position: absolute; width: 30%;}
.popular-title {padding: 0;}
.popular-title small {margin-bottom: 20px;}
.popular-title small i, .popular-title small p {display: inline-block;}

@media screen and (max-width: 1024px) {
    .blog-thumb {margin-bottom: 1rem; text-align: center;}
    h4.blog-title {font-size: 30px;}
    .popular-post img {margin-bottom: 1rem;}
    .popular-title > p {font-size: 18px; margin-top: 5px;}
}

@media screen and (max-width: 991px) {
    h4.blog-page-title {font-size: 16px;}
}

@media screen and (max-width: 639px) {
    .article-column {margin-bottom: 2rem;}
    h4.blog-page-title {font-size: 16px;}
    .blog-hr {margin-bottom: 1rem;}
    .blog-details {margin-bottom: 2rem;}
    .blog-fill-title span {display: block; padding: 10px 0;}
}

@media screen and (max-width: 500px) {
    h4.blog-title {font-size: 24px;}
}


/* Jayjay Code - 20042020 */
.blog-thumb {height: 120px; margin-bottom: 10px; overflow: hidden;}
h4.blog-title {font-size: 16px;}

@media screen and (max-width: 639px) {
    .blog-thumb {height: 200px;}
}

/* JayJay Code - 21042020 */
.blog-fill-title {margin-bottom: 1rem;}
.blog-fill-title h2 {font-size: 30px; margin-bottom: 1rem;}
.blog-article-info p {line-height: 1.4;}
.popular-title > p {font-size: 14px; font-weight: 700;}
.popular-post {margin-bottom: 10px;}
.popular-post > .popular-post-img {height: 100px;}
.popular-title {padding: 0 10px;}
.popular-title a {font-size: 14px;}

@media screen and (max-width: 639px) {
    .blog-fill-title h2 {font-size: 26px; margin-bottom: 10px;}
    .popular-post > .popular-post-img {height: 200px; margin-bottom: 10px;}
}

@media screen and (max-width: 500px) {
    .blog-fill-title h2 {font-size: 20px;}
    .blog-fill-title span {font-size: 14px;}
}

/* JayJay Code - 18052020 */
.language-tabs, .language-tabs-content {border: none;}
.language-tabs-panel {padding: 5px;}
.language-tabs-title {background-color: #cccccc1f; text-align: center; width: 40%;}
.language-tabs > .is-active {background-color: transparent;}
.language-tabs-title a {border: 1px solid #cccccc1f; color: #333333; font-size: 16px; font-weight: 700; outline: none; padding: 10px 20px;}
.language-tabs-title a:hover {background-color: #cccccc1f; color: #a91d40;}
.language-tabs-title > a:focus, .language-tabs-title > a[aria-selected='true'] {background-color: transparent; border: 1px solid #cccccc1f; color: #a91d40; font-weight: 700;}

@media screen and (max-width: 639px) {
    .language-tabs {text-align: center;}
    li.language-tabs-title {background-color: #cccccc1f; display: inline-block; float: none; text-align: center; width: 45%;}
    li.language-tabs-title a {font-size: 14px;}
}

div.marina_place {border-bottom: 2px solid #fc9100; left: 10% !important; top: 50% !important;}
div.marina_place ul {margin-bottom: 0;}
div.marina_place ul li {font-size: 14px; margin-bottom: 10px;}
div.marina_place ul li strong {font-size: 16px;}
.positioning_padding {padding: 10rem 0 7rem;}
.shu_guo_hot_pot {margin-bottom: 8rem;}
.shu_guo_hot_pot h2 {margin-bottom: 2rem; text-align: center;}
.shu_guo_hot_pot .shu_guo_img {background-position: 100% 70%; background-repeat: no-repeat; background-size: cover; margin-bottom: 1rem; min-height: 300px;}
.shu_guo_hot_pot .shu_guo_desc p {line-height: 1.6; margin-bottom: 1rem;}

@media screen and (max-width: 1780px) {
    div.marina_place {top: 45% !important;}
}

@media screen and (max-width: 1380px) {
    div.marina_place {left: 0 !important;}
    .positioning_padding {padding: 5rem 0 7rem;}
}

@media screen and (max-width: 1300px) {
    .shu_guo_hot_pot {padding: 0 15px;}
}

@media screen and (max-width: 639px) {
    .positioning_padding {padding: 3rem 0 5rem;}
    .shu_guo_hot_pot .shu_guo_img {min-height: 200px;}
}