/*-------------------------------*/
/*-Menu
/*-Geek Bucket
/*-Menu 
/*01- Start Menu
/*-------------------------------*/
.menu_Header{
	max-width: 1900px ;
}
.py-paddingMenu{
	padding: 3rem 0;
}
.aside-section {
	bottom: 0;
	position: absolute;
}

.aside-left {
	background: #000066;
	content: "";
	position: fixed;
	left: 0;
	width: 65%;
	transition: transform .45s cubic-bezier(.4, 0, 0, 1);
	z-index: 1;
}

.aside-right {
	background: #000066;
	content: "";
	position: fixed;
	left: 0;
	width: 60%;
	right: 0;
	transition: transform .45s cubic-bezier(.4, 0, 0, 1);
	z-index: 1;
}

.aside-buttom {
	background: #fff;
	content: "";
	position: fixed;
	width: 40%;
	right: 0;
	transition: transform .45s cubic-bezier(.4, 0, 0, 1);
	z-index: 1;
	padding: 70px;
}

.aside-list {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 150px;
	text-align: left;
	padding-left: 50px;
}

.aside-content {
	margin-top: 150px;
	padding: 0 40px;
	position: relative;
	color: white;
	text-align: center;
}

.aside-list li {
	margin-bottom: 20px;
}

.aside-anchor::after {
	content: "";
	position: absolute;
	bottom: 0;
	background-color: #ff5964;
	left: 0;
	right: 0;
	height: 3px;
	border-radius: 3px;
}

.aside-anchor::before {
	border-radius: 3px;
	content: "";
	position: absolute;
	bottom: 0;
	background-color: #fff;
	left: 0;
	height: 3px;
	z-index: 1;
	width: 50%;
	-webkit-transition: transform 0.2s ease-in-out;
	-o-transition: transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
}

.aside-anchor:hover:before {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
}

.aside-anchor {
	padding-bottom: 7px;
	color: #fff;
	text-decoration: none;
	font-size: 30px;
	position: relative;
	font-weight: 500;
}

input[type="checkbox"] {
	display: none;
}

input[type="checkbox"]:checked ~ aside .aside-left {
	transition-delay: .3s;
	transform-origin: left center;
	transform: scaleX(1);
}

input[type="checkbox"]:checked ~ aside .aside-right {
	transition-delay: .3s;
	transform-origin: right center;
	transform: scaleX(1);
}

input[type="checkbox"]:checked ~ aside .aside-buttom {
	transition-delay: .3s;
	transform-origin: center bottom;
	transform: scaleX(1);
}

input[type="checkbox"]:checked ~ label .bar {
	background-color: #6a6dbc;
}

input[type="checkbox"]:checked ~ label .top {
	-webkit-transform: translateY(0px) rotateZ(45deg);
	-moz-transform: translateY(0px) rotateZ(45deg);
	-ms-transform: translateY(0px) rotateZ(45deg);
	-o-transform: translateY(0px) rotateZ(45deg);
	transform: translateY(0px) rotateZ(45deg);
}

input[type="checkbox"]:checked ~ label .bottom {
	-webkit-transform: translateY(-15px) rotateZ(-45deg);
	-moz-transform: translateY(-15px) rotateZ(-45deg);
	-ms-transform: translateY(-15px) rotateZ(-45deg);
	-o-transform: translateY(-15px) rotateZ(-45deg);
	transform: translateY(-15px) rotateZ(-45deg);
}

input[type="checkbox"]:checked ~ .what-input .middle {
	width: 0;
}

.middle {
	margin: 0 auto;
}

.what-input {
	top: 10px;
	display: inline-block;
	padding: 7px 10px;
	background-color: transparent;
	cursor: pointer;
	margin: 10px;
	z-index: 3;
	position: fixed;
	left: 108rem;
}

.bar {
	display: block;
	background-color: rgba(56, 97, 140, 0);
	width: 30px;
	height: 3px;
	border-radius: 5px;
	margin: 5px auto;
	transition: background-color 0.4s ease-in, transform 0.4s ease-in,
		width 0.4s ease-in;
}

.button {
	display: inline-block;
	background-image: none;
	border: none;
	background-color: transparent;
	padding-bottom: 7px;
	position: relative;
	cursor: pointer;
	font-size: 20px;
	color: white;
	padding: 7px 50px;
	border: 2px solid white;
}

.aside-left {
	background: #000066;
	top: 0;
	height: 50%;
	transform-origin: right center;
	transform: scaleX(0);
}

