@charset "utf-8";



/* STICK MENU */
#navbar {
	position: absolute;
	width: 100%;
	max-width: 1920px;
	background: rgba(255,255,255,0.97); /* 0,111,162,0.90 */
	/*background-image: url(../images/logo_top.png);
		background-repeat: no-repeat;
		background-position: 0px;
		background-size: auto 90px;*/
	height: 80px;
	border-top: solid 1px rgba(0,0,0,1.0);
	border-bottom: solid 1px rgba(0,0,0,0.50);
	z-index: 500;
	top: -105px;
	display:
	block;
	transition: top 0.3s;
}

#navbar2 {
	
	position: fixed;
	width: 100%;
	background: rgba(224,224,224,1.0); /* 0,111,162,0.90 */
	height: 50px;
	border-top: solid 1px rgba(220,220,220,1.0);
	border-bottom: solid 1px rgba(0,0,0,0.50);
	z-index: 500;
	top: -105px;
	display:block;
	transition: top 0.3s;

}




.iconresp {
	position:
	absolute;
	display:block;
	top: 11px;
	right: 6px;
	/* width: 40px; */
	/* height: 40px; */
	z-index:15000;
	/* background-color:#FF6; */
	font-size: 1.5em;
	color: #9b6ed7;
}
 
  


#trigger{
	/*position: fixed;
	bottom: 0px;
	width: 65px;
	height: 80px;
	padding: 1.0em;
	margin-left: 0.5em;*/
}

.iconresp a{
	text-decoration: none;
	color: #fff;
}

.iconresp a:hover{
	color: rgb(88 88 88 / 55%);
}
		
				
.iconresp, .menu2  {
	display:none;
	z-index:10000;
}	
	
	
	

