.lazy-background.page-head-sm{
	background-image: url(../img/img-low/mktonline.jpg);
}

.lazy-background.visible.page-head-sm{
	background-image: url(../img/mktonline.jpg);
}

.marketing-content{
	margin-top: 40px;
}

.flujo-trabajo{
	max-width: 928px;
	width: 100%;
	padding: 15px;
	margin: 40px auto 0 auto;
}


.flujo-txt{
	font-size: 40px;
}

.flujo-txt h2{
	font-size: 1em;
	line-height: 1em;
	color: #595959;
}

.flujo-txt h3{
	font-size: .75em;
	line-height: 1em;
	text-align: center;
	color: #fff;
	padding: 1em;
	background-color: #c1272d;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

.page-head-container{
	max-width: 470px;
	justify-content: flex-start;
    align-items: flex-end;
    position: relative;
}

.marketing-head{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.marketing-head .marketing-icon-img{
	width: 126px;
	height: 126px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	background: #4b4b4b;
}

.marketing-head .marketing-icon-img svg{
	fill: #a7a7a7;
}

.page-head-txt h2{
	margin-top: .3em;
	position: absolute;
	right: -20%;
	top: .5em;
	text-shadow: 2px 2px 6px rgba(0,0,0,.5);
}

.page-head-txt h2 strong{
	color: #c1272d;
}

.marketing-titulo{
	font-size: 72px;
	color: #c1272d;
	margin-left: 10px;
}

.marketing-titulo h2{
	font-size: 1em;
	line-height: 1em;
	margin: 0;
	font-weight: bold;
}

.marketing-titulo h3{
	font-size: 0.34em;
	margin-top: -.2em;
	color: #4b4b4b;
}

.marketong-body{
	font-size: 20px;
	margin-top: 2em;
	color: #4b4b4b;
}

.marketong-body h4{
	font-size: 2.25em;
	font-weight: 300;
}

.marketong-body p{
	font-size: 1em;
	margin-top: 2em;
}

.marketing-img{
	height: 100%;
	min-height: 300px;
	background-position: center;
}

.marketing-content .lazy-background {

}

.marketing-content .lazy-background.visible {
  background-size: cover;
}

#sem .lazy-background {
  background-image: url(../img/img-low/sem.jpg); /* The final image */
}

#smo .lazy-background {
  background-image: url(../img/img-low/smo.jpg); /* The final image */
}

#seo .lazy-background {
  background-image: url(../img/img-low/seo.jpg); /* The final image */
}

#smm .lazy-background {
  background-image: url(../img/img-low/smm.jpg); /* The final image */
}

#display .lazy-background {
  background-image: url(../img/img-low/display.jpg); /* The final image */
}

#crm .lazy-background {
  background-image: url(../img/img-low/crm.jpg); /* The final image */
}

#video .lazy-background {
  background-image: url(../img/img-low/redes_video.jpg); /* The final image */
}

#sem .lazy-background.visible {
  background-image: url(../img/marketing/sem.jpg); /* The final image */
}

#smo .lazy-background.visible {
  background-image: url(../img/marketing/smo.jpg); /* The final image */
}

#seo .lazy-background.visible {
  background-image: url(../img/marketing/seo.jpg); /* The final image */
}

#smm .lazy-background.visible {
  background-image: url(../img/marketing/smm.jpg); /* The final image */
}

#display .lazy-background.visible {
  background-image: url(../img/marketing/display.jpg); /* The final image */
}

#crm .lazy-background.visible {
  background-image: url(../img/marketing/crm.jpg); /* The final image */
}

#video .lazy-background.visible {
  background-image: url(../img/marketing/redes_video.jpg); /* The final image */
}

.tab-pane{
	scroll-margin-top:100px;
}

.nav-pills .nav-link{
	border-radius: 0;
	border-bottom: solid 1px rgba(0,0,0,.3);
	font-size: 20px;
	line-height: 1em;
	text-transform: uppercase;
	color: #c1272d;
	position: relative;
}

.nav-pills .nav-link:hover{
	border-radius: 0;
	border-bottom: solid 1px rgba(0,0,0,.3);
	font-size: 20px;
	color: #c1272d;
	background-color: #e0e0e0;
	color: #4b4b4b;
}

.nav-pills .nav-link.active{
	border-width: 4px;
	background-color: #c1272d;
	color: #fff;
}

.nav-pills .nav-link.active:after{
	content: '';
	width: 0; 
     height: 0; 
	border-left: 20px solid #c1272d;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    transform: translate(12px,-14px);
    position: absolute;
    right: 0;
    top: 50%;
}

.marketing-nav-content{
	border-right:1px solid #dee2e6;
}


@media (max-width: 1200px){
	.marketing-nav-content{	border-right: none;}
	.marketing-nav-content{	border-bottom: 1px solid #dee2e6; padding-bottom: 15px;}
	.nav-pills .nav-link.active:after{display: none;}
	.nav-pills .nav-link{margin: 5px 10px;}
}

@media (max-width: 992px){
	.page-head-txt h2{right: 50%; transform: translateX(50%);}
}


@media (max-width: 768px){
	.flujo-txt{max-width: 464px; margin: 0 auto; text-align: center;font-size: 30px;}
	.marketing-nav a{margin:0 10px 20px 0;}
	.marketong-body{font-size: 16px;}
	.nav-pills .nav-link{font-size: 18px;}
	.marketing-content{	margin-top: 40px;}
}

@media (max-width: 550px){
	.flujo-txt{font-size: 26px;}
	.marketing-titulo{font-size: 50px;}
	.marketong-body{font-size: 14px;}
	.marketing-head .marketing-icon-img{width: 90px; height: 90px;}
}