/*Home Page*/
body{font-family: "titilliumregular",Arial,Helvetica,sans-serif;}
ul>li{font-family: "titilliumregular",Arial,Helvetica,sans-serif;}
header{min-height:100px;}
.h-top{ background:#084876; color:#FFF;padding-top:2px;}.h-top a{color:#FFF;}
.gototop{margin-top:3px;}
.navbar-nav > li a, .navbar-nav > li a {color: #223289;}
.navbar-nav > li:hover{ 
    background-color: rgba(102, 16, 242, 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);} 
.navbar-nav > li a:hover{ color:rgba(0, 0, 0, 0.7)!important;}
.navbar-nav>li>a {
    position: relative;
    display: block;
    padding: 10px 8px;
	font-size:15px;
}
.call{color:#223289;line-height:6px;margin-top:1px;font-weight:bold;padding-top: 2%;}
@media (min-width:200px) and (max-width: 640px) {
 .navbar-nav > li:hover{ 
      border-bottom:2px solid #223289;
    transform: none;min-height:16px!important;
    }  
	
	header .call{display:none}
	}
/*colors*/

.red{color:#A30004;} hr.blue{border-color: #265A89; margin-top:8px;padding:0}

.logocolor{color:#223289}
.short{width:40%;text-align:center; margin-top:6px ; margin-bottom:6px;}

.dl-horiz{background: none repeat scroll 0 0 rgba(48, 62, 125, 0.7);padding:5%; border-radius: 0.1875rem;box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);min-height:106px;font: normal 16px/21px Arial,sans-serif;}

.hbg-content{ padding-bottom: 60px;
    padding-top: 60px;}
.hbg1{
/* background-color: #89BBE5;*/
background-image: linear-gradient(180deg, rgba(0, 15, 46, .8), rgba(16, 53, 91, .84)), url("../../images/boxsection.jpg");
background-position: 0% 20%, 10% 50%;
background-size: auto, cover;
margin-top: 0;
}
.hbg2{
background-color: #07113A;
background-image: url("../../images/section-bg1.png");
margin-top: 0;
}

.ttx-content-title{color: white;
font-size: 34px;
font-weight: lighter;
line-height: 1.1;
margin-bottom: 0.5em;}

.h-forms .row{overflow-y:auto;}

.hbg1 .ttx-horiz{background: none repeat scroll 0 0 rgba(96, 169, 229, 0.7);padding:5%; border-radius: 0.1875rem;box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);min-height:106px;font: normal 16px/21px Arial,sans-serif;}

.ttx-horiz .img-circle{ border:2px solid  rgba(  0, 133, 255, .53);}
.hbg2 dl.ttx-horiz { min-height: 260px;}
.hbg1 .col-sm-6{margin-bottom:1.5em;}
.ttx-horiz .img-circle:hover{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
	 
  transition: all .3s ease;
  cursor: pointer;
  box-shadow: 0 0 0 5px rgba(255,255,255,.4) , 0 0 0 10px  #f05f75;
 
 -moz-box-shadow: 0 0 0 5px rgba(255,255,255,.4) , 0 0 0 10px  #f05f75;
 -webkit-box-shadow: 0 0 0 5px rgba(255,255,255,.4) , 0 0 0 10px  #f05f75;
 -o-box-shadow: 0 0 0 5px rgba(255,255,255,.4) , 0 0 0 10px  #f05f75;
  }

.ttx-horiz dd{color:#fff; font-weight: bold;},.ttx a:hover,.ttx i:hover{text-decoration:none!important;}

/* *  home page cursor Style **/

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

.h-forms::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.h-forms::-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)));
}
 

/*search */
#searchbar input{border:none; border-bottom: 1px solid #ccc; background:#EDF1F5;outline: 0 none;box-shadow: none;}
#searchbar input:focus{
    border:none;
    border-bottom: 1px solid #ccc;
    box-shadow: none;
    color: #666;
    outline: 0 none;}
	
/* Slider  home page*/
	
.carousel-inner  p,.carousel-inner > .active ,.carousel-inner > .item {color:#223289;font-size:12px;}
.carousel-inner  a:hover,.carousel-inner > .active :hover,.carousel-inner > .item :hover{text-decoration:none; color:red}



/*Header phone number*/

    .call h4, .call p{
        -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: red; }
        50% { color: blue; }
        100% { color: red; }
    }
    @-moz-keyframes color-change {
        0% { color: red; }
        50% { color: blue; }
        100% { color: red; }
    }
    @-ms-keyframes color-change {
        0% { color: red; }
        50% { color: blue; }
        100% { color: red; }
    }
    @-o-keyframes color-change {
        0% { color: red; }
        50% { color: blue; }
        100% { color: red; }
    }
    @keyframes color-change {
        0% { color: red; }
        50% { color: blue; }
        100% { color: red; }
    }



/*alert */