ul.topnav {
  position:fixed;
  z-index:20000;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

ul.topnav li {float: left;}

ul.topnav li a {
  display: inline-block;
  color: #f2f2f2;
  text-align: center;
  padding: 12px 12px;
  text-decoration: none;
  transition: 0.3s;
  font-weight:400;
  font-size: 1.0em;
	line-height: 0.6em;
  /*text-transform:uppercase;*/
  letter-spacing:-1px;
	/*background-color: aqua;*/
	margin-bottom: 1px;
}

ul.topnav li a:hover {background-color: #111;}

ul.topnav li.icon {display: none;}


.cbp-af-header {
	position: fixed;
	/*position:relative;*/
	top: 50px;
	left: 0%;
	width: 100%;
	background-color: #ffffff;
	z-index: 2010;
	height: 130px;
	/*overflow: hidden;*/
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	border-bottom: 3px solid #9fbb0840;
	max-width: 2600px;
	margin: auto;
}
 


 .baseMenu {
	position: absolute;
	top: 0px;
	left: 0%;
	width: 100%;
	background-color: rgb(255, 255, 255);
	z-index: 2004;
	height: 80px;
	border-bottom: 2px solid rgba(0,0,0,0.10);
}



/* for demo purpose only */
/*.desktop-mega-menu{width:auto;margin:0 auto;}*/

 .navega ul {
	position: relative;
	top: 0;
	font-weight: 400;
	line-height: 1.2em;
	list-style: none;
	padding: 0;
	letter-spacing: 0px;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	/* background: #3F51B5; */
	display: flex;
	gap: 2px;
	border-top: solid 1px #d7d7d7;
	justify-content: center;
	width: fit-content;
	margin: auto;
	margin-top: 31px;
	z-index: 3000;
}

 .navega ul li {
  display: block;
  position: relative;
  float: left;
}

/* This hides the dropdowns */


 .navega li ul { display: none; }

 .navega ul li a {
  display: block;
  padding: 0.9em 1.0em;
  text-decoration: none;
  /* white-space: nowrap;*/
  color: #7a7a7a;
  border-bottom: 0px solid #7a7a7a;
  /* padding-left: 0.3em; */
  /* padding-right: 0.3em; */
  border-radius: 0px;
  margin-left: 0;
  font-size: 0.8em;
  font-weight: 400;
  /* background-color: red; */
  /* line-height: 1.1em; */
  text-transform: uppercase;
 }

 .navega ul li a:hover { 
	color:#fff; 
	border-bottom: 0px solid #05acf2;
    background-color:#e00613;
}




 .navega2 ul {
	position: relative;
	top: 0;
	font-weight: 400;
	line-height: 1.2em;
	list-style: none;
	padding: 0;
	letter-spacing: 0px;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	/* background: #3F51B5; */
}

 .navega2 ul li {
  display: block;
  position: relative;
  float: left;
  display: block;
  padding: 0.9em;
  text-decoration: none;
  /* white-space: nowrap;*/
  color: #a3a3a3;
  border: 1px solid #4e4e4e85;
  padding: 0.3em 0.9em;
  /* padding-right: 0.3em; */
  /* border-radius: 0px; */
  margin-left: 2px;
  font-size: 0.8em;
  font-weight: 600;
  background-color: #fff;
  /* line-height: 1.1em; */
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 50px;
 }

 .navega2 ul li:hover { 
	color:#fff; 
	border: 1px solid #e00613;
    background-color:#e00613;
}


/* Display the dropdown */


 .navega li:hover > ul {
  width: auto;
  display: block;
  position: absolute;
  left: 0%;
  top:47px;
  margin-top: 0px;
  margin-left:0px;
  font-size:0.9em;
  font-weight: 400;
  line-height: 1.0em;
  text-align: left;
}

 .navega li:hover li { 
	 width:33%;
	 border-bottom: 0px  solid rgba(255,255,255,0.8);
	 margin-top: 0px;
	 
}

 .navega li:hover ul { 
  display:flex;
  flex-wrap:wrap;
  width:570px;
  background:#e00613;
  padding-bottom:0em;
  padding-top:0em;
  justify-content: left;
 }

 .navega li:hover a { 
    background: #e00613; 
    color:#fff;
    border-top-left-radius: 0px; 
    border-top-right-radius: 0px; 
    margin-top: 0px;
 }
 .navega li:hover li a:hover { 
    background: #303030db; 
    color:#fff; 
    border-top-left-radius: 0px; 
    border-top-right-radius: 0px; 
 }

 .navega ul ul ul {
  left: 100%;
  top: 0;
}


/* Simple clearfix */



 .navega ul:before,
 .navega ul:after {
  /* content: " "; */ /* 1 */
  /* display: flex; */ /* 2 */
  /* gap: 2px; */
}

 .navega ul:after { clear: both; }


/*MENU*/

.topnav {
  /* overflow: hidden; */
  /* background-color: #3330; */
  display: flex;
  justify-content: end;
  gap: 1%;
  /* margin-top: 2em; */
  position: relative;
  align-items: center;
}

.topnav a {
  /* float: left; */
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 0.8em;
  text-decoration: underline;
  font-size: 0.9em;
  font-weight: 300;
  border-radius: 3px;
  /* background-color: beige; */
}

.topnav a span{
  /* float: left; */
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 0.5em 1.9em;
  text-decoration: none;
  font-size: 0.9em;
  font-weight: 300;
  border-radius: 3px;
  background-color: #ff0023;
  border-radius: 30px;
}

.topnav a span strong{
	display: block;
	text-decoration: none;
	font-weight: 800;
	font-size: 1.1em;
}

.topnav a span:hover {
  /*background-color: #dddddd91;
  font-weight:700;*/
  text-decoration: none;
  color: #fff;
}

.topnav a:hover {
  /*background-color: #dddddd91;
  font-weight:700;*/
  text-decoration: none;
  color: #fff;
}

.topnav a.active img {
  background-color: transparent;
  /* color: #0a104c; */
  height: 11vh;
}

.topnav .icon {
  display: none;
}


.sidebar {
  height: 100%;
  width: 250px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #373737;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  margin-left: -250px;
}

.sidebar a {
  padding: 0.8em 0.4em 0.8em 1.8em;
  text-decoration: none;
  font-size: 1em;
  color: #fff;
  display: block;
  transition: 0.3s;
  border-bottom: solid 1px #000000a1;
  text-decoration: underline;
  font-weight: 200;
}


.sidebar a span{
  padding: 8px 8px 8px 32px;
  padding: 0.8em 0.4em 0.8em 1.8em;
  text-decoration: none;
  font-size: 1em;
  color: #fff;
  display: block;
  transition: 0.3s;
  border-bottom: solid 1px #ffffff7d;
  background-color: red;
}
.sidebar a:hover {
  color: #f1f1f1;
}

.sidebar a img {
  width:90%;
	background-color:transparent;
}

.sidebar a.active {
  /* background-color: #ffffffd9; */
  /* color: #0a104c; */
}


.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 0.25em;
  font-size: 2em;
  margin-left: 50px;
  border-bottom: solid 1px #fff0;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color: #444;
}

#main {
  transition: margin-left .5s;
  padding: 0px;
  width: 100%;
}