@import url(https://fonts.googleapis.com/css?family=Dosis:400,600);
body{
    width:100%;
    height:auto;
    position: absolute;
    background: #333333
}
input[type='checkbox'],input[type='radio']{
    display: none;
}
ul{
    padding: 0px;
}
li{
    display: block;
}
a{
    text-decoration: none!important;
}
.time_1{
    transition: .4s all ease;
    -webkit-transition: .4s all ease;
    -moz-transition: .4s all ease;
    -ms-transition: .4s all ease;
}
.time_2{
    transition: .7s all ease;
    -webkit-transition: .7s all ease;
    -moz-transition: .7s all ease;
    -ms-transition: .7s all ease;
}
/*header*/
.header{
    width: 100%;
    height: 85px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 20;
    background: rgba(51, 51, 51, 0.35);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.10);
}
.h_logo{
    width: 220px;
    height: 100%;
    float: left;
    margin-left: 25px;
    background: url(../img/logo.png)no-repeat center/contain;
}
.h_nav{
    width: 645px;
    height: 100%;
    display: block;
    float: right;
}
.h_nav nav{
    font: 300 14px 'roboto';
    letter-spacing: 2px;
    color: #fff;
}
.h_nav nav ul{
    margin: 0px;
}
.h_nav nav a{
    display: block;
    float: left;
    margin: 0px;
    padding: 34px 10px;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
	text-transform: uppercase;
    font-weight: 500;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    font-family: 'Dosis', sans-serif;
    font-weight: 900;
}
.h_nav nav a{
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    -ms-transition: .4s ease all;
    transition: .4s ease all;
}
.h_nav nav a:hover{
    color: #ffffff;
    box-shadow: inset 0px 50px 50px -35px rgba(255, 255, 255, 0.10);
}
.h_nav nav a:hover{
    background: rgba(226, 47, 45, 0.80);
}
.n_line_1{
    width: 30px;
    height: 2px;
    background: #e22f2d;
    position: absolute;
    top: 83px;
    opacity: 0;
    transform: translateX(200px) scale(20,1);
    -webkit-transform: translateX(200px) scale(20,1);
    -moz-transform: translateX(200px) scale(20,1);
    -ms-transform: translateX(200px) scale(20,1);
}
.n_1:hover~.n_line_1{
    opacity: 1;
    transform: translateX(19px) scale(2.2,1);
    -webkit-transform: translateX(19px) scale(2.2,1);
    -moz-transform: translateX(19px) scale(2.2,1);
    -ms-transform: translateX(19px) scale(2.2,1);
}
.n_2:hover~.n_line_1{
    opacity: 1;
    transform: translateX(208px) scale(10.3,1);
    -webkit-transform: translateX(208px) scale(10.3,1);
    -moz-transform: translateX(208px) scale(10.3,1);
    -ms-transform: translateX(208px) scale(10.3,1);
}
.n_3:hover~.n_line_1{
    opacity: 1;
    transform: translateX(446px) scale(5.4,1);
    -webkit-transform: translateX(446px) scale(5.4,1);
    -moz-transform: translateX(446px) scale(5.4,1);
    -ms-transform: translateX(446px) scale(5.4,1);
}
.n_4:hover~.n_line_1{
    opacity: 1;
    transform: translateX(581px) scale(3.5,1);
    -webkit-transform: translateX(581px) scale(3.5,1);
    -moz-transform: translateX(581px) scale(3.5,1);
    -ms-transform: translateX(581px) scale(3.5,1);
    
}
/*
.n_5:hover~.n_line_1{
    opacity: 1;
    transform: translateX(532px) scale(8.2,1);
    -webkit-transform: translateX(532px) scale(8.2,1);
    -moz-transform: translateX(532px) scale(8.2,1);
    -ms-transform: translateX(532px) scale(8.2,1);
    
}
*/
.n_5{
    width: 235px;
    height: 85px;
    font-weight: 900;
    text-transform: uppercase;
    position: relative;
    text-align: center;
    padding: 21px 20px !important;
    top: 0px;
    background: url(../img/conf.jpg)center/cover;
    border-right: 2px solid #e22f2d;
    margin-right: 7px !important;
}
/*header min.nav*/
.min_nav{
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 100;
    background: rgba(51, 51, 51, 0.90)
}
.min_nav>nav{
    width: 280px;
    height: auto;
    display: table;
    margin: auto;
}
.min_n_0{
    width: 100%;
    height: auto;
    float: none;
    display: block;
    padding: 10px 0px;
    text-align: center;
    font: 900 20px 'roboto';
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    opacity: .75;
    text-decoration: none;
}
.min_n_0:hover{
    opacity: 1;
    border-color:#fff;
}
.label_mim{
    width: 40px;
    height: 30px;
    position: absolute;
    z-index: 101;
    top:30px;
    cursor: pointer;
    left: calc(100% - 60px);
}
.label_mim>div{
    width: 100%;
    height: 3px;
    margin-bottom: 10px;
    background: #fff;
    position: relative;
    top: 0px;
    left: 0px;
}
.label_mim>span{
    width: 30px;
    font: 900 12px 'roboto';
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    top: -33px;
    left: -50px;
}
/* checked menu.nav*/
#min_nav~.min_nav{
    margin-top: 200vh;
    transition: margin 0s ease .7s, transform .7s ease 0s, opacity .7s ease 0s;
    -webkit-transition: margin 0s ease .7s, transform .7s ease 0s, opacity .7s ease 0s;
    -moz-transition: margin 0s ease .7s, transform .7s ease 0s, opacity .7s ease 0s;
    -ms-transition: margin 0s ease .7s, transform .7s ease 0s, opacity .7s ease 0s;
    opacity: 0;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
