* {

    list-style: none

}



header,

input,

ul,

li,

button {

    text-decoration: none;

    -webkit-transition: all 300ms cubic-bezier(.215, .61, .355, 1);

    transition: all 300ms cubic-bezier(.215, .61, .355, 1)

}



body {

    overflow-x: hidden

}



.jconfirm.jconfirm-white .jconfirm-bg,

.jconfirm.jconfirm-light .jconfirm-bg {

    background-color: rgba(230, 230, 230, 0)!important;

    opacity: .5!important

}



.ripple{position:relative;overflow:hidden;transform:translate3d(0,0,0)}.ripple:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#000 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10,10);opacity:0;transition:transform .5s,opacity 1s}.ripple:active:after{transform:scale(0,0);opacity:.2;transition:0s}



#badge-success {

    color: white!important;

    background-color: green;

    height: 27px;

    border-radius: 19px;

    text-align: center;

    padding-top: 6px;

    order-color: #e4e4e4;

    border-width: 3px;

    width: 133px

}



#badge-success:focus {

    color: white!important;

    background-color: red!important;

    height: 27px;

    border-radius: 19px;

    text-align: center;

    padding-top: 6px;

    order-color: #e4e4e4;

    border-width: 3px

}



.enproceso {

    width: 147px!important;

    color: gray!important;

    background-color: #d8d8d8!important;

    padding: 3px 9px 3px 3px!important;

    border-radius: 15px!important;

    position: absolute!important;

    margin-top: -27px!important;

    margin-left: 154px!important

}



.rojo-iniciar {

    border-color: #d84e76!important;

    border-style: solid!important;

    border-width: 1px!important;

    color: #d84e76!important

}



.loading-pane {

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: 1;

    text-align: center;

    padding-top: 137px

}



.btn-servicio {

    width: 100%;

    height: 150px;

    background-color: #fff;

    border-color: #fff;

    border-style: solid;

    border-width: 4px;

    border-radius: 7px;

    color: #a9043a

}



.btn-servicio:active {

    border-color: #a9043a

}



.btn-servicio:hover {

    margin-top: -6px;

    box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);

}



.loading-form2 {

    text-align: center;

    position: absolute;

    z-index: 1;

    background-color: rgba(255, 255, 255, .65);

    font-size: 21px

}



.showme {

    display: none

}



.showhim:hover .showme {

    display: block

}



.showhim:hover .ok {

    display: none

}



.panel-login {

    position: absolute;

    z-index: 1;

    background-color: white;

    width: 257px;

    /*padding: 5px 6px 2px 0;*/

    margin-left: -114px !important;

    -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);

    -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);

    box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);

    /*border-radius: 12px;*/

}



@font-face {

    font-family: roboto-regular;

    src: url(../fonts/Roboto-Regular.ttf) format('truetype')

}



@font-face {

    font-family: montserrat-semibold;

    src: url(../fonts/Montserrat-SemiBold.otf) format('opentype')

}



@font-face {

    font-family: montserrat-medium;

    src: url(../fonts/Montserrat-Medium.otf) format('opentype')

}



@font-face {

    font-family: raleway-medium;

    src: url(../fonts/Raleway-Medium.ttf) format('truetype')

}



@font-face {

    font-family: raleway-bold;

    src: url(../fonts/Raleway-Bold.ttf) format('truetype')

}



.table-scroll {

    width: 100%

}



header {

    padding: 10px 0;

    background: white

}



.logo-principal {

    width: 207px

}



nav ul {

    width: auto;

    float: right;

    padding-top: 10px

}



nav ul li {

    width: auto;

    height: auto;

    float: right

}



nav ul li a {

    width: auto;

    display: inline-block;

    padding: 12px 22px;

    font-family: roboto-regular;

    color: #000;

    background: white;

    border-radius: 200px;

    text-decoration: none!important;

    font-size: 14px;

}



nav ul li:hover .rojo-hover {

    background: #a9043a;

    color: white !important;

    transition: all 0.3s ease;

}



.seccion-total {

    width: 100%;

    height: auto;

    padding: 10px 0 0 0;

    position: relative;

}



.seccion-gris {

    width: 100%;

    height: auto;

    padding: 56px 0 0 0;

    position: relative;

    background: #f6f6f7;

    margin-top: -53px;

}



.txt-center {

    text-align: center

}

.txtres{

    font-weight: 600;

}

.titulo-lv-1 {

    font-family: montserrat-semibold;

    color: #1e1e1e;

    font-size: 52px;

    line-height: 1.1

}



.titulo-lv-2 {

    font-family: montserrat-semibold;

    color: #1e1e1e;

    font-size: 35px;

    line-height: 1.1;

    margin: inherit;

}



.titulo-lv-3 {

    font-family: montserrat-semibold;

    color: #1e1e1e;

    font-size: 28px;

    line-height: 1.1;

    margin-bottom: 20px

}



.parrafo-regular p {

    color: #807e7c;

    font-family: raleway-medium;

    font-size: 14px;

    margin-bottom: 0px!important

}



.parrafo-regular {

    color: #807e7c;

    font-family: raleway-medium;

    font-size: 16px;

    text-align: left;

}



.parrafo-regular-grande {

    color: #807e7c;

    font-family: raleway-medium;

    font-size: 18px

}



.parrafo-regular-mini {

    color: #807e7c;

    font-family: raleway-medium;

    font-size: 13px

}



.parrafo-regular-mini2 {

    color: #807e7c;

    font-family: raleway-medium;

    font-size: 11px

}



.pl25 {

    padding-left: 30px!important

}



