@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 100%; max-width: 1180px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 100%;
  }
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

button{ outline:0}

::-webkit-input-placeholder { opacity:0.5;color:#005596}
::-moz-placeholder {  opacity:0.5; } /* firefox 19+ */
:-ms-input-placeholder { opacity:0.5;color:#005596 } /* ie */
input:-moz-placeholder { opacity:0.5;color:#005596 }

/* draw any selected text yellow on red background */
::-moz-selection { background-color:#19458d; color:#fff; text-shadow:none; }
::selection{ background-color:#19458d; color:#fff;  text-shadow:none; } 
::-webkit-selection{ background-color:#19458d; color:#fff; text-shadow:none;  } 


html {height:100%;text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
-webkit-font-smoothing: antialiased!important;
font-smoothing: antialiased!important;}
body {margin:auto;line-height:1.7;height:100%;font-family: Montserrat, Arial, sans-serif;font-size:16px;-moz-osx-font-smoothing:grayscale;color:#585858;-webkit-text-size-adjust:none;width:100%;-webkit-appearance: none;border-radius: 0; min-width:320px;-webkit-font-smoothing: antialiased!important;overflow:auto}
body.overlay-on  {overflow:hidden;/*margin-top: -1px;*/}

/*Variables*/
.p-left{ padding-left:45px;}
.p-right{ padding-right:45px;}
.p-top{ padding-top:30px;}
.p-bottom{ padding-bottom:30px;}
.p-total{padding:45px;}
.overflow_row{margin:0 -30px;}
.overflow_container{ width:100%; overflow:hidden;}
.sans-pro{line-height:28px; font-size:18px; font-family:Source Sans Pro;}

/*HEADER*/
.top_bar{position:fixed; z-index:1002}
.top_bar .navbar-brand{ outline:none; width:193px; display:block; background: url(../imgs/Publicis-Impetu-logo.png) no-repeat top left; background-size:193px auto; line-height:500px; overflow:hidden; height:50px; opacity:1; padding:0; margin:28px 0 0;filter: brightness(0) invert(1);webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s; position:relative;}
.mobile_menu_container nav { padding:0}
.mobile_menu_container nav .nav{ padding-top:0}
.open-menu {background-color: transparent;border: none; cursor: pointer;display: inline-block;float: right;margin: 0;overflow: hidden;outline: none;padding: 5px 0; position:relative; z-index:1000; margin-top:28px;}
.open-menu .icon-bar {background: #fff;display: block;height: 2px;margin: 6px 0;width: 25px; border-radius:2px; margin-left:10px;}
.open-menu::after, .open-menu::before {background: #fff;bottom: 0;content: '';display: block;height: 2px;position: relative; -webkit-transition: bottom 0.2s ease-in-out;-moz-transition: bottom 0.2s ease-in-out; -o-transition: bottom 0.2s ease-in-out;-ms-transition: bottom 0.2s ease-in-out;transition: bottom 0.2s ease-in-out;width: 35px;border-radius:2px; cursor:pointer;}
.open-menu:hover::after {bottom: -3px;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
.open-menu:hover::before {bottom: 3px;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
.open-menu:hover::after, .open-menu:hover::before{-webkit-transition: bottom 0.2s ease-in-out;-moz-transition: bottom 0.2s ease-in-out; -o-transition: bottom 0.2s ease-in-out;-ms-transition: bottom 0.2s ease-in-out;transition: bottom 0.2s ease-in-out;}
.section-title{padding-top:28px;position:fixed;  width:100%; text-align:center; margin:0 auto; top:0;height:110px;position:fixed; 
background-color: rgba(255,255,255,0);width:100%;z-index:1000;}
.overlay-on.nav_lock .section-title,.nav_lock .section-title { background-color: rgba(255,255,255,1);box-shadow:0 1px 3px rgba(0,0,0,0.15); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15);z-index:1001;}

.section-title h2{text-transform:uppercase; font-size:30px; text-align:center; display:none!important; opacity:0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s; margin-right:-20px; }
.overlay-on .section-title h2{opacity:0;}
.section-title h2.active{ display:inline-block!important; opacity:1!important;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s; margin-right:-10px;}





/*  Cross Animation*/
.overlay-on .open-menu .icon-bar{ opacity:0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;width: 30px;}
.overlay-on .open-menu::before{
-moz-transform: rotate(-45deg) translateY(10px) ;-webkit-transform: rotate(-45deg) translateY(10px);transform: rotate(-45deg) translateY(10px) ;-webkit-transform: rotate(-45deg) translateY(10px);-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.overlay-on .open-menu::after{
-moz-transform: rotate(45deg) translateY(-11px);-webkit-transform: rotate(45deg) translateY(-11px);transform: rotate(45deg) translateY(-11px);-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.overlay-on  .open-menu:hover::after {bottom: 0px;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.overlay-on  .open-menu:hover::before {bottom: 0px;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;}


/*OVERLAY MENU*/
.overlay nav {position: relative;top: 100px;text-transform: uppercase;text-align: center;letter-spacing: 0px; z-index:10000; padding-bottom:60px;}
.overlay ul {list-style: none;padding: 0;margin: 0 auto;display: inline-block;position: relative;height: 100%; width:320px;}
.overlay ul li {display: inline-block;position: relative;opacity: 0;margin-bottom: 60px; padding:5px 20px;position:relative}
.overlay ul li:last-child{ margin-bottom:0!important;} 
.overlay ul li:last-child::after{ display:none}
.overlay ul li.active{background-color:rgba(48,11,34,0.9)}
.overlay ul li.active, .overlay ul li.active a:hover, .overlay ul li.active a:focus, .overlay ul li.active{ color:#FFF}
.overlay ul li a:active {color: #d62130;}
.overlay ul li a {display:block;position: relative; color: #FFF; font-family:Montserrat;font-size:26px; font-weight:700;text-decoration: none;overflow: hidden; }
.overlay ul li a:hover,.overlay ul li a:focus,.overlay ul li a:active {color: #d62130;}
.overlay ul li.active a {pointer-events: none;}
.overlay ul li::after{ width:70px; position:absolute; height:2px; background-color:#d62130; top:80px; left:50%;transform: translateX(-50%); content:"";}
.overlay {position: fixed;background:url(../imgs/slider/01.png) no-repeat;background-position:center center;background-size: cover;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;
  visibility: hidden;transition: opacity .35s, visibility .85s, height .35s; overflow-y:scroll; z-index:1001}
.overlay:before{height: 100%; width:100%; background:rgba(52,8,22,0.9);position:fixed; top:0 ;left:0; content:"."; z-index:0}
.overlay:after{height: 100%; width:100%; background:url(../imgs/home-slider-pattern.png) repeat top left, url(../imgs/slider-sol.svg) no-repeat bottom center / 460px auto; position:fixed; top:0 ;left:0; content:"."; z-index:0}
.overlay.open {opacity: 1; visibility: visible;height: 100%;}
.overlay.open li {animation: fadeInRight .5s ease forwards;animation-delay: .35s;}
.overlay.open li:nth-of-type(2) {animation-delay: .40s;}
.overlay.open li:nth-of-type(3) {animation-delay: .45s;}
.overlay.open li:nth-of-type(4) {animation-delay: .50s;}
.overlay.open li:nth-of-type(5) {animation-delay: .55s;}
.overlay.open li:nth-of-type(6) {animation-delay: .60s;}

@keyframes fadeInRight {
  0% {opacity: 0;left: 20%;}
  100% {opacity: 1;left: 0;}
}

/*NAV LCOKED*/
.nav_lock .top_bar{position:fixed;width:100%;webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s; z-index:1002}
.nav_lock .top_bar .navbar-brand{margin: 28px 0 0;filter:none;webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.nav_lock .open-menu .icon-bar {background: #d62130;}
.nav_lock .open-menu::after, .nav_lock .open-menu::before {background: #d62130;}

.overlay-on.nav_lock .top_bar,.overlay-on .top_bar {position:relative; background-color: rgba(255,255,255,0)!important;width:100%;box-shadow:none!important; -webkit-box-shadow:none!important;webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s; z-index:1002}
.overlay-on.nav_lock .top_bar .navbar-brand,.overlay-on .top_bar .navbar-brand{margin: 28px 0 0;filter: brightness(0) invert(1)!important;webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;position: fixed; left:45px;}
.overlay-on.nav_lock .open-menu,.overlay-on .open-menu{position: fixed; top:10px; right:45px;}
.overlay-on.nav_lock .open-menu .icon-bar {background: #fff!important; }
.overlay-on.nav_lock .open-menu::after, .overlay-on.nav_lock .open-menu::before {background: #fff!important;}


/*SLIDER*/
.carousel-publicis{ display:none}
.carousel.slide{background-color:rgba(172,8,22,1);height: 100vh; overflow:hidden; position:relative }
.carousel-item {height: 100vh;min-height: 300px;background-repeat: no-repeat; background-position:center center;background-size: cover;overflow:hidden;-webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;transition:all .6s;}
.carousel-item.active{-webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;transition:all .6s;}
.carousel-item:before{height: 100%; width:100%; background:url(../imgs/home-slider-pattern.png) repeat top left rgba(172,8,22,0.9);position:absolute; top:0 ;left:0; content:".";}
/*.carousel-item :after{height: 100%; width:100%; background:url(../imgs/slider-sol.svg) no-repeat bottom center / 460px auto; position:absolute; top:0 ;left:0; content:"."; z-index:0}*/
.carousel-caption {top: 50%!important;transform: translateY(-50%)!important;bottom:inherit!important; z-index:1}
.slider-img{ display:block; text-align:center; margin-bottom:20px;}
.slider-main{color:#FFF;font-family:Montserrat; font-size:40px; line-height:48px; font-weight:600; text-transform:uppercase; width:100%; max-width:890px; margin:0 auto;}
.slider-txt{font-family:Source Sans Pro; font-size: 28px; font-weight:normal;text-transform:none;}
.carousel-indicators {bottom: 0px;z-index: 2;height: 233px;width: 460px; margin: 0;margin-left: 0px;left: 50% !important;margin-left: -230px; background:url(../imgs/slider-sol.svg) no-repeat bottom center / 460px auto; padding-top:120px;}
.carousel-indicators li {width: 10px;height: 10px; background-color: #fff; border-radius:14px;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s; margin:4px 12px;box-sizing: content-box;border:4px solid  #9b172c}
.carousel-indicators li.active { border:4px solid #fff; background-color:transparent;width: 10px;height: 10px;-webkit-transition:all .6s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;}


/*WORK*/

.mask {height: 100%;left: 0;overflow: hidden;position: absolute;top: 0;width: 100%;opacity: 0;transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;  -moz-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;color: #FFFFFF;display: table-cell;vertical-align: middle;z-index: 1;}
.mask .mask-container {height: 100%;vertical-align: middle;display: block;text-align: center;color:#FFF; text-decoration:none;background: -moz-linear-gradient(top,  rgba(0,0,0,0) 1%, rgba(0,0,0,0.01) 2%, rgba(0,0,0,1) 99%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 1%,rgba(0,0,0,0.01) 2%,rgba(0,0,0,1) 99%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  rgba(0,0,0,0) 1%,rgba(0,0,0,0.01) 2%,rgba(0,0,0,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}
.mask .mask-container .hover-info {width: 100%;height: auto;position: absolute;bottom: 0%;margin: 0 auto;overflow: hidden;display: block; padding-left:90px; background:url(../imgs/play-icon.svg) no-repeat 40px center; background-size:30px auto; margin-bottom:26px;-webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;transition:all .6s;}
.mask .mask-container:hover .hover-info {margin-bottom:30px;-webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;transition:all .6s;}

.work_container img {width: 100%;float: right;display: block;max-width: 100%;height: auto;transform: scale(1);-webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;transition:all .6s;}
.work_container:hover img {transform: scale(1.15);-webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;transition:all .6s;}
.mask:hover {opacity: 1;transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;moz-transition: all 0.5s ease-in-out 0s;o-transition: all 0.5s ease-in-out 0s;}
.work_container .work_block{ overflow:hidden; position:relative}
.mask .mask-container .hover-info h4{ font-size:22px; font-weight:bold; line-height:25px; text-transform:uppercase; text-align:left}
.mask .mask-container .hover-info p{ font-size:18px; line-height:21px; text-align:left; padding-bottom:5px;}

/*AGENCIA*/
.agencia{background-color:#f6f5f5; padding:55px 0; position:relative; z-index:-1}
.agencia-block{ padding-left:47px; position:relative; margin:35px 0}
.agencia-block .agencia-number { position:absolute; top:-45px; left:-2px; font-size:144px; font-weight:900; color:#ededed; line-height:144px; z-index:-1}
.agencia-block h3{color:#d62130; font-size:24px; line-height:34px; font-weight:bold; padding-bottom:12px;}
.agencia-block p{ padding-bottom:12px;}

.photos-impetu:before{ position:absolute;background-color:#f6f5f5; content:"";height: 100%; width:100%; top:0; left:0;transform: translateY(-50%)!important;}
.photos-impetu{ width:100%; position:relative; z-index:1; overflow:hidden}
.impetu-pics-row{ margin:0 -30px ;}
.pics-col{    position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px;-ms-flex: 0 0 37.5%;flex: 0 0 37.5%; max-width: 37.5%;}

/*LEAD THE CHANGE/*/
.lead{ font-weight:inherit}
.lead-the-change{ padding:120px 0}
.lead-the-change h3 img{ max-width:310px; width:100%}
.lead-the-change h5{ color:#d62130; text-transform:uppercase; display:block; padding-top:28px;} 
.lead-the-change .strong{ color:#000; font-weight:bold;}

/*TEAM*/

.team_block img{ width:100%; float:left}
.team_container{ padding-right:30px;}
.team_block_container{ overflow:hidden; position:relative; display:block; height:100%; }
.team_block_container .mask .mask-container {height: 100%;vertical-align: middle;display: block;text-align: center;color:#FFF; text-decoration:none;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.53+100 */background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.53) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.53) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.53) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#87000000',GradientType=0 ); /* IE6-9 */}
.team_block_container .mask .mask-container .hover-info {background:url(../imgs/linkedin-icon.svg) no-repeat 30px center; background-size:43px auto;}
.no-linkedin { cursor: default!important;}
.no-linkedin .mask .mask-container .hover-info {background: none!important; padding-left:30px!important}
.no-linkedin .mask  .mask-container::before {background: none!important;}
.team_block_container .mask h4{ font-size:22px; text-transform: none!important}
.team_block_container img {width: 100%;float: right;display: block;max-width: 100%;height: auto;transform: scale(1);-webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;transition:all .6s;}
.team_block_container:hover img {transform: scale(1.15);-webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;transition:all .6s;}
.team_info_container{ color:#FFF; padding:0; background:url(../imgs/nuestro-equipo-bkg.png) no-repeat; background-size:cover; }
.team_info{ width:100%; text-align:center; background:url(../imgs/equipo-pattern.png) repeat; height:100%; padding:0; margin:0}
.team_info h3{ font-size:40px; font-weight:bold; text-transform:uppercase; padding-bottom:15px;}
.team_info h3 span{ font-size:22px; line-height:10px; display:block}
.team_info p{ max-width:330px; margin:0 auto; }
.team_info p a{ font-weight:bold;  color:#FFF}
.team_info .team_text_contact{ width:100%}

/*Map*/
.map-contact{display: table;min-height: 560px;height: 90%;width: 100%; overflow-y:hidden!important; position: relative;/*margin-top:2px*/;}
.map-contact .inner{display: table-cell;vertical-align: middle;min-height: 100%; overflow-y:hidden; padding-bottom:0px;}
.map-content{ padding-right:0;}

/*Contact*/
.info-contact.contact{}
.map-height{ height:60vh;}
.contact-info{ position:absolute; top:0}
.contact-info h3{ text-transform:uppercase; line-height:24px; padding-bottom:20px; font-size:22px; font-weight:bold; color:#d62130}
.contact-info p a{color:#d62130;}
.social a{ margin-right:10px;}
.social a:hover{ opacity:0.8}
.contact-info p.copy{ display:inline-block; vertical-align:middle;font-size:14px; font-weight:normal;color:#9d9d9d;font-family:Source Sans Pro; line-height:16px;}