.img-popup {
    max-width: 70%;
    left: 50%;
    position: relative;
    transform: translatex(-50%);
}

h6.titulo-grande {
    font-size: 1.5em !important;
    font-weight: bold;
}


.content-title-uniforma {
    font-size: 0.88em;
    text-align: justify;
}

.banner-1 {
    background: black;
    width: 90%;
    margin: 0 auto;

}

img.banneri {
    max-width:100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.popup {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
}

.titular-popup{
    color: #ce2724;
    font-weight: bold;
    text-align: center;
    font-family: Bodoni Moda;
    font-size: 1.6em;
    line-height: 1em;
    margin-bottom: 10px;
    margin-top: 35px;
}

.texto-popup{
    font-family: Bodoni Moda;
    font-size: 1.2em;
    text-align: center;
    line-height: 1em;
    color: #19164f;
    margin-bottom: 10px;
}

.texto-link{
    font-size: 1.1em;
    text-align: center;
    font-weight: bold;
}

.texto-link:hover{
    color: #ce2724;
}

/* general */

.anchor{
    top:-200px;
}


.img-shadow{

    -webkit-box-shadow: 6px 3px 16px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 3px 16px 0px rgba(0,0,0,0.75);
    box-shadow: 6px 3px 16px 0px rgba(0,0,0,0.75);
}

.prueba {
    padding: 0;
    /* margin: 0.5em; */
    border-top: 1px solid #ce2724;
    /* font-size: 10px; */
    padding-top: 0.6em;
}

#categories
{
    background-color: white;
}

#categories .container
{
    width: 90%;
}

#categories .categories-title h6
{
    color: #d80f08;
    text-align: left;
    font-size: 1.2em;
    /* font-weight:400; */
    letter-spacing: normal;
    margin: 0;
    padding-left: 0.05em;
    position: relative;
    text-transform: initial;
    line-height: normal;
    padding-bottom: 0.55em;
}

.img-fluid
{
    width: 100% !important;
}

#categories .categories-title h2
{
    	            color: #0a0e4e;
		    text-align: left;
		    font-size: 2.3em;
		    font-weight: bold;
		    letter-spacing: normal;
                    margin: 0 0 -8px;
		    padding-left: 0.05em;
		    position: relative;
                    text-transform: initial;
                    line-height: normal;
   		    padding-bottom: 0.55em;


}

#categories .categories-title h4
{
    color: rgb(117, 117, 117);
    text-align: left;
    font-size: 1.2em;
    /* font-weight: 500; */
    letter-spacing: normal;
    margin: 0;
    padding-left: 0.05em;
    position: relative;
    text-transform: initial;
    line-height: normal;
}

@media screen and (max-width: 736px)
{
    #uniforma .owl-nav button.owl-prev, #uniforma .owl-nav button.owl-next{
        max-width: 1.5em !important;
        margin-left: 4em !important;
        padding-left: 4em !important;
    }
}


/* about us */

#about-us{
    background: white;
}

#about-us .container{
    width: 90%;
}


.contr{
    background-color: #0a0e4e;
    /* padding: 3em; */
    /* padding-top: 55px !important;
    padding-right: 60px !important;
    padding-bottom: 55px !important;
    padding-left: 60px !important; */
    padding: 4em;
}


#about-us .container-aboutus{
/* padding: 2.5em; */
/* padding-right: 2em; */
padding-bottom: 1em;
}