.img-home-1 {

    display: block;

    margin-left: auto;

    margin-right: auto;

    margin-top: -33px;

    margin-bottom: -32px;

    width: 560px

}



.senalador {

    display: block;

    margin-left: auto;

    margin-right: auto;

    width: 70px;

    height: 70px;

    border-radius: 200px;

    background: #a9043a

}



.senalador img {

    width: 100%

}



.linea-home-1 {

    display: block;

    margin-left: auto;

    margin-right: auto;

    width: 7px;

    height: 60px;

    border-radius: 200px;

    background: #a9043a;

    margin-top: 38px;

    margin-bottom: 45px

}



.titulo-desvanecido {

    color: #f6f2ef;

    font-size: 120px;

    font-family: montserrat-semibold

}



.titulo-desvanecido3 {

    color: #f6f2ef;

    font-size: 120px;

    font-family: montserrat-semibold;

    line-height: 0;

    margin-bottom: -37px;

    margin-top: -26px

}



.titulo-desvanecido2 {

    color: #f6f6f7;

    font-size: 120px;

    font-family: montserrat-semibold

}



.subtitulo {

    color: #a9043a;

    font-family: raleway-bold;

    font-size: 15px

}



.boton-regular {

    width: auto;

    display: inline-block;

    padding: 12px 22px;

    font-family: roboto-regular;

    color: white;

    background: #a9043a;

    border-radius: 200px;

    text-decoration: none!important;

    font-size: 14px;

    position: relative;

    top: 0;

    border: none

}



.boton-regular:visited {

    color: white!important

}



.boton-regular:hover {

    color: white;

    top: -6px

}



.video {

    width: 95%;

    height: auto;

    position: absolute;

    top: 0

}



.div-video {

    margin-top: 40px

}



.video-img {

    width: 100%

}



.play {

    position: absolute;

    width: 80px;

    left: 50%;

    margin-left: -40px;

    top: 50%;

    margin-top: -40px;

    z-index: 999;

    cursor: pointer

}



.play:hover {

    margin-top: -46px

}



.pajaro {

    position: absolute;

    width: 50%;

    right: 50px;

    bottom: 42px

}



.logos-servicios {

    width: 180px;

    display: block;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 60px

}



.servicios {

    width: 100%;

    height: auto;

    transform: scale(1.2);

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    margin-bottom: 40px

}



.link-texto {

    font-family: raleway-bold;

    color: #A8053A!important

}



.link-texto2 {

    color: #A8053A

}



.center-table {

    display: table;

    margin-right: auto;

    margin-left: auto;

    margin-top: 15px

}



.block-table {

    width: 100%;

    display: table;

    margin-right: auto;

    margin-left: auto;

    margin-top: 15px;

    margin-bottom: 15px

}



.lista-servicios p {

    width: 100%;

    padding: 0 30px

}



.center-table th {

    padding: 0 15px

}



.center-table td {

    padding: 0 15px

}



.block-table th {

    padding: 0 8px

}



.txt-right {

    text-align: right

}



.block-table tr {

    border-bottom: 1px solid #dadada;

    padding-top: 12px

}



.block-table td {

    padding: 11px 8px 0 8px

}



.caja-gris {

    width: 100%;

    height: auto;

    padding: 40px 30px 0 30px;

    background: #F2F2F2

}



.subtitulo-menu-lateral a {

    color: #333

}



.subtitulo-menu-lateral a:hover {

    color: #a9043a

}



.subseccion-roja {

    width: 100%;

    height: auto;

    background: #a9043a;

    padding: 15px 0;

    margin: 270px 0 0 0;

    position: relative

}



.icono-blancos {

    width: 100px;

    height: auto;

    display: block;

    margin-left: auto;

    margin-right: auto

}



.txt-blanco {

    color: white!important;

    text-align: center;

}



.linea-atrav {

    width: 7px;

    height: 180%;

    top: -40%;

    left: 50%;

    border-radius: 200px;

    /*background: #a9043a;*/

    position: absolute

}



.linea-atrav2 {

    width: 7px;

    height: 140%;

    top: -20%;

    left: 50%;

    border-radius: 200px;

    background: #a9043a;

    position: absolute

}



.contacto {

    width: 100%;

    height: auto;

    padding: 130px 0 80px 0;

    background: white

}



.input-regular {

    width: 100%;

    text-transform: uppercase;

    border-radius: 4px;

    background: #ececec;

    border: none;

    color: #000;

    padding: 14px 19px;

    margin-bottom: 21px;

    font-family: raleway-bold;

    font-size: 12px;

}



.textarea-regular {

    width: 100%;

    height: 120px;

    border-radius: 4px;

    background: #ececec;

    border: none;

    color: #000;

    padding: 14px 19px;

    margin-bottom: 26px;

    font-family: raleway-bold

}



.mtop {

    margin-top: 0px!important

}



.cotiza {

    margin-top: 70px

}



.subseccion-roja h3 {

    font-family: montserrat-semibold;

    color: white;

    text-align: center;

    margin-top: 4px;

    margin-bottom: 30px

}



.boton-center {

    display: block;

    margin-left: auto;

    margin-right: auto;

    border: none;

    color: white !important;

}

.boton-center:hover{

    color: #000;

}



input:focus {

    box-shadow: 0px!important;

    outline: 0px!important

}



select:focus {

    box-shadow: 0px!important;

    outline: 0px!important

}



textarea:focus {

    box-shadow: 0px!important;

    outline: 0px!important

}



button:focus {

    box-shadow: 0px!important;

    outline: 0px!important

}



