/*Formulario*/

.sc-error-politica, .sc-error-politica_popup, .sc-error-politica-tellamamos, .sc-error-politica_top, .sc-error-politica_bottom{
    display: none;
    color:white;
    background-color: #409293;
    position: relative;
    width: 200px;
    text-align:center;
    padding: 5px 10px;
    border-radius: 10px;
}

.sc-error-telefono,.sc-error-telefono_popup, .sc-error-telefono-tellamamos, .sc-error-telefono_top, .sc-error-telefono_bottom{
    display: none;
    color:white;
    background-color: #409293;
    position: relative;
    width: 200px;
    text-align:center;
    padding: 5px 10px;
    border-radius: 10px;
   margin-bottom: -30px;
}
.sc-error-nombre,.sc-error-nombre_popup, .sc-error-nombre-tellamamos, .sc-error-nombre_top, .sc-error-nombre_bottom{
    display: none;
    color:white;
    background-color: #409293;
    position: relative;
    width: 200px;
    text-align:center;
    padding: 5px 10px;
    border-radius: 10px;
   margin-bottom: -30px;
}

.sc-error-telefono_popup,.sc-error-nombre_popup,.sc-error-politica_popup, .sc-error-telefono-tellamamos,.sc-error-nombre-tellamamos,.sc-error-politica-tellamamos{
    margin-bottom: 0px;
    top: 10px;
}



.checkbox label.error::before, .chk_privacidad_bottom label.error::before, .chk_privacidad_popup label.error::before, .chk_privacidad-tellamamos label.error::before,   .chk_privacidad_top label.error::before{
  content: " ";
  width: 20px;
  height: 20px;
  padding: 0 5px;
  position: absolute;
  left: -4px;
  top: 0px;
}



.sc-error-telefono::before,.sc-error-politica::before ,.sc-error-nombre::before{
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 20px;
    border-color: transparent transparent transparent #409293;
    right: -13px;
    top: 0px;
    position: absolute;
    z-index: 9;
}

.sc-error-telefono_top::before,.sc-error-politica_top::before ,.sc-error-nombre_top::before{
    content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 20px 14px 0;
  border-color: transparent #409293 transparent transparent;
  left: -13px;
  top: 0px;
  position: absolute;
  z-index: 9;
}
.sc-error-telefono_bottom::before,.sc-error-politica_bottom::before ,.sc-error-nombre_bottom::before{
    content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 20px 14px 0;
  border-color: transparent #409293 transparent transparent;
  left: -13px;
  top: 0px;
  position: absolute;
  z-index: 9;
}

.sc-error-telefono_popup::before,.sc-error-politica_popup::before ,.sc-error-nombre_popup::before{
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 20px 15px;
    border-color: transparent transparent #409293 transparent;    
    left: calc(50% - 15px);
    top: -20px;
    position: absolute;
    z-index: 9;
}

/*Right Column*/
.margin-top {
	/*margin-top: -60px;*/
}


.green-box {
	background: #009ddf;
	color: white;
	padding: 10px 20px 10px;;
}

.green-box p {
	font-size: 17px;
	font-weight: normal;
	font-family: 'Poppins-Regular';
}

.green-box a {
	font-size: 39px;
	font-weight: bold;
	color: white;
	line-height: 12px;
	font-family: 'Poppins-Regular';
}

.green-box img {
	float: left;
	position: relative;
    top: 8px;
}