#about-us .container-aboutus .title-h5{
    color: white;
    text-transform: initial;
    letter-spacing: normal;
    /* font-weight: 600; */
    margin-bottom: 0;
    font-size: 1.2em;
    }

    #about-us .container-aboutus .contact-button-aboutus {
        text-align: center;
    }

    #about-us .container-aboutus .contact-button-aboutus button{
        font-size: 0.7rem;
        border-radius: 4px;
        margin-top: 1em;
    }

    #about-us .container-aboutus .contact-button-aboutus button span{
        font-size: 1.2em;
        font-weight: 300 !important;
        /* font-family: 'lato', sans serif; */
        text-transform: none;
        text-transform: uppercase;
    }



    #about-us .container-aboutus .title-big h2{
        color: white;
        letter-spacing: normal;
        font-weight: 600;
        text-transform: initial;
        font-size: 2em;
        margin-bottom: 0.6em;
        /* border-bottom: 1px white solid; */

        }


        #about-us .container-aboutus .hr-aboutus
        {

        margin-bottom: 0.8em;
        border-bottom: 1px white solid;

        }


    #about-us .container-aboutus #aboutus-texts .uniforma-text .main-title h4{
        color: white;
        letter-spacing: normal;
        font-weight: 600;
        text-transform: initial;
        margin-bottom: 1.1em;
        border-bottom: 1px white solid;
        font-size: 1.05em;
        }

        #about-us .container-aboutus #aboutus-texts .uniforma-text .item p{
            color: white;
            font-size: 1.05em;
            letter-spacing: normal;
            font-weight: 400;
            text-transform: initial;
            margin-bottom: 1.1em;
            border-bottom: 1px white solid;
            }

            #about-us .uniforma-main-image-tr
            {
                margin: auto;
                padding: 4em;
            }

            @media screen and (max-width: 840px)
            {
                .contr{
                    padding: 0;
                    margin: 0;
                }

                #about-us
                {
                    background: #0a0e4e;
                }

                .col-complete-right
                {
                    display: none;
                }

                #anuncio-quienesomos
                {
                    display: inline-block !important;
                }
            }

            @media screen and (max-width: 736px)
            {
                #about-us .container-aboutus #aboutus-texts .uniforma-text .item p
                {
                    text-align: left;
                }
            }


/* nuestros clientes y logos */

#our-clientss {
    padding-bottom: 2em;
    background: #f1f1f1;
}

#our-clientss .container
{
    width: 90%;
}


#our-clients .container .logos
{


}

#our-clientss .container .logos .row .item
{
    float: left;

}

#our-clients .container .logos .row
{

}

#our-clients .container .row .logos-row
{

}

#our-clientss .container .clientes-historias{
    padding:0;
    margin: 0;
}

#our-clientss .container .row .logos-row {
    margin: 2em auto;
}


#our-clientss .container .row .logos-row .item:hover {
    transition: 0.2s all ease-in-out;
}

#our-clientss .container .row .logos-row .item:hover {
    transform: scale(1.1);
    cursor: pointer;
}


#our-clientss .container .clientes-historias .content-title-uniforma
{
    /* width: 24em; */
    /* float: right; */
    background: #d80f08;
    height: 100%;
    padding: 2em;
    /* width: 20em; */
    /* float: right; */
    /* padding: 1em; */
    transition: 0.2s all ease-in-out;

}



#our-clientss .container .clientes-historias .content-title-uniforma .title-top h6
{
    color: white;
    letter-spacing: normal;
    font-size: 1.2em;
    margin: 0;
    text-transform: initial;
}

#our-clientss .clientes-historias .title-middle-main h2
{
    color: white;
    letter-spacing: normal;
    font-weight: 500;
    font-size: 2em;
    text-transform: initial;
    padding: 0;
    margin: 0;

    padding-bottom: 0.3em;
}


/*
#nuestros-c .clientes-logos
{
    padding: 10em;
    padding-top: 5em;
    padding-bottom: 3em;


} */

/* #nuestros-c .clientes-logos .logos
{
     padding: 10em;
    margin: 0 auto;
    padding-bottom: 0;
    padding-top: 0;

} */


.bubble {
    width: 90%;
}

.bubble blockquote {
	/* margin: 10px 10px 0; */
    background: #dbdbdb;
    margin:0;
	/* padding: 60px; */
	border: none;
	border-radius: 8px;
	font-size: 0.8em;
    color: #0a0e4e;
    font-style: normal;
}
/* .bubble blockquote:before, .bubble blockquote:after {
	content: "\201C";
	position: absolute;
	font-size: 45px;
	padding: 10px;
	line-height: 1;
	color: #22376d;
} */
/* .bubble blockquote:before {
	top: 0;
	left: 10px;
} */
/* .bubble blockquote:after {
	content: "\201D";
	right: 10px;
	bottom: -.7em;
} */

