.template-basic .section-wrapper {padding: 0px; }
section.row.lrow.feedback-form {display: flex; padding: 0px;}
section.row.lrow.feedback-form h2 + hr {margin:20px 0px;}
section.row.lrow.feedback-form div.col-30 {width: 30%; flex: 1; }
section.row.lrow.feedback-form div.col-70 {width: 70%; flex: 2; align-self: center; }
section.row.lrow.feedback-form div.col-70 img.ae-logo {width: 150px; margin:50px 0px 30px;}
section.row.lrow.feedback-form div.col-70 div.container {width: 85%;margin-left: 5%;display: flex;}
section.row.lrow.feedback-form .green-panel {background-color: #d4f0db;padding:20px;margin: 30px 0px;}
section.row.lrow.feedback-form .green-panel:before {content: "\2714"; margin-right: 10px; margin-top: 1px; float: left; font-weight: 600; 
	font-size: 16px; transform: rotate(20deg); color: #000000; width: 17px; height: 13px; }
section.row.lrow.feedback-form .green-panel p {margin-bottom:0px; overflow:hidden; font-size: 16px; font-weight: 600; color: #000000; }
section.row.lrow.feedback-form .panel-box {box-shadow: 0 6px 19px -7px rgba(0, 0, 0, 0.15);background-color: #ffffff;padding:20px;margin: 15px 0px 6em;}
section.row.lrow.feedback-form .panel-box:before {content: ''; background: url(/content/dam/aircanada/portal/images/loyalty/icon/icon-paper-plane.svg) no-repeat center; 
	width: 75px; height: 75px; object-fit: contain; margin-right: 20px; float: left; margin-top:10px;}
section.row.lrow.feedback-form .panel-box div {overflow:hidden;}
section.row.lrow.feedback-form .panel-box div p {margin-bottom:15px;}
section.row.lrow.feedback-form .panel-box div p:last-child {margin-bottom:0px;}

.aeroplan-field.checkbox {padding: 0px 0px 5em; border-bottom:1px solid #e0e4e7;margin-bottom: 15px; min-height:20px;}
.aeroplan-field{
	position: relative;
	margin: 20px 20px 30px 0px;
	transition: all 0.2s;
	min-height:20px;
}
.aeroplan-field input,
.aeroplan-field textarea{
	width: 100%;
	position: absolute;
	height: 40px;
	bottom: 0;
	background: #fff;
	border:0;
	top: 3px;
	padding: 0;
	border-bottom: 1px solid #e0e4e7;
	background: #fff;
	z-index: 9;
}
.aeroplan-field.free-text {
	min-height:300px;
}
.aeroplan-field textarea{
	top: 0;
	height: 40px;
	overflow: hidden;
	padding: 20px 0 12px 0 !important;
}
.aeroplan-field textarea#questions {border: solid 1px #e0e4e7; padding: 20px !important; height: 300px !important; }

.aeroplan-field input:focus,
.aeroplan-field textarea:focus{
	outline: none;
}
.aeroplan-field label{
	position: absolute;
	display: block;
	z-index: 10;
	top: 10px;
	left: 0;
	right: 0;
	transition: all 0.2s;
	font-size: 16px;
	background: transparent;
	color: #737373;
}
.aeroplan-field label[for="questions"] {padding:20px;}

.aeroplan-focused label,
.aeroplan-filled label{
	top: -5px;
	font-size: 12px;
}
.error>div{
	display: none;
}
.aeroplan-touched.aeroplan-invalid .error{/*padding-top: 5px;*/ bottom: 5px; transition: all 0.2s; }
.aeroplan-touched.aeroplan-invalid.aeroplan-field input {border-bottom: solid 1px #f01428;}
.aeroplan-touched.aeroplan-invalid.aeroplan-field textarea, .aeroplan-touched.aeroplan-invalid.aeroplan-field textarea#questions {border: solid 1px #f01428;}
.aeroplan-field .error{position: absolute; bottom: 20px; color: #d7282f; }
.aeroplan-field .error p {font-size: 12px; }
.aeroplan-touched.aeroplan-invalid.checkbox .error {left: 30px;top: 30px;}
.aeroplan-filled label[for="questions"] {padding: 10px 20px; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
	border: 0;
	background: black !important;
}

label[for="contact"] {display: block;left: 30px;top: 0px;font-size: 14px;}
.aeroplan-field input#contact {width: 16px; height: 16px; border-radius: 2px; top: 1px; }
#gform_submit_button_1 {background-color: #005078; padding: 15px 60px; margin: 20px; width: intrinsic; width: -moz-max-content; width: -webkit-max-content; 
	width: max-content !important; width:35%; float:right; color:#fff; font-size:14px; font-weight:600; border: none; }

@media only screen and (max-width: 1200px) and (min-width: 992px){
	section.row.lrow.feedback-form hr+h4 {width:100% !important; margin: 0 0 10px !important;}
	section.row.lrow.feedback-form div.col-30 {width: 25%;}
	section.row.lrow.feedback-form div.col-70 {width: 75%; margin-left:2em;}
}
@media only screen and (max-width: 991px) and (min-width: 768px){
	section.row.lrow.feedback-form div.col-30 {width: 20%;}
	section.row.lrow.feedback-form div.col-70 {width: 80%; margin-left:2em;}
	section.row.lrow.feedback-form .panel-box {text-align: left; }
}
@media only screen and (max-width: 767px){
	section.row.lrow.feedback-form {flex-direction:column; padding:0px 20px;}
	section.row.lrow.feedback-form div.col-30 {display:none;}
	section.row.lrow.feedback-form div.col-70 {width: 100%;}
	section.row.lrow.feedback-form div.col-70 div.mobile-background {background:url(/content/dam/aircanada/portal/images/loyalty/illustration/clouds-mobile.svg); 
		background-repeat: no-repeat; background-size:cover; position:relative; padding: 0px 30px; }
	section.row.lrow.feedback-form div.col-70 form#formulaire {padding: 0px 30px; }
	section.row.lrow.feedback-form .green-panel, section.row.lrow.feedback-form .panel-box {margin-left:30px;margin-right:30px;text-align: left;}
	section.row.lrow.feedback-form .panel-box:before {float: none; display: block; margin: 0px auto 25px; }
	#gform_submit_button_1 {margin: 20px 20px 30px; }
	section.row.lrow.feedback-form div.col-70 div.container {width:100%; margin-left: 0px;}
}
@media only screen and (max-width: 450px){
	.aeroplan-field.checkbox {padding: 0px 0px 7em;}
}