.cbp-hrmenu {
	width: 100%;
	display:block; text-align:center;
	float:left; margin:0px  0 0 0;	
}

/* general ul style */
.cbp-hrmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* first level ul style */
.cbp-hrmenu > ul,
.cbp-hrmenu .cbp-hrsub-inner {
	width: 100%;
	/*max-width: 70em;*/
	margin: 0 auto;
	/*padding: 0 1.875em;*/
}

.cbp-hrmenu > ul > li {
	display: inline-block;  margin:0px 5px; 
}
.cbp-hrmenu > ul > li:first-child{ margin-left:0px;}
.cbp-hrmenu > ul > li:last-child{ margin-left:0px;}

.cbp-hrmenu > ul > li > a { padding: 3px 15px; display:block; color:#000; font-family: 'Gordita-Regular'; font-size:18px; line-height: 35px; position:relative; transition: all .5s ease; }  

.cbp-hrmenu > ul > li > a.menu-active{ border-bottom: solid 0px #fff;}

.cbp-hrmenu > ul > li > a::before {display: block; content: ""; font-size: 18px; font-family: 'Gordita-Bold';height: 1px;color: transparent;overflow: hidden;visibility: hidden;}


.cbp-hrmenu > ul > li > a::after { display: none; opacity: 0; content: ""; position: absolute; bottom: 28px; left: 0px; right: 0px; margin: auto; width: calc(100% - 38px); height: 2px; background: rgba(217,36,41,0.1); transition:all .5s ease;}
.cbp-hrmenu > ul > li > a:hover::after { opacity: 1; }

.cbp-hrmenu > ul > li.cbp-hropen:hover > a::after { display: none;opacity: 1; content: ""; position: absolute; bottom: 28px; left: 0px; right: 0px; margin: auto; width: calc(100% - 38px); height: 2px; background: rgba(217,36,41,0.1); transition:all .5s ease;}


/*.cbp-hrmenu > ul > li > a.arrow {
    background: rgba(0, 0, 0, 0) url("../img/menu-arrow.png") no-repeat scroll center 30px;
}*/



.cbp-hrmenu > ul > li > a:hover {
	color: #000;
    display: block;   
	font-family: 'Gordita-Bold';
    text-decoration: none;  background: rgba(217,36,41,0.1); border-radius: 5px;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.1); 
	
}
.cbp-hrmenu > ul > li > a.active {
	color: #000;
    display: block;   
    text-decoration: none;background: rgba(217,36,41,0.1); border-radius: 5px;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.1); font-family: 'Gordita-Bold';
	
}

.cbp-hrmenu > ul > li.cbp-hropen a,
.cbp-hrmenu > ul > li.cbp-hropen > a:hover {
	/*color: #fff;	opacity:1; background:#ab0400; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; text-shadow: 1px 2px 1px rgba(0,0,0,0.4);  -webkit-text-shadow: 1px 2px 1px rgba(0,0,0,0.4); -moz-text-shadow: 1px 2px 1px rgba(0,0,0,0.4); -o-text-shadow: 1px 2px 1px rgba(0,0,0,0.4);*/
	/* color: #fff; */
    display: block;   
    text-decoration: none;	
	
}
.cbp-hrmenu > ul > li.cbp-hropen > a:hover
{
	background: #2261a8;
}
 .cbp-hrmenu > ul > li > a.selected, .cbp-hrmenu > ul > li > a.selected:hover{
	/*background:#ab0400; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;
	text-shadow: 1px 2px 1px rgba(0,0,0,0.4); -webkit-text-shadow: 1px 2px 1px rgba(0,0,0,0.4); -moz-text-shadow: 1px 2px 1px rgba(0,0,0,0.4); -o-text-shadow: 1px 2px 1px rgba(0,0,0,0.4);*/
}

