@font-face {
    font-family: "GreatVibes-Regular";
    src: url('GreatVibes-Regular.ttf');
}
:root{
	--primary:#b89985;
	--secondary:rgb(13,18,23);
 }

body{
	width:100%;margin:auto;
	font-family: Arial, Helvetica, sans-serif;
}
a{  text-decoration:none; }
a:hover{ color: #b89985; }
li{ list-style: none}
img{width:100/9; max-width:100%; height:auto;}
video{width:100%; height:auto;}

.box{    box-shadow: 0 -7px 17px -14px rgba(0,0,0,.7);
	box-sizing: border-box;
}
.span{display:inline-block}
.inputText:focus{outline: none;}
.offPC{display: none}
.cont{width:100%;margin:auto;}

.me-0{margin-right:0!important}.me-1{margin-right:0.25rem!important}.me-2{margin-right:0.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-6{margin-right:12px!important}.me-7{margin-right:30px!important}.me-8{margin-right:10px!important}.me-9{margin-right:20px!important}.me-auto{margin-right:auto!important}

.me-2PC{margin-right:0.5rem!important}

.d-flex{
	display: flex;
}
.d-flex_block_mb{
	display:flex;
}
.middle_disp{
	align-items: center;
	
}
.bottom_disp{
	align-items:flex-end;
}


.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width:100%;
  }
.row-1 ,.row-1S{width:98%;margin:auto; }
.row-2 , .row-2S{width:96%;margin:auto; }
.row-3, .row-3S{width:94%;margin:auto; }
.row-4{width:92%;margin:auto;}
.row-5{width:75%;margin:auto;}
.row-6{width:66%;margin:auto;}
.row-7{width:50%;margin:auto;}
.row-8{width:42%;margin:auto;}
.row-9{width:33%;margin:auto;}
.row-10{width:25%;margin:auto;}
.row-80{width:80%;margin:auto;}
.row-90{width:90%;margin:auto;}

/***/
.col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
  }
  
  .col {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
  }
  
  .col-auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
  }
  
  .col-1,.col-2,.col-3,.col-4, .col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-2s,.col-4s,.col-5,.col-5s,.col-6s ,.col-7s,
 .col-8s,.col-9s,.col-10s,.col-11s
  {
	  	display: inline-block;
	  	/*padding-right: 15px;*/
 		/*padding-left: 15px;*/
	}
  .col-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
  }
  
  .col-2 , .col-2s{
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
  }
  
  .col-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
  }
  
  .col-4 ,.col-4s{
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
  }
  
  .col-5 ,.col-5s{
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
  }
  
  .col-6 ,.col-6s{
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
  }
  
  .col-7 ,.col-7s{
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
  }
  
  .col-8 ,.col-8s{
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
  }
  
  .col-9 ,.col-9s{
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
  }
  
  .col-10 ,.col-10s{
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
  }
  
  .col-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%;
  }
  .col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
  }


  .col-1-6-3 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
	display: inline-block;
  }
  
 
  .col-2-2, .col-2-3-2  {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
	display: inline-block;
  }
  .col-3-2-1 ,.col-3-2 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
	display: inline-block;
  }


.hhb_logo_text{
	font-size:40px;
	/*font-family: GreatVibes-Regular;*/
	/*color:var(--primary);*/
}
.hhb_logo_sub_text{
	font-size:12px;display:block;
	font-weight: 600;
}
.hhb_logo_text_footer{
	margin-top: 50px;
	font-size: 48px;
	font-family: GreatVibes-Regular;
}
.hhb_logo_sub_text_footer{
	font-size: 12px;
}


@media screen and (min-width:769px)and (max-width:900px){
	.row-1, .row-2, .row-3,.row-4,.row-5, .row-6, .row-7, .row-8, .row-9, .row-10, .row-11,.row-12,.row-90{width:100%; }
	.col-1,.col-2,.col-3,.col-4, .col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
		max-width:100%;width:100%;
		flex: 0 0 100%;
		max-width: 100%;
		/*padding-right: 10px;
		padding-left: 10px; */
	 }
	.col-1-6-3 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
		display: inline-block;
	  }

	.col-2-3-2 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	  }

	.col-3-2-1, .col-3-2 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}


@media screen and (max-width:768px) {
	body{
		font-size: 16px;
	}
	.row-1, .row-2, .row-3,.row-4,.row-5, .row-6, .row-7, .row-8, .row-9, .row-10, .row-11,.row-12{width:100%; }
	.col-1, .col-2 , .col-3 , .col-4 ,.col-5 , .col-6 , .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{
		width:100%; max-width:100%;
		flex: 0 0 100%;
		max-width: 100%;
		/*padding-right: 10px;
		padding-left: 10px;*/
	 }

	 .col-1-6-3 {
		-ms-flex: 0 0 25%;
	     flex: 0 0 25%;
	     max-width: 25%;
	  }
	
	.col-2-3-2{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
    }

	 .col-3-2-1{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
    }
  	.col-3-2{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.offPc{
		display: block;
	}

	.d-flex_block_mb{
		display:block;
	}
	.me-2PC{
		margin-right:auto;
	
	}
 }