html, body {
  height: 100%;
}
body{
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-size: 14px;
	line-height: 1.8;
	
}

/* disable front site edit */
.icons{
	display: none;
}



/* layout */

.ele-wrap{
	min-height: 100%;
	background: linear-gradient( 90deg, rgb(255,240,235,1) 0%,rgb(255,255,255,0) 20%,rgb(255,255,255,0) 80%, rgb(255,240,235,1) 100%  );
	background-position: 50%;
	background-repeat: repeat-x;
}

.ele-container-main{
	width: 100%;
	min-height: 100%;
	padding-top: 30px;
	padding-bottom: 100px;  /*this needs to be bigger than footer height*/
	background-repeat: no-repeat;
}

.ele-container{
	max-width: 996px;
	margin: auto;
}

 .ele-top-bar{
	width: 100%;
	height: 104px;
	background-color: #FFFFFF;
}

@media (max-width: 767.98px) { 
	.ele-top-bar{
		height: 75px;
	}
}
@media (max-width: 575.98px) { 
	.ele-top-bar{
		height: 50px;
	}
}

.ele-top-bar-container {
	position:relative;
}

.logo-sun{
	position:absolute;
	top:0px;
	left:-60px;
	max-width: 965px;
	max-height: 174px;
	z-index:99;
}


.menu-container{
	width:auto;
}

.home-box{
	border-bottom-style:solid; 
	border-bottom-width:20px; 
	border-bottom-color:#e5e5e5;
}
.home-box img{
	width:450px;
	height:300px;
}

.clearboth{
	clear:both;
}

.breadcrumb {
	display:none;
}

@media (min-width: 992px) {
	.ele-home-strip-gradient .col-md-4{
		padding-left:25px;
		padding-right:25px;
	}
}


@media (max-width: 991.98px) {
	.logo-container{
		position:absolute; 
		width:180px; 
		z-index:99;
	}
	.logo-container img{
		margin-top:0px;
		width: 180px;
		height: 125px;
	}
	
}


@media (max-width: 767.98px) {
	.tel-container{
		right: auto;
		top:12px;
		z-index:99;
	}
	.tel-container img{
		width:20px;
		height:26px;
	}
	.ele-tel-number {
		color: #adabab;
		font-size:16px;
		margin-left:4px;
		display:inline;
	}

}



/* desktop */
@media (max-width: 991.98px) {
	.ele-container, .ele-container-main {
			width:100%;
		}
}