/* sub-menu */
.cbp-hrmenu .cbp-hrsub {
	/* display: none; */
	position: absolute;
	/* background:#0047bb; */
	width: 100%;
	padding:0px;
	left:0px; right:0; margin:0px auto 0px;
	z-index:9999999999; 
	box-shadow: 0px 10px 12px rgba(0,0,0,0.4);
	padding-top: 25px; 
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease;
	
/*background: rgba(255,255,255,0.95);
background: -moz-linear-gradient(left, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.95) 75%, rgba(244,244,244,1) 75%, rgba(244,244,244,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.95)), color-stop(75%, rgba(255,255,255,0.95)), color-stop(75%, rgba(244,244,244,1)), color-stop(100%, rgba(244,244,244,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.95) 75%, rgba(244,244,244,1) 75%, rgba(244,244,244,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.95) 75%, rgba(244,244,244,1) 75%, rgba(244,244,244,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.95) 75%, rgba(244,244,244,1) 75%, rgba(244,244,244,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.95) 75%, rgba(244,244,244,1) 75%, rgba(244,244,244,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=1 );
*/

}

.cbp-hropen .cbp-hrsub {
	/* display: block;	 */
	opacity: 1;
	visibility: visible;
}

.cbp-hrmenu .cbp-hrsub-inner > div {
	background: #ffffff none repeat scroll 0 0;
    float: left;
    margin: 0 9px 0 0;
    padding: 6px 6px 10px 6px;
    width: 15.1%;
}

.cbp-hrmenu .cbp-hrsub-inner > div:last-child { margin:0;}


