/*////////////////////////////////////////////////////////////////////*/
/*   FOOTER                ////////////////////////////////////////  */
/*//////////////////////////////////////////////////////////////////*/

footer {
    margin-top: 74px;
}





/*  LASTSEEN *******************************/
.lastseen {
    float: left;
    height: 190px;
    overflow: hidden;
    padding-bottom: 20px;
    width: 100%;
}
.lastseen h2 {font-size: 1.1em !important;}
.lastseen ul {
    text-align: center;
}
.lastseen li {
    display: inline-block;
    float: none;
}
.lastseen article {
    height: 90px;
    margin: 0 11px 50px;
    position: relative;
    width: 90px;
}
.lastseen .box_image {
    height: 100%;
    z-index: 0;
}
.lastseen .box_image img {
    width: 100%;
}
.lastseen h3 {
    color: #4f4d58;
    display: none;
    font-size: 10px;
    font-weight: normal;
    left: -50%;
    letter-spacing: 0.03em;
    line-height: 12px;
    margin: 0;
    padding: 5px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 95px;
    width: 200%;
    z-index: 1;
}
.lastseen article:hover h3 {display: block}

.lastseen h3:before {content: "\f365";}
.lastseen h3::before {
    color: #1285b2;
    float: left;
    font-family: "Ionicons";
    font-size: 24px;
    line-height: 0;
    margin-top: -6px;
    width: 100%;
}
.lastseen p {text-align: left}


@media (max-width: 767px) {  
.lastseen {height: 150px}
.lastseen li {float: left}
.lastseen article {
    height: 50px;
    margin: 0 5px 50px;
    width: 50px;
}
.lastseen h3 {
    font-size: 9px;
    line-height: 1.2em;
    top: 59px;
}

footer {
    margin-top: 56px;
}
}
@media (max-width: 479px) {
}