.redes {

    color: #a9043a;

    font-size: 27px!important;

    margin: 0 4px;

    position: relative;

    top: 4px

}



footer {

    width: 100%;

    height: auto;

    padding: 40px 0;

    background: #a9043a

}



.grande {

    font-family: raleway-bold;

    font-size: 20px

}



.redes2 {

    font-size: 27px!important;

    margin: 0 4px;

    position: relative;

    top: 4px

}



.redes3 {

    font-size: 24px!important;

    margin: 0 4px;

    position: relative;

    top: 3px;

    color: white

}



footer a {

    color: white

}



footer a:hover {

    color: white

}



a {

    text-decoration: none!important

}



.logo-footer {

    height: 50px;

    margin-top: 28px

}



.form-login {

    height: auto;

    width: 250px;

    margin-left: 30px;

    position: relative

}



.campo-login {

    padding: 0 2px!important;

    position: absolute

}



.input-regular2 {

    width: 100%;

    border-radius: 4px;

    background: #ececec;

    border: none;

    color: #000;

    padding: 14px 15px;

    margin-bottom: 21px;

    font-family: raleway-medium;

    font-size: 12px!important

}



.login {

    width: 45px;

    height: 45px;

    border-radius: 200px;

    background: #a9043a;

    position: absolute;

    left: 108%;

    top: 0;

    cursor: pointer

}



.pregunta {

    width: 25px;

    height: 25px;

    background: #a8053a;

    display: block;

    text-align: center;

    color: white;

    font-family: raleway-medium;

    font-size: 10px;

    border-radius: 40px;

    padding-top: 6px;

    position: absolute;

    z-index: 999;

    top: 11px;

    right: 5px;

    cursor: pointer

}



.tooltipp {

    width: 260px;

    height: auto;

    padding: 15px;

    background: #fff;

    position: absolute;

    border: 1px solid #e2e2e2;

    left: 50%;

    margin-left: -130px;

    top: 40px;

    display: none

}



.pregunta:hover .tooltipp {

    display: block

}



.pregunta2:hover .tooltipp {

    display: block

}



.pregunta:hover {

    z-index: 99999

}



.pregunta2:hover {

    z-index: 99999

}



.senal-tooltipp {

    width: 14px;

    height: 14px;

    background: white;

    position: absolute;

    left: 50%;

    margin-left: -7px;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    border-left: 1px solid #dedede;

    border-top: 1px solid #dedede;

    top: -7px

}



.tooltipp p {

    text-align: center

}



.pregunta2 {

    width: 25px;

    height: 25px;

    background: #a8053a;

    display: block;

    text-align: center;

    color: white;

    font-family: raleway-medium;

    font-size: 10px;

    border-radius: 40px;

    padding-top: 6px;

    position: absolute;

    z-index: 999;

    top: 0;

    right: 5px;

    cursor: pointer

}



.login img {

    width: 100%;

    transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg)

}



.login-facebook {

    width: 100%;

    position: absolute;

    bottom: 112%

}



.olvide {

    padding: 0px!important;

    font-family: roboto-regular;

    font-size: 12px;

    text-decoration: underline!important;

    border: none!important;

    background-color: white;

    position: relative;

    color: #c5c5c5;

    top: -19px

}



.olvide:hover {

    background: none!important;

    color: #c5c5c5!important

}



.barra-progreso {

    width: 280px;

    height: 8px;

    background: #C4C4C4;

    display: block;

    margin-right: auto;

    margin-left: auto;

    margin-top: 50px;

    margin-bottom: 50px;

    position: relative

}



.paso {

    width: 24px;

    height: 24px;

    border-radius: 200px;

    background: #C4C4C4;

    position: absolute;

    top: 50%;

    margin-top: -12px;

    margin-left: -12px

}



.uno .paso1 .pasoNumero {

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1)

}



.dos .paso2 .pasoNumero {

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1)

}



.tres .paso3 .pasoNumero {

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1)

}



.cuatro .paso4 .pasoNumero {

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1)

}



.cinco .paso5 .pasoNumero {

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1)

}



.paso1 {

    left: 0%

}



.paso2 {

    left: 25%

}



.paso3 {

    left: 50%

}



.paso4 {

    left: 75%

}



.paso5 {

    left: 100%

}



.pasoNumero {

    width: 44px;

    height: 44px;

    border-radius: 200px;

    background: #A9043A;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -22px;

    margin-left: -22px;

    transform: scale(0);

    -webkit-transform: scale(0);

    -moz-transform: scale(0)

}



.pasoNumero p {

    width: 100%;

    text-align: center;

    color: white;

    font-family: montserrat-semibold;

    position: relative;

    top: 10px;

    font-size: 18px

}



.paso-owl {

    width: 320px!important;

    height: auto;

    display: block;

    margin-right: auto;

    margin-left: auto;

    margin-top: 30px

}



.manejadores-izq {

    width: 40px;

    height: 60px;

    position: absolute;

    top: 45%;

    left: 100px;

    z-index: 999;

    cursor: pointer

}



.manejadores-der {

    width: 40px;

    height: 60px;

    position: absolute;

    top: 45%;

    right: 100px;

    z-index: 999;

    cursor: pointer

}



.owl-carousel1 {

    position: relative;

    margin-bottom: 60px!important

}



.next {

    width: 100%

}



.prev {

    width: 100%;

    transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg)

}



.rayita {

    position: absolute;

    top: 17px;

    right: 26px

}



.select-regular {

    -webkit-appearance: none

}



.boton-block {

    width: 100%;

    border: none;

    margin-top: -6px;

    margin-bottom: 20px

}