.menu-title { color: #4d3437; font-size: 18px;}

.cbp-
hrmenu .cbp-hrsub-inner img {
	width:100%;}

.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after {
	content: " ";
	display: table;
}

.cbp-hrmenu .cbp-hrsub-inner:after {
	clear: both;
}

.cbp-hrmenu .cbp-hrsub-inner > div a {
	line-height: 2em;
}

.cbp-hrsub h4 {
	color: #afdefa;
	padding: 2em 0 0.6em;
	margin: 0;
	font-size: 160%;
	font-weight: 300;
}

/* Examples for media queries */

@media screen and (max-width: 52.75em) { 

	.cbp-hrmenu {
		font-size: 80%;
	}

}

@media screen and (max-width: 43em) { 

	.cbp-hrmenu {
		font-size: 120%;
		border: none;
	}

	.cbp-hrmenu > ul,
	.cbp-hrmenu .cbp-hrsub-inner {
		width: 100%;
		padding: 0;
	}

	.cbp-hrmenu .cbp-hrsub-inner {
		padding: 0 2em;
		font-size: 75%;
	}

	.cbp-hrmenu > ul > li {
		display: block;
		border-bottom: 4px solid #ededed;
	}

	.cbp-hrmenu > ul > li > a { 
		display: block;
		padding: 1em 3em;
	}

	.cbp-hrmenu .cbp-hrsub { 
		position: relative;
	}

	.cbp-hrsub h4 {
		padding-top: 0.6em;
	}

}

@media screen and (max-width: 36em) { 
	.cbp-hrmenu .cbp-hrsub-inner > div {
		width: 100%;
		float: none;
		padding: 0 2em;
	}
}


.mega-list { float: left; width: 100%; margin-bottom:0px; min-height: 138px;}
.mega-list.last { margin-bottom:0;}
.cbp-hropen .cbp-hrsub-inner-lft { float:left; width:100%; padding:0px 0px 0px 0px; display: flex; border-top: 1px solid rgba(217,36,41,0.3); border-bottom:1px solid rgba(217,36,41,0.3); margin-bottom: 55px;}
.cbp-hropen .cbp-hrsub-inner-lft ul li { float: left; width:31.333%; padding:40px 25px 45px;  border-right:1px solid rgba(217,36,41,0.3);}
.cbp-hropen .cbp-hrsub-inner-lft ul li .mega-list h2 { font-size:17px; color:#000;  text-align:left; background:url(../images/menu-bg.png) no-repeat left bottom; padding:0px 0 0px; line-height: 22px; margin-bottom:0px;}
.cbp-hropen .cbp-hrsub-inner-lft ul li .mega-list ul li { display:block; width: 100%; text-align: left; margin-bottom:15px; padding:0px 0px; border:none;}
.cbp-hropen .cbp-hrsub-inner-lft ul li .mega-list ul li:last-child { margin-bottom: 0px;}
.cbp-hropen .cbp-hrsub-inner-lft ul li .mega-list ul li a { color:#000; font-size:18px; line-height: 30px; text-shadow:none; padding-left:0px; font-family: 'Gordita-Regular';
transition:all .5s ease; position: relative; padding-bottom: 4px; float: left; width: auto;}
.cbp-hropen .cbp-hrsub-inner-lft ul li .mega-list ul li a::before {
  opacity: 1;
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 0;
  height: 1px;
  background: rgba(255,255,255,0.6);
  transition: all .5s ease;
}
.cbp-hropen .cbp-hrsub-inner-lft ul li .mega-list ul li a:hover:before { width: 100%;}
.cbp-hropen .cbp-hrsub-inner-lft ul li:last-child { margin-right:0; border:none;}
.cbp-hropen .cbp-hrsub-inner-lft ul li .mega-list ul li a:hover{color: #D92429;}

/*.cbp-hrmenu > ul > li.cbp-hropen a:after { position:absolute; background:#c31a1f; left:0%; bottom:0; display:block; content:""; width:100%; height:4px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;}
.cbp-hrmenu > ul > li.cbp-hropen a { color:#c31a1f;}*/


/*.cbp-hrmenu > ul > li > a:after { position:absolute; background:#c31a1f; left:50%; bottom:0; display:block; content:""; width:0%; height:4px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;}
.cbp-hrmenu > ul > li > a:hover:after { width:100%; left:0;}*/

.cbp-hrmenu > ul > li.cbp-hropen .cbp-hrsub ul li a:after { display:none;}

.cbp-hrmenu > ul > li.drop-menu { position:relative;}
.cbp-hrsub.wid-auto { width: 280px; background:rgba(255,255,255,0.85);  border:1px solid #cdcecd;}
.cbp-hrsub.wid-auto ul li { text-align:left; border-bottom:1px solid #cdcecd;}
.cbp-hrsub.wid-auto ul li a { font-size:14px; color:#000000; padding:20px 20px; display:block;}
.cbp-hrsub.wid-auto ul li a:hover { color:#c31a1f;}
/*.cbp-hrsub.wid-auto ul li a.selected { color:#c31a1f;}*/
.cbp-hrsub.wid-auto ul li:last-child { border-bottom:none;}

 
.cbp-out-menu { float: left; width: 100%; background:#fff; height: 600px;overflow-y: auto;padding-bottom: 55px;}
.cbp-hropen .cbp-hrsub-inner-lft .menu-lft { float:left; width:27%; text-align:left; border-right:1px solid rgba(217,36,41,0.3); padding:65px 25px;}
.cbp-hropen .cbp-hrsub-inner-lft .menu-lft h2 { color:#D92429; letter-spacing: 1.12px; font-size: 42px; line-height:48px;font-family: 'Gordita-Bold';}
.cbp-hropen .cbp-hrsub-inner-lft .menu-rht{ float:left; width:70%;}
.cbp-hropen .cbp-hrsub-inner-lft .menu-rht > ul { float:left; width:100%;height: 100%; display: flex; }


/* Works on Firefox */
.cbp-out-menu{
	scrollbar-width: thin;
	scrollbar-color: #f5f5f5 #ddd;
  }
  
  /* Works on Chrome, Edge, and Safari */
  .cbp-out-menu::-webkit-scrollbar {
	width: 10px;
  }
  
  .cbp-out-menu::-webkit-scrollbar-track {
	background: #ddd;
  }
  
  .cbp-out-menu::-webkit-scrollbar-thumb {
	background-color: #f5f5f5;
	border-radius: 20px;
	border: 3px solid #ddd;
  }

  
  
  .cbp-hrmenu > ul > li.cbp-hropen:hover > a{ background: rgba(217,36,41,0.1); color: #000;}
  /*.is-sticky .cbp-hrmenu > ul > li > a:hover{background: #D92429; color: #fff;}
  .is-sticky .cbp-hrmenu > ul > li.arrow.cbp-hropen a {background: #D92429; color: #fff;}*/










