body{
        background: #EFEFEF!important;
}
.navbar-default {
    background-color: #ffffff!important;
    border-color: #e7e7e7;
    font-family: 'century gothic';
    font-size: 16px;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
     color: #555;
     background-color: #ffffff;
     border-bottom: 3px solid #f61924 ;
}

.navbar-default .navbar-nav a:hover {
     border-bottom: 3px solid #f61924 ;
}

.nav .navbar-nav li > a{
    padding: 30px
}

.navbar-nav.social li>a {
        margin-top: 25px;
        margin-bottom: 25px;
        padding-top: 0;
        padding-bottom: 0;
    }
.navbar-default .navbar-nav.social a:hover {
     border-bottom: 0;
}



/*header*/

.logo-text{
     background-image: url('../images/logo-text.png');
    background-size: 58px 38px;
    /*background-size: 90% 90%;*/
    background-repeat: no-repeat;
    width: 58px;
    height: 38px;
}



@media (min-width: 768px) {
    .nav-h{
        min-height: 88px!important;
    }

        .navbar .navbar-nav {
            display: inline-block;
            float: none;
            vertical-align: top;
        }
        .navbar .navbar-collapse {
            text-align: center;
        }
        .navbar-nav>li>a {
            padding-top: 34px;
            padding-bottom: 34px;
        }
        .navbar-header{
             padding-top: 25px;
        }

        .container-body{
            padding: 0 100px;
        }

        /*productos*/
        .navbar-nav.productos>li>a {
            /*padding-top: 10px;
            padding-bottom: 10px;*/
            padding: 15px 0px;
            text-align: left;
        }

        .bg-contacto{
            background-image: url('../images/bg-contacto.png');
            background-size: 100% 100%;
            background-repeat: no-repeat;
            min-height: 750px;
        }
    }

@media (max-width: 768px) {
        .container-body{
            padding: 1px
        }

        .logo-text{
            margin: 5px ;
        }

    }

/* SOCIAL */

.social a {
        text-align: center;
        font-size: 14px;
        color: #fff;
        margin-top: 8px;
    }

    .icon-button {
        background-color: #000;
        border-radius: 3.6rem;
        cursor: pointer;
        display: inline-block;
        font-size: 2.0rem;
        height: 3.0rem;
        line-height: 3.0rem;
        margin: 0 8px;
        position: relative;
        text-align: center;
        width: 3.0rem;
    }

    .icon-button span {
        border-radius: 0;
        display: block;
        height: 0;
        left: 50%;
        margin: 0;
        position: absolute;
        top: 50%;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        width: 0;
    }

    .icon-button:hover span {
        width: 3.6rem;
        height: 3.6rem;
        border-radius: 3.6rem;
        margin: -1.8rem;
    }

    .linkedin span {
        background-color: #4393BB;
    }

    .pinterest span {
        background-color: #C92228;
    }

    .twitter span {
        background-color: #4099ff;
    }

    .facebook span {
        background-color: #3B5998;
    }

    .google-plus span {
        background-color: #db5a3c;
    }

    .instagram span {
        background-color: #517fa6;
    }
    /* Icons */

    .icon-button i {
        background: none;
        color: #fff;
        left: 0;
        line-height: 3rem;
        position: absolute;
        top: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        width: 3rem;
        z-index: 2;
    }

    .icon-button .icon-linkedin {
        color: #4393BB;
    }

    .icon-button .icon-pinterest {
        color: #C92228;
    }

    .icon-button .icon-twitter {
        color: #4099ff;
    }

    .icon-button .icon-facebook {
        color: #3B5998;
    }

    .icon-button .icon-google-plus {
        color: #db5a3c;
    }

    .icon-button .icon-instagram {
        color: #517fa6;
    }

    .icon-button:hover .icon-linkedin,
    .icon-button:hover .icon-pinterest,
    .icon-button:hover .icon-twitter,
    .icon-button:hover .icon-facebook,
    .icon-button:hover .icon-google-plus {
        color: white;
    }

/* FOOTER*/
footer .menu{
    list-style-type: none;
    margin: 0 5px;
    padding: 2px;
    font-family: 'century gothic';
}

