@charset 'UTF-8';
/*@import url(https://fonts.googleapis.com/css?family=Exo:400);*/
/*@import url(https://fonts.googleapis.com/css?family=Poppins:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic);*/
@import url(https://fonts.googleapis.com/css?family=Poppins:regular,700);

/*.preload * {*/
/*  -webkit-transition: none !important;*/
/*  -moz-transition: none !important;*/
/*  -ms-transition: none !important;*/
/*  -o-transition: none !important;*/
/*  transition: none !important;*/
/*}*/

html {
  scroll-behavior: smooth;
}

body{
	overflow-x : hidden;
	font-family: 'Poppins', sans-serif;
	/*overflow-y : scroll;*/
	/*opacity: 0;*/
}

@media (max-width: 768px) {
	.breakFooter1:before{
		display: block;
		content: " ";
	}
}

@media (max-width: 1055px) {
	.breakFooter2:before{
		display: block;
		content: " ";
	}
}

@media (max-width: 1055px) {
	.breakTitle:before{
		display: block;
		content: " ";
	}
}

@media (max-width: 768px){
	.fa-certificate{
		display: none;
	}
}
/*.breakFooter2:before{
	display: block;
	content: " ";
}*/

.infobar{
  width: 100%;
  height: 20px;
  background-color: #333;
  color: #fff;
  z-index: 2000	;
  font-size: 14px;
  line-height: 20px;
  /*margin-bottom: 62.81px;*/
  position: relative;
}

.btnTop{
	/*opacity: 0;*/
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 5px;
	background-color: #FF5722;
	/*box-shadow: 0 0 10px #222;*/
	/*box-shadow: 0 0 15px 0 #555;*/
	right: 15px;
	bottom: 95px;
	color: #FFF;
	font-size: 30px;
	position: fixed;
	z-index: 1000;
	transition: all ease-in 100ms;
	cursor: pointer;
	outline: none;
}

.btnTop:hover{
	/*line-height: 40px;*/
	color: #FFF;
}

.urlDotind{
	/*color: #FF5722;*/
	color: #f25120;
	transition: color ease-in 100ms;
}

.urlDotind:hover{
	text-decoration: none;
	/*color: #ff8964;*/
	color: #f25120;
}


.urlDotind2{
	color: #fff;
	transition: color ease-in 100ms;
}

.urlDotind2:hover{
	/*text-decoration: none;*/
	color: #fff;
}

.navbar{
	/*box-shadow: 0 1px 0px  #111;*/
	/*position: absolute;
	z-index: 2000;
	top: 20px;
	width: 100%;*/

	box-shadow: 0 0 5px #222;
  	/*background-color: #FF5722!important;*/
  	background: linear-gradient(90deg, #FF5722, #EF9000);
  	z-index: 1000;
}

a.navbar-brand img{
  /*transition: 150ms;*/
}

a.navbar-brand:hover img{
	cursor: pointer;
  /*box-shadow: 0 0 2px #111;*/
  /*width: 127.5px!important;*/
}

.navbar .nav-item{
  color: #fff!important;
  transition: 250ms;
  border-radius: 2.5px;
  font-weight: 500;
  margin: 5px;
  padding: 8px;
  /*---*/
  position: relative;
}

/*--- agregao*/
.navbar .nav-item *{
	position: relative;
	z-index: 100;
}

.navbar .nav-item::after{
	content: '';
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	width: 0%;
	background: #fff;
	transition: all ease-in-out 250ms;
	z-index: 1;
}

.navbar .nav-item:hover::after{
	width: 100%;
}
/*---agregao*/

.navbar .nav-item:hover{
  /*background-color: #FFF!important;*/
  color: #FF5722!important;
}

.navbar-light .navbar-toggler{
  color: #fff;
  border-color: #fff;
  transition: 200ms;
}
.navbar-light .navbar-toggler:hover{
  background-color: #fff;
  color: #FF5722;
}


/*.main-header{
  background: url(../img/bg-2.webp);
  -webkit-background-size: cover;
  background-size: cover;
}*/
.main-header{
	background: url(../img/bg-2.webp) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.title-page, .slogan-page{
	text-shadow: 0 0 3px #333;
}


@media (max-width: 470px) {
	.main-header .title-page{
		font-size: 30px;
	}
}
@media (max-width: 365px) {
	.main-header .title-page{
		font-size: 25px;
	}
}


.background-overlay{
  /*background-color: rgba(255, 87, 34, .1);*/
  /*background-color: rgba(255, 245, 217, .7);*/
  background-color: rgba(0, 0, 0, .7);
}

.rowTitle{
	height: 92vh;
}

.rowTitle .col-md-6:nth-child(1) h1, p{
  /*text-shadow: 0 0 5px #333;*/
}

.form-control, .btn{
  border-radius: 0;
}

a.card-prod{
  text-decoration: none;
}

.card-prod .card{
  text-decoration: none;
  color: #111;
  transition: 250ms;

  /* Nuevos estilos */
  border: none;
  border-top: 10px solid #ee5623;
  border-radius: 5px;

  border-radius: 50px;
  background: #ffffff;
  box-shadow:  6px 6px 26px #d9d9d9, -6px -6px 26px #ffffff;

  /* box-shadow: -6px -6px -26px rgba(255,255,255,0.83),
  6px 6px 16px rgba(217,210,200,0.51); */
}

.card-prod .card:hover{
  text-decoration: none;
  /*background-color: #FF5722;*/
  color: #FFF;
}

.solicitar-llamada{
  background-color: #333!important;
}

.btn-solicitar-llamada{
  background-color: #FF5722;
  border-color: #FF5722;
}
.btn-solicitar-llamada:hover{
  background-color: #FFF;
  border-color: #FFF;
  color: #FF5722;
}

.bg-darker{
  background-color: #333;
}



/* Pre-Loader */
.block {
	width: 100vw;
	height: 100vh;
	/*padding: 50vh 0;*/
	/*background: #ff5722;*/
	background: linear-gradient(90deg, #FF5722, #EF9000);
	/*border-bottom: 2px solid #333;*/
	position: fixed;
	z-index: 999999;
}

.gear {
	width: 80px;
	height: 80px;
	border-radius: 10%;
	/*margin: 80px auto;*/
	/*border: 5px solid #fff;*/
	position: relative;
	/*box-shadow: 0 10px 0 0 rgba(0, 0, 0, .1);*/
	top: 50%;
	left: 50%;
	margin: -40px 0 0 -40px;
}

.gear:after {
	content: "";
	width: 100px;
	height: 100px;
	border-radius: 100%;
	display: block;
	border: 5px dashed #fff;
	position: absolute;
	top: -24px;
	left: -24px;
	box-shadow: inset 0px 0 0 20px #fff;
	transform: scale(.5) rotate(0deg);
	animation: gear 6s linear infinite;
}

.gear:before {
	content: "";
	width: 58px;
	height: 58px;
	border-radius: 100%;
	display: block;
	border: 5px dashed #fff;
	position: absolute;
	top: 26px;
	right: -14px;
	box-shadow: inset 0px 0 0 10px #fff;
	transform: scale(.5) rotate(0deg);
	animation: gear2 4s linear infinite;
}

@keyframes gear {
	0% {
		transform: scale(.5) rotate(0deg);
	}
	100% {
		transform: scale(.5) rotate(360deg);
	}
}

@keyframes gear2 {
	0% {
		transform: scale(.5) rotate(0deg);
	}
	100% {
		transform: scale(.5) rotate(-360deg);
	}
}
/* Pre-Loader */



.main-section{
	background: url(../img/bg-2.webp) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.bg-overlay{
	background-color: rgba(255, 255, 255, .8);
}

.nosee{
	opacity: 0;
	transition: all 500ms ease-in;
}

.see{
	opacity: 1;
	transition: all 500ms ease-in;
}


.cardN1{
	opacity: 0;
}
.cardN2{
	opacity: 0;
}
.cardN3{
	opacity: 0;
}
.cardN4{
	opacity: 0;
}

.img-big-logo{
	opacity: 0;
	z-index: 0;
}

.btn-coten{
	border-color: #FF5722;
	background-color: #FF5722;
	color: #FFF;
}

.btn-coten:hover{
	border-color: #FFF;
	background-color: #FFF;
	color: #FF5722;
}

.title-page,
.slogan-page,
.btn-coten{
	opacity: 0;
}

.op0{
	opacity: 0;
}

.nav-fixed{
	position: fixed;
	z-index: 1999;
	width: 100%;
	top: 0;
}




.title-underborder-light{
	padding: 0 30px;
	background-color: #fff;
	height: 5px;
	width: 0.01px;
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
	border-radius: 100px;
}
.title-underborder-dark{
	padding: 0 30px;
	background-color: #212529;
	height: 5px;
	width: 0.01px;
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
	border-radius: 100px;
}


@media (max-width: 767px){
	#dotindMap{
		height: 400px!important;
		margin-bottom: 25px;
	}
}


a.linksDotind{
	color: #FF5722;
	font-weight: 700;
	transition: all 100ms ease-in-out;
}

textarea#mensajeFormulario{
	/*height: 100%;*/
	min-height: 85px;
	max-height: 85px;
	padding-left: 0;
}

.inputFormDotind,
.inputFormDotind:focus{
	/*background-color: #343a40;*/
	background-color: transparent;
	color: #111;
	border: none;
	border-bottom: 2px solid #666!important;
	padding: none!important;
	outline: none;
	box-shadow: none;
}

.inputFormDotind:focus{
	border-bottom: 2px solid #fff;
}

.inputFormDotind::placeholder{
	color: #ccc;
}
.inputFormDotind:focus::placeholder{
	color: #fff;
}

.textareaFormDotind,
.textareaFormDotind:focus{
	background-color: transparent;
	color: #444;
	border: none;
	border-bottom: 2px solid #555;
	padding: none!important;
	outline: none;
	box-shadow: none;
}

.textareaFormDotind:focus{
	border-bottom: 2px solid #FF5722;
}

.textareaFormDotind::placeholder{
	color: #666;
}
.textareaFormDotind:focus::placeholder{
	color: #FF5722;
}

.dotindBtnStyle{
	border-radius: 2.5px;
	/*background-color: #FF5722!important;*/
	background-color: #f25120!important;
	border-color: #f25120!important;
	font-weight: 700;
}
/*.dotindBtnStyle:hover{*/
/*	background-color: #e04a1a!important;*/
/*	border-color: #e04a1a!important;*/
/*}*/
/*.dotindBtnStyle:active{*/
/*	background-color: #bf3e15!important;*/
/*	border-color: #bf3e15!important;*/
/*}*/

.chatBtn{
	position: fixed;
	z-index: 1001;
	right: 15px;
	bottom: 5px;
	box-shadow: 0 0 2.5px #222;
}

.main-header,
.background-overlay{
	min-height: 90vh;
}

@media screen (max-width: 720px) {
	.main-header,
	.background-overlay{
		height: auto!important;
		min-height: auto!important;
		margin-bottom: 200px;
	}
}

.col-land-2{
	display: flex;
	flex-direction: column;
	justify-content: center;
}



/* Estilos de formulario tipo Material Design */
/*.input-group{
	position: relative;
	background-color: red;
}

input.material-form{
	padding: 5px;
	border: none;
	border-bottom: 2px solid #444;
}

label{
	position: absolute;
	top: 5px;
	left: 5px;
	font-size: 16px;
	line-height: 16px;
	color: #111;
	-webkit-transition: all .3s ease;
	 -o-transition: all .3s ease;
	 transition: all .3s ease; 
}

.active{
	top: -12px;
	font-size: 12px;
	line-height: 12px;
}*/


/*--------------------------------------*/

.form-group {
  position: relative;
}

.form-group input.form-control {
  border: none;
  border-radius: 0px;
  box-shadow: none;
  padding-left: 1px;
}

.form-group input.form-control:active,
.form-group input.form-control:focus {
  border-color: #FF5722 !important;
  /*border-color: #007bff !important;*/
  box-shadow: none;
}

.normal-label {
  position: absolute;
  cursor: text;
  /*color: #555;*/
  color: #666;
  top: 12px;
  left: 1px;
  font-size: 16px;
  line-height: 16px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.active-label {
  color: #FF5722;
  /*color: #007bff;*/
  top: -10px !important;
  font-size: 14px !important;
  line-height: 14px !important;
}

/* Estilos de formulario tipo Material Design */
.text-manify{
	font-size: 1.15em;
}

.bg-yellow{
	background-color: #fff5d9!important;
}

/* ESTILOS SLIDER DEL PLUGIN BXSLIDER*/
.bx-wrapper{
	margin-bottom: 0px;
	-moz-box-shadow: none!important;
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
	border: none!important; 
	background: transparent!important; 
}
.bx-pager{
	bottom: 20px!important;
}
.bx-wrapper .bx-pager.bx-default-pager a.active{
	background: #fff!important;
}
.bx-prev,
.bx-next{
	z-index: 999!important;
}
/* ESTILOS SLIDER DEL PLUGIN BXSLIDER*/
.card{
	border-radius: 2.5px!important;
	/*border: 5px;*/
	/*box-shadow: 0 0 1px rgba(0,0,0,.5);*/
}
.card:hover{
	/*border-color: transparent;*/
	box-shadow: 0 0px 50px rgba(0,0,0,.2);
	-webkit-transform: translateY(-10px); /* WebKit */
	-moz-transform: translateY(-10px); /* Mozilla */
	-o-transform: translateY(-10px); /* Opera */
	-ms-transform: translateY(-10px); /* Internet Explorer */
	transform: translateY(-10px); /* CSS3 */
}
.card *{
	position: relative;
	z-index: 100;
}
.card::after{
	content: '';
	position: absolute;
	width: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	background: linear-gradient(360deg, #FF5722, #EF9000)!important;
	transition: all 250ms ease-in-out;
}

.card:hover::after{
	opacity: 1;
}


/* BX Slide */
.sliderContent{
	height: 100%;
}

.bx-wrapper{
	height: 100%;
}

.bx-slide{
	/*background-color: crimson;*/
	height: 100%;
}

.bx-viewport{
	height: 100%!important;
}

.logo{
	margin: 0 auto;
	width: 70%;
}

.botas{
	/*background-color: red;*/
	width: 85%;
	margin: 0 auto;
}

@media only screen and (max-width: 600px){
  .logo{
    width: 40%;
  }

  .botas{
  	width: 50%;
  }

  .main-header .title-page{
  	font-size: 20px;
  }

  .main-header .slogan-page{
  	font-size: 14px;
  }

}
/*@media only screen and (min-width: 600px){
	.botas{
		width: 40%;
	}
}*/

.btnSlider{
	border-radius: 5px;
	margin-top: 150px;
	padding: 10px;
	border: 3px solid #fff;
	color: #fff;
	background: transparent;
	font-weight: 700;
	text-shadow: none!important;
	transition: .1s ease-in-out;
}
.btnSlider:hover{
	background: #fff;
	color: #FA6B17;
	text-decoration: none;
}

.hiddenSlide {
  display: none;
}