.aside-right {
	background: #000066;
	bottom: 0;
	height: 50%;
	transform-origin: left center;
	transform: scaleX(0);
}

.aside-buttom {
	background: #fff;
	bottom: 0;
	height: 100%;
	transform-origin: center bottom;
	transform: scaleX(0);
	position: fixed;
	transition: transform .45s cubic-bezier(.4, 0, 0, 1);
	transform-origin: center bottom;
	transform: scaleY(0);
}


/*-------aside Dirección----*/
.section-Image {
	margin: 0rem 0 0rem 0;
	width: 500px;
}

.direction-01 {
	padding: 0 0 5rem 0;
}

.section-direcctiones01 {
	color: #000066;
	font-size: 20px;
	font-weight: 500;
	margin: 0;
}

.section-direcctiones02 {
	color: #707285;
	font-size: 17px;
	margin: 0;
}



/*-------aside Text Style----*/
.menu-section {
	font-size: 80px;
	font-weight: 900;
	color: #fff;
	margin: 0;
	line-height: 90px;
	text-align: left;
}

/*-------aside Left----*/
.pad-Left {
	margin: 17rem 0 0 12rem;
}

/*-------aside Right----*/
.pad-Right {
	margin: 0 0 0 12rem;
}

.mar-section {
	margin: 10rem 0 0 0;
}

.languaje-style {
	margin: 0;
	text-align: left;
	color: #fff;
	font-weight: 500;
}

.brder-section {
	border-right: 2px solid #fff;
}


.social-padding {
	padding: 5px 0 40px 0;
}

.gb-with {
	width: 40px;
}

.background-section {
	background: #000048;

}

.padd-section {
	padding: 1rem 0 1rem 0;
}

.gb-icon-menu {
	width: 80px
}

.section-moviIcon {
	position: absolute;
	top: -9px;
}

/*----------------------*/
/* 01 left tex menu*/
/*----------------------*/

.aside-Text-left01 {
	background: rgba(255, 255, 255, 0);
	content: "";
	position: relative;
	left: auto;
	width: auto;
	transition: transform .45s cubic-bezier(.4, 0, 0, 1);
	z-index: 1;
}

.aside-Text-left01 {
	background: rgba(255, 255, 255, 0);
	top: auto;
	height: auto;
	transform-origin: right center;
	transform: scaleX(0);
}

input[type="checkbox"]:checked ~ aside .aside-Text-left01 {
	transition-delay: .9s;
	transform-origin: left center;
	transform: scaleX(1);
}

.aside-Text-left02 {
	background: rgba(255, 255, 255, 0);
	content: "";
	position: relative;
	left: auto;
	width: auto;
	transition: transform .45s cubic-bezier(.4, 0, 0, 1);
	z-index: 1;
}

.aside-Text-left02 {
	background: rgba(255, 255, 255, 0);
	top: auto;
	height: auto;
	transform-origin: right center;
	transform: scaleX(0);
}

input[type="checkbox"]:checked ~ aside .aside-Text-left02 {
	transition-delay: 1.3s;
	transform-origin: left center;
	transform: scaleX(1);
}

.aside-Text-left03 {
	background: rgba(255, 255, 255, 0);
	content: "";
	position: relative;
	left: auto;
	width: auto;
	transition: transform .45s cubic-bezier(.4, 0, 0, 1);
	z-index: 1;
}

.aside-Text-left03 {
	background: rgba(255, 255, 255, 0);
	top: auto;
	height: auto;
	transform-origin: right center;
	transform: scaleX(0);
}

input[type="checkbox"]:checked ~ aside .aside-Text-left03 {
	transition-delay: 1.8s;
	transform-origin: left center;
	transform: scaleX(1);
}

.aside-Text-left04 {
	background: rgba(255, 255, 255, 0);
	content: "";
	position: relative;
	left: auto;
	width: auto;
	transition: transform .45s cubic-bezier(.4, 0, 0, 1);
	z-index: 1;
}

.aside-Text-left04 {
	background: rgba(255, 255, 255, 0);
	top: auto;
	height: auto;
	transform-origin: right center;
	transform: scaleX(0);
}

input[type="checkbox"]:checked ~ aside .aside-Text-left04 {
	transition-delay: 2.3s;
	transform-origin: left center;
	transform: scaleX(1);
}



.aside-Text-lefting {
	background: rgba(255, 255, 255, 0);
	content: "";
	position: relative;
	left: auto;
	width: auto;
	transition: transform .45s cubic-bezier(.4, 0, 0, 1);
	z-index: 1;
}

