.tint-bg {
	background-color: #005B93;
	color: #FFF;
	margin-top: -2px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 10px;
}
.tint-bg,
.tint-bg h1,
.tint-bg h2,
.tint-bg h3,
.tint-bg h4,
.tint-bg p,
.tint-bg .item-details li:before,
.tint-bg .icon i.icn {
    color: #FFF;
}
.img-bg-softer {
	background-position: center;
	position: relative;
}
.img-bg,
.img-bg-center {
	background-position: center !important;
	background-size: cover;
}
p.sede {
    font-size: 14px;
}
.conserv {
    background-color: #ffffffa6;
    padding: 30px 30px 20px 30px;
    opacity: 1;
}

.content {
    padding-right: 22px;
    padding-left: 22px;
    padding-bottom: 22px;
    float: left;
    margin-top: 30px !important;
    position: relative;  
    opacity: 0;
}

.valores {
    padding-right: 9px;
    padding-left: 22px;
    padding-bottom: 22px;
    float: left;
    margin-top: 30px !important;
    position: relative;  
    opacity: 1;
}
.etiquedas {
    width: 100%;
    height: 100%;
    padding: 22px 0px 0px 30px;
}
.textos {
    padding: 0px 80px 12px 40px;
}
.contetiquetas {
    padding-bottom: 30px;
}
.mov {
    opacity: 0;
}
.mov1 {
    opacity: 0;
}
.mov2 {
    opacity: 0;
}
.mov3 {
    opacity: 0;
}
#imgbefore {
    opacity: 0;
}
.certificados {
    width: 18%;
    opacity: 0;
}
.panel2 {
    opacity: 0;
}
.croquis {
    opacity: 0;
    width: 52%;
}
.text{
    text-align: justify;
    padding: 0% 12% 0% 12%;
}
.imagen {
    border-radius: 50%;
    width: 75%;
}
.reasons{
    background: url(http://181.57.200.188:8080/solti/imagenes/logistica4.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}
.parallaxip {
    background-image: url(http://181.57.200.188:8080/solti/imagenes/bodegas.jpg);
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
    background-size: cover;
}
.objetivo {
    border-radius: 50%;
    float: left;
    width: 25%;
    margin: 0px 15px 0px 0px
}
#animate1 {
    opacity: 0;
}
#animate2 {
    opacity: 0;
}
#animate3 {
    opacity: 0;
}
#animate4 {
    opacity: 0;
}
#animate5 {
    opacity: 0;
}

/*@media (max-width: 1024px) {
    
    
}*/
@media (max-width: 768px) {
    .croquis {
        width: 31%;
    }
    .content {
        padding-right: 22px;
        padding-left: 85px;
        padding-bottom: 22px;
        float: left;
        margin-top: 30px !important;
        position: relative;
        opacity: 0;
        /* text-align: center; */
    }
}
/*@media (max-width: 610px) {
    
    
}*/
@media (max-width: 370px) {
    .etiquedas {
        width: 100%;
        height: 100%;
        padding: 22px 0px 0px 0px;
    }
    
}