/*HELP CONTACT US CSS*/
/**********************************************************************************************************************************/
/*FULL WIDTH IMAGE*/
.jumbotron-fluid{
height: 400px;
width:100vw;
margin-top:0px;
max-width:100%;
/*background-image: url("https://apps2.spatialni.gov.uk/Gareth/PIMG3.png");*/
background-repeat: no-repeat;
background-position:center;
background-size:cover;
}

h1.jumbotron-text{
	color: #fff;
	font-size: 3rem;
	margin-top:350px;
	text-align:center;
	/*font-weight:bold;*/
}
.overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 449px;
  z-index: 10;
  background-color: rgba(0,0,0,0.3); /*dim the background*/
}
/**********************************************************************************************************************************/
/*JUSTIFY MAIN TEXT*/
.main-text{
	text-align:justify;
}

/**********************************************************************************************************************************/

/*OTHER LINKS CARDS CSS*/
.pb-ocard-3 {
    padding-bottom: 1rem!important;
}
.border-ocard-bottom {
    border-bottom: 1px solid #dee2e6!important;
}

.btn-ocard {
    color: #fff;
    background-color: #1899b3;
    border-color: #1899b3;
}
.btn-ocard:hover{
    color: #fff;
    background-color: rgba(24,153,179,.7);
    border-color: rgba(24,153,179,.7);
}
.card-text{
	text-align:justify;
}




/**********************************************************************************************************************************/

/*CONTACT CARD CSS*/
.contact-card{background:#000;position:relative}
.contact-card:after{background:rgba(24,153,179,.7);position:absolute;top:0;left:-30%;bottom:0;right:70%;transform:skew(20deg) translateX(-75%)}
.contact-card:hover:after{transform:skew(20deg) translateX(0)}
.contact-card img{width:100%;height:auto}
.contact-card:hover img{opacity:1}
.contact-card .box-content{padding:20px;text-align:right;position:absolute;top:0;right:0;z-index:1; background:rgba(24,153,179,.3); width:100%;height:100%}
/*.contact-card .icon,.box7 .icon{padding:0;list-style:none}
.contact-card .icon li a{text-align:left}*/
.contact-card .title{font-size:20px;font-weight:900;color:#fff; text-align:left; padding:0 10px;margin:15px 0;transform:scale(0)}
.contact-card:hover .title{transform:scale(1)}
.contact-card .icon li,.contact-card .description{opacity:0;transform:translateX(40px);transition:all .35s ease 0s}
.contact-card .icon li,.contact-card .read-more{opacity:0;transform:translateX(40px);transition:all .35s ease 0s}
.contact-card .icon li,.contact-card .btn-contact{opacity:0;transform:translateX(40px);transition:all .35s ease 0s}
.contact-card .icon li,.contact-card .box-content{opacity:0;transform:translateX(0px);transition:all .35s ease 0s}
/*.contact-card .post{display:block;font-size:14px;color:#fff;margin-bottom:5px}
.contact-card .icon{display:inline-block;margin:0}*/
.contact-card:hover .icon li,.contact-card:hover .description{opacity:1;transform:translateX(0)}
.contact-card:hover .icon li,.contact-card:hover .read-more{opacity:1;transform:translateX(0)}
.contact-card:hover .icon li,.contact-card:hover .btn-contact{opacity:1;transform:translateX(0)}
.contact-card:hover .icon li,.contact-card:hover .box-content{opacity:1;transform:translateX(0)}
.contact-card:hover .icon li:first-child{transition-delay:.1s}
.contact-card:hover .icon li:nth-child(2){transition-delay:.2s}
/*.contact-card .icon li a{display:block;width:35px;height:35px;line-height:35px;background:#fff;font-size:18px;color:#605f5f;margin-bottom:5px;transition:all .35s ease}
.contact-card .icon li a:hover{background:#605f5f;color:#fff}*/

.contact-card .icon,.contact-card .title-load{margin:0;position:absolute}
.contact-card .icon li a,.contact-card .title-load{background:#0c2340;font-size:20px;color:#fff}
.contact-card .title-load{padding:5px 7px;border-radius:5px;font-weight:600;bottom:20px;right:20px;transition:all .9s ease 0s}
.contact-card:hover .title-load{opacity: 0}

.contact-card .description{font-size:14px;font-style:italic; font-weight: bold; padding:0 10px;margin:15px 0; text-align:left; color: #0c2340}
.contact-card .read-more{display:block;width:120px;background:#0c2340;border-radius:5px;font-size:14px;color:#fff;text-transform:capitalize;padding:8px 0;margin:10px; text-align: center; text-decoration: none}
.contact-card .read-more:hover{display:block;width:120px;background:#0c2340;border-radius:5px;font-size:14px;color:#1899b3;text-transform:capitalize;padding:8px 0;margin:10px; text-align: center; text-decoration: none}
.contact-card .btn-contact{align-content:left}

/*.box6:hover img {
	color: rgba(24,153,179,0.3);
    opacity: .6;
}*/

/*COLOUR OF THE CONTACT BUTTON*/
.btn-contact {
    color: #fff;
    background-color: #0c2340;
    border-color: #0c2340;
	position:absolute;
	top:70%;
	left:5%;

}
.btn-contact:hover {
    background-color: rgba(12,35,64,.7);
	border-color: rgba(24,153,179,.7);
    color: rgba(24,153,179,1);



@media only screen and (max-width:990px){.box6{margin-bottom:30px}
}
/**********************************************************************************************************************************/