#map-container {
    height: 265px;
    width: 100%;
    margin-bottom: 10px;
}

@media (min-width:1800px){
    #map-container {
        height: 400px !important;
        width: 100%;
        margin-top: 12%;
    }
}

@media screen and (max-width: 1868px) {
    #myFooter {
        padding-bottom: 1px;
    }
    #myFooter .S{
        padding-bottom: 0%;
    }
}

@media (min-width:1366px){
    #map-container {
        height: 500px;
        width: 100%;
        margin-top: 10%;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 958px){
   /* .div_f1 {
        padding-top: 50px !important;
        padding-left: 18px !important;
    } */
}

@media screen and (min-width:992px) and ( max-width: 1199px) {
    .ft-img img {
        width: 100% !important;
        padding-top: 32% !important;
    }
}

@media screen and (min-width:768px) and ( max-width: 991px) 
{
    #myFooter .ft-img img 
    {
        width: 100%;
        padding-top: 42%;
    }

    #myFooter .row 
    {
        margin: 0;
    }

    .div_f1 
    {
        padding-top: 100px !important;
        padding-left: 18px !important;
    }
}

@media screen and (max-width: 768px)
{
    #myFooter 
    {
        padding-top: 0px !important;
        padding-bottom: 50px !important;
    }

    .iconos_footer 
    {
        margin-top: -2px !important;
    }

    .datos_sfa li 
    {
        font-size: 6pt !important;
        line-height: 11px !important;
    }

    #SiteInteresting h3 
    {
        font-size: 13pt !important;
    }

    .div_f3
    {
        padding-top: 96px !important;
        margin-left: 38px !important;
    }

    .div_f4 
    {
        padding-top: 95px !important;
        margin-left: 35px !important;
    }

    .marca_agua
    {
        display: none;
    }

    .vinetas li
    {
        line-height: 13px !important;
    }
}

@media screen and (min-width:576px) and ( max-width: 767px) 
{
    #id656
    {
        padding-left: 37%;
    }

    #myFooter .ft-img img 
    {
        width: 100%;
        padding-top: 24%;
    }

    #myFooter .row 
    {
        margin: 0;
    }
}

@media screen and (min-width:311px) and ( max-width: 575px) 
{
    #myFooter .ft-img img 
    {
        width: 34%;
        padding-top: 0%;
        text-align:center;
    }

    #id159
    {
        padding-left: 20%;
    }

    #id656
    {
        padding-left: 20%;
    }

    #id222
    {
        text-align: center;
    }

    #myFooter .row 
    {
        margin: 0;
    }

    .ft-img img 
    {
        padding-top: 0% !important;
    }
}

@media screen and ( max-width: 477px) 
{
    #myFooter .ft-img img
    {
        width: 34%;
        padding-top: 0%;
        text-align:center;
    }

    #id159
    {
        padding-left: 11% !important;
    }

    #id656
    {
        padding-left: 11% !important;
    }

    #id222
    {
        text-align: center;
    }

    #myFooter .row 
    {
        margin: 0;
    }

    .ft-img img 
    {
        padding-top: 0% !important;
    }
}

