* {
 padding: 0;
 margin: 0;
 border: 0;
 -webkit-font-smoothing: antialiased;
}

body {
 width: 100%;
 height: 100%;
 background: #fbfbfb;
 background: url('../img/background/bgscoob.jpg')50% 50%;
 background: url('../img/background/bgscoob1.jpg')50% 50%;
 /*background: url('../img/background/background.png')50% 33%;*/
 /*background-size: 500%;*/
 background: url('../img/background/backgroundred.jpg')no-repeat 50% 50%;
 background: url('../img/suspension/suspension_cover.jpg')no-repeat 50% 50%;
 background-size: cover;
}

audio {
 position: absolute;
 height: 25px;
 /*right: -355px;
 left: 355px;*/
 right: -250px;
 left: 250px;
 top: 130px;
 margin: 0 auto;
}

#topbar {
 display:none;
 position: absolute;
 top: 0;
 right: 0;
 height: 30px;
 width: 100%;
 /* background: rgba(255,255,255,0.9); */
}

#topbar a {
 display: none;
}

#topbar_cont {
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: flex-end;
 height: 100%;
 width: 100%;
 max-width: 1600px;
 margin: 0 auto;
 font-family: ContentHeader, sans-serif;
 color: #fff;
}

#topbar_cont i {
 color: #fff;
 margin-left: 15px;
 margin-right: 4px;
 font-size: 14px;
}

#header {
 height: 225px;
 width: 100%;
 /*background: url(https://scontent.fmad3-6.fna.fbcdn.net/v/t1.0-9/44895588_1662212400550077_170004142834581504_o.jpg?_nc_cat=109&_nc_ht=scontent.fmad3-6.fna&oh=c8d124fe1062a6e785b1f6675dcad877&oe=5D07D8E2)50% 65%;*/
 background-size: cover;
 /*margin-bottom: 15px;*/
 /*box-shadow: 0px 3px 15px rgba(0,0,0,0.2);*/
 /*background: #00000020;*/
 /*background: linear-gradient(to top, rgba(25,25,25,0) 0%,rgba(25,25,25,0.33) 50%,rgba(25,25,25,0.55) 100%);*/
}

#header_cont {
 display: flex;
 justify-content: center;
 height: calc(100% - 15px);
 width: 100%;
 margin: 0 auto;
 /*background: linear-gradient(to top, rgba(25,25,25,0) 0%,rgba(25,25,25,0.33) 50%,rgba(25,25,25,0.55) 100%);*/ 
}

#header_cont_left {
 display: flex;
 flex-direction: row;
 align-items: center;
 /* justify-content: center; */
 width: auto;
 height: 100%;
 border-radius: 0px;
}

#header_cont_left img {
 position: absolute;
 left: 0;
 right: 0;
 margin: 0 auto;
}

.logo_adicional {
 padding-left: 30px;
 border-left: solid 1px #CCC;
}

#header_cont_right {
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: flex-end;
 width: 0%;
 height: 100%;
}

#header_cont_right a {
 font-family: ContentHeader, sans-serif;
 font-size: 16px;
 text-decoration: none;
 text-transform: uppercase;
 color: #cc181e;
 font-weight: 400;
 margin-left: 30px;
}

#header_cont_right a:hover {
 /* text-decoration: underline; */
 font-weight: bold;
 text-shadow: 0 0 0.25px #cc181e;
 transition: 0.25s;
}

#navbar {
 height: 50px;
 width: 100%;
 /*background: rgba(30,30,30,0.95);*/
 /*background: rgba(204,24,30,0.95);*/
 margin-bottom: 15px;
}

#navbar_cont {
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: space-between;
 height: 100%;
 max-width: 1600px;
 margin: 0 auto;
 background: #cc181e;
}

#navbar_cont_pageinfo {
 width: 150px;
 height: 100%;
 background: rgba(204,24,30,0.75);
 display: flex;
 align-items: center;
 justify-content: center;

}

#navbar_cont a {
 text-decoration: none;
 color: white;
 font-family: ContentHeader, sans-serif;
 text-transform: uppercase;
 font-size: 14.25px;
 /* background: rgba(204,24,30,0.75); */
 padding: 12px 10px;
 /* padding-right: 16px; */
 margin-right: 0px;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: row;
 letter-spacing: 1.25px;
}

#navbar_cont i {
 font-size: 11px;
 padding-right: 10px;
}

#navbar_cont a:hover {
 color: rgba(204,24,30,0.75);
 background: rgba(255,255,255,1);
 text-shadow: 0 0 0.25px #cc181e;
 transition: 0.25s;
}

