/*se sentra input y texto de login*/
*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

/*stylo body*/
body{
    font-family: 'Poppins', sans-serif;
    overflow: hidden;
    font-size: 12px;
	font-family: sans-serif;
	background: #0000;
}

/*div conntenedor de la barra de busqueda de color gris*/
.divCentro {
  background-color: #fafafa;
  margin: 1rem;
  padding: 1rem;
  border: 2px solid #ccc;
  /* IMPORTANTE */
  text-align: center;
}

/*div de color blanco*/
.divCentro-white {
  margin: 1rem;
  padding: 1rem;
  border: 2px;
  /* IMPORTANTE */
  text-align: center;
}

/*Parte de login*/
.wave{
	position: fixed;
	bottom: 0;
	left: 0;
	height: 100%;
	z-index: -1;
}

.container{
    width: 100vw;
    height: 100vh;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap :7rem;
    padding: 0 2rem;
}

.img{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.login-content{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
}

.img img{
	width: 500px;
}

form{
	width: 360px;
}

.login-content img{
    height: 100px;
}

.login-content h2{
	margin: 15px 0;
	color: #333;
	text-transform: uppercase;
	font-size: 2.9rem;
}

.login-content .input-div{
	position: relative;
    display: grid;
    grid-template-columns: 7% 93%;
    margin: 25px 0;
    padding: 5px 0;
    border-bottom: 2px solid #d9d9d9;
}

.login-content .input-div.one{
	margin-top: 0;
}

.i{
	color: #d9d9d9;
	display: flex;
	justify-content: center;
	align-items: center;
}

.i i{
	transition: .3s;
}

.input-div > div{
    position: relative;
	height: 45px;
}

.input-div > div > h5{
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: #999;
	font-size: 18px;
	transition: .3s;
}

.input-div:before, .input-div:after{
	content: '';
	position: absolute;
	bottom: -2px;
	width: 0%;
	height: 2px;
	background-color: #38d39f;
	transition: .4s;
}

.input-div:before{
	right: 50%;
}

.input-div:after{
	left: 50%;
}

.input-div.focus:before, .input-div.focus:after{
	width: 50%;
}

.input-div.focus > div > h5{
	top: -5px;
	font-size: 15px;
}

.input-div.focus > .i > i{
	color: #38d39f;
}

.input-div > div > input{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: none;
	outline: none;
	background: none;
	padding: 0.5rem 0.7rem;
	font-size: 1.2rem;
	color: #555;
	font-family: 'poppins', sans-serif;
}

.input-div.pass{
	margin-bottom: 4px;
}

a{
	display: block;
	text-align: center;
	text-decoration: none;
	color: #999;
	font-size: 0.9rem;
	transition: .3s;
}

a:hover{
	color: #1b1a1a;
}

.btn{
	display: block;
	width: 100%;
	height: 50px;
	border-radius: 25px;
	outline: none;
	border: none;
	/*background-image: linear-gradient(to right, #32be8f, #38d39f, #32be8f);*/
	background-size: 200%;
	font-size: 1.2rem;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	text-transform: uppercase;
	margin: 1rem 0;
	cursor: pointer;
	transition: .5s;
}
.btn:hover{
	background-position: right;
}


@media screen and (max-width: 1050px){
	.container{
		grid-gap: 5rem;
	}
}

@media screen and (max-width: 1000px){
	form{
		width: 290px;
	}

	.login-content h2{
        font-size: 2.4rem;
        margin: 8px 0;
	}

	.img img{
		width: 400px;
	}
}

@media screen and (max-width: 900px){
	.container{
		grid-template-columns: 1fr;
	}

	.img{
		display: none;
	}

	.wave{
		display: none;
	}

	.login-content{
		justify-content: center;
	}
}


 
/*estilos input de buscar*/
input[type=text1] {
  width: 20%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 3px solid #ccc;
  border-radius: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
  font-family: sans-serif;
  font-size:15px;
  color: #555;
}

input[type=text1]:focus {
  border: 3px solid #555;
}

input[type=text2] {
  width: 20%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 3px solid #ccc;
  border-radius: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
  font-family: sans-serif;
  font-size:15px;
  color: #555;
}

input[type=text2]:focus {
  border: 3px solid #555;
}


 .menu {
 	margin: 27px auto 0;
	position: relative;
	width: 70%;
	background-image: linear-gradient(to right, #3C6B36 0%, #5FB853 100%);
	border-radius: 0.5rem;
	box-shadow: inset 0.1rem 0.1rem 0.5rem rgba(0, 0, 0, 0.15);
}
 .menu a {
	 color: #fff;
	 text-decoration: none;
	 font-weight: 300;
}
 .menu a:focus, .menu a:focus-within {
	 outline: none;
}
 .menu > ol {
	 display: flex;
}
 .menu > ol > li {
	 position: relative;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 @media (min-width: 45rem) {
	 .menu > ol {
		 justify-content: space-around;
	}
	 .menu > ol:hover > li:first-child > a, .menu > ol:focus-within > li:first-child > a {
		 opacity: 0.6;
	}
	 .menu > ol > li {
		 flex: 1 1 0;
	}
	 .menu > ol > li:last-child:after {
		 content: '';
		 position: absolute;
		 top: 0;
		 width: 100%;
		 bottom: 0;
		 margin-right: -50%;
		 background: rgba(0, 0, 0, 0.3);    /*cambiar color del cubo que se mueve*/
		 border-radius: 0.5rem;
		 z-index: 0;
		 transition: 350ms cubic-bezier(1, 0.49, 0.09, 1.29) all;
		 pointer-events: none;
	}
	 .menu > ol > li:first-child:nth-last-child( 1) ~ li:last-child:after {
		 right: 50%;
	}
	 .menu > ol > li:first-child:nth-last-child( 2) ~ li:last-child:after {
		 right: 150%;
	}
	 .menu > ol > li:first-child:nth-last-child( 3) ~ li:last-child:after {
		 right: 250%;
	}
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:last-child:after {
		 right: 350%;
	}
	 .menu > ol > li:first-child:nth-last-child( 5) ~ li:last-child:after {
		 right: 450%;
	}
	 .menu > ol > li:first-child:nth-last-child( 6) ~ li:last-child:after {
		 right: 550%;
	}
	 .menu > ol > li:first-child:nth-last-child( 7) ~ li:last-child:after {
		 right: 650%;
	}
	 .menu > ol > li:first-child:nth-last-child( 8) ~ li:last-child:after {
		 right: 750%;
	}
	 .menu > ol > li:first-child:nth-last-child( 9) ~ li:last-child:after {
		 right: 850%;
	}
	 .menu > ol > li:first-child:nth-last-child( 10) ~ li:last-child:after {
		 right: 950%;
	}
	 .menu > ol > li:first-child:nth-last-child( 11) ~ li:last-child:after {
		 right: 1050%;
	}
	 .menu > ol > li:first-child:nth-last-child( 2):nth-child( 1):hover ~ li:last-child:after, 
	 .menu > ol > li:first-child:nth-last-child( 2) ~ li:nth-child( 1):hover ~ li:last-child:after, 
	 .menu > ol > li:first-child:nth-last-child( 2):nth-child( 1):focus ~ li:last-child:after, 
	 .menu > ol > li:first-child:nth-last-child( 2) ~ li:nth-child( 1):focus ~ li:last-child:after, 
	 .menu > ol > li:first-child:nth-last-child( 2):nth-child( 1):focus-within ~ li:last-child:after, 
	 .menu > ol > li:first-child:nth-last-child( 2) ~ li:nth-child( 1):focus-within ~ li:last-child:after {
		 right: 150%;
	}
	 .menu > ol > li:first-child:nth-last-child( 2):nth-child( 1):hover > ol a, 
	 .menu > ol > li:first-child:nth-last-child( 2) ~ li:nth-child( 1):hover > ol a, 
	 .menu > ol > li:first-child:nth-last-child( 2):nth-child( 1):focus > ol a, 
	 .menu > ol > li:first-child:nth-last-child( 2) ~ li:nth-child( 1):focus > ol a, 
	 .menu > ol > li:first-child:nth-last-child( 2):nth-child( 1):focus-within > ol a, 
	 .menu > ol > li:first-child:nth-last-child( 2) ~ li:nth-child( 1):focus-within > ol a {
		 box-shadow: inset 0 0 0 3rem rgba(0, 0, 0, 0), inset 0 0 0 3rem rgba(237, 148, 110, 0.5);
	}
	 .menu > ol > li:first-child:nth-last-child( 2):nth-child( 1):hover > ol a:hover, 
	 .menu > ol > li:first-child:nth-last-child( 2) ~ li:nth-child( 1):hover > ol a:hover, 
	 .menu > ol > li:first-child:nth-last-child( 2):nth-child( 1):focus > ol a:hover, 
	 .menu > ol > li:first-child:nth-last-child( 2) ~ li:nth-child( 1):focus > ol a:hover, 
	 .menu > ol > li:first-child:nth-last-child( 2):nth-child( 1):focus-within > ol a:hover, 
	 .menu > ol > li:first-child:nth-last-child( 2) ~ li:nth-child( 1):focus-within > ol a:hover, 
	 .menu > ol > li:first-child:nth-last-child( 2):nth-child( 1):hover > ol a:focus, 
	 .menu > ol > li:first-child:nth-last-child( 2) ~ li:nth-child( 1):hover > ol a:focus, 
	 .menu > ol > li:first-child:nth-last-child( 2):nth-child( 1):focus > ol a:focus, 
	 .menu > ol > li:first-child:nth-last-child( 2) ~ li:nth-child( 1):focus > ol a:focus, 
	 .menu > ol > li:first-child:nth-last-child( 2):nth-child( 1):focus-within > ol a:focus, 
	 .menu > ol > li:first-child:nth-last-child( 2) ~ li:nth-child( 1):focus-within > ol a:focus, 
	 .menu > ol > li:first-child:nth-last-child( 2):nth-child( 1):hover > ol a:focus-within, 
	 .menu > ol > li:first-child:nth-last-child( 2) ~ li:nth-child( 1):hover > ol a:focus-within, 
	 .menu > ol > li:first-child:nth-last-child( 2):nth-child( 1):focus > ol a:focus-within, 
	 .menu > ol > li:first-child:nth-last-child( 2) ~ li:nth-child( 1):focus > ol a:focus-within, 
	 .menu > ol > li:first-child:nth-last-child( 2):nth-child( 1):focus-within > ol a:focus-within, 
	 .menu > ol > li:first-child:nth-last-child( 2) ~ li:nth-child( 1):focus-within > ol a:focus-within {
		 box-shadow: inset 0 0 0 3rem rgba(0, 0, 0, 0.1), inset 0 0 0 3rem rgba(237, 148, 110, 0.5
		 	);
	}
	 .menu > ol > li:first-child:nth-last-child( 2):last-child:hover:after, 
	 .menu > ol > li:first-child:nth-last-child( 2) ~ li:last-child:hover:after, 
	 .menu > ol > li:first-child:nth-last-child( 2):last-child:focus:after, 
	 .menu > ol > li:first-child:nth-last-child( 2) ~ li:last-child:focus:after, 
	 .menu > ol > li:first-child:nth-last-child( 2):last-child:focus-within:after, 
	 .menu > ol > li:first-child:nth-last-child( 2) ~ li:last-child:focus-within:after {
		 right: 50%;
	}
	 .menu > ol > li:first-child:nth-last-child( 3):nth-child( 1):hover ~ li:last-child:after, 
	 .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 1):hover ~ li:last-child:after, 
	 .menu > ol > li:first-child:nth-last-child( 3):nth-child( 1):focus ~ li:last-child:after, 
	 .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 1):focus ~ li:last-child:after, 
	 .menu > ol > li:first-child:nth-last-child( 3):nth-child( 1):focus-within ~ li:last-child:after,
	  .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 1):focus-within ~ li:last-child:after {
		 right: 250%;
	}
	 .menu > ol > li:first-child:nth-last-child( 3):nth-child( 1):hover > ol a, .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 1):hover > ol a, .menu > ol > li:first-child:nth-last-child( 3):nth-child( 1):focus > ol a, .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 1):focus > ol a, .menu > ol > li:first-child:nth-last-child( 3):nth-child( 1):focus-within > ol a, .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 1):focus-within > ol a {
		 box-shadow: inset 0 0 0 3rem rgba(0, 0, 0, 0), inset 0 0 0 3rem rgba(237, 171, 110, 0.66666666666667);
	}
	 .menu > ol > li:first-child:nth-last-child( 3):nth-child( 1):hover > ol a:hover, .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 1):hover > ol a:hover, .menu > ol > li:first-child:nth-last-child( 3):nth-child( 1):focus > ol a:hover, .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 1):focus > ol a:hover, .menu > ol > li:first-child:nth-last-child( 3):nth-child( 1):focus-within > ol a:hover, .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 1):focus-within > ol a:hover, .menu > ol > li:first-child:nth-last-child( 3):nth-child( 1):hover > ol a:focus, .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 1):hover > ol a:focus, .menu > ol > li:first-child:nth-last-child( 3):nth-child( 1):focus > ol a:focus, .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 1):focus > ol a:focus, .menu > ol > li:first-child:nth-last-child( 3):nth-child( 1):focus-within > ol a:focus, .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 1):focus-within > ol a:focus, .menu > ol > li:first-child:nth-last-child( 3):nth-child( 1):hover > ol a:focus-within, .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 1):hover > ol a:focus-within, .menu > ol > li:first-child:nth-last-child( 3):nth-child( 1):focus > ol a:focus-within, .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 1):focus > ol a:focus-within, .menu > ol > li:first-child:nth-last-child( 3):nth-child( 1):focus-within > ol a:focus-within, .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 1):focus-within > ol a:focus-within {
		 box-shadow: inset 0 0 0 3rem rgba(0, 0, 0, 0.1), inset 0 0 0 3rem rgba(237, 110, 160, 0.66666666666667);
	}
	 .menu > ol > li:first-child:nth-last-child( 3):last-child:hover:after, .menu > ol > li:first-child:nth-last-child( 3) ~ li:last-child:hover:after, .menu > ol > li:first-child:nth-last-child( 3):last-child:focus:after, .menu > ol > li:first-child:nth-last-child( 3) ~ li:last-child:focus:after, .menu > ol > li:first-child:nth-last-child( 3):last-child:focus-within:after, .menu > ol > li:first-child:nth-last-child( 3) ~ li:last-child:focus-within:after {
		 right: 50%;
	}
	 .menu > ol > li:first-child:nth-last-child( 3):nth-child( 2):hover ~ li:last-child:after, .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 2):hover ~ li:last-child:after, .menu > ol > li:first-child:nth-last-child( 3):nth-child( 2):focus ~ li:last-child:after, .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 2):focus ~ li:last-child:after, .menu > ol > li:first-child:nth-last-child( 3):nth-child( 2):focus-within ~ li:last-child:after, .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 2):focus-within ~ li:last-child:after {
		 right: 150%;
	}
	 .menu > ol > li:first-child:nth-last-child( 3):nth-child( 2):hover > ol a, .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 2):hover > ol a, .menu > ol > li:first-child:nth-last-child( 3):nth-child( 2):focus > ol a, .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 2):focus > ol a, .menu > ol > li:first-child:nth-last-child( 3):nth-child( 2):focus-within > ol a, .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 2):focus-within > ol a {
		 box-shadow: inset 0 0 0 3rem rgba(0, 0, 0, 0), inset 0 0 0 3rem rgba(237, 110, 160, 0.33333333333333);
	}
	 .menu > ol > li:first-child:nth-last-child( 3):nth-child( 2):hover > ol a:hover, .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 2):hover > ol a:hover, .menu > ol > li:first-child:nth-last-child( 3):nth-child( 2):focus > ol a:hover, .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 2):focus > ol a:hover, .menu > ol > li:first-child:nth-last-child( 3):nth-child( 2):focus-within > ol a:hover, .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 2):focus-within > ol a:hover, .menu > ol > li:first-child:nth-last-child( 3):nth-child( 2):hover > ol a:focus, .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 2):hover > ol a:focus, .menu > ol > li:first-child:nth-last-child( 3):nth-child( 2):focus > ol a:focus, .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 2):focus > ol a:focus, .menu > ol > li:first-child:nth-last-child( 3):nth-child( 2):focus-within > ol a:focus, .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 2):focus-within > ol a:focus, .menu > ol > li:first-child:nth-last-child( 3):nth-child( 2):hover > ol a:focus-within, .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 2):hover > ol a:focus-within, .menu > ol > li:first-child:nth-last-child( 3):nth-child( 2):focus > ol a:focus-within, .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 2):focus > ol a:focus-within, .menu > ol > li:first-child:nth-last-child( 3):nth-child( 2):focus-within > ol a:focus-within, .menu > ol > li:first-child:nth-last-child( 3) ~ li:nth-child( 2):focus-within > ol a:focus-within {
		 box-shadow: inset 0 0 0 3rem rgba(0, 0, 0, 0.1), inset 0 0 0 3rem rgba(237, 110, 160, 0.33333333333333);
	}
	 .menu > ol > li:first-child:nth-last-child( 3):last-child:hover:after, .menu > ol > li:first-child:nth-last-child( 3) ~ li:last-child:hover:after, .menu > ol > li:first-child:nth-last-child( 3):last-child:focus:after, .menu > ol > li:first-child:nth-last-child( 3) ~ li:last-child:focus:after, .menu > ol > li:first-child:nth-last-child( 3):last-child:focus-within:after, .menu > ol > li:first-child:nth-last-child( 3) ~ li:last-child:focus-within:after {
		 right: 50%;
	}
	 .menu > ol > li:first-child:nth-last-child( 4):nth-child( 1):hover ~ li:last-child:after, .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 1):hover ~ li:last-child:after, .menu > ol > li:first-child:nth-last-child( 4):nth-child( 1):focus ~ li:last-child:after, .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 1):focus ~ li:last-child:after, .menu > ol > li:first-child:nth-last-child( 4):nth-child( 1):focus-within ~ li:last-child:after, .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 1):focus-within ~ li:last-child:after {
		 right: 350%;
	}
	 .menu > ol > li:first-child:nth-last-child( 4):nth-child( 1):hover > ol a, .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 1):hover > ol a, .menu > ol > li:first-child:nth-last-child( 4):nth-child( 1):focus > ol a, .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 1):focus > ol a, .menu > ol > li:first-child:nth-last-child( 4):nth-child( 1):focus-within > ol a, .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 1):focus-within > ol a {
		 box-shadow: inset 0 0 0 3rem rgba(0, 0, 0, 0), inset 0 0 0 3rem rgba(237, 110, 160, 0.75);
	}
	 .menu > ol > li:first-child:nth-last-child( 4):nth-child( 1):hover > ol a:hover, .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 1):hover > ol a:hover, .menu > ol > li:first-child:nth-last-child( 4):nth-child( 1):focus > ol a:hover, .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 1):focus > ol a:hover, .menu > ol > li:first-child:nth-last-child( 4):nth-child( 1):focus-within > ol a:hover, .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 1):focus-within > ol a:hover, .menu > ol > li:first-child:nth-last-child( 4):nth-child( 1):hover > ol a:focus, .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 1):hover > ol a:focus, .menu > ol > li:first-child:nth-last-child( 4):nth-child( 1):focus > ol a:focus, .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 1):focus > ol a:focus, .menu > ol > li:first-child:nth-last-child( 4):nth-child( 1):focus-within > ol a:focus, .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 1):focus-within > ol a:focus, .menu > ol > li:first-child:nth-last-child( 4):nth-child( 1):hover > ol a:focus-within, .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 1):hover > ol a:focus-within, .menu > ol > li:first-child:nth-last-child( 4):nth-child( 1):focus > ol a:focus-within, .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 1):focus > ol a:focus-within, .menu > ol > li:first-child:nth-last-child( 4):nth-child( 1):focus-within > ol a:focus-within, .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 1):focus-within > ol a:focus-within {
		 box-shadow: inset 0 0 0 3rem rgba(0, 0, 0, 0.1), inset 0 0 0 3rem rgba(237, 110, 160, 0.75);
	}
	 .menu > ol > li:first-child:nth-last-child( 4):last-child:hover:after, .menu > ol > li:first-child:nth-last-child( 4) ~ li:last-child:hover:after, .menu > ol > li:first-child:nth-last-child( 4):last-child:focus:after, .menu > ol > li:first-child:nth-last-child( 4) ~ li:last-child:focus:after, .menu > ol > li:first-child:nth-last-child( 4):last-child:focus-within:after, .menu > ol > li:first-child:nth-last-child( 4) ~ li:last-child:focus-within:after {
		 right: 50%;
	}
	 .menu > ol > li:first-child:nth-last-child( 4):nth-child( 2):hover ~ li:last-child:after, .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 2):hover ~ li:last-child:after, .menu > ol > li:first-child:nth-last-child( 4):nth-child( 2):focus ~ li:last-child:after, .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 2):focus ~ li:last-child:after, .menu > ol > li:first-child:nth-last-child( 4):nth-child( 2):focus-within ~ li:last-child:after, .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 2):focus-within ~ li:last-child:after {
		 right: 250%;
	}
	 .menu > ol > li:first-child:nth-last-child( 4):nth-child( 2):hover > ol a, .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 2):hover > ol a, .menu > ol > li:first-child:nth-last-child( 4):nth-child( 2):focus > ol a, .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 2):focus > ol a, .menu > ol > li:first-child:nth-last-child( 4):nth-child( 2):focus-within > ol a, .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 2):focus-within > ol a {
		 box-shadow: inset 0 0 0 3rem rgba(0, 0, 0, 0), inset 0 0 0 3rem rgba(237, 110, 160, 0.5);
	}
	 .menu > ol > li:first-child:nth-last-child( 4):nth-child( 2):hover > ol a:hover, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 2):hover > ol a:hover, 
	 .menu > ol > li:first-child:nth-last-child( 4):nth-child( 2):focus > ol a:hover, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 2):focus > ol a:hover, 
	 .menu > ol > li:first-child:nth-last-child( 4):nth-child( 2):focus-within > ol a:hover, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 2):focus-within > ol a:hover, 
	 .menu > ol > li:first-child:nth-last-child( 4):nth-child( 2):hover > ol a:focus, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 2):hover > ol a:focus, 
	 .menu > ol > li:first-child:nth-last-child( 4):nth-child( 2):focus > ol a:focus, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 2):focus > ol a:focus, 
	 .menu > ol > li:first-child:nth-last-child( 4):nth-child( 2):focus-within > ol a:focus, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 2):focus-within > ol a:focus, 
	 .menu > ol > li:first-child:nth-last-child( 4):nth-child( 2):hover > ol a:focus-within, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 2):hover > ol a:focus-within, 
	 .menu > ol > li:first-child:nth-last-child( 4):nth-child( 2):focus > ol a:focus-within, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 2):focus > ol a:focus-within, 
	 .menu > ol > li:first-child:nth-last-child( 4):nth-child( 2):focus-within > ol a:focus-within, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 2):focus-within > ol a:focus-within {
		 box-shadow: inset 0 0 0 3rem rgba(0, 0, 0, 0.1), inset 0 0 0 3rem rgba(237, 110, 160, 0.5);
	}
	 .menu > ol > li:first-child:nth-last-child( 4):last-child:hover:after, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:last-child:hover:after, 
	 .menu > ol > li:first-child:nth-last-child( 4):last-child:focus:after, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:last-child:focus:after, 
	 .menu > ol > li:first-child:nth-last-child( 4):last-child:focus-within:after, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:last-child:focus-within:after {
		 right: 50%;
	}
	 .menu > ol > li:first-child:nth-last-child( 4):nth-child( 3):hover ~ li:last-child:after, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 3):hover ~ li:last-child:after, 
	 .menu > ol > li:first-child:nth-last-child( 4):nth-child( 3):focus ~ li:last-child:after, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 3):focus ~ li:last-child:after, 
	 .menu > ol > li:first-child:nth-last-child( 4):nth-child( 3):focus-within ~ li:last-child:after, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 3):focus-within ~ li:last-child:after {
		 right: 150%;
	}
	 .menu > ol > li:first-child:nth-last-child( 4):nth-child( 3):hover > ol a, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 3):hover > ol a, 
	 .menu > ol > li:first-child:nth-last-child( 4):nth-child( 3):focus > ol a, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 3):focus > ol a, 
	 .menu > ol > li:first-child:nth-last-child( 4):nth-child( 3):focus-within > ol a, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 3):focus-within > ol a {
		 box-shadow: inset 0 0 0 3rem rgba(0, 0, 0, 0), inset 0 0 0 3rem rgba(237, 110, 160, 0.25);
	}
	 .menu > ol > li:first-child:nth-last-child( 4):nth-child( 3):hover > ol a:hover, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 3):hover > ol a:hover, 
	 .menu > ol > li:first-child:nth-last-child( 4):nth-child( 3):focus > ol a:hover, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 3):focus > ol a:hover, 
	 .menu > ol > li:first-child:nth-last-child( 4):nth-child( 3):focus-within > ol a:hover, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 3):focus-within > ol a:hover, 
	 .menu > ol > li:first-child:nth-last-child( 4):nth-child( 3):hover > ol a:focus, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 3):hover > ol a:focus, 
	 .menu > ol > li:first-child:nth-last-child( 4):nth-child( 3):focus > ol a:focus, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 3):focus > ol a:focus, 
	 .menu > ol > li:first-child:nth-last-child( 4):nth-child( 3):focus-within > ol a:focus, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 3):focus-within > ol a:focus, 
	 .menu > ol > li:first-child:nth-last-child( 4):nth-child( 3):hover > ol a:focus-within, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 3):hover > ol a:focus-within, 
	 .menu > ol > li:first-child:nth-last-child( 4):nth-child( 3):focus > ol a:focus-within, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 3):focus > ol a:focus-within, 
	 .menu > ol > li:first-child:nth-last-child( 4):nth-child( 3):focus-within > ol a:focus-within, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:nth-child( 3):focus-within > ol a:focus-within {
		 box-shadow: inset 0 0 0 3rem rgba(0, 0, 0, 0.1), inset 0 0 0 3rem rgba(237, 110, 160, 0.25);
	}
	 .menu > ol > li:first-child:nth-last-child( 4):last-child:hover:after, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:last-child:hover:after, 
	 .menu > ol > li:first-child:nth-last-child( 4):last-child:focus:after, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:last-child:focus:after, 
	 .menu > ol > li:first-child:nth-last-child( 4):last-child:focus-within:after, 
	 .menu > ol > li:first-child:nth-last-child( 4) ~ li:last-child:focus-within:after {
		 right: 50%;
	}
	
	 .menu > ol > li > a {
		 padding: 2rem 0;
		 font-size: 1.3vw;
		 position: relative;
		 width: 100%;
		 text-align: center;
		 z-index: 1;
		 opacity: 0.7;
		 transition: 250ms ease all;
	}
	 .menu > ol > li > ol {
		 position: absolute;
		 top: 100%;
		 left: 0;
		 width: 100%;
		 visibility: hidden;
	}
	 .menu > ol > li > ol > li {
		 margin-top: 0.5rem;
		 transition: 250ms cubic-bezier(0.42, 0.83, 0.49, 1.35) transform;
		 transform: scale(0);
	}
	 .menu > ol > li > ol > li > a {
		 display: block;
		 text-align: center;
		 border-radius: 0.2rem;
		 padding: 1rem 0.5rem;
		 font-size: 1.2vw;
		 background: #ec8c69;
		 color: rgba(0, 0, 0, 1);
		 transition: 250ms ease all;
	}
	 .menu > ol > li > ol > li > a:hover, .menu > ol > li > ol > li > a:focus, 
	 .menu > ol > li > ol > li > a:focus-within {
		 box-shadow: inset 0 0 0 3rem rgba(0, 0, 0, 0.1);
		 color: rgba(255, 255, 255, 1);
	}
	 .menu > ol > li:hover > a, .menu > ol > li:focus > a, .menu > ol > li:focus-within > a {
		 opacity: 1 !important;
	}
	 .menu > ol > li:hover > ol, .menu > ol > li:focus > ol, .menu > ol > li:focus-within > ol {
		 visibility: visible;
	}
	 .menu > ol > li:hover > ol > li, .menu > ol > li:focus > ol > li, .menu > ol > li:focus-within > ol > li {
		 transform: scale(1);
	}
	 .menu > ol > li:hover > ol > li:first-child, 
	 .menu > ol > li:focus > ol > li:first-child, 
	 .menu > ol > li:focus-within > ol > li:first-child {
		 transition-delay: 150ms;
	}
	 .menu > ol > li:hover > ol > li:nth-child( 1), 
	 .menu > ol > li:focus > ol > li:nth-child( 1), 
	 .menu > ol > li:focus-within > ol > li:nth-child( 1) {
		 transition-delay: 150ms;
	}
	 .menu > ol > li:hover > ol > li:nth-child( 2), 
	 .menu > ol > li:focus > ol > li:nth-child( 2), 
	 .menu > ol > li:focus-within > ol > li:nth-child( 2) {
		 transition-delay: 300ms;
	}
	 .menu > ol > li:hover > ol > li:nth-child( 3), 
	 .menu > ol > li:focus > ol > li:nth-child( 3), 
	 .menu > ol > li:focus-within > ol > li:nth-child( 3) {
		 transition-delay: 450ms;
	}
	 .menu > ol > li:hover > ol > li:nth-child( 4), 
	 .menu > ol > li:focus > ol > li:nth-child( 4), 
	 .menu > ol > li:focus-within > ol > li:nth-child( 4) {
		 transition-delay: 600ms;
	}
	 .menu > ol > li:hover > ol > li:nth-child( 5), 
	 .menu > ol > li:focus > ol > li:nth-child( 5), 
	 .menu > ol > li:focus-within > ol > li:nth-child( 5) {
		 transition-delay: 750ms;
	}
	 .menu > ol > li:hover > ol > li:nth-child( 6), 
	 .menu > ol > li:focus > ol > li:nth-child( 6), 
	 .menu > ol > li:focus-within > ol > li:nth-child( 6) {
		 transition-delay: 900ms;
	}
	 .menu > ol > li:hover > ol > li:nth-child( 7), 
	 .menu > ol > li:focus > ol > li:nth-child( 7), 
	 .menu > ol > li:focus-within > ol > li:nth-child( 7) {
		 transition-delay: 1050ms;
	}
	 .menu > ol > li:hover > ol > li:nth-child( 8), 
	 .menu > ol > li:focus > ol > li:nth-child( 8), 
	 .menu > ol > li:focus-within > ol > li:nth-child( 8) {
		 transition-delay: 1200ms;
	}
	 .menu > ol > li:hover > ol > li:nth-child( 9), 
	 .menu > ol > li:focus > ol > li:nth-child( 9), 
	 .menu > ol > li:focus-within > ol > li:nth-child( 9) {
		 transition-delay: 1350ms;
	}
	 .menu > ol > li:hover > ol > li:nth-child( 10), 
	 .menu > ol > li:focus > ol > li:nth-child( 10), 
	 .menu > ol > li:focus-within > ol > li:nth-child( 10) {
		 transition-delay: 1500ms;
	}
	 .menu > ol > li:hover > ol > li:nth-child( 11), 
	 .menu > ol > li:focus > ol > li:nth-child( 11), 
	 .menu > ol > li:focus-within > ol > li:nth-child( 11) {
		 transition-delay: 1650ms;
	}
}
 @media (max-width: 45rem) {
	
 	input[type="text1"] {
    width: 60%;
	}

	 .menu {
		 background-image: linear-gradient(to bottom, #ed6ea0 0%, #ec8c69 100%);
		 height: auto; 	
	}
	 .menu a {
		 font-size: 1.4rem;
		 padding: 1rem 0.5rem;
	}
	 .menu > ol {
		 flex-direction: column;
	}
	 .menu > ol > li {
		 flex-direction: column;
		 align-items: stretch;
		 text-align: center;
	}
	 .menu > ol > li > a:nth-last-child(2) {
		 position: relative;
	}
	 .menu > ol > li > a:nth-last-child(2):after {
		 content: '';
		 position: absolute;
		 top: 50%;
		 margin-top: -0.25rem;
		 right: 1.5rem;
		 border-top: 0.5rem solid #fff;
		 border-left: 0.3rem solid transparent;
		 border-right: 0.3rem solid transparent;
		 transition: 250ms ease all;
	}
	 .menu > ol > li:focus-within:nth-last-child(2):after, .menu > ol > li:focus:nth-last-child(2):after, .menu > ol > li > a:hover:nth-last-child(2):after, .menu > ol > li > a:focus-within:nth-last-child(2):after, .menu > ol > li > a:focus:nth-last-child(2):after {
		 transform: rotate(180deg);
	}
	 .menu > ol > li:focus-within + ol, .menu > ol > li:focus + ol, .menu > ol > li > a:hover + ol, .menu > ol > li > a:focus-within + ol, .menu > ol > li > a:focus + ol {
		 max-height: 12rem;
	}
	 .menu > ol > li > ol {
		 background: rgba(0, 0, 0, 0.1);
		 box-shadow: inset 0.1rem 0.1rem 0.5rem rgba(0, 0, 0, 0.15);
		 overflow: hidden;
		 max-height: 0;
		 transition: 250ms ease all;
	}
	 .menu > ol > li > ol > li a {
		 display: block;
		 font-size: 1.2rem;
	}
}