.arrow { position: relative; }
.arrow li { padding-left: 20px; line-height: 30px; }
.arrow li:before { font-family: 'FontAwesome'; display: inline-block; position: absolute; left: 0; font-size: 13px; color: #50595e; content: '\f105'; font-style: initial; }
.angle { position: relative; }
.angle li { padding-left: 20px; line-height: 30px; }
.angle li:before { font-family: 'Fontello'; display: inline-block; position: absolute; left: 0; font-size: 12px; color: #0b0f13; content: '\e88c'; font-style: initial; }
.star { position: relative; }
.star li { padding-left: 22px; line-height: 30px; font-size: 14px; }
.star li:before { font-family: 'FontAwesome'; display: inline-block; position: absolute; left: 0; font-size: 14px; color: #36333c; content: '\f381'; }

.ft-img img
{
    width: 90%;
    padding-top: 25%;
}

/*****************************************************************************************************************************************************
/************************************************** ESTILOS FOOTER JORGE R. <]:v *************************************************************************
/****************************************************************************************************************************************************/

@font-face 
{
  font-family: AdelleSans-Light;
  src: url("../../PQ19/fonts/Adelle/AdelleSans-Light.otf");
}

@font-face 
{
  font-family: "Montserrat-Medium";
  src: url("../fonts/Montserrat/Montserrat-Medium.ttf");
}

.contFooter {
    margin-bottom:40px;
}

#myFooter a {
    text-decoration: none !important;
    -webkit-text-decoration-skip: objects !important;
    color: #fff;
}

#myFooter a:hover
{
    color: #fff;
}

#myFooter li
{
    text-decoration: none;
}

#myFooter
{
   flex: 0 0 auto;
   -webkit-flex: 0 0 auto;
   color: #fff;
   font-family: "Montserrat-Medium";
}

#myFooter 
{ 
    padding-top: 35px;
    padding-bottom: 40px;
    font-weight: 400;
    font-size: 14px;
    background-color:#0E312D;
}

.img-footer 
{
    width: 55%;
    margin-left: 100px;
    margin-top: 15%;
}

.marca_agua 
{
    width: 20%;
    margin-left: 80%;
    margin-right: 0%;
    position: absolute;
    margin-top: 1%;
}

footer .small-title2 
{
    margin-bottom: 15px;
    color: #C79B66;
    font-size: 15pt !important;
    font-weight: 700;
}

.datos_sfa li
{
    line-height: 16px;
    font-weight: 500;
    font-size: 10pt;
}

.vinetas li
{
    text-transform: uppercase;
    line-height: 16px;
    margin-bottom: 9px;
    font-size: 8pt;
    padding-bottom: 5px;
    border-bottom: 3px solid #C79B66;
}

.footer-copyright
{
    background-color: #333333;
    width: 100%;
    height: 30px;
    position: absolute;
    padding-top: 10px;
    margin-top: 20px;
}

.div_f1
{
    padding-top:20px; 
    padding-left: 90px;
}

.div_f2
{
    padding-top:20px; 
    margin-left:-100px;
}

.div_f3
{
    padding-top:75px; 
    margin-left: -10px;
}

.div_f4
{
    padding-top:75px; 
    max-width: 22%;
}

#SiteInteresting h3
{
    margin-bottom: 25px !important; 
    color: #C79B66;
    font-size: 19pt;
    font-weight: bold;
}

/******************************************** @MEDIAS RESPONSIVE JRB :V ***********************************************/

@media only screen and (min-width: 2560px)
{
    #myFooter 
    {
        padding-bottom: 70px;
    } 

    .div_f1 
    {
        padding-top: 45px;
        padding-left: 100px;
    }

    .div_f2
    {
        padding-top: 40px;
        margin-left: -200px;
    }

    .div_f3, .div_f4
    {
        padding-top: 103px;
    }

    #SiteInteresting h3
    {
        font-size: 23pt;
    }

    .vinetas li
    {
        font-size: 10pt;
    }

    .datos_sfa li
    {
        font-size: 12pt;
        line-height: 18px;
    }

    .marca_agua 
    {
        width: 6%;
        margin-left: 89%;
        margin-right: 11%;
        margin-top: 1%;
    }

    .iconos_footer
    {
        width: 50px !important;
    }
}

@media only screen and (min-width:1441px) {
    #myFooter{
        padding-bottom: 15%;
    }
    #myFooter.S{
        padding-bottom: 1% ;
    }
}

