/*--- PLACE YOUR CUSTOM STYLES HERE ---*/

/*--- Background Images ---*/
.bg-shortcodes {
    background-image: url(../img/backgrounds/bg-shortcodes.jpg);  
}
.bg-light {
    background-image: url(../img/backgrounds/bg-light.jpg);  
}
.bg-shop {
    background-image: url(../img/backgrounds/bg-shop.jpg);  
}
.bg-about-me {
    background-image: url(../img/backgrounds/bg-about-me.jpg);  
}
.bg-restaurant-1 {
    background-image: url(../img/restaurant/bg-restaurant-1.jpg);  
}
.bg-restaurant-2 {
    background-image: url(../img/restaurant/bg-restaurant-2.jpg);  
}
.bg-pattern-1 {
    background-image: url(../img/backgrounds/bg-pattern-1.jpg);
}
.bg-pattern-2 {
    background-image: url(../img/backgrounds/bg-pattern-2.jpg);
}
.bg-pattern-3 {
    background-image: url(../img/backgrounds/bg-pattern-3.jpg);
}
.bg-pattern-4 {
    background-image: url(../img/backgrounds/bg-pattern-4.jpg);
}
.bg-music-1 {
    background-image: url(../img/music/bg-music-1.jpg);
}
.bg-photography-1 {
    background-image: url(../img/photography/bg-photography-1.jpg);
}
.bg-photography-2 {
    background-image: url(../img/photography/bg-photography-2.jpg);
}
.bg-photography-3 {
    background-image: url(../img/photography/bg-photography-3.jpg);
}
.bg-fitness-1 {
    background-image: url(../img/fitness/bg-fitness-1.jpg);
}
.bg-fitness-2 {
    background-image: url(../img/fitness/bg-fitness-2.jpg);
}
.bg-fitness-3 {
    background-image: url(../img/fitness/bg-fitness-3.jpg);
}
.bg-fitness-4 {
    background-image: url(../img/fitness/bg-fitness-4.jpg);
}
.bg-event-1 {
	background-image: url(../img/event/bg-event-1.jpg);  
}
.bg-event-2 {
	background-image: url(../img/event/bg-event-2.jpg);  
}
.bg-food-1 {
    background-image: url(../img/food/bg-food-1.jpg);  
} 
.bg-food-2 {
    background-image: url(../img/food/bg-food-2.jpg);  
} 
.bg-food-3 {
    background-image: url(../img/food/bg-food-3.jpg);  
}  
.bg-agency-1 {
	background-image: url(../img/agency/bg-agency-1.jpg);  
} 
.bg-agency-2 {
	background-image: url(../img/agency/bg-agency-2.jpg);  
} 
.bg-launching-1 {
    background-image: url(../img/launching/bg-launching-1.jpg);  
}
.bg-launching-2 {
    background-image: url(../img/launching/bg-launching-2.jpg);  
}
.bg-product-1 {
    background-image: url(../img/product/bg-product-1.jpg);  
}
.bg-product-2 {
    background-image: url(../img/product/bg-product-2.jpg);  
} 
.bg-education-1 {
    background-image: url(../img/education/bg-education-1.jpg);  
}
.bg-education-2 {
    background-image: url(../img/education/bg-education-2.jpg);  
} 
.bg-concepts-1 {
    background-image: url(../img/concepts/bg-concepts-1.jpg);  
}
.bg-video-1 {
    background-image: url(../img/video/bg-video-1.jpg); 
}
.bg-img-1 {
    background-image: url(../img/backgrounds/bg-1.jpg); 
}
.bg-img-2 {
    background-image: url(../img/slider1.jpg); 
}
.bg-img-3 {
    background-image: url(../img/slider2.jpg); 
}
.bg-img-4 {
    background-image: url(../img/backgrounds/bg-4.jpg);  
}
.bg-img-5 {
    background-image: url(../img/backgrounds/bg-5.jpg); 
} 
.bg-img-6 {
    background-image: url(../img/back-galeria.jpg);  
}
.bg-img-contacto {
    background-image: url(../img/back-contacto.jpg);  
}
.bg-img-7 {
    background-image: url(../img/inicio.jpg); 
    background-position: center top !important;
} 
.bg-img-8 {
    background-image: url(../img/servicios.jpg);  
    background-position: center top;
}    
.bg-img-9 {
    background-image: url(../img/backgrounds/bg-9.jpg);  
} 
.bg-img-10 {
    background-image: url(../img/backgrounds/bg-10.jpg);  
} 
.bg-img-11 {
    background-image: url(../img/backgrounds/bg-11.jpg);  
} 
.bg-img-12 {
    background-image: url(../img/backgrounds/bg-12.jpg);  
} 
.bg-img-13 {
    background-image: url(../img/backgrounds/bg-13.jpg);  
} 
.bg-img-14 {
    background-image: url(../img/backgrounds/bg-14.jpg);  
} 
.bg-img-15 {
    background-image: url(../img/backgrounds/bg-15.jpg);  
} 


