.hide{display:none}
img{
	width: 100%;
}
body{
    background: radial-gradient(#fff, #b9b9b9);
}
.login {
    height: 100%;
    width: 100%;
    position: relative;
}
.login_box {
    width: 1050px;
    height: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    border-radius: 10px;
    box-shadow: 1px 4px 22px -8px #0004;
    display: flex;
    overflow: hidden;
}
.login_box .left{
  width: 41%;
  height: 100%;
  padding: 25px 25px;
  
}
.login_box .right{
  width: 59%;
  height: 100%  
}
.left .top_link a {
    color: #452A5A;
    font-weight: 400;
}
.left .top_link{
  height: 20px
}
.left .contact{
	display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: 73%;
    margin: auto;
}
.left h3{
  text-align: center;
  margin-bottom: 40px;
}
.left input {
    border: none;
    width: 80%;
    margin: 15px 0px;
    /* border-bottom: 2px solid #006b3a; */
    padding: 10px 10px;
    width: 100%;
    overflow: hidden;
    background: transparent;
    font-weight: 600;
    font-size: 14px;
    background-color: #e4e4e4;
    border-radius: 7px;
}
.left{
	background: linear-gradient(-45deg, #dcd7e0, #fff);
}
.submit {
    border: none;
    padding: 15px 70px;
    border-radius: 8px;
    display: block;
    margin: auto;
    margin-top: 40px;
    background: #006b3a;
    color: #fff;
    font-weight: bold;
    -webkit-box-shadow: 0px 9px 15px -11px rgba(88,54,114,1);
    -moz-box-shadow: 0px 9px 15px -11px rgba(88,54,114,1);
    box-shadow: 0px 9px 15px -11px rgba(88,54,114,1);
}
.submit:hover{
    background: #a84a17;    
}



.right {
/*	background: #f0e5a3 url(../assets/img/fondo_fairturlabel_inicio_sesion3.jpg) no-repeat 50% 93px;
    background-size: cover;
	color: #000;
	position: relative; */
}

.right .right-text{
  height: 100%;
  position: relative;
  /*transform: translate(0%, 45%);*/
  vertical-align: middle;
  padding: 50px;
}
.right-text h2{
  display: block;
  width: 100%;
  text-align: center;
  font-size: 50px;
  line-height: 52px;
  font-weight: 500;
}
.right-text h5{
  display: block;
  width: 100%;
  text-align: center;
  font-size: 19px;
  font-weight: 400;
}
.right-text h6{
    font-size:15px;
}

.right .right-inductor{
  position: absolute;
  width: 70px;
  height: 7px;
  background: #fff0;
  left: 50%;
  bottom: 70px;
  transform: translate(-50%, 0%);
}
.top_link img {
    width: 28px;
    padding-right: 7px;
    margin-top: -3px;
}
.sello{
    width:150px !important;
    position: absolute;
    left: -77px;
    top: 190px;
}
.tx_p{color: #797979;    margin-top: 40px;}
.tx_p a, .tx_p a:hover{color: #006b3a}
.tx_v{color:#006b3a !important}
.tx_g{color:#a84a17 !important}

@media(max-width:1050px){
    .hide{display: block}
    .hide2{display:none}
    .login_box .left, .login_box .right{
        width:100%;
        height: auto;
    }
   
    .login_box {
        width: auto;
        display: block;
        height: auto;
        position: initial;
        transform: none;
        overflow: initial;
        margin: 80px;
    }
    .right .right-text, .left .contact, .login{height: auto}
    .left .contact{margin-top: 50px;margin-bottom: 40px}
    .right-text h6{
        font-size:18px;
    }
    .right-text{height: 630px !important;}
    .sello {
      position: inherit;
      margin-bottom: 40px;    
    }
    .right {
     background-size: contain;
     background-position: bottom;
     height: 830px !important;
    }
}
@media(max-width:720px){
    .login_box {margin:25px}
    .right-text h2 {
        font-size: 42px;
        line-height: 44px;
    }
}
@media (max-width: 480px){
    .right-text h2 {font-size: 34px;line-height: 38px;}
    .right-text h3{font-size: 24px;line-height: 28px;}
    .right .right-text{padding:20px}
}
@media (max-width: 380px){
    .login_box {margin:10px}    
}