.darkGreen-box {
	background: linear-gradient(90deg,#0087b6 0%,#009999 100%) !important;
	color: #ffffff;
	padding: 15px 13px 20px 13px;
  box-shadow:2px 2px 10px rgb(55 55 55);
  width:345px;
  position: relative;
  float:right;
}

.darkGreen-box header img {
	vertical-align: sub;
}


.darkGreen-box header h6 {
  color:black;
  font-size: 17px;
  line-height: 26px;
  padding-left: 5px;
  text-align: center;
  font-family: 'Poppins-Bold';
  
}
.darkGreen-box header img.iconLlama{
      width: 58px;
    margin: 0 0 0 20px;
    padding: 0;
}
.darkGreen-box.infoAdic{
  box-shadow:1px 10px 10px rgb(75 75 75);
	    margin: 0 0 15px 0;
    padding: 10px 0 15px 0;
}
.darkGreen-box.infoAdic p{
    font-family: 'Poppins-SemiBold';
    margin-bottom: 0;
	    font-size: 26px;
    line-height: 30px;
}
.darkGreen-box.infoAdic p span{
	 font-family: 'Poppins-SemiBold';
	    font-size: 17px;
    line-height: 35px;
}
.darkGreen-box.infoAdic .numeroGoogle{
    font-size: 26px;
	line-height: 30px
}
.darkGreen-box.infoAdic .numeroGoogle:hover{
  text-decoration: none;;
}
.darkGreen-box p {
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    padding: 5px 0 0px;
    font-family: 'Poppins-SemiBold';
 
}
.darkGreen-box p.llama{
     display: flex;
    font-family: 'Poppins-Bold';
    font-size: 30px;
    margin-bottom: 10px;
    align-items: center;
}


.numeroGoogle {
    font-size: 36px;
    line-height: 36px;
}
.numeroGoogle:hover{
  text-decoration: none;
  color:white;
}
.darkGreen-box .checkbox {
	font-size: 10px;
	line-height: 15px;
}

.darkGreen-box .checkbox a {
  text-decoration: underline;
}

.btn-formulario{
	font-family: "Poppins-SemiBold";
	font-size: 17px;
	margin-bottom: 10px;
	width: 100%;
	margin: auto;
  transition:.4s ease-in-out;
}

.btn-formulario:hover{
	color: white;
  background: #2c3649!important;
}

.darkGreen-box .help-block {
	color: #409293;
	text-align: center;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 10px;
}

.phraseontop {
	position: relative;
    top: -10px;
}


.telefono-mobile {
  width: 100%;
  display: block;
  text-align: center;
  color: white;
  padding: 8px;
  font-size: 24px;
  background-color: #587a22;
  border-radius: 7px;
}

.telefono-mobile:hover {
	color: #f1f1f1;
	text-decoration: none;
}

.telefono-mobile .tel{
  font-size: 24px;
  text-align: center;
}

.sub-form {
	background: white;
	margin-top: 10px;
	font-family: 'Poppins-Regular';
	color: #009ddf;
	padding: 10px;
	position: relative;
}

.jumbotron .sub-form p {
    font-size: 14px;
    line-height: 17px;
    padding: 3px 0 0 4px;
    margin-left: 46px;
}

.sub-form img {
	float: left;
}

.sub-form span {
    position: absolute;
    top: 27px;
    left: 21px;
    color: #969696;
}



.contact-band h3{
	text-align: center;
	color: #409293;
}

.contact-band .legal{
	text-align: center;
	color: grey;
	font-size: 12px;
	line-height: 15px;
}

/* Mensaje formulario */
div#mensaje {
    background: white;
}

div#mensaje button#bt_denuevo {
    background: #095751;
    font-family: "Poppins-Regular";
    font-weight: bold;
    color: white;
}

.darkGreen-box p.ya_cliente{color: #ffffff; padding-top: 25px;
  font-size: 15px;}
.darkGreen-box p.ya_cliente a{color: #409293}

/*Modal Formulario*/

#modal-llamar .modal-content h3.text-center{
	color: #009ddf;
}

#modal-llamar .modal-header{
	border-bottom:none;
}

#modal-llamar .darkGreen-box {
  background-color: #f1f1f1;
  border: none;
  border-radius: 0;
  box-shadow:none;
  margin:0 auto;
  float: none;
  width: 365px;
}
#modal-llamar .modal-content{
    background-color: #f1f1f1;
}
#modal-llamar .col-xs-4{
	padding: 0;
}

#modal-llamar h4 {
	color: #409293;
	font-family: "Poppins-Bold";
	font-size: 60px;
	line-height: 60px;
}

#modal-llamar p{
	font-size: 16px;
	line-height: 22px;
}

#modal-llamar .form-control{
	background-color: #ffffff;
}

#modal-llamar .darkGreen-box header h6 span {
  background: #f1f1f1;
}

#modal-llamar .darkGreen-box .help-block {
	color: white;
}
.cliente{
  margin: 20px auto 30px;
  background-color: #587a22;
  border-radius: 10px;
  text-align: center;
  color: white;
  
  font-size: 16px;
  font-family: "Poppins-Regular";
}
.cliente a{
    display: block;
   color: white;
   padding: 10px 0;
}
.cliente:hover{
  text-decoration: none;
  color: white;
}


