#toTop.show {
	opacity: 1;
	visibility: visible;
}
#toTop {
	position: fixed;
	right: 18px;
	bottom: 50px;
	background: #172b22;
	color: #fff;
	width: 50px;
	height: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
	cursor: pointer;
 -webkit-transition: background-color .3s, opacity .5s, visibility .5s;
 -o-transition: background-color .3s, opacity .5s, visibility .5s;
 transition: background-color .3s, opacity .5s, visibility .5s;
}
/* footer sec */

.web-fooer {
	width: 100%;
	background-image: url(../images/footer-bg-img.png);
	background-repeat: no-repeat;
	background-size: 124% 100%;
	padding: 140px 0 0px 0;
	margin-top:0;
	background-position: -121px 0;
}
.homePageFooter .web-fooer {
	margin-top: -203px;
}
.web-footer-left a img {
	width: 130px;
	height: 130px;
}
.web-footer-left p {
	font-size: 15px;
	letter-spacing: 1px;
	color: #474747;
	font-weight: 300;
	margin-top: 15px;
	margin-bottom: 16px;
}
.web-footer-heading {
	font-size: 32px;
	color: #172b22;
	margin-bottom: 20px;
	font-family: 'b Bagian';
}
.web-footer-center ul li {
	margin-bottom: 5px;
}
.web-footer-center ul li a {
	font-size: 14px;
	letter-spacing: 1px;
	color: #474747;
	font-weight: 400;
 transition: all .3s ease-in-out;
}
.web-footer-center ul li a:hover {
	color: #162b21;
}
.web-footer-center {
	padding: 87px 20px 0 20px;
}
.web-footer-right ul li {
	display: flex;
	margin-bottom: 15px;
}
.web-footer-right ul li .footer-link-info{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;	
}
.web-footer-right ul li p {
	font-size: 15px;
	letter-spacing: 1px;
	color: #474747;
	font-weight: 300;
	padding-left: 21px;
}
.web-footer-right ul li p a {
	font-size: 15px;
	letter-spacing: 1px;
	color: #474747;
	font-weight: 300;
    word-break: break-all;	
 transition: all .3s ease-in-out;
}
.web-footer-right ul li p a:hover {
	color: #c9923e;
}
.web-footer-right {
	padding-top: 87px;
	padding-left: 32px;
}
.web-footer-inner p, .web-footer-inner p a {
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 27px;
	color: #ffffff;
	font-weight: 275;
	text-align: center;
}
.web-footer-inner p a {
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 27px;
	color: #ffffff;
	font-weight: 275;
	text-align: center;
 transition: all .3s ease-in-out;
}
.web-footer-inner p a:hover {
	color: #b4a03d;
}
.web-footer-bottom {
	padding-bottom: 22px;
}
.web-footer-top {
	padding-bottom: 218px;
}
.spring-img {
	position: absolute;
	right: 216px;
	top: -128px;
	width: 120px;
}
.stright-arrow {
	position: absolute;
	top: -137px;
	left: 228px;
}
.footer-sec-box {
	position: relative;
}
 .footer-sec-box::before {
 content: "";
 position: absolute;
 width: 2px;
 height: 215px;
 background-color: #e7dbb9;
 right: 0;
 top: 100px;
}
 @media(min-width: 1920px) {
 .web-footer-heading {
 font-size: 35px;
}
 .web-footer-left p {
 font-size: 18px;
}
 .web-footer-center ul li a {
 font-size: 14px;
}
 .web-footer-right ul li p {
 font-size: 18px;
}
 .web-footer-right ul li p a {
 font-size: 18px;
}
 .web-footer-top {
 padding-bottom: 306px;
}
 .web-fooer {
 background-size: 101% 100%;
 padding: 212px 0 0px 0; 
 background-position: -5px 83px;
}
.homePageFooter .web-fooer {
	margin-top: -301px;
}
}
@media(min-width:1660px) {
 .web-fooer {
 background-size: 115% 102%;
 padding: 105px 0 0px 0; 
 background-position: -125px 0;
}
.homePageFooter .web-fooer {
	margin-top: -203px;
}
}
 @media(max-width: 1199px) {
 .web-footer-heading {
 font-size: 30px;
}
 .web-footer-left p {
 font-size: 14px;
}
 .web-footer-center ul li a {
 font-size: 15px;
}
 .web-footer-center {
 padding: 87px 40px 0 40px;
}
 .web-footer-left a img {
 width: 100px;
 height: 100px;
}
 .web-fooer {
 padding: 100px 0 0px 0;
}
}
 @media(max-width: 991px) {
 .web-fooer {
 background-size: cover;
 padding: 140px 0 0 0; 
 background-position: -96px 0;
 z-index: 2;
 position: relative;
}
.homePageFooter .web-fooer {
	margin-top: -280px;
}
 .web-footer-center {
 padding: 20px 0 0 0;
}
 .web-footer-right {
 padding-top: 20px;
}
 .footer-sec-box::before {
 display: none;
}
}
 @media (max-width: 767px) {
 .web-fooer {
 background: #fff;
}
 .web-footer-bottom {
 padding-top: 15px;
 padding-bottom: 15px;
 background: #172b22;
}
 .web-footer-top {
 padding-bottom: 28px;
}
}
 @media(max-width: 575px) {
}
 @media(max-width: 440px) {
}