@font-face { font-family: 'OpenSans Regular';
  src: url(fonts/OpenSans-Regular.ttf); 
}

@font-face {
    font-family: 'OpenSans Regular';
    src: url(fonts/OpenSans-Regular.eot);
}

@font-face {
    font-family: 'Lato-Regular';
    src: url('fonts/Lato-Regular.eot');
    src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Regular.woff2') format('woff2'), url('fonts/Lato-Regular.woff') format('woff'), url('fonts/Lato-Regular.ttf') format('truetype'), url('fonts/Lato-Regular.svg#Lato-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Kaushan Script';
    src: url('fonts/KaushanScript-Regular.eot');
    src: url('fonts/KaushanScript-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/KaushanScript-Regular.woff2') format('woff2'), url('fonts/KaushanScript-Regular.woff') format('woff'), url('fonts/KaushanScript-Regular.ttf') format('truetype'), url('fonts/KaushanScript-Regular.svg#KaushanScript-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PlayfairDisplay-BoldItalic';
    src: url('fonts/PlayfairDisplay-BoldItalic.eot');
    src: url('fonts/PlayfairDisplay-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/PlayfairDisplay-BoldItalic.woff') format('woff'),
        url('fonts/PlayfairDisplay-BoldItalic.ttf') format('truetype'),
        url('fonts/PlayfairDisplay-BoldItalic.svg#PlayfairDisplay-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'PlayfairDisplay';
    src: url('fonts/PlayfairDisplay-Regular.eot');
    src: url('fonts/PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/PlayfairDisplay-Regular.woff') format('woff'),
        url('fonts/PlayfairDisplay-Regular.ttf') format('truetype'),
        url('fonts/PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PlayfairDisplay-Italic';
    src: url('fonts/PlayfairDisplay-Italic.eot');
    src: url('fonts/PlayfairDisplay-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/PlayfairDisplay-Italic.woff') format('woff'),
        url('fonts/PlayfairDisplay-Italic.ttf') format('truetype'),
        url('fonts/PlayfairDisplay-Italic.svg#PlayfairDisplay-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'PlayfairDisplay-Bold';
    src: url('fonts/PlayfairDisplay-Bold.eot');
    src: url('fonts/PlayfairDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/PlayfairDisplay-Bold.woff') format('woff'),
        url('fonts/PlayfairDisplay-Bold.ttf') format('truetype'),
        url('fonts/PlayfairDisplay-Bold.svg#PlayfairDisplay-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}



@font-face {
    font-family: 'SourceSansPro-SemiBold';
    src: url('fonts/SourceSansPro-SemiBold.eot');
    src: url('fonts/SourceSansPro-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/SourceSansPro-SemiBold.woff') format('woff'),
        url('fonts/SourceSansPro-SemiBold.ttf') format('truetype'),
        url('fonts/SourceSansPro-SemiBold.svg#SourceSansPro-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-BoldItalic';
    src: url('fonts/SourceSansPro-BoldItalic.eot');
    src: url('fonts/SourceSansPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/SourceSansPro-BoldItalic.woff') format('woff'),
        url('fonts/SourceSansPro-BoldItalic.ttf') format('truetype'),
        url('fonts/SourceSansPro-BoldItalic.svg#SourceSansPro-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'SourceSansPro-Bold';
    src: url('fonts/SourceSansPro-Bold.eot');
    src: url('fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/SourceSansPro-Bold.woff') format('woff'),
        url('fonts/SourceSansPro-Bold.ttf') format('truetype'),
        url('fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro';
    src: url('fonts/SourceSansPro-Regular.eot');
    src: url('fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/SourceSansPro-Regular.woff') format('woff'),
        url('fonts/SourceSansPro-Regular.ttf') format('truetype'),
        url('fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-Light';
    src: url('fonts/SourceSansPro-Light.eot');
    src: url('fonts/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/SourceSansPro-Light.woff') format('woff'),
        url('fonts/SourceSansPro-Light.ttf') format('truetype'),
        url('fonts/SourceSansPro-Light.svg#SourceSansPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.loadingbg {
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 10000;
}

.loadinginnerbg {
    background-color:#fff;
    width: 300px;
    height:300px;
    position: fixed;
    left: 50%;
    top: 50%; 
    margin-top: -150px; 
    margin-left: -150px; 
    border-radius:7px
}

.loading {
    background-image:url(../images/loading.gif);
    width:150px;
    height:150px;
    margin:0 auto;
    text-align:center;
    margin-top:50px;
}

.loadingtext {
    font-family:'SourceSansPro';
    font-size:16px;
    color:#000;
    text-align:center;
}

body {
	height:100%;
	width: 100%;
	text-align:center;
	padding: 0;
	margin: 0 auto;
    font-family:'SourceSansPro','OpenSans Regular', 'Open Sans';
    color:#555;
}

.text {
    font-family:'SourceSansPro';
    line-height:32px;
    font-size:18px;
    color:#555;
}

.text18 {
    font-family:'SourceSansPro';
    line-height:30px;
    font-size:18px;
    color:#555;
}




/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a {
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
    text-decoration:none;
}
a, a:hover, a:visited, a:link, a:active{
    outline: none;
    /*background: transparent;*/
    /*border:0 !important;*/
    text-decoration:none !important;
    -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; 
}
    a:focus {
    outline: none;
    color:transparent;
    text-decoration: none;
    }

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
input::-ms-clear{display:none;}
input::-ms-reveal{display:none;}
/*ul,li { list-style: none;}*/
h1, h2, h3, h4, h5, h6 { margin:0; }

a img {border:none}
.white{color:#ffffff;text-decoration:none;}
.red{color:#8e7a3f;}
.green{color:#2a884a}
.blue{color:#0069b5}
.orange{color:#f79638}

.cap {text-transform:uppercase;border: none; text-decoration:none !important}
.alignleft {text-align:left}
.alignright {text-align:right}
.justify {text-align:justify }

.left{float:left}
.right{float:right}
.center{text-align:center; padding:0px; margin:0 auto;}
.clear{clear:both}
.bold {font-weight: 600;}
.fixed{position:fixed !important; display:block !important}

.hide{display:none}
.show{display:block}
.h580view{display:block}
.h580hide{display:none}
.mbhide{display:block}
.mbshow{display:none}
.padhide{display:block}
.padshow{display:none}


a.link:link{color:#000; text-decoration:none;  -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease; cursor:pointer}
a.link:hover{color:#57c39b; text-decoration:none;  cursor:pointer}
.link{color:#000; text-decoration:none;  cursor:pointer}

a.linklg:link{color:#57c39b; text-decoration:none;  -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease; cursor:pointer}
a.linklg:hover{color:#9ada48; text-decoration:none;  cursor:pointer}
.linklg{color:#57c39b; text-decoration:none;  cursor:pointer}

a.linkwt:link{color:#fff; text-decoration:underline;  -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease; cursor:pointer}
a.linkwt:hover{color:#95d84e; text-decoration:underline;  cursor:pointer}
.linkwt{color:#fff; text-decoration:underline;  cursor:pointer}


a.linkgold:link{color:#ad974f; text-decoration:none; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease; cursor:pointer}
a.linkgold:hover{color:#000; text-decoration:none;  cursor:pointer}
.linkgold{color:#ad974f; text-decoration:none;  cursor:pointer; }

a.linkred:link{color:#8e7a3f; text-decoration:none; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease; cursor:pointer}
a.linkred:hover{color:#aeaeae; text-decoration:none;  cursor:pointer}
.linkred{color:#8e7a3f; text-decoration:none;  cursor:pointer; }

a.linkbreadcrum:link{color:#737270; text-decoration:none; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease; cursor:pointer}
a.linkbreadcrum:hover{color:#ad974f; text-decoration:none;  cursor:pointer}
.linkbreadcrum{color:#737270; text-decoration:none;  cursor:pointer; }

a.linkwt2red:link{color:#fff; text-decoration:underline;  -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease; cursor:pointer}
a.linkwt2red:hover{color:#8e7a3f; text-decoration:underline;  cursor:pointer}
.linkwt2red{color:#fff; text-decoration:underline;  cursor:pointer}

/**/
.OpenSans { font-family:'OpenSans Regular', 'Open Sans';}
.Lora{font-family: 'Lora';}
.Lora_Italic{font-family: 'Lora-Italic';font-weight:400;}

.text14 {font-size:14px; font-family:'SourceSansPro','OpenSans Regular', 'Open Sans'; line-height:26px; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}

h1{
	font-family:'Kaushan Script';
    font-size:56px;
    color:#000;
    padding:0;
    margin:0;
    letter-spacing:2px;
    font-weight:400 !important
	}

h2{
    font-family:'Kaushan Script';
    font-size: 32px;
    line-height:50px;
    padding:0;
    margin:0;
    color:#000;
    letter-spacing:2px;
    font-weight:400;
	}


h3{
    font-family:'Kaushan Script';
	font-size:24px;
    letter-spacing:1.5px;
    line-height:36px;
	}

h4 {
    font-family: 'PlayfairDisplay-Bold';
    font-size: 30px;
    letter-spacing:0.125vw;
    color:#fff;
    line-height: 58.4px;
}

h5{
    font-family:'Kaushan Script';
	font-size:20px;
    line-height:26px;
	}


/*********backtotop**********/
.actGotop{position:fixed; _position:absolute; bottom:30px; right:20px; width:40px; height:40px; display:none;z-index: 99999;}
.actGotop a,.actGotop a:link{width:40px;height:40px;display:inline-block; background:url(../images/backtotop.png) no-repeat; outline:none;}
.actGotop a:hover{width:40px; height:40px; outline:none;background:url(../images/backtotop_ov.png) no-repeat;}
/***************************/

/*#footer_contact{position:fixed; _position:absolute; bottom:0px; left:0px; width:100%; height:70px; transform: translateY(100%);z-index: 1;padding:10px 0px}
#footer_contact.hover {transform: translateY(0);background-color: rgba(0, 0, 0, 0.7);}
#footer_contact .home_appbtn{height:50px;width:250px;color:#fff;padding:0 20px;text-transform:uppercase;font-family:'Futura-Medium', 'STHeiti', '\534E\6587\9ED1\4F53', ' SimHei', '\9ED1\4F53';border-radius: 30px; font-size:14px;line-height:50px;-webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease; cursor:pointer}
#footer_contact .home_enqbtn{background:transparent;border:1px solid #fff;height:50px;width:180px;color:#fff;padding:0 20px;text-transform:uppercase;font-family:'Futura-Medium', 'STHeiti', '\534E\6587\9ED1\4F53', ' SimHei', '\9ED1\4F53';border-radius: 30px; font-size:14px;line-height:50px;-webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease; cursor:pointer}
#footer_contact .home_enqbtn:hover{background: #77cebd;}
#footer_contact .content_10{line-height:50px;}
.content_5 img{width:100%; max-width:11px}*/


/*----------------------------Navigation--------------------------------------*/
.maincontent{position:relative;width:100%;min-height:500px;margin-top:-4px;z-index:1;}
.content1280{width:100%; height:100%; max-width:1280px; text-align:center; margin:0 auto; position:relative; padding:0px; min-height:50px;}
.content1050{width:100%; height:100%; max-width:1050px; text-align:center; margin:0 auto; position:relative; padding:0px; min-height:50px;}
.content1024{width:100%; max-width:1024px; text-align:center; margin:0 auto; position:relative; padding:0px;min-height:50px;}
.content960{width:100%; max-width:960px; text-align:center; margin:0 auto; position:relative; padding:0px;min-height:50px; }
.content880{width:100%; max-width:880px; text-align:center; margin:0 auto; position:relative; padding:0px;min-height:50px; }
.content800{width:100%; max-width:800px; text-align:center; margin:0 auto; position:relative; padding:0px;min-height:50px; }
.content500{width:100%; max-width:500px; text-align:center; margin:0 auto; position:relative; padding:0px;min-height:50px; }
.content_half{width:50%; float:left; position:relative;}
.content_half_r{width:50%; float:right; position:relative;}
.content_5{width:5%; float:left; position:relative; display:block}
.content_10{width:10%; float:left; position:relative; display:block}
.content_15{width:15%; float:left; position:relative; display:block}
.content_20{width:20%; float:left; position:relative; display:block}
.content_25{width:25%; float:left; position:relative; display:block}
.content_30{width:30%; float:left; position:relative;}
.content_33{width:33.3333333333333%; float:left; position:relative;}
.content_35{width:35%; float:left; position:relative; display:block}
.content_40{width:40%; float:left; position:relative;}
.content_45{width:45%; float:left; position:relative;}
.content_50{width:50%; float:left; position:relative;}
.content_55{width:55%; float:left; position:relative;}
.content_60{width:60%; float:left; position:relative;}
.content_65{width:65%; float:left; position:relative;}
.content_70{width:70%; float:left; position:relative;}
.content_80{width:80%; float:left; position:relative;}
.content_90{width:90%; float:left; position:relative;}
.content_pc{display:block}
.content_mb{display:none}
.content1280_pc{display:block}
.content1279_mb{display:none}

#header {width: 100%; position: fixed; z-index: 99999; max-height: 105px; min-height:100px;}
#slider-menu {display:none}
.menu-trigger {display:none}
#navi{display:block}
#mobilenavi{display:none}
#logo_area {width:40%; min-width:100px; height:100px; text-align:left; float:left; position:relative; display:block; padding-top:22px; padding-left:3%;}
#logo_area  img{width:14vw;}
#nav_wrap{width:60%; float:right; min-width:500px;padding-right:3%; max-width:960px}

a.navLink:link{color:#000; text-decoration:none; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease; cursor:pointer}
a.navLink:hover{color:#009ae0; text-decoration:none;  cursor:pointer; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease; cursor:pointer}
a.navLink.nav_active{color:#009ae0 !important}
.nav_active{color:#009ae0}

.navi_area{width:100%; height:100px;   text-align:center;margin-top:0;}
.navi_area ul li {float:left; position:relative; display:inline; padding:0;}
.navi_area ul.topnavi li{background:url(../images/navi_dot.png) no-repeat right center;}
.navi_area ul.topnavi li:nth-child(5), .navi_area ul.topnavi li:nth-child(6){background:none;}
.navi_area ul.topnavi li .navidiv{width:100%;padding:21px 20px;height:60px;}
.navi_area ul.topnavi li:nth-child(6){background:url(../images/btn_book.png) no-repeat center 60%;-webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease;background-size:100%;max-width:150px;}
.navi_area ul.topnavi li:nth-child(6):hover{background:url(../images/btn_book_ov.png) no-repeat center 60%;background-size:100%;max-width:150px;}
.navi_area .btmnavi{float:right; width:65%; height:40px;padding:0; margin:0;}
.navi_area .btmnavi li:nth-child(1) {float:left; width:21%}
.navi_area .btmnavi li:nth-child(2) {float:left; width:27%}
.navi_area .btmnavi li:nth-child(3) {float:left; width:28%}
.navi_area .btmnavi li:nth-child(4) {float:left; width:24%}
.navi_area .btmnavi li .navidiv{padding:0.35vw 0 0.35vw 2vw; text-align:left; letter-spacing:0.052vw}
.navi_area ul .fun_nav .fun{background:url(../images/icon_fun.png) no-repeat left center; background-size:70%; max-width:1.042vw; height:1.9vw; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease; color: #57c39b; text-transform:uppercase;}
.navi_area ul .fun_nav .fun:hover{background:url(../images/icon_fun_ov.png) no-repeat left center;background-size:70%; max-width:1.042vw;height:1.9vw;-webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease;color:#9ada48;}
.navi_area ul .gather_nav .gather{background:url(../images/icon_gather.png) no-repeat left center;background-size:70%; max-width:1.042vw;height:1.9vw;-webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease;color: #57c39b;text-transform:uppercase;}
.navi_area ul .gather_nav .gather:hover{background:url(../images/icon_gather_ov.png) no-repeat left center;background-size:70%; max-width:1.042vw;height:1.9vw;-webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease;color:#9ada48;}
.navi_area ul .dine_nav .dine{background:url(../images/icon_dine.png) no-repeat left center;background-size:70%; max-width:1.042vw;height:1.9vw;-webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease;color: #57c39b;text-transform:uppercase;}
.navi_area ul .dine_nav .dine:hover{background:url(../images/icon_dine_ov.png) no-repeat left center;background-size:70%; max-width:1.042vw;height:1.9vw;-webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease;color:#9ada48;}
.navi_area ul .discover_nav .discover{background:url(../images/icon_discover.png) no-repeat left center;background-size:70%; max-width:1.042vw;height:1.9vw;-webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease;color: #57c39b;text-transform:uppercase;}
.navi_area ul .discover_nav .discover:hover{background:url(../images/icon_discover_ov.png) no-repeat left center;background-size:70%; max-width:1.042vw;height:1.9vw;-webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease;color:#9ada48;}

.logo{position:absolute;z-index:9;left: 48.5%; margin-left: -5.07vw; top: 1vw; width: 10.14vw;}
div.just {text-align: justify;}
.just:after {content: ''; display: inline-block; width: 100%; height: 0;}

.opacity{opacity: 0;}
.inView .opacity{opacity: 1; /*transform: translate(0px);*/}
.inView .css1000{-moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear;}

.navitopbg{float:right; width:380px; height:50px; background:#eeeeee; padding:12px 0px; border-radius:0 0 15px 15px; -moz-border-radius:0 0 15px 15px; -webkit-border-radius:0 0 15px 15px; display:block}
.navitopbg a{font-family: 'OpenSans Regular', 'Open Sans'; font-weight:600; font-size:14px; line-height:20px; height:20px; text-transform:uppercase; color:#c5263a; text-decoration:none;  -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease; cursor:pointer}
.navitopbg a:hover{font-family: 'OpenSans Regular', 'Open Sans'; font-weight:600; color:#232323; text-decoration:none;  -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease; cursor:pointer}
.navitopbg img{margin-right:10px; margin-top: 3px; margin-left:25px;}

.menu-trigger:before {
        position: absolute;
        left: 0;
        width: 35px;
        height: 29px;
        /*background: linear-gradient(to right, #0358ff, #02afed);
        box-shadow: 0 11px #0502ff, 0 11px #fff, 0 22px #0502ff, 0 22px #fff;*/
        top:15px;
        background:url(../images/menu_trigger.png) no-repeat;
        box-shadow:none;
        content: '';
    }
    .menu-trigger {
        position: relative;
        padding-left: 0px;
        width: 35px;
        height: 29px;
        font-size: 0.9em;
    }
.footer{position: absolute;bottom: 0;z-index: 3; background:url(../images/footer_bg.png) no-repeat center top; background-size:cover; height:100px; margin-top:-20px; width:100%; text-align:center; padding:53px 5% 20px 5%; margin:0 auto; color:#2f2f2f; font-family:'SourceSansPro';font-size:18px;}
.footerlogoarea{width:100%; max-width:9.375vw;margin-top:-1.042vw;}
.footerlogo{width:100%; max-width:62px; }
.footer_copywrite{min-height:60px; background:#f9f3e9; text-align:center; padding:20px 5%; margin:0 auto; color:#2f2f2f; font-family:'OpenSans Regular';font-size:14px;}
.footernavi{width:100%;margin:0px auto;}
.footernavi .content_70{width:70%; padding:0;}
.footernavi .content_70 ul{padding:0; max-width:720px; text-align:center; margin:0 auto;}
.footernavi .content_70 ul li{padding:0; margin:0; width:20%; float:left;font-family:'Exo-ExtraBold'; text-transform:uppercase; font-size:16px;color:#3e3937; text-align:center; margin:0 auto;list-style:none;}
.padshow{display:none !important}
.padhide{ display: block}

.height30{height:30px}
.height50{height:50px}
.height20{height:20px} 
.height10{height:10px} 
.height150{height:150px}

/************************************************************yoyo creat*********************************************/
.cpms-ul ul li a{height: 38px; line-height: 38px; /*text-transform: uppercase;*/ text-align: left;}
.navi_area .btmnavi li.cpms-ul ul li{width: 33.3333%; float: left; text-align: left;}
.navi_area .btmnavi .cpms-ul li{height: 36px; padding: 10px; text-align:left;float: left; width: 33.3333333%; height: 36px; margin-bottom: 0px; text-align: left;}
.navi_area .btmnavi .cpms-ul li:nth-child(4), .navi_area .btmnavi .cpms-ul li:nth-child(5), .navi_area .btmnavi .cpms-ul li:nth-child(6){height:10px; margin-bottom:20px}
*#Master #Nav .btmnavi li div a.navLink {font-family: 'SourceSansPro-SemiBold'; line-height: 26px; color: #555;}

.navi_area ul li.Navifun div.cpms-ul{position: absolute; top: 45px; height: 0; overflow: hidden; width: 850px; padding:0 10%; left: 50%; margin-left:-385px; background: url(../images/dropdown_fun.png) no-repeat; background-size:100% 100%;}
.navi_area ul li.Navifun:hover div.cpms-ul{height: 364px; padding-top: 35px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none;}
.navi_area ul li.Navifun div.cpms-ul ul li:nth-child(3n+2){width:  32%; float: left; text-align: left;} 
.navi_area ul li.Navifun div.cpms-ul ul li:nth-child(3n+1){width: 35%; float: left; text-align: left; padding-left:4%;}
.navi_area ul li.Navifun div.cpms-ul ul li:nth-child(3n){width:  33%; float: left; text-align: left;}

.navi_area ul li.Gather div.cpms-ul ul li:nth-child(3n){width: 30%; float: left; text-align: left;}
.navi_area ul li.Gather div.cpms-ul ul li:nth-child(3n+1){width: 36%; float: left; text-align: left;}
.navi_area ul li.Gather div.cpms-ul ul li:nth-child(3n+2){width: 34%; float: left; text-align: left;}

.navi_area ul li.NaviDine div.cpms-ul ul li:nth-child(3n){width: 24%; float: left; text-align: left;}
.navi_area ul li.NaviDine div.cpms-ul ul li:nth-child(3n+1){width: 39%; float: left; text-align: left;}
.navi_area ul li.NaviDine div.cpms-ul ul li:nth-child(3n+2){width: 37%; float: left; text-align: left;}

.navi_area ul li.Gather div.cpms-ul{position: absolute; top: 45px; height: 0; overflow: hidden; width: 680px; padding:0 10%; left: 50%; margin-left:-340px; background: url(../images/dropdown_gathernav.png) no-repeat; background-size:100%;}
.navi_area ul li.NaviDine div.cpms-ul{position: absolute; top: 45px; height: 0; overflow: hidden; width: 680px; padding:0 10%; left: -260%; background: url(../images/dropdown_nav.png) no-repeat; background-size:100%;}
.navi_area ul li.Gather:hover div.cpms-ul, .navi_area ul li.NaviDine:hover div.cpms-ul{height: 280px; padding-top: 35px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none;}
*#Master #Nav .btmnavi li div.cpms-ul li:hover a.navLink {color: #9ada48;}
.ga_jt{z-index: 888; position: relative; top: 18px; width: 15px; margin: 0 auto; display:none;}
.navi_area ul li:hover .ga_jt{display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none;}


.navifakebg{width:100%; height:50px;background:#fff;position:fixed; z-index:5}
#Master.onScroll #Nav{height: 150px;}
#Master.onScroll #Nav #logo_area{height: 60px !important;padding-top:3px;z-index:99}
#Master.onScroll>#Nav>.bg>#logo_area img{transform: scale(0.8);}
#Master.onScroll>#Nav>.bg>#nav_wrap{transform:translateY(-10%);}
#Master.onScroll>#Nav>.bg>#nav_wrap .navi_area{width:100%; height:65px; }
#Master.onScroll #navClear{height: 70px;}
#Master.onScroll>#Nav>.bg>#nav_wrap .btmnavi{height:24px}
#Master.onScroll>#Nav #navUL.topnavi{height:40px; margin-top:5px;}
#Master.onScroll>#Nav>.bg>#nav_wrap .navi_area ul.topnavi li .navidiv{height:40px; padding:10px 20px;}
#Master.onScroll>#Nav #navUL.topnavi li:nth-child(6){background:url(../images/btn_book_s.png) no-repeat center 60%;}
#Master.onScroll>#Nav #navUL.topnavi li:nth-child(6):hover{background:url(../images/btn_book_ov_s.png) no-repeat center 60%;}
#Master.onScroll>#Nav .navi_area ul li.Gather div.cpms-ul, #Master.onScroll>#Nav .navi_area ul li.NaviDine div.cpms-ul, #Master.onScroll>#Nav .navi_area ul li.Navifun div.cpms-ul{top:30px}
#Master.onScroll>#Nav .ga_jt{top:6px}

.mbbookbtn{background: url(../images/btn_book.png) no-repeat center center; background-size:100%; width:123px; height:45px;font-family: 'SourceSansPro'; font-size:14px; text-align:center; margin:0 auto;cursor:pointer;padding:14px 0;color:#fff;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none;}
.mbbookbtn:hover{background: url(../images/btn_book_ov.png) no-repeat center center; background-size:100%;cursor:pointer; }

/************************************************************yoyo end*********************************************/
@media only screen and (min-width: 1601px) {
.actGotop{bottom:1.563vw; right:1.042vw; width:2.083vw; height:2.083vw; }
.actGotop a,.actGotop a:link{width:2.083vw;height:2.083vw;background-size:100%;}
.actGotop a:hover{width:2.083vw; height:2.083vw;}

.footer ul li{font-size: 1.025vw;} 
#Master #Nav{padding: 0 5%;} 
.navi_area{height: 5vw;} 
.navi_area .btmnavi{height: 2.500vw; width: 68%;} 
.footer .content1280{width: 100%; max-width: 200vw} 
#logo_area{width: 50%; min-width: 100px; height: 5vw; text-align: left; float: left; position: relative; display: block; padding-top: 1vw; padding-left: 5%;} 
#logo_area img{width: 12vw;} 
#nav_wrap{width: 50%; float: right; min-width: 790px; padding-right: 5%; max-width: 50vw;} 
.navi_area ul li .navidiv{width: 100%; padding: 10px 1.3vw; height: 40px;} 
.navi_area .btmnavi li .navidiv{padding: 0.5vw 0 0.5vw 1.875vw; text-align: left;} 
.navi_area ul.topnavi li .navidiv{width: 100%; padding: 1.14vw 1.250vw; height: 3vw;} 
.navi_area ul.topnavi li:nth-child(7), .navi_area ul.topnavi li:nth-child(7):hover{max-width: 6.510vw;} 
h1{font-size: 3.000vw; line-height: 4.5vw; letter-spacing: 0.2vw} 
h2{font-size: 1.875vw; line-height: 2.500vw;letter-spacing: 0.175vw} 
h3{font-size: 1.375vw;line-height: 2.250vw;letter-spacing: 0.125vw} 
h4{font-size: 1.875vw; line-height: 3.650vw;} 
h5{font-size: 1.125vw; line-height: 1.625vw;} 
.text{line-height: 2vw; font-size: 1.125vw; color: #555;} 
.height30{height: 1.563vw} 
.height20{height: 1.042vw} 
.height10{height:0.521vw}
.height50{height: 2.604vw} 
.height120{height: 6.250vw}
.footer_top{height: 1.042vw;}
.footer{min-height: 3.030vw; padding: 1.8vw 5% 0.5vw 5%; font-size: 0.833vw;} 
.footerlogo{width: 3.229vw;max-width: 3.229vw;} 
.footernavi{margin: 1.010vw auto} 
.footernavi .content_70 ul{max-width: 36.364vw} 
.footernavi .content_70 ul li{font-size: 0.833vw} 
.content_5 img{width: 0.573vw; max-width: 0.573vw}
.navi_area ul .fun_nav .fun, .navi_area ul .fun_nav .fun:hover,
.navi_area ul .gather_nav .gather, .navi_area ul .gather_nav .gather:hover,
.navi_area ul .dine_nav .dine, .navi_area ul .dine_nav .dine:hover,
.navi_area ul .discover_nav .discover, .navi_area ul .discover_nav .discover:hover {
    background-size: 60%;
    max-width: 1.042vw;
    height: 1.9vw;
}

.navi_area ul.topnavi li:nth-child(6), .navi_area ul.topnavi li:nth-child(6):hover{max-width:7.813vw}


/********************************************************************yoyo creat******************************************************************/

        .cpms-ul ul li a {
            height: 2.375vw;
            line-height: 2.375vw;
            text-align: left;
        }
        .navi_area .btmnavi .cpms-ul li {
            height: 1.042vw;
            padding: 0.521vw 0.781vw;
        }


        *#Master #Nav .btmnavi li.Gather div a.navLink,  *#Master #Nav .btmnavi li.NaviDine div a.navLink {
            line-height: 1.625vw;
            font-size: 0.938vw;
        }

        .navi_area ul li.Gather div.cpms-ul{
            top: 2.5vw;width:35.417vw;margin-left:-17.708vw;
        }
         .navi_area ul li.NaviDine div.cpms-ul{
            top: 2.5vw;width:35.417vw;left: 30%;
    margin-left: -17.709vw;
        }

    .navi_area .btmnavi .cpms-ul li:nth-child(4), .navi_area .btmnavi .cpms-ul li:nth-child(5), .navi_area .btmnavi .cpms-ul li:nth-child(6),
    .navi_area .btmnavi .cpms-ul li:nth-child(4), .navi_area .btmnavi .cpms-ul li:nth-child(5), .navi_area .btmnavi .cpms-ul li:nth-child(6),
    .navi_area .btmnavi .cpms-ul li:nth-child(10), .navi_area .btmnavi .cpms-ul li:nth-child(11), .navi_area .btmnavi .cpms-ul li:nth-child(12),
    .navi_area .btmnavi .cpms-ul li:nth-child(16), .navi_area .btmnavi .cpms-ul li:nth-child(17), .navi_area .btmnavi .cpms-ul li:nth-child(18),
    .navi_area .btmnavi .cpms-ul li:nth-child(22), .navi_area .btmnavi .cpms-ul li:nth-child(23), .navi_area .btmnavi .cpms-ul li:nth-child(24) {
        height: 0.260vw;
        margin: 0.781vw 0
    }

.navi_area ul li.Navifun div.cpms-ul{top: 2.5vw; width: 44.271vw;left: 50%; margin-left:-20.052vw; }
    .navi_area ul li.Navifun:hover div.cpms-ul {
        height: 23.958vw;
        padding-top: 2.188vw;
    }
.navi_area ul li.Gather div.cpms-ul, .navi_area ul li.NaviDine div.cpms-ul{width:35.417vw; left: 40%;  margin-left: -17.709vw;}
.navi_area ul li.Gather:hover div.cpms-ul, .navi_area ul li.NaviDine:hover div.cpms-ul{height: 14.583vw; padding-top: 2.188vw;}


.ga_jt {top: 0.500vw;width: 0.938vw;}

.navifakebg{width:100%; height:3.125vw}
#Master.onScroll #Nav{height: 9.375vw !important;}
#Master.onScroll #Nav #logo_area{height: 60px !important;padding-top:3px;z-index:99}
#Master.onScroll>#Nav>.bg>#logo_area img{transform: scale(0.9);}
#Master.onScroll>#Nav>.bg>#nav_wrap{transform:translateY(-10%);}
#Master.onScroll>#Nav>.bg>#nav_wrap .navi_area{width:100%; height:65px; }
#Master.onScroll #navClear{height: 70px;}
#Master.onScroll>#Nav>.bg>#nav_wrap .btmnavi{height:24px}
#Master.onScroll>#Nav #navUL.topnavi{height:2.500vw; margin-top:5px;}
#Master.onScroll>#Nav>.bg>#nav_wrap .navi_area ul.topnavi li .navidiv{height:2.500vw; padding:0.750vw 1.250vw;}
#Master.onScroll>#Nav .navi_area ul li.Gather div.cpms-ul, #Master.onScroll>#Nav .navi_area ul li.NaviDine div.cpms-ul, #Master.onScroll>#Nav .navi_area ul li.Navifun div.cpms-ul{top:1.563vw}
#Master.onScroll>#Nav .ga_jt{top:0.125vw}

.footer{height:5.208vw; margin-top:-1.042vw; width:100%; text-align:center; padding:1.760vw 5% 1.042vw 5%; font-size:0.938vw;}
.footericons{width:1.458vw}
.height150{height:7.813vw}


}



    @media only screen and (max-width: 1279px) {
        #Nav .bg {
            display: none
        }

        #slider-menu {
            display: block;
            margin-left: 30px;
        }

        .menu-trigger {
            display: block;
            z-index: 99999;
            top: 0px;
            float: left
        }

        .mp-menu {
            text-align: left
        }

        #header {
            padding: 0
        }

        #mobilenavi {
            display: block;
            background: url(../images/navi_shadow_mb.png) no-repeat bottom center; background-size:100%;
            min-width: 200px;
            text-align: center;
            margin: 0 auto;
            height: 90px;
            position: relative;
            margin-top: -3px;
            
        }

        .mobilenavilogo {
            position: absolute;
            left: 50%;
            margin-left: -40px;
            margin-top: 7px;
            width: 80px;
        }

        .topheader_icon {
            margin-top: 0px;
            margin-right: 5px;
            float: left;
        }

        #header {
            width: 100%;
            position: fixed;
            z-index: 99999;
            height: 65px;
            min-height: 65px;
            border-bottom: 1px solid #fff;
            padding: 0px;
            box-shadow: 0px 1px 10px #ccc;
            -moz-box-shadow: 0px 1px 10px #ccc;
            -webkit-box-shadow: 0px 1px 10px #ccc;
        }

        .maincontent {
            position: relative;
            width: 100%;
            margin-top: 0;
        }

        .navi_area ul li .navidiv.fb, .navi_area ul li .navidiv.tel {
            padding: 20px
        }

        .content1280 {
            width: 100%;
            height: 100%;
            max-width: 1279px;
            text-align: center;
            margin: 0 auto;
            position: relative;
            padding: 0px 5%;
        }

        .content1024 {
            width: 100%;
            max-width: 1024px;
            text-align: center;
            margin: 0 auto;
            position: relative;
            padding: 0px;
            padding: 0px 5%;
        }

        .content960 {
            width: 100%;
            max-width: 960px;
            text-align: center;
            margin: 0 auto;
            position: relative;
            padding: 0px;
            padding: 0px 5%;
        }

        .content1280_pc {
            display: none
        }

        .content1279_mb {
            display: block;
            padding: 0 5%;
        }

        .footer .content1280 {
            padding: 0
        }

        .footer {
            font-size: 14px;
        }

        h1 {
            font-size: 36px
        }

        h2 {
            font-size: 26px;
            line-height: 36px;
        }

        h3 {
            font-size: 24px;
            line-height: 32px;
        }

        h4 {
            font-size: 20px;
            line-height: 30px;
        }

        .text {
            font-family:'SourceSansPro','OpenSans Regular', 'Open Sans';
            line-height: 28px;
            font-size: 18px;
            color: #555;
        }
#Master #Nav{background:none !important}
#Master.onScroll #Nav{height: 60px; background:none;}
#Master.onScroll>#Nav>.bg>#logo_area img{transform: none;}
#Master.onScroll>#Nav>.bg>#nav_wrap{transform:none;}
#Master.onScroll #navClear{height: 70px;}

    }

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

        .padshow {
            display: block !important;
        }

        .padhide {
            display: none !important;
        }

        .content880 {
            width: 100%;
            max-width: 880px;
            text-align: center;
            margin: 0 auto;
            position: relative;
            padding: 0px 5%;
            min-height: 30px;
        }

        .footer .content_20.logo20 {
            width: 20%
        }

        .footer .content_20 {
            width: 10%
        }

        .footer .content_60 {
            width: 70%
        }

        .footerlogoarea {
            width: 100%;
            max-width: 200px;
            margin-top: -10px;
        }
    }


    @media only screen and (max-width: 767px) {
        #mobilenavi {
            display: block;
            background: url(../images/navi_shadow_mb.png) no-repeat bottom center; background-size:100%;
            min-width: 200px;
            text-align: center;
            margin: 0 auto;
            height: 90px;
            position: relative;
            margin-top: -16px;
            
        }

        .mobilenavilogo {
            position: absolute;
            left: 50%;
            margin-left: -40px;
            margin-top: 25px;
            width: 80px;
        }

        .text {
            line-height: 26px;
            font-size: 16px;
        }

        .content_pc {
            display: none
        }

        .content_mb {
            display: block
        }

        .content_half, .content_half_r, .content_30, .content_40, .content_60, .content_70, .content_54, .content_46 {
            width: 100%;
            float: none
        }

        .content_25 {
            width: 50%;
            float: left;
            position: relative;
        }
        /*********backtotop**********/
        /*.actGotop{position:fixed; position:absolute; bottom:50px; right:10px; width:40px; height:40px; display:none;z-index: 99999;}
.actGotop span, .actGotop span:link{width:40px;height:40px;display:inline-block; background:url(../images/backtotop_mb.png) no-repeat; outline:none;}*/
        .mbhide {
            display: none
        }

        .mbshow {
            display: block
        }


        /***************************/
        .footer {
            min-height: 50px;
            width: 100%;
            text-align: center;
            margin: 0 auto;
            font-size: 12px;
            line-height: 18px;
        }

        .footernavi {
            margin-top: 0
        }

        h1 {
            font-size: 4vw
        }

        h4 {
            font-size: 3vw;
        }

        #footer_contact {
            position: fixed;
            _position: absolute;
            bottom: 0px;
            left: 0px;
            width: 100%;
            height: 70px;
            transform: translateY(100%);
            z-index: 1;
            padding-top: 20px;
            color: #fff;
        }

            #footer_contact.hover {
                transform: translateY(0);
            }

            #footer_contact .home_appbtn {
                height: 50px;
                width: 250px;
                color: #fff;
                padding: 0 20px;
                text-transform: uppercase;
                font-family: 'Istok-Bold';
                border-radius: 10px;
                font-size: 14px;
                line-height: 50px;
                letter-spacing: 1.5px;
                -webkit-transition: all 0.25s ease;
                -o-transition: all 0.25s ease;
                transition: all 0.25s ease;
                cursor: pointer
            }

            #footer_contact .home_enqbtn {
                background: transparent;
                border: 1px solid #fff;
                height: 50px;
                width: 180px;
                color: #fff;
                padding: 0 20px;
                text-transform: uppercase;
                font-family: 'Istok-Bold';
                border-radius: 10px;
                font-size: 14px;
                line-height: 50px;
                letter-spacing: 1.5px;
                -webkit-transition: all 0.25s ease;
                -o-transition: all 0.25s ease;
                transition: all 0.25s ease;
                cursor: pointer
            }

                #footer_contact .home_enqbtn:hover {
                    background: #016f52;
                }

            #footer_contact .content_10 {
                line-height: 50px;
            }

            #footer_contact .content_33 {
                height: 50px;
            }

                #footer_contact .content_33 img {
                    width: 6.519vw;
                    height: 6.519vw;
                    margin-bottom: -2vw;
                    margin-top: 2vw;
                }

            #footer_contact a.linkwt {
                background-color: rgba(0, 0, 0, 0.8);
            }

                #footer_contact a.linkwt:hover {
                    color: #fff !important;
                    background: rgba(0, 0, 0, 1);
                }
        /*#footer_contact .closebtn{position:absolute;top:-20px;right:-3px;cursor:pointer;}*/
        .footer .content_20 {
            width: 20%
        }

        .footer .content_60 {
            width: 60%;
            float: left;
        }
    }

    @media only screen and (max-width: 580px) {
        .h580view {
            display: none
        }

        .h580hide {
            display: block
        }

        #footer_contact .content_10 {
            line-height: 50px;
        }

        #footer_contact .home_appbtn {
            height: 50px;
            width: 230px;
            padding: 0 20px;
            font-size: 12px;
            text-align: center;
            margin: 0 auto;
        }

        #footer_contact .home_enqbtn {
            height: 50px;
            width: 170px;
            font-size: 12px;
            cursor: pointer;
            text-align: center;
            margin: 0 auto;
        }

        .actGotop {
            bottom: 80px;
            right: 5px;
        }

        h1 {
            font-size: 28px;
            line-height: 40px;
            padding-top:10px;
        }

        h2 {
            font-size: 26px;
            line-height: 38px;
            padding-top:10px;
        }

        h3 {
            font-size: 22px;
            line-height: 34px;
            padding-top:10px;
        }

        h4 {
            font-size: 18px;
            line-height: 30px;
        }

        .about_Reliefbg h2, .about_Reliefbg_first h2 {
            margin: 0 5% 15px 5%
        }

        .footer .content_20 {
            width: 50%
        }

        .footer .content_60 {
            width: 0%;
            float: left;
            display: none;
        }

        .footer .content_20.logo20 {
            width: 50%;
            font-size: 14px;
            max-width: 200px
        }

        .footerlogo {
            width: 100%;
            max-width: 50px;
        }
    }

    @media only screen and (max-width: 480px) {
        #footer_contact .content_50 {
            width: 52%;
            float: left;
            text-align: center;
            margin: 0 auto;
        }

        #footer_contact .content_40 {
            width: 38%;
            float: left;
            text-align: center;
            margin: 0 auto;
        }

        #footer_contact .home_appbtn {
            height: 50px;
            width: 200px;
            padding: 0 10px;
            font-size: 12px;
        }

        #footer_contact .home_enqbtn {
            height: 50px;
            width: 140px;
            padding: 0 10px;
            font-size: 12px;
            cursor: pointer
        }
    }

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

        #footer_contact {
            height: 60px
        }

            #footer_contact .content500 {
                padding: 0 0px
            }

            #footer_contact .content_10 {
                line-height: 40px;
            }

            #footer_contact .home_appbtn {
                height: 40px;
                width: 180px;
                padding: 0 10px;
                font-size: 12px;
                line-height: 40px;
            }

            #footer_contact .home_enqbtn {
                height: 40px;
                width: 120px;
                padding: 0 10px;
                font-size: 12px;
                cursor: pointer;
                line-height: 40px;
            }
    }

    .moveDown {-o-animation: moveDown;-o-animation-duration: 3s;-o-animation-direction: alternate;-o-animation-timing-function: ease-in-out;-o-animation-iteration-count: infinite;
    -moz-animation: moveDown;-moz-animation-duration: 3s;-moz-animation-direction: alternate;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-name: moveDown;
    -webkit-animation-duration: 3s;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-name: moveDown;
    animation-duration: 3s;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
@-o-keyframes moveDown {
  from  {-o-transform: translateY(0%);}
  to  {-o-transform: translateY(5%);}
}
@-moz-keyframes moveDown {
  from  {-moz-transform: translateY(0%);}
  to  {-moz-transform: translateY(5%);}
}
@-webkit-keyframes moveDown {
  from   {-webkit-transform: translateY(0%);}
  to  {-webkit-transform: translateY(5%);}
}
@keyframes moveDown {
  from  {transform: translateY(0%);}
  to  {transform: translateY(5%);}
}

.moveUp {
    -o-animation: moveUp;
    -o-animation-duration: 3s;
    -o-animation-direction: alternate;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -moz-animation: moveUp;
    -moz-animation-duration: 3s;
    -moz-animation-direction: alternate;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-name: moveUp;
    -webkit-animation-duration: 3s;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-name: moveUp;
    animation-duration: 3s;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

@-o-keyframes moveUp {
  from {-o-transform: translateY(0%);}
  to  {-o-transform: translateY(-5%);}
}

@-moz-keyframes moveUp {
  from  {-moz-transform: translateY(0%);}
  to  {-moz-transform: translateY(-5%);}
}
@-webkit-keyframes moveUp {
  from   {-webkit-transform: translateY(0%);}
  to  {-webkit-transform: translateY(-5%);}
}
@keyframes moveUp {
  from  {transform: translateY(0%);}
  to  {transform: translateY(-5%);}
}



@-webkit-keyframes test{
    0%{transform:translate(0,0)}

    50%{transform:translate(0,5px)}

    100%{transform:translate(0,0)}

}

.jmp img:hover{-webkit-animation:test 0.35s ease-in 3; cursor:pointer}
.sharethis{display:block;}



@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(1400px);
    transform: perspective(1400px);
  }

  40% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
    opacity: 1;
  }

  50% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    opacity: 0;
  }
}

.flipOutY{
  -webkit-animation: flipOutY 0.75s linear;
  animation: flipOutY 0.75s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
    opacity: 0;
  }

  50% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(1400px);
    transform: perspective(1400px);
    opacity: 1;
  }
}

.flipInY{
  -webkit-animation: flipInY 0.75s linear;
  animation: flipInY 0.75s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated{
	-webkit-animation-duration:1.4s;
	animation-duration:1.4s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}

@-webkit-keyframes bounceIn{
	0%{
	opacity:0;
	-webkit-transform:scale(.3);
	transform:scale(.3)
}
50%{
	opacity:1;
	-webkit-transform:scale(1.05);
	transform:scale(1.05)
}
70%{
	-webkit-transform:scale(.9);
	transform:scale(.9)
}
100%{
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)
}

}
@keyframes bounceIn{
	0%{
	opacity:0;
	-webkit-transform:scale(.3);
	-ms-transform:scale(.3);
	transform:scale(.3)
}
50%{
	opacity:1;
	-webkit-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05)
}
70%{
	-webkit-transform:scale(.9);
	-ms-transform:scale(.9);
	transform:scale(.9)
}
100%{
	opacity:1;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}

}
.bounceIn{
	-webkit-animation-name:bounceIn;
	animation-name:bounceIn
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}