.caja-texto-cotiza {

    width: 100%;

    border-radius: 4px;

    background: #ececec;

    padding: 14px 30px;

    margin-bottom: 21px

}



.datos-cotizacion {

    padding: 0 56px

}



.txt-black p {

    color: #000

}



.bold {

    font-family: raleway-bold;

    color: #1e1e1e;

    margin-bottom: 2px!important

}



.bold p,

.bold h1,

.bold h2,

.bold h3 {

    font-family: raleway-bold;

    color: #1e1e1e;

    margin-bottom: 2px!important

}



.bold5 {

    font-family: raleway-bold;

    color: #1e1e1e

}



.bold2 {

    font-family: raleway-bold;

    color: #000;

    margin-bottom: 2px!important;

    font-weight: 600

}



.notificar {

    padding: 6px 15px;

    background: #ececec;

    margin-left: 10px;

    border-radius: 100px

}



.bold3 {

    font-family: montserrat-semibold;

    font-weight: 600

}



.mover-check {

    position: relative;

    left: 10px

}



.mb0 {

    margin-bottom: 0px!important

}



.datos-cotizacion .parrafo-regular {

    font-size: 13px!important

}



.bold-rojo {

    font-family: raleway-bold;

    color: #a9043a!important

}



.separador-rows {

    width: 100%;

    height: 1px;

    background: #dadada;

    margin: 12px 0

}



.separador-rows2 {

    width: 92%;

    height: 1px;

    background: #dadada;

    display: block;

    margin-left: auto;

    margin-right: auto

}



.separador-rows3 {

    width: 100%;

    height: 1px;

    background: #dadada;

    display: block;

    margin-left: auto;

    margin-right: auto

}



.logout {

    width: 45px;

    height: 45px;

    border-radius: 200px;

    background: #a9043a;

    cursor: pointer

}



.logout img {

    width: 100%

}



.body-gris {

    background: #F6F6F8

}



.content-1 {

    padding: 30px 0

}



.perfil-photo {

    width: 50px;

    height: 50px;

    border-radius: 100px;

    background: white;

    margin: 0 30px 0 20px;

    position: relative;

    float: left

}



.notifi {

    width: 20px;

    height: 20px;

    border-radius: 100px;

    position: absolute;

    background: #a9043a;

    top: -5px;

    right: -5px

}



.notifi p {

    width: 100%;

    color: white;

    font-family: montserrat-medium;

    text-align: center;

    font-size: 9px;

    position: relative;

    top: 4px

}



.saludo {

    margin-top: 10px

}



.saludo a {

    color: #807e7c;

    text-decoration: underline!important;

    font-family: raleway-bold

}



.menu-lateral {

    padding: 0px!important

}



.menu-lateral li {

    width: 100%;

    position: relative

}



.menu-lateral li:hover .cont-menu {

    color: white

}



.menu-lateral li:hover a {

    background: #A9053A;

    color: white

}



.menu-lateral li a {

    padding: 4px 10px;

    font-family: raleway-bold;

    color: #807e7c;

    width: 100%;

    display: block;

    border-radius: 4px

}



.cont-menu {

    font-family: raleway-bold;

    color: #807e7c;

    position: absolute;

    right: 12px;

    top: 3px

}



.item-active a {

    background: #A9053A!important;

    color: white!important

}



.item-active .cont-menu {

    color: white!important

}



.subtitulo-menu-lateral {

    padding: 6px 10px;

    font-family: raleway-bold;

    text-transform: uppercase

}



.subtitulo-menu-lateral2 {

    padding: 6px 10px 0 10px;

    font-family: raleway-bold;

    text-transform: uppercase;

    margin-bottom: 2px!important

}



.font2 a {

    font-family: raleway-medium!important

}



.contenedor-t1 {

    width: 100%;

    height: auto;

    background: white;

    border-radius: 6px;

    margin-bottom: 60px;

    padding-bottom: 70px;

    /*-webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);

    -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);

    box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);*/

}



@media screen and (max-width:400px) {

    .contenedor-t1{

      width: 100%;

    }

   
    

    .panel-login {

        position: absolute;

        z-index: 1;

        background-color: white;

        width: 257px;

        /*padding: 5px 6px 2px 0;*/

        margin-left: 0px !important;
    }
      

  

  

  }



.caja-t1 {

    /*padding: 40px 30px;*/

    padding: 18px 26px;

    position: relative

}



.caja-t1-2 {

    padding: 10px 30px;

    position: relative

}



.caja-t1 h1 {

    margin: 0px!important;

    color: #a9043a !important;

    font-size: 20px !important;

}



.subtitulo-t1 {

    color: #a9043a;

    font-family: raleway-bold;

    font-size: 17px;

    text-transform: uppercase;

    letter-spacing: 1px

}



.form-t1 {

    padding: 0 20px

}



.boton-regular2 {

    width: auto;

    display: inline-block;

    padding: 7px 39px;

    font-family: roboto-regular;

    color: white;

    background: #a9043a;

    border-radius: 200px;

    text-decoration: none!important;

    font-size: 12px;

    position: relative;

    top: 0;

    margin-top: 8px;

    border: none

}



.boton-regular4 {

    width: auto;

    display: inline-block;

    padding: 7px 39px 7px 54px;

    font-family: roboto-regular;

    color: white;

    background: #a9043a;

    border-radius: 200px;

    text-decoration: none!important;

    font-size: 12px;

    position: relative;

    top: 0;

    margin-top: 10px;

    border: none;

    cursor: pointer;

    overflow: hidden

}



