@charset "utf-8";

*{outline:none !important}
html{height:100%;}
body{
	font-family:"Arial", sans-serif;
	font-size:14px;	
	color:#616161;
	min-width:320px;
	margin:auto;
	background:#fff;
	line-height:19px;
}
@font-face {
  font-family: "Myriad Pro";
  src: url('../fonts/myriadpro-regular.otf');
}
body p{font-family:inherit;font-size:inherit;color:inherit; line-height:normal}
.container{margin:auto; line-height:23px; text-align:justify; position:relative; color:#757575; max-width: 1230px;}
.container::before,
.container::after{display:block; content:""; clear:both;}
.animar{transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;}

#header{
	width: 100%;
	z-index: 3;
	height: 365px;
	position: absolute;
	top: 0;
	left: 0;
	background: url('../images/banner/top.png') center no-repeat;
	background-size: cover;	
}
#logo{
	display: block;
	width: 180px;
	position: absolute;
	top: 9px;
	z-index: 3;
	left: 15px;
}
#logo img{
	display: block;
	width: 100%;
	height: auto;
}
.contentDarkTop{
	height: 136px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: relative;
}
.itemTelDarkTop{
	background: #e7e7e7;
	margin-right: 37px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 45px;
	padding: 10px 15px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: normal;
	letter-spacing: 0px;
	color: #000;
}
.itemTelDarkTop img{
	margin-right: 9px;
	width: 30px;
}
.itemTelDarkTop a{
	color: #000;
}
.tel2Top{
	margin-left: 28px;
	position: relative;
}
.tel2Top::before{
	content: '';
	position: absolute;
	left: -14px;
	top: calc(50% - 7px);
	width: 1px;
	height: 17px;
	background: rgba(26, 26, 26, 0.25);
}
#redes{
	width: auto;
	height: 29px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
#redes a{
	color: #ffffff;
	height: 29px;
	width: 31px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-right: 8px;
	border-radius: 5px;
}
#redes a:last-child{
	margin-right: 0;
}
#redes a .fa{
	display: none;
}
#redes .fb{
	background: url('../images/redes/red1.png') left center no-repeat;
	background-size: cover;
}
#redes .tr{
	background: url('../images/redes/red1.png') center no-repeat;
	background-size: cover;
}
#redes .in{
	background: url('../images/redes/red1.png') right center no-repeat;
	background-size: cover;
}
#redes a:hover,#redes a:focus{
	text-decoration: none;
	opacity: 0.9;
	transform: scale(1.1);
}

#topMenu{
	height: 56px;
	width: 100%;
}
#menu{
	margin: auto;
	position: absolute;
	top: 0px;
	left: 200px;
	height: 56px;
	text-align: center;
}
#menu ul{
	margin: 0;
	display: inline-block;
}
#menu ul::before,
#menu ul::after{
	display: block;
	content: "";
	clear: both;
}
#menu li{
	float: left;
	position: relative;
	height: 56px;
	display: flex;
	padding: 0 15px;
	align-items: center;
	justify-content: center;
}
#menu li a{
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	position: relative;
	background: transparent;
	font-size: 13px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	padding: 0px;
	line-height: 56px;
	height: 56px;
	letter-spacing: 0px;
	text-transform: uppercase;
}
#menu li:first-child{
	padding-left: 0px;
}
#menu li:last-child{
	float: right;
	background: transparent;
	padding-right: 0px;
}
#menu li.active a, #menu li a:hover, #menu li a:focus{
	color:#ffffff;
}
#menu li.active a::before, #menu li a:hover::before, #menu li a:focus::before{
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 3px;
	left: 0;
	background: #ffff;
}
#menu li::before{
	content: '';
	position: absolute;
	top: calc(50% - 12.5px);
	right: 0;
	width: 1px;
	height: 25px;
	background: url('../images/banner/li.png') center no-repeat;
	background-size: cover;
}
#menu li:last-child::before{
	width: 0;
	height: 0;
}
.titleMenuTop{
	position: absolute;
	right: 15px;
	top: 0;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 13.5px;
	line-height: 56px;
	height: 56px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.titleMenuTop strong{
	font-weight: 900;
}
#datfooter{
	padding-top: 89px;
	padding-bottom: 90px;
	background: #2a2a2a;
}
.contentDatfooter{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	font-family: 'Lato', sans-serif;
	color: #ffffff;
}
.contentDatfooter ul{
	list-style: none;
}
.itemDat2 a,.itemDat3 a{
	display: inline-flex;
	align-items: center;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 15px;
	color: #d3d3d3;
	line-height: 30px;
	letter-spacing: 0px;
	text-align: left;
}
.contentDatfooter .titleDat{
	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 30px;
	text-align: left;
	color: #fff;
	letter-spacing: 0px;
	position: relative;
	margin-bottom: 19px;
	text-transform:uppercase;
}
.itemDat1{
	width: 220px;
	padding-right: 20px;
	margin-right: 30px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 15px;
	color: #d3d3d3;
	line-height: 24px;
	letter-spacing: 0px;
	text-align: left;
	position: relative;
}
.itemDat2{
	margin-right: 30px;
}
.itemDat3{
	margin-right: 20px;
}
.itemDat1::before{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 164px;
	background: #5c5f62;
}
#redes2{
	width: auto;
	height: 29px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