#min_nav:checked~.min_nav{
    margin-top: 0px;
    opacity: 1;
    transition: margin 0s ease 0s, transform .7s ease 0s, opacity .7s ease 0s;
    transform: scale(1);
    -webkit-transition: margin 0s ease 0s, transform .7s ease 0s, opacity .7s ease 0s;
    -webkit-transform: scale(1);
    -moz-transition: margin 0s ease 0s, transform .7s ease 0s, opacity .7s ease 0s;
    -moz-transform: scale(1);
    -ms-transition: margin 0s ease 0s, transform .7s ease 0s, opacity .7s ease 0s;
    -ms-transform: scale(1);
}
#min_nav:checked~label[for='min_nav']>.label_mim>div:nth-child(1){
    transform: rotate(45deg) translate(10px,10px);
    -webkit-transform: rotate(45deg) translate(10px,10px);
    -moz-transform: rotate(45deg) translate(10px,10px);
    -ms-transform: rotate(45deg) translate(10px,10px);
}
#min_nav:checked~label[for='min_nav']>.label_mim>div:nth-child(3){
    transform: rotate(-45deg) translate(8px,-10px);
    -webkit-transform: rotate(-45deg) translate(8px,-10px);
    -moz-transform: rotate(-45deg) translate(8px,-10px);
    -ms-transform: rotate(-45deg) translate(8px,-10px);
}
#min_nav:checked~label[for='min_nav']>.label_mim>div:nth-child(2){
    transform: scale(0,1);
    -webkit-transform: scale(0,1);
    -moz-transform: scale(0,1);
    -ms-transform: scale(0,1);
}
.label_mim,
.min_nav{
    display: none;
}
/* slide */
.slide{
    width: 100%;
    height: 170vh;
    margin-bottom: -2px;
    float: left;
}
.s_content{
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
}
.c_img_0{
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: hidden;
}
.c_img_m{
    width: 100%;
    height: 50vh;
    position: absolute;
    z-index: 0;
    top: -50vh;
    background: url(../img/gradiel.svg)repeat-X bottom/contain;
}
.c_img_1{
    background: url(../img/slide_1.jpg)no-repeat top/cover fixed;
}
/* slider _1*/
.c_img_0{
    
}
.big_img{
    width: 100%;
    height: 100%;
    position: absolute;
}
.big_img>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.txt_into{
    width: 60%;
    height: 110%;
    left: 40%;
    top: -5%;
    background: rgba(51, 51, 51, 0.20);
    position: absolute;
    overflow: hidden;
    box-shadow: inset 15px 0px 230px rgba(0, 0, 0, 0.35),
                inset 3px 0px 30px rgba(0, 0, 0, 0.15),
                inset 3px 0px 7px rgba(0, 0, 0, 0.05);
    
}
.in_img_1{
    width: 600px;
    height: auto;
    margin: auto auto auto 0px;
    transform: translateX(-30px)
    -webkit-transform: translateX(-30px)
    -moz-transform: translateX(-30px)
    -ms-transform: translateX(-30px)
}
.in_img_1 img{
    width: 100%;
}
.img_into{
    width: 350px;
    height: 800px;
    z-index: 2;
    top: calc(100% - 800px);
    left: calc(40% - 600px);
    position: absolute;
}
.img_into>img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    position:relative;
    top : -50px;
    left : 50px;
}
/* check slide_1*/
#slide_1~.slide_1>.txt_into .in_img_1{
    transform: translateX(-100%);
    transition: 1s all ease .7s;
    -webkit-transform: translateX(-100%);
    -webkit-transition: 1s all ease .7s;
    -moz-transform: translateX(-100%);
    -moz-transition: 1s all ease .7s;
    -ms-transform: translateX(-100%);
    -ms-transition: 1s all ease .7s;
}
#slide_1~.slide_1>.img_into{
    opacity: 0;
    transition: 1s all ease 0s;
    transform: scale(1.1) translate(0px,100px);
    -webkit-transition: 1s all ease 0s;
    -webkit-transform: scale(1.1) translate(0px,100px);
    -moz-transition: 1s all ease 0s;
    -moz-transform: scale(1.1) translate(0px,100px);
    -ms-transition: 1s all ease 0s;
    -ms-transform: scale(1.1) translate(0px,100px);
}
#slide_1:checked~.slide_1>.img_into{
    opacity: 1;
      transform: scale(1) translate(250px,0px);
      -webkit-transform: scale(1) translate(250px,0px);
      -moz-transform: scale(1) translate(250px,0px);
      -ms-transform: scale(1) translate(250px,0px);
}
#slide_1:checked~.slide_1>.txt_into .in_img_1{
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
}
/*prview*/
.preview{
    width: 235px;
    position: absolute;
    /*
    left: calc(100% - 245px);
    top: calc(50vh - 245px);
    
    left: calc(100% - 236px);
    */
    top: calc(50vh - 170px);
    left: 0px;
    height: 432px;
    z-index: 11;
}
.p_title{
    width: calc(100% - 2px);
    height: auto;
    text-align: center;
    font: 300 14px 'roboto';
    color: #efefef;
    padding: 7px 0px;
    margin: 0px;
    margin-bottom: -56px;
    float: left;
    border-left: 2px solid #e22f2d;
    letter-spacing: 2px;
    background: rgba(51, 51, 51, 0.75);
	position: relative;
	z-index: 2;
    font-weight: 900;
	text-transform: uppercase;
    color: #fca631;
}
.p_content{
    width: 100%;
    height: 170px;
    float: left;
    margin-bottom: 4px;

}
.preview_scroll{
    width: 100%;
    height: 492px;
    overflow-x: hidden;
    overflow-y: visible;
}
.preview_add{
    width: 100%;
    height: 160px;
    float: left;
    cursor: pointer;
    margin-bottom: 4px;
}
.p_img{
    width: 100%;
    height: 100%;
    float: left;
	position: relative;
	z-index: 0;
	-webkit-transition: .5s ease all;
	-moz-transition: .5s ease all;
	-ms-transition: .5s ease all;
	transition: .5s ease all;
}
.image_slide{
	width: 205px;
	height: 140px;
	float: left;
	flex: none;
	position: relative;
}
.p_img img{
    width: 100%;
    height: 100%;
	object-fit: cover;
}
.p_view{
    width: calc(100% - 2px);
    float: left;
    position: relative;
    top: -25px;
    overflow: hidden;
    border-right: 2px solid #e22f2d;
    background: rgba(38, 38, 38, 0.8);
    transform-origin: right;
    transform: scale(0,1);
    -webkit-transform-origin: right;
    -webkit-transform: scale(0,1);
    -moz-transform-origin: right;
    -moz-transform: scale(0,1);
    -ms-transform-origin: right;
    -ms-transform: scale(0,1);
	z-index: 2;
	font: 300 12px 'roboto';
	letter-spacing: 1px;
	text-align: center;
	color: rgba(255, 255, 255, 0.9);
	padding: 4.5px 0px;
	text-transform: uppercase;
}
.p_view>img{
    display: block;
    float: none;
    margin: 3px auto;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    opacity: 0;
}
.preview_add .p_view{
    top: -41px;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
}
.preview_add .p_view>img{
    transition-delay: .2s;
    transform: translateY(0px);
    -webkit-transition-delay: .2s;
    -webkit-transform: translateY(0px);
    -moz-transition-delay: .2s;
    -moz-transform: translateY(0px);
    -ms-transition-delay: .2s;
    -ms-transform: translateY(0px);
    opacity: 1;
}
/*content*/
.content{
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    z-index: 11;
    background: #333333;
}
.option{
    width: 100%;
    max-width: 1060px;
    height: auto;
    display: table;
    float: none;
    position: relative;
    z-index: 1;
    background: rgba(98, 98, 98, 0.80);
    /*
    modifucacion magen 75px -> 50px
    */
    margin: calc(-70vh - 60px) auto 0px;
    box-shadow:0px 7px 15px rgba(0, 0, 0, 0.2);
}
#call_load{
    width: 100%;
    height: 1px;
    float: none;
    margin-bottom: 100px;
}
.o_select_0{
    width: 100%;
    /* mod
    height: 75px;
    */
    height: 50px;
    float: left;
	background: rgba(51, 51, 51, 0.55);
}
.s_0{
    width: 100%;/*after 50% */
    height: 100%;
    float: left;
    cursor: pointer
}
.s_2{
    background: rgba(0, 0, 0, 0.10);
    box-shadow: inset 4px -4px 7px rgba(0, 0, 0, 0.10);
}
.s_txt_1{
    width: 100%;
    height: 0px;
    text-align: center;
    color: #efefef;
    margin: 0px;
    padding: 26px 0px;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.70);
    font: 900 20px 'roboto';
    text-transform: uppercase;
    letter-spacing: 2px;
}
.group_1{
    width: auto;
    height: 100%;
    float: none;
	display: table;
    margin: 0px auto;
}
.s_txt_2{
    width: 200px;
    height: 100%;
    float: left;
    cursor: pointer;
}
.s_txt_2>h4{
    width: 100%;
    height: auto;
    text-align: center;
    font: 900 14px 'roboto';
    color: #efefef;
    margin: 27px auto;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.n_line_2{
    width: 100%;
    position: relative;
    height: 2px;
    background: #e22f2d;
    float: left;
    opacity: 0;
	z-index: 2;
}
.n_block{
    width: 100%;
    height: 2px;
    float: none;
    margin: 0px auto;
    background: #efefef;
	position: relative;
	top: -2px;
	z-index: 0;
}
.s2_1:hover~.n_line_2{
    opacity: 1;
    -webkit-transform: scale(.3,1) translateX(-115%);
    -moz-transform: scale(.3,1) translateX(-115%);
    -ms-transform: scale(.3,1) translateX(-115%);
    transform: scale(.3,1) translateX(-115%);
}
.s2_2:hover~.n_line_2{
    opacity: 1;
    -webkit-transform: scale(.3,1) translateX(0%);
    -moz-transform: scale(.3,1) translateX(0%);
    -ms-transform: scale(.3,1) translateX(0%);
    transform: scale(.3,1) translateX(0%);
}
.s2_3:hover~.n_line_2{
    opacity: 1;
    -webkit-transform: scale(.3,1) translateX(115%);
    -moz-transform: scale(.3,1) translateX(115%);
    -ms-transform: scale(.3,1) translateX(115%);
    transform: scale(.3,1) translateX(115%);
}
.s2_4:hover~.n_line_2{
    opacity: 1;
    transform: scale(.3,1) translateX(125%);
    -webkit-transform: scale(.3,1) translateX(125%);
    -moz-transform: scale(.3,1) translateX(125%);
    -ms-transform: scale(.3,1) translateX(125%);
}
/*append*/
#no404{
    width: calc(100% - 100px);
    height: auto;
    margin: 0px auto auto;
    color: #fff;
    padding: 50px;
    font: 300 30px 'roboto';
    text-align: center;
    letter-spacing: 1px;
}
#loading{
    margin: 50px auto auto;
}
#append{
    width: 100%;
    height: auto;
    min-height: 600px;
    float: none;
    margin: 0px auto;
    padding: 20px 0px;
    position: relative;
    z-index: 2;
    
    display: -webkit-box;   
    display: -moz-box;      
    display: -ms-flexbox;   
    display: -webkit-flex;  
    display: flex; 
        
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    
    -webkit-align-content: center;
    -webkit-justify-content: center;
    -moz-align-content: center;
    -moz-justify-content: center;
    -ms-align-content: center;
    -ms-justify-content: center;
    align-content: center;
    justify-content: center;
    
}
.theme_1{
    width: 340px;
    min-height: 390px;
    height: auto;
    display: table;
    float: left;
    margin: 10px 2px;
    background: rgba(255, 255, 255, 0.06);

    perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
}
.th_img{
    width: 100%;
    height: 250px;
    opacity: 1;
	-webkit-transition: .5s ease all;
	-moz-transition: .5s ease all;
	-ms-transition: .5s ease all;
	transition: .5s ease all;
}
.th_img>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.th_link{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
}
.th_link>a>div{
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    background: rgba(51, 51, 51, 0);
}
.th_link>a>div>img{
    width: 100px;
    height: auto;
    display: block;
    float: none;
    margin: 0px auto;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}