.bubble .trianglet {
	width: 0;
	height: 0;
	border-left: 0 solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid  #dbdbdb;
	margin: 0 0 0 60px;
	margin-bottom: 10px;
}

#our-clientss .clientes-historias .customer-trianglet
{
    color: white;
    font-weight: 500;
    font-size: 0.7em;
}

.slick-dots li button:before
{
    display: none !important;
}


#nuestros-c .container .clientes-logos
{
    background: #f1efef;
}


@media screen and (max-width: 1280px)
{
    #our-clientss .background-b
    {
        padding: 0;
        margin: 0;
        position: relative;
        left:5.5%;

    }

}

@media screen and (max-width: 583px) {
#our-clientss .container .logos .row .col-6-mobile .item
{
    position: relative;
    left: 4% !important;
}

}

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

    #our-clientss .container .logos .row .col-6-mobile .item
    {
        position: relative;
        left: 20%;
    }

    #our-clientss .container .row .clientes-historias
    {
        background: #d80f08;
    }
}

@media screen and (max-width: 840px) {
    /* #nuestros-c .container .clientes-historias{
        margin: 1em;
    } */

#our-clientss .container .logos .row .col-6-mobile .item
{
    position: relative;
    left: 30%;
}


#about-us .uniforma-main-image-tr{
    padding: 1em;
    margin: 0;
}

#our-clients .container .row .logos-row
{
    padding-bottom: 3em;
    margin: 0 auto;
}

#our-clients .ba  > div
{
    margin: 0 auto;
    justify-content: center;
    position: relative;
    left: 20%;
}

#our-clientss .background-b
    {
        padding: 0;
        margin: 0;
        position: relative;
        left:-2% !important;
        width: calc(100% + 3em + 10px);

    }

    #our-clientss .container .clientes-historias .content-title-uniforma
    {
        padding-left: 1.6em;
    }

    #our-clientss .container .row .clientes-historias
    {
        display: none;
    }

    #nuestros-clientes-bubbles{
        display: inline-block !important;
        vertical-align: top;


    }

    #nuestros-clientes-bubbles{
        background: #ce2724;
        display: block !important;
        padding: 2em;
        padding-top: 2em;
        padding-bottom: 2em;
    }

    #nuestros-clientes-bubbles .content-title-uniforma .title-top h6{
        color: white;
        letter-spacing: normal;
        /* font-weight: 500; */
        font-size: 1.2em;
        margin: 0;
        text-transform: initial;
    }
    #nuestros-clientes-bubbles .content-title-uniforma .title-middle-main h2{
        color: white;
        letter-spacing: normal;
        font-weight: 500;
        font-size: 2em;
        text-transform: initial;
        padding: 0;
        margin: 0;
        padding-bottom: 0.3em;
    }

    #nuestros-clientes-bubbles .customer-trianglet
{
    color: white;
    font-weight: 500;
    font-size: 0.7em;
}
}

@media screen and (max-width: 520px) {
    #our-clients .ba  > div
    {
        margin: 0 auto;
        justify-content: center;
        position: relative;
        left: 0%;
    }
}



/* seccion del formulario contactanos y mapa */
#contactus {
}

#contactus .container{
    width: 90%;
    background-color: #22376d;
    position: relative;
    top: -2.3em;
}


#contactus .form-section{
    padding-left: 60px;
}



#contactus .contact-container .form-section .contact .contact-f{
    padding: 0;
    margin: 0;
    padding-bottom: 2em;

}


#contactus .contact-container .form-section .contact .contact-f input {

    border: 1px white solid;
    border-left: none;
    border-top: none;
    border-right: none;
    margin: 0;
    padding: 0;
}