#redes2 a{
	color: #ffffff;
	height: 29px;
	width: 31px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-right: 8px;
	border-radius: 5px;
}
#redes2 a:last-child{
	margin-right: 0;
}
#redes2 a .fa{
	display: none;
}
#redes2 .fb{
	background: url('../images/redes/red1.png') left center no-repeat;
	background-size: cover;
}
#redes2 .tr{
	background: url('../images/redes/red1.png') center no-repeat;
	background-size: cover;
}
#redes2 .in{
	background: url('../images/redes/red1.png') right center no-repeat;
	background-size: cover;
}
#redes2 a:hover,#redes2 a:focus{
	text-decoration: none;
	opacity: 0.9;
	transform: scale(1.1);
}

/*Nuevo estilo Footer*/
#footer .contentFooter{
	background: #444444;
	display: flex;
	align-items: center;
	min-height: 115px;
	color: white;
}
#footer .container{
	color: #fff;
	font-family: 'Arial',sans-serif;
	font-weight: 400;
	font-size: 11px;
	letter-spacing: 0px;
	width: 100%;
}
#footer .tfooter {
	line-height: 16px;
	text-align: left;
	float: left;
	min-height: 22px;
	display: flex;
	align-items: center;
	color: #fff;
}
#footer .tfooter a{
	color: inherit;
}
#footer #powered {  	
	line-height: 16px;
	margin: 0 auto 0;
	width: auto;
	text-align: right;
	float: right;
	display: flex;
	align-items: center;
}
#footer #powered a {
	color: inherit;
	display: flex;
	padding: 0 0 0 28px;
	min-height: 22px;
	align-items: center;
	margin-left: 5px;
	background: url(/_src/images/icoTW.svg) no-repeat center left;
}
#footer #powered a:hover{
	text-decoration: none;
}
/*Footer*/




/*==================     ToTop     ======================*/
a.toTop {
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 37px;
  color: #fff;
  border-radius: 50%;
  position: fixed;
  background:#000;
  border:solid 2px #fff;
  left: 21px;
  bottom: 95px;
  display: none;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  cursor:pointer;
  z-index: 20; opacity:.75 }
