@charset "utf-8";
/* CSS Document */

/* head
-------------------------------------------------- */

#main-header {
	width: 100%;
	height: 62px;

	/*background: rgb(120,164,213);
    background: linear-gradient(0deg, rgba(120,164,213,1) 0%, rgba(255,255,255,1) 77%);*/

    box-shadow: none;
	position:relative;
	z-index:4;
	background: #fff;
 }

.logo-iz { float:left; width:106px; display:block; height:auto; padding-top:8px; }


  
  #main-header ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	position: fixed;
	top:62px;
	width:100%;
	left:0;

  }
  
  #main-header li a {
	display: block;
	padding: 20px 20px;
	text-decoration: none;
	font-family: 'Red Hat Display', sans-serif;font-weight:500; 
	color:#6B6B6B !important;
	background: #ffffff;
	
  }

  
  
  #main-header li a:hover,
  #main-header .menu-btn:hover {
	font-family: 'Red Hat Display'

  }
  
  #main-header .logo {
	display: block;
	float: left;
	font-size: 2em;
	padding: 10px 20px;
	text-decoration: none;
  }
  
  /* menu */
  
  #main-header .nav-menu {
	clear: both;
	max-height: 0;
	transition: max-height .2s ease-out;
	
  }
  
  /* menu icon */
  

  #iconmenu { float:right; width:30px; margin-right:0px;  margin-top:18px;}


  #main-header .menu-icon {
	cursor: pointer;
	display: inline-block;
	float: right;
	padding: 34px 10px 0px 0px;
	position: relative;
	user-select: none;
  }
  
  #main-header .menu-icon .navicon {
	background: #1473E8;
	display: block;
	height: 1px;
	position: relative;
	transition: 0.2s ease-out;
	width: 24px;
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-ms-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
}
  
  #main-header .menu-icon .navicon:before,
  #main-header .menu-icon .navicon:after {
	background: #1473E8;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	transition: all .2s ease-out;
	width: 100%;
  }
  
  #main-header .menu-icon .navicon:before {
	top: 6px;
  }
  
  #main-header .menu-icon .navicon:after {
	top: -6px;
  }
  
  /* menu btn */
  
  #main-header .menu-btn {
	display: none;
  }
  
  #main-header .menu-btn:checked ~ .nav-menu {
	max-height: 264px;
	z-index: 4 !important;
  }
  

  #main-header .menu-btn:checked ~ .menu-icon .navicon {
	background: transparent;
  }
  
  #main-header .menu-btn:checked ~ .menu-icon .navicon:before {
	transform: rotate(-45deg);
  }
  
  #main-header .menu-btn:checked ~ .menu-icon .navicon:after {
	transform: rotate(45deg);
  }
  
  #main-header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
  #main-header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
	top: 0;
  }
  

  
  @media (min-width: 750px) {
	.logo-iz { width:208px; padding-top: 20px ; margin-left: 20px;}

	header {
		width: 300px;
		height:100vh;
		position: fixed !important;
		left: 0;

	}
   #main-header {
		width: 300px;
		height:100%;
		position: fixed !important;
		left: 0;
		bottom:0;
		border-right: 1px solid #3a3f44
	 }
	
	#main-header li {
	
	}
	#main-header li a {
	  font-size:1.4rem;
	  padding: 20px 30px; 
	  background:none;
	  color:#3a3f44!important;
	}
	#main-header li a:hover {
		color:#1473E8!important;
	  }

	  #main-header li a.on {
		color:#1473E8!important;
	  }
	#main-header .nav-menu {
	  clear: none;
	  position: relative;
	  max-height: none;
	  top:40px;
	  
	}
	#main-header .menu-icon {
	  display: none;
	}
	
  }




footer{

	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
    box-shadow: none;
	position:relative;
	display: block;
	z-index:3;
	background-color: #000000;
	float: left;
}
@media (min-width: 750px) {
	footer{

		width:300px;
		background-repeat: no-repeat;
		background-position: center;
		box-shadow: none;
		position:fixed;
		display: block;
		z-index:5;
		background-color: #000000;
		float: left;
		bottom:0;
		left:0;
	}

}

.btn-central-footer{ 
	position:absolute;
	 width:60px; height:60px; background-color:#bb7a17; top:-24px; right:0; left: 0; margin:0 auto; z-index:2; border-radius:50%;
	 border:6px solid #ffffff
	}
	






/*nav
–––––––––––––––––––––––––––––––––––––––––––––––––– */

	.mostrar-scroll-y{ overflow-y:hidden!important;}
	.header-fixed { position:fixed!important;top:0;}
	.nav-fondo { display:none; position: fixed; top: 62px; width: 100%; height: 100%; left:0px; background-color: rgba(0,0,0,0.4); z-index:3;}