.boton-regular2:hover {

    color: white;

    top: -6px

}



.boton-regular4:hover {

    color: white;

    top: -6px

}



.boton-regular2-1:hover {

    color: white;

    top: -6px

}



.boton-regular2-1 {

    width: auto;

    display: inline-block;

    padding: 4px 19px;

    font-family: roboto-regular;

    color: white;

    background: #a9043a;

    border-radius: 200px;

    text-decoration: none!important;

    font-size: 12px;

    position: relative;

    top: 0;

    margin-top: -5px;

    margin-bottom: -5px;

    border: none;

    margin-left: 10px

}



.boton-descar {

    width: 30px;

    height: 30px;

    border-radius: 200px;

    background: #ECECEC;

    cursor: pointer;

    position: relative;

    top: 0;

    margin-top: -7px!important;

    margin-bottom: -26px!important;

    left: -6px

}



.boton-descar:hover {

    top: -6px

}



.boton-descar img {

    width: 100%;

    position: absolute;

    left: 0;

    top: 0

}



.fright {

    float: right!important

}



.boton-regular3 {

    width: auto;

    display: inline-block;

    padding: 10px 50px;

    font-family: roboto-regular;

    color: white;

    background: #a9043a;

    border-radius: 200px;

    text-decoration: none!important;

    font-size: 14px;

    position: relative;

    top: 0;

    margin-top: 30px;

    margin-right: 18px;

    border: none;

}



.boton-regular3:hover {

    color: white;

    top: -6px

}



.number-direccion {

    color: #dedede;

    font-family: montserrat-semibold;

    font-size: 46px;

    text-align: center

}



.nombre-direccion {

    font-family: raleway-bold;

    color: #000;

    margin-bottom: 0px!important

}



.direccion-direccion {

    font-family: raleway-bold;

    color: #a9043a;

    margin-bottom: 0px!important

}



.buttons-direcciones {

    width: 50px;

    height: 50px;

    border-radius: 200px;

    background: #a9043a;

    cursor: pointer;

    margin-left: 10px;

    position: relative;

    top: 0

}



.buttons-direcciones img {

    width: 100%

}



.buttons-direcciones2 {

    width: 50px;

    height: 50px;

    border-radius: 200px;

    background: #ECECEC;

    cursor: pointer;

    margin-left: 10px;

    position: relative;

    top: 0

}



.buttons-direcciones:hover,

.buttons-direcciones2:hover {

    top: -6px

}



.buttons-direcciones2 img {

    width: 100%

}



.opciones-direcciones {

    width: 100%;

    padding-right: 30px;

    padding-top: 10px

}



.opciones-direcciones li {

    float: right

}



.radio-direccion {

    position: absolute;

    right: 100%;

    margin-right: -192px!important;

    top: 2px;

    width: 351px;

    height: 20px;

    z-index: 9999

}



.direccion-list {

    width: 100%;

    display: inline-block;

    margin-bottom: 10px;

    margin-top: 7px

}



.senalador-titulo {

    width: 13px;

    height: 13px;

    position: absolute;

    left: 0;

    top: 62px;

    background: #ececec;

    border-radius: 0 20px 20px 0

}



.pajaro-cuenta {

    position: absolute;

    right: -107px;

    top: 121px;

    width: 483px

}



.tabs {

    padding: 0 30px!important;

    display: inline-block;

    width: 100%

}



.tabs li {

    float: left;

    margin-right: 20px

}



.tabs li a {

    font-family: raleway-bold;

    text-transform: uppercase;

    margin-bottom: 2px!important;

    color: #393939;

    cursor: pointer

}



.archivo {

    opacity: .5

}



.mensajes {

    display: inline-block;

    width: 100%;

    height: auto;

    padding: 0px!important

}



.mensajes li {

    padding: 18px 25px;

    border-bottom: 1px solid #dadada;

    position: relative

}



.mensajes li:hover {

    background: #F4F4F4

}



.circle-mensaje {

    width: 10px;

    height: 10px;

    background: #a9043a;

    border-radius: 60px;

    position: absolute;

    left: 8px;

    top: 23px;

    display: none

}



.leidos {

    color: gray!important

}



.no-leido {

    background: #F4F4F4

}



.no-leido .circle-mensaje {

    display: block!important

}



.fecha-mensaje {

    position: absolute;

    right: 25px;

    top: 18px

}



.caja-t2 {

    padding: 23px 29px;

    background: #F4F4F4;

    border-radius: 2px;

    margin-bottom: 40px

}



.archivar {

    font-family: raleway-bold;

    text-transform: uppercase;

    margin-top: -18px

}



.archivar a {

    color: #767676

}



.archivar a:hover {

    color: #a9043a

}



.fleft {

    float: left!important

}



.tabs2 {

    padding: 0 30px!important;

    display: inline-block;

    width: 100%;

    margin-bottom: -6px

}



.tabs2 li {

    float: left;

    width: 33.333%;

    border-radius: 6px 6px 0 0

}



.tabs2 li a {

    font-family: montserrat-medium;

    margin-bottom: 2px!important;

    color: #393939;

    cursor: pointer;

    text-align: center;

    width: 100%;

    display: inline-block;

    padding: 15px 0;

    font-size: .9em

}



.direc-active {

    background: #ECECEC

}



.owl-direcciones {

    background: #ECECEC

}



.owl-direcciones .caja-t2 {

    background: none!important;

    margin-bottom: 0px!important

}



.direc-active a {

    color: #a9043a!important;

    font-family: montserrat-bold;

    font-weight: 600

}