a.toTop:hover,
a.toTop:active {color: #000;
    text-decoration: none; opacity:1; background:#fff}
a#toTop
a#toTop .fa{color:#FFF !important;}
a.toTop:hover::after{
	-webkit-transform:scale(1.3);
	-moz-transform:scale(1.3);
	-ms-transform:scale(1.3);
	transform:scale(1.3);
	opacity:0;
}
.mobile .toTop,
.tablet .toTop {display: none !important; }

#sliderTop{
	height: 350px;
	margin-top: 197px;
}
#sliderTop .slides li{
	height: 350px;
	position: relative;
	background-position: center top !important;
	background-repeat: no-repeat;
	background-size: cover;
}
#sliderTop .slides li img{
	width: 100%;
	display: none;
}
.contentSlider{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.contentSlider .container{
	height: 100%;
}
.contentSlider .caption{
	position: absolute;
	right: 15px;
	bottom: 104px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 30px;
	text-transform: uppercase;
	color: #fff;
	line-height: normal;
	letter-spacing: 0px;
	text-align: right;
}
.contentSlider .caption strong{
	font-weight: 800;
	font-size: 45px;
}
.titleSlider1{
	padding-right: 60px;
	padding-left: 80px;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 400;
	height: 60px;
	display: inline-flex;
	align-items: center;
	position: relative;
}
.titleSlider1 div{
	z-index: 2;
	position: relative;
}
.titleSlider1::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 850px;
	height: 100%;
	background: url('../images/banner/before.png') left center no-repeat;
	background-size: cover;
}
.flex-direction-nav a{
	bottom: 49px;
	opacity: 1;
	width: 40px;
	height: 43px;
}
.flex-direction-nav .flex-prev {
	margin-left: -45px;
	background: url('../images/slider/prev.png') center no-repeat;
}
.flex-direction-nav .flex-next {
	margin-left: 5px;
	background: url('../images/slider/next.png') center no-repeat;
}
.flex-control-nav {
  width: auto;
  position: absolute;
  bottom: 30px;
  text-align: center;
  z-index: 2;
  left: 50%;
  margin-left: 15px;
}
#sliderTop .flex-control-nav li:first-child::before,
#sliderTop .flex-control-nav li:last-child::before{
	width: 0;
	height: 0;
}
#sliderTop .flex-control-nav li {
  background: transparent;
  padding-bottom: 0;
  padding-top: 0;
}
.flex-control-paging li a {
  width: 106px;
  height: 9px;
  display: block;
  background: rgba(255,255,255,0.5);
  border: 0;
  box-shadow: inset 0 0 3px transparent !important;
  border-radius: 0px !important;
  transform: skewX(-35deg);
}
.flex-control-paging li a.flex-active,.flex-control-paging li a:hover{
  background: rgba(177, 44, 46, 0.75);
}
#main{
	overflow: hidden
}
#icoWa{
	background: url('../images/icoWha.png?v2') center no-repeat;
	background-size: contain;
	width: 219px;
	height: 58px;
	position: fixed;
	bottom: 160px;
	right: 15px;
	z-index: 5
}
#icoWa2{
	background: url('../images/icoWha.png?v2') center no-repeat;
	background-size: contain;
	width: 219px;
	height: 58px;
	position: fixed;
	bottom: 90px;
	right: 15px;
	z-index: 5
}
.desktop .wow{
	visibility: hidden;
}
#textHome1{
	padding-top: 121px;
	padding-bottom: 135px;
}
.contentHome1{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
}
.contentHome1 img{
	margin-left: -10px;
}
.itemHome1{
	width: 50%;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 15.5px;
	line-height: 24px;
	letter-spacing: 0px;
	text-align: left;
	color: #616161;
}
.itemHome1a{
	padding-right: 20px;
}
.itemHome1:last-child{
	margin-top: 14px;
}
.itemHome1 strong{
	font-weight: 900;
	color: #7f2b2e;
}
#textHome2{
	background: url('../images/inicio/bg1.webp') center no-repeat;
	background-size: cover;
	padding: 94px 0;
}
.titleHome2{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 26px;
	line-height: 36px;
	letter-spacing: 0px;
	color: #fff;
	text-align: center;
	max-width: 1110px;
	margin-right: auto;
	margin-left: auto;
}
.titleHome2 span{
	display: block;
}
.titleHome2 strong{
	font-weight: 900;
}
#textHome3{
	background: url('../images/inicio/bg2.webp') left center no-repeat;
	background-size: cover;
}
.contentHome3{
	height: 420px;
	display: flex;
	align-items: center;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	color: #6f6f6f;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0.25px;
	text-align: left;
	position: relative;
}
.home3{
	max-width: 340px;
}
.home3 strong{
	color: #80000f;
}
.titleHome3{
	font-family: 'Lato',sans-serif;
	font-weight: 900;
	font-size: 36px;
	color: #fff;
	line-height: 30px;
	letter-spacing: 0px;
	position: relative;
	margin-bottom: 20px;
}
.titleHome3 div{
	width: 214px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #363636;
}
.titleHome3::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #000;
}
.imgHome3{
	position: absolute;
	top: -25px;
	left: 50%;
}
#textHome4{
	background: url('../images/inicio/bg3.webp') center no-repeat;
	background-size: cover;
	padding-bottom: 73px;
	padding-top: 117px;
}
#textHome4 .titleContacto1{
	color: #fff;
}
#textHome4 #frmContacto .tit{
	color: #fff;
}
#textHome4 #frmContacto .form-control{
	background: rgba(0,0,0,0.25);
	color: #fff;
}
#textHome4 .frmContacto input::-webkit-input-placeholder {color:#fff; opacity:  1;}
#textHome4 .frmContacto input:-moz-placeholder {color:#fff; opacity:  1;}
#textHome4 .frmContacto input::-moz-placeholder {color:#fff; opacity:  1;}
#textHome4 .frmContacto input:-ms-input-placeholder {color:#fff; opacity:  1;}
#textHome4 .frmContacto textarea::-webkit-input-placeholder {color:#fff; opacity:  1;}
#textHome4 .frmContacto textarea:-moz-placeholder {color:#fff; opacity:  1;}
#textHome4 .frmContacto textarea::-moz-placeholder {color:#fff; opacity:  1;}
#textHome4 .frmContacto textarea:-ms-input-placeholder {color:#fff; opacity:  1;}