#contactus .contact-container .form-section .contact .contact-f label{
    font-size: 0.8em;
}

#contactus .contact-container .form-section .contact .send-button {
    padding-bottom: 1.5em;
    padding-top: 1em;
}

#contactus .contact-container .form-section .contact .send-button button{
    font-size: 0.7rem;
    border-radius: 4px;
    margin-top: 1em;
    margin-bottom: 2em;
}
#contactus .contact-container .form-section .contact .send-button button span{
    font-size: 1.2em;
    text-transform: uppercase;
}



#contactus .contact-container{
    /* background: #22376d; */
    color: white;
}

#contactus .contact-container .form-section h5{
    text-transform: initial;
    letter-spacing: normal;
    /* font-weight: 600; */
    font-size: 1.2em;
    padding: 0;
    margin: 0;
}

#contactus .contact-container .form-section h2{
    text-transform: initial;
    letter-spacing: normal;
    font-weight: 500;
    font-size: 2em;
}

#contactus .uniforma-map
{
    margin: auto;
    max-width: 24em;
}

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

    #contactus .uniforma-map div iframe
{
    height:
    260px;
}

}

@media screen and (max-width: 480px)
    {
        #gotop { margin-right: -25px; }
        #contact-wrapper { padding-left: 0; padding-right: 0; }
        /* button { max-width: 50px; width: 50px; margin-top: -150px; } */
    }


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


    #contactus .form-section
    {
        padding-left: 0;
    }

    #contactus .container .contact-container .form-section{
        margin: 1em;
    }

    #contactus .uniforma-map
    {
        margin: auto;
        padding-bottom: 3em;
    }

    #contactus .uniforma-map iframe
    {

    }

}

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


    #contactus .form-section
    {
        padding-left: 0;
    }

    #contactus .container .contact-container .form-section{
        margin: 1em;
    }

    #contactus .uniforma-map
    {
        margin: auto;
        padding-bottom: 3em;
    }

    #contactus {
        background: rgb(34, 55, 109);
    }

}

/* to_do sobre el blog y las imagenes*/

#blog {
    /* margin: 1em; */
background-color: white;
}

#blog .container{
    width: 90%;

}

#blog .container h5 {
    color: #d80f08;
    text-align: left;
    font-size: 1.2em;
    /* font-weight:400; */
    letter-spacing: normal;
    margin: 0;
    padding-left: 0.05em;
    position: relative;
    text-transform: initial;
    line-height: normal;
    padding-bottom: 0.55em;
}

#blog .container h2 {
    color: #0a0d50;
					text-align: left;
					font-size: 2em;
					font-weight: bold;
					letter-spacing: -1px;
                    margin: 0 0 -8px;
					padding-left: 0.05em;
					position: relative;
                    text-transform: initial;
                    line-height: 0.9em;
    padding-bottom: 0.6em;
}

#blog .container .container-text h6{
    color: #282828;
    text-transform: initial;
    font-weight: 600;
    margin-bottom: 0.5em;
    padding-top: 0.8em;
    transition: 0.2s all ease-in-out;
    font-size: 18px;
}

#blog .container .container-text h6:hover,
#blog .container .container-text p:hover {
    color: #22376d;
    cursor: pointer;
}

#blog .container .container-text p{
    letter-spacing: normal;
    color : #494949;
    /* font-size: 0.9em; */
    font-size: 17px;
    margin: 0;
    font-weight: 400;
}

#blog .container .image-blog
{
    margin: 0;
}


#blog .container .text-content .text-date-p p
{
    text-transform: uppercase;
    font-size: 0.6em;
    padding-top: 0.5em;
    color: rgb(36, 36, 36);
    font-weight: 400;
}

#blog .container .text-content .text-date-p p span
{
    color: rgb(94, 94, 94);
}

@media screen and (max-width: 736px)
{
    #blog .container .container-text p
    {
        text-align: left;
    }
}


/* footer de la pagina */