.aside-Text-lefting {
	background: rgba(255, 255, 255, 0);
	top: auto;
	height: auto;
	transform-origin: right center;
	transform: scaleX(0);
}

input[type="checkbox"]:checked ~ aside .aside-Text-lefting {
	transition-delay: 2.9s;
	transform-origin: left center;
	transform: scaleX(1);
}






.aside-Text-leftesp {
	background: rgba(255, 255, 255, 0);
	content: "";
	position: relative;
	left: auto;
	width: auto;
	transition: transform .45s cubic-bezier(.4, 0, 0, 1);
	z-index: 1;
}

.aside-Text-leftesp {
	background: rgba(255, 255, 255, 0);
	top: auto;
	height: auto;
	transform-origin: right center;
	transform: scaleX(0);
}

input[type="checkbox"]:checked ~ aside .aside-Text-leftesp {
	transition-delay: 2.9s;
	transform-origin: left center;
	transform: scaleX(1);
}



.aside-Languaje-left {
	background: rgba(255, 255, 255, 0);
	content: "";
	position: fixed;
	left: 260px;
	width: 40%;
	transition: transform .45s cubic-bezier(.4, 0, 0, 1);
	z-index: 1;
}

.aside-Languaje-left {
	background: rgba(255, 255, 255, 0);
	top: 310px;
	height: 6%;
	transform-origin: right center;
	transform: scaleX(0);
}

input[type="checkbox"]:checked ~ aside .aside-Languaje-left {
	transition-delay: 2.8s;
	transform-origin: left center;
	transform: scaleX(1);
}



/*----------------------*/
/* 02 left tex menu direccion*/
/*----------------------*/

.aside-section-up01 {
	background: #fff;
	content: "";
	position: fixed;
	width: 100%;
	right: 0;
	transition: transform .45s cubic-bezier(.4, 0, 0, 1);
	z-index: 1;
	padding: 70px;
}

.aside-section-up01 {
	background: #fff;
	height: 26%;
	transform-origin: center bottom;
	transform: scaleX(0);
	position: fixed;
	transition: transform .45s cubic-bezier(.4, 0, 0, 1);
	transform-origin: center bottom;
	transform: scaleY(0);
}

input[type="checkbox"]:checked ~ aside .aside-section-up01 {
	transition-delay: .9s;
	transform-origin: center bottom;
	transform: scaleX(1);
}

.aside-section-up02 {
	background: #fff;
	content: "";
	position: fixed;
	width: 100%;
	right: 0;
	transition: transform .45s cubic-bezier(.4, 0, 0, 1);
	z-index: 1;
	padding: 0 35px 0 35px;
}

.aside-section-up02 {
	background: #fff;
	bottom: 40%;
	height: 35%;
	transform-origin: center bottom;
	transform: scaleX(0);
	position: fixed;
	transition: transform .45s cubic-bezier(.4, 0, 0, 1);
	transform-origin: center bottom;
	transform: scaleY(0);
}

input[type="checkbox"]:checked ~ aside .aside-section-up02 {
	transition-delay: 1.3s;
	transform-origin: center bottom;
	transform: scaleX(1);
}

.aside-section-up03 {
	background: #fff;
	content: "";
	position: fixed;
	width: 100%;
	right: 0;
	transition: transform .45s cubic-bezier(.4, 0, 0, 1);
	z-index: 1;
	padding: 0 35px 0 35px;
}

.aside-section-up03 {
	background: #fff;
	bottom: 15%;
	height: 23%;
	transform-origin: center bottom;
	transform: scaleX(0);
	position: fixed;
	transition: transform .45s cubic-bezier(.4, 0, 0, 1);
	transform-origin: center bottom;
	transform: scaleY(0);
}

input[type="checkbox"]:checked ~ aside .aside-section-up03 {
	transition-delay: 1.8s;
	transform-origin: center bottom;
	transform: scaleX(1);
}


.menu-seccion:hover {
	color: #000066;
	text-decoration: underline;
}

.hovsrmenu {
	color: #fff;
}

.hovsrmenu:hover {
	color: #00cccc;
}

.imagen-menusection {
	width: 30px;
	position: relative;
	left: 109.3rem;
	bottom: 72px;
}

.imagen-menusectionBlue {
	width: 30px;
	position: relative;
	left: 109.3rem;
	bottom: 72px;
}




.center__oficer {
	width: fit-content;
	height: auto;
	margin: auto;
	position: absolute;
	top: -300px;
	left: 0;
	bottom: 0;
	right: 0;
}

.sectiones {
	position: absolute;
	left: 56rem;
	top: 17rem !important;
	width: 60px;
}

