@charset "utf-8";
/* CSS Document */


.main-demo-hero .bg-overlay, .fs-video-hero .bg-overlay, .fw-video-hero .bg-overlay, .text-slider-hero .bg-overlay, .freelancer-hero .bg-overlay, .agency2-hero .bg-overlay, .animated-hero .bg-overlay, .web-app-hero .bg-overlay {
    background: transparent;
}

.ztb-customchatbox-logo { display: none!important;}
.ztb-customchatbox-logo:after { display: none!important;}


h1,h2,h3 {
    
    color: #ff193e;
    
}

address {
    margin-bottom: 0px;
}

::selection {
    color: #fff;
    background: #ff193e;
}

.sec-heading {
  /* margin-bottom: 50px;*/
}

.ft-centered .ft-circle-frame-dark span, .ft-x .ft-circle-frame-dark span, .ft-y .ft-circle-frame-dark span, .ft-centered .ft-square-frame-dark span, .ft-x .ft-square-frame-dark span, .ft-y .ft-square-frame-dark span, .ft-centered .ft-circle-frame-dark i, .ft-x .ft-circle-frame-dark i, .ft-y .ft-circle-frame-dark i, .ft-centered .ft-square-frame-dark i, .ft-x .ft-square-frame-dark i, .ft-y .ft-square-frame-dark i {
    color: #555;
    background: #fff;
    border: 5px solid white;
    box-shadow: 0 0 0 1px #ddd;
}


.pt-plax-lg-diseno {
    background: url(images/banner-diseno.jpg);
    background-size: cover;
}

.ft-tabs .tab-content .tab-content-image {
    /*padding-top: 0px;*/
}


.video-bg-section {
	height: 365px;
	background: #ccc url(images/hero/banner-prueba.jpg);
	background-position: 50%;
    background-size: cover;
}


.video-bg-section .video-sec-content {
    /*background: transparent;*/
}

.navbar-trans-dark .navbar-nav .active > a:hover {
    color: #ff193e !important;
}

.navbar-trans-dark .navbar-nav .active > a {
    color: #ff193e !important;
}

.portfolio-columns-fw, .portfolio-columns-boxed {
    margin-top: 0px;
}

.ft-tabs .tab-content {
    /*height: 620px;*/
	height: 778px;
}

.section {
    /*padding-bottom: 0px;*/
}


.fs-slide-1 {
    background: url(images/hero/fog.jpg);
    background-size: cover;
}

.fs-slide-2 {
    background: url(images/hero/diseno.jpg);
    background-size: cover;
}

.fs-slide-3 {
    background: url(images/hero/impresion.jpg);
    background-size: cover;
}


.fs-slide-1 .bg-overlay {
    background: transparent;
}

.fs-slide-2 .bg-overlay {
    background: transparent;
}

.fs-slide-3 .bg-overlay {
    background: transparent;
}



.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor:auto;
}



.if-image {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transition: 1.5s ease;
    -moz-transition: 1.5s ease;
    -webkit-transition: 1.5s ease;
    -o-transition: 1.5s ease;
    max-width: 200px;
	opacity: 0.6;
}

.if-image:hover {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
	opacity: 1.0;
	
	
	
	/*transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);*/
}

.navbar-fw .navbar-right {
    margin-right: 0px;
}




#myCarousel {display: none;}
.fs-slider-hero { display: block;}


.ft-tabs .tabs-list li a {
    display: block;
    padding: 28px 40px;
}

.navbar-trans {
    /*border-bottom: none;*/
    background: transparent;
}

.no-gap {
    /*margin: 0 auto;
    float: none;*/
}

.navbar .navbar-nav li a:hover {
    color: #ff193e;
}
.navbar .navbar-nav .active a {
    color: #ff193e;
}

.ft-tabs .tabs-list li a .tab-group {
	float: none;
    display: inline-block;
}

.comodin {
	margin: 0 auto;
	float: none;
}

.navbar-trans-dark .navbar-nav > li > a:focus, .navbar-trans-dark .navbar-nav > li > a:hover {
    color: #f00 !important;
}




/* NUEVOS ESTILOS */
.fw-slider-hero {
	height: 100vh;
}
.fw-slider-hero .fw-slide-1, .fw-slider-hero .fw-slide-3 {
	background: url(../assets/images/hero/fog.jpg);
    background-size: cover;
    background-position: center;
}
.fw-slider-hero .fw-slide-2, .fw-slider-hero .fw-slide-3 {
    background: url(../assets/images/hero/areawork.jpg);
    background-size: cover;
    background-position: center;
}
.fw-slider-hero .fw-slide-3, .fw-slider-hero .fw-slide-3 {
    background: url(../assets/images/hero/areawork2.jpg);
    background-size: cover;
    background-position: center;
}
.fw-slider-hero .fw-slider .fw-slider-item {
	height: 100vh;
}
.fw-slider-hero .fw-slider .fw-slider-item .hero-content-wrapper {
	height: 100vh;
}
.fw-slider-hero .fw-slider .fw-slider-item .hero-content-wrapper .hero-content {
	height: 100vh;
}

.navbar-trans .navbar-logo-dark {
	content: none;
}
.navbar {
	border-bottom: none;
	/* background: #030303; */
}

