/* Heights ------------------------------------------------*/

@media all and (min-height: 1420px) {
	section.video video {
		height: 100vh;
	}
}

@media all and (max-height: 1100px) {

	section.video video {
		top:35%;
	}
}

@media all and (max-height: 1070px) {
	section.form-lg .split-content {
		background: #fff;
	}
}

@media all and (max-height: 860px) {
	section:not(.form-lg, .form-sm) .split-content {
		width: 100%;
	}

	section.image:not(.full-height) {
		height: calc(100vh - 82px);
	}
}

@media all and (max-height: 800px) {
	section.about {
		padding: 0;
	}

	section.image.form-sm {
		background-position: top;
	}

	section.full-height .padding-buffer {
		padding-top: 82px;
	}

	section.video {
		height: 100vh;
	}

	section.video video {
		top:50%;
	}

	section.image.form-sm {
		min-height: 100vh;
	}
}

@media all and (max-height: 450px) {
	section.form-sm .split-content {
		background: #fff;
	}
}

/* Both height and widths ----------*/

@media all and (max-width: 1300px) and (min-height: 1100px){
	section.about {
		padding: 2.5% 50px;
	}
}

@media all and (min-width: 1100px) and (max-height: 800px) {
	section.video {
		height: 100vh;
	}

	section.video video {
		top:50%;
	}

	section.video .down-arrow {
		display: block;
		position: absolute;
		bottom: 1em;
		font-size: 2em;
		color: #fff;
		width: 100%;
	}
}

@media all and (min-width: 950px) and (max-height: 1100px) {
	section.about {
		padding: 0;
	}
}

/* Device Landscape ----------------*/

@media screen and (max-width: 750px) and (orientation:landscape) {
	.split-content p {
		padding: 2em 2em .5em;
	}

	section.form-sm .split-content {
		width: 45%;
	}
}

/* Responsives ---------------------*/

@media all and (max-width: 1270px) {

	section.video {
		height: auto;
		flex-grow: initial;
	}

	section.video video {
		margin-bottom: -6px;
		position: static;
		width: 100%;
		height: 100%;
		transform: initial;
	}

	section.about {
		display: flex;
		flex-grow: 2;
		align-items: center;
		padding: 0;
	}
}

@media all and (max-width: 1200px) {
	.split-content p {
		font-size: 2vw;
	}
	.split-content .btn-outline {
		font-size: 1.5em;
		margin-bottom: 2em;
	}
}

@media all and (max-width: 1180px) {
	section.form-lg .split-content {
		background: #fff;
	}
}

@media all and (max-width: 950px) and (orientation:portrait) {

	section.about .flex-container {
		flex-flow: column;
	}

	section.about .flex-container .container {
		display: flex;
		flex-flow: column;
		justify-content: center;
	}

	section.about .flex-container .btn-primary {
		margin-top: 2em !important;
	}

	section {
		text-align: center;
	}

	.contact-wrapper {
		text-align: left;
	}

	.faq {
		text-align: left;
	}

	form {
		text-align: left;
	}

	section.banner * {
		margin: 0;
	}

	.us-map-wrapper {
		margin-bottom: 20px;
	}

	.faq .toggle-collapse {
		display: block;
		margin-bottom: 1em;
		text-align: end;
	}

	.faq .toggle-collapse a {
		text-decoration: none;
		color: var(--red);
		border: 1px solid;
	}

	.faq .toggle-collapse i {
		margin-left: 5px;
	}

	.faq .contact-wrapper {
		text-align: left;
		margin-bottom: 1em;
	}

	.faq .collapse-wrapper {
		padding: 11px 0;
		overflow: hidden;
		margin-bottom: 0;
	}

	.faq .collapse-wrapper:not(:nth-child(2)) {
		border-top: 1px solid #e6e6e6;
	}

	.faq .btn-toggle {
		font-size: 1.3em;
		display: inline-flex;
		align-items: center;
		margin: 0;
	}

	.faq .btn-toggle i {
		color: var(--red);
	}

	.faq .collapse-wrapper a {
		font-weight: 300;
		font-size: 1.1em;
	}

	.faq .collapse-wrapper a {
		color: var(--red);
	}

	.faq .collapse:not(.show) {
		display: none;
	}

	.faq .collapsing {
		display: block;
	}

	.faq .collapse-wrapper p {
		padding: 20px 0 10px;
	}

	.faq .btn-toggle i {
		display: inline-block;
		margin-left: 5px;
		margin-right: 10px;
	}

	.faq .btn-toggle[aria-expanded=true] i {
		animation: moveDown 300ms 1 forwards;
	}

	.faq .btn-toggle[aria-expanded=false] i {
		animation: moveUp 300ms 1 forwards;
	}

	@keyframes moveDown {
		25% {
			transform: translateY(20px);
		}
		45% {
			opacity: 0;
		}
		50% {
			transform: rotate(180deg) translateY(-20px);
		}
		55% {
			opacity: 0;
		}
		100% {
			transform: rotate(180deg) translateY(0);
			opacity: 1;
		}
	}

	@keyframes moveUp {
		25% {
			transform: translateY(-20px);
		}
		45% {
			opacity: 0;
		}
		50% {
			transform: rotate(0) translateY(-20px);
		}
		55% {
			opacity: 0;
		}
		100% {
			transform: rotate(0) translateY(0);
			opacity: 1;
		}
	}
}