/* #footerr {
    background-color: #22376d;
    padding: 1em;
    margin: 0;
    padding-top: 3em;
    padding-bottom: 0.05em;
}

#footerr .container .info-contact .contact-format
{
    padding-bottom: 4em;
}

#footerr .container .info-contact .contact-format div a {
    color: white;
    text-transform: initial;
    font-size: 15px;
    font-weight: 400;
    transition: 0.2s all ease-in-out;
}

#footerr .container .info-contact .contact-format h6 {
    color: white;
    text-transform: initial;
    font-size: 0.9em;
    font-weight: 600;
    transition: 0.2s all ease-in-out;
}


#footerr .container .info-contact .contact-format div a:hover {
    color: #ce2724;
}

#footerr .container .info-contact .copyright-section p{
    color: white;
    font-size: 0.8em;
    font-weight: 500;
    text-align: center;
}

#footerr .footer-icons
{
    padding-top: 3em;
}

#footerr .footer-icons .icons li a
{
    font-size: 0.9em !important;
} */

#foot  {
    /* background-image: url(https://images.pexels.com/photos/3613388/pexels-photo-3613388.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260); */
    /* background-size: cover; */
    /* background-repeat: no-repeat; */
    /* background:rgba(34, 55, 109, 1); */
    /* padding-top: 5em !important; */
    background-color: white;
}

#foot .container{
    width: 90%;
}

#foot .container .upper-f
{
    padding: 2em;
}

#foot .bg-b
{
    /* padding: 2em; */
    padding: 0;
    margin: 0;
    background-color: #0a0e4e;
    position: relative;
}

#foot .bg-b .container
{
   width: 90% !important;
}

#foot .container .img-container
{
    padding-top:1em;
}



#foot .container .bottom-f .title-trajes h6
{
    text-transform: initial;
    line-height: normal;
    color: white;
    font-size: 1.2em;
}

#foot .container .semi-title-pu
{
    color: white;
    font-size: 1.75em;
    font-weight: 600;
    letter-spacing: normal;
    text-transform: initial;
    padding-top: 1em;
    padding-bottom: 1em;
}

.contactanoss .semi-title-pu
{
    float: right;
}


#foot .container .semi-title-pu h5
{

    font-size: 0.7em;
    letter-spacing: normal;
    margin: 0;
    padding-left: 0.05em;
    position: relative;
    text-transform: initial;
    line-height: normal;
    padding-bottom: 0.55em;
    text-align: center;
}


#foot .container .semi-title-pu span
{
    text-align: center !important;
}


#foot .containercontactt{
    padding-top: 1em;
}


#foot .container .contactform-footer{
    /* border: 1px solid white; */
    width: 15em;

}

#foot .container .contactform-footer label
{
    font-size: 0.6em !important;
}

#foot .container .contactform-footer input,
#foot .container .contactform-footer textarea
{
    padding: 0.8em;
    margin-bottom: 1.4em;
    font-size: 0.5em !important;
    background-color: white;
    color: black;
   /* border-bottom-left-radius: 8px; */
}



#foot .container .contactform-footer textarea
{
    height: 9em;
}

#foot .container .contactform-footer .send
{
    padding-top: 1em;
    text-align: center !important;

}

#foot .container .contactform-footer button
{
    font-size: 0.7rem;
    border-radius: 4px;
}

#foot .container .contactform-footer button span
{
    font-size: 1.2em;
    text-transform: none;
    text-transform: uppercase;
    font-weight: 300 !important;
}

@media screen and (max-width: 736px)
{
    #foot .container .semi-title-pu h5
    {
        font-size: 1.2em !important;
    }

    #foot .container .contactform-footer input,
    #foot .container .contactform-footer textarea
    {

    font-size: 0.9em !important;

    }

    .contactanoss .semi-title-pu
        {
            float: none !important;
            margin: auto;
            text-align: center;
            /* text-align: center !important; */
            /* margin: 0 auto !important; */
        }

        .contactanoss .semi-title-pu .contactform-footer
        {
            text-align: center !important;
            margin: 0 auto;
            width: 99% !important;
        }
    #foot .container .contactform-footer .send button
    {
        font-size: 0.68rem;
    }

    #foot .container .contactform-footer .send button span
    {
        font-size: 1.2em;
    }
}