.num_sectionsub{padding:3%;padding-bottom:1%; color:#fff;margin-right:2%; line-height:7px;
background: rgb(59,103,158); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
border-radius:5px;
}
.num_sectionsub:hover{
background: rgb(210,223,237); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(210,223,237,1) 0%, rgba(200,215,235,1) 26%, rgba(190,208,234,1) 51%, rgba(166,192,227,1) 51%, rgba(175,199,232,1) 62%, rgba(186,208,239,1) 75%, rgba(153,181,219,1) 88%, rgba(121,155,200,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(210,223,237,1) 0%,rgba(200,215,235,1) 26%,rgba(190,208,234,1) 51%,rgba(166,192,227,1) 51%,rgba(175,199,232,1) 62%,rgba(186,208,239,1) 75%,rgba(153,181,219,1) 88%,rgba(121,155,200,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(210,223,237,1) 0%,rgba(200,215,235,1) 26%,rgba(190,208,234,1) 51%,rgba(166,192,227,1) 51%,rgba(175,199,232,1) 62%,rgba(186,208,239,1) 75%,rgba(153,181,219,1) 88%,rgba(121,155,200,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2dfed', endColorstr='#799bc8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.media .num_sectionsub p{color:#fff;}
.alerts ,.h-forms{height:430px; overflow-y:auto}
.alerts  a .media,.h-forms  a  p{color:#252526}
.alerts  a:hover ,.alerts  a:hover  p{color:red;  text-decoration: none!important;}

/*footer*/

footer{background:#234D8B; color: White;}
.footer-link ul li a{font-size: 13px;text-decoration: none;transition: all 0.3s ease; color:#91A6C5}
.footer-link ul li a:hover{color: #ffffff !important; padding-left: 8px;}

#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;}


/**** 3 columns ****/

.ecm-tile {overflow: hidden;position: relative; border-radius: 6%;
  -webkit-box-shadow: 0 15px 10px #07113A;
  -moz-box-shadow: 0 15px 10px #07113A;
  box-shadow: 0 15px 10px #07113A;
}

.ecm-tile-link {border: 1px solid rgba(0, 0, 0, 0);display: block;height: 320px;
  overflow: hidden;position: relative;width: 100%;}
.ecm-tile-image {overflow: hidden;}
.ecm-tile-overlay {background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;bottom: 0;height: 145px;left: 0;
  padding: 15px 25px 20px;position: absolute;right: 0;transition: all 0.2s ease 0s;}
.ecm-tile-content {max-height: 120px;overflow: hidden;}
.ecm-tile-content h1 {font-size: 20px;margin: 0;max-height: 50px;overflow: hidden;}

.ecm-tile-overlay {background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; bottom: 0;height: 145px;left: 0;padding: 15px 0 25px 20px;
  position: absolute;right: 0; transition: all 0.2s ease 0s;    border-top: 1px solid #89BBE5;}
.ecm-tile-link:hover .ecm-tile-overlay, .ecm-tile-link.hover .ecm-tile-overlay {
  background: white none repeat scroll 0 0;height: 160px;}
.ecm-tile-content.ecm-ellipsis a ,.ecm-tile-content.ecm-ellipsis > p {
  color: #333;
  font-size: 12px;
}
.ecm-tile-content.ecm-ellipsis a:hover{color:red}
.ecm-tile-content.ecm-ellipsis > p {
  line-height: 0;
}

/*clent login form */
.c-l-f{ background:#c7cbff;border-radius:5px;}
.c-l-f .form-control,.c-l-f checkbox{color:#B1B3B7; background:#FFF; border:1px solid #FFF; }
.form-control::-moz-placeholder{color:#B1B3B7}
.c-l-f ::-webkit-input-placeholder{color:#B1B3B7}
.c-l-f  input{color:#000!important;}
.c-l-f .input-group-addon{border-bottom:none;background: transparent;}
.c-l-f a, .c-l-f .text-primary{color:#080C3B}

#frmLogin #txtLogin{border-radius: 5px 5px 0 0; border: 1px solid rgb(10, 39, 180);background:rgba(50, 55, 118, .2);border-top: none;
  border-left: none;
  border-right: none;outline: none;}
#frmLogin #txtPwd{border-radius:0 0 5px 5px; border: 1px solid rgb(10, 39, 180);background:rgba(50, 55, 118, .2);border:none;outline: none;}

#frmLogin #txtPwd::-webkit-input-placeholder, #frmLogin #txtLogin::-webkit-input-placeholder { color: #080C3B; }
#frmLogin #txtPwd:-ms-input-placeholder, #frmLogin #txtLogin:-ms-input-placeholder { color: #080C3B; }
#frmLogin #txtPwd::placeholder, #frmLogin #txtLogin::placeholder { color: #080C3B; }
#frmLogin button{cursor: pointer;
  transition: .4s;
  border: 1px solid rgba(50, 55, 118, 1);
  font-size: 16px;
  margin-left:1em;
  }
#frmLogin button:hover { } 

  
.mainbodycon h3{color:#061739}
.mainbodycon{background-color: #D7E0ED;}

.nav-pills>li>a{font-weight:bold;color:#082E53;}
 .logout{color:#FC2802!important;}
 .login-n{color:#F7E813}
 .nav-pills1>li>a{color:#082E53;}
 
.page-title{color: #fff;left: 6%;position: absolute;top: 60%;font-weight:bold;font-size:1.8em;}
 


.section2{padding-bottom:2%}
@media (max-width: 640px){ 
.section2>.row>.h-forms{margin-bottom:20px;}.gsc-search-box{display:none;}
	}
	
	
@media (min-width: 471px) and (max-width: 767px) { 
  .col-sm-6 .call{margin-top:2em; }	.gsc-search-box{display:none;}

	}
	
@media (min-width: 768px) and (max-width: 1024px) {
	.col-sm-6 .call{margin-top:2em; }
   .h-forms{margin-bottom:3em;}	
	}

@media (min-width: 1025px) and (max-width: 1200px) {
	  
	
  }
  
@media (min-width: 1201px) and (max-width: 1400px) {
	    
	   
   }