/* Nav breakpoint*/
@media all and (max-width: 900px) {

	nav:not(.expanded) .collapsable .nav-link {
		display: none;
	}

	nav .collapsable .collapse-btn {
		display: block;
	}

	nav.expanded .collapsable .collapse-btn {
		margin-left: 14px;
		color: var(--red);
		padding: 0.6em 18px;
		text-align: right;
	}

	nav.transparent.expanded .collapsable .collapse-btn {
		padding: 16px 15px;
	}

	nav.transparent.expanded .login-link {
		margin-right: 51px;
	}

	nav:not(.transparent).expanded .collapsable .flex-container {
		margin-top: -4px;
	}

	nav:not(.transparent) .nav-links:last-of-type {
		margin-left: auto;
		min-width: 0;
	}

	nav .collapsable {
		order: 1;
	}

	nav.expanded .collapsable {
		position: fixed;
		top: 0;
		right: 0;
		min-width: 150px;
		height: 100vh;
		background: #fff;
		box-shadow: 0 10px 10px -5px #000;
		display: flex;
		flex-flow: column;
	}

	nav:not(.transparent).expanded .collapsable .nav-link {
		color: var(--red)
	}
}

@media all and (max-width: 856px) {

	.footer .footer-row:not(.full) {
		border-right: none;
	}

	footer .footer-wrapper > .footer-col:last-of-type {
		padding: 1em;
		border-top: 1px solid #ffffff47;
		margin: 0;
	}
}

@media all and (max-width: 800px) {

	section.bg-right {
		background-position: right;
	}

	section:not(.form-lg, .form-sm) .split-content {
		width: 100%;
	}

	/*section.form-sm .split-content,*/
	section.form-lg .split-content {
		width: 60%;
	}

	.split-content p {
		font-size: 1.2em;
	}
}

@media all and (max-width: 767px) {
	.us-map-wrapper {
		height: 58vw;
		max-height: 100%;
	}

	section {
		padding: 20px;
	}
}

@media all and (max-width: 700px) and (orientation:portrait) {
	section.form-sm .split-content {
		width: 100%;
	}
}

@media all and (max-width: 613px) {

	nav.show-bg .collapsable {
		display: none;
	}

	.feeder .flex-container {
		flex-flow: column;
		align-items: stretch;
		width: auto;
	}

	footer .footer-wrapper {
		flex-flow: column;
	}

	footer .footer-wrapper > * {
		width: 100%;
	}

	.footer .footer-row:not(.full) {
		padding: 1em 0;
		border-left: none;
		border-top: 1px solid #ffffff47;
		border-bottom: 1px solid #ffffff47;
	}

	footer .footer-wrapper > .footer-col:last-of-type {
		padding-top: 0;
		max-width: 250px;
		margin: 0 auto;
		padding-bottom: 1em;
		border-top: none;
	}

	.footer .full p {
		text-align: center;
	}
}

@media all and (max-width: 550px) {
	section.form-lg .split-content {
		width: 100%;
	}

	nav.transparent {
		background: #fff;
	}

	nav.transparent .collapse-btn {
		color: var(--red);
		margin-right: 0;
	}

	nav.transparent.expanded .login-link {
		margin-right: 41px;
	}

	nav.transparent input {
		border-color: var(--red);
	}

	nav.transparent input::placeholder {
		color: var(--red);
	}

	section.video {
		margin-top: 70px;
	}
}

@media all and (max-width: 500px) {

	nav:not(.expanded) .collapsable .nav-link {
		display: none;
	}

	nav:not(.transparent).expanded .collapsable {
		left: initial;
		right: 0;
	}

	nav:not(.transparent).expanded .collapsable .collapse-btn {
		margin-left: 0;
		margin-right: 6px;
	}



	section.banner > .flex-container {
		flex-flow: column;
	}

	.split-content p {
		font-size: 4vw;
	}
}