@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Poppins:wght@200;300;400;500;700;900&display=swap');
body{
	margin: 0;
}
*{
	font-family: Poppins;
}
.filacontact{
	display: flex;
	width: 100%;
}
.contacdivimg{
	width: 60%;
	/*padding-left: 1rem;*/
}
.contacdivform{
	width: 40%;
	padding-left: 1rem;
	padding-right: 1.5rem;
}
.imgcontacto{

}
.inputintra {
    color: #ddeffb;
}

.titlecontayellow {
    font-family: Montserrat;
    font-weight: 700;
    color: #e0b24c;
    border-left: 4px solid #fff;
    padding-left: 5px;
    font-size: 50px;
    line-height: 40px
}
.divflexdivi{
	padding: 0rem 8rem;
}
.divcontactitle{
	padding: 40px 0px 25px 0px;
}
.contacfondo1{
	background-image: url('../img/bannernegrocontacto.jpg');
	  background-repeat: no-repeat;
    background-size: cover;
    padding-top: 10px !important;
    padding-bottom: 200px;
}
.titleinput {
    font-family: Poppins;
    color: #fff;
    font-weight: 500;
    margin-bottom: 0px;
    margin-top: 16px;
    font-size: 17px;
}
.span{
	color: red;
}
.caracterrestante{
	color: #fff;
	font-size: 15px;
}
.display{
	display: flex;
	align-items: center;
}
.inputintra {
    color: #313131;
    font-family: Poppins;
    font-weight: 500;
    background-color: inherit;
    border: 0px;
    margin-bottom: 0px;
    margin-top: 2px;
    width: 100%;
    height: 35px;
    font-size: 17px;
}
.bordeblanco{
	border-bottom: 1px solid #fff;
}
.bordeblanco:hover{
	border:0px!important;
	border-bottom: 1px solid #fff!important;
}
.bordeblanco:active{
	border:0px!important;
	border-bottom: 1px solid #fff!important;
}
.bordeblanco:focus{
	border:0px!important;
	border-bottom: 1px solid #fff!important;
}
.bordeblanco:visited{
	border:0px!important;
	border-bottom: 1px solid #fff!important;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #313131;
	opacity: 1!important;
	font-family: Poppins;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #313131;
	opacity: 1!important;
	font-family: Poppins;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #313131;
	opacity: 1!important;
	font-family: Poppins;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #313131;
	opacity: 1!important;
	font-family: Poppins;
}
::-ms-input-placeholder { /* Microsoft Edge */
	color: #313131;
	opacity: 1!important;
	font-family: Poppins;
}

::placeholder { /* Most modern browsers support this now. */
	color: #313131;
	opacity: 1!important;
	font-family: Poppins;
}
.marginzero{
	margin-top: 0px;
}
.BtnForm {
    color: #0e0e0c;
    font-family: Poppins;
    background-color: #e0b24c;
    padding: 10px 40px;
    border: 2px solid #e0b24c;
    transition: all 0.5s ease;
    font-size: 17px;
	margin-top: 40px;
}
.inputintra {
    color: #ddeffb;
}

