@charset "UTF-8";

.Contactanos
{
	position: relative;
    margin: auto;
    overflow: hidden;
    width: 86%;
    top: 40px;
}

.maps
{
	float: right;
	position: relative;
    right: 100px;
}

.cuadromaps
{
	width: 500px !important;
	height: 500px !important;
	display: inline-block;
	border-radius: 0px;
}

h3
{
	font-family: Monserrat_black_italic;
	font-size: 25px;
	color: black;
	margin: 0
}

.Detalles_maps
{
    float: left;
    text-align: justify;
	width: 560px;
	position: absolute;
    display: inline-block;
    left: 100px;
}

.Direcciones
{
	font-family: Monserrat_medium;
	font-size: 16px;
	letter-spacing: 2px;
	color: black;
}

.Direcciones2
{
	font-family: Monserrat_regular;
	font-size: 12px;
	letter-spacing: 2px;
	color: black;
}

.btn_whts
{
	position: relative;
	overflow: hidden;
	margin: auto;
}
.catalogo
{
	top: -50px;
}

.btn_point
{
	cursor: pointer;
}

.btn_contacto
{
	width: 190px;
}
.catalogo 
{
  opacity: 1;
  display: block;
  width: 150px;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
  border-radius: 10px;
}

input 
{
	outline: none;
	border: 2px solid #008ccc;
	border-radius: 0px;
}

textarea 
{
  outline: none;
  border: 2px solid #008ccc;
  border-radius: 0px;
  resize: none;
}

textarea:focus, input:focus {
  border-color: #008ccc !important;
}