#visual_navi {
 position: absolute;
 top: 210px;
 left:0;
 right: 0;
 display: flex;
 flex-direction: row;
 align-items: flex-start;
 justify-content: space-between;
 width: 100%;
 max-width: 1600px;
 height: 50px;
 margin: 0 auto;
 margin-bottom: 15px;
 overflow: hidden;
}

#visual_toggle {
 display: none;
}

#visual_bloque_1 {
 background: url('../img/suspension/neumatica/1.jpg')50% 50% no-repeat;
}

#visual_bloque_2 {
 background: url('../img/maleteros/10.jpg')50% 50% no-repeat;
}

#visual_bloque_3 {
 background: url('../img/banner/proyectos.jpg')50% 50% no-repeat;
}

#visual_bloque_4 {
 background: url('../img/hidro/hidro0.jpg')50% 50% no-repeat;
}

#visual_bloque_5 {
 background: url('../img/llantas/cover.jpg')50% 50% no-repeat;
}

#visual_bloque_6 {
 background: url('../img/chapa/banner.jpg')50% 50% no-repeat;
}

#visual_bloque_7 {
 background: url('../img/homologaciones/banner.jpg')50% 50% no-repeat;
}

#visual_bloque_8 {
 background: url('../img/colaboradores/handshake.jpg')50% 50% no-repeat;
}

#visual_bloque_9 {
 background: url('../img/contacto/banner.jpg')50% 50% no-repeat;
}

.visual_bloque_enlace {
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: center;
 width: 100%;
 height: 100%;
 /*background: #00000055;*/
 /*background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0.05) 50%,rgba(0,0,0,1) 100%);*/
 background: #cc181e;
}

.visual_bloque_enlace:nth-child(even) {
  background: #bd1419;
}

.visual_bloque_enlace a {
 font-family: Teko, sans-serif;
 text-transform: uppercase;
 font-size: 25.25px;
 font-size: 24.25px;
 letter-spacing: 1.25px;
 color: #fff;
 text-decoration: none;
 padding-top: 4px;
}

.visual_bloque_enlace:hover {
 background: #00000015;
 transition-duration: 0.25s;
}

#visual_bloque_1:hover, #visual_bloque_2:hover, #visual_bloque_3:hover, #visual_bloque_4:hover, #visual_bloque_5:hover, #visual_bloque_6:hover, #visual_bloque_7:hover, #visual_bloque_8:hover, #visual_bloque_9:hover {
 transform: scale(1.1);
 transition: transform .25s;
}

#visual_bloque_1, #visual_bloque_2, #visual_bloque_3, #visual_bloque_4, #visual_bloque_5, #visual_bloque_6, #visual_bloque_7, #visual_bloque_8, #visual_bloque_9 {
 width: calc(100% / 9);
 height: 100%;
 background-size: cover;
 transition: transform .25s;
 box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
}

#banner {
 height: auto;
 width: 100%;
 margin: 0 auto;
 /*background: url('../img/background/bgscoob1.jpg')50% 50%;*/
 /*background: #00000033;*/
 background-size: cover;
 /*margin-bottom: -15px;*/
 /*box-shadow: 0px 3px 15px rgba(0,0,0,0.2);*/
}

.banner_collective {
 height: 120px;
 width: 100%;
 max-width: 1920px;
 margin: 0 auto;
 background: url('../img/header/header.png')50% 59%;
 background-size: cover;
 margin-bottom: 15px;
 margin-top: 0px;
 box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
}

.banner_content {
 display: flex;
 flex-direction: row;
 align-items: flex-start;
 justify-content: space-between;
 height: 500px;
 width: 100%;
 max-width: 1600px;
 background-size: cover;
 margin: 0 auto;
 margin-top: 0px;
}

.banner_content_video {
 height: 100%;
 width: calc(calc(100% / 2) - 7.5px);
 width: calc(60% - 7.5px);
}


#banner_content_logo {
 background: url('../img/logo/kscustom.png')no-repeat 50% 50%;
 background-size: 60%;
 width: 150px;
 min-height: 122px;
}

#banner_content_text_holder {
 height: auto;
 width: 100%;
 max-width: 1600px;
}

.banner_content_text {
 background: rgba(20,20,20,0.5);
 background-size: 25%;
 width: fit-content;
 height: 130px;
 padding: 10px;
 margin-left: 0px;
 margin-bottom: 0px;
}