.BtnForm:hover {
    color: #0e0e0c;
	border:2px solid #e0b24c;
	background-color: #fff;
	cursor: pointer;
	text-decoration: none;
}
.fondodivisionestotal{
	background-image: url("../img/fondodivisiongris.png");
	background-position: center;
	padding-bottom: 7rem;
}
.negro{
	color: #0d0d0d!important;
	border-left: 4px solid #e0b24c!important;
}
.framemap{
	width: 100%;
    height: 600px;
    border: 0px!important;
}
.filamapa{
	display: flex;
    width: 100%;
    align-items: center;
    margin-top: -150px;
}
.divdireccion{
	width: 35%;
}
.divmapa{
	width: 70%;
}
.subtitle{
	color: #0d0d0d!important;
	font-weight: 700;
	font-family: Poppins;
	margin-bottom: 0px;
    margin-top: 30px;
    font-size: 19px;
}
.frame{
	border: 10px solid #fff;
	box-shadow: 6px 53px 55px -60px gray;
}
.txtdireccion{
	color: #0d0d0d!important;
	font-weight: 400;
    font-family: Poppins;
    font-size: 13px;
}
#divsalida{
	height: 30px;
}
.imgload{
	width: 20px;
}
@media only screen and (min-width: 1600px) {
	.contacfondo1 {
	    padding-left: 7rem;
    	padding-right: 7rem;
	}
	.divflexdivi {
	    padding: 0rem 8rem;
	}
	#fondogris{
		padding: 0rem 15rem 5rem 15rem;
	}
	.divcontactitle {
	    padding: 50px 0px 20px 0px;
	}
	.titlecontayellow {
	    padding-left: 8px;
	    font-size: 55px;
		line-height: 50px; 
	}
	.subtitle {
	    margin-top: 32px;
	    font-size: 22px;
	}

	.txtdireccion {
	    font-size: 16px;
	}
}
@media only screen and (min-width: 1800px) {
	.contacfondo1 {
	    padding-left: 10rem;
	    padding-right: 10rem;
	}
	.divcontactitle {
	    padding: 70px 0px 20px 0px;
	}
	#fondogris {
	    padding: 0rem 18rem 5rem 18rem;
	}
	.framemap {
	    height: 650px;
	}
	.filamapa {
	    margin-top: -130px;
	}
}
@media only screen and (min-width: 1920px) {
	.divflexdivi {
	    padding: 0rem 13rem;
	}
	#fondogris {
	    padding: 0rem 23rem 5rem 23rem;
	}
}
@media only screen and (max-width: 1340px) {
	.divflexdivi {
	    padding: 0rem 6rem;
	}
	.framemap {
	    height: 550px;
	}
	.fondodivisionestotal {
	    padding-bottom: 7rem;
	}
}
@media only screen and (max-width: 1280px) {
	.divflexdivi {
	    padding-left: 5rem;
	    padding-right: 5rem;
	}
	.filamapa {
	    margin-top: -120px;
	}
}
@media only screen and (max-width: 1024px) {
	.divflexdivi {
	    padding-left: 3rem;
	    padding-right: 3rem;
	}
	.fondodivisionestotal {
	    padding-bottom: 5.5rem;
	}
}
@media only screen and (max-width: 920px) {
	.titlecontayellow {
	    font-size: 40px;
	}
	.txtdireccion {
	    font-size: 12px;
	}
	.subtitle {
	    margin-top: 25px;
	    font-size: 16px;
	}
	.framemap {
	    height: 470px;
	}
}
@media only screen and (max-width: 767px) {
	.contacdivimg {
	    width: 100%;
	    /*order: 2;*/
	    text-align: center;
	    padding-bottom: 3rem;
	}
	.contacdivform {
	    width: 100%;
	    padding-left: 0rem;
	    padding-right: 0rem;
	    padding-bottom: 2rem;
	}
	.filacontact {
	    display: grid;
	    width: 100%;
	}
	.BtnForm {
	    padding: 5px 35px;
	    margin-top: 30px;
	}
	.imgcontacto {
	    width: 100%;
	}
	.filamapa {
	    margin-top: -120px;
	    display: grid;
	    width: 100%;
	}
	.divmapa {
	    width: 100%;
	}
	.divdireccion {
	    width: 100%;
	    order: 2;
	    text-align: center;
	}
	.movilsalto{
		display: none;
	}
	/*AQUI VA CUANDO ESTA ARRIBA LA DIRECCION*/
	.divdireccion {
	    width: 100%;
	    /* order: 2; */
	    /* text-align: center; */
	    text-align: left;
	}
	.filamapa {
	    margin-top: -237px;
	    display: grid;
	    width: 100%;
	}
	.negro {
	     color: #e0b24c!important; 
	     border-left: 4px solid #fff!important; 
	}
	.subtitle {
	    color: #fff!important;
	}
	.txtdireccion {
	    color: #fff!important;
	}
	.divmapa {
	    width: 100%;
	    margin-bottom: 0rem;
	    order: 2;
	}
	.contacfondo1 {
	    padding-bottom: 280px;
	}
}
@media only screen and (max-width: 500px){
	.divflexdivi {
	    padding-left: 1.5rem;
	    padding-right: 1.5rem;
	}
	.framemap {
	    height: 420px;
	}
}
@media only screen and (max-width: 450px){
	.titlecontayellow {
	    font-size: 33px;
	}
}
@media only screen and (max-width: 350px){
	.divflexdivi {
	    padding-left: 1.2rem;
	    padding-right: 1.2rem;
	}
	.framemap {
	    height: 380px;
	}
}