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

@font-face {
    font-family: 'OpenSans Regular';
    src: url('fonts/OpenSans-Regular.eot'),url('fonts/OpenSans-Regular.ttf'),
        url('fonts/OpenSans-Regular.woff2') format('woff2'),
         url('fonts/OpenSans-Regular.woff') format('woff');
    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:'UnitPro';
    font-size:16px;
    color:#000;
    text-align:center;
}

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

.text {
    font-family:'OpenSans Regular';
    line-height:24px;
    font-size:16px;
    color:#000;
    text-align:justify;
    letter-spacing:0.3px;
}

.text18 {
    font-family:'UnitPro';
    line-height:30px;
    font-size:18px;
    color:#000;
}
.fontwiller {
    font-family: 'WILLERB';
}
   




/* 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}
.darkgreen{color:#008a3e;}

.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:#ff3c60; 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:#ff3c60; 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.linkblack: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.linkblack:hover{color:#97bf0d; text-decoration:none;  cursor:pointer}
.linkblack{color:#000; 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';}

.text14 {font-size:14px; font-family:'UnitPro','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: 'WILLERB'; font-size:32px; color:#008a3e; text-align:left; line-height:46px;font-weight: 500;letter-spacing:0.7px;}
h2{font-family:'WILLERB';font-size: 48px;line-height:36px;font-weight: 500;color:#000; text-align:center;letter-spacing:0.6px;}
h3{font-family:'WILLERB';font-size:24px;line-height:36px;font-weight: 500;color:#008a3e;text-align:left;letter-spacing:0.5px;}
h4{font-family: 'WILLERB';font-size: 20px; line-height: 30px;font-weight: 500;text-align:left;}
h5{font-family: 'UnitPro';font-size: 16px; line-height: 26px;font-weight: 400;text-align:left;}

/************************************backtotop*************************************/
.actGotop{position:fixed; _position:absolute; bottom:70px; right:15px; width:36px; height:36px; display:none;z-index: 99999;}
.actGotop a,.actGotop a:link{width:36px; height:36px;display:inline-block; background:#ff3c60; padding-top:8px; outline:none; border-radius:36px;}
.actGotop a:hover{width:36px; height:36px; outline:none;background:#ffb0be;}
/*********************************************************************************/
/*----------------------------Navigation--------------------------------------*/
.maincontent{position:relative;width:100%;min-height:500px;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_12{width:12%; float:left; position:relative; display:block}
.content_23{width:23%; 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:30%; min-width:100px; height:80px; text-align:left; float:left; position:relative; display:block; padding-top:25px; padding-left:0;}
#logo_area  .logo{width:230px;}
#nav_wrap{width:65%; float:right; min-width:500px;}

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;}

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;}

.menu-trigger:before {position: absolute;left: 0;width: 35px;height: 3px;background: linear-gradient(to right, #000, #000); box-shadow: 0 11px #000, 0 11px #000, 0 22px #000, 0 22px #000;top:5px;content: ''; }
.menu-trigger {position: relative;padding-left: 0px;width: 35px;height: 30px;font-size: 0.9em; }

.home_footerbg{background:url(../images/footer_road_bg.png) no-repeat; background-position:bottom center; background-size:100%; width:100%;  min-height:17.302vw;position:relative;}
.home_footerbg #footerbus{background: url(../images/footer_bus.png) no-repeat;background-position:bottom center;
                          -webkit-animation: STAR-MOVE1  17s linear infinite;
				-moz-animation: STAR-MOVE1  17s linear infinite;
				-ms-animation: STAR-MOVE1  17s linear infinite;
				animation: STAR-MOVE1  17s linear infinite;}
.home_footerbg #footervan{background: url(../images/footer_van.png) no-repeat;background-position:bottom center;
				 background-size: 13%;
                          -webkit-animation: STAR-MOVE2  15s linear infinite;
				-moz-animation: STAR-MOVE2  15s linear infinite;
				-ms-animation: STAR-MOVE2  15s linear infinite;
				animation: STAR-MOVE2  15s linear infinite;}
    .home_footerbg #footerminibus {
        background: url(../images/footer_minibus.png) no-repeat;
        background-position: bottom center;
        background-size: 8%;
        -webkit-animation: STAR-MOVE 20s linear infinite;
        -moz-animation: STAR-MOVE 20s linear infinite;
        -ms-animation: STAR-MOVE 20s linear infinite;
        animation: STAR-MOVE 20s linear infinite;
    }