#banner_content h1, #banner_content h2 {
 color: #FFF;
 font-family: ContentHeader, sans-serif;
 text-transform: ;
 font-weight: 200;
}

#banner_content h1 {
 font-size: 32px;
 line-height: 34px;
}

#banner_content h2 {
 font-size: 18px;
}

#banner_content a {
 position: absolute;
 text-decoration: none;
 color: white;
 padding: 10px 15px;
 background: #cc181e;
 font-family: ContentHeader, sans-serif;
 margin-top: 0px;
}

#banner_header {
 height: 100px;
 width: 100%;
 /* background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); */
}

#body_holder {
 width: 100%;
 height: 100%;
 /* background: url('../img/content/side_content.png')no-repeat 100% 50% #F5F3EE; */
 background-size: 55.5%;
 padding-top: 15px;
 padding-bottom: 0px;
}

#body {
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 width: 100%;
 max-width: 1600px;
 height: 100%;
 margin: 0 auto;
}

#body h1, #body p {
 padding-left: 15px;
 padding-right: 15px;
 padding-top: 15px;
}

#body h1 {
 color: #fff;
 font-family: Teko, sans-serif;
 text-transform: uppercase;
 font-weight: 200;
 font-size: 26px;
 letter-spacing: 0.6px;
 padding-bottom: 6px;
}

hr {
 margin-left: 15px;
 height: 1px;
}

#body p {
 color: #fff;
 font-family: ContentHeader, sans-serif;
 font-size: 16px;
 font-weight: 100;
 line-height: 24px;
 padding-bottom: 15px;
 /*margin-right: 15%;*/
}

.body_left, .body_mid, .body_right {
 /*width: calc(calc(100% / 2) - 10px);*/
 height: auto;
 display: flex;
 flex-direction: column;
 background: #00000026;
 box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
}

.body_left {
 align-items: flex-start;
 justify-content: flex-start;
 width: calc(45% - 7.5px);
}

.body_mid {
 display: flex;
 align-items: flex-start;
 margin-top: 0px;
 margin-bottom: 0px;
}

.body_right {
 background: url('../img/content/side_content.png')#00000026 no-repeat 50% 90%;
 background-size: cover;
 display: flex;
 align-items: flex-end;
 justify-content: center;
 width: calc(55% - 7.5px);
}

#show_holder {
 width: 100%;
 margin: 0 auto;
 height: 80px;
 background: #00000024;
 /*box-shadow: 0px 3px 15px rgba(0,0,0,0.2);*/
 margin-top: 15px;
}

#show {
 display: flex;
 flex-direction: row;
 width: 100%;
 max-width: 1600px;
 height: 100%;
 margin-left: 15px;
 margin-right: 15px;
 margin: 0 auto;
}

#show_left {
 width: 150px;
 height: 100%;
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: center;
}

#show h1 {
 color: #333;
 font-family: 'Open Sans', sans-serif;
 text-transform: uppercase;
 font-weight: 600;
}

#show p {
 color: #333;
 font-family: ContentHeader, sans-serif;
 font-size: 18px;
 text-transform: ;
 font-weight: 100;
 margin-top: 0px;
 line-height: 25px;
}

#show img {
 filter: grayscale(50%);
 width: auto;
 opacity: 1;
 transition-duration: 0.5s;
}

#show img:hover {
 filter: grayscale(0%);
 opacity: 1;
}

#show_right {
 width: 100%;
 height: 100%;
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: space-between;
}

#show_right img {
 /* margin-left: 30px; */
 /* margin-right: 30px; */
 height: 85px;
}

#project_banner {
 width: 100%;
 margin: 0 auto;
 height: auto;
 /* background-attachment: fixed; */
 background: linear-gradient(to left, rgba(20, 20, 20, 0) 0%, rgba(255, 255, 255, 1) 65%), url(https://instagram.fmad3-3.fna.fbcdn.net/t51.2885-15/e35/21147316_1608312782576262_6698184485193646080_n.jpg)50% 50% no-repeat; background-size: 100%;
 /* background: url('../img/logo/logoksblanco.png')50% 50% #fbfbfb; */
 background: #FFF;
 margin-top: px;
 padding-bottom: 15px;
}

#project_banner_text {
 width: 1366px;
 height: 100%;
 margin: 0 auto;
 display: flex;
 flex-direction: column;
 justify-content: center;

}

#project_banner_text h1 {
 color: #FFF;
 font-family: ContentHeader, sans-serif;
 text-transform: uppercase;
 font-weight: 200;
 font-size: 24px;
 letter-spacing: 1.5px;
}

