body.fancybox-lock{
   overflow:visible !important;
   margin-right:auto !important;
}


/*Rotador principal */
.sImage {
    position: relative;
}
.sImage img {
    border-radius: 0.4em;
}

.pinmap {
    position: absolute;
    left:-10em;
    z-index:10;
    bottom:0em;
}
/* .sImage::after {
    position: absolute;
    left:-11em;
    bottom:-3em;
    content: url('');
} */

.sImage::before {
    position: absolute;
    background-color: #ee273a;
    width:100%;
    height:100%;
    top:2.4em;
    right:-2.4em;
    border-radius: 0.4em;
    box-shadow: 6px 8px 20px 0px #b3afaf;
    content:'';
}
.sImage .owl-dots {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -5em;
}

.sImage .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    background: #ee273a!important;
}
/* Sección TOP */
.container-nav {
	position: absolute;
	width: 100%;
    z-index:2;
	left: 50%;
	transform: translateX(-50%);
}
.section-1 {
	background-size: cover;
	padding: 15em 0em;
	background-position: center;
    background-color: #f7f3ea!important;
}

.section-1 h4 {
	font-size: 50px;
	font-weight: 700;
	text-transform: uppercase;
	color: #2d2926;
	margin-bottom: 0.2em;
}

.section-1  p {
	line-height: 21px;
	color: #100c0b;
	font-size: 16px;
	font-weight: 400;
}
.nosText img {
	max-width: 430px;
    width: 100%;
}


.section-2 {
	background-image: url('/assets/img/nosotros/section-2.jpg');
	padding-top: 6em;
	padding-bottom: 5em;
	background-position: center top;
	background-repeat: no-repeat;
}

/* TIMELINE */
.timeLine {
	max-width: 1250px;
	padding: 0 30px;
}
.timeCard {
	text-align: center;
	padding: 0 10px;
}
.timeCard .imgTop {
    width: 150px;
    height: 150px;
    border: 4px solid #656565;
    border-radius: 50%;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}
.timeCard .year {
    font-size: 1.6em;
    color: #ee273a;
    font-weight: 600;
    position: relative;
    margin-bottom: 20px;
    letter-spacing: 5px;
}
.timeCard .year::after {
    content: '';
    height: 3px;
    background: #ee273a;
    width: 40px;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
}
.timeCard p {
    font-size: 12px;
    color: #333;
    opacity: 1;
    font-weight: 300;
}
.timeCard .circleCs {
	max-width: 20px;
	display: inline-block!important;
    vertical-align: top;
}
.timeCard span {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 25px);
	text-align: left;
	padding-left: 5px;
}

/* OWL CARROUSEL TIME LINE */
.sTime .nav-icon {
	color: #ee273ac7;
	font-size: 50px;
}
.timeLine .owl-theme .owl-nav [class*=owl-] {
    background: transparent!important;
}
.timeLine .owl-theme .owl-prev, .timeLine .owl-theme .owl-next {
    position: absolute;
    top: 45px;
    z-index: 12;
}
.timeLine .owl-theme .owl-prev {
    left: -30px;
}

.timeLine .owl-theme .owl-next {
    right: -30px;
}
.timeLine .owl-theme .owl-nav .disabled {
	opacity: 0!important
}
/* FIN TIMELINE */


.info {
	text-align: center;
	margin-top: -2em;
}

.info img {
	margin: 0 auto;
}

.info .camiones {
	margin-top: -3em;
    margin-bottom: 2em;
}

.info h1 {
	margin-top: -2em;
	color: #ee273a;
	text-transform: uppercase;
	font-weight: 800;
	line-height: 1em;
	font-size: 60px;
	margin: 0em;
}

.info h3 {
	text-transform: uppercase;
	font-size: 19px;
	margin-bottom: 0.5em;
	color: #2d2926;
}

.info p {
	font-size: 17px;
	max-width: 790px;
	margin: 0 auto;
	font-weight: 400;
	line-height: 1.5em;
	margin-bottom: 2em;
}

.iconCircle {
	border: 4px solid #7b7b7b;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	position: relative;
}
.iconCircle img{
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 80px;
	left: 50%;
}
.icon h2 {
	margin-top: 0.5em;
}

.icon-container {
	max-width: 1300px;
	margin: 5em auto;
}

.icon {
	color: #ee273a;
	padding: 0em 2em;
}

.icon h2 {
	font-size: 1.15em;
	margin-bottom: 0.4em;
	text-transform: uppercase;
}

.icon p {
	font-size: 14px;
	font-weight: 400;
	color: #393939;
}