.theme_1:hover>.th_img>.th_link>a>div{
    background: rgba(51, 51, 51, 0.35);
}
.theme_1:hover>.th_img>.th_link>a>div>img{
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}
.microdata{
    width: 100%;
    height: 140px;
    float: left;
    opacity: 1;
}
.microdata .block{
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
}
.th_title{
    display: block;
    width: 90%;
    float: left;
    margin: 0px;
    padding: 7px 0px;
    position: relative;
    left: 5%;
    font: 900 16px 'roboto';
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.th_title>span{
    color: #f74a49;
}
.th_txt{
    width: 90%;
    height: 47px;
    display: block;
    float: left;
    padding: 0px 0px 7px;
    position: relative;
    left: 5%;
    color: #b4b4b4;
    font: 500 12px 'roboto';
    line-height: 14px;
    letter-spacing: 1px;
}
.th_price{
    width: auto;
    padding: 4px 10px;
    border-right: 2px solid #e22f2d;
    display: block;
    float: right;
    color: #fff;
    font: 100 24px 'roboto';
    letter-spacing: 2px;
    margin-bottom: -40px;
    background: rgba(51, 51, 51, 0.75);
    position: relative;
	float: right;
	margin-top: -190px;
}
/* checkbox.master */
/*alerts*/
.center{
    display: -webkit-box;   
    display: -moz-box;      
    display: -ms-flexbox;   
    display: -webkit-flex;  
    display: flex; 
    
    -webkit-flex-flow:column wrap;
    -webkit-justify-content: center;
    -webkit-align-content: center;
    -moz-flex-flow:column wrap;
    -moz-justify-content: center;
    -moz-align-content: center;
    -ms-flex-flow:column wrap;
    -ms-justify-content: center;
    -ms-align-content: center;
    flex-flow:column wrap;
    justify-content: center;
    align-content: center;
}
.center_2{
    display: -webkit-box;   
    display: -moz-box;      
    display: -ms-flexbox;   
    display: -webkit-flex;  
    display: flex; 
    
    -webkit-flex-flow:row wrap;
    -webkit-justify-content: center;
    -webkit-align-content: center;
    -moz-flex-flow:row wrap;
    -moz-justify-content: center;
    -moz-align-content: center;
    -ms-flex-flow:row wrap;
    -ms-justify-content: center;
    -ms-align-content: center;
    flex-flow:row wrap;
    justify-content: center;
    align-content: center;
}
.alert_sus{
    position: fixed;
    width: 100%;
    height: 250px;
    z-index: 30;
    background: #f74a49;
    top: calc(100% - 250px);
    box-shadow: 0px -3px 7px rgba(0, 0, 0, 0.35);
}
.sus_group{
    width: 90%;
    max-width: 720px;
    height: calc(100% - 40px);
    padding: 20px 0px;
    float: none;
    margin: 0px auto;
}
.sus_img{
    width: 80px;
    height: 80px;
    float: none;
    margin: 0px auto;
    border-radius: 50%;
    background: url(../img/sus.jpg)center/cover;
}
.sus_h{
    width: 80%;
    height: auto;
    text-align: center;
    color: #fff;
    float: none;
    margin: 10px auto 0px;
    font: 100 20px 'roboto';
    line-height: 18px;
}
.sus_form{
    width: 300px;
    height: auto;
    display: table;
    float: none;
    margin: 20px auto;
    
}
.sus_form>input{
    width: 100%;
    height: auto;
    padding: 7px;
    font: 500 18px 'roboto';
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, 0.1);
    border: none;
    outline: none;
    border-radius: 2px;
    float: left;
}
.sus_form>input::-webkit-input-placeholder{
    color: #fff;
}
.submit{
    width: 100%;
    height: auto;
    padding: 10px 7px;
    text-align: center;
    color: #fff;
    float: left;
    margin-top: 10px;
    background: #333333;
    border-radius: 2px;
    font: 500 14px 'roboto';
    letter-spacing: 2px;
    cursor: pointer;
}
.b_close{
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 5;
    top: 0px;
    cursor: pointer;
    padding: 5px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.1);
}
.b_close:after{
    content: '';
    display: block;
    width: 100%;
    height:2px;
    float: left;
    background: #fff;
    position: relative;
    top: calc(50% - 1px);
    -webkit-transform: rotate(45deg) scale(.70) translateY(-1px);
    -moz-transform: rotate(45deg) scale(.70) translateY(-1px);
    -ms-transform: rotate(45deg) scale(.70) translateY(-1px);
}
.b_close:before{
    content: '';
    display: block;
    float: left;
    width: 100%;
    height:2px;
    background: #fff;
    position: relative;
    top: calc(50% - 1px);
    -webkit-transform: rotate(-45deg) scale(.70) translateY(1px);
    -moz-transform: rotate(-45deg) scale(.70) translateY(1px);
    -ms-transform: rotate(-45deg) scale(.70) translateY(1px);
}
.b_close,
.b_close:after,
.b_close:before{
    -webkit-transition: .4s all ease;
    -moz-transition: .4s all ease;
    -ms-transition: .4s all ease;
    transition: .4s all ease;
}
.c_pos1{
    left: calc(100% - 50px);
    top: 10px;
}
.b_close:hover:after{
    -webkit-transform: rotate(-180deg) scale(.8) translateY(1px);
    -moz-transform: rotate(-180deg) scale(.8) translateY(1px);
    -ms-transform: rotate(-180deg) scale(.8) translateY(1px);
}
.b_close:hover:before{
    -webkit-transform: rotate(180deg) scale(.8) translateY(-1px);
    -moz-transform: rotate(180deg) scale(.8) translateY(-1px);
    -ms-transform: rotate(180deg) scale(.8) translateY(-1px);
}
#sus+.alert_sus{
    -webkit-transform: translateY(300px) scale(1.1);
    -moz-transform: translateY(300px) scale(1.1);
    -ms-transform: translateY(300px) scale(1.1);
}
#sus:checked+.alert_sus{
    -webkit-transform: translateY(0px) scale(1);
    -moz-transform: translateY(0px) scale(1);
    -ms-transform: translateY(0px) scale(1);
}
/*view*/
.page{
    width: 100%;
    height: 100%;
    height: 100vh;
    float: left;
}
.note{
    width: 100%;
    height: 100px;
    position: relative;
    top: -100px;
    background: rgba(51, 51, 51, 0.8);
    z-index: 10;
    overflow: hidden;
}
.th_address{
    width: 300px;
    height: 100px;
    background: rgba(51, 51, 51, 0.50);
    float: left;
}
.th_address>h2{
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 0px;
    font: 900 18px 'roboto';
    line-height: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.th_address>h2>span{
    height: auto;
    display: block;
}
.th_address>h2>span:nth-child(1){
    margin: auto auto 0px auto;
    color: #fff;
}
.th_address>h2>span:nth-child(2){
    margin: 0px auto auto auto;
    color: #f74a49;
}
.th_data{
    width: 500px;
    height: 100px;
    margin-left: 40px;
    float: left;
	cursor: pointer;
}
.th_data div{
    font-family:'roboto';
    font-size: 14px;
    letter-spacing:2px;
    letter-spacing: 2px;
    color: #fff;
    margin: auto;
    opacity: 0;
	
}
.th_data>p>strong{
    color: #f74a49;
    font-weight: 900;
}
.th_gallery{
    float: right;
    width: 300px;
    height: 100%;
}
.th_gallery>div{
    width: 100px;
    height: 100px;
    float: right;
    cursor: pointer;
}
.th_gallery>div>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gall_img{
    width: 100px;
    height: 100px;
}
.gall_img>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.th_view{
    width: 100%;
    height: 100%;
    height: 100vh;
    position: relative;
    z-index: 0;
}
.th_view>div{
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
}
.th_view>div>img{
    width: 100%;
    height: 90%;
    object-fit: contain;
    position: relative;
    top: 5%;
}
.th_profile{
    width: 280px;
    height: 80px;
    position: absolute;
    z-index: 1;
    top: 100px;
    left: calc(100% - 295px);
    background: rgba(51, 51, 51, 0.75)
	
}
.th_profile form{
	-webkit-transition: opacity .5s ease, margin-top 0s ease .5s;
	-moz-transition: opacity .5s ease, margin-top 0s ease .5s;
	-ms-transition: opacity .5s ease, margin-top 0s ease .5s;
	transition: opacity .5s ease, margin-top 0s ease .5s;
	margin-top: -400px;
	opacity: 0;
	display: block;
	float: left;
}
.th_profile:hover form{
	margin-top: 0px;
	-webkit-transition: opacity .5s ease, margin-top 0s ease 0s;
	-moz-transition: opacity .5s ease, margin-top 0s ease 0s;
	-ms-transition: opacity .5s ease, margin-top 0s ease 0s;
	transition: opacity .5s ease, margin-top 0s ease 0s;
	opacity: 1;
}
.pro_img{
    width: 80px;
    height: 100%;
    float: left;
}
.pro_img>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pro_name{
    width: calc(100% - 120px);
    padding: 0px 0px 0px 20px;
    height: 100%;
    float: left;
    color: #fff;
}
.pro_name h3{
    width: 100%;
    height: auto;
    font: 300 14px 'roboto';
    letter-spacing: 2px;
    text-align: left;
    margin: 14px 0px 0px -10px;
}
.pro_name span{
    width: 100%;
    height: auto;
    font: 300 12px 'roboto';
    letter-spacing: 2px;
    text-align: left;
    display: block;
    margin: 2px 0px 0px -15px;
    padding-left: 20px;
    background: url(../img/icon.png)no-repeat 0px/auto;
    color: #fff;
}
.pro_name span:nth-child(2),
.pro_name .icon-1{
    background-position: 0px -1px;
}
.pro_name span:nth-child(3),
.pro_name .icon-2{
    background-position: 0px -21px;
}
.pro_form{
    width: 100%;
    height: auto;
    padding: 10px 0px 0px;
    background: rgba(51, 51, 51, 0.75);
    float: left;
    overflow: hidden;
}
.pro_form input,
.pro_form textarea{
    width: 80%;
    float: left;
    margin: 4px 10%;
    text-align: center;
    padding: 4px 0px;
    border: none;
    font: 500 14px 'roboto';
    color: #fff;
    letter-spacing: 1px;
    background: transparent;
    outline: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
.pro_form textarea{
    height: 40px;
    resize: vertical;
    overflow-x: hidden;
    max-height: 300px;
    padding-bottom: 0px;
    
}
.pro_form div{
    width: 100%;
    text-align: center;
    float: left;
    margin: 4px 0px 0px 0px;
    padding: 10px 0px;
    background: #e22f2d;
    font: 900 14px 'roboto';
    letter-spacing: 2px;
    color: #fff;
    cursor: pointer;
}
#contact{
	display: none;
}
.pro_form>div:hover{
    background: #f74a49;
}
.th_profile{
    perspective: 300px;
}
.th_profile>.pro_form{
    transform-origin: top;
}
.pro_form>textarea,
.pro_form>textarea{
    height: 150px;
}
.th_profile:hover>.pro_form,
.th_profile:focus>.pro_form{
    
}
.th_price_grand{
    position: absolute;
    z-index: 3;
    top: 100px;
    left: 15px;
    font-size: 40px;
    margin: 0px;
    border-left: 2px solid #e22f2d;
    border-right: 2px solid transparent;
}
/*contact*/
#map-canvas{
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: 1;
}
.gm-style. .gm-style-iw{
    overflow: visible;
}
.gm-style-iw>div,.gm-style-iw>div>div{
    overflow: visible;
}
.gm-style>div:not(:nth-child(1)){
    display:none;
}
#absolute{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
}
.map_form{
    width: 100%;
    height: auto;
    display: table;
    position: relative;
    z-index: 4;
    top: -35vh;
    padding: 60px 0px;
    background: rgb(51, 51, 51);
    box-shadow: 0px -7px 15px rgba(51, 51, 51, 0.35);
    margin-bottom: -25vh;
}
.map_form>h3,
.txt_h3{
    margin: auto auto 0px auto;
    text-align: center;
    color: #fff;
    font: 900 30px 'roboto';
    letter-spacing: 1px;
    text-transform: uppercase;
}
.txt_h3>span,
.map_form>h3>span{
    display: block;
    width: 80px;
    height: 2px;
    background: #f74a49;
    margin: 10px auto;
    
}
.map_form>p,
.txt_s3{
    width: 90%;
    max-width: 980px;
    font: 300 20px 'roboto';
    letter-spacing: 2px;
    text-align: center;
    margin: 20px auto 0px auto;
    color: #fff;
    opacity: .75;
}
.map_input{
    width: 90%;
    max-width: 720px;
    height: auto;
    display: table;
    margin: 10px auto auto auto;
}
.map_input input,
.map_input textarea{
    width: 100%;
    height: auto;
    float: left;
    clear: both;
    padding: 10px 0px;
    text-align: center;
    text-align: center;
    font: 300 16px 'roboto';
    border: none;
    background: transparent;
    color: #fff;
    outline: none;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
.map_input textarea{
    max-height: 120px;
    resize: vertical;
}
.map_input textarea:focus,
.map_input textarea:hover,
.map_input input:focus,
.map_input input:hover{
    border-color: #ffffff;
}

.map_submit{
    width: 100%;
    height: 50px;
    float: left;
    margin-top: 20px;
    cursor: pointer;
}
.map_submit>div{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
    background: #e22f2d;
}
.map_submit>span{
    width: 100%;
    height: auto;
    display: block;
    text-align: center;
    color: #fff;
    float: left;
    position: relative;
    z-index: 1;
    margin-top: -38px;
    font: 900 20px 'roboto';
    text-transform: uppercase;
    letter-spacing: 2px;
}
.map_submit:hover>div{
    transform: scale(.3,1);
    background: #f74a49;
}
/*footer*/
.footer{
    width: 100%;
    height: 200px;
    background: #2c2c2c;
    position: relative;
    z-index: 5;
    box-shadow: inset 0px 3px 7px rgba(0, 0, 0, 0.05);
}

.ft_logo{
    width: 200px;
    height: auto;
    margin: 50px auto 0px;
}
.ft_logo img{
    width: 100%;
    padding: 25px 0px;
}
.ft_text{
    width: 200px;
    height: auto;
    margin: auto;
    color: #fff;
    font: 300 12px 'roboto';
}
.ft_text>strong,
.ft_text>span{
    display: block;
    width: 100%;
    height: auto;
    float: left;
    margin-top: 2px;
}
.ft_text>span{
    opacity: .75;
}
.soscial{
    width: 155px;
    height: auto;
    display: table;
    margin: auto;
    padding-left: 45px;
    cursor: pointer;
}
.href_sos{
    width: calc(100% - 50px);
    padding-right: 50px;
    display: block;
    float: right;
    color: #fff;
    font: 300 12px 'roboto';
    letter-spacing: 2px;
    padding: 10px 0px;
    
}
.href_sos:nth-child(1){
    background: url(../img/social.png)no-repeat 100% 0px /auto
}
.href_sos:nth-child(2){
    background: url(../img/social.png)no-repeat 100% -40px /auto
}
.href_sos:nth-child(3){
    background: url(../img/social.png)no-repeat 100% -80px /auto
}
/*autor*/
.autor{
    width: 100%;
    height: 40px;
    float: left;
    background:url(../img/upp_b.png)no-repeat center/auto, #333333;
    cursor: pointer;
    position: relative;
    z-index: 100;
    box-shadow: 0px -3px 7px rgba(0, 0, 0, 0.05);
}
/*venta*/
.v_anich{
   width: 100%;
   height: auto;
   min-height: 100vh;
   float: left;
   display: table;
}
.v_img{
    width: 100%;
    height: 400px;
    overflow: hidden;
    background: url(../img/banner.jpg)center/cover;
}
.v_img_1{
    background: url(../img/banner_2.jpg)center/cover;
}
.v_img>div{
    width: 100%;
    height: 100%;
    margin-top: 1px;
    float: left;
    background: url(../img/gradiel.svg)repeat-x bottom/contain;
    
}
.v_box{
    width: 100%;
    height: auto;
    display: table;
    padding: 80px 0px;
    margin-top: -300px;
}
.team{
    width: auto;
    height: auto;
    max-width: 1080px;
    display: table;
    float: none;
    margin: 0px auto;
}
.team_pj{
    width: 200px;
    height: 480px;
    float: left;
    margin: 10px;
    background: #fff;
    overflow: hidden;
    color: #333333;
    border-bottom: 2px solid #e22f2d;
}
.team_pj>img{
    width: 200px;
    height: 200px;
    object-fit: cover;
    float: left;
}
.team_pj>div{
    width: 100%;
    height: calc(100% - 200px);
    float: left;
    background: url(../img/team.png)no-repeat 50% -70px/auto;
}
.team_name{
    width: 90%;
    margin: 30px auto 0px auto;
    font: 300 20px 'roboto';
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;

}
.team_car{
    width: 90%;
    color: #fff;
    text-align: center;
    margin: 0px auto auto auto;
    font: 300 12px 'roboto';
    letter-spacing: 1px;
    text-transform: uppercase;
}
.team_pj{
    box-shadow: 0px 7px 0px rgba(0, 0, 0, 0);
}
.team_pj:hover{
    box-shadow: 0px 7px 60px rgba(0, 0, 0, 0.35);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.mod_1{
    padding: 70px 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.group_team{
    width: 90%;
    height: auto;
    display: table;
    margin: auto auto 10px auto;
}
.team_call{
    width: 100%;
    display: block;
    font: 300 14px 'roboto';
}
/*mod*/
.mod_2{
    height: auto;
}
/* responsive */
/*service */
.ser_0{
    width: 140px;
    height: 170px;
    float: left;
    margin: auto;
    padding: 0px 20px;
}
.ser_0>div{
    width: 100%;
    height: 50px;
    float: left;
}
.ser_0>div>img{
    display: block;
    margin: 0px auto;
}
.ser_0>p{
    width: 100%;
    padding: 20px 0px;
    margin-top: 10px;
    float: left;
    color: #fff;
    font: 300 14px 'roboto';
    letter-spacing: 2px;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
}
#pulso{
	padding: 0px !important;
}
.n_5{
    border-left: none !important;
    /*
    -webkit-animation: pulso 1.5s infinite alternate;
	animation: pulso 1.5s infinite alternate;
    */
}
/*
.n_5 .publica{
    width: 100%;
    height: 200px;
    position: absolute;
    background: #ffffff;
    left: 0px;
    top: 85px;
    transition: .4s ease all;
    opacity: 0;
    border-right: 2px solid #e22f2d;
    display: flex;
    transform: translateY(-100px);
}

.n_5:hover .publica{
    opacity: 1;
    transform: translateY(0px);
}
*/
.n_5 .publica span{
    color: black !important;
    margin: auto;
}
.vendida {
	width: 100px;
	height: 100px;
	overflow: hidden;
	display: block;
    position: absolute;
    top:0px;
    left: 0px;
}
.vendida span{
	width: 120px;
	background-color: #f74a49;
    color: #fff;
	display: block;
	padding: 10px 50px;
	position: relative;
	left: -80px;
    top: 10px;
    text-align: center;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.35);
    font-size: 14px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/* select */
.hr{
	width: 100%;
	height: 2px;
	background: rgba(255, 255, 255, 0.75);
	float: left;
}
.select{
	width: 50%;
	height: 100%;
	float: left;
	position: relative;
	z-index: 2;
}
.select .sel-group{
	width: 100%;
    /* mod
	height: 73px;
    */
    height: 50px;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: .4s ease all;
	-moz-transition: .4s ease all;
	-ms-transition: .4s ease all;
	transition: .4s ease all;
	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
}
#sel-1:checked ~ #g-1 .sel-0,
#sel-2:checked ~ #g-1 .sel-0{
    box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
#sel-1:checked ~ #g-1 .sel-group,
#sel-2:checked ~ #g-1 .sel-group{
	height: 180px;
	position: relative;
	-webkit-transform: translateY(-180px);
	-moz-transform: translateY(-180px);
	-ms-transform: translateY(-180px);
	transform: translateY(-180px);
}
#sel-1:checked ~ #g-1 .sel-0,
#sel-1:checked ~ #g-1 .sel-1,
#sel-1:checked ~ #g-1 .sel-2,
#sel-2:checked ~ #g-1 .sel-0,
#sel-2:checked ~ #g-1 .sel-1,
#sel-2:checked ~ #g-1 .sel-2{
	background-color: rgba(74, 74, 74, 0.90);
	-webkit-transition-delay: .05s;
	-moz-transition-delay: .05s;
	-ms-transition-delay: .05s;
	transition-delay: .05s;
}
#sel-1:checked ~ #g-1 .sel-0,
#sel-2:checked ~ #g-1 .sel-0{
    background-position: -50px 0px;
}
#sel-1:checked ~ #g-1 .sel-1,
#sel-2:checked ~ #g-1 .sel-1{
	-webkit-transition-delay: .0s !important;
	-moz-transition-delay: .0s !important;
	-ms-transition-delay: .0s !important;
	transition-delay: .0s !important;
}
.select .sel-1:hover,
.select .sel-2:hover,
.select .sel-3:hover,
.select .sel-4:hover,
.select .sel-5:hover{
	-webkit-transition-delay: 0s !important;
	-moz-transition-delay: 0s !important;
	-ms-transition-delay: 0s !important;
	transition-delay: 0s !important;
	background-color: rgb(56, 56, 56) !important;
}
#sel-1:checked ~ #g-1 .sel-0,
#sel-2:checked ~ #g-1 .sel-0{
	background-color: #2AC493 !important;
    border-color: transparent !important;
}
#g-1 .sel-1{
    background-position:10px 0px;
}
#g-1 .sel-2{
    background-position:10px -50px;
}
#g-1 .sel-3{
    background-position:10px -100px;
}
.sel-0,.sel-1,.sel-2{
	position: relative;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
}
.sel-0{
    width: 230px;
	z-index: 5;
}
.sel-1{
	z-index: 4;
}
.sel-2{
	z-index: 3;
}
.sel-3{
	z-index: 2;
}
.sel-4{
	z-index: 1;
}
.sel-5{
	z-index: 0;
}
.select .sel-box{
	width: 100%;
    height: 60px;
	float: left;
	cursor: pointer;
	display:-webkit-box;
    	display:-ms-flexbox;
    	display:-webkit-flex;
    	display:flex;
    position: relative;
    overflow: hidden;
    /*
    background: url(../img/select.png)no-repeat 10px 0px/auto,rgba(98, 98, 98, 0.00);
    */
	-webkit-transition: .4s ease all;
	-moz-transition: .4s ease all;
	-ms-transition: .4s ease all;
	transition: .4s ease all;
}
.select .sel-0 {
    background-color: #2AC493 !important;
    background-position: -50px 0px;
    box-shadow: 0px 0px 15px rgba(23, 164, 111, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.0);
    border-bottom: none;
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    -ms-transition: .4s ease all;
    transition: .4s ease all;
}
.select .sel-0:hover{
    border-color: rgba(255, 255, 255, 0.90);
}
.select .sel-0:before{
    width: 50px;
    height: 50px;
    position: absolute;
    left: -25px;
    top: -25px;
    content: '';
    display: block;
    background: #CC110E;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    display: none;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#g-2 .sel-0{
    border-left: 1px solid rgba(255, 255, 255, 0.05);
}
.select .sel-box span{
	margin: auto;
	text-align: center;
    font: 900 16px 'roboto';
    color: #efefef;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.block{
	width: 100%;
	
}
/* parte goo */
.goo{
	width: 120px;
	height: 240px;
	position: fixed;
	z-index: 12;
	top: calc(50% - 125px);
    /*
	left: 0px;
    */
    right: 0px;

}
/* modificaciones menu */
#g-1 .sel-0{
    border: none;
}
#g-1 .sel-box{
    width: calc(100% / 4)!important;
}
.select .sel-group,
.o_select_0{
    height: 60px;
}
.sel-group{
    background: rgba(74, 74, 74, 0.90)!important;
}
.sel-box{
    position: relative;
}
.sel-box span{
    position: relative;
    z-index: 1;
}
.sel-box .hover{
    position: absolute;
    width: 100%;
    z-index: 0;
    height: 100%;
    opacity: 0;
    top: 0px;
    left: 0px;
}
.sel-box:hover .hover{
    opacity: 1;
}
.sel-box .p-1,
.sel-box .p-2,
.sel-box .p-3{
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    -ms-transition: .4s ease all;
    transition: .4s ease all;
}
.sel-box .p-1{
    background: url(../img/p-1.jpg)no-repeat center/cover;
}
.sel-box .p-2{
    background: url(../img/p-2.jpg)no-repeat center/cover;
}
.sel-box .p-3{
    background: url(../img/p-3.jpg)no-repeat center/cover;
}
/* fin de las modificaciones */

