@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,700,900');

@font-face {
  font-family: 'Avenir-Light';
  src: url('../fonts/Avenir-Light/Avenir-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Avenir-Light/Avenir-Light.woff') format('woff'), url('../fonts/Avenir-Light/Avenir-Light.ttf')  format('truetype'), url('../fonts/Avenir-Light/Avenir-Light.svg#Avenir-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir-Black';
  src: url('../fonts/Avenir-Black/Avenir-Black.eot?#iefix') format('embedded-opentype'),  url('../fonts/Avenir-Black/Avenir-Black.woff') format('woff'), url('../fonts/Avenir-Black/Avenir-Black.ttf')  format('truetype'), url('../fonts/Avenir-Black/Avenir-Black.svg#Avenir-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}


/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');*/

body {font-family:"Avenir-Light", Open Sans, Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:16px; color:#757575; font-weight: 400; overflow-x: hidden;}

/* Anchors
---------------------------------------------------*/
h1 {font-family:"Avenir-Black"; color:#0a548b; font-size: 50px; font-weight: 900; margin: 0 0 25px;}
h2 {font-family:"Avenir-Black"; color:#0a548b; font-size: 35px; font-weight: 900; margin: 0 0 25px;}
h3 {}
p {margin:0 0 20px 0; line-height:22px;}
a:focus { outline:none; text-decoration: none;}
a{}
a:hover {outline:none; text-decoration: none;}

.text-justify {text-align: justify;}
.font-italic {font-style: italic;}
.font-19 {font-size:19px;}.font-24 {font-size:24px;}.font-27 {font-size:27px;}

.absolute  {position:absolute;}
.top-0 {top:0;}
.right-0 {right:0;}

.c-white {color:#FFF!important;}

/* BG Colors */
.bg-light-gray {background-color:#f9fafc;}
.bg-azul {background-color:#14547a;}
.bg-azul-fuerte {background-color:#19223a;}

/* Importants */
.nopadding {padding:0!important;}
.relative {position:relative;}
.padding-top {padding-top:50px;}
.padding-bottom {padding-bottom:50px;}
.padding-top-130 {padding-top:130px;}
.padding-bottom-130 {padding-bottom:130px;}
.padding-left-70 {padding-left:70px;}
.padding-top-50 {padding-top:50px!important;}
.padding-bottom-50 {padding-bottom:50px;}

.knowmore {color:#0a548b; border: solid 1px #0a548b; padding: 10px 20px; display: inline-block; text-transform: uppercase; font-size: 13px; font-weight: 900;
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
}
.knowmore:hover {background:#0a548b; color:#FFF;}

/* header
---------------------------------------------------*/
#header {position:relative; top:0; left: 0; width: 100%; background:rgba(255,255,255,1); padding: 15px 0; z-index: 999;}
.logo img { height: 50px;
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
}
.sticky-wrapper {position:relative; top: 0; left: 0; width: 100%; z-index: 999; height: auto!important;}
.is-sticky { z-index:999;}
.is-sticky .logo img {height: 45px;}
.is-sticky .menu > ul { margin:12px 0 0 0;}
.menu {}
.menu ul { margin:15px 0 0 0;
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
}
.menu ul li { margin: 0 0 0 15px;}
.menu ul li a {color:#172a51; font-weight:300; display:block; font-size: 17px;
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
}
.menu ul li a:hover, .menu ul li.current > a {color:#1c93ca;}
.triggermenu {color:#000; font-size: 18px; margin: 15px 0 0 0; text-transform: uppercase; cursor: pointer;}
.triggermenu .hamburger {float:right;}
.hamburger { padding:0!important;
-webkit-transform:scale(.80, .80);
-o-transform:scale(.80, .80);
transform:scale(.80, .809);
}
.hamburger-inner, .hamburger-inner:before, .hamburger-inner:after {background-color: #000!important;}

.has-menu {position:relative;}
.has-menu ul {display:none; position:absolute; left: 0; top: 0; padding-top: 35px; width: 170px;}
.has-menu ul li { margin:0!important; padding: 0!important; position: relative;}
.has-menu ul li a { padding:5px 7px; display: block; text-align: left; background:rgba(255,255,255,1); border-bottom: solid 1px #eee;}
.has-menu:hover > ul, .has-menu.active > ul {display:block;}
.has-menu > ul > li.active > a {color:#1c93ca;}

.has-menu ul li ul {display:none; position:absolute; left:100%; top: 0; padding:0; width: 170px; margin: 0;}
.has-menu > ul > li:hover ul {display:block;}
.has-menu ul li a i {float:right; margin: 3px 10px 0 0;}

.is-sticky .has-menu > ul {padding-top: 25px;}

.idioma {display:block; margin: 0 0 0 15px;}
.menu ul li .idioma a {display:inline-block; font-size: 12px;}
.font-bold {font-family: 'Avenir-Black';}

/* Wrapper
---------------------------------------------------*/
#wrapper {}
.parcheVideo { position:absolute; top: 0; left: 0; width: 100%; height: 100px; min-height: 100%; background-color:transparent; z-index: 555;}
.video-container {
 position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    max-height: 550px;
	overflow: hidden;
}
		
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
}
#slider {position:relative;}
#slider .owl-theme .owl-controls {position: absolute; z-index: 200; bottom: 0; top: 40%; right:25px; width: 50px;}
#slider .item { position:relative;}
#slider .item iframe {display:none; position:absolute; top: 0; background:url(../images/grupo-empresarial.jpg) no-repeat center center; height: 100%;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;	
}/*left: 50%; transform: translate(-50%, -50%); width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; */
.text-slider {position: absolute;z-index: 2000;top: 0;left: 0;bottom: 0;right: 0;margin: auto; width: 350px;height: 90px; color: #FFF; text-align: center;font-size: 20px; width: 100%;}
#video1 {position:absolute!important; top: 0; left: 0; width: 100%; z-index: 400;}
.item .botonPlay {}
.item .botonPlay i { position:absolute; top:0; left:0; bottom: 0; right: 0; margin: auto; font-size:80px; color: #FFF; width: 80px; height: 80px;
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
opacity:0.7;
-moz-opacity:0.7;
filter:alpha(opacity=70);
}
.item:hover .botonPlay i {
-webkit-transform:scale(1.09, 1.09);
-o-transform:scale(1.09, 1.09);
transform:scale(1.09, 1.09);
opacity:0.9;
-moz-opacity:0.9;
filter:alpha(opacity=90);
}
.closeVideo { position:absolute; top: 15px; right: 15px; color:#FFF; z-index: 666;}
.playVideo { position:absolute; bottom: 15px; left: 15px; color:#FFF; z-index: 200;}
.closeVideo i, .playVideo i {font-size:25px;
-webkit-box-shadow:0 0 5px #000;
-moz-box-shadow:0 0 5px #000;
box-shadow:0 0 5px #000;
-webkitborder-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
opacity:0.7;
-moz-opacity:0.7;
filter:alpha(opacity=70);
}
.closeVideo:hover, .playVideo:hover {color:#fff;
opacity:0.9;
-moz-opacity:0.9;
filter:alpha(opacity=90);
-webkit-transform:scale(1.09, 1.09);
-o-transform:scale(1.09, 1.09);
transform:scale(1.09, 1.09);
}
#divisiones { position:relative; z-index: 200;}
.info-divisiones { background:#FFF;}
.division {text-align:center; display: block; padding: 20px 0; font-size: 16px; color: #FFF; font-weight: 300; position: relative; z-index: 300;}
.division img { margin:0 auto 10px; display: block;}
.division span { font-weight: 900; display: block;}
.division i {display:none; position: absolute; font-size:45px; color: #000; bottom: -17px; left: 50%; margin-left: -14px; width: 28px; height: 28px;line-height: 28px;}
.division.active i {display:block;

}
.division.active {
	opacity:0.5;
-moz-opacity:0.5;
filter:alpha(opacity=50);
}
.divi-1, .divi-2, .divi-3, .divi-4 { cursor:pointer;}
.divi-1 {background-color:#308463;}
.divi-1 .division i {color:#308463;}
.divi-2 {background-color:#e03d25;}
.divi-2 .division i {color:#e03d25;}
.divi-3 {background-color:#00558c;}
.divi-3 .division i {color:#00558c;}
.divi-4 {background-color:#fdc418;}
.divi-4 .division i {color:#fdc418;}
.divi-5 {background-color:#515b62;}
.divi-5 .division i {color:#515b62;}

.divi-1 span.extra, .divi-5 span.extra {display: block; width: 150%; position: absolute; height: 100%;}
.divi-1 span.extra {background-color:#308463; left:-150%;}
.divi-5 span.extra {background-color:#515b62; display: block; right:-150%;}
.tab {display: none;}
/*.tab.active {display:block;}*/

.fast-menu { position: absolute; top: -60px; right: 0;}
.fast-menu li { padding: 0; float: right;}
.fast-menu li a {display:block; width: 60px; height: 60px; padding:5px;  position: relative;}
.fast-menu li a span.ovr { display:block; width:60px; height: 60px; padding:5px; top: 0; left: 0; position: absolute; z-index: 200;
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=0);
}
.fast-menu li a:hover span.ovr, .fast-menu li a.active span.ovr {
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
.fast-menu li a.active img {
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
.fast-menu li a img {
opacity:0.8;
-moz-opacity:0.8;
filter:alpha(opacity=80);
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
}

.fast-menu li a.divi-1 span.ovr {background-color:#308463;}
.fast-menu li a.divi-2 span.ovr {background-color:#e03d25;}
.fast-menu li a.divi-3 span.ovr {background-color:#00558c;}
.fast-menu li a.divi-4 span.ovr {background-color:#fdc418;}

.has-sub {}
.has-sub ul {display:none; position:absolute; top: -120px; width: 60px; height: 120px; left: 0;}
.has-sub:hover ul {display:block;}

.boton { padding:8px 20px; color:#999; text-transform: uppercase; background-color: #EEE; display: inline-block; margin: 0 0 10px 0;
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
}
.boton span {font-family: 'Avenir-Black';}
.boton i {color:#333; margin: 0 0 0 20px;
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
}

#divi1 .boton {background-color:#308463; color:#FFF;}
#divi1 .boton i {color:#14563c;}
#divi1 .boton:hover {}
#divi1 .boton:hover i {color:#fff;}

.divi-text { padding:95px 20px 40px; overflow: hidden;}
.divi-text p { width:80%;}
.divi-text p i {color:#ececec; font-size: 20px;}

.img-tab-1-01 { height:535px;}
.img-tab-1-02 {bottom:-30px; right: 5%; z-index: 20;}

.grupo-guma {min-height: 696px;}/* background:url(../images/grupo-guma.jpg) no-repeat left top  #f9fafc; */

.skew-mask {background:url(../images/grupo-guma-mask.png) no-repeat left top; min-height: 696px; padding-left:120px;}
.skew-mask-white {background:url(../images/grupo-guma-mask-white.png) no-repeat left top; min-height: 450px; padding-left:120px;}
.skew { width:90%;
/*-webkit-transform: skew(6deg);
-moz-transform: skew(6deg);
-o-transform: skew(6deg);
-ms-transform: skew(6deg);
transform: skew(6deg);*/
}
/*.skew .line-1 {padding-left:30px;}
.skew .line-2 {padding-left:60px;}
.skew .line-3 {padding-left:90px;}
.skew .line-4 {padding-left:120px;}*/

.spacing {float: left;clear: left; height: 22px;}

.spacing:nth-child(26) {
  width: 330px;
}
.spacing:nth-child(25) {
  width: 310px;
}
.spacing:nth-child(24) {
  width: 300px;
}
.spacing:nth-child(23) {
  width: 290px;
}
.spacing:nth-child(22) {
  width: 270px;
}
.spacing:nth-child(21) {
  width: 260px;
}
.spacing:nth-child(20) {
  width: 250px;
}
.spacing:nth-child(19) {
  width: 230px;
}
.spacing:nth-child(18) {
  width: 220px;
}
.spacing:nth-child(17) {
  width: 210px;
}
.spacing:nth-child(16) {
  width: 190px;
}
.spacing:nth-child(15) {
  width: 180px;
}
.spacing:nth-child(14) {
  width: 170px;
}
.spacing:nth-child(13) {
  width: 150px;
}
.spacing:nth-child(12) {
  width: 140px;
}
.spacing:nth-child(11) {
  width: 130px;
}
.spacing:nth-child(10) {
  width:110px;
}
.spacing:nth-child(9) {
  width: 100px;
}
.spacing:nth-child(8) {
  width: 90px;
}
.spacing:nth-child(7) {
  width: 70px;
}
.spacing:nth-child(6) {
  width: 60px;
}
.spacing:nth-child(5) {
  width: 50px;
}
.spacing:nth-child(4) {
  width: 30px;
}
.spacing:nth-child(3) {
  width: 20px;
}
.spacing:nth-child(2) {
  width: 10px;
}
.spacing:nth-child(1) {
  width: 0px;
}

.grupo-empresarial { height:600px; text-align: center; color: #FFF; padding: 165px 0; position: relative;
background: url(../images/grupo-empresarial.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;	
}

.sello {width:154px; height: 251px; background: url(../images/sello.png) no-repeat center center; right: 0; bottom: 50px; position: absolute;}
.quote {color:#0093ca; text-transform: uppercase; font-family: 'Avenir-Light'; font-size: 27px; letter-spacing: 3px; text-align: justify;}
.quote span.white {color:#FFF; font-family: 'Avenir-Black'; letter-spacing: 3px;}
.quote .line-1 {font-size:30px; text-align: center;}
.quote .line-2 {font-size:36px; text-align: center;}
.quote .line-3 {font-size:42px; text-align: center;}
.quote .line-4 {font-size:28px; text-align: center;}
.quote > div {line-height: 40px;}
.quote.int > div {line-height: 33px;}
.quote.int {color:#FFF;}
.quote.int strong {font-family: 'Avenir-Black';}
.quote.int .line-1 {font-size:20px; text-align: center; line-height: 14px;}
.quote.int .line-2 {font-size:17px; text-align: center;}
.quote.int .line-3 {font-size:34px; text-align: center;}
.quote.int .line-4 {font-size:33px; text-align: center; line-height: 42px;}
.quote.int .line-5 {font-size:27px; text-align: center;}
.quien { text-transform: uppercase; color:#FFF;  font-family: 'Avenir-Black'; font-size: 17px; margin-top: 15px; letter-spacing:normal;}
.quien span {display:block; font-family: 'Avenir-Light';}
.quien i {width: 20px; height: 2px; background-color: #0093ca; margin: 9px 15px 0 10px; display: inline-block; position: absolute; top: 0; left: -45px;}
.quien b {display: inline-block; position: relative;}

.videoiframe { margin:auto; width: 100%; height: 550px;}

/* Seccion Interior */
.tab-content{display: none; padding-top: 25px;}
.tab-content.current{display: inherit;}
.tabs {}
.tabs a {}
.tabs a img {
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
opacity:0.5;
-moz-opacity:0.5;
filter:alpha(opacity=50);
}
.tabs a.current img {
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}

.int-banner {position:relative;}
.int-banner .division { position:absolute; width: 120px; height: 160px; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.int-banner .col-md-12 {min-height: 0px!important;}
.marcas { padding:50px 0; background-color: #f5f5f6;}

/* Energia */
.energia-parallax-01 { background: url(../images/divisiones/energia/img-01.jpg) no-repeat left top;}
.parallax { min-height: 450px; background: transparent;}
.txt-energia-01 { width:50%;}

/* Gas */
.presencia-img-01 {position:absolute; top: 50px; left: 0;}
.bg-presencia { min-height: 800px;
background: url(../images/divisiones/gas/bg-presencia.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* responsabilidad */
.responsabilidad-03 {background: url(../images/responsabilidad-03.jpg) no-repeat left center;}

/* Cultura */
.cultura-03 {background: url(../images/cultura-colectiva-03.png) no-repeat left center;}

/* Valores */
.valor {display:block; text-align: center;}
.valor img {display:block; margin: auto auto 15px auto;}

.fitWidth { width:100%;}

/* Industrial */
.industrial-img-5 {background: url(../images/divisiones/industrial/img-5.jpg) no-repeat left center;}
.industrial-locomotora {background: url(../images/divisiones/industrial/locomotora.jpg) no-repeat left center;}
.tab-link {display:inline-block; margin: auto;}
.mapa-industrial {padding:25px 50px;}
.forceauto {margin:auto;}
.camion-noel {background: url(../images/divisiones/industrial/camion-noel.jpg) no-repeat left center;}

/* Automotriz */
.logo-auto { display:block; padding:35px 15px; text-align: center; cursor: pointer!important;}
.logo-auto img {margin:auto auto 10px auto;}
.logo-auto.invert {background:#f2f1f1;}
.fullwidth { width:100%;}

/* Servicio */
.servicio-img-5 {background: url(../images/divisiones/servicios/img-5.jpg) no-repeat left center;}

/* Financiera */
.financiera-img-5 {background: url(../images/divisiones/financiera/img-2.png) no-repeat left center;}

/* Contacto */
.forma { padding:15px; background-color: #f6f6f6;margin-bottom: 30px;}
.myfrom {}
.myfrom .input {display:block; margin: 15px 0 5px; border: none; background-color: #FFF; color: #333; padding: 7px; width: 100%;}
label.error {color:#F00; font-size: 11px;}
.submit {border:none; background-color: #1c93ca; color:#FFF; padding: 10px 20px;}

/* Footer
---------------------------------------------------*/
#footer { background-color:#1e2a4e; color:#556186; text-align: center; padding: 70px 0; font-size: 17px;}
.by {position:relative; margin-top: 35px; display: block;}
.by img { position:relative; top: -8px; margin: 0 0 0 5px; width: 100px;}
#footer ul {margin:25px 0;}
#footer ul li { border-right: solid 1px #556186; padding: 0 15px 0 10px;}
#footer a {color:#556186;}
#footer ul li:last-child {border-right:none;}

/* Large desktop */
@media (min-width: 1200px) {}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	h1 {font-size: 30px;}
	h2 {font-size: 25px; margin: 20px 0 15px 0;}
	#header {position:inherit;}
	.fast-menu {display:none;}
	.sticky-wrapper {position: relative; z-index: 999;}
	#slider .item iframe {height: 100%;}
	.logo { margin:auto; display:block; text-align: center; margin-bottom: 15px;}
	.menu ul {display:none;}
	.menu ul li {display:block; padding: 0; margin: 0;}
	.menu ul li a {display:block; text-align: left; padding: 3px 0;}
	.has-menu ul {display:block!important; position:inherit; left:inherit; top:inherit; padding-top:0; padding-left: 10px; width:auto; margin: 0;}
	.has-menu ul li ul {display:block!important; position:inherit; left:inherit; top:inherit; padding-top:0; padding-left: 10px; width:auto; margin: 0;}
	.has-menu ul li a i {display:none;}
	.is-sticky .has-menu > ul {padding-top: 0;}
	
	#slider .owl-theme .owl-controls {top:20%;}
	.item .botonPlay i {font-size:50px; width: 50px; height: 50px;}
	.closeVideo {top:15px;}
	.int-banner .division {font-size: 14px;}
	.text-slider {font-size: 12px; width: 55%!important; height: 40px!important;}
	
	.divi-1 span.extra, .divi-4 span.extra {display: none;}
	
	.divi-1, .divi-2, .divi-3, .divi-4 { padding: 0 2px;}
	.division {font-size:10px;padding: 10px 0; }
	.division img {height: 50px;}
	
	.grupo-guma {min-height: auto; padding-bottom: 250px;}
	.skew-mask {min-height: auto; padding:0!important; background: #FFF;}
	.skew-mask-white {min-height: auto; padding:0!important; background: #FFF;}
	.skew {width:auto; padding: 30px 35px;}
	.spacing {float: none;clear:inherit; height: 22px; display: none;}
	.grupo-empresarial {height: auto; padding: 70px 0; overflow: hidden;}
	.sello {right: -15px; bottom: -50px;
	opacity:0.4;
	-moz-opacity:0.4;
	filter:alpha(opacity=40);
	}
	.quien {font-size: 14px;}
	.quote .line-1 {font-size:15px;}
	.quote .line-2 {font-size:17px;}
	.quote .line-3 {font-size:20px;}
	.quote .line-4 {font-size:22px;}
	
	.info-divisiones {overflow:hidden;}
	.img-tab-1-02 {right: -55%;}
	.divi-text {padding: 50px 20px;}
	
	.overflow-hidden-movil {overflow:hidden;}
	.divi-text p {width: 100%;}
	
	.presencia-img-01 {position:inherit; overflow: hidden; height: 350px; width: 100%; display: block;}
	.responsabilidad-03 { padding-bottom: 250px; background: url(../images/responsabilidad-03.jpg) no-repeat left bottom;}
	.cultura-03 {padding-bottom: 250px; background: url(../images/cultura-colectiva-03.png) no-repeat left bottom;}
	
	#footer a {font-size: 14px;}
	.by img {top: -8px;}
	
	.padding-top-130 {padding-top:50px;}
	.padding-bottom-130 {padding-bottom:50px;}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	h1 {font-size: 30px;}
	h2 {font-size: 25px; margin: 20px 0 15px 0;}
	#header {position:inherit;}
	.fast-menu {display:none;}
	.sticky-wrapper {position: relative; z-index: 999;}
	#slider .item iframe {height: 100%;}
	.logo { margin:auto; display:block; text-align: center; margin-bottom: 15px;}
	.menu ul {display:none;}
	.menu ul li {display:block; padding: 0; margin: 0;}
	.menu ul li a {display:block; text-align: left; padding: 3px 0;}
	.has-menu ul {display:block!important; position:inherit; left:inherit; top:inherit; padding-top:0; padding-left: 10px; width:auto; margin: 0;}
	.has-menu ul li ul {display:block!important; position:inherit; left:inherit; top:inherit; padding-top:0; padding-left: 10px; width:auto; margin: 0;}
	.has-menu ul li a i {display:none;}
	.is-sticky .has-menu > ul {padding-top: 0;}
	
	#slider .owl-theme .owl-controls {top:20%;}
	.item .botonPlay i {font-size:50px; width: 50px; height: 50px;}
	.closeVideo {top:15px;}
	.int-banner .division {font-size: 14px;}
	.text-slider {font-size: 12px; width: 55%!important; height: 40px!important;}
	
	.divi-1 span.extra, .divi-4 span.extra {display: none;}
	
	.divi-1, .divi-2, .divi-3, .divi-4 { padding: 0 2px;}
	.division {font-size:10px;padding: 10px 0; }
	.division img {height: 50px;}
	
	.grupo-guma {min-height: auto; padding-bottom: 250px;}
	.skew-mask {min-height: auto; padding:0!important; background: #FFF;}
	.skew-mask-white {min-height: auto; padding:0!important; background: #FFF;}
	.skew {width:auto; padding: 30px 35px;}
	.spacing {float: none;clear:inherit; height: 22px; display: none;}
	.grupo-empresarial {height: auto; padding: 70px 0; overflow: hidden;}
	.sello {right: -15px; bottom: -50px;
	opacity:0.4;
	-moz-opacity:0.4;
	filter:alpha(opacity=40);
	}
	.quien {font-size: 14px;}
	.quote .line-1 {font-size:15px;}
	.quote .line-2 {font-size:17px;}
	.quote .line-3 {font-size:20px;}
	.quote .line-4 {font-size:22px;}
	
	.info-divisiones {overflow:hidden;}
	.img-tab-1-02 {right: -55%;}
	.divi-text {padding: 50px 20px;}
	
	.overflow-hidden-movil {overflow:hidden;}
	.divi-text p {width: 100%;}
	
	.presencia-img-01 {position:inherit; overflow: hidden; height: 350px; width: 100%; display: block;}
	.responsabilidad-03 { padding-bottom: 250px; background: url(../images/responsabilidad-03.jpg) no-repeat left bottom;}
	.cultura-03 {padding-bottom: 250px; background: url(../images/cultura-colectiva-03.png) no-repeat left bottom;}
	
	#footer a {font-size: 14px;}
	.by img {top: -8px;}
	
	.padding-top-130 {padding-top:50px;}
	.padding-bottom-130 {padding-bottom:50px;}
	
	.marcas {padding: 35px 0;}
	
	.bg-presencia {min-height: auto;padding: 0 0 35px 0;}
	
	.mapa-industrial {padding: 25px 0;}
	.esconder-br {display:none;}
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
	h1 {font-size: 27px;}
	h1 br {display:none;}
	h2 {font-size: 25px; margin: 20px 0 15px 0;}
	.logo img {height:45px;}
	#header {position:inherit; }
	.sticky-wrapper {position: relative; z-index: 999;}
	#slider .item iframe {height: 100%;}
	.fast-menu {display:none;}
	.logo { margin:auto; display:block; text-align: center; margin-bottom: 15px;}
	.menu ul {display:none;}
	.menu ul li {display:block; padding: 0; margin: 0;}
	.menu ul li a {display:block; text-align: left; padding: 3px 0;}
	.has-menu ul {display:block!important; position:inherit; left:inherit; top:inherit; padding-top:0; padding-left: 10px; width:auto; margin: 0;}
	.has-menu ul li ul {display:block!important; position:inherit; left:inherit; top:inherit; padding-top:0; padding-left: 10px; width:auto; margin: 0;}
	.has-menu ul li a i {display:none;}
	.is-sticky .has-menu > ul {padding-top: 0;}
	
	#slider .owl-theme .owl-controls {top:20%;}
	.item .botonPlay i {font-size:50px; width: 50px; height: 50px;}
	.closeVideo {top:15px;}
	.int-banner .division {font-size: 14px;}
	.text-slider {font-size: 12px; width: 55%!important; height: 40px!important;}
	
	.divi-1 span.extra, .divi-4 span.extra {display: none;}
	
	.divi-1, .divi-2, .divi-3, .divi-4 { padding: 0 2px;}
	.division {font-size:10px;padding: 10px 0; }
	.division img {height: 50px;}
	
	.grupo-guma {min-height: auto; padding-bottom: 250px;}
	.skew-mask {min-height: auto; padding:0!important; background: #FFF;}
	.skew-mask-white {min-height: auto; padding:0!important; background: #FFF;}
	.skew {width:auto; padding: 30px 35px;}
	.spacing {float: none;clear:inherit; height: 22px; display: none;}
	.grupo-empresarial {height: auto; padding: 70px 0; overflow: hidden;}
	.sello {right: -15px; bottom: -50px;
	opacity:0.4;
	-moz-opacity:0.4;
	filter:alpha(opacity=40);
	}
	.quien {font-size: 14px;}
	.quote .line-1 {font-size:15px;}
	.quote .line-2 {font-size:17px;}
	.quote .line-3 {font-size:20px;}
	.quote .line-4 {font-size:22px;}
	
	.quote.int > div {line-height: 20px;}
	.quote.int .line-1 {font-size:14px; text-align: center; line-height: 14px;}
	.quote.int .line-2 {font-size:12px; text-align: center;}
	.quote.int .line-3 {font-size:14px; text-align: center;}
	.quote.int .line-4 {font-size:20px; text-align: center; line-height: 23px;}
	.quote.int .line-5 {font-size:21px; text-align: center; line-height: 24px;}
	
	.info-divisiones {overflow:hidden;}
	.img-tab-1-02 {right: -55%;}
	.divi-text {padding: 50px 20px;}
	
	.overflow-hidden-movil {overflow:hidden;}
	.divi-text p {width: 100%;}
	
	.presencia-img-01 {position:inherit; overflow: hidden; height: 350px; width: 100%; display: block;}
	.responsabilidad-03 { padding-bottom: 250px; background: url(../images/responsabilidad-03.jpg) no-repeat left bottom;}
	.cultura-03 {padding-bottom: 250px; background: url(../images/cultura-colectiva-03.png) no-repeat left bottom;}
	
	#footer a {font-size: 14px;}
	.by img {top: -8px;}
	
	.videoiframe { margin:auto; width: 100%; height: 300px;}
	
	.camion-noel {padding:300px 0 0 0;}
	.blocke-cytsa { height:auto!important;}
	.blocke-cytsa br {display:none;}
	
	.padding-top-130 {padding-top:50px;}
	.padding-bottom-130 {padding-bottom:50px;}
	
	.padding-bottom-50 {padding-bottom: 30px;}
	.padding-top-50 {padding-top: 30px !important;}
	.padding-bottom-50 h1 {margin:0;}
	
	.marcas {padding: 35px 0;}
	
	.bg-presencia {min-height: auto;padding: 0 0 35px 0;}
	
	.mapa-industrial {padding: 25px 0;}
	.esconder-br {display:none;}
}

/* start hover effect
---------------------------------------------------*/
.trans {
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
}

/*rotate*/
.rotate{
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.rotate:hover {
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}
li.active a img.rotate {
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
       -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
/*rotate*/

/*expand*/
.expand
{
	-webkit-transition:all 100ms;
	-o-transition:all 100ms;
	transition:all 100ms;
}

.expand:hover, .circle.active
{
-webkit-transform:scale(1.09, 1.09);
-o-transform:scale(1.09, 1.09);
transform:scale(1.09, 1.09);
}
/*expand*/

/*opacity*/
.opacity{
opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}
.opacity:hover{
opacity: 0.8;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}
/*opacity*/
/*end hover effect*/


/* CLEARING
---------------------------------------------------*/
.clearfix:after {content: "."; display:block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {clear: both;}