.home_footerbg .footerbus{position: absolute; z-index:3;left:0; top:0;bottom: 12px;right: 0;}
.home_footerbg .footerminibus{position: absolute; z-index:3;left:0; top:0;bottom: 9px;right: 0;}
.home_footerbg .footervan{position: absolute; z-index:3;left:0; top:0;bottom: 6px;right: 0;}

.footer_blackbg{width:100%; background:#000; padding:25px 5%;color:#fff;font-family: 'OpenSans Regular'; font-size:16px; line-height:24px;}
.footer_blackbg .content_10, .footer_blackbg .content_15, .footer_blackbg .content_20, .footer_blackbg .content_12, .footer_blackbg .content_23{text-align:left;}
.footer_blackbg ul{padding:0; margin:0}
.footer_blackbg ul li{list-style:none; margin:0;text-align:left;padding:5px 0;}
.footer_blackbg .content_15 img{margin:0 10px 0 0}
.footer_blackbg .footercontact{padding:5px 0;text-align:left;}
.footer_blackbg .footercontact img{margin-bottom:-5px; margin-right:7px;}
.footer_blackbg .footercontact.address{background:url(../images/icon_add.png) no-repeat 0 7px; padding-left:25px}
.footer_blackbg .content_15 .socialmedia{margin:20px 15px 0 0}
.footer_logo{text-align:left}
.footer{position: relative;background:#eaeaea; bottom: 0;z-index: 3; height:50px; width:100%; text-align:center; padding:15px 5% 15px 5%; margin:0 auto; font-family:'OpenSans Regular';font-size:16px; line-height:20px; color:#000;}

.padshow{display:none !important}
.padhide{ display: block}

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


/*********************************************************************************************************/
.navifakebg{width:100%; height:56px;position:fixed; z-index:5;}
#Master.onScroll #Nav{height: 75px;background:rgba(255,255,255,0.9)}
#Master.onScroll .navi_top{transform:scaleY(0.8);transform:translateY(-100%);}
#Master.onScroll #Nav {transform:translateY(-20%);}
#Master.onScroll #Nav .bg{height:100%;}
#Master.onScroll #Nav #logo_area{padding-top:3px;z-index:99}
#Master.onScroll #Nav #logo_area .logo{transform:translateY(30%) scale(0.8);}
#Master.onScroll>#Nav>.bg>#nav_wrap{transform:translateY(-20%);}
#Master.onScroll>#Nav>.bg>#nav_wrap .navi_area{width:100%; height:65px; }
#Master.onScroll>#Nav #navUL.topnavi{height:40px; margin-top:10px;}

/*********************************************************************************************************/
@media only screen and (min-width: 1601px){
    .home_footerbg #footerbus {
        background: url(../images/footer_bus.png) no-repeat;
        background-size: 16%;
    }

    .home_footerbg #footervan {
        background: url(../images/footer_van.png) no-repeat;
        background-size: 10%;
    }

    .home_footerbg #footerminibus {
        background: url(../images/footer_minibus.png) no-repeat;
        background-size:6%;
    }

}
@media only screen and (min-width: 1401px) {
#logo_area  .logo{width:16.429vw;}
.footer ul li{font-size: 1.025vw;} 
#Master #Nav{padding: 0 5%;} 
.footer .content1280{width: 100%; max-width: 200vw} 
#logo_area{height: 5.714vw; text-align: left; float: left; position: relative; display: block; padding-top: 1.786vw;} 
#nav_wrap{min-width: 790px; max-width: 60vw;} 
.navi_area ul li .navidiv{width: 100%; padding: 10px 1.3vw; height: 1.429vw;} 
.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: 0; height: 1.429vw;} 
.navi_area ul.topnavi li:nth-child(7), .navi_area ul.topnavi li:nth-child(7):hover{max-width: 6.510vw;} 
h1{font-size: 2.286vw; line-height: 3.286vw; letter-spacing: 0.1vw} 
h2{font-size: 3.011vw; line-height: 2.634vw;letter-spacing: 0.075vw} 
h3{font-size: 1.714vw;line-height: 2.571vw;letter-spacing: 0.125vw} 
h4{font-size: 1.429vw; line-height: 2.143vw} 
h5{font-size: 1.143vw; line-height: 2vw;}