.subtitulo-compras {

    color: #a9043a;

    font-family: montserrat-semibold

}



.compras {

    width: 100%;

    display: inline-block;

    padding: 0px!important

}



.compras li {

    width: 100%;

    height: auto;

    background: white;

    border-radius: 6px;

    margin-bottom: 20px;

    padding: 15px 30px;

    -webkit-box-shadow: 0 0 6px 2px rgba(0, 0, 0, .04);

    -moz-box-shadow: 0 0 6px 2px rgba(0, 0, 0, .04);

    box-shadow: 0 0 6px 2px rgba(0, 0, 0, .04)

}



.compras .col-md-2,

.compras .col-md-6 {

    padding: 0 2px!important

}



.txt-negro {

    color: #000!important

}



.txt-hidden {

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden

}



.total-compra {

    color: #000!important;

    font-family: raleway-medium!important;

    font-size: 30px;

    margin-left: 10px

}



.terminos {

    text-decoration: underline!important;

    position: relative;

    top: -15px;

    opacity: .5

}



.terminos2 {

    text-decoration: underline!important;

    position: relative;

    top: 15px;

    opacity: .5

}



.item-precios {

    padding: 6px 0;

    border-bottom: 1px solid #dadada

}



.input-rojo {

    color: #a9043a!important

}



.radio-rojo {

    width: 20px;

    height: 20px;

    position: relative;

    top: 4px;

    background: #a9043a!important

}



.texto-radio {

    margin-top: -7px;

    margin-bottom: 22px!important;

    float: left;

    margin-right: 30px

}



.radio-rojo + label:before {

    background: Red

}



.buttons-direcciones3 {

    width: 30px;

    height: 30px;

    border-radius: 200px;

    background: #a9043a;

    cursor: pointer;

    margin-left: 10px;

    position: relative;

    top: 0

}



.buttons-direcciones3 img {

    width: 100%

}



.buttons-direcciones4 {

    width: 30px;

    height: 30px;

    border-radius: 200px;

    background: #ECECEC;

    cursor: pointer;

    margin-left: 10px;

    position: relative;

    top: 0

}



.buttons-direcciones3:hover,

.buttons-direcciones4:hover {

    top: -6px

}



.buttons-direcciones4 img {

    width: 100%

}



.color-1 {

     background: #E6E6E6;

    padding: 5px 11px;

    font-family: raleway-bold;

    border-radius: 8px;

    color: #a9043a;

    font-size: 11px;

    float: left;

    margin-right: 15px;

    position: relative;

    /* top: -6px; */

    text-align: center;

}



.color-2 {

    border: 1px solid #379b37;

    padding: 5px;

    background-color: green;

    font-family: raleway-bold;

    border-radius: 8px;

    color: white;

    font-size: 11px;

    float: left;

    margin-right: 15px;

    position: relative;

    /* top: -6px; */

}



.color-3 {

    border: 1px solid #a9043a;

    padding: 5px;

    font-family: raleway-bold;

    border-radius: 8px;

    color: #a9043a;

    font-size: 11px;

    float: left;

    margin-right: 15px;

    position: relative;

    /*top: -6px;*/

    line-height: 12px;

    text-align: center;

}



.ui-widget-content {

    border: none!important;

    background: none!important;

    color: none!important

}



.mnone {

    margin-top: 0px!important;

    margin-bottom: 0px!important

}



.m2 tr {

    position: relative

}



.m2 tr:hover {

    background: white;

    -webkit-box-shadow: 0 0 6px 2px rgba(0, 0, 0, .04);

    -moz-box-shadow: 0 0 6px 2px rgba(0, 0, 0, .04);

    box-shadow: 0 0 6px 2px rgba(0, 0, 0, .04);

    cursor: move

}



.m2 tr:active {

    background: white;

    -webkit-box-shadow: 0 0 6px 2px rgba(0, 0, 0, .04);

    -moz-box-shadow: 0 0 6px 2px rgba(0, 0, 0, .04);

    box-shadow: 0 0 6px 2px rgba(0, 0, 0, .04);

    cursor: move

}



.m2 tr:visited {

    background: white;

    -webkit-box-shadow: 0 0 6px 2px rgba(0, 0, 0, .04);

    -moz-box-shadow: 0 0 6px 2px rgba(0, 0, 0, .04);

    box-shadow: 0 0 6px 2px rgba(0, 0, 0, .04);

    cursor: move

}



.m2 tr:active {

    z-index: 9999

}



.tsu {

    opacity: 0;

    height: 0px!important;

    overflow: hidden!important

}



.subir-table {

    margin-top: -45px

}



.drop {

    width: 100%;

    position: relative

}



.arrastrar {

    width: 400px;

    height: auto;

    margin: 40px 0;

    display: block;

    margin-left: auto;

    margin-right: auto

}



.draggable {

    z-index: 99999;

    position: relative

}



.flotar-boton {

    position: absolute!important;

    top: 50%;

    margin-top: -25px;

    right: 0

}



.flotar-boton:hover {

    top: 49%!important

}



@media screen and (max-width:1200px) {

    .form-login {

        display: none

    }

}



@media screen and (max-width:954px) {

    .form-login {

        display: none

    }

    .titulo-desvanecido3 {

        font-size: 81px

    }

    .titulo-desvanecido2 {

        font-size: 81px

    }

    .titulo-desvanecido {

        font-size: 81px

    }

}



.menu-boton {

    display: none

}



