/*
	Estilos Red Marketing
*/

/*							Header
******************************************************************************/
.social-header { width:180px; padding:45px 0 0 0; text-align:right; }
.social-header a { margin-right: 10px; }
.social-header a:nth-last-child(1) { margin-right:0px; }

@media all and (max-width: 910px) { .social-header { text-align:center; } }
@media all and (max-width: 768px) { .social-header { padding:25px 0 0 0; } }
@media all and (max-width: 430px) { .social-header { display:none; } }

.topmenu ul { position:relative; display:block; text-align:center; width:100%; margin:0; padding:0; overflow:hidden; transform: translate(0, 150%); -ms-transform: translate(0, 150%); -webkit-transform: translate(0, 150%); }
.topmenu ul li { position:relative; display:inline-block; font-size:13pt; padding:0px 20px; } 
header.addMargin .topmenu ul { transform: translate(0, 50%); -ms-transform: translate(0, 50%); -webkit-transform: translate(0, 50%); }

@media all and (max-width:1645px) and (min-width:1281px) { .topmenu ul li { padding:0px 10px; } }
@media all and (max-width:1115px) { .topmenu ul li { padding:0px 10px; } }
@media all and (max-width:970px) { .topmenu ul { display:none; } }

/*							Index
******************************************************************************/
.floating-buttons { position:absolute; display:block; bottom:80px; left:0; width:100%; z-index:3; }
.floating-buttons .table { position:relative; display:table; width:100%; }
.floating-buttons ul { position:relative; display:table-row; text-align:center; width:100%; margin:0; padding:0; overflow:hidden; }
.floating-buttons ul li { cursor:pointer; position:relative; display:table-cell; vertical-align:middle; width:20%; margin:0 2.5%; padding:20px; background-color:rgba(255,255,255,0.9); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; }
.floating-buttons ul li:hover { background-color:#e2192d; }
.floating-buttons ul li a { color:#e2192d; font-weight:400; }
.floating-buttons ul li:hover a { color:white; }

@media all and (max-width:768px) { .floating-buttons { bottom:50px; } }
@media all and (max-width:635px) { .floating-buttons { display:none; } }

.first h2 { padding-left: 100px; padding-right: 100px; margin: 10px 0; font-size: 18px; font-weight: 100; line-height: 30px; text-align: center; color: #282726; font-style:italic; }
.first p { padding-left: 100px; padding-right: 100px; margin-bottom: 50px; font-size: 15px; font-weight: 100; line-height: 30px; text-align: center; color: #282726; }




/*							Portafolio
******************************************************************************/
.container-nobottommargin { padding-bottom:10px; }
.container-nobottommargin .paddingAll { padding-bottom:0; }
.container-fullwidth { width:100%; margin:0 auto; max-width:1600px; }

.portafolio-img { position:relative; display:block; width:100%; height:150px; background-size:cover; background-position:center; background-repeat:no-repeat; }
.portafolio-img-fixed { background-attachment: fixed; background-position:top center; }
.portafolio-img.bg1 { background-image:URL('../assets/images/portafolio/1.jpg'); }
.portafolio-img.bg2 { background-image:URL('../assets/images/portafolio/manejo.jpg'); background-position:center 30%; }
.portafolio-img.bg3 { background-image:URL('../assets/images/portafolio/3.jpg'); }
.portafolio-img.bg4 { background-image:URL('../assets/images/portafolio/4.jpg'); }

.container-fullwidth .panelFlexLarge { width: 100%; max-width:100%; border-right:1px solid #ccc; }
.container-fullwidth .panelFlexLarge:nth-child(2n+2) { border-right:1px solid white; }
.container-fullwidth .panelFlexLarge:nth-child(2n+1) { border-right:1px solid #ccc; }
@media all and (min-width: 768px) { .container-fullwidth .panelFlexLarge { width:50%; } }
@media all and (max-width:768px) { .container-fullwidth .panelFlexLarge:nth-child(2n+2), .container-fullwidth .panelFlexLarge:nth-child(2n+1) { border-right:0px solid white; border-bottom:1px solid #ccc; } .container-fullwidth .panelFlexLarge:nth-last-child(1) { border-bottom:0px solid #ccc; }  }


/*							Top 10
******************************************************************************/
.novedades-rm { position:relative; display:table; width:100%; overflow:hidden; margin:0 0 20px 0; }
.novedades-rm .row { position:relative; display:table-row; width:100%; }
.novedades-rm .left { position:relative; display:table-cell; vertical-align:top; width:50%; margin:0; padding:0 10px; }
.novedades-rm .right { position:relative; display:table-cell; vertical-align:top; width:50%; margin:0; padding:0 0 0 10px; }
.novedades-rm .textHead { line-height:15px; text-align:justify; }
.novedades-rm .middle-text.textHead, .novedades-rm .left .textHead, .novedades-rm .right .textHead { padding:0; margin:0; }
.novedades-rm .middle-text.textHead { margin:20px 0 0 0; }
.novedades-rm .textHead strong { font-size: 11pt; font-weight: 600; color: black; }
.novedades-rm .textHead ul { position:relative; display:block; margin:20px 0 0 0; padding:0; }
.novedades-rm .textHead ul li { position:relative; display:block; margin:0; padding:5px 0; overflow:hidden; font-size:11pt; }
.novedades-rm .textHead ul li i { position:relative; display:inline-block; float:left; margin: 0 5px 0 0; }
.novedades-rm .textHead ul li p { position:relative; display:inline-block; overflow:hidden; float:left; width:calc(100% - 25px); padding:0 0 5px 0; }
.novedades-scroller-block { position:relative; display:block; width:100%; margin:20px 0; }
.novedades-scroller { width:calc(100% - 50px); margin:0 auto; }
.novedades-scroller-block ul { margin:0; padding:0; list-style-type:disc; }
.novedades-scroller-block ul li { margin:0; padding:0; }
.novedades-scroller-block .slide-hide { display:none; }
.novedades-scroller-block .swiper-slide { padding:0 10px; }
.novedades-scroller-block h3 { font-weight:600; }
.novedades-scroller-block p { text-align:justify; }

.novedades-blocker { position:relative; display:block; width:100%; }
.novedades-blocker .colorA { background-color:#efefef; position:relative; display:block; }
.novedades-blocker .table { position:relative; display:table; width:90%; max-width:1200px; margin:0 auto; padding:50px 0; }
.novedades-blocker .table .row { position:relative; display:table-row; width:100%; }
.novedades-blocker .table .row .cell { position:relative; display:table-cell; width:50%; padding:0; vertical-align: top; }
.novedades-blocker .table .row .cell.video { padding:0 2%; }
.novedades-blocker .table .row .cell.text p { text-align:justify; font-size:11pt; }
.novedades-blocker .table .row .cell.text ul { margin:20px 0; padding:0 0 0 50px; list-style-type:disc; }
.novedades-blocker .table .row .cell.text ul li { margin:0; padding:0; text-align:justify; font-size:11pt; }
.novedades-blocker .table .row .cell.text h3 { font-weight:600; color:#e2192d; font-size:16pt; }
.novedades-blocker .table .row .cell.text h4 { color:#2f5685; }
.novedades-blocker .last-visible .table { padding:50px 0 0 0; }
.novedades-blocker .colorB .table .row .cell.video-mobile { display:none; }

@media all and (max-width:990px) {
	.novedades-blocker .table, .novedades-blocker .table .row .cell { display:block; width:100%; }
	.novedades-blocker .table .row { display:block; overflow:hidden; width:90%; margin:0 auto; }
	.novedades-blocker .table .row .cell.text { margin:0 0 20px 0; overflow:hidden; }
	.novedades-blocker .colorA .table .row .cell.video, .novedades-blocker .colorB .table .row .cell.video-mobile  { display:block; padding:0; width:100%; max-width:500px; margin:0 auto; }
	.novedades-blocker .colorB .table .row .cell.video  { display:none; }
}

.container-novedades-rm { margin-bottom:0; padding-bottom:0; }

.middle-video { position:relative; display:block; width:100%; max-width:700px; margin:0 auto 50px auto; }

.novedades-blocker .novedades-mas { display:none; }
.novedades-blocker .ver-mas { position:relative; display:block; width:100%; text-align:center; padding:0; margin:0; }
.novedades-blocker .ver-mas h3 { position:relative; display:block; font-size:15pt; font-weight:600; max-width:600px; width:90%; margin:50px auto 0 auto; }
.novedades-blocker .ver-mas h3:after { content: ""; display: block; height: 2px; width: 100px; background: #ea1328; text-align: center; margin: 15px auto 30px; }
.novedades-blocker .ver-mas a { position:relative; display:block; max-width:250px; width:auto; margin:50px auto; }

.novedades-blocker .novedades-mas ul.red-bull { position:relative; display:block; margin:20px 0 0 0; padding:0 0 0 0!important; }
.novedades-blocker .novedades-mas ul.red-bull li { position:relative; display:block; margin:0; padding:5px 0; overflow:hidden; font-size:11pt; }
.novedades-blocker .novedades-mas ul.red-bull li i { position:relative; display:inline-block; float:left; margin: 0 5px 0 0; }
.novedades-blocker .novedades-mas ul.red-bull li p { position:relative; display:inline-block; overflow:hidden; float:left; width:calc(100% - 25px); padding:0 0 5px 0; }


/*							Popup styling
*******************************************************************************/
.formulario-rm label { position:relative; display:block; margin:10px; padding:0; text-align:left; font-size:13pt; font-weight:100; }
.formulario-rm Input, .formulario-rm select { position:relative; display:block; border:1px solid #ccc; width:100%; font-size:13pt; padding:10px 5px; margin:0 0 10px 0; }



/*							Casos de éxito
*******************************************************************************/
.casosdeexito .panel-group { width: 100%!important; }
.casosdeexito .panel-default:nth-child(even) .panel-heading { background-color: black!important; }
.casosdeexito .panel-heading { background-color: #FF0B24!important; }
.casosdeexito .panel-heading h4 { text-align: center; position: relative; }
.casosdeexito .panel-heading h4 a { color: white!important; font-weight: 700; font-size: 35px; padding: 30px; display: inline-block; width: 100%; height: 100%; }
@media (max-width: 768px) { .casosdeexito .panel-heading h4 a { font-size: 27px; padding: 10px 40px 10px 10px; text-align: left; } }
.casosdeexito .panel-heading h4 a span i { position: absolute; right: 10px; font-size: 35px; transition: transform .8s; background: white; color: #FF0B24; border-radius: 50px; }
.casosdeexito .panel-heading h4 a:focus { text-decoration: none; }
.casosdeexito .panel-collapse .panel-body div p:nth-child(1) { font-size: 18px; }
.casosdeexito .panel-collapse .panel-body div:nth-child(1) { margin-top: 20px; margin-bottom: 20px; }
.casosdeexito .panel-collapse .panel-body div:nth-child(1) h3 { font-weight: 300 !important; }
.casosdeexito p { font-weight: 100; }
.casosdeexito h5 { font-size: 20px; text-align: left; font-weight: 600; width: 100%; margin-top: 7px; padding-top: 20px; }
.casosdeexito h5:after { content: ""; display: block; height: 3px; width: 40px; background: #ea1328; text-align: center; margin-top: 10px; margin-bottom: 40px; margin: inherit; }
.casosdeexito ul { padding: 0; position: relative; margin: 17px; }
.casosdeexito ul li { list-style-type: none; font-weight: 100; margin-left: 10px; margin-bottom: 12px; }
.casosdeexito ul li:before { content: "\f103"; font-family: "Flaticon"; display: inline-block; position: absolute; left: -1.3em; width: 1.3em; color: #FF0B24; margin-top: 2px; font-size: 13px; }
.img-casos img{ width: 100%; }
.deg { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }


/*							Descargas
*******************************************************************************/
.descargas-rm ul { position:relative; display:block; overflow:hidden; margin:0; padding:0; width:100%; min-height:auto; }
.descargas-rm ul li { position:relative; display:block; float:left; box-sizing:border-box; border:1px solid #efefef; width:30%; margin:10px 1.665%; height:250px; overflow:hidden; }
.descargas-rm ul li a { position:absolute; display:block; box-sizing:border-box; top:0; left:0; width:100%; height:100%; z-index:3; padding:20px; }
.descargas-rm ul li a:before { content:""; position:absolute; display:block; top:0; left:0; width:100%; height:100%; z-index:1; background-position:center; background-size:cover; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; }
.descargas-rm ul li a:after { content:""; position:absolute; display:block; top:0; left:0; width:100%; height:100%; z-index:2; background-color:white; opacity:0.75; }
.descargas-rm ul li a h2 { position:absolute; display:block; z-index:4; top:50%; font-size:16pt; left:5%; width:90%; text-align:center; color:black; text-decoration:none; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%) }
.descargas-rm ul li a h2 i { position:relative; display:block; margin:20px auto 0 auto; color:black; }
.descargas-rm ul li:hover a:before { top:-10%; left:-10%; width:120%; height:120%; }

@media all and (max-width:720px) { .descargas-rm ul li { width:47%; margin:10px 1.5%; } }
@media all and (max-width:500px) { .descargas-rm ul li { width:95%; margin:10px 2.5%; } }


.descargas-rm ul li:nth-child(1) a:before { background-image:URL('../assets/images/descargas/1.jpg'); }
.descargas-rm ul li:nth-child(2) a:before { background-image:URL('../assets/images/descargas/2.jpg'); }
.descargas-rm ul li:nth-child(3) a:before { background-image:URL('../assets/images/descargas/3.jpg'); }
.descargas-rm ul li:nth-child(4) a:before { background-image:URL('../assets/images/descargas/4.jpg'); }
.descargas-rm ul li:nth-child(5) a:before { background-image:URL('../assets/images/descargas/5.jpg'); }
.descargas-rm ul li:nth-child(6) a:before { background-image:URL('../assets/images/descargas/6.jpg'); }
.descargas-rm ul li:nth-child(7) a:before { background-image:URL('../assets/images/descargas/7.jpg'); }
.descargas-rm ul li:nth-child(8) a:before { background-image:URL('../assets/images/descargas/8.jpg'); }
.descargas-rm ul li:nth-child(9) a:before { background-image:URL('../assets/images/descargas/9.jpg'); }
.descargas-rm ul li:nth-child(10) a:before { background-image:URL('../assets/images/descargas/10.jpg'); }
.descargas-rm ul li:nth-child(11) a:before { background-image:URL('../assets/images/descargas/11.jpg'); }
.descargas-rm ul li:nth-child(12) a:before { background-image:URL('../assets/images/descargas/12.jpg'); }
.descargas-rm ul li:nth-child(13) a:before { background-image:URL('../assets/images/descargas/13.jpg'); }
.descargas-rm ul li:nth-child(14) a:before { background-image:URL('../assets/images/descargas/14.jpg'); }
.descargas-rm ul li:nth-child(15) a:before { background-image:URL('../assets/images/descargas/15.jpg'); }
.descargas-rm ul li:nth-child(16) a:before { background-image:URL('../assets/images/descargas/16.jpg'); }
.descargas-rm ul li:nth-child(17) a:before { background-image:URL('../assets/images/descargas/17.jpg'); }


/*							Video
*******************************************************************************/
.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; }
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; }
.embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive.embed-responsive-4by3 { padding-bottom: 75%; }