footer .menu li {
	display: inline-block;
	 margin: 0 12px;
     margin-top: 5px;
}

footer .menu a {
	 color: #212020 ;
}


footer .menu a:hover{
  text-decoration:none;
  color: #fff;
}

footer #pie_logo{
  background-color:#E31D1A;
    color: white;
    text-align: center;
    width: 100%;
}

footer #pie_logo a img{
  display:inline-block;
}

footer #pie_final{
  height: 40px;
  background-color: black;
  text-align: center;
  color: #8C8B8B;
  padding:10px;
}

footer .img-footer-life{
	padding:10px 5px ;
	width: 45px;
}

/*  slider*/
.carousel-caption .m-b{
    margin-bottom: 70px
}
.b-title-slider{
	border-style: solid;
	border-width: 1px 0 1px 0;
	border-color: #f61924;
	text-transform: uppercase;
	padding: 15px 0 ;
    color: #f61924 ;
    font-weight: bold;
    /*box-shadow: none!important ;*/
    text-shadow:none;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
}

.carousel-indicators.theme li{
    border-radius: 0!important;
    -ms-transform: rotate(50deg)!important;
    -webkit-transform: rotate(50deg)!important;
    transform: rotate(50deg)!important;
    width: 20px;
    height: 20px;
    border-style: dotted;
    border-width: 2px;
    margin: 0 5px;
    border: 1px solid #f61924;
    /*background-color: #fff;*/
    /*#*/
}

.carousel-indicators .active {
    background-color: #ea1313;
}





@media (min-width: 768px) {
    .max-h,.carousel img.max-h{
        max-height: 450px!important;
        height: 450px!important;
    }
    .carousel-inner .item .logo{
        margin-top: 20px;
        z-index: 100;
        top: 0;
        position: absolute;
        left: 35%;
        height: 200px;
    }

    .carousel-inner .item .logo img{

        height: 240px;
    }
}
@media (max-width: 768px) {
    .max-h,.carousel img.max-h{
        max-height: 150px!important;
        height: 150px!important;
    }
    .b-title-slider{
        border-style: solid;
        border-width: 1px 0 1px 0;
        border-color: #f61924;
        text-transform: uppercase;
        bottom: 40px;
        color: #f61924 ;
        font-weight: 500;
        text-shadow:none;
        font-family: 'Montserrat', sans-serif;
        font-size: 1rem;
        width: 100% ;
    }
    .carousel-caption .m-b {
        margin-bottom:10px;
    }
    .carousel-caption {
        position: absolute;
        right: 1%;
        bottom: 40px;
        left: 1%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: rgb(255, 255, 255);
        text-align: center;
        text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px;
        width: 100% ;
    }


}
/* color */
.c-thema{
    color:#f61924;
}

.bg-thema{
    background:#f61924;
    color: #fff ;
}
.w100{
    width: 100%
}
/* ====================== */
.cuadro_intro_hover{
    padding: 0px;
    position: relative;
    overflow: hidden;
    height: 330px;
}
.cuadro_intro_hover:hover .caption{
    opacity: 1;
    transform: translateY(-275px);
    -webkit-transform:translateY(-275px);
    -moz-transform:translateY(-275px);
    -ms-transform:translateY(-275px);
    -o-transform:translateY(-275px);
}
.cuadro_intro_hover img{
    z-index: 4;
    height: 330px
}
.cuadro_intro_hover .caption{
    position: absolute;
    top:275px;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    width: 100%;
}
.cuadro_intro_hover .blur{
    background-color: rgba(255, 0, 0, 0.58);
    height: 330px;
    z-index: 5;
    position: absolute;
    width: 100%;
}
.cuadro_intro_hover .caption-text{
    z-index: 10;
    color: #fff;
    position: absolute;
    height: 330px;
    text-align: center;
    top:-20px;
    width: 100%;

}
.cuadro_intro_hover .title {
    height: 65px;
    background-color:#f61924;
    font-family: 'century gothic bold';
    font-size: 16px;
    text-transform: uppercase;
    display: table;
    width: 100%;
}
.cuadro_intro_hover .title .c-v {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;

}

.cuadro_intro_hover:hover .caption-text  {
    top:100px;
    width: 100%;
}
.cuadro_intro_hover:hover .caption-text .title
{
     background-color:transparent;
}