#instafeed_holder {
 height: 100%;
 width: 100%;
 max-width: 1630px;
 margin: 0 auto;
}

#instafeed {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 width: 100%;
 height: auto;
}

#instafeed img {
 width: calc(calc(100% / 6) - 12.5px);
 height: 160px;
 margin-top: 15px;
 object-fit: cover;
 animation-name: fadeIn;
 animation-duration: 1.5s;
 box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
}

#images_holder {
 width: 100%;
 height: auto;
 background: ;
}

#noticiero_holder {
 width: 100%;
 height: 100%;
 /*background: #00000024;*/
 margin-top: 30px;
 margin-bottom: 30px;
}

.noticiero_content_noticias {
 display: flex;
 flex-direction: row;
 align-items: flex-start;
 justify-content: space-between;
 height: 100%;
 width: 100%;
 max-width: 1300px;
 margin: 0 auto;
}

.noticiero_content_noticias_bloque {
 display: flex;
 flex-direction: column;
 width: calc(calc(100% / 4) - 7.5px);
 background: #00000026;
 box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
}

.noticiero_content_noticias_bloque h1 {
 font-family: Teko, sans-serif;
 text-transform: uppercase;
 font-size: 26px;
 padding: 0px 15px 0px 15px;
 color: #fff;
 font-weight: 500;
 letter-spacing: 0.6px;
 padding-bottom: 0px;
}

.noticiero_content_noticias_bloque p {
 font-family: ContentHeader, sans-serif;
 text-transform: ;
 font-size: 15px;
 padding: 0px 15px 0px 15px;
 color: #fff;
 font-weight: 100;
 letter-spacing: 0.6px;
 padding-top: 7px;
}

.noticiero_content_noticias_bloque a {
 color: #fff;
}

.noticiero_content_noticias_bloque_imagen {
 width: 100%;
 height: 225px;
}

.noticiero_content_noticias_bloque_imagen img {
 height: 100%;
 width: 100%;
 object-fit: cover;
}

.noticiero_content_noticias_bloque_info {
 min-height: 175px;
 height: 100%;
 width: 100%;
}

#footer_holder {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 width: 100%;
 margin: 0 auto;
 height: 100%;
 background: #00000033;
 /*background: url('../img/footer/footer.jpg')100% 20%;*/
 /*background-size: 100%;*/
 /*box-shadow: 0px 3px 15px rgba(0,0,0,0.2);*/
}

#footer_holder p {
 color: #FFF;
 font-family: ContentHeader, sans-serif;
 text-transform: uppercase;
 font-size: 13.5px;
 padding-top: 17px;
}


#footer_top {
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 height: auto;
 max-width: 578px;
 padding-top: 17px;
}

.footer_izq {
 text-align: left;
 padding-right: 17px;
}

.footer_der {
 text-align: right;
 padding-left: 17px;
}

#footer_holder img {
 filter: grayscale(0%);
}

#footer_bot {
 height: auto;
 width: auto;
 padding-left: 0px;
 padding-bottom: 17px;
}

#footer_bot p {
 text-align: left;
 padding-top: 15px;
}

#footer_whitecoast {
 width: 100%;
 height: 0px;
 /* background: url('../img/footer/footer_whitecoast.png')no-repeat 50% 50%; */
}

::-webkit-scrollbar {
    width: 5px;  /* remove scrollbar space */
    height: 5px;
    background: transparent;  /* optional: just make scrollbar invisible */
}
/* optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: #a31318;
}

@media screen and (max-width:1024px) { /* SECCION MOVIL-RESPONSIVE */

/* DESHABILITAR ANIMACION EN MOVIL */

#images img, .neumatica_elite, .neumatica_gold, .neumatica_silver, #show img, .body_left, .body_mid, .body_right {
 animation-name:none;
}

audio {
 width: 100%;
 margin-left: 15px;
 margin-right: 15px;
}

#topbar {
 display: none;
}

#header_cont_left img {
 padding-right: 15px;
}

#visual_navi {
 height: auto;
 flex-direction: column;
}

#visual_toggle {
 display: block;
 width: 100%;
 max-width: calc(100% - 30px);
 height: 50px;
 margin: 0 auto;
}

#visual_bloque_1, #visual_bloque_2, #visual_bloque_3, #visual_bloque_4, #visual_bloque_5, #visual_bloque_6, #visual_bloque_7, #visual_bloque_8, #visual_bloque_9 {
 width: calc(100% - 30px);
 display: none;
 margin: 0 auto;
}