/********** SECCION 04 - GALERIA **********/
.noticias {
    background:  url('/assets/img/home/noticias/bg.jpg'); padding: 90px 0;
    overflow: hidden;
}
.noticias .row {
    max-width: 1100px;
}
.sGaleria .item {
    height: 260px;
}
.noticias .titleWrap {
    text-align: center;
    color: #fff;
    margin-bottom: 40px;
    position: relative;

}
.noticias .txtBack {
    font-size: 200px;
    color: rgba(255, 255, 255, 0.04);
    position: absolute;
    font-weight: 700;
    left: 50%;
    transform: translateX(-50%);
    top: -60px;
}
.noticias .txtFront{
    position: relative;
    z-index: 1;
}
.noticias .titleWrap h3 {
    text-transform: uppercase;
    font-size: 46px;
    margin-bottom: 0px;
}
.noticias .titleWrap p {
    max-width: 470px;
    margin: 0 auto;
    font-size: 16px;

}

.notaImg {
	height: 100%;
	width: 100%;
    border-radius: 9px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    position: relative;
    overflow: hidden;

}

.layerRed{
	background-image: url('/assets/img/capacitacion/red-bg.png') ;
	background-repeat: repeat-x;
	background-position: bottom;
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 0;
	opacity: 0.7;
	-webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.item:hover .layerRed {
	opacity: 1;
}
.item .txt {
	position: absolute;
	left: 20px;
	bottom: 20px;
	color: #fff;
}
.item .txt span{
	font-size: 12px;
    text-transform: capitalize;
	margin-bottom: 15px;
}
.item .txt p{
	font-weight: 500;
	font-size: 16px;
}
/********** MOVIL **********/
@media (max-width:1500px){
    .section-1 {
        padding: 10em 0em;
    }
    .section-1 h4 {
        font-size: 45px;
    }
    .iconCircle {
        width: 85px;
        height: 85px;
    }
    .iconCircle img {
        max-width: 70px;
    }
    .icon {
        padding: 1em;
    }
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1280px) {
    .section-2 {
        padding-top: 8em;
    }
    .info h1 {
        font-size: 43px;
    }
    .info h3 {
        font-size: 16px;
    }
    .iconCircle {
        margin: 0 auto;
    }
    .icon {
        text-align: center;
    }

    .pinmap {
        position: absolute;
        left:-6em;
        z-index:10;
        bottom:4em;
        max-width: 150px;
    }

}

/*  Devices, Wide Screens */
@media only screen and (max-width : 1100px) {
    .container-nav {
        left: auto;
        transform: none;
        position: inherit;
        background: #F6F0E2;
    }
    .section-1::before {
	    background: rgba(247,240,230,0.7);
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    content: '';
	    top: 0;
	}
    .section-1 {
        padding: 4em 0;
    }
    .section-1 h4 {
        font-size: 30px;
    }
    .pinmap {
        display: none;
    }

    .sImage {
        margin-top:3em;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {


	.section-2 {
	    background-color: #F7F0E6;
		background-image: none;
		padding: 6em 0em;
		padding-bottom: 0em;
		background-position: center center;
	}

	.icon-container {
	    max-width: 1300px;
	    margin: 1em auto;
	}


	.icon {
		max-width: 480px;
	    text-align: center;
	    margin: 2em auto;
	}

    .sImage {
        margin-top:3em;
    }

    .pinmap {
        display: none;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .pinmap {
        display: none;
    }
    .section-2 {
        padding: 4em 0em 2em 0em;
    }
    .info h1 {
        font-size: 35px;
    }
    .section-1 p {
        font-size: 14px;
    }
    .info h3 {
        font-size: 14px;
    }
    .info .camiones {
        margin-top: -1em;
    }
    .icon {
        margin: 0em auto 1em;
    }
    .noticias {
        padding: 40px 0;
    }
    .sGaleria .item {
        height: 200px;
    }
    .noticias .titleWrap h3 {
        font-size: 30px;
    }
    .noticias .txtBack {
        font-size: 130px;
        top: -20px;
    }
    .sImage::before {
        position: absolute;
        background-color: #ee273a;
        width:100%;
        height:100%;
        top:1em;
        right:-1em;
        border-radius: 0.4em;
        content:'';
    }
}
@media only screen and (max-width : 580px) {
    .info h1 {
        font-size: 30px;
    }
    .pinmap {
        display: none;
    }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .info h1 {
        font-size: 25px;
    }
    .info h3 {
        font-size: 12px;
    }
    .pinmap {
        display: none;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 340px) {
    .info h1 {
        font-size: 22px;
    }
    .info h3 {
        font-size: 12px;
    }
    .pinmap {
        display: none;
    }
}