/* carousel */
.carousel-line {
    background-image: url('/templates/elements/images/bg-top-line.png');
	position: absolute;
	top: 0px;
	height: 32px;
	width: 100%;
	z-index: 98;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.carousel-item img {
	width:100%;
	height:auto;
}

@media (max-width: 767.98px) { 
	.carousel-line {
		background-size: 100% 80%;
	}
	.carousel-item img {
		width:150%;
	}
}
.carousel-shd {
	background: linear-gradient( rgb(180,180,180,1),rgb(180,180,180,0) );
	height:3px;
	width:100%;
}

/* footer */

.ele-footer-wrap {
	color:#595959;
	background-color:#121212;
	background: linear-gradient( #000, #1f1f1f 4% );
	width:100%;
	min-height:100px;
	position: relative;
  	margin-top: -100px; /* negative value of footer height */
}

.ele-footer {
	font-size:11px;
	padding-top:17px;
	line-height:20px;
	position:relative;
}

.ele-footer .text-right{
		text-align:right;
	}

.ele-footer a {
	color: #595959;
}
.ele-footer a:hover, .ele-footer a:focus {
	color: #777777;
}

.ele-hia-logo{
 position:absolute;
 top:-60px;
 right:5px;
}
.ele-hia-logo img{
height:50px;
width:50px;
}
.ele-hia-logo img:hover{
height:75px;
width:75px;
}


@media (max-width: 767.98px) {
	.ele-footer .text-right{
		text-align:left !important;
	}
}

/* buttons 51D9E0 */
.btn-add{
	background-color: #6f543a;
    border-color: #6f543a;
    color: #FFF;
}
.btn-add:focus,
.btn-add.focus {
  color: #FFF;
  background-color: #398ed1;
  border-color: #398ed1;
}
.btn-add:hover {
  color: #FFF;
  background-color: #398ed1;
  border-color: #398ed1;
}
.btn-add:active,
.btn-add.active,
.open > .dropdown-toggle .btn-add {
  color: #FFF;
  background-color: #398ed1;
  border-color: #398ed1;
}


/* typography */

h1, .h1 {
	color:#6f543a;
	font-size:20px;
}
h2, .h2 {
	font-weight:bold;
	color:#6f543a;
	font-size:16px;
}

h3, .h3 {
	font-size:18px;
	font-style: italic;
}

h4, .h4 {
	font-size:16px;
	font-style: italic;
}
h5, .h5 {
}
h6, .h6 {
}

p {
    margin: 0 0 16px;
}
a {
	color: #1a69c6;
	text-decoration: none;
}
a:hover, a:focus {
	color: #ff9900;
	text-decoration: none;
}

/*forms*/
label{
	font-weight: bold;

}
input, label, textarea{
margin-top:5px;
margin-bottom:5px;
}

@media (max-width: 991.98px) {
	body{
	font-size: 14px;
    line-height: 1.45;
	}


}

@media (max-width: 767.98px) {
	body{
		font-size: 14px;
		line-height:  1.45;
	}
	
	.text-center{
		text-align:left;
	
	}
}

/*tabes */
.ele-table  {
	border-top: none;
}

.ele-table th {
	background-color: #6f543a;
	color: #FFF;
	border-right: 1px solid #FFF;
}
.ele-table th:last-child{
	border-right: 1px solid #6f543a;
}
.ele-table th:first-child{
	border-left: 1px solid #6f543a;
}

.ele-table td {
	vertical-align: bottom;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.ele-table  tr > th, 
.ele-table  tr > td{
	padding: 15px;
}


/* nav bar  */

.navbar {
	padding-bottom:0px;
	z-index: 999;
	font-size: 15px;
    line-height: 1.6;
    
}

.navbar-nav  {
	margin: auto !important;
}
.nav-line{
	border-bottom: 1px solid #FCF4F1;
}


/* adjust the padding left and right to space the menu items */
.navbar-expand-md .navbar-nav .nav-link{
	padding-left: 45px;
	padding-right: 45px;
	padding-top:4px;
	padding-bottom:6px;
}

a.nav-link {
	color: #9d7e5d;
	cursor: pointer;
}


a.nav-link:hover, a.nav-link:focus, a.highlighted {
	color: #6f543a;
	background-color: #faf0dd;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	
}

 .sub-arrow {
	display:none !important;
}

.dropdown-menu {
	border: none;
	border-radius:0;
	font-size:14px;
	background-color:#faf0dd;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.10);
	min-width:250px;
}
.dropdown-item{
	color:#6f543a;
}

ul.dropdown-menu ul  {
	background: none;
	background-color:#6f543a;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.05);
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #6f543a;
  text-decoration: none;
  background-color: #f3d393;
}

.dropdown-item.active, .dropdown-item:active {
  color: #6f543a;
  text-decoration: none;
  background-color: #f3d393;
}


 .text-dark {
  color: #6f543a !important;
}

 a.text-dark:hover, 
 a.text-dark:focus {
  color: #6f543a !important;
}
.bg-light {
  background-color: #919191 !important;
  
}
a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #f3d393 !important;
}

.navbar-toggler{
	color: rgb(200, 170, 130);
	border-color: rgb(200, 170, 130);
	margin-bottom:6px;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(200, 170, 130, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-toggler {
    padding: 0.05rem 0.50rem;
}


@media (max-width: 1199.98px) {
	/* adjust the padding left and right to space the menu items */
	.navbar-expand-md .navbar-nav .nav-link {
		padding-left: 25px;
		padding-right: 25px;
	}
	

}


@media (max-width: 767.98px) {
	.navbar{
		padding-right:0;
		padding-left:0;
	}
	
	 .sub-arrow {
		display:block !important;
	}

	.dropdown-menu   {
		box-shadow:none;
	}
	ul.dropdown-menu ul  {
		background-color:#dbdbdb;
		box-shadow:none;
	}
}





/*
// Small devices (landscape phones, 576px)
@media (min-width: 576px) { ... }
@media (max-width: 575.98px) { ... }
// Medium devices (tablets, 768px)
@media (min-width: 768px) { ... }
@media (max-width: 767.98px) { ... }
// Large devices (desktops, 992px)
@media (min-width: 992px) { ... }
@media (max-width: 991.98px) { ... }
// Extra large devices (large desktops, 1200px )
@media (min-width: 1200px) { ... }
@media (max-width: 1199.98px) { ... }
*/