#foot .b .row .imagecol
{
    margin: auto;
}

#foot .b .row .imagecol .img-container
{
    text-align: left;
}

#foot .b .row .right .bottom-f
{
    text-align: right;
}

#foot .bg-b .b .row .right-content .blog-content .bg-container-f
{
    color: white;
}

#foot .bg-b .b .row .right-content .blog-content .bg-container-f .blogs-container h3
{
    margin: 0;
    padding: 0;
    font-size: 0.8em;
    font-weight: 600;
    text-transform: initial;
}


#foot .bg-b .b .row .right-content .blog-content .bg-container-f .blogs-container h6
{
    margin: 0;
    padding: 0;
    font-size: 0.65em;
    font-weight: 600;
    text-transform: initial;
}

#foot .bg-b .b .row .right-content .blog-content .bg-container-f .blogs-container
{
    padding-bottom: 1em;
}


#foot .bg-b .b .row .right-content .blog-content
{
    float: right;
}

#foot .contacti h6
{
    line-height: normal !important;
}

#foot .bg-b .container .info-contact div a {
    color: white;
    text-transform: initial;
    font-size: 17px;
    font-weight: bold;
    transition: 0.2s all ease-in-out;
    border: none;
}

#foot .bg-b .container .info-contact {
    padding-bottom: 2em;
}

#foot .bg-b .container .img-container-contactanos{
    text-align: left;
}



#our-clientss .container a:hover {
    color: rgb(218, 212, 212);
}

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

    #foot .container .semi-title-pu
    {
        padding-top: 0;
        font-size: 0.9em;
    }


    #foot .bg-b .container .info-contact
    {
        padding-bottom: 0;
    }

    #foot .bg-b .bottom-f{
        text-align: left !important;
    }



    #foot .bg-b .b .row .left-content
    {
        margin: auto;
        /* padding: 0; */
        margin: 0;
    }

    #foot .bg-b .b .row .left-content .bottom-f
    {
        text-align: center;
        float: none;
    }


#foot .bg-b .container.info-contact .row .cctn .contactanoss {
    text-align: center;
}


#foot .img-container{
    text-align: left !important;
    transition: 0.2s all ease-out;
}

#foot .bg-b .container .info-contact div a {
    font-size: 0.9em;
    font-weight: bold;
}

#foot .container .bottom-f .title-trajes h6
{
    font-size: 15px;
}

#foot .img-container{
    text-align: left !important;
}

#foot .blogfootericons .blog-icons {
    border: none;
    padding-top: 2em !important;
    text-align: center !important;
    font-size: 1.3em;

}

#foot .blogfootericons .blog-icons ul li a {
    border: none;
}

}


#foot .blogfootericons .blog-icons
{
    padding-top: 1.2em;
}

#foot .blogfootericons .blog-icons ul, #foot .blogfootericons .blog-icons  li, #foot .blogfootericons .blog-icons  a, #foot .blogfootericons .blog-icons  a span
	{
		display: inline;
		margin: 0;
		padding: 0;
		line-height: 1;
    }

    #foot .blogfootericons .blog-icons  i{
		color: rgb(218, 212, 212);
		transition: 0.2s all ease-in-out;
	}


    #foot .blogfootericons .blog-icons  i:hover{
		/* color: #20386b; */
        color: #ce2724;
		transform: scale(1.25);
    }

    #foot .blogfootericons .blog-icons ul
	{
		list-style-position: inside;
    }

    #foot .blogfootericons .blog-icons li
	{
        margin: 0 0.45em;
        font-size: 0.9em;
    }




    #foot .blogfootericons .blog-icons li a i{

		width: 2.5em;
		height: 2.5em;
        font-size: 0.9em;
		text-align: center;
		line-height: 2.45em;
		background: white;

        color: rgba(34, 55, 109, 1);
		border-radius: 2em;
    }



    .icon-fb{
        background: #4267B2 !important;
        color: white !important;
    }

    .icon-instagram
    {
        background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
				background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important;
				background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important;
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
                color: white !important;
    }

    .icon-whatsapp
    {
        background: #25D366 !important;
        color: white !important;
    }

    .icon-phone
    {
        background: goldenrod !important;
        color: white !important;
    }


    .icon-email
    {
        background: rgb(137, 175, 255) !important;
        color: white !important;
    }