input:focus::-webkit-input-placeholder { color: #008ccc; }
input:focus:-moz-placeholder { color:#008ccc; }
input:focus::-moz-placeholder { color:#008ccc; }
input:focus:-ms-input-placeholder { color:#008ccc; }

textarea:focus::-webkit-input-placeholder { color:#008ccc; }
textarea:focus:-moz-placeholder { color:#008ccc; }
textarea:focus::-moz-placeholder { color:#008ccc; }
textarea:focus:-ms-input-placeholder { color:#008ccc; }

input::-webkit-input-placeholder 
{ 
  font-family: Monserrat_regular;  
  color: #008ccc;
}
input:-moz-placeholder 
{ 
  font-family: Monserrat_regular;  
  color: #008ccc;
}
input::-moz-placeholder 
{ 
  font-family: Monserrat_regular;  
  color: #008ccc;
}
input:-ms-input-placeholder 
{ 
  font-family: Monserrat_regular;  
  color: #008ccc;
}

textarea::-webkit-input-placeholder 
{ 
  font-family: Monserrat_regular;  
  color: #008ccc;
}
textarea:-moz-placeholder 
{ 
  font-family: Monserrat_regular;  
  color: #008ccc;
}
textarea::-moz-placeholder 
{ 
  font-family: Monserrat_regular;  
  color: #008ccc;
}
textarea:-ms-input-placeholder 
{ 
  font-family: Monserrat_regular;  
  color: #008ccc;
}


/*[ Form ]*/

.contact100-form 
{
  width: 100%;
  display: -webkit-box;
  display: -webkit-inline-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 68px;
}

/*------------------------------------------------------------------
[ Input ]*/

.wrap-input100 
{
  width: 100%;
  position: relative;
  padding-bottom: 0px;
  margin-bottom: 22px;
}

.rs1-wrap-input100 
{
  width: calc((100% - 30px) / 2);
}

.campo 
{
  display: block;
  width: 100%;
  background: transparent;
  font-family: Monserrat_regular;
  font-size: 15px;
  color: #008ccc;
  line-height: 1.2;
  padding: 0 5px;
}

.focus-input100 
{
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.focus-input100::before 
{
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;

  background: #008ccc;
}

.wrap-input100 label
{
	
}

/*---------------------------------------------*/
input.campo 
{
  height: 40px;
}


textarea.campo 
{
  min-height: 110px;
  padding-top: 9px;
  padding-bottom: 0px;
}

/*------------------------------------------------------------------
[ Button ]*/
.container-contact100-form-btn 
{
  width: 100%;
  margin-top: -10px;
  text-align: right;
}

.contact100-form-btn 
{
  cursor: pointer;
  align-items: center;
  padding: 0 20px;
  min-width: 160px;
  height: 43px;
  background-color: #008ccc;
  border-radius: 0px;
  border: none;	
  font-family: Monserrat_medium;
  font-size: 16px;
  color: #fff;
  line-height: 1.2;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;

  /*box-shadow: 0 10px 5px 0px rgba(255, 75, 90, 0.5);
  -moz-box-shadow: 0 10px 5px 0px rgba(255, 75, 90, 0.5);
  -webkit-box-shadow: 0 10px 5px 0px rgba(255, 75, 90, 0.5);
  -o-box-shadow: 0 10px 5px 0px rgba(255, 75, 90, 0.5);
  -ms-box-shadow: 0 10px 5px 0px rgba(255, 75, 90, 0.5);*/
}

.contact100-form-btn:hover 
{
  background-color: #ff6000;
  box-shadow: 0 10px 5px 0px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 10px 5px 0px rgba(51, 51, 51, 0.5);
  -webkit-box-shadow: 0 5px 10px 0px rgba(51, 51, 51, 0.5);
  -o-box-shadow: 0 10px 5px 0px rgba(51, 51, 51, 0.5);
  -ms-box-shadow: 0 10px 5px 0px rgba(51, 51, 51, 0.5);
}

.Contactanos2
{
	position: relative;
    overflow: hidden;
    width: 86%;
    margin: auto;
    top: 100px;
    text-align: center;
}

h3
{
	font-family: Monserrat_black_italic;
	font-size: 25px;
	color: black;
	margin: 0
}

.maps2
{
	display: inline-block;
    vertical-align: middle;
    width: 33%;
	height: 400px;
}

.maps2-1
{
	display: inline-block;
    vertical-align: middle;
    width: 33%;
	height: 510px;
	float: left;
	top: 20px;
}


.cuadromaps2
{
	width: 300px !important;
	height: 200px !important;
	display: inline-block;
}

.Direcciones3
{
	font-family: Monserrat_black_italic;
	font-size: 15px;
	letter-spacing: 2px;
	color: black;
}

.Direcciones4
{
	font-family: Monserrat_regular;
	font-size: 12px;
	letter-spacing: 0px;
	color: black;
}



/*COMIENZA RESPONSIVE*/

@media screen and (max-width: 1895px) and (min-width: 1490px)
{
	h3{
		font-size: 25px;
	}
	
}

@media screen and (max-width: 1490px) and (min-width: 1025px)
{
	.maps
	{
		right: 0px;
	}
	
	.Detalles_maps
	{
		left: 0px;;
	}
	
}

@media screen and (min-width:768px) and (max-width:1024px) and (orientation: portrait)
{
	.Contactanos
	{
		top: 20px;
		width: 100%;
	}
	
	.Contactanos2
	{
		top: 0px;
	}
	
	.maps
	{
		right: 60px;
    	margin-top: 60px;
	}
	
	.maps2
	{
		width: 33%;
		height: 400px;
	}
	
	.maps2-1
	{
		height: 500px;
	}
	
	.cuadromaps
	{
		width: 400px !important;
		height: 488px !important;
	}
	
	.cuadromaps2
	{
		width: 250px !important;
		height: 250px !important;
	}
	
	.Direcciones3{
		font-size: 12px;
	}
	
	.Direcciones4
	{
		font-size: 10px;
	}
	
	.Detalles_maps
	{
		left: 60px;
    	margin-top: 30px;
    	position: relative;
		width: 400px;
	}
}

@media screen and (min-width:1024px) and (max-width:1366px) and (orientation: landscape)
{
	.Contactanos
	{
		top: 20px;
		width: 100%;
	}
	
	.Contactanos2
	{
		top: 30px;
		width: 100%
	}
	
	.maps
	{
		right: 100px;
    	margin-top: 0px;
	}
	
	.Detalles_maps{
		left: 100px;
	}
	
	.cuadromaps2{
		width: 400px !important;
    	height: 400px !important;
	}
	
	.maps2{
		width: 33%;
    	height: 600px;
	}
	
	.maps2-1{
		width: 33%;
    	height: 650px;
	}
}

@media screen and (min-width:0px) and (max-width:767px)
{
	.Contactanos{
		width: 100%;
		top: 30px;
	}
	
	.Contactanos2{
		width: 100%;
		top: -20px;
	}
	
	.maps
	{
		right: 35px;
	}
	
	.maps2{
		width: 100%;
		height: 450px;
	}
	
	.maps2-1{
		width: 100%;
		float: inherit;
		height: 400px;
	}
	
	.cuadromaps
	{
		width: 320px !important;
    	height: 320px !important;
	}
	
	.Detalles_maps
	{
		left: 20px;
    	top: 10px;
    	position: relative;
    	width: 350px;
	}
	
	h3
	{
		font-size: 15px;
    	text-align: center;
	}
	
	
}