/***** Home Page ****/
a{text-decoration: none;}
.ecm{color: #223289;}
.pe-auto{cursor:pointer}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: searchfield-cancel-button;}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.top-header{ --bs-bg-opacity: 1; background-color: #084876 !important;}
ul.navbar-nav > li a, ul.navbar-nav > li a i{color: #223289;}
ul.navbar-nav > li >a:hover{ 
   
	background-color: rgba(10, 110, 226, 0.2);
    border-bottom:1px solid #223289;
    transition: opacity 0.3s, transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transform: translateY(-3px);
    -moz-transform: translateY(-2px);
    -webkit-transform: translateY(-3px);} 
	
.client-alerts a:hover{color:#0d6efd!important;}
.fixed-top{background: #cfe2ff;}

/*Header phone number*/

    .blinkcall{
        -webkit-animation: color-change 3s infinite;
        -moz-animation: color-change 3s infinite;
        -o-animation: color-change 3s infinite;
        -ms-animation: color-change 3s infinite;
        animation: color-change 3s infinite;
    }

    @-webkit-keyframes color-change { 0% { color: #d63384; } 50% { color: #dc3545; } 100% { color: #fd7e14; } }
    @-moz-keyframes color-change {0% { color: #d63384; } 50% { color: #dc3545; } 100% { color: #fd7e14; } }
    @-ms-keyframes color-change {0% { color: #d63384; } 50% { color: #dc3545; } 100% { color: #fd7e14; } }
    @-o-keyframes color-change {0% { color: #d63384; } 50% { color: #dc3545; } 100% { color: #fd7e14; } }
    @keyframes color-change {0% { color: Red; } 50% { color: #223289;; } 100% { color: Red; } }

/*  .force-overflow::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-image: -webkit-gradient(linear,
									   left bottom,
									   left top,
									   color-stop(0.44, rgb(122,153,217)),
									   color-stop(0.72, rgb(73,125,189)),
									   color-stop(0.86, rgb(28,58,148)));
}
.force-overflow::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}   */

/*  .scrollbar {height: 430px;overflow-y: scroll;} */
/* .force-overflow {
  min-height: 430px;
} */

.scrollbar-primary::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
} 

.scrollbar-primary::-webkit-scrollbar-thumb {
  border-radius: 4px;
 background-image: -webkit-gradient(linear,
									   left bottom,
									   left top,
									   color-stop(0.44, rgb(122,153,217)),
									   color-stop(0.72, rgb(73,125,189)),
									   color-stop(0.86, rgb(28,58,148)));
}




.scrollbar-danger::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px;
}

.scrollbar-danger::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}

.scrollbar-danger::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #ff3547;
}

.scrollbar-danger {
  scrollbar-color: #ff3547 #F5F5F5;
}

.scrollbar-warning::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px;
}

.scrollbar-warning::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}

.scrollbar-warning::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #FF8800;
}

.scrollbar-warning {
  scrollbar-color: #FF8800 #F5F5F5;
}

.scrollbar-success::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px;
}

.scrollbar-success::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}

.scrollbar-success::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #00C851;
}

.scrollbar-success {
  scrollbar-color: #00C851 #F5F5F5;
}

.scrollbar-info::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px;
}

.scrollbar-info::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}

.scrollbar-info::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #33b5e5;
}

.scrollbar-info {
  scrollbar-color: #33b5e5 #F5F5F5;
}

.scrollbar-default::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px;
}

.scrollbar-default::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}

.scrollbar-default::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #2BBBAD;
}

.scrollbar-default {
  scrollbar-color: #2BBBAD #F5F5F5;
}

.scrollbar-secondary::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px;
}

.scrollbar-secondary::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}

.scrollbar-secondary::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #aa66cc;
}

.scrollbar-secondary {
  scrollbar-color: #aa66cc #F5F5F5;
} 

.hbg1{

background-position: 0% 20%, 10% 50%;
background-size: auto, cover;
margin-top: 0;
}


/*footer*/
#map-space { position: relative;}
/* #map-space img.fixedmap {position: relative;width: 100%;} */
#map-space div {height: 14px;position: absolute;width: 14px;}
#map-space img { position: absolute;top: 0;}
#map-space img.fixedmap{position:relative;width:100%}
#map-space div.abs-perth{top:70%;left:78.5%}
#powerTip{cursor:default;background-color:#fff;border-radius:3px;color:#1C1A59;font-size:12px;display:none;padding:4px 10px 4px 10px;position:absolute;white-space:nowrap;z-index:281281281;-webkit-box-shadow:1px 1px 3px 0 rbga(0,0,0,0.75);-moz-box-shadow:1px 1px 3px 0 rgba(0,0,0,0.75);box-shadow:1px 1px 3px 0 rgba(0,0,0,0.75)}
#powerTip a{color:#0A093B;}
#powerTip p{font-size:1.1em!important}
#powerTip:before,#powerTip:after{content:"";position:absolute;}
#powerTip.e:before,#powerTip.w:after{border-bottom:5px solid transparent;border-top:5px solid transparent;margin-top:-5px;top:50%}
#powerTip.e:before{border-right:10px solid #fff;left:-10px}
#powerTip.w:after{border-left:10px solid #fff;right:-10px}
.location img{cursor: pointer;}
.footer-link ul li a{font-size: 13px;text-decoration: none;transition: all 0.3s ease;}
.footer-link ul li a:hover{color: #ffffff !important; padding-left: 8px;}

/* Circle Effect */
.hovereff figure {
	position: relative;
}
.hovereff figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.hovereff figure:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 100%;
		height: 100%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 100%;
		height: 100%;
		opacity: 0;
	}
}


/***Sub page *****/

.sn a {
  background-image: linear-gradient(
    to right,
    #d12727,
    #d12727 50%,
    #000 50%
  );
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  padding: 10px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
}

.sn a:before{
  content: '';
  background: #223289;
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 2px;
  transition: all 0.3s ease-in-out;
}

.sn a:hover {
 background-position: 0;
}

.sn a:hover::before{
  width: 80%;
}