.text{font-size: 1.143vw; line-height:1.714vw;color: #000;} 
.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 .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}

/********************************************************************yoyo creat******************************************************************/
.navifakebg{width:100%; height:3.125vw}
#Master.onScroll #Nav{height: 5.357vw;}
#Master.onScroll #Nav #logo_area{padding-top:0.9vw;z-index:99}
#Master.onScroll>#Nav>.bg>#nav_wrap{transform:translateY(-35%);}
#Master.onScroll>#Nav>.bg>#nav_wrap .navi_area{width:100%; height:4.643vw; }
#Master.onScroll #navClear{height: 6.429vw;}
#Master.onScroll>#Nav #navUL.topnavi { height: 2.857vw; margin-top: 2vw;}
/*#Master.onScroll>#Nav #navUL.topnavi li .navidiv{padding: 0.2vw 0; height: 1.75vw;}*/
#Master.onScroll #Nav #logo_area .logo{width:16.429vw;transform:translateY(12%) scale(0.8);}

.home_footerlogobg{width: 6.571vw;height: 9.571vw;padding: 2.286vw 1.071vw 2.143vw 1.071vw;}
.footer_blackbg{padding:1.786vw 5%;font-size:1.043vw; line-height:1.714vw;}
.footer_blackbg ul li{padding:0.357vw 0;}
.footer_blackbg .content_15 img{margin:0 0.714vw 0 0}
.footer_blackbg .footercontact{padding:0.357vw 0;}
.footer_blackbg .footercontact img{margin-bottom:-0.357vw; margin-right:0.500vw;    width: 1.244vw;}
.footer_blackbg .footercontact.address{background:url(../images/icon_add.png) no-repeat 0 0.500vw;background-size:6%; padding-left:1.786vw}
    .footer_blackbg .content_15 .socialmedia {
        margin: 1.429vw 1.071vw 0 0;
        height: 2.786vw
    ;}
.footer{height:3.571vw;padding:1.071vw 5% 1.071vw 5%;font-size:1.143vw; line-height:1.429vw;}

.height150{height:7.813vw}
    .content1280 {
        width: 100%;
        height: 100%;
        max-width: 93.636vw;
    }
    .content1024 {
        width: 100%;
        height: 100%;
        max-width: 73.143vw;
    }
    .footer_logo {
        width: 6.429vw;
    }
}

@media only screen and (max-width: 1279px) {
    #logo_area{width: 32%;} 
    #nav_wrap{width: 68%; }
   
}
@media only screen and (max-width: 1079px) {
   

    .content1024, .content1050 {
        width: 92%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 959px) {
    #Master.onScroll #Nav {
        height: 65px;
    }

    #Nav .bg {
        display: none
    }

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

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

    .mp-menu {
        text-align: left
    }

    #header {
        padding: 0
    }

    #mobilenavi {
        display: block;
        min-width: 200px;
        text-align: center;
        margin: 0 auto;
        height: 50px;
        position: relative;
        margin-top: -20px;
    }

    .navi_top {
        height: 20px
    }

    .mobilenavilogo {
        position: absolute;
        left: 4%;
        margin-left: 0;
        width:200px;
        top: 30px;
    }

    .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: -2px;
    }


    .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;
    }

    .footer_blackbg {
        display: none;
    }

    .content_half, .content_half_r {
        width: 100%;
        float: none
    }

    #Master.onScroll > #Nav .menu-trigger {
        top: 0px;
    }
    #Master.onScroll > #Nav .mobilenavilogo {
        top: 18px;
    }


}