/*  UPPER *******************************/
footer .upper {background-color: #002364;}
footer .upper { 
background: #002364; /* Old browsers */
background: -moz-linear-gradient(left, #002364 0%, #00B4AA 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #002364 0%, #00B4AA 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #002364 0%, #00B4AA 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
footer .sector {
    padding: 21px 0;
    padding-left: 20px;
}
footer .sector > div {
    color: #000;
    display: table;
    margin: 0 auto;
    padding-left: 65px;
}
footer .sector > div h3 {
    font-size: 1.6em;
    font-weight: lighter;
    letter-spacing: 0.01em;
    margin: 0 0 4px;
    position: relative;
    color: #fff;
    font-family: 'Montserrat' , sans-serif;
}
footer .sector > div h3::before {
    left: -70px;
    line-height: 41px;
    position: absolute;
    text-align: center;
    top: 2px;
    background-size: cover;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    height: 47px;
    width: 47px;

}
footer .sector > .newsletter h3 {
    margin-bottom: 12px;
}
footer .sector > .newsletter h3::before {
    content: "";
    background-image: url('/Pubs/Sites/Default/Custom/campana.png');
}
footer .sector > .contacto h3::before {
    content: "";
    background-image: url('../../images/telefono.svg');
}

footer .sector > .direccion h3::before {
    content: "";
    background-image: url('../../images/ubicacion.svg');
}

footer .sector > .horarios h3::before {
    content: "";
    background-image: url('../../images/reloj.svg');
}


/* footer direccion y horarios*/

.upper .direccion,  .upper .horarios {
    color: #fff;
}
.upper .direccion strong, .upper .horarios strong {
    font-weight: 500;
    font-size: 1em;
}
.upper .direccion h3,  .upper .horarios h3{
    font-size: 1.1em;
    font-weight: 700;
}
.upper .direccion a,  .upper .horarios a {
    color: #fff; 
    font-size: 1em;
    font-weight: 500;
    text-decoration: underline;
    padding-top:10px;
}


/* footer newsletter */
footer .sector .newsletter {
    min-width: 400px;
}
.form-newsletter {
    float: left;
    width: 100%;
    margin-bottom: 18px;
}
.form-newsletter .form-group {
    float: none !important;
    margin: 0 101px 0 0;
    position: unset;
    width: auto;
}
.form-newsletter input.form-control {
    background: #fff none repeat scroll 0 0;
    border: 0;
    box-shadow: none;
    color: #000;
    font-weight: normal;
    height: 40px;
    letter-spacing: 0;
    padding: 7px 11px 7px 18px;
    border-radius: 0;
    font-size: 1.1em;
    border: 1px solid #525252;
}
.form-newsletter button {
    background-color: #002364;
    border: 0;
    color: #fff;
    display: block;
    float: right;
    font-family: 'Montserrat' , sans-serif;
    height: 40px;
    line-height: 33px;
    text-align: center;
    width: 97px;
    border-radius: 0;
}
.form-newsletter button:hover {
    background: #000 none repeat scroll 0 0;
    color: #fff;
}
.form-newsletter button::before {
    content: "Enviar";
    font-size: 1.1em;
    font-weight: normal;
    letter-spacing: 0.05em;
}

.form-newsletter button:hover {
    background-color: #00B4AA;
    color: #fff !important;
}



@media (max-width: 1199px) {    
footer .sector .newsletter {min-width: unset}
.form-newsletter button:before {content: "\f3d6"}
.form-newsletter button:before {
	font-family: "Ionicons";
}
.form-newsletter button {width: 40px; font-size: 2.2em;}
.form-newsletter .form-group {margin: 0 41px 0 0;}
}


/* footer contacto *****/
footer .sector .contacto strong {
    color: #fff;
    display: block;
    font-size: 1.8em;
    font-weight: 600;
    margin: 0 0 7px;
    letter-spacing: 0.02em;
    line-height: 1.15em;
}
footer .sector .contacto > span {
    color: #fffc;
    display: block;
    font-size: 0.8em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    line-height: 1.2em;
}
footer .sector .contacto strong span {
    display: inline-block !important;
}



/* socials  ******/
footer .sector .socials {
    /*padding-left: 0;*/
}
footer .socials h3::before {
    display: none;
}
footer .socials ul {
    z-index: 1;
}
footer .socials li {
    display: inline-block;
    float: left;
    padding:5px;
}

footer .socials p{
    font-size: 1em;
    letter-spacing: 3px;
    text-transform: uppercase;
    position: relative;
    display: inline;
    margin: 0;
    top: 10px;
    font-size: 1em;
}

footer .socials li a:before {
    background-color: #979a9d;
    border-radius: 100%;
    color: #fff !important;
    float: left !important;
    font-size: 21px;
    height: 37px;
    line-height: 37px !important;
    margin-right: 7px !important;
    padding: 0 !important;
    text-align: center;
    width: 37px !important;
    opacity: 1 !important;
}

footer .socials li a:hover {
    opacity: 0.9 !important;
}
.socials a:before {font-family: 'Ionicons'}
.s-facebook:before {content: "\f231"}
.s-twitter:before {content: "\f243"}
.s-youtube:before {content: "\f24d"}
.s-googleplus:before {content: "\f234"}
.s-pinterest:before {content: "\f2b1"}
.s-instagram:before {content: "\f350"}
.s-email:before {content: "\f2eb"}
.s-whatsapp:before {content: "\f4f0"}
.s-linkedin:before{content: "\f239";}

.socials:hover {
    text-decoration: none;
    background-color: lightgrey;
}

.socials a.email {
    color: #999;
    font-size: 1.3em;
    font-weight: lighter;
}
.socials a.email:hover {color: #000; text-decoration: underline}

/*  MAIN *******************************/

footer .main {
    background-color: #f2f2f2;
}
footer .menu_footer h3 {
    font-size: 1.1em;
    font-weight: bold;
    margin: 0 0 12px;
    position: relative;
    text-transform: uppercase;
    color: #343434;
    font-family: 'Montserrat' , sans-serif;
    letter-spacing: 0;
}

footer .menu_footer ul {
    float: left;
    width: 100%;
}
footer .main ul li a {
    color: #737373;
    float: left;
    letter-spacing: 0;
    line-height: 1.2em;
    margin: 0;
    font-weight: normal;
    padding: 5px 0;
    width: 100%;
    font-size: 0.93em;
}
footer .menu_footer ul li a:hover:not(.s-facebook) {background: transparent; text-decoration: underline; opacity: 1; color: #000}



@media (max-width:479px){
    footer .main ul li a {
        font-size: 1em;
    }
}



/*  CREDITS *******************************/
footer .credits {
    padding: 0px 0 25px;
    background-color: #f2f2f2;
}
footer .credits p {
    color: #878787;
    float: left;
    font-size: 1em;
    font-weight: normal;
    line-height: 25px;
    padding: 0;
    clear: left;
    text-align: center;
    margin: 0 0 3px;
}
footer .credits p span {opacity: 0.5; font-weight: normal;}
footer .credits p a {color: #444; text-decoration: underline}

footer .credits .border {
    padding-top: 20px;
}

footer .credits .texto-dc {
    font-size: 0.95em;
}

footer .credits .texto-dc a{
    color: #002364;
    text-decoration: underline;
}

footer .credits .texto-dc a:hover{
    text-decoration:none;
}
footer .credits .texto-cop {
    font-size: 0.85em;
    opacity: 0.5;
    line-height: 1.4em;
}
footer .credits .creditflex {
    display:flex;
}

footer .credits .info {
    float:left;
}

footer .credits .img-dataf {
    float:left;
    margin: 0 40px 0 0;
}



.e3 {
    background: rgba(0, 0, 0, 0) url("/content/images/e3ecommerce.png") no-repeat scroll 0 0 / 100% ;
    cursor: pointer;
    height: 30px;
    opacity: 0.3;
    width: 85px;
    float: left;
    clear: left;
    margin: 10px 0;
}
.e3:hover {opacity: 1}


@media (max-width:991px){
    footer .credits .info {
        padding: 0 50px;
    }
}

@media (max-width:768px){
    footer .credits .creditflex {
        flex-direction: column;
    }
    footer .credits .img-dataf {
        display:flex;
    }

    footer .credits p{
        font-size: 12px;
        line-height: 20px;
    }
}
/*ver mas*/
.v-todo {
    font-size: 0.85em;
    color: #565656;
}

.v-todo::after {
    content: "\f123";
    font-family:"Ionicons";
    position:relative;
    font-size:0.7em;
    color: #565656;
    left: 4px;
    text-decoration: none;

}





/*  SELLOS *******************************/

.sellos  {
    text-align: center;
    margin: 15px auto;
    float: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f2f2f2;
    padding-top: 30px;
}
.sellos > * {
    display: inline-block;
    margin: 0 3px;
    padding: 0 5px;
    text-align: center;
    float: left;
    font-size: 13px;
    color: #002364;
}

.sellos > a, .sellos > p{
    width: 20%;
}
.sellos a:hover {opacity: 0.7}

.sellos > a img{
    width: 100%;
}

.sellos .sep {
    background: #002364 none repeat scroll 0 0;
    display: block;
    height: 63px;
    margin: -3px 10px 0;
    padding: 0;
    width: 1px;
}

.sellos .sep:first-child{
    display: none;
}

.ssn {
	filter: none; 
	opacity: 1;
}
.ssn:hover {
    filter: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale');    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: Gray(Opacity=40);
}


@media (max-width: 991px) {    
.sellos {
    padding-bottom: 20px;
}

.sellos > *{
    word-break: break-word;
}

.ssn {width: 33px;}
footer .credits .img-dataf {margin: 0 13px 0 0}
}

@media (max-width: 767px) {
    .sellos{
        flex-wrap: wrap;
        padding-top: 0;
        margin-top: 0 !important;
    }

    .sellos > a, .sellos > p{
        width: 100%;
        padding-bottom: 20px;
    }

    .sellos > a img{
        max-width: 220px;
    }

    .sellos .sep{
        transform: rotate(90deg);
        display: none;
    }
    
    .sellos .sep:first-child,
    .sellos .sep:nth-child(9){
        display: block;
    }

    .sellos > *:last-child, .sellos > *:nth-child(8){
        padding-bottom: 0;
    }
}

@media (max-width: 479px) {   
.sellos > * {
    margin: 0 0 5px;
}
.ssn {
    margin-top: 2px;
    width: 27px;
}

}








/* backtotop ****************/
.backtotop {
    background: #002364 none repeat scroll 0 0;
    bottom: 3px;
    cursor: pointer;
    height: 40px;
    letter-spacing: 0.05em;
    position: fixed;
    right: 5px;
    transition: all 0.7s ease-in-out 0.3s;
    width: 40px;
    z-index: 4;
    border-radius: 50px;
}
.backtotop span {
    color: #fff;
    display: block;
    font-size: 0.8em;
    line-height: 2.8em;
    padding-top: 4px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    z-index: 5;
}
.backtotop span:before {content: "\f365"}
.backtotop span::before {
    display: none;
    font-family: "Ionicons";
    font-size: 16px;
    margin: 0 0 -1px 2px;
    text-align: center;
}
.backtotop:hover {background-clip: #1285b2}


.socials.flotante {
    position: fixed;
    bottom: 90px;
    right: 5px;
    font-size: 35px;
    background-image: url(/Content/Images/whatsapp2.png);
    color: white;
    height: 43px;
    width: 42px;
    font-weight: 300;
    line-height: 0;
    z-index: 4;
    padding: 0;
    margin: 0 -2px 0 0;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.7s ease-in-out 0.3s;
}






/*   FOOTER RESPONSIVE *****************************************/

@media (max-width: 1199px) {
}
@media (max-width: 991px) {
footer .upper {font-size: 0.83em}
footer .main {font-size: 0.9em}
footer .credits p {
    width: 100%;
}
footer .credits p span::before {
    background-position: center center;
    background-size: 95px auto;
    display: inline-block;
    float: unset;
    height: 19px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    top: unset;
    width: 100%;
}
}

@media (min-width: 768px) { 
#chor {display: block !important; height: auto !important;}
}


@media (max-width: 767px) {
.mf3 {
    clear: both;
}

footer .upper {margin: 0}

.btfooter {
    background: #f2f2f2;
    border: 0 none;
    font-size: 1.1em;
    font-weight: 500;
    padding: 18px 15px;
    width: 100%;
    text-align: center;
    color: #676767;
}
.btfooter:after {content: "\f3d0"}
.btfooter:after {
    color: #002364 !important;
    font-family: "Ionicons";
    font-size: 0.65em;
    margin: 1px 0 0 5px;
    font-weight: 600;
}

footer .main {
    border-top: 0;
    padding-top: 0;
    font-size: 1em;
    margin-top: -22px;
}
footer .sector {
    padding: 17px 0;
    padding-bottom: 10px !important;

}
footer .sector > div {padding-left: 60px}
footer .sector > div h3::before {
    top: -4px;
}

footer .newsletter {
    float: left;
    margin: 0 0 -20px;
    width: 100%;
}

.row-border {
    border-bottom: 1px solid #c6c6c6;;
}

footer .newsletter > h3 {
    font-size: 1.1em;
    font-weight: normal;
    margin: 17px 0 8px;
    position: relative;
    color: #000;
    font-family: 'Montserrat' , sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}
footer .newsletter p {
    text-align: center;
    font-size: 0.9em;
}
footer .newsletter .form-newsletter input.form-control {
    background-color: #f6f6f6;
    border-color: #ddd;
}
footer .newsletter .form-newsletter .form-group {
    float: left;
    margin: 0;
    position: relative;
    width: 100%;
}


footer .newsletter .form-newsletter button {
    position: absolute;
    right: 15px;
    width: 10%;
    z-index: 1;
}

footer .menu_footer ul {margin-bottom: 30px}

footer .sector > div h3 {
    font-size: 1.3em;
}

footer .sector {
    padding-bottom: 0;
}

footer .sector:last-child {
    padding-bottom: 17px;
}

footer .sector > div h3::before {
    left: -50px;
    top: -4px;
    height: 37px;
    width: 37px;
}

}


@media (max-width: 600px) {
    
    footer .sector > div {
        margin: 0 0 0 20px;
    }
}
@media (max-width: 479px) {

footer .sector > div h3::before {
    left: -48px;
    top: -4px;
}
footer .sector .contacto strong {
    margin: 0 0 0px;
}
    
footer .sector > div {
    width: 250px;
    margin: 0 auto;
    padding-left: 50px;
}

footer .sector .socials {
    padding-left: 55px;
    position: relative;
    top: 60px;
}

footer .sector .contacto strong span {
    display: none !important;
}

footer .upper{
    padding-bottom: 30px;
    padding-top: 10px;
}

footer .sector {
    padding: 10px 0;
}

footer .sector > div h3::before {
    top: 0;
}

.backtotop {
    width: 45px;
    height: 45px;
    line-height: 3.2em;
}
footer .menu_footer h3 {
    margin: 20px 0 0;
}

footer .menu_footer ul li {
    padding: 20px 0;
}

footer .newsletter .form-newsletter button {
    position: absolute;
    margin-top: 50px;
    left: 44%;
    margin-left: -50px;
}

.backtotop span {
    line-height: 3.4em;
}

}