@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap');
/* CSS Document */

.tb-megamenu{width: auto;}

/**footer hack**/
html{
    font-size: 16px;
    line-height: 1.15;
}
body{
    line-height: 1.5;
}
.row{
    /**their .row**/
    margin-left: 0;
    margin-right: 0;
}
#locus .row{
    /**ours .row**/
    margin-left: -15px;
    margin-right: -15px;
}
#locus{
    line-height: 1.42857143;
    font-size: 14px;
    
    font-family: 'Century Gothic', 'Didact Gothic', Helvetica, Arial, 'Microsoft JhengHei', �L�n������, STHeiti, sans-serif !important;
}
#locus .clearfix{
/*    height: auto;*/
/*
    height: 0;*/
    width: 0;

}

.navbar {
    /**menu hack**/
    border: 0;
    background-color: rgba(0,0,0,1);
    min-height: 70px;
    margin-bottom: 0px;
    background-image: none;
    border-radius: 0;
}


/*20200903 full width hack under 768 :) */
div[role="main"] div[role="heading"] + .col-sm-12{
    padding-left: 0;
    padding-right: 0;
}
/*20200910 full width hack :) */
.main-container{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*20201023 remove text shadow*/
article#locus *{
    text-shadow: none;
}

/********20220721********/
.px-0{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.px-1{
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.px-2{
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.px-3{
	padding-left: 30px !important;
	padding-right: 30px !important;
}
.px-4{
	padding-left: 40px !important;
	padding-right: 40px !important;
}

.py-0{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.py-1{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.py-2{
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.py-3{
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}
.py-4{
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

.pt-0{
	padding-top: 0px !important;
}
.pt-1{
	padding-top: 10px !important;
}
.pt-2{
	padding-top: 20px !important;
}
.pt-3{
	padding-top: 30px !important;
}
.pt-4{
	padding-top: 40px !important;
}


.mt-0{
	margin-top: 0 !important;
}
.mt-1{
	padding-top: 10px !important;
}
.mt-2{
	padding-top: 20px !important;
}
.mt-3{
	padding-top: 30px !important;
}
.mt-4{
	padding-top: 40px !important;
}




@media only screen and (max-width: 768px){
    .main-container {
        /**menu hack**/
        padding-left: 0 !important;
    padding-right: 0 !important;
    }
}

@media only screen and (min-width: 576px) and (max-width: 768px){
#locus .col-sm-1, #locus .col-sm-2, #locus .col-sm-3, #locus .col-sm-4, #locus .col-sm-5, #locus .col-sm-6, #locus .col-sm-7, #locus .col-sm-8, #locus .col-sm-9, #locus .col-sm-10, #locus .col-sm-11, #locus .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
    
}


/*stickyBTN - 20210513*/   
	article#locus .stickyBTN{
		padding: 10px 5px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		position: fixed;
		box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
		border: solid 3px transparent;
		background-image: linear-gradient(rgba(237, 0, 153, 0), rgba(102, 0, 153, 0)), linear-gradient(180deg, #748b99, #2c505f);
		background-origin: border-box;
		background-clip: content-box, border-box;
		box-shadow: 2px 1000px 1px #000000 inset;
		border-radius: 60px;
		z-index: 99;
		right: 10px;
		width: 85px;
	}
	article#locus .stickyBTN li{
		list-style: none;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}
	article#locus .stickyBTN a{
		padding: 2px;
		overflow: hidden;
		display: block;
		text-decoration: none!important;
		text-align: center;
		word-break: break-word;
		color: #fff;
	}
	article#locus .stickyBTN img{
		max-width: 50px;
		display: block;
		margin: auto;
	}

	article#locus .stickyBTN p{
		font-size : 12px;
		margin: 0;
		padding-top: 2px;
		color: #fff;
	}

@media (max-width: 767px) {
	article#locus .stickyBTN{
		padding: 5px 10px;
		width: calc(100% - 9px);
		bottom: 10px;
		flex-direction: row;
		justify-content: space-around;
		left: 1%;
	}
	article#locus .stickyBTN li{
		width: 25%;
		justify-content: flex-start;
	}
	article#locus .stickyBTN a{
		padding: 0;
	}
	article#locus .float_btn{
		padding: 0 5px;
	}
	article#locus .stickyBTN p{
		font-size: 11px;
	}

	#locus .row{
		/**ours .row**/
		margin-left: 0px;
		margin-right: 0px;
	}

}

@media (max-width: 414px) {
	article#locus .stickyBTN p {
		font-size: 9px;
	}
	article#locus .mobile_left{
		margin-left: 7px;
	}
	article#locus .stickyBTN img {
		max-width: 45px;
	}
}