@media screen and (max-width:992px) {

    td .color-1 {

        width: 151px;

        margin-top: -10px

    }

    td .color-2 {

        width: 151px;

        margin-top: -10px

    }

    td .color-3 {

        width: 151px;

        margin-top: -10px

    }

    footer p {

        text-align: center!important

    }

    .flotar-boton {

        position: absolute!important;

        top: 36%;

        margin-top: -25px;

        right: 50%;

        margin-right: -82px

    }

    .logo-footer {

        height: 50px;

        margin-top: 28px;

        display: block;

        margin-left: auto;

        margin-right: auto;

        margin-bottom: 20px

    }

    .color-1 {

        background: #E6E6E6;

        padding: 12px 15px;

        font-family: raleway-bold;

        border-radius: 20px;

        color: #a9043a;

        font-size: 10px;

        float: none;

        margin-right: 15px;

        position: relative;

        top: 0;

        display: block;

        margin-bottom: 13px;

        text-align: center

    }

    .color-2 {

        border: 3px solid #E6E6E6;

        padding: 6px 25px;

        font-family: raleway-bold;

        border-radius: 20px;

        color: #a9043a;

        font-size: 12px;

        float: none;

        margin-right: 15px;

        position: relative;

        top: 0;

        margin-bottom: 13px;

        display: block;

        text-align: center

    }

    .color-3 {

        border: 2px solid #a9043a;

        padding: 5px 25px;

        font-family: raleway-bold;

        border-radius: 20px;

        color: #a9043a;

        font-size: 12px;

        float: none;

        margin-right: 15px;

        position: relative;

        top: 0;

        display: block;

        text-align: center

    }

    .arrastrar {

        width: 100%

    }

    .table-scroll {

        overflow-x: scroll

    }

    .opciones-direcciones {

        width: 146%;

        padding-right: 152px!important;

        padding-top: 0px!important;

        margin-top: -10px!important

    }

    .tooltipp {

        margin-left: -246px

    }

    .senal-tooltipp {

        left: 95%

    }

    .item-precios .fright {

        float: none!important;

        text-align: center

    }

    .item-precios .fleft {

        float: none!important;

        text-align: center

    }

    .caja-t1-2 {

        padding: 10px 15px;

        position: relative

    }

    .caja-t1 {

        padding: 10px 15px;

        position: relative;
        margin-top: 2em !important;

    }
    .subtitulo-t1{
        text-align: center !important;

    }
    .direccion-list{
        margin: 2em 0 0em 0 !important;
    }
    .boton-regular2{
        margin-left: 25% !important;
        margin-top: 10% !important;
        text-align: center !important;
        margin-bottom: 10% !important;
    }
    #box{
        padding-bottom: 3em !important;
    }
    .responsive{

        width:97% !important;

    }



    .btn-servicio{

        height: 238px;

    }

    .boton-descar {

        width: 30px;

        height: 30px;

        border-radius: 200px;

        background: #ECECEC;

        cursor: pointer;

        position: relative;

        top: -7px;

        margin-top: 9px!important;

        margin-bottom: -22px!important;

        left: -6px

    }
    

    .panel-login {
        text-align: center;
        background-color: white !important;
        position: absolute !important;
        display: block;
        width: 100% border-radius:0px !important;
        left: 0 !important;
        right: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
    } 

    .logout {

        width: 45px;

        height: 45px;

        border-radius: 200px;

        background: #a9043a;

        cursor: pointer;

        position: absolute;

        top: 30px;

        left: 30px

    }

    .pajaro-cuenta {

        display: none

    }

    .menu-boton {

        display: block

    }

    nav ul {

        float: right;

        padding-top: 70px;

        padding-left: 0px!important;

        position: fixed;

        width: 100%;

        height: 100%;

        background: #a9043a;

        z-index: 9999;

        top: -100%;

        left: 0%

    }

    nav ul li {

        width: 100%;

        height: auto;

        float: right

    }

    nav ul li a {

        /*position: static;*/

	    width: 100%;

	    /*display: none;*/

	    padding: 12px 12px 12px 12px;

	    font-family: roboto-regular;

	    color: rgb(255, 255, 255) !important;

	    background: none;

	    border-radius: 0;

	    text-decoration: none!important;

	    font-size: 22px;

	    height: 57px;

	    text-align: center;

	  	border-bottom: 1px solid rgba(255, 255, 255, .12)

    }

}



.servicios {

    width: 100%;

    height: auto;

    transform: scale(1.2);

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    margin-bottom: 40px

}



@media screen and (max-width:770px) {

    .servicios {

        transform: scale(1);

        -webkit-transform: scale(1);

        -moz-transform: scale(1)

    }

    .linea-atrav2 {

        height: 110%;

        top: -5%

    }

    .linea-atrav {

        height: 110%;

        top: -5%

    }

}



@media screen and (max-width:650px) {

    .img-home-1 {

        display: block;

        margin-left: auto;

        margin-right: auto;

        margin-top: -33px;

        margin-bottom: -32px;

        width: 80%

    }

    .titulo-desvanecido3 {

        display: none

    }

    .titulo-desvanecido2 {

        display: none

    }

    .titulo-desvanecido {

        display: none

    }

}



.menu-boton {

    width: 45px;

    height: 45px;

    border-radius: 200px;

    background: #a9043a;

    position: fixed;

    right: 30px;

    top: 30px;

    z-index: 999999;

    cursor: pointer

}



.menu-boton img {

    width: 100%

}



.menu-fixed {

    position: fixed;

    z-index: 1000;

    left: 0;

    margin-top: -50px;

    right: 0;

    padding: 2px 0 0;

    box-shadow: 0 0px 3px 0 rgba(0,0,0,.1) !important;

}