/* MODAL FORM POP UP*/
.modal#ModalTellamamosForm{
  background-color:rgba(0, 0, 0, 0.459);
 
}
.modal#ModalTellamamosForm.d-none{display:none!important;   }

.modal#ModalTellamamosForm .te_llamamos, .modal#ModalTellamamosForm .llama{
  box-shadow:none;
  margin-top: 0;
  padding: 5px 15px;
}
.modal#ModalTellamamosForm .te_llamamos{padding:5px 15px 15px;}
.modal-open #ModalTellamamosForm.modal{
  z-index:888;
}
.modal#ModalTellamamosForm .te_llamamos p.prefieres{
  font-size: 25px;
  color: #000;
  line-height: 35px;
  margin: 5px auto 0;
  text-align:centeR;
  font-weight:bold;
}
.modal#ModalTellamamosForm .te_llamamos p.tellamamos{
  text-transform: none;
  font-size: 17px;
  line-height: 22px!important;
  color: black;
  font-weight:400;
  text-align: center;
  margin-top: 10px;
}
.modal#ModalTellamamosForm .modal-dialog{
  width:470px;
}
.modal#ModalTellamamosForm .formulario{
  width:100%;
  box-shadow:none;
}
.modal#ModalTellamamosForm img.iconLlama{
  
  width: 80px;
  display: flex;
  margin: 0 auto;
  height: 100%;
}
.modal#ModalTellamamosForm .modal-content{
  z-index:444;
  border: 2px solid #409293;
}
.modal#ModalTellamamosForm .modal-header{
  padding:0;
  border-bottom:none;
}
.modal#ModalTellamamosForm  a{
  color:rgb(0, 111, 229);
  font-size:12px;
}
.modal#ModalTellamamosForm .modal-header .close span{
  font-size: 50px;
  padding: 10px 20px 0 0;
  z-index:988;
  position: absolute;
  right: 5px;
  width: 50px;
  top: 25px;
  height: 50px;
}

.darkGreen-box .checkbox label{
  margin-top:5px;
}
.darkGreen-box .checkbox label input{
  margin-top:0;
}





@media(max-width: 992px){
	.margin-top {
		margin-top: 0;
	}

	.sub-form {
		max-width: 300px;
		display: block;
		margin: auto;
	}

	.darkGreen-box {
		max-width: 300px;
    	margin: auto;
      float: none;
	}

	.btn-formulario {
	    margin-top: 10px;
	    font-size: 18px;
	}

	.telefono-mobile .tel {
	  font-size: 18px;
	  text-align: center;
	}
  .darkGreen-box p.llama, .numeroGoogle{
    font-size:25px;
  }

	
}
@media(max-width: 768px){
  .numeroGoogle {
    font-size: 25px;
  }
  .btn-formulario{
    font-size: 16px;
  }
  .cliente{
    margin-top: 50px;
    font-size: 14px;
  }
  .darkGreen-box .checkbox label{
    display:block;
  }
}






@media(max-width: 767px){
	
	.ahora {
	    position: absolute;
    color: #ffffff;
    top: 5px;
    left: 50px;
    font-size: 12px;
	}
	
	.tel_clientes {
	    font-family: 'Poppins-Semibold';
    color: #000000;
    margin: 0 0 2px 0;
    width: 100%;
    text-align: center;
    font-size: 13px;
	}
	
	.tel_clientes span {
		font-family: 'Poppins-Semibold';
		color: #009494;
	}
	

	.sc-error-telefono,.sc-error-politica,.sc-error-nombre,.sc-error-telefono_popup,.sc-error-nombre_popup,.sc-error-nombre_top,.sc-error-telefono_top,.sc-error-nombre_bottom,.sc-error-telefono_bottom,.sc-error-politica_popup,.sc-error-politica_top,.sc-error-politica_bottom{
    margin: 0 auto;
    left: 0;
    top: 0px;
}

.sc-error-telefono{
  top:0px;
}
.darkGreen-box.infoAdic .numeroGoogle{
 font-size: 24px;
    padding: 0
}
.sc-error-politica{
    left: -10px;
}
.darkGreen-box.infoAdic p strong, .darkGreen-box.infoAdic p{font-size:24px; line-height: 24px;}
.sc-error-telefono::before,.sc-error-politica::before ,.sc-error-nombre::before,.sc-error-telefono_top::before,.sc-error-nombre_top::before,.sc-error-politica_top::before,.sc-error-telefono_popup::before,.sc-error-nombre_popup::before,.sc-error-politica_popup::before,.sc-error-telefono_bottom::before,.sc-error-nombre_bottom::before,.sc-error-politica_bottom::before {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 20px 15px;
    border-color: transparent transparent #409293 transparent;    
    left: calc(50% - 15px);
    top: -20px;
    position: absolute;
    z-index: 9;
}

input[type='checkbox']#chk_privacidad.error::before, input[type='checkbox']#chk_privacidad_popup.error::before, input[type='checkbox']#chk_privacidad_top.error::before, input[type='checkbox']#chk_privacidad_bottom.error::before {
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 0 5px;
  position: absolute;
  left: -2px;
  top: -2px;
}


