/* ---- WRAPPERING ----------------------------------------------------------------------------------------------------------------------------------------------------- */

.regular-form  { position: relative; }
.regular-form .input-holder { padding: 0px; margin: 7px 0; position: relative; }
.regular-form.acceso-form .input-holder { padding: 0px; margin: 15px 0; position: relative; }


/* ---- INPUTS --------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Regular Input Types */
.regular-form .input-holder select,
.regular-form .input-holder .select2,
.regular-form .input-holder input { line-height: 20px; padding: 5px 0; border: 1px solid  #d8d8d8; height: 35px; width: 100%; font-family: TextaMedium;
	display: block; font-size: 16px; color: #9B9B9B; padding: 0 6px; border-radius: 0; }
	.regular-form .input-holder input:focus,
	.regular-form .input-holder textarea:focus { border: 1px solid  #948ea0; }

.regular-form .input-holder label { line-height: 15px; font-size: 13px; font-family: TextaMedium; padding: 0;
    display: block; color: #555555; text-transform: uppercase; width: 100%; }
    .regular-form .input-holder label.recordarme { text-transform: none;  font-size: 16px; color: #191919; }
    
.regular-form .input-holder.select:after { font-family: 'Ionicons'; margin-top: 2px;
    content: "\f104"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 15px; width: 0px; color: #9B9B9B; }


.regular-form .input-holder input::-webkit-input-placeholder,
.regular-form .input-holder textarea::-webkit-input-placeholder { font-family: TextaMedium; font-size: 16px; color: #9B9B9B; }
.regular-form .input-holder input::-moz-placeholder,
.regular-form .input-holder textarea::-moz-placeholder { font-family: TextaMedium; font-size: 16px; color: #9B9B9B; }
.regular-form .input-holder input:-ms-input-placeholder,
.regular-form .input-holder textarea:-ms-input-placeholder { font-family: TextaMedium; font-size: 16px; color: #9B9B9B; }
.regular-form .input-holder input:-moz-placeholder,
.regular-form .input-holder textarea:-moz-placeholder  { font-family: TextaMedium; font-size: 16px; color: #9B9B9B; }


/* Textarea */
.regular-form .input-holder textarea { overflow:hidden; line-height: 24px; border: 1px solid  #d8d8d8; height: 200px; width: 100%; 
	display: block; font-size: 13px; font-family: TextaMedium; color: #555555; padding: 0 6px; border-radius: 0;  }

/* Checkboxes & Radio Imput types */
.regular-form .input-holder input[type="checkbox"] { display: none; }
    .regular-form .input-holder input[type="checkbox"] + label { line-height: 14px; position: relative; padding-left: 22px; }
    .regular-form .input-holder input[type="checkbox"] + label:before { border: 1px solid #4A4A4A; content: ""; display: block; height: 12px; width: 12px; position: absolute; left: 0; border-radius: 8px; }
    .regular-form .input-holder input[type="checkbox"]:checked + label:before { background: #4A4A4A; content: "\f121"; font-family: 'Ionicons'; color: #fff; font-size: 11px; text-align: center;line-height: 12px; }

.regular-form .input-holder input[type="radio"] { display: none; }
    .regular-form .input-holder input[type="radio"] + label { }
    .regular-form .input-holder input[type="radio"] + label:before { }
    .regular-form .input-holder input[type="radio"]:checked + label:before { }
    

/* Select Styles */
.regular-form .input-holder .select-styler { }
    .regular-form .input-holder .select-styler:before { }
    .regular-form .input-holder .select-styler select { }
    
/* Social btns */

.regular-form.acceso-form  .social-registro .social-btn { display: inline-block; padding-bottom: 18px; position: relative; padding-left: 10px; height: 40px; }
.regular-form.acceso-form .social-registro .social-btn .rrss-circle { width: 40px; height: 40px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center; cursor: pointer; }
.regular-form.acceso-form  .social-registro .social-btn .rrss-circle span { font-size: 20px; color: #fff; line-height: 40px; }

/* Search form */


	.regular-form.search-form .inline-form-holder .inline-form:nth-of-type(1) { flex-grow: 7; }
		.regular-form.search-form .inline-form-holder .inline-form:nth-of-type(1):after { border-right: 1px solid #979797;
    content: ""; position: absolute; right: 20px; height: 25px; top: 50%; margin-top: -12.5px; }
	.regular-form.search-form .inline-form-holder .inline-form:nth-of-type(2) { flex-grow: 1; }
	.regular-form.search-form .inline-form-holder .inline-form:nth-of-type(3) { flex-grow: 1; }	
		.regular-form.search-form .inline-form-holder .inline-form:nth-of-type(3):after { font-family: 'Ionicons'; margin-top: 2px;
    content: "\f104"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 15px; width: 0px; }
	.regular-form.search-form .inline-form-holder .inline-form:nth-of-type(4) { flex-grow: 1; }
	
	
	.regular-form.search-form .inline-form input[type="submit"] { background: #000; color: #fff; font-family: 'TextaHeavy'; font-size: 14px; letter-spacing: 1.4px; line-height: 26px; width: 100%; border: 1px solid transparent; }
		.regular-form.search-form .inline-form input[type="submit"]:hover { background: #fff; color: #000; border: 1px solid #000; }

.regular-form.search-form .inline-form-holder { background: #FFF; display: flex; border-radius: 5px; padding: 5px; }
.regular-form.search-form .inline-form-holder .inline-form { background: transparent; height: 50px; line-height: 50px; font-family: TextaMedium; font-size: 18px; color: #9B9B9B; position: relative; }

.regular-form.search-form .inline-form input,
.regular-form.search-form .inline-form select { background: transparent; height:100%; padding: 10px; font-family: TextaMedium; font-size: 18px; color: #9B9B9B; display: block; width: 100%; }

	.regular-form.search-form .inline-form select,
	.regular-form.search-form .inline-form select option,
	.regular-form.search-form input::-webkit-input-placeholder,
	.regular-form.search-form input::-moz-placeholder,
	.regular-form.search-form input:-ms-input-placeholder,
	.regular-form.search-form input:-moz-placeholder { font-family: TextaMedium; font-size: 18px; color: #9B9B9B; }