.calculator-wrapper{
	display:flex;
}
@media screen and (max-width:1024px){
	.calculator-wrapper{
		flex-direction: column;
	}
}

.calculator-wrapper .form-section{
	flex:3;
	padding:2rem 4rem;
	background-color: #DCEEF2;
}
@media screen and (max-width:1024px){
	.calculator-wrapper .form-section{
		padding:2rem;
	}
}
.arrow-divider-wrapper{
	display:flex;
	flex-direction: column;
	justify-content: center;
}
@media screen and (max-width: 1024px) {
	.arrow-divider-wrapper{
		display:none;
	}
}
.calculator-wrapper .arrow-divider{
	position: absolute;
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 30px solid #dceef2;
}
.calculator-wrapper .results-section{
	flex:1;
	padding:2rem 4rem;
	background-color: #2E4B4D;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
	.calculator-wrapper .form-section, .calculator-wrapper .results-section{
		width:100%;
	}
}

.calculator-wrapper h2{
	margin:0;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight:500;
	font-size:1.8rem;
	color: #2E4B4D;
}

@media (min-width: 768px) {
	.calculator-wrapper h2{
		font-size:2.75rem;
	}
}

.calculator-wrapper .results-section h2{
	color: #DBE4EC;
}

.calculator-wrapper span.form-section-title {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight:500;
	font-size:1.5rem;
	color: #3D6467;
    display: grid;
    grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr);
    align-items: center;
    text-align: center;
    grid-gap: 20px;
    width: 100%;
	margin: 1rem 0;
}

@media screen and (min-width: 767px) {
	.calculator-wrapper span.form-section-title {
		font-size:2.3rem;
	}

}

.calculator-wrapper span.form-section-title:before,
.calculator-wrapper span.form-section-title:after {
    content: '';
    border-top: 2px solid #fff;
}

.calculator-wrapper .form-section hr{
	border-top-color: #fff;
}
.calculator-wrapper .results-section hr{
	border-top-color: #3D6467;
}

.calculator-wrapper .results-section .offset-value{
	text-align: center;
	font-size:3.7rem;
	line-height: 1;
	margin-bottom: 0.3rem;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight:500;
	color: #D4E193;
}
.calculator-wrapper .results-section .offset-label{
	text-align: center;
	font-size:1.5rem;
	font-family: 'Barlow', sans-serif;
	font-weight:500;
	color: #DBE4EC;
}
.calculator-wrapper .results-section .offset-estimated {
	font-size: 1rem;
}
.calculator-wrapper .results-section .offset-goto-faq {
	text-align: center;
	display: block;
}

.calculator-wrapper .results-section img{
    max-width: 100px;
    margin: 0 auto 1rem;
    display: block;
}
@media screen and (max-width: 1024px) {
	.calculator-wrapper .results-section img{
	    margin: 3rem auto 0;
	}
}

.flight-wrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}

.flight-input{
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
	flex: 1;
	font-size:1.5rem;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight:500;
	margin: 0.7rem;
	color:#2E4B4D;
	padding-left: 1rem;
}
.flight-type-wrapper{
	display: flex;
}
.flight-type-btn{
	flex:1;
	font-size:1rem;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight:500;
	text-transform: uppercase;
	background-color:transparent;
	color:#2E4B4D;
	border: 1px solid #2E4B4D;
	margin: 0.7rem;
}

@media screen and (min-width: 767px) {
	.flight-type-btn{
		font-size:1.5rem;
	}
}

.flight-type-btn.active{
	background-color:#2E4B4D;
	color:#fff;
}
.flight-details-row{
	display:flex;
}
.travelers-wrapper,
.trip-radio-wrapper,
.class-radio-wrapper{
	flex:1;
}

.trip-radio-wrapper,
.class-radio-wrapper{
	margin-top:0.8rem;
}

@media screen and (max-width: 1024px) {
	.flight-details-row{
		flex-direction: column;
	}
}

.travelers-wrapper, .offset-wrapper{
    display: flex;
    align-items: center;
}
.travelers-wrapper input{
	width: 3.5rem;
	float:left;
}
.travelers-wrapper span{
	text-transform: uppercase;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight:600;
	color:#2E4B4D;
	font-size:1.5rem;
	margin-left: 1rem;
}


.label-container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	margin-left: 1rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-transform: uppercase;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight:600;
	color:#2E4B4D;
	font-size:1.5rem;
}

/* Hide the browser's default radio button */
.label-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
	position: absolute;
	top: 0.5rem;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid #2E4B4D;
}

/* On mouse-over, add a grey background color */
.label-container:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.label-container input:checked ~ .checkmark {
	background-color: #2E4B4D;
}

.purchase-row{
	display:flex;
}
.offset-wrapper{
	flex:1;
}

@media screen and (max-width:1024px){
	.purchase-row{
		flex-direction: column;
	}
}

.offset-wrapper span.offset {
	text-transform: uppercase;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight:500;
	color:#4F5051;
	font-size:2.1rem;
    margin-left:1.5rem;
}
.offset-wrapper span.minimum-amount {
	text-transform: none;
}
@media screen and (min-width:1200px){
	.offset-wrapper span.offset{
		font-size: 1.75rem;
	}
}


.offset-wrapper span#offset-cost{
    margin-left:0rem;
}
.increment-counter{
    width: 50px;
    float: left;
}
.increment-counter .increment-btn{
    color: #2E4B4D;
    margin: 0 auto;
    display: block;
    -webkit-appearance: none;
    background: transparent;
    border: none;
    font-size: 1.5rem;
}
.increment-counter .increment-count{
	font-size: 1.75rem;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #2E4B4D;
    text-align:center;
}

.purchase-wrapper{
	flex:1.2;
	position: relative;
	margin-right: 2rem;
}


#buy-offsets{
    font-size: 1rem;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #2E4B4D;
    color: #fff;
    border: 1px solid #2E4B4D;
    margin: 2.8rem 0.7rem 0.7rem 0.7rem;
    padding: 0.2rem 2.5rem 0.2rem 1.5rem;
}

.purchase-btn-wrapper img{
	width: 5rem;
	position: absolute;
	right: -2.5rem;
	top: 1.7rem;
}

@media screen and (min-width: 1025px) {
	.purchase-wrapper{
		margin-right: 0;
	}
	#buy-offsets{
		font-size: 1.2rem;
	}
	.purchase-btn-wrapper img{
		top: 1.8rem;
	}
}


.purchase-btn-wrapper{
	float:right;
}
.add-flight-btn {
	display: block !important;
	text-align: center;
}