:root {
--primary-color: #018ccc;
--primary-color-hover: #006898;
--second-color: black;
--primary-text-size: 20px;
}
*{
padding: 0;
margin: 0;
}
body{
font-family: 'Roboto', sans-serif;
font-weight: lighter;
background: white;
color:#000;
}
.f-right{
float: right !important;
}
.f-left{
float: left !important;
}
.no-hover:hover{
color: #fff !important;
}
#this-moment {display:inline-block}
#this-moment:first-letter{
text-transform: uppercase;
}
/***********MODALS*********/
.modal-content{
background: white;
color: #707070;
}
.title_item a {
color: #000;
}
.color-brand{
color: #018ccc !important;
}
.recomendados .salida {
font-weight: 300;
}
#collapse_adj a.active:before{
content: '';
height: 5px;
width: 5px;
background: white;
position: absolute;
left: 28px;
top: 17px;
border-radius: 50%;
/* margin-top: 15px; */
}
form#password_recovery label{
font-weight: 100;
font-size: 12px;
}
form#password_recovery input{
margin: 10px 0;
background: rgba(0,0,0,.1);
}
.modal-content input.form-control{
background: rgba(255,255,255,.6);
border-radius: 0;
}
.modal-header{
font-size: 20px;
font-weight: bold;
}
#modalCheckBasesFicha {
background: transparent none repeat scroll 0 0;
margin: 40px auto;
max-width: 600px;
padding: 0;
position: relative;
text-align: left;
}
#modalCheckBasesFicha label {
display: flex;
align-items: flex-end;
justify-content: center;
}
#modalCheckBasesFicha label > input {
position: relative;
}
/* Checkboxs terminos y condiciones Newsletter */
.check_term.box label{
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 100%;
margin-top: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.check_term.box label input{
width: auto;
margin-right: 10px;
height: 13px;
}
.check_term box label span a{
color: #555;
font-size: 14px;
}
/****************ANIMACIONES****************/
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); }
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); }
}
@-webkit-keyframes explotion{
0%{
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
100%{
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
}
}
@keyframes explotion{
0%{
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
100%{
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
}
}
@-webkit-keyframes shake {
10%, 90% {
-webkit-transform: translate3d(-1px, 0, 0);
transform: translate3d(-1px, 0, 0);
}
20%, 80% {
-webkit-transform: translate3d(2px, 0, 0);
transform: translate3d(2px, 0, 0);
}
30%, 50%, 70% {
-webkit-transform: translate3d(-4px, 0, 0);
transform: translate3d(-4px, 0, 0);
}
40%, 60% {
-webkit-transform: translate3d(4px, 0, 0);
transform: translate3d(4px, 0, 0);
}
}
@keyframes shake {
10%, 90% {
-webkit-transform: translate3d(-1px, 0, 0);
transform: translate3d(-1px, 0, 0);
}
20%, 80% {
-webkit-transform: translate3d(2px, 0, 0);
transform: translate3d(2px, 0, 0);
}
30%, 50%, 70% {
-webkit-transform: translate3d(-4px, 0, 0);
transform: translate3d(-4px, 0, 0);
}
40%, 60% {
-webkit-transform: translate3d(4px, 0, 0);
transform: translate3d(4px, 0, 0);
}
}
.animatioShaker{
-webkit-animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
}
@-webkit-keyframes pulse {
0% {
background-color: rgba(165, 165, 165, 0.1)
}
50% {
background-color: rgba(165, 165, 165, 0.3)
}
100% {
background-color: rgba(165, 165, 165, 0.1)
}
}
@keyframes pulse {
0% {
background-color: rgba(165, 165, 165, 0.1)
}
50% {
background-color: rgba(165, 165, 165, 0.3)
}
100% {
background-color: rgba(165, 165, 165, 0.1)
}
}
@keyframes pulseRed {
0% {
transform: scale(1);
opacity: 1
}
100% {
transform: scale(1.5);
opacity: 0
}
}
.animationPulseRed {
-webkit-animation-name: pulseRed;
animation-name: pulseRed;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.lds-ellipsis {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
top: 40%;
}
.lds-ellipsis div {
position: absolute;
top: 27px;
width: 11px;
height: 11px;
border-radius: 50%;
background:#414145;
-webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
left: 6px;
-webkit-animation: lds-ellipsis1 0.6s infinite;
animation: lds-ellipsis1 0.6s infinite;
}
.d-inline-flex{
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.link-lang{
margin: 0 5px;
}
.link-lang.active{
font-weight: bold;
}
.lds-ellipsis div:nth-child(2) {
left: 6px;
-webkit-animation: lds-ellipsis2 0.6s infinite;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
left: 26px;
-webkit-animation: lds-ellipsis2 0.6s infinite;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
left: 45px;
-webkit-animation: lds-ellipsis3 0.6s infinite;
animation: lds-ellipsis3 0.6s infinite;
}
@-webkit-keyframes lds-ellipsis1 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes lds-ellipsis1 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes lds-ellipsis3 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
}
@keyframes lds-ellipsis3 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
}
@-webkit-keyframes lds-ellipsis2 {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-webkit-transform: translate(19px, 0);
transform: translate(19px, 0);
}
}
@keyframes lds-ellipsis2 {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-webkit-transform: translate(19px, 0);
transform: translate(19px, 0);
}
}
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
/*********
*******/
a.button-principal, .home-medio-banner > div > span > a{
background: #018ccc !important;
padding: 6px 15px;
color: white;
font-weight: 500;
text-decoration: none;
border-radius: 25px;
-webkit-transition: .3s linear all;
-o-transition: .3s linear all;
transition: .3s linear all;
border-radius: 13px;
line-height: 1;
font-size: 23px;
}
a.button-principal:hover , .home-medio-banner > div > span > a:hover{
background: #006898 !important;
}
.estado-subasta{
padding: 6px;
color: white;
font-weight: 500;
text-decoration: none;
border-radius: 6px;
-webkit-transition: .3s linear all;
-o-transition: .3s linear all;
transition: .3s linear all;
border-radius: -4px;
line-height: 1;
font-size: 17px;
}
.button-proximamente{
background: #1f49ec !important;
/*margin-left: -20px;*/
}
.button-encurso{
background: #0bb325 !important;
}
.button-cerrada{
background: #000000 !important;
}
.btn-pujar-itemhome .button-principal {
border-radius: 200px;
text-align: center;
}
.d-flex{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.not-logged-text{
font-size: 40px;
padding: 40px 0;
}
.justify-content-space-between{
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-content-space-around{
-ms-flex-pack: distribute;
justify-content: space-around;
}
.justify-content-flex-end{
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.h-100{
height: 100%;
}
.w-100{
width: 100%;
}
.border-right-light{
border-right: 1px solid lightgray;
}
.d-block{
display: block;
}
.flex-wrap{
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.align-self-center{
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.text-input__loading--line {
height: 100%;
-webkit-animation: pulse 1s infinite ease-in-out;
animation: pulse 1s infinite ease-in-out;
width: 100%;
position: absolute;
}
.flex-direction-column{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.background-principal{
background: #414145;
}
.background-body{
background: #EAEAEE;
}
.background-extra{
background: #018ccc;
}
.secondary-color-text{
color: #000;
}
.button-principal:focus{
outline: none;
}
.mega-menu{
border-bottom: 1px solid #DBDBDB;
border-right: 1px solid #DBDBDB;
border-left: 1px solid #DBDBDB;
min-width: 180px;
position: absolute;
display: none;
z-index: 99;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
z-index: 3;
color: #fff;
cursor: default;
background-color: #414145;
border-color: #414145;
}
.pagination > li > a, .pagination > li > span{
color: #414145;
}
.rigth-0{
right: 0;
}
.min-height{
min-height: calc(100vh - 890px);
}
.register-success{
margin: 50px 0;
}
.btn-bid-life{
background:#b71c1c;
color: white;
padding: 5px 0;
text-align: center;
border-radius: 0px;
}
.mega-menu a{
padding: 10px 20px;
display: block;
}
.my-account{
display: block;
height: 100%;
width: 100%;
padding: 26px 30px;
cursor:pointer;
}
.button-principal{
position: relative;
height: 44px;
min-width: 132px;
z-index: 10;
border: 0;
background: #000;
padding: 0px 15px;
color: white;
font-weight: 500;
text-decoration: none;
-webkit-transition: .3s linear all;
-o-transition: .3s linear all;
transition: .3s linear all;
border-radius: 13px;;
}
.button-principal:hover, .home-medio-banner > div > span > a:hover{
background: #018ccc;
text-decoration: none;
}
a.button-principal.shadow{
-webkit-box-shadow: 0px 16px 25px rgba(0,0,0,0.7);
box-shadow: 0px 16px 25px rgba(0,0,0,0.7);
}
.no-padding{
padding: 0;
}
.color-letter,
.color-letter:hover{
color: black;
text-decoration: none;
}
.secondary-button{
background: black;
color: white;
padding: 12px 15px;
font-weight: 500;
text-decoration: none;
-webkit-transition: .1s linear all;
-o-transition: .1s linear all;
transition: .1s linear all;
border: 0;
border: 1px solid;
border-radius: 12px;
}
.secondary-button:hover{
background: #414145;
color: white;
text-decoration: none;
}
.btn_login.secondary-button{
font-size: 23px;
padding: 6px 15px;
border: 0;
}
.btn-view-lots,
.btn-info-auction{
width: 100%;
display: block;
margin: 0;
font-weight: bold;
font-size: 16px;
}
.btn-info-auction{
text-decoration: none;
}
.btn-info-auction:hover{
color: white;
text-decoration: none;
}
.background-extra-two{
background: #D2E2F2;
}
.extra-color-one{
color:#018ccc;
}
.color-page{
background: #EAEAEE;
}
.flex-display{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex-inline{
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.justify-content-center{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.align-items-center{
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.mt-45n{
/*margin-top: -45px;*/
}
.mt-5{
margin-top: 5em;
}
.mt-1{
margin-top: 1em;
}
.mt-2{
margin-top: 2em;
}
.mt-3{
margin-top: 3em;
}
.mt-4{
margin-top: 4em;
}
.flex-column{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.justify-content-end{
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.align-items-end{
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.ul-format{
list-style: none;
padding: 0;
margin: 0;
}
/********
*******/
nav{
width: 100%;
}
.menu-header .search-header-container,
.menu-header .menu-responsive,
.menu-header .logo-header,
.menu-header .menu-principal-content,
.menu-header .user-account-login{
height: 100%;
}
.menu-responsive{
text-align: left;
}
.auction-item{
-webkit-transition: .3s linear width;
-o-transition: .3s linear width;
transition: .3s linear width;
}
.menu-header{
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.menu-text{
font-size: 18px;
font-weight: 700;
height: 100%;;
}
.logo-header{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: flex-start;
}
.nav-header{
height: 60px;
border-bottom: 2px solid #000;
border-radius: 10px;
}
.menu-principal{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.logo-company{
max-width: 150px;
justify-content: flex-start;
}
.logo_footer .logo-company{
max-width: 170px;
}
.menu-principal-content{
list-style: none;
padding: 0;
height: 100%;
}
a.link-header{
font-size: 16px;
font-weight: 500;
padding: 0 15px;
position: relative;
-webkit-transition: .2s linear all;
-o-transition: .2s linear all;
transition: .2s linear all;
}
a.link-header:hover,
a.link-header:focus{
text-decoration: none;
color: #9A9A9A;
outline: none;
}
.link-header span{
position: relative;
overflow: hidden;
font-weight: 500;
}
.link-header:hover span:before{
left: 0px;
}
.link-header span:before{
-webkit-transition: .2s ease-in-out all;
-o-transition: .2s ease-in-out all;
transition: .2s ease-in-out all;
position: absolute;
width: 100%;
height: 6px;
background: #018ccc;
content: '';
opacity: .5;
bottom: 7px;
left: -100%;
z-index: 1;
top: 17px;
}
.menu-principal-content li,
.menu-principal-content li a{
height: 100%;
}
.search-header-container{
width: 90px;
position: relative;
overflow: hidden;
}
.search-header svg,
.search-header-close svg{
width: 25px;
}
.search-header-close.animation{
-webkit-animaanimation-delay: 500ms;
-webkit-animation-delay: 500ms;
animation-delay: 500ms;
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.search-header,
.search-header-close{
position: absolute;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 10;
z-index: 51;
}
.search-header-close{
left: -90px;
}
.btn_login_desktop{
font-size: 16px;
text-decoration: none;
color: #707070;
padding: 0 35px;
height: 100%;
-webkit-transition: .3s linear all;
-o-transition: .3s linear all;
transition: .3s linear all;
}
.menu-principal-search.active{
left: 0;
}
.btn_login_desktop:hover{
text-decoration: none;
color: #46494F;
}
.menu-principal{
position: relative;
overflow: hidden;
}
.menu-principal-search{
-webkit-transition: .3s ease-out all;
-o-transition: .3s ease-out all;
transition: .3s ease-out all;
position: fixed;
background: rgba(0,0,0,.9);
top: 0;
left: 0;
width: 100%;
z-index: 50;
left: -100%;
}
.close-menu-reponsive{
position: absolute;
top: 0px;
right: 15px;
font-weight: bold;
color: #9A9A9A;
}
.menu-principal.open{
left: 0;
}
.menu-principal.open .menu-principal-content{
justify-content: normal;
}
.login_desktop_content{
height: 80%;
width: 80%;
border-radius: 8px;
padding-top: 50px;;
}
.login_desktop{
position: fixed;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
top: 0;
left: 0;
z-index: 300;
background: rgba(255,255,255,.6);
}
.login_desktop_title{
font-size: 18px;
font-weight: bold;
text-align: center;
color: #000;
padding: 0 0 40px 0;
}
.closedd{
position: absolute;
left: 20px;
top: 20px;
padding: 10px;
}
.goto-register{
height: 100%;
position: relative;
}
.goto-register .img-background{
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
z-index: 0;
}
.goto-register-content{
z-index: 1;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.goto-register-content .title-register{
font-size: 35px;
color: white;
text-align: center;
font-weight: bold;
}
.goto-register-content a{
display: block;
}
.login-content-form{
padding: 45px;
border: 1px solid lightgray;
position: relative;
}
.only-login{
width: 420px;
margin: 0 auto;
}
.loadbtn{
-webkit-transition: .2s linear width, .4s linear border-radius, .4s linear background;
-o-transition: .2s linear width, .4s linear border-radius, .4s linear background;
transition: .2s linear width, .4s linear border-radius, .4s linear background;
width: 44px !important;
min-width: initial;
border-radius: 50% !important;
background: white !important;
border-bottom: 1px solid #414145 !important;
margin: 0 auto !important;
display: block !important;
color: transparent !important;
-webkit-animation: spin .8s infinite linear !important;
animation: spin .8s infinite linear !important;
-webkit-animaanimation-delay:.4s !important;
-webkit-animation-delay:.4s !important;
animation-delay:.4s !important;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.input-login-group{
height: 36px;
border: 1px solid #DEDEDE;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
border-radius: 3px;
position: relative;
}
.input-login-group i{
height: 100%;
width: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.input-login-group input{
border: 0;
border-left: 1px solid #DEDEDE;
border-radius: 0;
}
.pass_recovery_login{
font-size: 12px;
color: #DEDEDE;
margin-right: 30px;
-webkit-transition: .3s linear all;
-o-transition: .3s linear all;
transition: .3s linear all;
margin-top: 30px;
display: block;
text-align: center;
margin: 32px auto 0 auto;
}
a.pass_recovery_login{
color: #414145;
}
a.pass_recovery_login:hover{
color: #414145;
text-decoration: none;
}
.pass-login-content{
margin-top: 40px;
position: relative;
}
.login-separator{
width: 88%;
margin: 10px auto;
margin-top: 25px;
}
.login_desktop_content .button-principal{
font-size: 20px !important;
}
.create-account-link a{
margin-top: 30px;
display: block;
text-align: center;
color: white;
font-size: 20px;
background: #0c8ebc;
padding: 10px 0;
font-weight: 500;
/* text-transform: uppercase; */
width: 180px;
margin: 20px auto 0 auto;
border-radius: 13px;
}
.create-account-link a:hover{
text-decoration: none;
}
.eye-password {
opacity: .6;
position: absolute;
top: 8px;
right: 11px;
cursor: pointer;
z-index:1;
}
#formsearchResponsive{
height: 45px;
width: 400px;
}
#formsearchResponsive .form-group{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0;
}
#formsearchResponsive .form-group .input-custom{
height: 100%;
border: 0;
height: 100%;
border: 0;
background: transparent;
color: white;
background: transparent;
margin-right: 45px;
border-bottom: 1px solid white;
}
#formsearchResponsive .form-group .input-custom:focus{
border: 0;
border-bottom: 1px solid white;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
#formsearchResponsive .btn-custom-search{
width: 90px;
font-size: 10px;
margin-left: 20px;
background: lightgrey;
color: #414145;
font-weight: 900;
font-size: 12px;
text-align: center;
font-weight: 700;
height: 100%;
text-transform: uppercase;
padding: 0 20px;
}
/************ciones*********
***************************************/
/*************************NEWSLETTER*******************/
.button-newsletter{
float: right;
}
.newsletter-tittle{
font-weight: bold;
font-size: 28px;
margin-bottom: 20px;
}
.newsletter-subtittle{
font-size: 12px;
}
.-newsletter{
float: right;
}
.newsletter-input{
background: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
border-bottom: 5px solid #414145;
position: relative;
z-index: 1;
}
.newsletter-input:focus{
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
}
.newsletter-placeholder{
position: absolute;
opacity: .3;
color: #414145;
font-size: 50px;
font-weight: 500;
top: -24px;
z-index: 0;
left: 20px;
}
.newsletter-control-input{
position: relative;
}
/*************************FIN NEWSLETTER*******************/
/************************LOTES DESTACADOS HOME**************/
.lotes_destacados{
}
.lotes_destacados .container .row.min-height{
min-height: 490px;
}
.item_home .title_item {
font-weight: 500;
font-size: 14px;
margin-top: 10px;
min-height: 40px;
/*overflow: hidden;*/
text-align: center;
color: #018ccc;
}
.btn-pujar-itemhome{
margin-bottom: 0;
}
.lotes-destacados-tittle{
font-weight: 500;
font-size: 30px;
}
.item_lot .data-container .data-price{
height: 50px;
text-align: center;
margin-top: 20px;
}
.item_home {
background: white;
border: 1px solid rgba(0,0,0,.3);
border-radius: 5px;
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);
position: relative;
padding: 15px 30px;
height: 475px;
-webkit-transition: .2s linear all;
-o-transition: .2s linear all;
transition: .2s linear all;
margin-bottom: 20px;
}
.item_home .data-price{
text-align: center;
font-weight: 100;
font-size: 20px;
color: black;
}
.retired{
position: absolute;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
top: 46px;
right: -28px;
height: 30px;
width: 85px;
color: white;
padding-top: 7px;
font-size: 12px;
z-index: 2;
text-align: center;
background: #cc0101;
}
.lote-destacado-link:hover{
text-decoration: none;
color: black;
}
.item_home .desc_lot{
margin: 0px 0 !important;
font-size: 12px;
height: 61px;
overflow: hidden;
text-align: center;
}
.letter-price-salida{
font-size: large;
}
.lotes-destacados-principal-title{
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
position: relative;
}
.salida-time{
color:white;
background: #414145;
position: relative;
width: 100%;
height: 25px;
font-size: 14px;
}
.item_lot .salida-time{
background: #018ccc;
/* position: relative; */
width: 150px;
height: 38px;
padding: 10px 15px;
margin-left: auto;
margin-right: auto;
text-align: center;
border-radius: 100px;;
color: white;
/* left: -20px; */
display: block;
/* bottom: 0px; */
font-size: 12px;
}
.item_lot_large .timer{
background: #008bcc;
position: relative;
width: 135px;
height: 38px;
padding: 10px 0px;
color: white;
left: 00px;
bottom: 0px;
font-size: 12px;
display: block;
text-align: left;
padding-left: 15px;
}
.item_lot .timer, .item_home .timer{
background: #008bcc;
margin-top: 5px;
position: relative;
width: 100%;
height: 30px;
padding: 7px 0px;
color: white;
left: 00px;
bottom: 0px;
font-size: 12px;
display: block;
text-align: center;
}
.lotes_destacados .owl-carousel .owl-stage-outer{
min-height: 335px;
padding: 10px 0;
}
#lotes_recomendados .owl-carousel .owl-stage-outer{
min-height: 490px;
padding: 10px 10px;
}
.owl-theme .owl-nav{
text-align: right;
margin-top: 0px;
padding-right: 10px;
}
.home-slider-content{
position: absolute;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #414145;
background: rgba(255,255,255,.3);
}
.home-slide-title{
margin: 20px 0 10px 0;
font-size: 30px;
font-weight: 500;
}
.home-slide-subtitle{
font-size: 15px;
}
.home-slider-btn{
position: absolute;
bottom: 50px;
}
.owl-theme .owl-nav [class*="owl-"]{
border-radius: 0;
padding: 5px 10px 2px 10px;
/* border: 1px solid #B3B3B7; */
background: #dddddd;
color: #B3B3B7;
cursor: pointer;
}
.owl-theme .owl-nav [class*="owl-"] i{
font-size: 26px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
background: transparent;
color: #018ccc;
padding: 4px 9px 1px 9px;
border: 1px solid #018ccc;
cursor: pointer;
}
a.lote-destacado-link:focus{
text-decoration: none;
outline: white;
color: black;
}
.item_home:hover{
-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
box-shadow: 0px 0px 0px rgba(0,0,0,0);
}
.item_home .border_item_img{
min-height: 145px;
border: 3px solid #018ccc;
}
.item_home .item_img{
text-align: center;
position: relative;
height: 144px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
/* .item_home .item_img img{
max-width: 100%;
max-height: 230px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: relative;
width: auto !important;
margin: 0 auto !important;
display: inherit !important;
} */
.lote-destacado-link{
display: block;
position: relative;
}
/*************************FOOTER*******************/
footer{
padding: 20px 0 20px 0;
color: #fff;
border-bottom: 1px solid #DBDBDB;
background: #666666;
}
.footer-title{
font-weight: bold;
font-size: 24px;
margin-bottom: 20px;
}
.footer-ul li{
margin-bottom: 6px;
}
.footer-link-button {
all: unset;
cursor: pointer;
}
.footer-link-button:is(::selection, :active, :focus) {
text-decoration: underline;
}
.footer-link{
color: #fff;
text-decoration: none;
-webkit-transition: .3s linear all;
-o-transition: .3s linear all;
transition: .3s linear all;
font-weight: 400;
font-size: 13px;
}
footer .footer-module:last-child{
text-align: right;
}
.social-links{
margin-top: 20px;;
}
.footer-link:hover{
color: #B4B4B4;
text-decoration: none;
}
.footer-address-title{
margin-bottom: 20px;
font-size: 16px;
font-weight: 500;
}
.footer-link-address{
display: block;
}
.copy{
padding: 20px 0;
}
.social-link{
color: white;
padding-left: 7px;;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px;
display: block;
}
.social-links-title{
margin-right: 30px;
font-weight: bold;
font-size: 20px;
}
.social-link li a{
margin-left: 10px;
}
/*************************COMO COMPRAR HOME*******************/
.how-to-buy{
padding: 80px 0;
}
.close-video{
position: absolute;
right: 40px;
top: 40px;
height: 30px;
width: 30px;
}
.video-explain{
position: fixed;
width: 100%;
height: 100vh;
background: rgba(0,0,0,.7);
/* background-color: white; */
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 100;
}
.special-title-home{
position: absolute;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 100px;
left: -28px;
font-size: 12px;
font-weight: bold;
color: #707070;
text-transform: uppercase;
top: 100px;
}
.special-title-home:after{
content: '';
width: 48px;
height: 1px;
position: absolute;
left: 110px;
top: 9px;
background: #707070;
}
.img-buy-content{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/* overflow: hidden; */
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.img-buy-img{
position: relative;
}
.img-buy-img:after{
position: absolute;
background: rgba(255,255,255,.4);
left: 0;
top: 0;
content: '';
width: 100%;
height: 100%;
}
.item-play{
width: 85px;
position: absolute;
background: white;
height: 85px;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.2);
box-shadow: 0px 0px 15px rgba(0,0,0,.2);
top: 100px;
right: -43px;
z-index: 10;
}
.how-to-buy-title{
font-size: 27px;
font-weight: 500;
margin-bottom: 20px;
}
.how-to-buy-description{
font-size: 10px;
}
.item-how-desc{
font-weight: 500;
font-size: 12px;
margin-left: 20px;
}
.list-features-how{
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 30px;
}
.list-features-how li{
width: 50%;
margin-bottom: 20px;
}
.-up{
position: fixed;
bottom: 100px;
right: 20px;
height: 40px;
width: 40px;
background: black;
color: white;
z-index: 99999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: .5;
display: none;
align-items: center;
justify-content: center;
padding-top: 9px;
text-align: center;
cursor: pointer;
}
.-up:hover{
opacity: 1;
}
hr { background-color: #707070; height: 1px; border: 0; }
/*************************SLIDER HOME*******************/
.home-slider{
margin-top: 20px;
color: #000;
}
.banner-register{
padding: 15px;
}
.baner-register-wrapper {
flex-direction: column;
}
.slick-dotted.slick-slider{
margin-bottom: 0 !important;
}
.noticias-container{
max-height: 400px;
overflow-x: hidden;
overflow-y: auto;
padding-left: 20px !important;
}
.noticias-container .container{
margin-bottom: 20px;;
}
.blog-home{
margin: 40px 0;
margin-bottom: 120px;
}
.blog-home h3{
margin-top: 0;;
}
.desc-custom-banner{
padding-left: 30px;
font-size: 22px;
color: #000;
font-weight: lighter;
}
.blog-home-title,
.title-custom-banner{
font-size: 30px;
color: #000;
font-weight: bold;
margin-bottom: 20px;;
position: relative;
padding-left: 20px;
}
.blog-home-title:before,
.title-custom-banner:before
{
content: '';
background: lightgray;
position: absolute;
left: 0px;
top: 9px;
height: 90px;
width: 10px;
z-index: 10;
}
.banner-register{
border: 1px solid rgba(0,0,0,.3);
height: 100%;
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);
justify-content: space-around;
}
.banner-register-title{
color: black;
font-size: 20px;
font-weight: 200;
margin-bottom: 20px;
text-align: center;
}
.banner-register-sub-title{
font-size: 14px;
}
.banner-register-line{
margin:20px 0px 20px 0px;
border-bottom: 4px dotted black;
}
.banner-register-btn{
margin-top: 10px;
display: block;
font-size: 18px;
}
/* .home-slider-control{
height:350px;
} */
/************************* PUJADOS HOME*******************/
.mas-pujados{
padding: 40px 0;
margin-bottom: 80px;
}
.mas-pujados-title{
text-align: left;
font-weight: bold;
font-size: 35px;
position: relative;
margin-bottom: 50px;
}
.mas-pujados-title span{
position: relative;
padding-left: 15px;
padding-top: 20px;
}
.mas-pujados-title span:before{
content: '';
background: lightgray;
position: absolute;
left: 0px;
top: 9px;
height: 90px;
width: 10px;
z-index: 10;
}
.mas-pujados .owl-stage-outer{
padding: 20px 0;
}
/*************************BREAD*******************/
.title-bread{
font-weight: bold;
font-size: 30px;
}
.next{
}
.bread-link{
text-decoration: none;
}
.bread{
margin: 15px 0;
}
.bread-content{
font-size: 12px;
}
/*************************CALENDAR*******************/
#calendar {
padding:10px 5px 10px 10px;
max-width: 900px;
margin: 0 auto;
}
.bs-callout {
padding: 15px;
margin: 20px 0;
border: 1px solid #eee;
border-left-width: 5px;
border-radius: 3px;
}
.bs-callout p{
font-size: 13px;
}
.bs-callout h4 {
margin-top: 0;
margin-bottom: 5px;
}
.bs-callout p:last-child {
margin-bottom: 0;
}
.bs-callout code {
border-radius: 3px;
}
.bs-callout+.bs-callout {
margin-top: -5px;
}
.bs-callout-default {
border-left-color: #777;
}
.bs-callout-default h4 {
color: #777;
}
.bs-callout-primary {
border-left-color: #428bca;
}
.bs-callout-primary h4 {
color: #428bca;
}
.bs-callout-success {
border-left-color: #5cb85c;
}
.bs-callout-success h4 {
color: #5cb85c;
}
.bs-callout-danger {
border-left-color: #d9534f;
}
.bs-callout-danger h4 {
color: #d9534f;
}
.bs-callout-warning {
border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
color: #f0ad4e;
}
.bs-callout-info {
border-left-color: #5bc0de;
}
.bs-callout-info h4 {
color: #5bc0de;
}
/*************************FIN CALENDAR*******************/
/************************SUBASTAS**************/
.salida-price{
height: 20px;
}
.bid-online{
position: absolute;
top: -6px;
right: 12px;
background-color: #b71c1c;
padding: 2px 8px;
border-radius: 50%;
width: 16px;
height: 16px;
z-index: 6;
}
.bid-online:after{
width: 20px;
height: 20px;
position: absolute;
left: -2px;
top: -2px;
background: transparent;
content: '';
border-radius: 50%;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: pulseRed;
animation-name: pulseRed;
border: 1px solid #b71c1c;
z-index: 6;
}
.auction-list .documents-content{
/* background: red; */
border-radius: 4px;
border: 1px solid lightgray;
}
.auction-item-icon-desc{
margin-bottom: 5px;
border-radius: 0px;
color: white;
text-align: center;
padding: 0px 0;
font-size: 12px;
}
.auction-item-icon-desc-download{
background: red;
}
.custom-banner .img-text{
font-size: 22px;
font-weight: bold;;
}
.custom-banner .img-content {
height: 80px;
text-align: center;
}
.auction-item-name{
text-align: left;
font-weight: 500;
margin-bottom: 10px;
text-align: center;
}
.auctions-list{
padding-top: 50px;
}
.tercer-button{
border: 1px solid grey;
border-radius: 100px;
color: black;
}
.auction-size{
position: relative;
background: white;
}
.auction-container {
border: 1px solid rgba(0,0,0,.6);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);
margin-bottom: 50px;
height: 220px;
padding-bottom: 20px;
}
.lot-action_comprar_lot, .lot-action_info_lot, .button-prox, .lot-action_info_lot-tomail{
background: grey;
border-radius: 0;
width: 100%;
font-size: 20px;
}
/*todo
.auction-button:after{
content: '';
height: 130px;
display: flex;
width: 1px;
background: black;
position: absolute;
left: 0;
top:-15px;
}
*/
.auction-size {
text-align: center;
position: relative;
height: 142px;
overflow: hidden;
padding-left:0px;
border: 2px solid #018ccc;
}
.auction-size img{
max-width: 100%;
height: 138px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: relative;
width: auto !important;
margin: 0 auto !important;
display: inherit !important;
}
.auction-desc-content {
height: 150px;
text-align: center;
}
.auction-list-title {
font-weight: 600;
margin: 10px 0 5px 0;
font-size: 18px;
}
.auction-item-icon-desc {
margin-bottom: 5px;
border-radius: 0px;
color: white;
text-align: center;
padding: 0px 0;
font-size: 12px;
}
.auctions-list .btn-view-lots {
-webkit-box-shadow: none;
box-shadow: none;
}
.auction-item-icon-desc a {
padding: 0;
height: auto;
padding: 10px 0;
border-radius: 100px;
line-height: 1;
}
.auction-item-icon-desc a:hover{
color: black;
}
/*****SUBASTA***/
.views{
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.order-views{
padding-top: 30px;
padding-bottom: 30px;
}
.views-content{
border: 1px solid lightgray;
padding: 0 20px 0 20px;
background: #F0F0F3;
}
.grid-icon-square{
font-size: 20px;
padding: 10px 2px 10px 10px;
}
.title-views{
font-weight: 500;
}
.form-order-by select{
padding: 10px 0;
border: 1px solid lightgray;
padding: 0 20px 0 20px;
background: #F0F0F3;
height: 50px;
border-radius: 0;
color: #707070;
font-weight: bold;
text-transform: uppercase;
font-size: 13px;
}
.form-order-by select:focus{
outline: none;
}
.form-order-by select span:first-child{
font-weight: bold;
}
/************+FILTROS**********/
.filters-auction-content{
background: #f2f2f2;
padding: 20px;
color:#000;
}
.filters-auction-title{
color: white;
font-size: 20px;
margin-bottom: 35px;
font-weight: 500;
}
.filters-auction-label{
font-weight: 100;
font-size: 16px;
}
.filter-auction-input{
border-bottom: 1px solid #008bcc !important;
border: 0;
border-radius: 0;
background: rgba(255,255,255,.1);
color: #000;
height: 28px;
}
.pre-title.sold{
font-size: 40px !important;
text-align: center;
}
.filter-auction-input:focus{
outline: none;
border:0;
-webkit-box-shadow: none;
box-shadow: none;
}
.filters-auction-divider-small{
margin: 10px 0;
}
.filters-auction-divider-big{
margin: 40px 0;
}
.filters-auction-select{
overflow: hidden;
background: rgba(255,255,255,.1);
border: 0;
color: white;
padding: 6px 0;
border-radius: 0;
padding: 6px 5px;
font-size: 10px;
}
.filters-auction-select:focus{
outline: none;
}
.btn-filter{
height: 40px;
width: 100px;
display: block;
color: white;
border-radius: 8px;
background: #008bcc;
text-transform: uppercase;
font-weight: 500;
font-size: 20px;
-webkit-box-shadow: 0px 0px 4px rgba(255,255,255,.3);
box-shadow: 0px 0px 4px rgba(255,255,255,.3);
font-weight: bold;
}
.filters-auction-plus{
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.filters-auction-texts,
.filters-auction-selects{
overflow: hidden;
-webkit-transition: .3s linear all;
-o-transition: .3s linear all;
transition: .3s linear all;
height: 185px;
}
.info-ficha-buy-info-price{
padding-top: 5px;;
}
/*********LOTLIST*******/
.item_lot{
background: white;
position: relative;
padding: 20px 20px;
height: 450px;
-webkit-transition: .2s linear all;
-o-transition: .2s linear all;
transition: .2s linear all;
border: 1px solid rgba(0,0,0,.3);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);
}
.custom-check{
height: 16px;
width: 16px;
border-radius: 50%;
background: #C6C6C6;
margin-right: 5px;;
border: 1px solid grey;
padding: 3px;
position: relative;
}
.custom-check:before{
height: 12px;
width: 12px;
content: "";
color: black;
left: 1px;
top: 1px;
border-radius: 50%;
background: transparent;
margin-right: 5px;;
position: absolute;
}
.newsletter .row.newsletter-familias label input:checked ~ .custom-check:before {
content: "\2713";
font-weight: bold;
top: -2px;
}
.content_art_container{
max-height: 440px;
overflow-y: auto;
overflow-x: hidden;
}
.content_art_container .container{
padding-left: 40px;
margin-bottom: 2rem;
}
.scroll-buttons {
position: absolute;
bottom: -50px;
left: 4px;
display: inline-flex;
padding-left: 20px;
}
.lot-list-recomend .slick-slide > div >div {
padding: 0 10px;
}
.calendar-down,
.calendar-up {
width: 35px;
height: 35px;
background: lightgray;
margin: 0 10px;
color: grey;
text-align: center;
padding-top: 5px;
}
.calendar-down i,
.calendar-up i {
padding-top: 5px;
}
.item_lot:hover,
.item_lot_large:hover{
-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
box-shadow: 0px 0px 0px rgba(0,0,0,0);
}
.square .title_item{
text-align: center;
}
.square .title_item,
.large_square .title_item{
display: -webkit-box;
-webkit-line-clamp: 2;
height: 40px;
margin-top: 18px;
/* -webkit-line-clamp: 4; */
-webkit-box-orient: vertical;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
color: #018ccc;
font-weight: 500;
font-size: 14px;
margin: 5px 0;
}
.square .desc_lot{
margin-bottom: 10px;
}
.square .desc_lot,
.square .desc_lot p,
.square .desc_lot p span,.item_home .desc_lot p span, .info-ficha-desc_content p span{
margin: 10px 0;
font-size: 12px !important;
height: 34px;
overflow: hidden;
text-align: center;
color: #000 !important;
font-family: 'Rubik', sans-serif !important;
}
.square .data-price p.salida-title {
font-size: 20px;
font-weight: 300;
height: 20px;
}
.large_square .data-price p.salida-title {
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
height: 17px;
}
.square{
margin-bottom: 30px;
}
.widgets-auction .widget{
margin: 0 5px;
}
.widgets-auction .widget:last-child{
margin-right:0px;
}
.full-screen a{
border: 1px solid lightgray;
padding: 14px 14px 0 14px;
background: #F0F0F3;
}
.full-screen a.active{
color: #018ccc;
}
a.bid-live{
font-size: 10px;
padding-top: 18px;
}
.timeLeft{
border: 1px solid lightgray;
/* padding: 0 20px 0 20px; */
background: #414145;
margin-left: 5px;
color: white;
width: 150px;
font-size: 12px;
}
.refresh{
font-size: 14px;
font-weight: 500;
}
.item_lot_large{
border: 1px solid lightgrey;
background: white;
-webkit-box-shadow: 0px 3px 18px rgba(0,0,0,.2);
box-shadow: 0px 3px 18px rgba(0,0,0,.2);
position: relative;
-webkit-transition: .2s linear all;
-o-transition: .2s linear all;
transition: .2s linear all;
}
.large_square{
margin-bottom: 20px;
}
.item_lot_large .retired{
top: 27px;
}
.large_square .data-container{
margin: 20px 20px 20px 10px;
}
.square .desc_lot,
.square .desc_lot p,
.square .desc_lot p span,
.large_square .desc_lot,
.large_square .desc_lot p,
.large_square .desc_lot p span {
margin: 0 0;
font-size: 12px !important;
text-align: left;
color: #000 !important;
font-family: 'Rubik', sans-serif !important;
}
.square .desc_lot {
height: 36px;
overflow: hidden;
}
.square .desc_lot p{
overflow: initial;
height: initial;
}
.large_square .desc_lot,
.large_square .desc_lot p,
.large_square .desc_lot p span {
margin: 10px 0;
}
.large_square .desc_lot{
max-height: 80px;
overflow: auto;
}
.item_lot .item_img {
/* text-align: center;
position: relative;
height: 230px;
overflow: hidden;
*/
border: 3px solid #008bcc;
text-align: center;
position: relative;
height: 160px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.item_lot .item_img img {
max-width: 100%;
}
/*
.item_lot .item_img img {
max-width: 100%;
max-height: 215px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: relative;
width: auto !important;
margin: 0 auto !important;
display: inherit !important;
}
*/
.item_lot_large .item_img {
text-align: center;
position: relative;
height: 253px;
}
.item_lot_large .item_img img {
max-width: 100%;
max-height: 220px;
top: 50%;
position: relative;
width: auto !important;
margin: 0 auto !important;
display: inherit !important;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.large_square{
min-height: 280px;
min-width: 847px;
}
.list_lot_content{
margin-bottom: 50px;
}
/********INFO SUBASTA********/
.info-auction-info-title h1{
font-size: 26px;
}
.info-auction-info-address-title{
font-size: 18px;
font-weight: 900;
}
.how_to_get_content{
text-align: right;
}
.how_to_get{
background: #D2E2F2;
padding: 17px;
text-decoration: none;
width: 120px;
text-align: center;
text-transform: uppercase;
font-size: 10px;
}
.info-auction-info-content{
position: relative;
}
/**********FICHA*/
.file-dossier{
border: 1px solid #018ccc;
background: #018ccc;
border-radius: 50%;
height: 145px;
display: flex;
align-items: center;
width: 145px;
}
.file-dossier a{
color: black;
}
.file-dossier a:hover{
text-decoration: none;
color: black;
}
.ficha-img-container .ficha-img-wrapper{
background: white;
border: 1px solid lightgray;
position: relative;
margin-bottom: 10px;
}
.exit-price p{
margin-bottom:0px;
}
.info_single{
padding-top: 15px;
}
.ficha-img-container .ficha-img-wrapper img{
margin: 0 auto;
}
.ficha-button-buy{
margin-top: 40px;
}
.ficha-desc-short{
font-size: 10px;
}
.adj-text{
font-size: 30px;
}
.minis-content{
position: relative;
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.video-thumbs img {
object-fit: contain;
object-position: center;
width: 100%;
height: 100%;
}
.ficha-img-container{
height: 100%;
border: 1px solid #DBDBDB;
}
.mini-img-ficha{
height: 90px;
display: inline-block;
width: 80px;
}
.img-openDragon{
height: 90px;
cursor: pointer;
}
.puja-minima{
font-size: 12px;
font-weight: lighter;
}
.explanation_bid.t_insert{
margin-bottom: 0;
}
.ficha-content .retired{
right: 18px;
top: 28px;
}
.titleficha{
font-size: 30px;
font-weight: bold;
font-size: 21px;
margin-bottom: 0px;
}
.info-type-auction{
font-size: 15px;
display: inline-block;
border: 1px solid;
padding: 5px;
}
.content-right-ficha{
margin-top: 31px;
min-height: 480px;
}
.ficha-content .pre .pre-title-principal{
color: #018ccc;
font-size: 30px;
font-weight: 100;
margin-bottom: 0;
text-transform: uppercase;
}
.ficha-content .pre .pre-title{
font-size: 12px;
font-weight: 100;
margin-bottom: 0;
text-transform: uppercase;
}
.border-top-bottom{
border-bottom: 3px solid #008bcc;
border-top: 3px solid #008bcc;
margin-bottom: 2rem;
}
.ficha-content .pre .pre-price{
font-size: 25px;
font-weight: bold;
}
.mb-1{
margin-bottom: 1rem;
}
.mb-2{
margin-bottom: 2rem;
}
.ficha-info-items-buy{
margin-top: 30px;
}
.lot-sold .pre{
margin-top: 40px;
}
.ficha--buy .button-principal{
text-transform: uppercase;
}
.zone-share-social{
gap: 10px;
}
.zone-share-social ul li a{
height: 30px;
width: 30px;
border-radius: 50%;
/* border: 1px solid #DBDBDB; */
color: #008bcc;
}
.zone-share-social{
margin-top: 1px;
}
.zone-share-social ul li{
margin-right: 0px;
}
.ficha-historic{
position: absolute;
top: 60px;
right: -70px;
}
.ficha-info-close-lot{
/* background: #DBDBDB; */
padding: 3px 0;
text-align: center;
padding-right: 15px;
padding-left: 15px;
}
.siguiente_puja{
font-size: 20px;
}
.info-ficha-buy-info-price .pre{
font-size: 20px;
margin-right: 0px;
}
.ficha-info-item-for-pay .live-btn{
text-align: center;
text-transform: uppercase;
position: relative;
}
.ficha-live-btn-content{
text-align: right;
height: 75px;
}
.ficha-live-btn-content a{
border: 1px solid;
}
.ficha-live-btn-link{
float: rigth;
text-decoration: none;
-webkit-transition: .1s linear all;
-o-transition: .1s linear all;
transition: .1s linear all;
border: 0;
display: block;
width: 100%;
float: right;
text-align: center;
position: relative;
padding: 7px 0;
margin: 15px 0;
}
.ficha-live-btn-link:hover{
padding: 7px 0;
}
.group-pujar-custom input{
background: #F2F2F2;
border: 0;
width: 60%;
border-radius: 0;
}
/* .group-pujar-custom{
display: block;
} */
.group-pujar-custom input{
width: 60%;
}
.group-pujar-custom .input-group-btn{
width: 40%;
}
.insert-max-bid{
font-size: 12px;
font-weight: bold;
}
.btn-red{
background: #cc0136 !important;
}
.btn-red:focus, .btn-red:hover{
background: hsl(344, 100%, 30%) !important;
}
.btn-blue{
background: #018ccc !important;
}
.btn-blue:focus, .btn-blue:hover{
background: hsl(199, 100%, 31%) !important;
}
body .ui-tooltip{
font-size: 12px;
min-width: 350px;
}
.ficha-btn-bid{
font-size: 18px;
margin-top: 0px;
text-transform: uppercase;
float: right;
border-radius: 0;
background: grey;
}
.ficha-btn-bid-height{
height: 34px;;
}
.info-ficha-buy-info-price{
margin-top: 0px;
}
.bread-after,
.follow{
margin-top: 15px;
}
.follow .next{
margin: 15px 0;
}
.ficha-info-clock{
font-weight: bold;
top: 0;
text-align: center;
background: #018ccc;
color: white;
font-size: 18px;
min-height: 50px;
}
.ficha-info-clock i{
margin-right: 10px;
}
.ficha-content{
margin-bottom: 40px;
margin-top: 10px;
}
.ficha-info-fav-ico{
position: absolute;
right: 0;
top: 0;
border: 1px solid #DBDBDB;
border-radius: 50%;
height: 72px;
width: 73px;
}
.ficha-info-fav-ico .lds-ellipsis.loader{
position: absolute;
top: 4px;
left: 6px;
}
.ficha-info-fav-ico a {
padding: 20px;
position: relative;
z-index: 1;
border-radius: 50%;
color: #DBDBDB;
-webkit-transition: .3s linear color;
-o-transition: .3s linear color;
transition: .3s linear color;
}
.ficha-info-fav-ico.active {
border-color: #ffac33;
}
.ficha-info-fav-ico a.added {
color: #ffac33;
-webkit-animation-name: explotion;
animation-name: explotion;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-duration: .5s;
animation-duration: .5s;
}
.info-ficha-desc_content{
font-size: 13px;
color: grey;
}
.nav.nav-tabs.ficha-info-nav-titles a.ficha-info-nav-title{
font-size: 19px;
text-transform: uppercase;
font-weight: 600;
display: block;
color: #949498;
padding: 10px 0px;
text-align: left;
background: transparent;
border: 0;
border-bottom: 2px solid #949498;
margin: 0;
-webkit-transition: .2s linear all;
-o-transition: .2s linear all;
transition: .2s linear all;
}
.nav.nav-tabs.ficha-info-nav-titles a.ficha-info-nav-title:hover,
.nav.nav-tabs.ficha-info-nav-titles li.active a.ficha-info-nav-title{
color: #414145;
border-bottom: 2px solid #414145;
}
.nav.nav-tabs.ficha-info-nav-titles{
border-bottom: 0;
margin-bottom: 20px;
}
.nav.nav-tabs.ficha-info-nav-titles .nav-item{
width: 50%;
height: 100%;
}
.fincha-info-cats .badge{
font-weight: 100;
background: #DBDBDB;
padding-left:10px;
padding-right:10px;
color: #707070;
}
.fincha-info-cats{
margin: 20px 0;
}
.hist_title{
font-size: 16px;
text-align: center;
padding-top: 10px;
}
.hist{
background:#F2F2F2;
}
.hist_item,
.tres_item{
font-size: 10px;
}
.hist_content{
background: #F2F2F2;
padding: 20px 0px;
}
.hist_item .col-xs-6:last-child{
text-align: right;
font-style: normal;
}
.hist_item .col-xs-6 .tres_item em.price{
font-style: normal;
}
.hist_item .col-xs-6{
padding: 0;
}
#view_more.more{
margin-top: 10px;
padding: 0;
border-radius: 50%;
}
.hist .more a{
text-transform: uppercase;
font-size: 12px;
display: block;
}
.hist .more a:hover{
text-decoration: none;
}
.no_winner, .other{
color: #FF4040!important;
}
.winner, .mine{
color: #00870D!important;
}
/********CONTACTO*********/
.page-contact{
margin-bottom: 130px;
position: relative;
margin-top: 100px;
}
.contact-page-title{
padding: 0 20px;
margin-bottom: 10px;
font-size: 35px;
font-weight: 600;
}
.contact-page-form{
padding: 0 20px;
}
.contact-page-form form{
margin-top: 40px;
}
.contact-page-slogan{
font-size: 12px;
}
form input[type="text"],
form input[type="email"],
form input[type="password"],
form input[type="text"]{
border-top: 0;
border-left: 0;
border-right: 0;
background: rgba(255,255,255,.1);
border-radius: 0;
position: relative;
padding: 0 10px;
-webkit-box-shadow: none;
box-shadow: none;
}
.contact-page-form form .input-effect{
position: relative;
margin: 20px 0;
}
.contact-page-form form .input-effect input{
position: relative;
padding: 0 10px;
}
.contact-page-form form .input-effect label{
font-weight: 100;
left: 10px;
}
.effect-16{border: 0; padding: 4px 0; border-bottom: 1px solid #ccc; background-color: transparent;}
.effect-16 ~ .focus-border{position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #3399FF; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
.effect-16:focus ~ .focus-border,
.has-content.effect-16 ~ .focus-border{width: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
.effect-16 ~ label{position: absolute; left: 0; width: 100%; top: 9px; color: #aaa; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: -1; letter-spacing: 0.5px;}
.effect-16:focus ~ label, .has-content.effect-16 ~ label{top: -16px; font-size: 12px; color: #3399FF; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.contact-page-form form .input-effect textarea{
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
border-bottom: 1px solid lightgray;
}
.contact-page-form form .input-effect textarea:focus{
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.page-contact-info-absolute{
padding: 30px;
background: lightgray;
overflow: hidden;
margin-left:8.3%;
}
.item_content_img_single{
border: 1px solid lightgray;
}
.contact-page-info-house-auction-title{
font-size: 18px;
margin-bottom: 50px;
}
.contact-page-info-house-auction-desc{
padding: 0 50px;
text-align: center;
}
.contact-page-info-house-auction-desc .divider{
border-bottom: 1px solid white;
margin: 20px auto;
width: 70%;
}
.contact-page-info-house-auction-desc label{
font-size: 12px;
}
.contact-page-info-house-auction-desc p{
font-size: 10px;
}
.maps-house-auction iframe{
position: absolute;
width: 100%;
left: 0;
height: 100%;
top: 0;
}
.maps-house-auction{
left: 100%;
position: absolute;
width: 100%;
height: 100%;
top: 0;
}
.button-map{
position: absolute;
background: white;
padding: 10px 16px;
bottom: 0;
left: 0;
z-index: 10;
cursor: pointer;
}
.button-map.active{
background: #414145;
color: white;
}
.button-map i{
font-size: 20px;
}
/****CREATE ACCOUNT****/
.create-account-container{
position: relative;
padding: 20px;
overflow: hidden;
}
.create-account-title{
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
text-align: center;
}
.inputs-type-person .form-group{
margin-bottom: 0;
}
.input-check-custom{
padding: 5px 10px;
margin: 0 10px;
font-size: 12px;
font-weight: 100;
cursor: pointer;
-webkit-transition: .3s linear all;
-o-transition: .3s linear all;
transition: .3s linear all;
border: 1px solid gray;
text-align: center;
min-width: 100px;
padding:15px 20px;
}
input:checked ~ .input-check-custom{
-webkit-animation-name: explotion;
animation-name: explotion;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-duration: .1s;
animation-duration: .1s;
color: #101010;
opacity: 1;
background: #414145;
color: white;
border-color: white;
webkit-box-shadow: 0px 16px 35px rgba(0,0,0,0.3);
box-shadow: 0px 16px 35px rgba(0,0,0,0.3);
-webkit-transition: .3s linear all;
-o-transition: .3s linear all;
transition: .3s linear all;
}
.inputs-custom-group{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.inputs-custom-group .form-group{
padding: 0 5px;
position: relative;
}
.inputs-custom-group .form-group label{
left: 14px;
color: gray;
z-index: 10;
font-size: 10px;
font-weight: 100;
padding: 0px 0px;
top: -29px;
}
/* .inputs-custom-group .form-group input:focus + label{
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
display: block;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
} */
@-webkit-keyframes fadeIn {
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
@keyframes fadeIn {
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
.button-up{
position: fixed;
bottom: 100px;
right: 20px;
height: 40px;
width: 40px;
background: black;
color: white;
z-index: 99999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: .5;
display: none;
align-items: center;
justify-content: center;
padding-top: 9px;
text-align: center;
cursor: pointer;
}
.button-up:hover{
opacity: 1;
}
.inputs-custom-group input,
.inputs-custom-group select,
.free-valuations textarea{
background: rgba(0,0,0,.05);
border: 1px solid white;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.free-valuations textarea{
height: 133px;
}
.inputs-account{
margin: 30px 0;
}
.new-user-title{
font-size: 20px;
color: lightgray;
text-transform: uppercase;
text-align: center;
margin: 20px 0;
}
.price-title-principal {
font-size: 18px;
margin-bottom: 0px;
}
input:checked ~ .input-check-custom{
-webkit-animation-name: explotion;
animation-name: explotion;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-duration: .1s;
animation-duration: .1s;
opacity: 1;
}
.button-create-user.active{
background: #82C1FF;
color: white;
}
.create-account-stepper{
margin: 20px 0;
}
.stepper-container{
position: relative;
z-index: 10;
}
.fech_nac input{
max-width: 167px;
}
.create-account-stepper .number{
background: lightgray;
border-radius: 50%;
height: 30px;
width: 30px;
color: white;
position: relative;
z-index: 10;
}
.buttons- .principal-button{
position: relative;
z-index: 10;
}
.create-account-stepper .number.actual{
background: #82C1FF;
}
.divider-stepper{
height: 1px;
width: 200px;
background: lightgray;
}
.input-gener label{
font-weight: bold;
}
.create-account-address{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: white;
z-index: 2;
left: 101%;
background: transparent;
}
.create-account-address-container{
background: white;
height: 100%;
width: 100%;
margin-top: 30px;
}
.input-accept{
font-weight: 100;
font-size: 12px;
margin-bottom: 20px;
}
.input-accept input{
display: inline-block;
width: auto;
height: auto;
}
.buttons{
position: relative;
z-index: 10;
height: 50px;;
}
.buttons-next-back{
position: relative;
z-index: 10;
}
.gener-group{
margin-top: 30px;
margin-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.date input{
text-align: right;
font-size: 10px;
padding: 0;
background: rgba(0,0,0,.05);
border: 1px solid white;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.date{
margin: 0;
}
.create-account-second-address{
padding: 20px 0;
}
.create-account-second-address input,
.create-account-second-address select{
font-size: 12px;
height: 28px;
}
.title-second-address{
margin-bottom: 10px;
font-size: 12px;
font-weight: bold;
padding: 0 10px
}
.second-address input{
margin: 0
}
.second-address span{
font-size: 10px;
font-weight: 100;
margin-left: 20px;
}
.button-back{
position: absolute;
background: #414145;
height: 50px;
width: 50px;
border-radius: 50%;
z-index: 10;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 28px;
color: white;
font-weight: bold;
-webkit-box-shadow: 0px 0px 13px rgba(0,0,0,.5);
box-shadow: 0px 0px 13px rgba(0,0,0,.5);
top: 50%;
left: -8px;
}
.error-confirm,
.erroremail{
font-size: 10px;
font-weight: 100;
padding: 0 8px;
}
.buttons a.button-principal {
padding: 6px 45px;
cursor: pointer;
}
.free-valuations .info{
margin-top: 20px;
margin-bottom: 50px;
text-align: center;
}
.content-form-valuations{
margin-top: 10px;
margin-bottom: 30px;
}
#dropzone{
border: 3px dashed #D2E2F2 !important;
border-radius: 5px;
margin-bottom: 50px;
height: 180px;
width: 100%;
display: block;
}
.calendar-page{
margin: 70px auto;
}
.lang-selection{
padding: 6px 0;
border-bottom: 1px solid #DBDBDB;
}
/*****+GOOGLE TRNAS^******/
.goog-te-gadget-simple .goog-te-menu-value {
color: #000;
}
#google_translate_element{
height: 100%;
font-size: 11px;
}
.goog-te-gadget-simple{
font-size: 13pt !important;
}
.goog-te-menu-value{
margin: 0;
padding: 0;
}
.goog-te-menu-value:hover{
background: white;
}
.goog-te-menu-value:hover{
background: transparent !important;
color:black !important;
}
.goog-te-gadget-simple:hover .goog-te-menu-value{
background: transparent !important;
color: black !important;
}
.google_translate2 .skiptranslate img{
display:none !important;
}
.google_translate2 .goog-te-gadget-simple{
background: transparent !important;
border: 0 !important;
}
.google_translate2 .goog-te-gadget-simple .goog-te-menu-value{
font-size: 11px;
margin-right: 3px !important;
}
.goog-te-menu-value{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.goog-te-gadget-simple .goog-te-menu-value span{
margin-right: 3px !important;
}
.filters-auction-select:focus{
color: grey;
}
/**************user account ************/
.panel-user{
padding: 30px 0 75px 0;
}
.tabs-custom {
padding: 20px 0;
}
.border-password{
border: 1px grey solid;
}
.adj .total-price span{
font-size: 17px;
}
.tabs-custom ul li a{
color: grey;
font-weight: 600;
padding: 10px 30px;
display: block;
}
.user-account-menu-title{
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
}
.account-user .pane.panel-default,
.account-user .panel .panel-heading{
background: transparent;
}
.account-user .pane.panel-default{
background-color: transparent;
border: 0 !important;
-webkit-box-shadow: none;
box-shadow: none;
}
.account-user .panel-group .panel {
margin-bottom: 0;
border-radius: 4px;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.account-user .panel .panel-heading a{
text-transform: uppercase;
color: gray;
font-size: 12px;
width: 100%;
font-weight: 600;
}
.user-account-heading{
margin: 20px 0;
padding: 5px 0px;
background: #9999;
color: white;
font-size: 12px;
}
.user-accout-item-wrapper{
margin: 10px 0;
border: 1px solid lightgray;
margin-bottom: 24px;
}
.user-accout-item-wrapper .user-account-item{
padding: 10px;
}
.user-account-item-title{
text-transform: uppercase;
font-size: 10px;
color: grey;
font-weight: 600;
}
.user-account-item-auction{
text-align: right;
font-size: 10px;
}
.user-account-item-lot{
font-size: 14px;
color: grey;
margin-bottom: 10px;
}
.user-account-item-text{
font-size: 12px;
color: grey;
}
.user-account-item-date,
.user-account-item-price{
color: grey;
height: 100%;
font-size: 10px;
text-align: center;
font-size: 15px;
}
.account-item-border{
border-left: 1px solid lightgray;
}
.user-account-item .checkbox input{
display: block;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 24px;
}
.user-account-item .checkbox input {
text-align: right;
width: 15px;
margin: 0;
position: relative;
}
.total-price{
font-weight: 600;
font-size: 14px;
text-align: right;
}
.total-price-sup{
font-weight: 600;
font-size: 10px;
text-align: right;
}
.user-accounte-titles-link{
margin: 15px 0;
}
.user-accounte-titles-link .active a{
font-weight: 600;
}
.pendientes_pago .factura_check {
width: 25px;
padding: 35px 0;
}
.pendientes_pago .factura_check .checkmark, .pendientes_pago .producto_check .checkmark {
position: absolute;
top: 40%;
left: 0;
height: 20px;
width: 20px;
background-color: white;
border: 1px solid #ccc;
}
.pendientes_pago .factura_check .checkmark:after, .pendientes_pago .producto_check .checkmark:after {
content: "";
position: absolute;
display: none;
}
.pendientes_pago .factura_check .checkmark:after, .pendientes_pago .producto_check .checkmark:after {
left: 6px;
top: 0px;
width: 7px;
height: 16px;
border: solid black;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.pendientes_pago .factura_check input:checked ~ .checkmark:after, .pendientes_pago .producto_check input:checked ~ .checkmark:after {
display: block;
}
.h-100{
height: 100%;
}
.pl-0{
padding-left: 0;
}
.pendientes_pago .factura_box, .facturas_pagadas .factura_box {
border: 1px solid #ccc;
margin-bottom: 20px;
min-height: 100px;
padding-right: 0;
}
.producto_resumen_info{
font-size: 16px;
}
.pendientes_pago .producto_resumen_info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.importe_total.adj{
font-size: 14px;
font-weight: 600;
}
#total_bills{
font-weight: 600;
}
.facturacion_info_data{
margin-bottom: 20px;
height: 52px;
}
.filters-bill-select{
background: rgba(0,0,0,.5);
border-radius: 0;
border: 0;
margin: 10px 0;
font-size: 12px;
color: white;
}
#user-account-ul li.tab-active{
position: relative;
/* padding-left: 15px; */
}
#user-account-ul li.tab-active a{
background: white;
color: grey;
/* padding-left: 15px; */
}
.user-account-menu-title.extra-account{
font-size: 14px;
margin: 15px 0 ;
font-weight: 600;
}
.sub_menu_adj{
padding-left: 40px;
text-decoration: none;
padding: 10px 10px;
}
.sub_menu_adj a{
color: grey;
display: block;
padding: 12px 40px;
font-weight: bold;
position: relative;
}
.title-sub-list{
font-size: 18px;
}
.user-account-item-date{
font-size: 15px;
text-align: right;
padding-top: 10px;
}
.user-account-item-price{
padding-top: 10px;
}
/***********************************
ENVIO DELIVEREA DATOS PERSONALES
***********************************/
.delivereaForm .sub_page .tit{
border: 0;
margin-bottom: 0;
text-align: center;
margin-bottom: 23px;
}
.delivereaForm .content-tabs{
height: 100%;
}
.tabs-deliverea ul{
border: 1px solid #ccc;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border: 0;
}
.delivereaForm form{
border: 1px solid #ccc;
padding: 20px;
}
.tabs-deliverea .ul{
padding: 20px;
}
#ajax_shipping_add li{
border: 1px solid #ccc;
height: auto;
margin-bottom: 5px;
}
.tabs-deliverea .nav.nav-tabs{
padding: 5px 12px;
}
.tabs-deliverea .title-address{
font-size: 15px;
font-weight: bold;
margin: 10px 0;
}
.selected.address{
font-weight: bold;
}
.tabs-deliverea .nav-tabs > li > a{
border: 0 !important;
border-radius: 0;
-webkit-transition: .2s linear background;
-o-transition: .2s linear background;
transition: .2s linear background;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 6px 8px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: 12px;
}
.tabs-deliverea .plus-address{
width: 100%;
height: 60px;
border: 1px solid #ccc;
margin-bottom: 15px;
}
.content-address{
border: 1px solid #ccc;
overflow: auto;
}
.delivereaForm .np{
padding: 0;
}
.deliverea-buttons{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.delivereaForm .plus-address a{
padding-left: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
cursor: pointer;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.delivereaForm .plus-address a:hover{
text-decoration: none;
}
.delivereaForm .plus-address a span{
vertical-align: super;
margin-left: 6px;
font-size: 16px;
}
.deliverea-buttons button{
border-radius: 0;
color: #fff;
margin-right: 5px;
}
.deliverea-buttons .btn-save,
.deliverea-buttons .btn-delete{
margin: 3px 0;
}
.delivereaForm form .tab-container{
margin-left: 16px;
}
.deliverea_tit{
margin-left: 31px;
font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
}
.btn-gastosEnvios{
width: 100%;
text-transform: uppercase;
background-color: #555;
color: #fff;
font-weight: normal;
margin-top: 10px;
}
#price_delivery{
text-align: center;
font-size: 20px;
margin-top: 10px;
margin-bottom: 0;
}
.content-items > div{
align-items: center;
}
.content-items > div:nth-child(2){
justify-content: center;
}
.content-items > div:nth-child(3){
justify-content: flex-end;
}
@media screen and (max-width: 991px){
.save_address_shipping .form-group{
width: 100%;
}
.content-address {
height: 676px;
border: 1px solid #ccc;
overflow: auto;
}
.delivereaForm form {
height: 751px;
}
.delivereaForm form .tab-container{
margin-left: 0;
}
.delivereaForm form .tab-container, .deliverea-buttons {
margin-left:0px;
}
.deliverea_tit{
margin-left: 15px;
}
.icons-language{
margin-right: 10px;
}
.icons-container{
float: left !important;
padding-left: 15px;
margin-top: 1rem;
}
.lenguaje ul li a img {
padding-left: 0px !important;
}
.content-items > div{
justify-content: flex-start !important;
}
}
@media screen and (max-width: 768px){
.tabs-deliverea .content-tabs {
margin-bottom: 10px;
}
.content-address {
height: 300px;
}
.delivereaForm form {
height: auto;
}
.delivereaForm .content-tabs,
.delivereaForm .tab-content{
padding: 0;
}
.blog-home .row{
display: flex;
flex-direction: column;
align-items: center;
}
.content_art_container .container{
padding-left: 15px;
}
}
@media screen and (max-width: 600px){
.bar .tabs-custom ul.nav-tabs li.active a {
border-bottom: none!important;
}
.accept_new{
margin-bottom: 2rem;
}
}
@media screen and (max-width: 360px){
.delivereaForm form {
padding: 20px 10px;
}
}
.address .seeshippingaddress{
cursor: pointer;
}
/***********************************
FIN ENVIO DELIVEREA DATOS PERSONALES
***********************************/
.border-lot{
border: 1px solid lightgray;
height: 200px;
}
.logo_footer{
margin-bottom: 10px;
}
.img_search_lot{
position: absolute;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
top: 0;
left: 0;
}
.list_lot_search_content {
position: relative;
padding: 10px;
height: 250px;
border: 1px solid #ccc;
cursor: pointer;
-webkit-transition: .2s linear all;
-o-transition: .2s linear all;
transition: .2s linear all;
}
.caption {
position: absolute;
border: 0;
height: 65px;
background: rgba(0,0,0,.3);
width: 100%;
bottom: 0;
left: 0;
opacity: 1;
padding: 15px 10px;
font-size: 12px;
color: white;
display: none;
}
.list_lot_search p.num_lot {
background: #414145;
display: inline-block;
color: white;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
padding: 0 10px;
position: absolute;
left: 0;
top: 5px;
}
.list_lot_search_content p {
text-align: center;
position: relative;
z-index: 1;
color: white;
}
/**********SWITCH*******/
.switcher{
background-color: #fff;
border: 1px solid #dfdfdf;
border-radius: 20px;
cursor: pointer;
display: inline-block;
height: 15px;
position: relative;
vertical-align: middle;
width: 34px;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-box-sizing: content-box;
box-sizing: content-box;
background-clip: content-box;
-webkit-transition: border 0.4s, background-color 1.2s, -webkit-box-shadow 0.4s;
transition: border 0.4s, background-color 1.2s, -webkit-box-shadow 0.4s;
-o-transition: border 0.4s, box-shadow 0.4s, background-color 1.2s;
transition: border 0.4s, box-shadow 0.4s, background-color 1.2s;
transition: border 0.4s, box-shadow 0.4s, background-color 1.2s, -webkit-box-shadow 0.4s;
margin-right: 20px;
}
.switcher small{
background: #fff;
border-radius: 100%;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
height: 18px;
position: absolute;
top: -2px;
width: 18px;
left: 0px;
-webkit-transition: background-color 0.4s, left 0.2s;
-o-transition: background-color 0.4s, left 0.2s;
transition: background-color 0.4s, left 0.2s;
}
.switcher-active{
background-color: #414145;
border-color: #414145;
-webkit-box-shadow: #414145 0px 0px 0px 16px inset;
box-shadow: #414145 0px 0px 0px 16px inset;
-webkit-transition: border 0.4s, background-color 1.2s, -webkit-box-shadow 0.4s;
transition: border 0.4s, background-color 1.2s, -webkit-box-shadow 0.4s;
-o-transition: border 0.4s, box-shadow 0.4s, background-color 1.2s;
transition: border 0.4s, box-shadow 0.4s, background-color 1.2s;
transition: border 0.4s, box-shadow 0.4s, background-color 1.2s, -webkit-box-shadow 0.4s;
}
.switcher-active small{
left: 20px;
background-color: rgb(255, 255, 255);
-webkit-transition: background-color 0.4s, left 0.2s;
-o-transition: background-color 0.4s, left 0.2s;
transition: background-color 0.4s, left 0.2s;
}
.switch_content small{
font-weight: 600;
text-transform: uppercase;
}
.switch_content{
margin: 30px 0 10px 0;
}
.mb-25{
margin-bottom: 25px;
}
#dropzone.hover {
border: 2px solid #FE5;
color: #FE5;
background: lightgray;
}
#dropzone.dropped {
background: #222;
border: 10px solid #444;
}
#dropzone [type="file"] {
cursor: pointer;
position: absolute;
opacity: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
left: 0;
}
.mini-upload-image{
position: relative;
z-index:30;
width: 130px;
height: 80px;
overflow: hidden;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px;
border: 1px solid lightgray;
margin: 0 10px;
}
.mini-upload-image:hover .delete-img{
display: block;
}
.delete-img{
cursor: pointer;
display: none;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
font-weight: 600;
background: rgba(0,0,0,.2);
padding-top: 31px;
color: red;
}
.mini-upload-image{
max-height: 100%;
}
.text-dropzone{
margin: 10px 10px 20px 10px;
font-weight: 600;
}
.insert-bid-input{
margin-top: 10px;
}
.hist_content{
font-size: 10px;
}
.historic-right_row{
position: absolute;
top: 90px;
right: -26%;
}
.more-historic-bids{
height: 40px;
border-radius: 0 !important;
text-align: center;
}
.more-historic-bids a{
padding-top: 12px;
color:#707070;
}
.favoritos {
margin: 10px 0;
text-align: left;
}
.favoritos .secondary-button {
text-align: left;
display: block;
max-width: 194px;
text-align: center;
}
#img_main {
height: 476px;
text-align: center;
position: relative;
overflow: hidden;
border: 1px solid #ccc;
margin-bottom: 10px;
}
.info-type-auction {
font-size: 10px;
display: inline-block;
border: 1px solid;
padding: 5px;
margin-left:0px;
}
.pb-15{
padding-bottom: 15px;
}
/* --- MODAL INDICE --- */
.first-column-orders{
width: 80%;
text-align: left;
border-right: solid 2px #FFF;
color: #fff;
text-align: left;
padding: 3px 5px;
background: #018ccc;
}
.second-column-orders,
.third-column-orders{
width: 10%;
text-align: left;
border-right: solid 2px #FFF;
color: #fff;
text-align: left;
padding: 3px 5px;
background: #018ccc;
}
.table-custom tbody tr{
height: auto;
-webkit-box-shadow: none;
box-shadow: none;
cursor:pointer;
}
.table-custom tbody tr td{
height: auto;
-webkit-box-shadow: 0;
box-shadow: 0;
padding: 5px 0;
}
.table-custom{
width: 100%;
}
.table-custom #order-row-tpl:hover,
.table-custom #order-row-tpl:nth-child(2n):hover{
background:#ABB2B9;
}
.table-custom #order-row-tpl td div span a{
color:black;
}
.table-custom #order-row-tpl td div span a:hover{
text-decoration: none;
}
.table-custom #order-row-tpl:nth-child(2n){
background:#EAECEE;
}
/* --- FIN MODAL INDICE --- */
.info-auction{
margin-bottom: 40px;
}
.info_single_title.info-type-auction-title{
padding-bottom: 5px;
}
.user-accounte-titles-link {
margin: 15px 0;
text-transform: uppercase;
font-size: 15px;
border-bottom: 1px solid lightgray;
position: relative;
}
.user-accounte-titles-link a {
font-weight: 600;
width: 300px;
display: block;
position: relative;
padding: 20px 0;
}
.user-accounte-titles-link .active a {
font-weight: 600;
}
.ficha-info-content{
padding-top: 0px;
}
.desc-lot-title{
position: relative;
}
.desc-lot-title:before{
content: '';
height: 3px;
background: #008bcc;
width: 300px;
left: 0;
bottom: 0;
position: absolute;
}
.desc-lot-profile-title{
font-size: 20px;
font-weight: 300;
}
.desc-lot-profile-content{
font-size: 14px;
}
.menu-text{
font-size: 30px;
margin-right: 10px;
}
.ficha-tipo-v .desc-lot-title{
}
.goog-te-menu-frame.skiptranslate{
width: 200px !important;
right: 0 !important;
left: initial !important;
}
.order-views select#order_selected{
border-radius: 0 !important;
padding-left: 0;
}
header{
position: relative;
z-index: 999;
}
header.fixed{
background: white;
z-index: 100;
/* box-shadow: 0px 4px 10px rgba(0,0,0,.1) */
}
header.fixed nav{
height: 60px;
}
header.fixed nav .logo-company {
max-width: 120px;
}
header, .logo-company{
transition: .2s linear all;
}
header.fixed a.link-header{
font-weight: 100;
}
header.fixed .my-account{
padding: 17px 30px;
}
header.fixed .close-svg{
fill: #000;
}
.secondary-button:focus{
text-decoration: none;
color: dimgray;
}
.title-register{
font-size: 25px;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid #eee;
width: 400px;
margin-left: auto;
margin-right: auto;
}
.subtitle-register{
margin-top: 20px;
border-bottom: 1px solid #eee;
font-size: 18px;
font-weight: lighter;
}
#buttonSend.active{
background: #778EBC;
opacity: 1;
}
#buttonSend{
opacity: .5;
}
.toggle-open-close{
font-size: 10px;
font-weight: bold;
}
/* V5 */
.popover { white-space: nowrap;border:#EEE 1px solid;background:rgba(255,255,255,0.8);color:#b21416;}
.popover.right>.arrow {border-right-color: #EEE;}
.has-error{
color:#b21416;
border-bottom:#C00 1px solid !important;
}
iframe.has-error{
color:#b21416;
border:#C00 1px solid !important;
}
.text-white{
color: white !important;
}
#registerEnterprise {display:none;}
.form-control:focus {border-color:#000;box-shadow:none;}
.effect-16:focus ~ label {color:#464646;font-weight:bold;}
.g-recaptcha {margin:auto;position:relative;float:none;display:inline-block;text-align:center;}
select.form-control {
border:0;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border-bottom:1px solid #018ccc;
border-radius:0;
-webkit-border-radius: 0 !important;
}
form input[type="date"],form input[type="hour"] {
border:0;
background:transparent;
font-size:14px;
border-bottom:#CCC 1px solid ;
}
.input-group.date small {
position:absolute;
top:-15px;
}
.input-group.date .input-group-addon {background:transparent;border:0;border-bottom:#CCC 1px solid ;}
form input[type="checkbox"] {height:20px;display:inline-block;width:20px;position:relative;margin-right:10px;}
/*
Estilos page preguntas frequentes
*/
#faq {}
#faq .block {border:0}
#faq a {text-decoration:none !important;}
#faq .block .cat {padding:15px;color:#464646;background:#FFF;width:100%;display:block;border-bottom:#CCC 1px solid;}
#faq .block .cat span {float:right;color:#000;font-size:28px;line-height:24px;}
#faq .block .subcat {padding:15px;color:#464646;background:#FFF;width:100%;border-bottom:#CCC 1px solid;display:none;}
#faq .block .subcat span {float:right;color:#000;font-size:28px;line-height:24px;}
#faq .block .question {padding:15px;color:#464646;background:#FFF;width:100%;border-bottom:#CCC 1px solid;display:block;}
#faq .block .question span {float:left;color:#000;font-size:28px;line-height:24px;margin:0 15px 0 0;}
.parentFaq, .faq, .subfamily {display:none;}
#faq .faq {padding:10px;border-bottom:#CCC 1px solid;}
.faq{
font-weight: bold;
}
/*****************************************
******************************************
* NEW STYLE
*******************************************
*******************************************/
/******************************************
* HEADER
*******************************************/
.navbar-top{
background:#666666;
padding: 2px 0;
border-radius: 0px 0px 10px 10px;
}
.navbar-info{
color: white;
}
.navbar-info span{
font-size: 11pt;
font-weight: lighter;
margin-left: 5px;
margin-right: 5px;
}
.navbar-top-wrapper{
height: 50px;
display: flex;
-webkit-box-align: center;
align-items: center;
position: relative;
}
.navbar-user ul{
display: inline-flex;
list-style: none;
margin: 0;
padding: 0;
position: relative;
-webkit-box-align: center;
align-items: center;
}
.btn-color:hover{
text-decoration: none;
}
.btn-color{
text-decoration: none;
background: #018ccc !important;
transition: .2s all linear;
color: white !important;
padding: 8px 13px;
border-radius: 12px;
margin: 0px 10px;
}
.newsletter-container input[type="checkbox"]{
margin: 0;
margin-left: 10px;
}
.btn_login_desktop{
text-decoration: none;
background: black !important;
transition: .2s all linear;
color: white !important;
padding: 8px 13px;
border-radius: 12px;
font-size: 12px;
max-width: 120px;
}
.navbar-user .btn-color {
/*display: block;*/
font-size: 11px;
margin-right: 0px;
}
.sesion-responsive{
display: none!important;
margin-right: 3px;
}
.sesion-responsive .login{
background-color: transparent;
text-decoration: none;
color: white;
padding: 4px 13px;
border-radius: 4px;
}
.menu-header{
float: left;
background-color: white;
}
.menu-header .logo-header{
background-color: white;
}
.lenguaje{
display: block;
}
.lenguaje ul{
list-style: none;
padding: 0;
margin: 0;
display: flex;
}
.lenguaje ul li{
width: 30px;
border-radius: 50%;
}
.home-top-banner > div > span{
display: none;
}
.home-top-banner > div > img{
}
/******************************************
* BUSCADOR
*******************************************/
.search-component form{
display: flex;
align-items: center;
position: relative;
margin-left: 10px;
}
.search-component form .form-group{
margin: 0;
}
.search-component form .form-group input::placeholder{
color: #000;
}
.search-component form .form-group input{
margin: 0;
display: block;
padding: 6px 12px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
height: 26px;
border-radius: 20px;
font-size: 12px;
padding-right: 35px;
width: 350px;
}
.search-component form button{
margin: 0;
font: inherit;
overflow: visible;
text-transform: none;
-webkit-appearance: button;
font-family: inherit;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
user-select: none;
border: 1px solid transparent;
right: 28px;
border-radius: 50%;
height: 24px;
width: 24px;
top: 0.25px;
background: white;
color: #000;
padding: 0;
position: relative;
}
/******************************************
* FIN BUSCADOR
*******************************************/
/******************************************
* FIN HEADER
*******************************************/
/******************************************
* HOME
*******************************************/
/******************************************
* RECOMENDADOS
*******************************************/
.row-custom .column_banner.col-md-12 {
padding: 0;
}
.bar {
margin: 50px 0px;
background: #018ccc;
min-height: 45px;
padding: 0px;
margin-bottom: 60px;
border-radius: 25px;
}
.bar .tabs-custom{
padding: 0px;
}
.bar .tabs-custom ul.nav-tabs {
border: 0px;
margin: 0px;
}
.bar .tabs-custom ul.nav-tabs li {
width: 20%;
}
.bar .tabs-custom ul.nav-tabs li.active a {
background: #aeaeae;
color: black;
font-weight: 500;
cursor: pointer;
border-bottom: 1px solid white;
}
.bar .tabs-custom ul.nav-tabs li a {
list-style: none;
text-decoration: none;
position: relative;
padding: 12px 15px;
margin-right: 2px;
width: 100%;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
font-size: 20px;
border: none;
border-radius: 0;
transition: 0.5s all linear;
background: transparent;
color: #fff;
font-weight: 500;
cursor: pointer;
}
.bar .tabs-custom ul.nav-tabs li a:hover{
background: #aeaeae;
color: black;
}
.recomendados .container .row .tab-content{
margin: 0px;
}
.owl-item{
margin: 5px 0px;
}
/* .btn-pujar-itemhome{
position: absolute;
bottom: 15px;
left: 50px;
right: 50px;
} */
/******************************************
* FIN RECOMENDADOS
*******************************************/
.noticia_content{
text-align: justify;
}
.blog-home .row{
}
.slick-slide img{
width: 100%;
height: 100%;
object-fit: contain;
}
.blog-home .column_banner:first-child {
width: 250px !important;
}
.blog-home .column_banner:nth-child(2){
width: 100% !important;
}
.medio-banner-container{
margin-top: 3rem;
margin-bottom: 3rem;;
}
.home-medio-banner > div > span > a{
position: absolute;
bottom: 4%;
left: 18%;
padding: 6px 30px;
font-weight: bold;
font-size: x-large;
}
@media (max-width: 1200px){
.home-medio-banner > div > span > a{
padding: 6px 30px;
font-size: large;
}
}
@media (max-width: 991px){
.home-medio-banner > div > span > a{
left: 18%;
padding: 5px 25px;
font-size: medium;
}
}
/******************************************
* FIN HOME
*******************************************/
/******************************************
* NEWSLETTER
*******************************************/
.newsletter{
background: #018ccc;
padding: 15px 0;
color: white;
margin-top: 80px;;
}
.newsletter-form{
padding: 10px 0px;
display: table;
margin: auto;
}
.newsletter-form .input{
position: relative;
margin: 0px 20px 0px 0px;
font: inherit;
padding: 8px 12px;
color: black;
background-color: #fff;
background-image: none;
border: 0;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
height: 35px;
border-radius: 20px;
font-size: 10px;
padding-right: 35px;
width: 312px;
font-family: inherit;
font-weight: 100;
font-size: 13px;
padding-left: 10px;}
.newsletter-form .input::placeholder{
color: black;
}
.newsletter-form .input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: red;
}
.newsletter-form .input::-ms-input-placeholder { /* Microsoft Edge */
color: red;
}
.newsletter-form .submit{
padding: 10px 40px;
border: 0;
background-color: white;
color: black;
font-weight: 500;
}
.newsletter-title{
text-transform: uppercase;
}
.newsletter-title h1{
font-size: 32px;
}
.newsletter .row.newsletter-familias label{
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: normal;
display: flex;
align-items: center;
}
.newsletter .row.newsletter-familias{
margin-top: 20px;
display: flex;
justify-content: center;
}
.h1-titl h1{
font-size: 47px;
}
.newsletter .row.newsletter-familias .newsletter-familias-content{
width: 400px;
}
.newsletter .row.newsletter-familias .newsletter-familias-content{
padding: 0 50px;
}
.newsletter .row.newsletter-familias .newsletter-familias-content input{
display: none;
}
.newsletter .row.newsletter-familias label input{
margin-top: 0;
}
.accept_new, .condicines{
display: block;
position: relative;
font-weight: 100;
font-size: small;
}
.accept_new span, .condicines span{
color: white;
color: white;
position: absolute;
font-weight: 500;
font-size: 14px;
padding-left: 9px;
}
.condicines span a{
color: white !important;
}
.title-content{
border-bottom: 20px solid lightgrey;
margin-bottom: 3rem;
}
.contenido .pagina-bloque-texto{
padding-bottom: 50px;
}
.contenido h2{
font-size: 30px;
font-weight: 500;
position: relative;
padding-left: 20px;
margin: 0px 0px 10px 0px;
}
.contenido h2:before{
content: '';
background: lightgray;
position: absolute;
left: 0px;
top: 5px;
height: 90px;
width: 10px;
z-index: 10;
}
.contenido p{
padding-left: 20px;
font-size: 16px;
font-weight: lighter;
text-align: justify;
margin-bottom: 20px;
}
.contenido p a{
word-wrap: break-word;
}
.contenido p.subtitle{
color: #215868;
}
.contenido ul{
list-style: none;
font-size: 16px;
padding-left: 10px;
}
.contenido li{
margin-bottom: 15px;
text-align: justify;
}
.contenido li:before{
content: ">";
margin-right: 10px;
font-weight: bold;
color: #215868;
}
.contenido .bloque-logos{
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 50px;
}
.contenido .bloque-logos .col-lg-3{
margin-top: 80px;
margin-bottom: 20px;
padding: 0px;
}
.contenido .bloque-logos .img-content img{
max-width: 100%;
max-height: 160px;
margin: 0 auto;
}
.contenido .lista-con-martillo{
padding-left: 50px;
list-style: none;
margin-top: 40px;
}
.contenido .lista-con-martillo li{
position: relative;
padding-left: 50px;
list-style: none;
margin-top: 15px;
font-weight: 100;
font-size: 16px;
}
.contenido .lista-con-martillo li{
background: url('./assets/img/martillo-lista.png');
background-repeat: no-repeat;
background-size: 36px;
}
.btn-view-lots{
font-size: 16px !important;
}
.contenido .bloque-logos .img-content{
text-align: center;
/*width: 100px;*/
margin: 0 auto;
height: 110px;
}
.max-custom{
max-width: 270px;
margin: 0 auto;
}
.bloque-logos .mt-2.text-center{
font-size: 17px ;
padding-left: 0px;
}
.contenido .bloque-logos .img-text{
font-size: 21px;
font-weight: bold;
color: #000;
}
.contenido .bloque-logos .col-xs-3{
margin-bottom: 50px;
}
.text-danger{
color: #a94442 !important;
}
.btn-logged{
max-width: 90px !important;
text-align: center;
margin-right: 2px;
margin-left: 2px;
}
.register-home{
width: 94px !important;
padding: 8px 7px;
}
.description-carrousel p .description{
display: block;
height: 53px;
overflow: hidden;
font-size: x-small;
}
/* the slides */
.slick-slide {
margin: 0 0px;
}
/* the parent */
.slick-list {
margin: 0 -10px;
}
body > div.home-slider > div.container > div > div.col-xs-3.home-slider-control.hidden-xs.hidden-sm.hidden-md > div > div:nth-child(1) > div.banner-register-btn.text-center > a{
font-size: 18px;
padding: 12px 15px;
}
.carousel-pujar{
width: auto !important;
height: auto !important;
background: #018ccc !important;
padding: 6px 15px;
color: white;
font-weight: 500;
text-decoration: none;
border-radius: 25px;
-webkit-transition: .3s linear all;
-o-transition: .3s linear all;
transition: .3s linear all;
border-radius: 13px;
line-height: 1;
font-size: 22px;
}
.carousel-pujar.btn-red{
background: #cc0101 !important;
}
section.blog-home > div.p-0.position-relative.content_art_container.container > div > div > div > div{
width: 70%;
font-size: 16px;
}
.page-description{
font-size: 21px;
margin: 5px;
}
.contenido div.container{
margin-bottom: 20px;
}
.auction-img-data{
border-right: none;
}
.owl-carousel .owl-item img {width:auto;}
.slick-slide > div{
display: flex;
}
/******************************************
* FORMULARIO FICHA
*******************************************/
.form-authorize .effect-16{
padding: 6px 12px;
}
/******************************************
* FIN FORMULARIO FICHA
*******************************************/
@media (min-width: 1200px){
.auction-img-data{
border-right: 2px solid black;
}
}
.module-1{
max-width: 125px;
margin-right: 70px;
}
.module-2{
max-width: 130px;
}
@media screen and (max-width: 991px){
.module-1, .module-2{
max-width: inherit;
margin-right: 0px;
}
section.blog-home > div.p-0.position-relative.content_art_container.container > div > div > div > div{
width: 90%;
}
#form-newsletter > div.row.newsletter-familias > div:nth-child(1) > div{
padding-left: 15px;
}
.bloque-logos div{
margin-top: 20px;
}
.social-links{
margin-right: 10px !important;
}
}
.ul-site{
padding: 0 0 0 5px;
list-style-type: initial;
margin: 5px;
}
.li-site{
padding-left: 5px;
margin: 5px 0;
}
.slick-slide img{
max-height: initial !important;
}
.btn-ficha-custom{
background: grey;
border-radius: 0;
width: 100%;
font-size: 20px;
}
#multipleBidders {
max-width: 900px;
}
#multipleBidders input[type=text] {
margin-left: 15px;
margin-bottom: 5px;
flex: 1;
min-width: 130px;
}
#multipleBidders .bidder-wrap input[type=text]:first-of-type {
margin-left: 7px;
}
#multipleBidders :is(input[type=text], input[type=number]),
#multipleBidders .input-group-addon {
border-top: 0;
border-left: 0;
border-right: 0;
background: rgb(242, 242, 242);
border-radius: 0;
position: relative;
padding: 0 10px;
-webkit-box-shadow: none;
box-shadow: none;
transition: none;
}
/* transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; */
#multipleBidders .input-group {
width: 100%;
min-width: 130px;
flex: 1;
margin-left: 15px;
margin-bottom: 5px;
}
#multipleBidders :is(input[type=text], input[type=number]):focus + .input-group-addon {
border-color: #000;
}
.newsletters-page form input[type="checkbox"] {
position: initial;
top: initial;
display: inline-block;
width: 20px;
height: 20px;
margin-right: initial;
margin: initial;
}
.newsletters-page .button-principal {
height: auto;
padding: 10px 8px;
border-radius: initial;
float: right;
}
.newsletters-page .list-group-item {
margin-bottom: 10px;
border: initial;
border-bottom: 1px solid #ddd;
}
.newsletters-page .list-group-item:is(:first-child, :last-child) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.newsletter_label {
max-width: 75%;
}
.newsletter-dialog {
border: 0;
margin: auto;
padding: 2rem 3rem;
}
.dialog-content {
display: flex;
flex-direction: column;
gap: 2rem;
}
dialog::backdrop {
background: rgba(0, 0, 0, 0.3);
}
/********** COOKIES **********/
.cookies {
position: fixed;
z-index: 999999;
background: #fff;
padding: 1rem;
}
.cookies[data-style="popover"] {
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 7px;
box-shadow: rgba(0, 0, 0, .19) 0 10px 20px, rgba(0, 0, 0, .23) 0 6px 6px;
}
.cookies[data-style="bar"] {
left: 0;
bottom: 0;
width: 100%;
border-top: 1px solid #ddd;
}
.cookies__title {
font-size: 1.2em;
font-weight: 700;
margin-bottom: 1rem;
}
.cookies__message {
font-size: 1em;
margin-bottom: 1rem;
flex: 1;
}
.cookies_buttons {
display: flex;
flex-direction: column;
gap: .5rem;
}
.cookies[data-style="bar"] .cookies_content {
display: flex;
gap: 1rem;
flex-wrap: wrap;
flex-direction: column;
}
.cookies_buttons button {
flex: 1;
padding: .75rem 1.25rem;
font-weight: 500;
line-height: 1.2;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
color: #fff;
border: 1px solid var(--primary-color);
border-radius: 0.25rem;
background-color: var(--primary-color);
transition: all 0.3s;
letter-spacing: 0.1em;
text-transform: uppercase;
display: inline-flex;
align-items: center;
justify-content: center;
}
.cookies_buttons button:hover {
background-color: #222;
}
.cookies_links {
display: flex;
gap: 2rem;
justify-content: center;
text-transform: uppercase;
margin-top: 1rem;
flex-wrap: wrap;
text-wrap: balance;
font-size: 0.8em;
}
@media(width > 768px) {
.cookies[data-style="bar"] .cookies_content {
flex-direction: row;
}
}
@media(width > 500px) {
.cookies[data-style="popover"] {
left: 15px;
bottom: 15px;
padding: 2rem;
max-width: 500px;
width: 100%;
}
.cookies_buttons {
flex-direction: row;
}
.cookies[data-style="bar"] .cookies_buttons {
align-self: flex-start;
}
}
.modal-cookies .modal-body {
max-height: 60vh;
overflow-y: scroll;
}
.modal-cookies .modal-footer {
border-top: 0;
}
.cookie-type {
margin-top: 2rem;
padding-top: 2rem;
border-top: 1px solid #f4f4f4;
}
.cookie-type_header_wrap {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: .5rem;
}
.cookie-type_header {
display: flex;
gap: .5rem;
}
.cookie-type_header_text {
flex: 1;
font-weight: 600;
}
.cookie-type_header_arrow i {
transition: all .3s;
}
.cookie-type_header_arrow.active i {
rotate: 90deg;
}
.cookie-type_content {
padding: 0.5rem 1rem;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.cookie-wrapper {
padding: .5rem 0;
border-bottom: 1px solid #f4f4f4;
}
.cookie-wrapper p {
margin: 0;
}
.cookie-wrapper p span:first-child {
font-weight: 600;
}
.cookie-type input[type=checkbox] {
height: 0;
width: 0;
visibility: hidden;
}
.cookie-type label {
cursor: pointer;
text-indent: -9999px;
width: 60px;
height: 30px;
background: grey;
display: block;
border-radius: 100px;
position: relative;
margin: 0;
}
.cookie-type label:after {
content: "";
position: absolute;
top: 5px;
left: 5px;
width: 20px;
height: 20px;
background: #fff;
border-radius: 99999px;
transition: 0.2s;
}
.cookie-type input:checked+label {
background: #bada55;
}
.cookie-type input:checked+label:after {
left: calc(100% - 5px);
transform: translateX(-100%);
}
.cookie-type label:active:after {
width: 30px;
}
.btn-lb-primary {
background-color: var(--primary-color);
border-color: var(--primary-color);
border-radius: 100px;
color: #fff;
font-weight: 600;
}
.btn-lb-primary:is(:hover, :focus) {
background-color: var(--primary-color-hover);
border-color: #006898;
color: #fff;
}
select#representante {
font-weight: 400;
font-size: 1.2em;
height: auto;
color: #000;
border: 2px solid var(--primary-color);
}