/* to do relacionado a los blogs */

#main.mainblog
{
    background: white;
    padding-top: 2em !important;
}

#main.mainblog #blogsstuff
{
}

#blogsstuff .content section header h3
{
    color: black;
    letter-spacing: normal;
    font-weight: 600;
}

#blogsstuff .content section p
{
    color: #494949;
    letter-spacing: normal;
    font-weight: 400;
    font-size: 0.9em;
}

#blogsstuff .sidebar-blogs
{
    color: white;
    padding: 1.5em;
    background-color: #d80f08;
}

#blogsstuff .sidebar-blogs h3
{
    text-transform: initial;
    font-weight: 600;
}

#blogsstuff .sidebar-blogs a
{
    color: white;
    font-size: 0.8em;
    text-transform: initial;
    font-weight: bold;
}

#blogsstuff .sidebar-blogs a:hover
{
    color: #0a0d50 !important;
}

#blogsstuff .blog-icons
{
    padding-top: 0.6em;
}

#blogsstuff .blog-icons ul, #blogsstuff .blog-icons  li, #blogsstuff .blog-icons  a, #blogsstuff .blog-icons  a span
	{
		display: inline;
		margin: 0;
		padding: 0;
		line-height: 1;
    }

    #blogsstuff .blog-icons  i{
		color: rgb(218, 212, 212);
		transition: 0.2s all ease-in-out;
	}


    #blogsstuff .blog-icons  i:hover{
		color: #20386b;
		transform: scale(1.25);
    }

    #blogsstuff .blog-icons ul
	{
		list-style-position: inside;
    }

    #blogsstuff .blog-icons li
	{
        margin: 0 0.3em;
        font-size: 0.9em;
    }

    #blogsstuff .blog-icons li a i{

		font-size: 1.3em;
		width: 1.6em;
		text-align: center;
		line-height: 1.6em;
		background: white;
		color: #ce2724;
		border-radius: 0.8em; /* or 50% width & line-height */
    }

    #blogsstuff .content section p b{
        font-weight: 600;
    }

    /* copyright */

    .copyrightt {
        text-align: center;
        background: #ffffff;
        color: rgb(0, 0, 0);
        font-size: 1.2em;
        padding: 0.2em;
        font-weight: 400;
    }


    /* seccion de categorias */

    #categorias-title-principal
    {
        text-align: center;
        background-color: #ce2724;
        padding: 6em;
    }

    #categorias-title-principal h2
    {
        padding: 0;
        margin: 0;
        color: white;
        font-size: 2em;
        font-weight: 600;
        padding-bottom: 0.7em;

    }


    #categorias-title-principal p
    {
        padding: 0;
        margin: 0;
        color: white;
    }



    /* margenes  */

    article {
        background-color: white;
	position:relative;
    }

    #banner {
        padding-bottom: 3.5em;
    }

    #categories {
        padding-bottom: 3.5em;
    }


    #about-us{
        padding-bottom: 3.5em;
    }

    #blog{
        padding-bottom: 3.5em;

    }


    @media screen and (max-width: 1300px){
        .delaespacio
        {
            display: none !important;
        }

    }

    @media screen and (min-width: 1500px){
        .delaespacio
        {
            display: none !important;
        }

    }

    @media screen and (max-width: 736px){
        #anuncio-quienesomos .row > * {
            padding-top: 2.3em;
            padding-bottom: 0 !important;
            margin-bottom: 0 !important;
        }



        #blog .row > *{
            margin: 0;

        }

        .espacio-gg {
            display: block !important;
        }


    }

    @media screen and (max-width: 840px)
    {
        section{
            margin: 0;

        }

        #categories {
            padding-bottom: 4.6em;
        }


        #nuestros-clientes-bubbles{
            margin-bottom: 3.5em;
        }

        #banner {
            padding-bottom: 1.4em !important;
        }
	
	h6.correo {
    	    font-size: 16px !important;
	}

    }

    @media screen and (max-width: 576px)
    {
        .text-ds
        {
            display: none !important;
        }

    }


    @media screen and (max-width: 699px)
    {
        #banner {
            padding-bottom: 0 !important;
        }

    }



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

        #foot .container .semi-title-pu span
        {
                font-size: 1.45em !important;
        }

    }


    @media screen and (max-width: 380px)
    {
        #logop {
            left: 1em !important;

            /* padding-left: 4em; */
        }

    }


    @media screen and (max-width: 840px)
    {
        #nuestros-clientes-bubbles{
            margin-bottom: 1.7em !important;
        }


    }

    @media screen and (max-width: 1280px)
    {
        .wrapper.style4.container
        {
            width: 84% !important;
        }
    }