.goo .gooBlock{
	width: 100%;
	height: 50%;
	cursor: pointer;
	opacity: .75;
	position: relative;
	-webkit-transform-origin: right;
		-ms-transform-origin: right;
			transform-origin: right;
	-webkit-transition: .4s ease all;
			transition: .4s ease all;
}
.goo .gooBlock:hover{
	-webkit-transform: scale(1.1) translateX(0px);
		-ms-transform: scale(1.1) translateX(0px);
			transform: scale(1.1) translateX(0px);
	z-index: 1;
}
.goo .link1,
.goo .link2{
	width: 100%;
	height: 100%;
	float: right;
	position: relative;
	z-index: 1;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 1);
}
.goo .link1{
	background: url('http://www.anichpro.cl/require/img/arriendosrancagua.png')no-repeat center/contain, rgba(255, 109, 0, 1);
}
.goo .link2{
	background: url('http://www.arriendosrancagua.cl/require/img/senna.png')no-repeat center/contain, #425a98;
}
.goo .gooBlock:hover{
    opacity: 1;
}
.goo .gooBlock:hover .link1,
.goo .gooBlock:hover .link2{
	box-shadow: 0px 7px 35px rgba(0, 0, 0, 0.30);
}
.goo .txt{
	width: 250px;
	height: 100%;
	position: relative;
	float: left;
	z-index: 0;
	margin: 00px 0px 0px -250px;
	background-color: #ffffff!important;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	box-shadow: -7px 0px 35px rgba(0, 0, 0, 0.30);
}
.goo .go2 p{
    position: relative !important;
    top: -10px !important;
    font-size: 16px !important;
}
.goo .txt > * {
	width: 90%;
	margin: auto;
	display: table;
	text-align: center;
	color: #868686;
	font: 300 14px 'roboto';
}
.go1 p,
.go2 p{
	text-align: right !important;
}
.goo .txt{
-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
		transform: translateX(100%);
opacity: 0;
-webkit-transition: .4s ease all;
		transition: .4s ease all;
}
.goo .gooBlock:hover .txt{
	-webkit-transform: translateX(00%);
		-ms-transform: translateX(00%);
			transform: translateX(00%);
	opacity: 1;
}
.goo .go2{
	background:  url('http://www.arriendosrancagua.cl/require/img/senna.jpg')no-repeat 0px 50%/contain;
}
.goo .go1{
	background:  url('http://www.anichpro.cl/require/img/anich.jpg')no-repeat 0px 50%/contain;
}
/* go senna */
.goSenna{
	width: 80px;
	height: 80px;
	position: absolute;
	float: left;
	background: rgba(0, 59, 91, 0.79);
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	outline: 1px solid rgba(255, 255, 255, 0.19);
	outline-offset: -6px;
	box-shadow: -3px 0px 30px rgba(0, 0, 0, 0.25);
	top: calc(50% - 40px);
	left: 520px;
}
.goSenna,
.goSenna div{
	-webkit-transition: .4s ease all;
	        transition: .4s ease all;
}
.goSenna:hover{
	-webkit-transform: rotate(0deg) scale(.8);
	    -ms-transform: rotate(0deg) scale(.8);
	        transform: rotate(0deg) scale(.8);
}
.goSenna:hover div{
	-webkit-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	        transform: rotate(0deg);
}
.goSenna div{
	width: 100%;
	height: 100%;
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	background: url(../img/view.png)no-repeat center/auto;
	cursor: pointer;
}
/* administracion */
.admin .v_img{
    height: 100vh;
}
.admin .v_box{
    width: 100%;
    height: 100vh;
    float: left;
    margin-top: -100vh;
    display: flex;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap
}
.admin .txt_h3 span{
    width: 292px;
    background: #CC110E !important;
}
.admin .txt_h3{
    margin: auto;
    position: relative;
}
.admin .txt_h3 span:nth-child(2){
    margin-top: -10px;
    position: relative;
}
.admin .txt_h3 strong{
    width: 100%;
    display: block;
    float: none;
    clear: both;
    text-align: center;
}
.admin .txt_h3 strong:nth-child(3){
    opacity: .75;
    font-weight: 300 !important;
    font-size: 40px;
}
.admin .txt_h3 strong:nth-child(4){
    margin-top: -10px;
    font-size: 40px;
}
.admin .txt_s3 img{
    margin: 0px 10px -10px;
}
.admin .txt_s3{
    width: 100%;
    opacity: 1;
    text-align: left;
}
.admin .group{
    width: auto;
    margin: 0px auto auto auto;
    float: left;
}
/* team */
 .min{
    font-weight: 300;
    background: transparent !important;
}
.admin .txt_h3{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.admin .txt_h3 strong:nth-child(4){
    position: relative;
    left: 106px;
}
.admin .txt_h3 .min{
    position: relative;
    left: -183px;
}
.admin .txt_h3 span:nth-child(2){
    opacity: 0;
}
.admin .txt_h3 span:nth-child(5){
    position: relative;
    left: 105px;
    width: 340px;
}
/* ejemplo */
.data{
    width: calc(100% - 2px);
    height: 40px;
    position: absolute;
    bottom: 0px;
    background: rgba(51, 51, 51, 0.75);
    left: 0px;
    border-left: 2px solid #e22f2d;
}
.url img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.url{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
}
.data div{
    width: 100%;
    font-size: 11px;
    float: left;
    clear: both;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    opacity: .8;

}
.data div:nth-child(1){
    margin-top: 7px;
}
.swiper-cube-shadow{
    display: none;
}
/* team */
.admin .v_box{
    padding: 0px 0px 0px;
}
.data-block{
    width: 90%;
    max-width: 980px;
    font: 300 20px 'roboto';
    letter-spacing: 2px;
    text-align: center;
    margin: 20px auto 0px auto;
    color: #fff;
    opacity: .75;
}
.icon-group{
    width: auto;
    height: auto;
    margin: auto;
    float: none;
    clear: both;
    padding: 50px 0px;
    display: table;
}
.icon-group .block{
    width: 140px;
    height: auto;
    float: left;
    padding: 0px 20px;
}
.icon-group .block img{
    width: 100px;
    height: auto;
    float: left;
    clear: both;
    display: block;
    margin: 0px 20px;
}
.icon-group .block p{
    padding: 20px 0px;
    margin-top: 10px;
    float: left;
    color: #fff;
    font: 300 14px 'roboto';
    letter-spacing: 2px;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
}
/* mega change */
#g-1{
    width: 100%;
}
#add-filter{
    width: 100%;  
    height: 180px;
    position: absolute;
    top: -120px;
    opacity: 0;
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    -ms-transition: .4s ease all;
    transition: .4s ease all;
}
#add-filter .sel-box{
    width: 100% !important;
}
#sel-2:checked ~ #g-1 #add-filter{
    width: 100%;
    left: 0%;
    opacity: 1;
    transition-delay: 1s;
}
#add-filter .sel-1,
#add-filter .sel-2,
#add-filter .sel-3{
    background-position: 0px -150px;
}
#g-1 [for="sel-3"] .sel-1{
    background: #17A46F;
}
#g-1 [for="sel-3"] .sel-2{
    background: rgba(23, 164, 111, 0.75) !important;
}
#g-1 [for="sel-3"] .sel-3{
    background: rgba(23, 164, 111, 0.50) !important;
}
.sel-1 span,
.sel-2 span,
.sel-3 span{
    font-size: 14px !important;
}
/* reload */
.reload{
    opacity: 0;
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    -ms-transition: .4s ease all;
    transition: .4s ease all;
    -webkit-transform-origin: bottom;
    -webkit-transform: scale(.9) translateY(50px);
    -moz-transform-origin: bottom;
    -moz-transform: scale(.9) translateY(50px);
    -ms-transform-origin: bottom;
    -ms-transform: scale(.9) translateY(50px);
    transform-origin: bottom;
    transform: scale(.9) translateY(50px);
}
/* form button */
#f-submit{
    display: none !important;
}
.f-group{
    width: 100%;
    height: auto;
    float: left;
    clear: both;
    display: flex;
    padding: 20px 0px 0px;
}
.f-group label{
    display: block;
    width: 180px;
    height: 50px;
    margin: auto;
}
.f-button{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.20);
    outline: 1px solid rgba(255, 255, 255, 0.05);
    display: flex;
    cursor: pointer;
    -webkit-transition: .4s ease all;
    -webkit-transform: scale(.9);
    -moz-transition: .4s ease all;
    -moz-transform: scale(.9);
    -ms-transition: .4s ease all;
    -ms-transform: scale(.9);
    transition: .4s ease all;
    transform: scale(.9);
}
.f-button span{
    font: 900 14px 'roboto';
    letter-spacing: 1px;
    opacity: .75;
    color: #fff;
    margin: auto;
    text-transform: uppercase;
}
#use1:checked ~ .f-group [for="use1"] .f-button,
#use2:checked ~ .f-group [for="use2"] .f-button,
#use3:checked ~ .f-group [for="use3"] .f-button{
    background: #e22f2d;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
