html {width: calc(100% + calc(100vw - 100%)); overflow-x: hidden;}
body {padding: 0; font-size: 16px; display:flex; flex-direction: column; min-height: 100vh;}
img {border: 0 none; max-width: 100%;}
a {transition: .3s;}

.breadcrumb {background: #fff; padding-left: 0; padding-right: 0;}
.moduletable.fullbg {position:relative; left:50%; margin-left:-50vw; width:calc(100% + calc(100vw - 100%)); background:#f6f6f6;}
.bg-color,
.bg-color-after {position: relative;}
.bg-color::before,
.bg-color-after::after {content: ''; display: flex; position: absolute; z-index: -100; top: 0; bottom: 0; left: 50%; margin-left: -50vw; width: 100vw; background: #f6f6f6;}
.navbar {position:relative; z-index: 100;}
.navbar .navbar-toggler {border-width: 0; outline: none;}
.navbar-nav ul {margin: 0; padding: 0; list-style-type: none;}
.obj-fit-cover {object-fit: cover;}
.obj-fit-contain {object-fit: contain;}

@media screen and (max-width:575px) {
    .moduletable.fullbg {left: 0; margin-left: 0; width: inherit;}
    .container .moduletable.fullbg {margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px;}
}

@media screen and (max-width:1199px) {
    .navbar-nav .nav a {display: block !important;}
    .navbar-nav > ul > li > ul {padding-left: 15px;}
}

#center main {overflow: hidden;}

.owl-carousel .owl-nav {position:absolute; top:50%; font-size:48px; max-width: 1300px; width: 100vw; transform: translateX(-50%); transform: -webkit-translateX(-50%); left: 50%;}
.owl-carousel .owl-prev,
.owl-carousel .owl-next {position:absolute; left: 0; outline:none; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.owl-carousel .owl-next {left:auto; right: 0;}
.owl-carousel .owl-dots {position:absolute; left:50%; bottom:20px; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.owl-carousel .owl-dot {height:10px; width:10px; background:#666!important; border-radius:50%; margin:0 5px; outline:none;}
.owl-carousel .owl-dot.active {background:#333!important;}

.scroll-up {position:fixed; display:none; left:20px; bottom:20px; background:rgba(0,0,0,.3); border-radius:4px; height:40px; width:40px; cursor:pointer; color:#fff; font-size:2.2rem;}
.scroll-up:hover {background:rgba(0,0,0,.5);}
.scroll-up i {position: absolute; left: 50%; top: 65%; transform: translate(-50%,-50%) rotate(45deg); -webkit-transform: translate(-50%,-50%) rotate; width: 20px; height: 20px; border: 1px solid #fff; border-right: none; border-bottom: none;}

.m-100 {margin: 100px !important;}
.mt-100 {margin-top: 100px !important;}
.ms-100 {margin-left: 100px !important;}
.me-100 {margin-right: 100px !important;}
.mb-100 {margin-bottom: 100px !important;}
.mx-100 {margin-left: 100px !important; margin-right: 100px !important;}
.my-100 {margin-top: 100px !important; margin-bottom: 100px !important;}

.p-100 {padding: 100px !important;}
.pt-100 {padding-top: 100px !important;}
.pl-100 {padding-left: 100px !important;}
.pr-100 {padding-right: 100px !important;}
.pb-100 {padding-bottom: 100px !important;}
.px-100 {padding-left: 100px !important; padding-right: 100px !important;}
.py-100 {padding-top: 100px !important; padding-bottom: 100px !important;}

@media screen and (max-width: 1200px) {
    .m-100 {margin: 3rem !important;}
	.mt-100 {margin-top: 3rem !important;}
	.ms-100 {margin-left: 3rem !important;}
	.me-100 {margin-right: 3rem !important;}
	.mb-100 {margin-bottom: 3rem !important;}
	.mx-100 {margin-left: 3rem !important; margin-right: 3rem !important;}
	.my-100 {margin-top: 3rem !important; margin-bottom: 3rem !important;}

	.p-100 {padding: 3rem !important;}
	.pt-100 {padding-top: 3rem !important;}
	.pl-100 {padding-left: 3rem !important;}
	.pr-100 {padding-right: 3rem !important;}
	.pb-100 {padding-bottom: 3rem !important;}
	.px-100 {padding-left: 3rem !important; padding-right: 3rem !important;}
	.py-100 {padding-top: 3rem !important; padding-bottom: 3rem !important;}
}

.pos-fill {top: 0; bottom: 0; left: 0; right: 0;}
.pos-left-top {top: 0; left: 0;}
.pos-left-center {top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.pos-left-bottom {bottom: 0; left: 0;}
.pos-center-top {top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.pos-center {top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.pos-center-bottom {bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.pos-right-top {top: 0; right: 0;}
.pos-right-center {top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.pos-right-bottom {bottom: 0; right: 0;}