.banner_collective {
 background: url(../img/header/header.png)no-repeat 50% 62%;
 background-size: 270%;
 height: 115px;
}

.banner_content, #body_holder {
 max-width: calc(100% - 15px);
 margin: 0 auto;
}

.logo_adicional {
 padding-left: 15px;
 border-left: solid 1px #CCC;
}

#header_cont_right {
 margin-right: 0px;
 /* display: none; */
}

#header_cont_right a {
 display: none;
}

#navbar_cont {
 white-space: nowrap;
 overflow-x: auto;
 overflow-y: hidden;
 display: flex;
 width: 100%;
}

#navbar_cont a {
 display: inline-block;
 width: auto;
}

#navbar {
 white-space: nowrap;
 overflow-x: hidden;
 overflow-y: hidden;
 display: inline-flex;
 width: 100%;
}

.banner_content {
 flex-direction: column;
 max-height: 100%;
 height: auto;
}

.banner_content_video {
 width: 100%;
 height: 250px;
 margin-bottom: 15px;
}

.banner_content_noticias {
 width: 100%;
}

.banner_content_noticias_bloque {
 height: auto;
 flex-direction: column;
 margin-bottom: 15px;
}

.banner_content_noticias_bloque_imagen {
 width: 100%;
 height: 175px;
}

.banner_content_noticias_bloque_info {
 width: 100%;
 padding-bottom: 15px;
}

.banner_content h1 {
 text-align: center;
 margin-left: 40px;
 margin-right: 40px;
}

.banner_content h2 {
 display: none;
}

.banner_content_text {
 max-width: 100vw;
 width: 100%;
 padding: 0;
}

#show_holder {
 height: 100px;
 margin-top: 15px;
 overflow: hidden;
}

#show {
  display: flex;
  flex-direction: row;
  /* width: 1366px; */
  height: 80%;
  margin-left: 10px;
  margin-right: 10px;
}

#show_right {
 flex-wrap: wrap;
}

#body_holder {
 width: 100%;
 height: 100%;
 /* background: url('../img/content/side_content.png')no-repeat 100% 50% #F5F3EE; */
 background-size: 55.5%;
 padding-top: 0px;
 padding-bottom: 0px;
}

#body {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 width: 100%;
 max-width: 1600px;
 height: 100%;
 margin: 0 auto;
}

.body_left {
 width: 100%;
 height: auto;
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 justify-content: center;
}

#body h1, #body p {
 padding-left: 15px;
 padding-right: 15px;
 padding-top: 15px;
 padding-bottom: 15px;
}

#body h1 {
 width: calc(100% - 30px);
 text-align: center;
 text-transform: uppercase;
 font-weight: 200;
 letter-spacing: 1.5px;
}

hr {
 margin: 0 auto;
}

#body p {
 font-family: ContentHeader, sans-serif;
 font-size: 16px;
 text-align: justify;
 font-weight: 100;
 line-height: 24px;
 margin-right: 0;
}

.body_mid {
 width: 100%;
 height: auto;
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 /* justify-content: center; */
 margin-top: 0px;
 margin-bottom: 0px;
 background: #fff;
}

.body_right {
 width: 100%;
 height: 300px;
 background: url('../img/content/side_content.png') no-repeat 50% 90%;
 background-size: cover;
 display: flex;
 flex-direction: column;
 align-items: flex-end;
 justify-content: center;
 margin-top: 15px;
}

#instafeed img {
 width: 48%;
}

#footer_holder {
 height: auto;
}

#footer_top {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 height: auto;
}

.footer_izq {
 display: none;
 text-align: center;
 order: 2;
 padding-right: 0px;
}

.footer_der {
 text-align: center;
 order: 3;
 padding-left: 0px;
 padding-left: 15px;
 padding-right: 15px;
}

#footer_holder img {
 filter: grayscale(0%);
}

#footer_bot {
 padding-bottom: 0px;
}

#footer_bot p {
 text-align: center;
 background-color: rgba(0,0,0,0.66);
 padding-bottom: 15px;
 margin-top: 15px;
}
}

@font-face {
    font-family: ContentHeader;
    src: url(../fonts/ContentHeader.ttf);
}

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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-suspension5:before {
  content: "\e902";
}
.icon-suspension3:before {
  content: "\e903";
}
.icon-suspension1:before {
  content: "\e900";
}
.icon-llantas:before {
  content: "\e901";
}
.icon-trunk:before {
  content: "\e904";
}
}