#textServ1{
	padding-top: 90px;
	padding-bottom: 22px;
}
.titleServ1{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	color: #616161;
	font-size: 36px;
	line-height: 30px;
	letter-spacing: 0px;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 35px;
	margin-bottom: 27px;
	position: relative;
}
.titleServ1::before{
	content: '';
	position: absolute;
	bottom: 0;
	width: 211px;
	height: 5px;
	left: calc(50% - 105.5px);
	background: #ff1c28;
}
.subTitleServ1{
	color: #6e6e6e;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 25px;
	letter-spacing: 0px;
	text-align: center;
	margin-bottom: 40px;
}
.contentServ{
	max-width: 388px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.contentServ figure{
	position: relative;
}
.contentServ figure .titleServ{
	position: absolute;
	bottom: 12px;
	left: 27.5px;
	background: rgba(128, 0, 15, 0.9);
	width: calc(100% - 55px);
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	transform: skewX(-25deg);
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0px;
	text-transform: uppercase;
	line-height: normal;
}
.contentServ figure .titleServ span{
	display: block;
}
.contentServ figure .titleServ div{
	transform: skewX(25deg);
}
#textServ1 .row{
	margin: 0 -9px;
}
#textServ1 div[class*="col-"]{
	margin-bottom: 40px;
	padding: 0 9px;
	width: 50%;
}

#formTop{
	position: relative;
	padding-bottom: 103px;
	padding-top: 112px;
}
.titleContacto1{
	display: flex;
	align-items: center;
	justify-content: center;
	color: #616161;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 36px;
	line-height: 35px;
	text-align: center;
	letter-spacing: 0px;
	text-transform: uppercase;
}
#frmContacto{
	overflow: hidden;
}
#frmContacto .tit{
	color: #616161;
	font-family: "Lato", serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
	letter-spacing: 0px;
	position: relative;
	margin-bottom: 30px;
	margin-top: 26px;
	text-align: center;
}
#frmContacto .row{
	margin: 0 -6px;
}
#frmContacto div[class*="col-"]{
	padding: 0 6px;
}
#frmContacto .form-group{
	margin-bottom: 12px
}
#frmContacto .form-control{
	display: block;
	height: 59px;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
	font-family: "Lato", serif;
	font-size: 12px;
	font-weight: 400;
	color: #868686;
	background: #ececec;
	border: 0;
	box-shadow: inset 0 1px 1px transparent;
	padding-left: 20px;
}
#frmContacto .textarea{
	height: 157px;
	padding-top:21px;
}

#frmContacto input[type=submit],
#frmContacto input[type=reset]{
	display:inline-block; 
	height:42px; 
	background: #b12d3d; 
	color:#ffffff; 
	text-transform:uppercase; 
	font-family:Arial, sans-serif; 
	font-size:11px;
	width: 91px;
	text-align: center;
	font-weight: 400;
	border-radius: 0px;
	margin-top: 21px;
}
#frmContacto input[type=submit]:hover,
#frmContacto input[type=reset]:hover{opacity:.8}
#frmContacto .error input,
#frmContacto .error textarea{border:solid 1px #000; background:rgba(255,216,217,1.00); color:#000}

.frmContacto input::-webkit-input-placeholder {color:#868686; opacity:  1;}
.frmContacto input:-moz-placeholder {color:#868686; opacity:  1;}
.frmContacto input::-moz-placeholder {color:#868686; opacity:  1;}
.frmContacto input:-ms-input-placeholder {color:#868686; opacity:  1;}
.frmContacto textarea::-webkit-input-placeholder {color:#868686; opacity:  1;}
.frmContacto textarea:-moz-placeholder {color:#868686; opacity:  1;}
.frmContacto textarea::-moz-placeholder {color:#868686; opacity:  1;}
.frmContacto textarea:-ms-input-placeholder {color:#868686; opacity:  1;}
.frmContacto input:focus::-webkit-input-placeholder {opacity:0.5}
.frmContacto input:focus:-moz-placeholder{opacity:0.5}
.frmContacto input:focus::-moz-placeholder{opacity:0.5}
.frmContacto input:focus:-ms-input-placeholder{opacity:0.5}
.frmContacto textarea:focus::-webkit-input-placeholder{opacity:0.5}
.frmContacto textarea:focus:-moz-placeholder{opacity:0.5}
.frmContacto textarea:focus::-moz-placeholder{opacity:0.5}
.frmContacto textarea:focus:-ms-input-placeholder{opacity:0.5}

#frmContacto .has-error .form-control-feedback{line-height:36px; height:100%; }
#frmContacto .has-error input{
	border-color: #a94442;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.cntCapt{
	display: inline-block;
	position: relative;
	margin-top: 21px;
}
.cntCapt #html_element{
	position: absolute;
	top: 0;
	left: 0;
}
.dirMap{
	background: #252525;
}
.dirMap .tit{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0px;
	color: #fff;
	text-align: center;
	padding-top: 39px;
	padding-bottom: 39px;
}
.dirMap img{
	position: relative;
	top: 4px;
	margin-right: 2px;
}
#mapC{
	height: 320px;
}

#lblPrincipal{
    font-size: 26px;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    text-align: center;
    height: 99px;
    color: #000;
    background: #f1f1f1;
    display: flex;
    justify-content: center;
    align-items: center;
}