@media only screen and (max-width: 1440px)
{
    #myFooter
    {
        padding-top: 10px;
        padding-bottom: 15px;
    }

    .img_911
    {
        width: 85%;
        margin-top: 80px;
        margin-left: 60px;
    }

    .img-footer
    {
        width: 85%;
        margin-left: 70px;
        margin-top: 51%;
    }

    footer .small-title2
    {
        font-size: 15pt !important;
    }

    .div_f1 
    {
        padding-top: 65px;
        padding-left: 45px;
    }

    .div_f2 
    {
        padding-top: 60px;
        margin-left: -12px;
    }

    .div_f3 {
        padding-top: 110px;
        margin-left: 0px;
    }

    .div_f4
    {
        padding-top: 78px;
        margin-left: 0px;
    }

    #SiteInteresting h3 
    {
        font-size: 15pt;
    }

    .marca_agua 
    {
        width: 8%;
        margin-left: 90%;
        margin-right: 11%;
        margin-top: 5%;
    }

    .div_f1, .div_f2, .div_f3
    {
        max-width: 22% !important;
    }

    .cifras 
    {
        height: 47px;
        float: left;
        width: 63%;
        padding-right: 45px;
        margin-left: 40%;
        padding-top: 5px;
        margin-top: -23%;
        font-size: 28px;
    }

    /* CSS ADICIONAL PARA ALINEAR LAS CIFRAS DEL BANNER*/
    .derecha 
    {
        margin-left: 12%;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px)
 {
    .img_911
    {
        width: 85%;
        margin-top: 60px;
        margin-left: 70px;
    }

    .img-footer 
    {
        width: 95%;
        margin-left: 65px;
        margin-top: 40%;
    }

    .div_f1
    {
        padding-top: 39px;
        padding-left: 50px;
    }

    footer .small-title2
    {
        font-size: 12pt !important;
    }

    .datos_sfa li
    {
        font-size: 9pt !important;
        font-weight: bold;
    }

    #SiteInteresting h3
    {
        font-size: 14pt;
    }

    .div_f2 
    {
        padding-top: 75px;
        margin-left: -10px;
    }

    #myFooter 
    {
        padding-top: 8px;
        padding-bottom: 5px;
    }

    .marca_agua 
    {
        width: 9%;
        margin-left: 88%;
        margin-right: 11%;
        margin-top: 5%;
    }

    .div_f3
    {
        padding-top: 108px;
    }

    .div_f4
    {
        padding-top: 92px;
    }    
}

@media only screen and (max-width: 1024px)
{
    .img_911 
    {
        width: 100%;
        margin-top: 80px;
        margin-left: 40px;
    }

    .img-footer
    {
        width: 100%;
        margin-left: 59px;
        margin-top: 135%;
    }

    footer .small-title2
    {
        font-size: 12pt !important;
    }

    .datos_sfa li 
    {
        font-size: 7pt;
    }

    .marca_agua
    {
        width: 20%;
        margin-left: 72%;
        margin-right: 11%;
        margin-top: 6%;
        display: none;
    }

    .div_f1
    {
        padding-top: 78px;
        padding-left: 28px;
    }

    .div_f3
    {
        padding-top: 120px;
        margin-left: 35px;
    }

    .div_f4
    {
        padding-top: 104px;
        margin-left: 35px;
    }

    .iconos_footer 
    {
        width: 37px !important;
        margin-right: 8px !important;
        margin-top: 4px;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1441px) {
    #myFooter{
        padding-bottom: 25%;
    }
    #myFooter.S{
        padding-bottom: 1% ;
    }
}

@media only screen and (max-width: 767px)
{
    .img_911 
    {
        width: 40%;
        margin-top: 45px;
        margin-left: 29%;
    }

    .img-footer 
    {
        width: 33%;
        margin-left: 34%;
        margin-top: 42%;
    }

    .div_f1 
    {
        padding-top: 50px;
        padding-left: 50px;
    }

    footer .small-title2 
    {
        font-size: 30pt !important;
    }

    .datos_sfa li
    {
        font-size: 20pt;
        line-height: 35px;
    }

    .div_f2 
    {
        padding-top: 45px;
        margin-left: 33px;
    }

    #SiteInteresting h3 
    {
        font-size: 26pt !important;
    }

    .vinetas li
    {
        line-height: 22px;
        margin-bottom: 12px;
        font-size: 15pt;
    }

    .div_f4, .div_f3 
    {
        padding-top: 50px;
    }

    .marca_agua 
    {
        width: 97%;
        margin-left: -1%;
        margin-right: 11%;
        margin-top: 144%;
    }
}