@media only screen and (max-width: 767px) {
    .navi_top{background:#fff url(../images/navi_top.jpg) no-repeat left bottom; display:none; position:fixed; z-index:99; background-size:cover; width:100%; height:3px; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
    .menu-trigger:before {top:0px}

    #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: 56px;
        position: relative;
        margin-top: -10px;
            
    }

    .mobilenavilogo {
        position: absolute;
        left: 4%;
        margin-left: 0;
      
        top: 20px;
       
    }

    #Master.onScroll > #Nav .mobilenavilogo {
        margin-top: 0;
        top: 10px;
        opacity:1;
    }
   

    #Master.onScroll>#Nav .menu-trigger:before{top:10px}
    .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;
    }
    .home_footerbg #footerbus {
        background: url(../images/footer_bus.png) no-repeat bottom;
        background-size: 35%;
        background-position: bottom center;
        bottom: 5px;
        -webkit-animation: STAR-MOVE1 9s linear infinite;
        -moz-animation: STAR-MOVE1 9s linear infinite;
        -ms-animation: STAR-MOVE1 9s linear infinite;
        animation: STAR-MOVE1 9s linear infinite;
    }
    .home_footerbg #footerminibus {
        background: url(../images/footer_minibus.png) no-repeat bottom;
        background-size: 16%;
        background-position: bottom center;
        bottom: 3px;
        -webkit-animation: STAR-MOVE2 10s linear infinite;
        -moz-animation: STAR-MOVE2 10s linear infinite;
        -ms-animation: STAR-MOVE2 10s linear infinite;
        animation: STAR-MOVE2 10s linear infinite;
    }
    .home_footerbg #footervan {
        background: url(../images/footer_van.png) no-repeat bottom;
        background-size: 23%;
        background-position: bottom center;
        bottom: 3px;
        -webkit-animation: STAR-MOVE 11s linear infinite;
        -moz-animation: STAR-MOVE 11s linear infinite;
        -ms-animation: STAR-MOVE 11s linear infinite;
        animation: STAR-MOVE 11s linear infinite;
    }
}

@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;
    }


    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 STAR-MOVE {
	from {
		background-position:175% 100%
	}
	to { 
		background-position: -20% 100%
	}
}
@keyframes STAR-MOVE {
	from {
		background-position: 175% 100%
	}
    to {
        background-position: -20% 100%
    }
}
@-webkit-keyframes STAR-MOVE1 {
    from {
        background-position: 145% 100%
    }

    to {
        background-position: -20% 100%
    }
}

@keyframes STAR-MOVE1 {
    from {
        background-position: 145% 100%
    }

    to {
        background-position: -20% 100%
    }
}
@-webkit-keyframes STAR-MOVE2 {
    from {
        background-position: 105% 100%
    }

    to {
        background-position: -20% 100%
    }
}

@keyframes STAR-MOVE2 {
    from {
        background-position: 105% 100%
    }

    to {
        background-position: -20% 100%
    }
}


@-webkit-keyframes BANNER-MOVE {
	from {
		background-position:90% 100%
	}
	to { 
		background-position: 0% 100%
	}
}
@keyframes BANNER-MOVE {
	from {
		background-position: 90% 100%
	}
	to { 
		background-position: 0% 100%
	}
}

@-webkit-keyframes BannerTextfadeInRight {
	0% {
	opacity:0;
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0)
}
to {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}
@keyframes BannerTextfadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

/*----- Contact email -----*/
.footercontact.email{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.footercontact.email > img{
    margin-top: 8px;
}
.email-textsmall{
    font-size: 12px; 
    display: block;
}

.news__list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.news__item{
    display: flex;
    flex-direction: column;
    height: 100%;
    box-shadow: 1px 3px 10px #ccc;
}
.hvr-grow{
    width: calc(50% - 25px);
    margin-bottom: 50px;
}
.new_body .home_new_content{
    margin: 0 !important;
    width: 100% !important;
}
.new_body .home_new_content_detail.event_d_img{
    max-width: 600px;
    margin: 0 auto;
}
@media (max-width: 739px) {
    .news__item{
        padding-bottom: 0;
    }
    .hvr-grow{
        width: 100%;
        margin-bottom: 0;
    }
}