.seguridad-laptop-ico .feature-icon .ion-help-buoy:before {
    content: url(../img/servicios/Laptop1.png);
    vertical-align: top;
}

.seguridad-laptop-ico .feature-icon .ion-help-buoy.back-icon:before{
    content: url(../img/servicios/laptop2.png);
    opacity: .1;
}

.portfolioContainer.galeria li .item {
    background: transparent;
}
.portfolioContainer.galeria li:hover img{
    opacity: 1;
}

.portfolioContainer.galeria li .info {
    display: none;
}

#footer-1 {
    background-color: #0cb4ce;
    padding: 10px;
    text-align: center;
}

#footer-1 p {
    color:black;
}

#footer-1 a {
    color: black;
}

#footer-1 a:hover {
    text-decoration: underline;
}


.contenido-slider{
    background-color: rgba(250,250,250, .5);
}

.titulo-slider{
    font-size: 36px;
    color: #0cb4ce;
    letter-spacing: 1px;
    padding: 30px 0;
    text-shadow: 8px 2px 40px #000;
}

p {
    font-family: 'Open Sans', sans-serif;
    color: black;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
}

.feature-info p{
    text-align: justify;
}

.team-member .img-responsive{
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    -ms-transition: inherit;
    transition: inherit;
}

#back-to-top {
    color: #fff;
    background-color: black;
}

.navbar-brand img {
    max-height: 71px;
}

.small .navbar-brand img {
    max-height: 72px;
}

.navbar-default.transparent .navbar-nav > li > a {
    color: black;
    font-size: 12px !important;
} 
.navbar-default.transparent .navbar-nav > li > a:hover {
    background-color: black;
    color:#0cb4ce;
}

.navbar-default.transparent.small .navbar-nav > li > a {
    letter-spacing: 1px;
    line-height: 3.3;
}

.nav .active-menu  > a{
    background-color: black;
    color:#0cb4ce !important;
}
.navbar-nav > li > a {
    padding: 16px 6px 14px 6px;
}

/* GALERIA */
.portfolioContainer {
    text-align: center;
}

/**/
.clientes .col-md-3{
    
    min-height: 305px;
    align-self: center;
    display: flex;
    justify-content: center;
}

.clientes .col-md-4{
    
    min-height: 305px;
    align-self: center;
    display: flex;
    justify-content: center;
}

.clientes .col-md-6{
    min-height: 305px;
    align-self: center;
    display: flex;
    justify-content: center;
}

.img-responsive {
    /*width: 100%;
    height: 100%;*/
    align-self: center;
}

.portfolioContainer.columns-5 li {
    width: 20%;
    min-height: 280px;
    align-self: center;
    display: flex;
    padding: 10px;
    border: 0px solid #ccc;
}

.portfolioContainer.columns-3 li {
    width: 20%;
    min-height: 280px;
    align-self: center;
    display: flex;
    padding: 10px;

}

.portfolioContainer.clientes li img {
    width: auto;
    display: inline-block;
    max-height: 254px;
}


a, .portfolioContainer li img, .portfolioContainer li:hover img {
    -webkit-transition: inherit;
    -moz-transition:    inherit;
    -o-transition:      inherit;
    -ms-transition:     inherit;
    transition:         inherit;
}

.section-heading h1 {
    text-transform: uppercase;
}


.contact-address li {
    line-height: 1.8;
    color: black;
    font-weight: 400;
}

.contact-address li a {
    line-height: 1.8;
    color: black;
    font-weight: 400;
}

h4 {
    font-size: 22px;
    margin-top:20px;
}

.celeste{
    color:#0cb4ce;
    text-shadow: 8px 2px 40px #000;
    font-size: 50px;
}

.white{
    text-shadow: 8px 2px 40px #000;
}

.section-heading h3 {
    font-size: 26px;
}

/* RESPONSIVE */

@media (min-width: 992px){
    .navbar-brand img {
       /* max-height: 40px;*/
        padding: 15px 0;
    }
}

@media (max-width: 991px){
    .navbar-brand img {
        max-height: 95%;
    }

    .navbar-collapse {
        background-color: transparent;
        text-transform: uppercase;
        }

        .titulo-slider {
            font-size: 20px;
            padding: 75px 0px;
        }

        #features {
            padding-top: 65px;
            padding-bottom: 45px;
        }

        .section-heading h3 {
            line-height: 1;
            font-size: 22px;
            margin-top: 10px;
            margin-bottom: 10px;
        }

       
}

@media (max-width: 992px){
    
    .hero-fullwidth {
        height: auto;
        top: 0 !important;

    }
 .portfolioContainer.columns-5 li{
            min-height: 220px;
        }
}


.page-hero, .page-hero-parallax{
    height: 70%;
}