.menu-fixed1 {

    position: fixed;

    z-index: 1000;

    left: 0;

    right: 0;

    padding: 2px 0 0;

    box-shadow: 0 0px 3px 0 rgba(0,0,0,.1) !important;

}



a {

  color: #a9043a !important;

}



footer a{

  color: white !important;

}

a:hover{

	color: #cd537b !important

}





/* Etilos de casillero nueva maquetacion */

.nma{

  width: 100%;



}

.virtual{

  top: 60px



}

.titulo{

  margin-bottom: 20px;

  text-align: center;

}

.boton1{

  background: gainsboro;

  text-align: center;

  border-radius: 3px;

  float: right;

}

.boton2{

  color: grey ;

}

.boton2 h6:hover{

  color: white !important;

  border-radius: 5px;

}

.boton1:hover {

  background: #a9043a !important;

  color: white !important;

}

.titulo{

  font-size: 58px;

  padding-left: 20px;

  padding-right: 20px;

  text-align: center;

  margin-bottom: 30px;

}

.titulo2{

  font-size: 30px;

  padding-left: 20px;

  padding-right: 20px;

  text-align: center;

  margin-bottom: 30px;

}

.nma{

  width: 80%;

}

.tiendas{

  font-size:40px;

  text-align:  center;

  margin: 60px;

}



.china{

    background-image: url("../principales/img/china.jpg");



    height: 30%;

    width: 100% ;

    text-align: center;

    border-radius: 15px;



}

.franja{

    position: relative;

    top: -56px;

    background: #a9043a;

    color: white;

    text-align: center;



}

.franjalondres{

    position: relative;

    top: -35px;

    background: #a9043a;

    color: white;

    text-align: center;



}

.franjaespana{

    position: relative;

    top: -35px;

    background: #a9043a;

    color: white;

    text-align: center;

}

.sinmargenes {

    margin: 0px;

}

.franjachina {

    background: #a9043a;

    height: 180px;

}

.imgchina {

    width: 100%;

    padding: 0px;

}



.fondo01 {

    background-image:url(../../casillero/images/china1.jpg);

    background-position: center center;

background-repeat: repeat-y;

    width: 1072x;

    height: 230px;

}



@media (max-width: 670px) {

	.fondo01 {

    background-image:url(../../casillero/images/china1.jpg);

    background-position: top center;

background-repeat: repeat-y;

    }

}





@media screen and (max-width:800px) {

  .nma{

    width: 100%;

  }

  .tresimagenes{

       margin-top: -70px;

  }

  .titulo2{

      font-size: 26px;

  }

  .franjaa{

      font-size: 24px;

  }

  .londres{

      position: relative;

      top: -67px;

  }

  .espana{

      position: relative;

      top: -113px;

  }







}



.centrartit {

    text-align: center;

    margin: 0 auto;

    margin-top: 85px;

}

.botonave {

    text-align: center;

    margin: 0 auto;

    color: #fff;

    margin: 25px;

}

.botonave a {

    color: #fff;

}

.centrobot {

    text-align: center;

    margin: 0 auto;

    margin-bottom: 50px;

    color: #fff;

    background: #a9043a;

}

/* @media screen and (max-width:800px) {

  .main{

    width: 100%;

  }

  aside{

    width: 100%;

  }

  footer{

    width: 100%;

  }

} */

.bckboton1 {

    background: #a9043a;

    color: #fff !important;

    padding: 15px 25px;

    text-align: center;

    margin: 0 auto;

    border-radius: 50px;

    margin-bottom: 20px;

    margin: 25px;

    font-weight: 600;

}

.bckboton1 hover {

    color:#d32860 !important;

}

.bckboton1 a {

    color:#fff;

}

.bckboton1 a:hover {

    color:#d32860 !important;

}



.whatsapp{

    width: 55px;

    height: 43px;

    padding: 5px;

    font-size: 50px;

    text-align: center;

    color: #77CEE0;

    position: fixed;

    bottom: 25px;

    right: 30px;

    border-radius: 50%;

}

.whatsapp a{

    color: #4dc35d !important;

}

.texto-imagen{

  background: #a9043a;

  width: 98%;

}

.texto-imagen a{

  color: white !important;

}

.txtprodrelac{

    margin-top: 0px;

    padding: 13px;

    text-align: center;

    font-weight: 400;

    font-size: 15px;

    height: 57px;



}

.txtbold {

    font-weight: 600;

}

.imgpaises {

    width: auto;

}

.botpading {

    padding: 15px 100px;

}

.tiendalogo {

    padding: 20px;

}



@media screen and (max-width:800px) {

    .imgpaises {

    width: 98%;

    }

    .menu-fixed1 {

    top:-3px;

    }

    .panel-asistencia {

    margin-top: 65px;

    }

    .botpading {

    padding: 15px 25px;

    }

    .botonave {

        margin: 25px 0px ;

    }

    .bckboton1 {

        margin: 0px;

    }

    .titulo-lv-2 {

    font-size: 25px;

    }  

    .tiendalogo {

    padding: 0px;

}

}

.blanco {

    color: #fff;

}

.margentiendas {

    padding: 25px;

}

.margentop {

    padding-top: 20px;

}

.svg {

    width: 65px;

    height: auto;

    fill: darkorange;

}

.anchores {

    width: 100%;

    text-align: center;

    margin: 0 auto;

}

.fa-whatsapp{

    color:#25d366 !important;

}



p{

    font-size: 15px !important;

}

.container{
    width: 100% !important;
}
#panel_opciones{
    width: 100% !important;
}

/* Pulse - pdf facturas */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}