@media only screen and (min-width: 430px) and (max-width: 767px){
    .img-footer 
    {
        margin-left: 37%;
        margin-top: 52%;
    }

    .div_f1
    {
        text-align: center;
    }

    #SiteInteresting h3
    {
        text-align: center;
    }

    .div_f1 
    {
        padding-top: 20px;
    }

    footer .small-title2 
    {
        font-size: 25pt !important;
    }

    .datos_sfa li 
    {
        font-size: 17pt;
        line-height: 27px;
    }

    #SiteInteresting h3 
    {
        font-size: 22pt !important;
    }

    .vinetas li 
    {
        line-height: 20px;
        margin-bottom: 10px;
        font-size: 12pt;
    }

    .div_f4, .div_f3 
    {
        padding-top: 15px;
    }

    #main-img
    {
        width: 100%;
        margin-left: 13px;
    }

    .div_f1, .div_f2, .div_f3, .div_f4
    {
        max-width: 100% !important;
    }
    
    .div_f1
    {
        padding-top: 25px;
        text-align: left;
        padding-left: 30px;
    }

    .datos_sfa li 
    {
        font-size: 10pt !important;
        line-height: 14px !important;
    }

    .div_f2 
    {
        padding-top: 35px;
        margin-left: 10px;
    }

    #SiteInteresting h3 
    {
        font-size: 20pt !important;
    }

    .vinetas li
    {
        margin-bottom: 5px;
        font-size: 8pt;
    }

    .div_f3 
    {
        padding-top: 5px !important;
        margin-left: 9px !important;
    }
    
    .div_f4 
    {
        padding-top: 0px !important;
        margin-left: 8px !important;
    }
    #myFooter{
        padding-bottom: 30px !important;
    }
}

@media only screen and (max-width: 430px)
{
    .img-footer 
    {
        margin-left: 37%;
        margin-top: 52%;
    }

    .div_f1
    {
        text-align: center;
    }

    #SiteInteresting h3
    {
        text-align: center;
    }

    .div_f1 
    {
        padding-top: 20px;
    }

    footer .small-title2 
    {
        font-size: 25pt !important;
    }

    .datos_sfa li 
    {
        font-size: 17pt;
        line-height: 27px;
    }

    #SiteInteresting h3 
    {
        font-size: 22pt !important;
    }

    .vinetas li 
    {
        line-height: 20px;
        margin-bottom: 10px;
        font-size: 12pt;
    }

    .div_f4, .div_f3 
    {
        padding-top: 15px;
    }

    #main-img
    {
        width: 100%;
        margin-left: 13px;
    }

    .div_f1, .div_f2, .div_f3, .div_f4
    {
        max-width: 100% !important;
    }
    
    .div_f1
    {
        padding-top: 25px;
        text-align: left;
        padding-left: 30px;
    }

    .datos_sfa li 
    {
        font-size: 10pt !important;
        line-height: 14px !important;
    }

    .div_f2 
    {
        padding-top: 35px;
        margin-left: 10px;
    }

    #SiteInteresting h3 
    {
        font-size: 20pt !important;
    }

    .vinetas li
    {
        margin-bottom: 5px;
        font-size: 8pt;
    }

    .div_f3 
    {
        padding-top: 5px !important;
        margin-left: 9px !important;
    }
    
    .div_f4 
    {
        padding-top: 0px !important;
        margin-left: 8px !important;
    }
}

@media only screen and (max-width: 375px)
{
    .datos_sfa li 
    {
        font-size: 7pt !important;
        line-height: 10px !important;
        padding-top: 6px;
    }

    #SiteInteresting h3 
    {
        font-size: 14pt !important;
    }

    .vinetas li 
    {
        margin-bottom: 2px;
        font-size: 6pt;
        padding-bottom: 1px;
    }
}

@media only screen and (max-width: 320px)
{
    .img_911
    {
        width: 50%;
        margin-top: 70px;
        margin-left: 70px;
    }

    .img-footer
    {
        width: 50%;
        margin-left: 80px;
        margin-top: 77%;
    }

    .div_f2
    {
        padding-top: 20px;
        margin-left: 9px;
    }

    .div_f3 
    {
        padding-top: 35px;
    }

    .div_f4 
    {
        padding-top: 40px;
    }
}

/**************** EFECTO GIRATORIO EN ICONOS FOOTER JRB *****************/
.iconos_footer
{
    width: 40px;
    float: left;
    margin-right: 17px;
    -webkit-transition: border-color .6s ease;
    transition: border-color .6s ease;
}

.iconos_footer:hover 
{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.iconos_footer {
	-webkit-transition: -webkit-transform .6s ease-in-out;
	transition: transform .6s ease-in-out;
}

.div_f1, .div_f2, .div_f3 
{
    max-width: 22%;
}