.btn-ver-mas{
    background-color: rgba(148, 149, 148, 0.5);
    border-color: #0E0E0E;
    color: #fff;
    border-radius: 1px;
    padding: 15px  ;
}

.btn-ver-todo{
    background: #c8c8c8;
    border-color: #0E0E0E;
    color: #fff;
    border-radius: 1px;
    padding: 15px 50px ;
}




@media (min-width: 768px) {
    .padd-30-h{
        padding: 0 30px;
    }
    .padd-30-l{
        padding-left: 30px;
    }
    .padd-30-r{
        padding-right: 30px;
    }


    .padd-60-h{
        padding: 0 60px;
    }
    .padd-60-t{
        padding-top: 60px;
    }



    .mg-90{
         margin:90px
    }
    .mg-70-t{
         margin-top:70px
    }
    .mg-50{
         margin:50px
    }
}

@media (max-width: 768px) {
    .padd-30-h ,.padd-30-l,.padd-30-r{
        padding: 0 0;
    }

    .mg-90, .mg-70-t , .mg-50{
         margin:10px
    }


    .social-nav>li {
         display: inline;
    }
    .social-nav>li>a {
         display: inline-block;
    }

}

.bg-crecemos-home{
    background-image: url('../images/crecemos-home.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.bg-crecemos{
    background-image: url('../images/crecemos.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}




   /*menu productos*/
    .navbar-nav.productos>li{
        width: 100%;
        border-bottom: 1px solid #000 ;
        font-size: 12px;

    }
    .navbar-default .navbar-nav.productos>.active>a,
    .navbar-default .navbar-nav.productos>.active>a:focus,
    .navbar-default .navbar-nav.productos>.active>a:hover {
         color: #f61924;
         background-color: #c8c8c8;
         border-bottom: 0px solid #000 ;
    }
    .navbar-default .navbar-nav.productos a:hover {
        border-bottom: 0px solid #000 ;
        color: #f61924;
    }
    .navbar-default .navbar-nav.productos>li>a {
        color: #000;
    }
    .container-medidas{
        padding: 0;
    }

    .container-medidas ul{
        border: 1px solid #000;
        background: #f61924;
        margin-bottom: 5px;
    }
    .img-productos{
        margin-bottom: 40px;
    }
    .ul-medidas{
        margin: 0;
        padding: 10px 5px;
        list-style-type: none;
    }

    .ul-medidas li{
        display: inline-block;
        color: #fff;
        padding: 10px;
        width: 32.33333333%;
        text-align: center; ;
    }



    .ul-medidas li { border-right: 1px solid #121; }
    .ul-medidas li:first-child { border-right: none; border-right: 1px solid #121;}
    .ul-medidas li:last-child { border: none; }



    @media (min-width: 768px) {
       .img-productos img{
            /*height: 195px;
            width: 795px;*/
            min-height: 195px;
            min-width: 500px ;
            max-height: 250px;
            max-width: 636px ;
            margin: 0 auto ;
        }
    }

    @media (max-width: 768px) {
        .img-productos{
            margin-bottom: 10px;
        }
       .img-productos img{
            max-height: 195px;
            max-width: 795px ;
        }
        .container-medidas{
            margin-top: 10px;
        }
        .ul-medidas li{
            padding: 10px 20px;
            /*width: 100%!important;*/
        }

    }

    .open-sans{
        font-family: 'Open Sans', sans-serif;
        font-size: 16px
    }
    .img-opacidad{
        opacity: 0.7;
        filter: alpha(opacity=50); /* For IE8 and earlier */
    }
    .class-correos{
        line-height: 2.5;
    }


    .ul-mail{
        margin: 0;
        padding: 2px 2px;
        list-style-type: none;
    }

    .ul-mail li{
        display: inline-block;
        padding: 1px;
        width: 33%;
        /*text-align: center; ;*/
        font-size: 14px;
        /*text-align: left;*/
    }

@media (min-width: 768px) {
       .class-correos{
            top: -65px;
            position: relative;
            left: -100px;
       }
    }

    @media (max-width: 768px) {
       .ul-mail li{
            width: 100%;
            text-align: left;
        }

    }