.checkbox label.error::before, .checkbox_banner label.error::before, .check_privacidad_botonrosa label.error::before{
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 0 5px;
  position: absolute;
  left: -2px;
  top: 0px;
}

.numeroGoogle {
  color: white;
      font-size: 34px;
    line-height: 36px;
  padding: 5px 10px;
}
.darkGreen-box p.llama{
  font-size:28px;
	justify-content: center;
}
.darkGreen-box p{
     font-size: 24px;
    font-family: 'Poppins-SemiBold';
    line-height: 26px;
    margin-bottom: 0;
}
input#chk_privacidad_top {
  width: 18px;
}


.darkGreen-box header span.llama{
  font-size:24px;
  color:#000;
}

	#datosform {
		margin-right: 0;
	}
	.col-sm-5.no-padding-xs{
		padding: 0;
	}
	#bottomform .darkGreen-box {
		border:none;
	}

	.darkGreen-box {
		background: #ffffff;
		max-width: 100%;
    border-radius:0px;
    box-shadow:none;
    border:1px solid #409293!important;
	width: 100%
	}
  .darkGreen-box.infoAdic{
    border:1px solid #409293!important;
    border-radius:0px;
    box-shadow:none;
	  margin: 0 auto 10px auto;
	  width: 100%
  }

	.top-form.visible-xs {
	  background: #f1f1f1;
	  padding: 10px 10px;
	  text-align: center;
	}

	.top-form input, .top-form button{
		display: inline-block;
		margin-left: 5px;
		width: 45%;
	}


	.top-form input{
		background: white;
		border-radius: 0;
  		margin-bottom: 0px;
	}

	.top-form img{
		padding: 9px 5px;
		background: white;
		vertical-align: top;
		margin-top: 1px;
	}
  .modal#ModalTellamamosForm .modal-dialog {
    width: 95%;
}
	.top-form button {
		margin-top: 0px;
		font-size: 14px;
		border-radius: 15px;
		background: #587a22;
		width: 90%;
	}
	.top-form button:hover {
		background: #486718;
	}
}


@media(max-width: 380px){
	/*.top-form input{		
		width: 80%;
	}

	.top-form button{
		width: 90%;
		margin-top: 5px;
	}*/
	.top-form button {
		font-size: 12px;
	}
	
	.darkGreen-box.infoAdic p strong, .darkGreen-box.infoAdic p {
   
}
	.darkGreen-box.infoAdic .numeroGoogle {
   
}
  
}

@media(max-width: 360px){
	.numeroGoogle {
    padding: 5px 6px;
}
}

@media(max-width: 350px){
	
	.darkGreen-box{
		padding: 10px 5px;
	}
  .numeroGoogle {
    color: black;
	  padding: 0;
  }
	
	.darkGreen-box.infoAdic p strong, .darkGreen-box.infoAdic p {
    font-size: 14px;
    line-height: 16px;
}
	.numeroGoogle{
		font-size: 19px;
	}
	
	div#modal-llamar .modal-body .telefono-mobile img {
    width: 80px;
    margin-right: 10px;}
}

@media(max-width: 280px){
	
	div.header .phone-number img {
    width: 19px;
	}
	
	.ahora {
    font-size: 9px;
    left: 33px;
}
	
	
.tel_clientes {
    font-family: 'Poppins-Semibold';
    color: #000000;
    margin: 0 0 2px 0;
    width: 100%;
    text-align: center;
    font-size: 11px;
	}
	
}