/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- HOMEPAGE HEADERIMAGE ------------------------------------ */

.header {padding: 0 !important;}
.headerrow {margin:0 auto;  padding: 0 !important;}
.img-hcol {position:relative; }
.img-h {width:100%; height:900px; object-fit:cover; object-position:center;}
.himgcol {position:absolute;  /*top:50%;*/  background-color: var(--color-13, #ffffffb8); z-index: 999; padding: 50px; border-radius: 10px; color: var(--black); width:25%; /*left: 50%;*/
    transform: translate(-50%, -50%); /*height:100%;*/ text-align:center;}
.himgcol h1 {text-transform: none !important; color: var(--black);}
.himgcol p {color: var(--black);}


.btn-hdi {padding: 15px 75px; border: 2px solid var(--color-1); background-color: var(--color-1);  margin-top:20px; color: var(--white);}
.btn-hdi:hover {border: 2px solid var(--color-12); background-color: var(--color-12); color: var(--white);}

.himgcol.left {left:25%; top:50%;}
.himgcol.right {left:75%; top:50%;}
.himgcol.center {left:50%; top:50%;}
.himgcol.left-top {left:25%; top:25%;}
.himgcol.left-bottom {left:25%; top: 75%}
.himgcol.center-top {left:50%; top:25%}
.himgcol.center-bottom {left:50%; top: 75%;}
.himgcol.right-top {left:75%; top: 25%;}
.himgcol.right-bottom {left:75%; top:75%;}




@media only screen and (min-width: 1025px)
{
	.himgcol {min-width: 700px;}	
}

@media only screen and (min-width: 992px) and (max-width: 1024px)
{
	.himgcol {width: 90%;}	
}

@media only screen and (max-width: 992px) 
{
	.himgcol {width: 90%;}	
}

@media only screen and (max-width: 575px) 
{
	.btn-hdi {padding: 15px; font-size: var(--h5);}	
	.himgcol {padding:50px 15px;}
	.himgcol {width: 100%;}	
}