/* componente spon */
.loadExit{
    width: 40px;
    height: 40px;
    position: absolute;
    left: calc(100% - 40px);
    top: 0px;
    box-shadow: -0px 0px 0px rgba(0, 0, 0, 0.00);
    background: url(http://www.arriendosrancagua.cl/require/img/x.png)no-repeat center/auto,rgba(255, 109, 0, 0.90);
    cursor: pointer;
	z-index: 20;
}
.loadExit:hover{
    box-shadow: -3px 3px 12px rgba(0, 0, 0, 0.20)
}
#spon{
	width: 300px;
	height: 420px;
	position: fixed;
	z-index: 100;
	background: #ffffff;
	box-shadow: 7px 0px 30px rgba(0, 0, 0, 0.35),
				15px 0px 50px rgba(0, 0, 0, 0.35);
	top:calc(50% - 190px);
	-webkit-transition: .7s ease all;
	        transition: .7s ease all;
}
#spon .sponImg{
	width: 100%;
	height: 250px;
	float: left;
}
#spon .sponImg img{
	width: 100%;
}
#spon .sponText{
	width: 100%;
	float: left;
	height: calc(100% - 250px);
}
#spon .sponText,
#spon .sponText >div,
#spon .sponText:before{
	background: #ffffff;
}
#spon .sponText >div{
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
	z-index: 1;
}
#spon .sponText:before{
	content: '';
	display: block;
	width: 100%;
	height: 50px;
	float: left;
	-webkit-transform: skewY(-10deg);
	    -ms-transform: skewY(-10deg);
	        transform: skewY(-10deg);
	position: relative;
	margin-bottom: -50px;
	top: -25px;
	box-shadow: 0px -3px 7px rgba(0, 0, 0, 0.35);
	border-top: 4px solid #FF6D00;
}
#spon .sponTitle{
	width: 80%;
	text-align: right;
	text-transform: uppercase;
	margin: 0px 10% 0px;
	font: 900 16px 'roboto';
	letter-spacing: 1px;
	color: #ff6d00;
}
#spon .sponTitle:after{
	content: '';
	display: block;
	float: right;
	width: 100%;
	height: 2px;
	margin: 10px 0px 0px 0px;
	box-shadow: inset -250px 0px 150px -100px rgba(255, 109, 0, 0.6);
}
#spon .sponTxt{
	width: 80%;
	height: 100px;
	float: left;
	margin: 20px 10% 0px;
	text-align: right;
	color: #868686;
	font: 300 16px 'roboto';
}
#spon .sponLink{
	width: 45%;
	float: left;
	height: 19px;
	text-align: center;
	background: #FF6D00;
	color: #fff;
	font: 900 14px 'roboto';
	padding: 5px 0px;
	position: relative;
	top: -17px;
	box-shadow: 3px 0px 15px rgba(0, 0, 0, 0.35);
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#spon .sponLink:after,
#spon .sponLink:before{
	content: '';
	display: block;
	width: 5px;
	height: 29px;
	float: right;
	background: rgba(255, 109, 0, 0.75);
	position: relative;
	top: -5px;
	left: 15px;
	box-shadow: 3px 0px 15px rgba(0, 0, 0, 0.35);
	-webkit-transition: .3s ease all;
	        transition: .3s ease all;
}
#spon .sponLink:before{
	background: rgba(255, 109, 0, 0.5);
	left: 20px;
}
#spon:hover .sponLink:after,
#spon:hover .sponLink:before{
	background: rgba(255, 109, 0, 1);
}
#spon:hover .sponLink:after{
	height: 15px;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	top: -3.5px;
	left: 20px;
}
#spon:hover .sponLink:before{
	height: 16px;
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	top: 5px;
	left: 15px;
}
#actSpon~#spon{
	-webkit-transform: translateX(-100%) scale(.8);
	    -ms-transform: translateX(-100%) scale(.8);
	        transform: translateX(-100%) scale(.8);
	-webkit-transform-origin: left;
	    -ms-transform-origin: left;
	        transform-origin: left;
	opacity: 0;
}
#actSpon:checked~#spon{
	-webkit-transform: translateX(0%) scale(1);
	    -ms-transform: translateX(0%) scale(1);
	        transform: translateX(0%) scale(1);
	opacity: 1;
}
#back{
	top: 161px;
    font-size: 14px;
    background: rgba(51, 51, 51, 0.36);
    text-transform: uppercase;
    cursor: pointer;
}
#back span{
	font-size: 30px;
    transform: scale(1.35,1);
    display: block;
    padding: 0px 5px;
}
@-webkit-keyframes pulso {
    from {
		opacity: 1;
	}
    to {
		opacity: .75;
	}
} 
@keyframes pulso {
 	from {
		opacity: 1;
	}
    to {
		opacity: .75;
	}
} 
@media screen and (max-width: 1400px){
    .in_img_1{
        width: 400px;
    }
    .img_into{
        width: 350px;
        height: 600px;
        top: calc(100% - 600px);
        left: calc(40% - 500px);
    }
}
@media screen and (max-width: 1150px){
    .th_data{
        width: 320px;
    }
}
@media screen and (max-width: 1080px){
    .in_img_1{
        width: 400px;
        position: relative;
        left: 15px;
    }
    .img_into{
        width: 350px;
        height: 600px;
        top: calc(100% - 600px);
        left: calc(40% - 500px);
    }
    
}
@media screen and (max-width: 1000px){
    .preview{
        display: none;
    }
}
@media screen and (max-width: 959px){
    .note{
        height: 200px;
    }
    .th_data{
        width: calc(100% - 340px);
    }
    .swiper-container{
        width: 100%;
    }
    .team{
        max-width: 361px;
    }
    .h_nav{
        display: none;
    }
    .label_mim{
        display: block;
    }
    .img_into{
        width: 300px;        
    }
    .in_img_1{
        width: 350px;
    }
    #slide_1:checked~.slide_1>.txt_into .in_img_1{
         -webkit-transform: translateX(-10px);
            -moz-transform: translateX(-10px);
             -ms-transform: translateX(-10px);
                 transform: translateX(-10px);
    }
    #slide_1:checked~.slide_1>.img_into{
        -webkit-transform: scale(1) translate(260px,0px);
        -moz-transform: scale(1) translate(260px,0px);
        -ms-transform: scale(1) translate(260px,0px);
        transform: scale(1) translate(260px,0px);
    }
     .admin .txt_h3 strong{
        display: table;
        width: auto;
    }
    .admin .txt_h3 strong:nth-child(4){
        left: 182px;
    }
    .admin .txt_h3 .min{
        left: -180px;
    }
   
}
@media screen and (max-width : 900px){
    .icon-group{
            width: 370px;
    }
}
@media screen and (max-width: 800px){
    .alert_sus{
        display: none;
    }
    
}
@media screen and (max-width: 735px){
    .admin .txt_h3 strong:nth-child(4),
    .admin .txt_h3 .min{
        left: 0px;
    }
    .admin .txt_h3{
        width: auto;
        padding: 0px;
        margin: auto;
    }
    .admin .txt_h3 * {
        width: 100%;
        font-size: 20px;
        text-align: center;
    }
    .admin .txt_h3 span:nth-child(5){
        left: 0px;
    }
    .admin .group{
        width: 80%;
    }
    .admin .txt_h3 strong:nth-child(3),
    .admin .txt_h3 strong:nth-child(4), .admin .txt_h3 .min{
        width: 100%;
        text-align: center;
        font-size: 25px;
    }
    .admin .txt_h3 strong:nth-child(4){
        line-height: 25px;
        margin-top: -5px;
    }
    .admin .txt_h3 span:nth-child(5){
        width: 120px;
    }
    .img_into>img{
        top:0px;
        left:0px;
    }
}
@media screen and (max-width: 700px){
    .s_txt_2{
        width: 100%;
        height: 45px;
    }
    .part_2{
        height: auto;
        display: table;
    }
    .n_line_2{
        display: none;
    }
	.s2_3{
		margin-bottom: 30px;
	}
    .th_data{
        display: none;
    }
    
}
@media screen and (max-width: 660px){
    #spon{
        display: none;
    }
    .goo{
        display: none;
    }
    .min_nav{
        display:-webkit-box;
    	display:-ms-flexbox;
    	display:-webkit-flex;
    	display:flex;
    }
    .note{
        height: 200px;
    }
    .th_data{
        width: 80%;
        left: 10%;
        margin-left: 0px;
        position: relative;
        text-align: center;
    }
    .th_address{
        width: 100%;
        background: transparent;
    }
    .th_profile{
        display: none;
    }
    .th_price_grand{
        width: 100%;
        left: 0px;
        text-align: center;
        top: 0px;
        border: none;
        padding:4px 0px;
        top: 91px;
        font-size: 20px;
        width: auto;
        padding: 5px 10px;
        border-right: 2px solid red;
    }
    .h_logo{
        width: 180px;
        transform: scale(.9) translateX(-20px);
        -webkit-transform: scale(.9) translateX(-20px);
        -moz-transform: scale(.9) translateX(-20px);
        -ms-transform: scale(.9) translateX(-20px);
    }
    .footer{
        height: 300px;
    }
    .ft_logo{
        order:3;
    }
	#back{
		top: 127px;
	}
}
@media screen and (max-width: 560px){
    .f-group{
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap
    }
    #g-1 .sel-0{
        display: none !important;
    }
    #g-1 [for="sel-3"] .sel-box {
        width: calc(100% / 3)!important;
    }
}
@media screen and (max-width: 500px){
    .select .sel-0 span{
        font-size: 13px !important;    
    }
    .sel-1 span, 
    .sel-2 span, 
    .sel-3 span{
        font-size: 10px !important;    
    }
    .team{
        width: 179px;
    }
    .img_into{
        width: 250px;
        height: auto;
        display: none;
        left: calc(50% - 125px);
    }
    .txt_into{
        background: transparent;
        box-shadow: none;
        left: 0px;
        width: 100%;
        z-index: 10;
    }
    #slide_1:checked~.slide_1>.txt_into .in_img_1{
        top: -40px;
        -webkit-transform: translate(50px,0px);
        -moz-transform: translate(50px,0px);
        -ms-transform: translate(50px,0px);
        transform: translate(50px,0px);
    }
    #slide_1:checked~.slide_1>.img_into {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
    }
    .admin .txt_h3 strong:nth-child(3),
    .admin .txt_h3 strong:nth-child(4), 
    .admin .txt_h3 .min{
        font-weight: 900 !important;
        font-size: 20px;
        opacity: 1 !important;
        color: #fff !important;
    }
}
@media screen and (max-width: 414px){
    .icon-group{
            width: 180px !important;
    }
    .theme_1{
        width: 100%;
    }
    .s_txt_2{
        width: 100%;
        height: 40px;
    }
    .footer{
        height: 420px;
    }
    .ft_text{
        text-align: center;
    }
    .soscial{
        margin: 20px auto;
    }
    .href_sos{
        float: left;
        margin-left: 10px;
    }
    .img_into{
        width: 150px;
        top: calc(50% - 150px);
        left: calc(50% - 75px);
    }
    .in_img_1{
        width: 90%;
        left: 5%;
        opacity: 0;
    }
     #slide_1:checked~.slide_1>.txt_into .in_img_1{
        opacity: 1;
        -webkit-transform: translate(0px,50px);
        -moz-transform: translate(0px,50px);
        -ms-transform: translate(0px,50px);
        transform: translate(0px,50px);
    }
    
}
@media screen and (max-width: 390px){
    .admin .txt_h3 strong:nth-child(3),
    .admin .txt_h3 strong:nth-child(4), 
    .admin .txt_h3 .min{
        font-size: 18px;
    }
    body{
        overflow-x: hidden;
    }
}
@media screen and (max-width: 340px){
    .admin .txt_h3 strong:nth-child(3),
    .admin .txt_h3 strong:nth-child(4), 
    .admin .txt_h3 .min{
        font-size: 14px;
        letter-spacing: 0px;
    }
}