/* button to go top */

#whatsappflotante{
    position: fixed; 
    bottom: 20px; 
    right: 22px; 
    z-index: 99; 
    border: none; 
    outline: solid; 
    cursor: pointer; 
    height: 61px;
    width: 61px;
    border-radius: 100px; 
    background: #d80f08;
    transition: 0.2s all ease-in-out;
    color: white; 
}

#whatsappflotante:hover{
    transform: scale(1.1);

}

#whatsappflotante ul, #whatsappflotante li, #whatsappflotante a, #whatsappflotante a span
	{
		display: inline;
		margin: 0;
		padding: 0;
		line-height: 1;
    }

    #whatsappflotante i{
        position: relative;
	left: 19px;
    	top: 18px;
	transition: 0.2s all ease-in-out;
	}

    #whatsappflotante i svg{
        text-align: center !important;
        margin: 0 auto !important;
    }



    #whatsappflotante li a i{

		width: 2.5em;
		height: 2.5em;
        font-size: 0.9em;
		text-align: center;
		line-height: 2.45em;
        color: white;
		border-radius: 2em;
    }

#gotop
{
    display: none; 
    position: fixed; 
    /*bottom: 20px;
    right: 2px; */
    bottom:  20px;
    right:  50%;
    z-index: 99; 
    /*border: none; */
    border:  1px solid #888;
    outline: none; 
    /*color: red; */
    background:  rgba(30, 30, 30, 0.7);
    color:  #fff;
    cursor: pointer; 
    /*padding: 15px;
    /*border-radius: 10px; */
    padding:  0;
    border-radius:  100%;
}

#gotop ul, #gotop li, #gotop a, #gotop a span
	{
		display: inline;
		margin: 0;
		padding: 0;
		line-height: 1;
        outline: none;
        border-bottom:  0;
    }

    #gotop i{
		transition: 0.2s all ease-in-out;
	}


    #gotop i:hover{
		/* color: #20386b; */
        color: #ce2724;
		transform: scale(1.1);
    }

    #gotop ul
	{
		list-style-position: inside;
    }

    #gotop li
	{
        /*margin: 0 0.45em;
        font-size: 1.5em;*/
    }


    #gotop  li a i{

		/*width: 2.5em;
		height: 2.5em;*/
        width:  50px;
        height:  50px;
        /*font-size: 0.9em;*/
        font-size:  30px;
		text-align: center;
		/*line-height: 2.45em;
		/*background: #f1f1f1;*

        color: rgba(34, 55, 109, 1);*/

        line-height: 50px;
        color:  #fff;
		/*border-radius: 2em;*/
    }


    @media screen and (max-width: 840px)
    {
        #inicio
        {
            margin: 0 !important;
        }
    }