@import url('bootstrap/css/bootstrap.min.css');
@import url('func/jquery/meanmenu.min.css');
@import url('func/jquery/owl.carousel.min.css');
@import url('custom-styles.css');
/* DO NOT ALTER ABOVE - MUST BE PRESENT FOR PROPER CHAINING */


/* RESPONSIVE STYLES */

.fullimage {width:100%; height: auto;}
.imgfull {max-width:100%; height: auto;}

#pageserver-content img {max-width:100%; height: auto;}

   
    /*desktop :20000px. */
@media (max-width: 2000px) {
    .footer-area {
        height: 545px;
    }

}  
    /*desktop :18000px. */
@media (max-width: 1800px) {
    .footer-area {
        height: 510px;
    }

} 
    /*desktop :16000px. */
@media (max-width: 1600px) {
    .footer-area {
        height: 500px;
    }

}
    /*desktop :14000px. */
@media (max-width: 1400px) {
    .footer-area {
        height: 490px;
    }
    .container {
        max-width: 1190px;
    }
    .blog-slide.owl-carousel .owl-item .single-blog img {
        max-width: 100%;
        width: auto;
    }
    .hero-area {
        height: 758px;
    }
    .hero-single-items {
        height: 758px;
    }

    .visit-title h2:before {
        left: -891%;
    }

	.visit-box > .event-logo {
		top: -7rem;
	}
/*
    .visit-box > img {
        top: -102px;
        width: 185px;
    }
*/
    .arnold-text h2:before {
        left: -46%;
    }
    .arnold-text p {
        padding-right: 0;
        font-size: 24px;
    }
    .single-blog a {
        font-size: 38px;
    }
    .header-menu ul li a {
        font-size: 23px;
    }
    .visit-btn a {
        width: 97px;
        font-size: 18px;
    }
    .visit-box h3 {
        font-size: 22px;
    }
    .visit-box h4 {
        font-size: 20px;
    }
    .visit-box h5 {
        font-size: 19px;
    }
    .single-blog {
        height: 360px;
    }

}

    /*desktop :1200px. */
    @media (max-width: 1200px) {
        .container {
            max-width: 980px;
        }
        .logo a img {
            width: 230px;
        }
        .logo {
            top: -48px;
        }
        .header-right-btn a {
            width: 100%;
            font-size: 16px;
        }
        .header-right-btn a img {
            width: 17px;

        }
        .header-bottom {
            height: 74px;
        }
        .header-top-items h3 {
            font-size: 22px;
        }
        .header-top-active.owl-carousel {
            padding-left: 35px;
        }
        .header-menu ul li a {
            font-size: 18px;
        }
        .header-menu ul li {
            margin-left: 27px;
        }
        .hero-area {
            height: 565px;
        }
        .hero-single-items {
            height: 565px;
        }
        .hero-text h2 {
            font-size: 50px;
            line-height: 55px;
        }


        .visit-box > img {
            top: -63px;
            width: 130px;
        }
        .visit-box h3 {
            font-size: 17px;
        }
        .visit-box h4 {
            font-size: 16px;
        }
        .visit-box h5 {
            font-size: 15px;
        }
        .visit-btn a {
            width: 80px;
            height: 34px;
            line-height: 34px;
            font-size: 15px;
        }
		.visit-box {
			height: auto;
			padding-top: 12rem;
		}

		.visit-box > .event-logo {
			top: -5rem;
		}
        .visit-text {
            margin-left: 0;
        }
		.visit-text p {
			font-size: 20px;
			margin-bottom: 30px;
		}
        .visit-bottom-btn a {
            width: 260px;
            font-size: 25px;
        }
        .vist-area {
            padding-top: 135px;
            height: 480px;
        }
        .visit-title h2 {
            font-size: 32px;
            height: 55px;
            line-height: 55px;
        }
        .visit-title h2:before {
            left: -890%;
        }
        .visit-title {
            top: -164px;
        }
        .visit-shape img {
            width: 420px;
        }
        .arnold-text h2 {
            font-size: 33px;
            height: 55px;
            line-height: 55px;
        }
        .arnold-text p {
            font-size: 19px;
        }
        .arnold-area {
            height: 800px;
        }
        .visit-shape {
            bottom: -17px;
        }
        .footer-logo > a img {
            width: 300px;
        }
        .footer-link {
            bottom: -61px;
        }
        .loading {
            width: 10px;
            height: 10px;
            margin-bottom: 12.2px;
        }
        .host {
            left: 5px;
        }
        .host.host-02 {
            left: auto;
            right: 5px;
        }
        .blog-slide.owl-carousel .owl-item .single-blog img {
            max-width: 92%;
            width: auto;
            margin: auto;
        }
        .header-menu ul li > ul {
            top: 60px;
        }
        .header-menu ul > li:hover ul {
            top: 46px;
        }

		.contentline-bkg {
			padding-top: 45rem !important;
		}
    
    }

    /*desktop :992px. */
    @media (max-width: 992px) {
        .container {
            max-width: 758px;
        }
        .logo a img {
            width: 150px;
        }
        .logo {
            top: -18px;
        }
        .header-menu ul li a {
            font-size: 15px;
        }
        .header-menu ul li {
            margin-left: 13px;
        }
        .hero-area {
            height: 448px;
        }
        .hero-single-items {
            height: 448px;
        }
        .hero-text h2 {
            font-size: 40px;
            line-height: 45px;
        }
        .hero-text h2 img {
            left: -33px;
            top: -11px;
            width: 50px;
        }
        .hero-text {
            bottom: 88px;
        }
        .visit-box {
            position: relative;
            z-index: 2;
        }
		.visit-shape img {
			width: 260px;
		}
        .arnold-text h2:before {
            left: -32%;
        }
        .arnold-area {
            height: 670px;
        }
        .blog-area {
            margin-top: -10px;
        }
        .arnold-text p br {
            display: none;
        }
        .single-blog {
            height: 410px;
        }
    
    }
    /*desktop :992px. */
    @media (max-width: 768px) {
        .header-right-btn a {
            width: 135px;
            font-size: 16px;
        }
        .header-right-btn.text-right {
            width: 160px;
            position: absolute;
            top: -31px;
            right: 80px;
            z-index: 99999;
        }
        .logo a img {
            width: 130px;
        }
        .logo {
            top: -30px;
        }
        .hero-area {
            height: 300px;
        }
        .hero-single-items {
            height: 300px;
        }
        /* menu active */
    
	.header-menu ul li {
		display: block;
		padding-right: 0;
		margin-left: 0;
		margin-bottom: 10px;
	}
	.mean-container .mean-bar {
        float: left;
        width: 100%;
        position: absolute;
        background: none;
        padding: 4px 0;
        min-height: 42px;
        z-index: 9999;
        top: 57px;
    }
    .mean-container a.meanmenu-reveal {
        height: 19px;
        width: 30px;
        font-weight: 600 !important;
        right: 1px !important;
        color: #000;
    }
	.mean-container a.meanmenu-reveal span {
		display: block;
		background: url("/images/site/template/bar.png");
		height: 19px;
		margin-top: -1px;
		width: 30px;
		background-size: cover;
	}
	.meanmenu-reveal.meanclose {
		font-size: 29px !important;
		font-weight: 400 !important;
	}
	.mean-container .mean-nav {
        float: left;
        width: 100%;
        background: #FFCC00;
        margin-top: 52px;
        padding-left: 15px;
    }
    .mean-container .mean-nav ul li.first-childd {
        margin-top: 30px;
    }
	.mean-container .mean-nav ul li a {
        width: 100%;
        border-top: none;
        text-decoration: none;
        margin-bottom: 23px;
        padding: 0;
        font-size: 18px;
        font-weight: 900;
        color: #000;
    }
	ul.text-right {
		margin-top: 35px !important;
	}
	.mean-container .mean-nav ul li a.mean-expand {
		margin-top: 1px;
		width: auto;
		height: auto;
		text-align: center;
		position: absolute;
		right: 32px;
		top: -11px;
		border: 0 !important;
		border-left: none !important;
		border-bottom: none !important;
		background: none !important;
		font-size: 35px !important;
		font-weight: 900 !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	.header-menu ul li > ul {
		position: static;
		width: 100%;
		padding: 0;
	}
	.header-menu ul li a {
		font-size: 16px;
	}
	.mean-container .mean-nav ul li li a {
		width: 100%;
		padding: 0;
		opacity: 1;
		text-shadow: none !important;
		visibility: visible;
		color: #000 !important;
		border: 0;
		padding-left: 0;
		font-weight: unset;
		transition: .3s;
		margin: 10px 0;
		margin-left: 15px;
        font-weight: 900;
	}
	.mean-container .mean-nav ul li.mean-last a {
		margin-bottom: 800px;
	}
	.header-menu ul li > ul {
		background: none !important;
		transition: .3s;
		height: 100%;
		padding: 15px;
		padding-top: 0;
		padding-bottom: 0;
	}
	.mean-container .mean-nav ul li a.mean-expand.mean-clicked {
		font-size: 69px !important;
		width: 24px;
		font-weight: 600 !important;
		height: 2px;
		top: -35px;
	}
	.back-to-top {
		right: 15px;
		bottom: 15px;
	}
    .hero-text {
        bottom: 45px;
    }
    .hero-text h2 {
        font-size: 30px;
        line-height: 35px;
    }
    .hero-text h2 img {
        display: none;
    }

	.event-col {
		padding: 0 4rem;
	}

	.vist-area {
		padding-top: 20px;
		height: auto;
		background-image: url(/images/site/template/bg2.png), url(/images/site/template/bg-eventbox.jpg);
		background-repeat: no-repeat;
		background-size: cover,contain;
		background-position: top center, top center;
	}
    .visit-title h2 {
        font-size: 22px;
        height: 50px;
        line-height: 50px;
    }

	.visit-title {
		top: -45px;
	}
    .hero-text {
        bottom: 65px;
    }
	.visit-box.visit-box-mobile {
		margin-bottom: 0;
		margin-top: 14rem;
	}
    .visit-bottom-btn.d-md-none {
        text-align: center;
        margin: 40px auto 68px auto;
        position: relative;
        z-index: 2;
    }

	.visit-box > .event-logo {
		max-width: 200px;
		width: 200px;
		padding: 3.4rem;
		position: absolute;
		left: -100px;
		margin-left: 50%;
		right: initial;
		top: -10rem;
	}


    .arnold-text h2 {
        font-size: 20px;
        height: 48px;
        line-height: 48px;
    }
    .arnold-text h2:before {
        left: -29%;
    }
    .arnold-text p {
        font-size: 20px;
    }

	.pageheader-title h2 {
		font-size: 4rem;
		padding: 1rem 0 1rem 0;
		line-height: 60px;
	}
    .footer-logo > a img {
        width: 255px;
    }
    .footer-call a {
        font-size: 27px;
    }
    .footer-copy p {
        font-size: 14px;
    }
    .footer-copy a {
        font-size: 14px;
    }
    .footer-copy {
        bottom: 10px;
    }
    .footer-copy span {
        margin: 0 10px;
    }
    .footer-area {
        height: 514px;
    }
    .header-right {
    width: 330px;
}
.header-top-items h3 {
    font-size: 18px;
}
.header-top-active.owl-carousel {
    padding-top: 10px;
}
.owl-nav div {
    top: 57%;
}
.visit-btn a {
    width: 119px;
    height: 34px;
    line-height: 34px;
    font-size: 17px;
}
.visit-box h3 {
    font-size: 24px;
}
.visit-box h4 {
    font-size: 20px;
}
.visit-box h5 {
    font-size: 19px;
}
.mean-container .mean-nav ul li:last-child {
    margin-bottom: 29px;
}
.header-right-btn.text-right {
    position: absolute;
    z-index: 99999;
}
    }

@media (max-width: 700px) {

}


@media (max-width: 600px) {

		.contentbox {
			background: rgba(255,255,255,1);
		}

}

    /*desktop :992px. */
    @media (max-width: 500px) {

        .arnold-text h2:before {
            left: -28%;
            width: 120%;
        }
        .header-right-btn.text-right {
            right: 70px;
        }

		.contentline-bkg {
			background-size: 150%;
			padding-top: 25rem !important;
		}

		.contentbox-pad {
			padding-left: 1rem !important;
			padding-right: 1rem !important;
		}
		.pageheader-title h2:before {
			width: 1050%;
		}
		.pageheader-titleline {
			width: 100%;
			padding: 2rem 2rem;
		}
		.pageheader-title h2 {
			font-size: 2rem;
			padding: 1rem 0 1rem 0;
			line-height: 1;
		}
    }

@media (max-width: 380px) {

	.contentline-bkg {
		background-size: 155%;
		padding-top: 20rem !important;
	}

}