.ft-hover-item .ft-item {
	/* background: #ccc url(../assets/images/categorias/impresion-digital.jpg); */
	background-size: 130%;
	background-position: 50%;
	transition: all 1s;
	/* max-height: 300px; */
}
.ft-hover-item .ft-item:hover {
	background-size: 150%;
	transition: all 1s;
    /* max-height: 300px; */
}
/* .ft-hover-item .ft-item {
    max-height: 300px;
} */
.bg-overlay {
	background: rgba(17, 17, 17, 0.4);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(17, 17, 17, 0.55);
    -webkit-transition: background 0.4s;
    transition: background 0.4s;
}
.ft-1 {
	background: #ccc url(../assets/images/categorias/impresion-digital.jpg);
}
.ft-2 {
	background: #ccc url(../assets/images/categorias/anuncios-luminosos.jpg);
}
.ft-3 {
	background: #ccc url(../assets/images/categorias/proyectos-especiales.jpg);
}
.ft-4 {
	background: #ccc url(../assets/images/categorias/imagen-para-gasolineras.jpg);
}


.number-counters, .number-counters-dark-bg {
	position: relative;
	background: url(../assets/images/mac-coffe-photo.jpg);
	background-size: cover;
	background-position: 50%;
	background-attachment: fixed;
}
.pt-plax-lg-dark.servicios {
	background: url(../assets/images/banner-diseno.jpg);
    background-size: contain;
    background-position: top;
	background-attachment: fixed;
}
.servicios {
    /* margin-top: 75px; */
}
.pt-large {
	padding-top: 100px;
	padding-bottom: 100px;
}
.page-title h1 {
    font-size: 3.4rem;
    font-weight: bold;
}
#portafolio {
    background-color: #1a1a1a;
} 
.text-white {
    color: #fff;
}
.portfolio-filters .active a {
	background: #ad0008;
	color: #fff;
	outline: none;
}
#content-wrapper {
    overflow: hidden;
}
.content-wrapper {
    overflow: hidden;
}
.navbar {
    background: transparent;
}
.navbar-small {
	min-height: 50px;
	background-color: #111;
}
.navbar-fw .navbar-header {
	margin-left: 0;
}
.navbar .navbar-nav li a {
	outline: none;
}
.bg-dark {
    background-color: #111;
}
.ft-layout-50 .ft-item .ft-content-wrapper {
	background: #1a1a1a;
}
body {
    background: #1a1a1a;
    color: #bdbdbd;
}
/* p,ul,h1,h2,h3,h4,h5 {
    color: #bdbdbd
} */
h5 {
    color: #bdbdbd;
}
.ft-layout-50 .ft-item .ft-img-wrapper {
	/* height: 450px; */
    height: 550px
}
.ft-layout-50 .ft-item .ft-content-wrapper {
	height: 550px;
}
.footer-litle address ul li .adr-group .adr-heading {
	color: #df0a14;
}
.footer-litle address ul li .adr-icon {
	color: #bdbdbd;
}
.form-control::placeholder {
    color: rgb(98, 98, 98);
}
.form-control {
	border: 1px solid #000;
    background-color: #111;
    color: #bdbdbd;
}
.form-group label {
	color: #bdbdbd;
}
.btn-dark {
    background-color: #970007;
}
.portfolio-columns-fw .p-wrapper img, .portfolio-columns-boxed .p-wrapper img {
	display: block;
}
.portfolio-filters {
	margin-top: 50px;
}
.portfolio-filters li a:hover {
	color: #df0a14;
}
.navbar .navbar-header .navbar-brand {
	outline: none;
}
.portfolio-filters li a {
    color: #bdbdbd;
	outline: none;
}
.pt-dark .breadcrumb .active {
	color: #df0a14;
}
.section {
	padding-top: 120px;
	padding-bottom: 100px;
}
.navbar .navbar-nav .dropdown .dropdown-menu {
	background: rgb(17, 17, 17);
    border: none;
}
.navbar .navbar-nav .dropdown .dropdown-menu li a:hover {
	background: rgba(17, 17, 17, 0.05);
	border-left: 3px solid #df0a14;
}
.navbar .navbar-nav .dropdown .dropdown-menu li a {
	border-left: 3px solid rgb(17, 17, 17);
	color: #c1c1c1;
}
#servicios ul li a {
    color: #bdbdbd;
}
#servicios ul li a:hover {
    color: #df0a14;
}
.wrapper-404 {
	background: #222;
}
.navbar-trans:not(.navbar-inverse) .navbar-nav .dropdown .dropdown-menu li a:hover {
	color: #df0a14;
}
.servicio h3 span {
    color: #df0a14;
}
/* NUEVOS ESTILOS */

@media (max-width: 992px) {
    .mb-md-3 {
        margin-bottom: 30px;
    }
}

@media (max-width:768px)
{	
	.fs-slider-hero { display: none;}
	#myCarousel {display: block}


    .ft-hover-item .ft-item {
        height: 300px;
    }

    .pt-plax-lg-dark.servicios {
        background-size: cover;
        background-position: center;
        background-attachment: inherit;
        padding: 70px 20px;
    }

    .section {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .reverse {
        display: flex;
        flex-direction: column-reverse;
    }
    .ft-layout-50 .ft-item .ft-img-wrapper {
        height: 400px;
    }
    .ft-layout-50 .ft-item .ft-content-wrapper {
        padding: 35px;
        height: auto;
    }
    
	
}