/*** FORMS - PPARDOT - INICIO -  13/05/20 ***/

.form-horizontal-pardot{
width:1200px;
position:relative;
/*top:-88px;
left:-160px;*/
text-transform:none;
color:#165C7D;
font-size:16px;
margin:auto;
}

.form-horizontal-pardot p {margin: 0px 0px 10px 0px !important;}

.form-horizontal-pardot .row {
	margin-bottom:10px !important;
}
.form-horizontal-pardot .col-sm-6 {
	position:relative; 
	top:-10px;
}
.form-horizontal-pardot .col-sm-8 {
	height: 250px !important;
}
 
.form-horizontal-pardot .col-sm-4 {
	height: 250px !important;
}

.form-horizontal-pardot .col-sm-12  {
	position:relative; 
	top:-7px;
}


.form-horizontal-pardot input[type="submit"]{
	background:#165C7D;
	border-color:#165C7D;
	color:#fff;
	font-size:14px;
	font-family:Cabin; 
	padding: 12px 24px; 
	border-style:none;
	letter-spacing: 1px;
}
.form-horizontal-pardot input[type="text"],.form-horizontal-pardot input[type="email"]{
	display:inline-block;
	width:90%;
	max-width:500px;
	height:38px;
	padding:9px 10px;
	font-family:"Cabin",sans-serif;
	font-size:16px;
	font-weight:400;
	line-height:22px;
	color:#33475b;
	background-color:#f5f8fa;
	border:1px solid #cbd6e2;
	box-sizing:border-box;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px
}

.form-horizontal-pardot .row {
	margin-bottom: 30px;
}
	
.checkbox-pardot input{
	display:inline-block;
	margin-top:3px;
	margin-right:3px;
}
.form-horizontal-pardot .apellidos{
	width:100% !important; 
	max-width: 95% !important;
}



.form-horizontal-pardot .required {
	color:#ff0000;
}

.form-horizontal-pardot a strong {
	
	font-weight: normal;
	text-decoration: underline;
		
}
.form-vertical-pardot .required {
	color:#ff0000;
}

.form-vertical-pardot span {
	letter-spacing: 0.6px !important;
	line-height: 1.2em !important;
}

.form-vertical-pardot label {
	letter-spacing: 0.6px !important;
	line-height: 1.2em !important;
	
}

.form-vertical-pardot .input label {
	display: inline-block;
    margin-bottom: 12px !important;
    position: relative;
    left: 5px;
    bottom: 11px;
    line-height: 0px !important;
}

.form-vertical-pardot a strong {
	
	font-weight: normal;
	text-decoration: underline;
	color:#adcfde !important;	
	font-size: 14px;
}

.form-vertical-pardot input[type="text"],.form-vertical-pardot input[type="email"],.form-vertical-pardot select{
	display:inline-block;
	width:100%;
	max-width:100%;
	height:37px;
	padding:9px 10px;
	
	font-size:16px;
	font-weight:400;
	line-height:22px;
	color:#33475b;
	background-color:#f5f8fa;
	border:1px solid #cbd6e2;
	box-sizing:border-box;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px
	}
	
.form-vertical-pardot .row {
	margin-bottom: 15px;
}

.form-vertical-pardot input[type="checkbox"] {
	padding:0px !important;
	position: relative;
    top: -10px;
}





.form-vertical-pardot {
	padding:20px;
	width:250px;
	border-radius: 4px;
	background:#165c7d;
	text-transform:none;
	color:#fff;
	font-size:16px;
		text-align:left;
}

.form-vertical-pardot input[type="submit"]{
	background:#adcfde;
	border-color:#adcfde;
	color:#fff;
	font-size:14px;
	font-family:Cabin;
	padding: 12px 24px; 
	border:2px;
	letter-spacing:1.05px;
	
}

.form-vertical-pardot a{
	color:white;
	}

.check-1 label {
	height:10px !important;
	
}

.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;	
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;

}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

/*** FORMS - PPARDOT - Mobile ***/

@media (max-width:570px){
		.form-horizontal-pardot, .form-vertical-pardot {
			width: 100%;
			overflow: hidden;
			top:-100px; 
			left:0px
		}
		form.form-horizontal-pardot input[type="text"] {
			width: 90% !important;
		}
		form.form-horizontal-pardot input[type="email"] {
			margin-bottom: 25px;
			}

		.form-horizontal-pardot .col-sm-12 p {
			line-height:1.3 !important;
		}
	
}

/*** FORMS - PPARDOT - FIN -  13/05/20 ***/