/*....................................................     PRINCIPAL       */
*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding: 0px;
	margin: 0px;
	
	

}
body{
 
}

/* TESTS */
.img_test{ -webkit-clip-path: polygon(0 0, 42% 0, 100% 100%, 0% 100%);
margin-top: -683px;
height: 683px;
opacity: .5;
}
.ctn_trgl_banner { background-image: url('../imgs/triangulo_banner2.png');
background-size: cover;
	background-position: center 0;
	background-repeat: no-repeat;
	height: 500px;
 }
 .dis_inlb { display: block; }

.ovfl_hidd { overflow: hidden; }

.ver_mas:hover { 
	text-decoration: none;
    color: #1BA6AF;
 }
 .hidden { display: none; }
 .bt_carsl_indicators { bottom: 40px; }

 
 a:hover { text-decoration: none; }
 .mail:hover{ color: #1aacb6; }



/*....................................................     IMG SVG       */

.big { width: 180px }
.med { width: 90px }
.sma { width: 40px }
.t_s { width: 8px }

/*....................................................     GENERALES       */

.contenedor {
	width: 100%
}

.container{
	max-width: 1280px;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 0;
	padding-right: 0;
}


.caja {
	border: 1px solid #f00;
}

/* OVERFLOW */
.ovf_hid { overflow: hidden; }

.imgs { width: 100%; }

/* TIPO DE FUENTE */
.roboto { font-family: 'Roboto', sans-serif; }
.oswald { font-family: 'Oswald', sans-serif; }
.fw_light { font-weight: 300; }
.fw_regular {font-weight: 400; }
.fw-bold { font-weight: 700; }

/* FONT SIZE */
.fs_12 { font-size: 12px; }
.fs_13 { font-size: 13px; }
.fs_14 { font-size: 14px; }
.fs_15 { font-size: 15px; }
.fs_18 { font-size: 18px; }
.fs_20 { font-size: 20px; }
.fs_23 { font-size: 23px; }
.fs_25 { font-size: 25px; }
.fs_30 { font-size: 30px; }
.fs_32 { font-size: 32px; }
.fs_35 { font-size: 35px; }
.fs_40 { font-size: 40px; }
.fs_50 { font-size: 50px; }
.fs_60 { font-size: 60px; }
.fs_80 { font-size: 80px; }

/* FONT COLOR */
.fc_black { color: #000000; }
.fc_gray { color: #999999; }
.fc_gray2 { color: #696969; }
.fc_gray3 { color: #212529; }
.fc_white { color: #ffffff; }
.fc_blue1 { color: #009cb5; }
.fc_blue2 { color: #1BA6AF }




/* POSITION */
.pos_rel { position: relative; }
.pos_abs { position: absolute; }


/* HEIGHT */
.heig1 { height: 250px; }
.heig2 { height: 400px; }
.heig3 { height: 683px; }
.heig4 { height: 250px; }


/* PADDING */
.padd_0 { padding: 0; }
/*TOP*/
.pt_0 { padding-top: 0 }
.pt_10 { padding-top: 10px; }
.pt_20 { padding-top: 20px; }
.pt_30 { padding-top: 30px; }
.pt_45 { padding-top: 45px; }
.pt_70 { padding-top: 70px; }
.pt_80 { padding-top: 80px; }
/*LEFT*/
.pl_0 { padding-left: 0 }
.pl_10 { padding-left: 10px; }
.pl_15 { padding-left: 15px; }
.pl_20 { padding-left: 20px; }
.pl_30 { padding-left: 30px; }
.pl_70 { padding-left: 70px; }
/*RIGHT*/
.pr_0 { padding-right: 0 }
.pr_3 { padding-right: 3px; }
.pr_10 { padding-right: 10px; }
.pr_15 { padding-right: 15px; }
.pr_20 { padding-right: 20px; }
.pr_30 { padding-right: 30px; }
.pr_70 { padding-right: 70px; }
.pr_120 { padding-right: 120px; }


/* MARGIN */
/*TOP*/
.mt-126 { margin-top: -126px; }
.mt-90 {margin-top: -90px;}
.mt-46 { margin-top: -46px; }
.mt-30 { margin-top: -30px; }
.mt_0 { margin-top: 0px; }
.mt_3 { margin-top: 3px; }
.mt_4 { margin-top: 4px; }
.mt_5 { margin-top: 5px; }
.mt_10 { margin-top: 10px; }
.mt_12 { margin-top: 12px; }
.mt_13 { margin-top: 13px; }
.mt_15 { margin-top: 15px; }
.mt_20 { margin-top: 20px; }
.mt_23 { margin-top: 23px; }
.mt_30 { margin-top: 30px; }
.mt_40 { margin-top: 40px; }
.mt_50 { margin-top: 50px; }
.mt_70 { margin-top: 70px; }
.mt_100 { margin-top: 100px; }
.mt_200 { margin-top: 200px; }
.mt_210 { margin-top: 210px; }
.mt_255 { margin-top: 255px; }
.mt_268 { margin-top: 268px; }
/*LEFT*/
.ml-60 { margin-left: -60px; }
.ml-30 { margin-left: -30px; }
.ml_5 { margin-left:  5px; }
.ml_10 { margin-left: 10px; }
.ml_15 { margin-left: 15px; }
.ml_30 { margin-left: 30px; }
.ml_35 { margin-left: 35px; }
.ml_40 { margin-left: 40px; }
.ml_50 { margin-left: 50px; }
.ml_55 { margin-left: 55px; }
.ml_60 { margin-left: 60px; }
.ml_62 { margin-left: 62px; }
.ml_68 { margin-left: 68px; }
/*RIGHT*/
.mr-60 { margin-right: -60px; }
.mr-30 { margin-right: -30px; }
.mr_5 { margin-right:  5px; }
.mr_10 { margin-right: 10px; }
.mr_15 { margin-right: 15px; }
.mr_30 { margin-right: 30px; }
.mr_35 { margin-right: 35px; }
.mr_40 { margin-right: 40px; }
.mr_50 { margin-right: 50px; }
.mr_60 { margin-right: 60px; }
.mr_62 { margin-right: 62px; }
.mr_68 { margin-right: 68px; }
/*BOTTOM*/
.mb-80 { margin-bottom: -80px; }
.mb_0 { margin-bottom: 0px; }
.mb_5 { margin-bottom: 5px; }
.mb_10 { margin-bottom: 10px; }
.mb_15 { margin-bottom: 15px; }
.mb_30 { margin-bottom: 30px; }
.mb_40 { margin-bottom: 40px; }
.mb_50 { margin-bottom: 50px; }


/* TEXT ALIGN */
.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }
.taj { text-align: justify; }

/* BACKGROUNDS-COLORS */
.bg_gray1{ background-color: #fafafa; }
.bg_gray2 { background: #202027; }
.bg_gray3 { background: #F4F7F8; }
.bg_black { background: #18181C; }

/* OVERFLOW */
.ctn_overf_hidden {
	overflow: hidden;
}

/* Z-INDEX */

.z5 { z-index: 5; }
.z4 { z-index: 4; }
.z10{ z-index: 10; }

/* OPACITY */
.op_1 { opacity: 1; }

.op_2 { opacity: .2; }
.op_3 { opacity: .3; }
.op_4 { opacity: .4; }
.op_5 { opacity: .5; }
.op_6 { opacity: .6; }
.op_7 { opacity: .7; }
.op_8 { opacity: .8; }
.op_9 { opacity: .9; }


/* LETTER SPACING*/
.leter_sp { letter-spacing: 2px; }

/* ANIMATE EFECT TIME */

.efectanimate { animation-delay: .9s; }
.efectanimate1 { animation-delay: .8s; }
.efectanimate2 { animation-delay: .7s; }
.efectanimate3 { animation-delay: .6s; }
.efectanimate4 { animation-delay: .5s; }
.efectanimate5 { animation-delay: .4s; }
.efectanimate6 { animation-delay: .3s; }
.efectanimate7 { animation-delay: .2s; }
.efectanimate8 { animation-delay: .1s; }

/* SPRITE */
.dib { display: inline-block; }
.snv { background-repeat: no-repeat; background-image: url(../imgs/sprite.png); }


/* SERVICIOS TEXT */
.td_no a{
	text-decoration: none;
	color: #212529;
}
.td_no a:hover {
	text-decoration: none;
	color: #009cb5;
}

/* OTROS SERVICIOS */
.ot_services_img {
	width: 100%;
	height: 120px;
}
.carusl_indi_top { top: 105px; }





/*....................................................     HEADER INDEX             */
.ctn_logo_menu_index{
	margin-top: -550px;
}
.ctn_logo_menu_index ul li {
	display: inline-block;
	list-style: none;

}
.ctn_logo_menu_index a {
	padding-left: 0px;
	padding-right: 0px;
}
.ctn_logo_menu_index nav ul li {
	padding-left: 0px;
	padding-right: 10px;
}

.ctn_bannerindex {
	max-height: 550px;
}
.trngl_banner {
	margin-top: -514px;
	max-height: 550px;
	height: 550px;
	position: relative;
	left: -90px;
}

.facelog_menu_index {
	background: url('imgs/sprite.png') no-repeat -18px -118px;
	width: 13px;
	height: 12px;
}

.icon_facebook {
    background-position: -18px -118px;
	width: 13px;
	height: 12px;
}
.icon_instagram {
    background-position: -50px -118px;
	width: 13px;
	height: 12px;
}
.icon_youtube {
    background-position: -82px -118px;
	width: 16px;
	height: 12px;
}
.icon_facebook_ftr {
    background-position: -17px -65px;
	width: 15px;
	height: 14px;
}
.icon_twitter_ftr {
    background-position: -47px -65px;
	width: 17px;
	height: 14px;
}
.icon_instagram_ftr {
    background-position: -79px -65px;
	width: 15px;
	height: 14px;
}
.icon_linkedin_ftr {
    background-position: -109px -65px;
	width: 15px;
	height: 14px;
}
.icon_youtube_ftr {
    background-position: -140px -65px;
	width: 19px;
	height: 14px;
}
.servicios1_index {
	position: absolute;
    background: black;
    border-radius: 0;
    top: 7.5%;
    left: 45%;
    opacity: .5;
    width: 180px;
    padding-left: 50px;
}
.servicios2_index {
	position: absolute;
    background: #202027;
    border-radius: 0;
    top: 7.5%;
    left: 43%;
    width: 220px;
    padding-left: 50px;
    z-index: 1;
}
.servicios3_index {
	position: absolute;
    background: #202027;
    border-radius: 0;
    top: 7.5%;
    left: 43%;
    width: 217px;
    padding-left: 50px;
    z-index: 6;
}
.menu_collapse a:hover {
	color: #1aacb6;
}
.menu_collapse2 a:hover {
	color: #1aacb6;
	text-decoration: underline;
}

/*....................................................     HEADER RESPONSIVE INDEX             */
.header {
	width: 100%; 
	position: fixed;
	z-index: 1000;
}
.header nav {
	width: 90%;
	max-width: 1000px;
	margin:0px;
	background: #202027;
}
.menu_bar {
	display: none;
}
.header nav ul{
	overflow: hidden;
	list-style: none;
}
.header nav ul li{
	float: left;
}
.header nav ul li a {
	color: #ffffff;
	padding: 20px;
	display: block;
	text-decoration: none;
}
.header ul li span {
	margin-right: 10px;
}
header nav ul li a:hover {
	background: #414148;
}

/*....................................................     GENRAL HEADER             */
header ul li {
	/* display: inline-block; */
	margin-top: 0px;

}
nav ul {
	margin-bottom: 11px;
}

header .redes_icon a {
	padding-left: 0px;
	padding-right: 0px;
}
header nav ul li {
	padding-left: 0px;
	padding-right: 10px;

}
ul li a:hover {
	text-decoration: none;
	color: #009cb5;

}
header nav ul li .btn{
	text-decoration: none;
}
header nav ul li .btn:hover {
	text-decoration: underline;
	color: #cccccc;
}
..header {
	height: 683px;
}

.menu{
	text-decoration: none;
}
.submenu_ul {
	position: absolute;
	display: block;
	list-style: none;
}


.ctn_bannerhome{
	overflow: hidden;
	height: 550px;
	}

.img_bannerhome{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	
}

.actv_menu {
	border-bottom: 1px solid #009cb5;
	list-style: none;
	padding-bottom: 5px;
}
#nav_proyectos ul li {
	list-style: none;
}
.ls_non { list-style: none; }

/*.bg_header_home {
	background: url('../imgs/audipulidora.jpg');
	background-size: cover;
	background-position: center 0;
	background-repeat: no-repeat;
	height: 720px;
	width: 100%;
	padding: 0;
}*/
.bg_triangle_banner{ background-image: url('../imgs/Triangulo_banner.png');

margin-top: -20px;

background-size: cover;
background-position: center;
background-repeat: no-repeat;
 }

 .header_efect {
 	-webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 5% 100%);
 }

 

/*................  INDEX */

/*....................................................     SECTION SERVICIOS INDEX */


/* BACKGROUNDS */
.bg_mmecanica{ background-image: url('../imgs/txt1.jpg'); width: 100%; }
.bg_paileria{ background-image: url('../imgs/txt3.jpg'); width: 100%;  }
.bg_mecanica{ background-image: url('../imgs/txt2.jpg'); width: 100%; }
.bg_mautomotriz{ background-image: url('../imgs/txt3.jpg'); width: 100%;  }

.ctn_img_index {
	overflow: hidden;
	height: 450px;

}
.img_home{
	width: 100%;
	height: 117%;
	object-fit: cover;
	object-position: center center;
	
}
.ctn_img_serv {
	overflow: hidden;
	height: 170px;
}
.green_hover:hove {
	z-index: 1000;
	background-image: url('../imgs/triangulo_mosaico.png');
	background: no-repeat;
}
.green_hover:hover {
	z-index: 1000;
	background: url('../imgs/triangulo_mosaico.png');
	background-size: cover;
	background-position: center ;
	background-repeat: no-repeat;
	height: px;
	width: 100%;
	margin-right: 0;
	margin-left: 0;

}
.serv_home_hover a{ text-decoration: none; }

.serv_paileria_home { 
	background: url('../imgs/txt3.jpg'); 
    background-size: cover;
	background-position: center ;
	background-repeat: no-repeat;
	height: px;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}
.serv_paileria_home:hover { 
	background: url('../imgs/txt3_hover.jpg'); 
    background-size: cover;
	background-position: center ;
	background-repeat: no-repeat;
	height: px;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}

.serv_metalmecanica_home { 
	background: url('../imgs/txt2.jpg'); 
    background-size: cover;
	background-position: center ;
	background-repeat: no-repeat;
	height: px;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}
.serv_metalmecanica_home:hover { 
	background: url('../imgs/txt2_hover.jpg'); 
    background-size: cover;
	background-position: center ;
	background-repeat: no-repeat;
	height: px;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}

.serv_mecanica_home { 
	background: url('../imgs/txt1.jpg'); 
    background-size: cover;
	background-position: center ;
	background-repeat: no-repeat;
	height: px;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}
.serv_mecanica_home:hover { 
	background: url('../imgs/txt1_hover.jpg'); 
    background-size: cover;
	background-position: center ;
	background-repeat: no-repeat;
	height: px;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}

.serv_automotriz_home { 
	background: url('../imgs/txt4.jpg'); 
    background-size: cover;
	background-position: center ;
	background-repeat: no-repeat;
	height: px;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}
.serv_automotriz_home:hover { 
	background: url('../imgs/txt4_hover.jpg'); 
    background-size: cover;
	background-position: center ;
	background-repeat: no-repeat;
	height: px;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}

.muestra { display: none; }
.muestra:hover { display: block; }

.crsl-itm-hght { height: 200px; }

/*....................................................     SECTION CONTACTO INDEX  */
.ctn_contacto_index { background-color: #000000; }
.bg_contact1 {
	background: url('../imgs/motor_1.png');
	background-size: cover;
	background-position: center 0;
	background-repeat: no-repeat;
	height: 440px;
	width: 100%;
	padding: 0;
}
.bg_contact2 {
	background: url('../imgs/motor_2.png');
	background-size: cover;
	background-position: center 0;
	background-repeat: no-repeat;
	height: 440px;
	width: 100%;
	padding: 0;
}
.contact_boton a {
	background-color: #1BA6AF;
	color: #ffffff;
	border-radius: 2px;
	padding: 10px 27px;


}
.contact_boton a:hover {
	background-color: #1BADB7;
	text-decoration: none;
	color: #ffffff;
}
.ctn_nav_index{
	-webkit-clip-path: polygon(0% 0, 100% 0%, 100% 100%, 5% 100%);
}
.separator {
	/*max-width: 60px;*/
}

/*....................................................     NOSOTROS  */

.img_nosotros_efect {
	overflow: hidden;
	height: 400px;
}

.img_nosotros {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}
#ctn_menu  {
	margin-left: 30px;
}
#ctn_menu li {
	padding-right: 10px;
}
#ctn_redes_menu {
	margin-left: -30px;
}

/*....................................................    PAILERÍA  */

.img_paileria_efect {
	overflow: hidden;
	height: 310px;
}
.img_paileria2_efect{
	overflow: hidden;
	height: 170px;
}
.img_paileria {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

/*....................................................    METALMECÁNICA  */

.img_mmecanica_efect {
	overflow: hidden;
	height: 310px;
}
.img_mmecanica2_efect{
	overflow: hidden;
	height: 170px;
}
.img_mmecanica {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

/*....................................................    REPARACIÓN MECÁNICA  */

.img_repmecanica_efect {
	overflow: hidden;
	height: 310px;
}
.img_repmecanica2_efect{
	overflow: hidden;
	height: 170px;
}
.img_repmecanica {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

/*....................................................   MANTENIMINETO AUTOMOTRIZ  */

.img_mautomotriz_efect {
	overflow: hidden;
	height: 310px;
}
.img_mautomotriz2_efect{
	overflow: hidden;
	height: 170px;
}
.img_mautomotriz {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

/*....................................................   PROYECTOS  */

.ctn_menu_proyectos {
	margin-top: 54px;
}
.ctn_menu_proyectos ul li  {
	list-style: none;
	display: inline-block;
	padding-right: 23px;
	padding-left: 23px;
}

/*....................................................   CONTÁCTANOS  */

.form_width {
	width: 65%;
	margin-left: 55px;
}
.textarea_height {
	height: 115px !important;
}
.boton {
	background: #009cb5;
    width: 125px;
    border-radius: 3px;
    color: #ffffff;
    border-color: #009cb5;
    height: 30px;
    cursor: pointer;
}
.bor_radius { border-radius: 1px; }
.mb_input { margin-bottom: -10px;  }

.mail_send {
	color: #212529;
}
.mail_send:hover {
	text-decoration: none;
	color: #009cb5;
}



.svg_font {

	<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" class="svg-inline--fa fa-angle-down fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg>
}
/*....................................................     FOOTER   */

footer ul {
	margin-bottom: 0px;
}
footer .redes ul li{
	float: right;
	list-style: none;
	padding-right: 10px;
	display: inline-block;

}