@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Tauri&display=swap');
*,
*:before,
*:after {
  box-sizing: border-box;
} 
body {
	font-family: 'Nunito', sans-serif !important;
  -webkit-box-align: center;
  align-items: center;
  background: #cfd9df;
  background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
  background-image: -webkit-linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
  display: -webkit-box;
  display: flex;  
  height: 100vh;
  -webkit-box-pack: center;
  justify-content: center;
} 
.contact-wrapper{
  background:#fff;
  box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.15);
  border-radius: .75em;	  
  width:100%;  
  display:flex;
  align-items:center;
  justify-content:space-between;
  height: 80vh;
}
.left_side{
	overflow: hidden;			
}
.left_side > div > img {				
	object-fit: cover;
	border-radius: .75em;
	height: 80vh;
}
.left_side,
.right_side{
  width:50%;
}
.right_side{
	padding:2em 4em;
}
.right_side > div:first-child {	
	display: flex;
	align-items:center;
  justify-content:center;
}
.right_side > div > img {
	width: 420px;
	margin-bottom: 5rem;
}

ul, ol {
  padding: 0;
  margin: 0 0 10px 25px;
}
li {
  display: list-item;
  text-align: -webkit-match-parent;
  unicode-bidi: isolate;
}
.nav {
  margin-bottom: 35px !important;
  margin-left: 0;
  list-style: none;
  justify-content:center;
}
.nav>li>a {
  display: block;
}
.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after {
  display: table;
  line-height: 0;
  content: "";
}
.nav-tabs>li, .nav-pills>li {
  float: left;
  width: 200px;
  text-align: center;
}
.nav-pills>a:hover {    
  background-color: #ebebeb;
}
.nav-pills>.active>a, .nav-pills>.active>a:hover {
  color: #fff;
  background-color: #4B5320;
}
.nav-pills>li>a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;    
  color: #4B5320;
  text-decoration: none;
  font-size: 14pt;
  cursor: pointer;
}
.nav-tabs>li>a, .nav-pills>li>a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}



form{
  margin: 2em 0 0 0;
}
form > div > div > .form-row{
  display:-webkit-box;
  display:flex;
  margin:.75em 0;
  position:relative;
}
form > div > div > .form-row > span{
  background:#fff;
  color:#999;
  display:inline-block;
  font-weight: 400;
  font-size:14pt;
  left: .6em;
  padding: .5em .7em;
  position:absolute;
  pointer-events:none;
  -webkit-transform:translateY(-50%); 
  transform:translateY(-50%); 
  top:50%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

form > div > div > .form-row > input,
form > div > div > .form-row > button{
  border-radius: .5em;
  padding:1em .5em;
  width:100%;
  font-family: inherit;
}
form > div > div > .form-row > input{
  font-weight: bold;
  -webkit-transition:100ms ease all;
  transition:100ms ease all;
  width:100%;
}
form > div > div > .form-row > input[type=text],
form > div > div > .form-row > input[type=password]{
  border:.075em solid #b7bd84;
  font-size: 14pt;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
form > div > div > .form-row > input:valid + span{
  top:0;
  font-size: .90rem;
}
form > div > div > .form-row > input:focus + span{
  top:0;
  color: #4B5320;
  font-weight: 600;
}
form > div > div > .form-row > input:required{
  box-shadow: none;
}
form > div > div > .form-row > input:focus{
  border-color:#4B5320;
  outline:none;
}
form > div > div > .form-row > input:focus:invalid{
  box-shadow: none;
  top:50%;
}
form > div > div > .form-row > input:focus:valid{
  top:0;
}
form > div > div > .form-row > button{
  background-color:#4B5320;
  border:.10em solid #b7bd84;
  color:#fff;
  cursor: pointer;
  font-weight: bold;
  transition:all 300ms ease;
}
form > div > div > .form-row > button:focus{
  border:0.1em solid #b7bd84;
  outline:none;
}
form> div > div > .form-row > button:hover{
  background:#b7bd84;
}

.footerLogin {
	position: absolute;
	bottom: 0;
	z-index: -1;
	margin-bottom: 10px;
}
.sombra {
	-webkit-filter: drop-shadow(2px 2px 5px #000);
  filter: drop-shadow(1px 2px 2px #333);
}

.slider {
  position: relative;
  min-width: 100%; 
  min-height: 100%; 
  overflow: hidden; 
}

.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0; 
  transition: opacity 2s ease-in-out;
}

.slide.active {
  opacity: 1; 
}

@media (max-width:991px){   
	.right_side > div > img {
		-webkit-filter: drop-shadow(1px 1px 2px #666);
	  filter: drop-shadow(1px 1px 2px #666);
	  height: auto;
	  margin: 0 0 30px 0;
	  width: 260px;
	}
}
@media (max-width:479px){
	.container {
		padding: 0 10px;
	}
  .contact-wrapper{
    flex-direction: column; 
    padding:20px;
  }
  .left_side,
  .right_side{
    width:100%;
    padding:0;
  }
  .left_side { 		
		display:none !important; 
	}
  .left_side > img {
		display: none;
	}	
	.right_side > div > img { 
		margin-top: -100px; 
		height: 200px;
	}
	#ilustr_left-side,
	#ilustr_left-side2,
	#ilustr_left-side3 {
		display:none;
	}
}
@media (max-height:479px){
	.container {
		width: 90%;
		padding: 10px;		
	}  
	.contact-wrapper {
		padding: 1em 1em;
		height: 95vh;
	}
  .left_side,
  .right_side{
    width:50%;
    padding:0;    
  }
	.left_side > div > img { 		
		aspect-ratio: 4/4;
		height: 200px;
		-webkit-filter: drop-shadow(1px 1px 5px #666);
	  filter: drop-shadow(1px 1px 5px #666);  
	}
  #logo_left-side {
		display:block;
		width: 240px;
		margin:30vh auto;
	}		
	#logo_right-side {
		display:none;
	}	
}