﻿/* ------ General Formatting ------ */

	h1, h2 {font-size: 27px; line-height: 33px;}

	@media screen and (min-width: 900px) {
	h1, h2 {font-size: 32px; line-height: 39px;}
	}

	body	{
		@charset 'UTF-8';
		font-family: 'PT Sans', sans-serif;
		font-size: 16px;
		line-height: 24px;
		color: #515762;
		margin: 0px;
		padding: 0px;
		background: #f2f2f2;
	}

	.text-bold	{
		font-weight: bold;
	}

	.text-normal	{
		font-weight: normal;
	}

	.text-cursive	{
		font-style: italic;
	}

	.text-underline	{
		text-decoration: underline;
	}

	.text-upper	{
		text-transform: uppercase;
	}

	.line-break	{
		display: block;
	}

	.line-continue	{
		display: inline;
	}

	h1, h2	{
		margin: 0px 0px 0px 0px;
		padding: 0px;
		font-weight: normal;
		color: #383b3f;
	}

	.error_1	{
		border-bottom: 1px solid #EA6153 !important;
	}

	.error_2	{
		border: 1px solid #EA6153 !important;
	}

	img {
		opacity: 1;
	}

	img[data-src] {
		opacity: 0;
	}

	a	{
		color: #515762;
		text-decoration: none;
	}

	a:hover	{
		text-decoration: underline;
	}

	::placeholder	{
  	color: #515762;
  	opacity: 1;
	}

	:-ms-input-placeholder	{
  	color: #515762;
	}

	::-ms-input-placeholder {
  	color: #515762;
	}

	input:focus::-webkit-input-placeholder {color:transparent; text-align: center;}
	input:focus:-moz-placeholder {color:transparent; text-align: center;}
	input:focus::-moz-placeholder {color:transparent; text-align: center;}
	input:focus:-ms-input-placeholder {color:transparent; text-align: center;}

	::-webkit-input-placeholder {text-align: center;}
	:-moz-placeholder {text-align: center;}
	::-moz-placeholder {text-align: center;}
	:-ms-input-placeholder {text-align: center;}

/* ------ Page Formatting ------ */

	#page-box	{
		width: 100%;
		max-width: 1208px;
		background: #ffffff;
		margin-left: auto; margin-right: auto;
	}

	@media screen and (min-width: 1220px) {
	#page-box {background-repeat: repeat-y; background-position: left top; background-image: url('../images/page_shadow.gif');}
	}

/* ------ Intro Header ------ */

	#header	{
		position: fixed;
		top: 0;
		z-index: 100;
		width: 100%;
		max-width: 1208px;
	}

	#company-intro	{
		text-align: center;
		color: #ffffff;
		max-width: 1208px;
		background: #092357;
		background-repeat: repeat-y;
		background-position: center top;
		background-image: url('../images/page_shadow_header.gif');
		height: 65px;
		width: 100%;
	}

	#wave-line	{
		margin-left: auto; margin-right: auto;
		background-repeat: repeat-x;
		background-position: left top;
		background-image: url('../images/wave_line_header.svg');
		width: 100%;
		max-width: 1200px;
		height: 7px;
	}

	#logo-box	{
		float: left;
		width: 122px;
		margin-top: 21px;
		margin-left: 17px;
	}

	#cf-logo	{
		width: 100%;
	}

	#proposal-button-1	{
		float: right;
		text-align: center;
		border: 2px solid #e9eaeb;
		border-radius: 5px;
		width: 137px;
		height: 30px;
		margin-top: 17px;
		margin-right: 30px;
	}

	#proposal-button-1:hover	{
		background-color: #d8550e;
		border: 2px solid #d8550e;
		text-decoration: none;
		cursor: pointer;
	}

	#proposal-text-1	{
		display: inline;
		color: #ffffff;
		font-size: 16px;
		line-height: 26px;
	}

	.slogan-content	{
		float: left;
		display: inline;
	}

	#slogan-2	{
		width: 30px;
		height: 23px;
		margin-top: 2px;
		margin-left: 4px;
		margin-right: 3px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		background-image: url('../images/watering_can.png');
	}

	#slogan-4	{
		width: 23px;
		height: 13px;
		margin-top: 6px;
		margin-left: 8px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		background-image: url('../images/arrow_slogan.svg');
	}

	#proposal-slogan, #what-we-do	{
	display: none;
	}

	@media screen and (max-width: 350px) {
	#logo-box {width: 110px; margin-left: 10px;}
	#cf-logo {width: 95%;}
	#proposal-button-1 {margin-right: 15px;}
	}

	@media screen and (min-width: 600px) {
	#logo-box {width: 177px; margin-top: 19px;}
	#company-intro {height: 76px;}
	#proposal-button-1 {width: 150px; height: 34px; margin-top: 20px; margin-right: 40px;}
	#proposal-text-1 {font-size: 18px; line-height: 30px;}
	#logo-slogan {width: 262px; height: 25px; display: inline; float: left; opacity: 50%;}
	}

	@media screen and (min-width: 768px) {
	#logo-box {width: 177px; margin-top: 19px;}
	#proposal-slogan {font-size: 19px; margin-top: 26px; margin-right: 15px; display: inline; float: right;}
	}

	@media screen and (min-width: 900px) {
	#logo-box {margin-left: 61px;}
	}

	@media screen and (min-width: 1100px) {
	#what-we-do {margin-top: 27px; margin-left: 25px; display: inline; float: left;}
	}

/* ------ Hero Box ------ */

	#hero-box	{
		height: 380px;
		width: 100%;
		max-width: 1200px;
		margin-top: 65px;
		margin-left: auto;
		margin-right: auto;
		background: #60a1fa;
		background-size: 320px;
		background-repeat: no-repeat;
		background-image: url('../images/hero_clouds_mobile.svg'); background-position: 50% 17%;
	}

	#balloon-box	{
		height: 185px;
		width: 94px;
		margin-left: auto;
		margin-right: auto;
	}
	#balloon-pix	{
		height: 140px;
		margin-top: 45px;
	}

	#hero-text	{
		font-weight: 700;
		margin-left: auto; margin-right: auto;
		text-align: center;
		color: #ffffff;
		width: 100%;
		margin-top: 6px;
		font-size: 33px;
		line-height: 41px;
	}

	.proposal-button-2, .proposal-button-3	{
		margin-left: auto; margin-right: auto;
		text-align: center;
		border: 1px solid #d8550e;
		border-radius: 10px;
		background: #d8550e;
		color: #ffffff;
		width: 202px;
		height: 43px;
		margin-top: 26px;
	}

	.proposal-button-3	{
		border: 2px solid #d8550e;
	}

	.proposal-button-2:hover, .proposal-button-3:hover	{
		background-color: #ffffff;
		border: 1px solid #ffffff;
		text-decoration: none;
		cursor: pointer;
		color: #d8550e;
	}

	.proposal-button-3:hover	{
		border: 2px solid #d8550e;
	}

	.proposal-text-2, .proposal-text-3	{
		font-size: 17px;
		line-height: 43px;
	}

	#balloon-box-clouds	{
		margin-left: auto; margin-right: auto;
		background-repeat: repeat-x;
		width: 100%;
		max-width: 1200px;
		height: 46px;
		background-image: url('../images/hero_cloud_desktop.svg');
		background-position: center top;
		background-size: 175%;
	}

	@media screen and (max-width: 350px) {
	#hero-text {font-size: 30px; line-height: 38px;}
	#hero-box {height: 365px; background-size: 280px;}
	}

	/* ------ Balloon Animation ------ */
	@media screen and (max-width: 900px) {
		#balloon-pix	{
			-webkit-animation: balloon 2.5s linear 0.5s infinite alternate;
			animation: balloon 2.5s linear 0.5s infinite alternate;
			z-index: 50;
		}

		@-webkit-keyframes balloon {
		0%	{-webkit-transform: translateY(0);}
		15%	{-webkit-transform: translateY(0);}
		85%	{-webkit-transform: translateY(-15px);}
		100%	{-webkit-transform: translateY(-15px);}
		}

		@keyframes balloon {
		0%	{transform: translateY(0);}
		15%	{transform: translateY(0);}
		85%	{transform: translateY(-15px);}
		100%	{transform: translateY(-15px);}
		}
	}

	/* ------ Balloon Animation ------ */
	@media screen and (min-width: 900px) {
		#balloon-pix	{
			-webkit-animation: balloon 8s linear 0.5s infinite alternate;
			animation: balloon 8s linear 0.5s infinite alternate;
			z-index: 50;
		}

		@-webkit-keyframes balloon {
		0%	{-webkit-transform: translateY(0);}
		15%	{-webkit-transform: translateY(0);}
		85%	{-webkit-transform: translateY(-100px);}
		100%	{-webkit-transform: translateY(-100px);}
		}

		@keyframes balloon {
		0%	{transform: translateY(0);}
		15%	{transform: translateY(0);}
		85%	{transform: translateY(-100px);}
		100%	{transform: translateY(-100px);}
		}
	}

	@media screen and (max-width: 400px) {
	#hero-text-mobile {display: none;}
	}

	@media screen and (min-width: 450px) {
	#hero-box {height: 400px; background-size: 90%; background-image: url('../images/hero_clouds_5.svg'); background-position: center 20%;}
	#hero-text {font-size:35px; line-height: 44px;}
	.proposal-button-2 {width: 240px; height: 42px; margin-top: 30px;}
	.proposal-text-2 {font-size: 20px; line-height: 42px;}
	#balloon-box-clouds {background-size: 150%; height: 50px;}
	}

	@media screen and (min-width: 500px) {
	#hero-box {height: 410px; background-size: auto; background-position: center top;}
	#hero-text {font-size:40px; line-height: 50px;}
	#balloon-box-clouds {background-size: 125%;}
	#balloon-pix {margin-top: 40px;}
	}

	@media screen and (min-width: 600px) {
	#hero-box {height: 455px; background-image: url('../images/hero_clouds_4.svg');}
	#hero-text {font-size:44px; line-height: 55px; margin-top: 30px;}
	.proposal-button-2 {width: 250px; height: 46px; margin-top: 35px;}
	.proposal-text-2 {font-size: 20px; line-height: 46px;}
	#balloon-pix {height: 150px; margin-top: 55px;}
	#balloon-box-clouds {height: 60px;}
	}

	@media screen and (min-width: 700px) {
	#hero-box {height: 490px; background-image: url('../images/hero_clouds_3.svg');}
	#hero-text {font-size:47px; line-height: 58px; margin-top: 50px;}
	.proposal-button-2 {width: 284px; height: 54px; margin-top: 35px;}
	.proposal-text-2 {font-size: 22px; line-height: 54px;}
	#balloon-box-clouds {background-size: 110%;}
	#balloon-pix {height: 170px;}
	}

	@media screen and (min-width: 800px) {
	#hero-text {font-size:50px; line-height: 62px; margin-top: 45px;}
	#hero-box {height: 500px; background-image: url('../images/hero_clouds_2.svg');}
	#balloon-box-clouds {height: 65px;}
	}

	@media screen and (min-width: 900px) {
	#hero-text {margin-top: 6px;}
	.proposal-button-2 {margin-top: 50px;}
	#balloon-box-clouds {height: 84px;}
	#balloon-box {height: 92px; position:relative; left: 410px;}
	#balloon-pix {height: 225px; margin-top: 150px;}
	#balloon-box {left: 37vw;}
	#balloon-pix {height: 180px; margin-top: 150px;}
	#hero-box {height: 390px; background-size: 1000px; background-image: url('../images/hero_clouds_1.svg'); background-position: center 20%;}
	}

	@media screen and (min-width: 1000px) {
	#hero-box {background-size: 1075px; background-position: center top;}
	#balloon-box-clouds {background-size: 100vw;}
	.proposal-button-2 {margin-top: 50px;}
	#balloon-box {left: 34.89vw;}
	#balloon-pix {height: 200px;}
	}

	@media screen and (min-width: 1100px) {
	#hero-box {height: 430px; background-size: auto;}
	#hero-text {font-size:55px; line-height: 68px;}
	.proposal-button-2 {width: 312px; height: 63px; margin-top: 60px;}
	.proposal-text-2 {font-size: 24px; line-height: 63px;}
	#balloon-pix {height: 225px;}
	}

	@media screen and (min-width: 1175px) {
	#balloon-box {left: 410px;}
	#balloon-box-clouds {background-size: auto;}
	}

/* ------ USPs ------ */

	.usp-box {
		width: 100%;
		text-align: center;
	}

	.usp-header {
		width: 100%;
		margin-left: auto; margin-right: auto;
	}

	.divider-line {
		width: 150px;
		margin-top: 25px;
		margin-left: auto;
		margin-right: auto;
		border-top: 2px solid #90d1f2;
		height: 2px;
	}

	#usp-header-1 h1	{
		line-height: 25px;
	}

	#usp-box-1	{
		margin-top: 30px;
	}

	#superpowers	{
		display: inline;
		position:relative;
		width: 34px;
		height: 31px;
		margin-left: 12px;
		top: 7px;
	}

	.usp-text-1, .usp-text-2	{
		width: 85%;
		margin-top: 22px;
		font-size: 18px;
		line-height: 25px;
		margin-left: auto;
		margin-right: auto;
	}

	#usp-image-box-1, #usp-image-box-2, #usp-image-box-2-mobile, #usp-image-box-3	{
		display: block;
		margin-top: 30px;
		width: 75vw;
		margin-left: auto;
		margin-right: auto;
	}

	.land-pages-image, .gold-coin-image, .bagels-image-mobile	{
		width: 75vw;
	}

	#usp-box-3	{
		margin-top: -20px;
	}

	.usp-box a	{
		color: #0075b0;
		font-weight: 700;
	}

	.grab-proposal, .grab-proposal-2	{
		border: 2px solid #90d1f2;
		border-radius: 6px;
		display: none;
	}

	.grab-proposal:hover, .grab-proposal-2:hover	{
		background-color: #d8550e;
		border: 2px solid #d8550e;
		color: #ffffff;
		text-decoration: none;
		cursor: pointer;
	}

	.wave-divider	{
		display: block;
		background-size: 130px;
		margin-top: 40px;
		width: 100%;
		max-width: 1200px;
		height: 164px;
		font-size: 18px;
		color: #383b3f;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		background-position: left top;
		background-repeat: repeat-x;
		background-image: url('../images/wave_divider_2.svg');
	}

	.wave-divider-inner {
		width: 85%;
		line-height: 26px;
		padding-top: 22px;
		margin-left: auto;
		margin-right: auto;
	}

	#usp-header-2 {
		width: 200px;
	}

	#usp-header-3	{
		width: 80%;
	}

	.desktop-break-1	{
		display: none;
	}

	#usp-image-box-2	{
		display: none;
	}

	#usp-2	{
		margin-top: -20px;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		overflow: auto;
	}

	@media screen and (max-width: 350px) {
	.wave-divider-inner {width: 95%;}
	}

	@media screen and (min-width: 400px) {
	h1 {font-size: 32px; line-height: 38px;}
	#usp-header-1 h1 {line-height: 33px;}
	#superpowers {width: 38px; height: 35px; margin-left: 12px; top: 7px;}
	.divider-line {width: 193px; margin-top: 29px;}
	.usp-text-1, .usp-text-2 {width: 350px;}
	#usp-image-box-1, #usp-image-box-2-mobile, #usp-image-box-3 {margin-top: 30px; width: 325px;}
	.land-pages-image {width: 325px; height: 250px;}
	.gold-coin-image {width: 325px; height: 207px;}
	#usp-image-box-2-mobile {width: 270px;}
	.bagels-image-mobile {width: 270px; height: 192px;}
	.wave-divider {background-size: 150px; margin-top: 45px; font-size: 20px;}
	.wave-divider-inner {line-height: 29px; padding-top: 28px;}
	#usp-box-3, #usp-2 {margin-top: 0px;}
	#usp-header-2 {width: 240px;}
	}

	@media screen and (min-width: 430px) {
	#money-break {display: none;}
	}

	@media screen and (min-width: 500px) {
	.usp-header	{width: 400px;}
	h1 {font-size: 35px; line-height: 42px;}
	#usp-header-1 h1 {line-height: 39px;}
	#superpowers {width: 40px; height: 37px; margin-left: 12px; top: 6px;}
	.usp-text-1, .usp-text-2 {width: 450px; margin-top: 27px; font-size: 19px; line-height: 26px;}
	#usp-image-box-1, #usp-image-box-2-mobile, #usp-image-box-3 {margin-top: 30px; width: 400px;}
	.land-pages-image {width: 400px; height: 307px;}
	.gold-coin-image {width: 400px; height: 255px;}
	#usp-image-box-2-mobile {width: 332px;}
	.bagels-image-mobile {width: 332px; height: 236px;}
	.wave-divider {background-size: 180px; margin-top: 50px; font-size: 22px;}
	.wave-divider-inner {padding-top: 36px;}
	#usp-box-2, #usp-box-3 {margin-top: 40px;}
	#usp-header-3 {width: 430px;}
	#usp-header-2 {width: 260px;}
	}

	@media screen and (min-width: 600px) {
	h1 {font-size: 40px; line-height: 48px;}
	#usp-header-1 h1 {line-height: 45px;}
	#usp-box-1 {margin-top: 40px;}
	#superpowers {width: 44px; height: 40px; margin-left: 14px; top: 8px;}
	.usp-text-1, .usp-text-2 {width: 500px; margin-top: 27px; font-size: 20px; line-height: 27px;}
	#usp-image-box-1, #usp-image-box-2-mobile, #usp-image-box-3 {margin-top: 40px; width: 450px;}
	.land-pages-image {width: 450px; height: 346px;}
	.gold-coin-image {width: 450px; height: 286px;}
	#usp-image-box-2-mobile {width: 373px;}
	.bagels-image-mobile {width: 373px; height: 265px;}
	.wave-divider {background-size: 210px; margin-top: 60px; font-size: 24px; background-image: url('../images/wave_divider_1.svg');}
	.wave-divider-inner {line-height: 32px; padding-top: 34px;}
	}

	@media screen and (min-width: 700px) {
	.usp-text-1, .usp-text-2 {width: 550px;}
	#usp-image-box-1, #usp-image-box-2-mobile, #usp-image-box-3 {margin-top: 50px; width: 500px;}
	.land-pages-image {width: 500px; height: 384px;}
	.gold-coin-image {width: 500px; height: 318px;}
	#usp-image-box-2-mobile {width: 415px;}
	.bagels-image-mobile {width: 415px; height: 295px;}
	#usp-header-2 {width: 470px;}
	}

	@media screen and (min-width: 800px) {
	#usp-image-box-1, #usp-image-box-3 {width: 550px;}
	.land-pages-image {width: 550px; height: 423px;}
	.gold-coin-image {width: 550px; height: 350px;}
	#usp-image-box-2-mobile {width: 456px;}
	.bagels-image-mobile {width: 456px; height: 324px;}
	.wave-divider {background-size: 240px; line-height: 138px;}
	.wave-divider-inner {width: 100%; padding-top: 0px; line-height: 138px;}
	#usp-box-2, #usp-box-3 {margin-top: 60px;}
	}

	@media screen and (min-width: 900px) {
	.usp-box {width: 460px;}
	h1 {font-weight: 700; font-size: 37px; line-height: 44px;}
	#usp-header-1 h1 {line-height: 40px;}
	#usp-box-1 {margin-top: 50px;}
	.usp-header	{width: 400px; text-align: left; margin-left: 50px;}
	.divider-line {margin-left: 50px;}
	.usp-text-1, .usp-text-2 {width: 375px; margin-top: 27px; margin-left: 50px; font-size: 19px; line-height: 26px; text-align: left;}
	.desktop-break-1 {display: inline;}
	.grab-proposal, .grab-proposal-2 {display: block; text-align: center; width: 280px; height: 46px; margin-top: 35px; margin-left: 50px; font-size: 19px; line-height: 44px;}
	#usp-image-box-1, #usp-image-box-2, #usp-image-box-3 {display: inline; float: right; margin-top: -281px; max-width: 650px; width: calc(100vw - 445px);}
	#usp-image-box-2 {display: block; float: left; margin-top: 150px; width: calc(100% - 475px); max-width: 610px;}
	#usp-image-box-3 {margin-top: -228px;}
	#usp-1-image, #usp-2-image, #usp-3-image {width: 420px; margin-left: auto; margin-right: auto;}
	.land-pages-image {width: 420px; height: 323px;}
	.gold-coin-image {width: 420px; height: 267px;}
	#usp-2-image {width: 349px;}
	.bagels-image {width: 349px; height: 248px;}
	.wave-divider {margin-top: 110px; font-size: 28px; line-height: 136px;}
	.wave-divider-inner {line-height: 136px;}
	#usp-box-2, #usp-box-3 {margin-top: 99px;}
	#usp-box-2 {float: right; margin-right: 10px;}
	#usp-box-2 .usp-header, #usp-box-2 .divider-line, #usp-box-2 .usp-text-1, #usp-box-2 .usp-text-2, #usp-box-2 .grab-proposal-2	{margin-left: 0px;}
	#usp-image-box-2-mobile {display: none;}
	}

	@media screen and (min-width: 1000px) {
	.usp-header	{margin-left: 60px;}
	.divider-line {margin-left: 60px;}
	.usp-text-1, .usp-text-2 {margin-left: 60px;}
	.grab-proposal {margin-left: 60px;}
	#usp-image-box-1, #usp-image-box-2, #usp-image-box-3 {width: calc(100vw - 475px);}
	#usp-image-box-2 {width: calc(100% - 485px);}
	#usp-1-image, #usp-3-image {width: 460px;}
	.land-pages-image {width: 460px; height: 354px;}
	.gold-coin-image {width: 460px; height: 293px;}
	#usp-2-image {width: 382px;}
	.bagels-image {width: 382px; height: 271px;}
	.wave-divider {background-size: 250px; font-size: 31px; line-height: 150px;}
	.wave-divider-inner {line-height: 150px;}
	#usp-box-2 {margin-right: 20px;}
	}

	@media screen and (min-width: 1100px) {
	h1 {font-size: 40px; line-height: 48px;}
	#usp-header-1 h1 {line-height: 45px;}
	.usp-header	{margin-left: 75px;}
	.divider-line {margin-left: 75px;}
	.usp-text-1, .usp-text-2 {width: 425px; margin-top: 29px; margin-left: 75px; font-size: 20px; line-height: 27px;}
	.grab-proposal {width: 289px; height: 48px; margin-left: 75px; font-size: 20px; line-height: 46px;}
	#usp-image-box-1, #usp-image-box-3 {width: calc(100vw - 535px);}
	#usp-image-box-2 {width: calc(100% - 535px);}
	#usp-1-image, #usp-3-image {width: 482px;}
	.land-pages-image {width: 482px; height: 371px;}
	.gold-coin-image {width: 482px; height: 307px;}
	#usp-2-image {width: 400px;}
	.bagels-image {width: 400px; height: 284px;}
	#superpowers {width: 46px; height: 42px; margin-left: 14px; top: 10px;}
	.wave-divider {font-size: 34px; line-height: 159px; background-size: auto;}
	.wave-divider-inner {line-height: 159px;}
	#usp-box-2 {margin-right: 70px;}
	}

	@media screen and (min-width: 1200px) {
	.usp-header, .divider-line, .usp-text-1, .usp-text-2, .grab-proposal	{margin-left: 100px;}
	#usp-box-2 {margin-right: 90px;}
	}

/* ------ Ready for Action ------ */

	#ready-action	{
		margin-left: auto; margin-right: auto;
		width: 100%;
		max-width: 1200px;
		margin-top: 42px;
		padding-bottom: 39px;
		background: #eef8ff;
		background-size: 130px;
		background-repeat: repeat-x;
		background-position: left top;
		background-image: url('../images/action_cloud_top.svg');
	}

	#action-bottom	{
		margin-left: auto; margin-right: auto;
		width: 100%;
		max-width: 1200px;
		height: 28px;
		background-repeat: repeat-x;
		background-position: left top;
		background-size: 130px;
		background-image: url('../images/action_cloud_bottom.svg');
	}

	#action-text-2	{
		text-align: center;
		color: #383b3f;
		margin-left: auto; margin-right: auto;
		width: 85%;
		margin-top: 20px;
		font-size: 18px;
		line-height: 25px;
	}

	#action-text-3	{
		display: none;
	}

	#action-header-2	{
		display: block;
		text-align: center;
		color: #383b3f;
		width: 85%;
		font-size: 27px;
		line-height: 38px;
		padding-top: 40px;
		margin-left: auto; margin-right: auto;
	}

	.mobile-break-1	{
		display: block;
		clear: both;
		height: 15px; width: 15px;
	}

	.proposal-text-3 {
		font-size: 17px;
		line-height: 42px;
	}

	.proposal-button-3	{
		width: 230px;
		height: 42px;
		margin-top: 30px;
	}

	@media screen and (max-width: 350px) {
	#action-text-2 {width: 270px;}
	}

	@media screen and (min-width: 400px) {
	#ready-action	{margin-top: 47px;}
	#action-header-2 {padding-top: 45px;}
	#action-text-2 {width: 80%; margin-top: 25px; font-size: 18px; line-height: 25px;}
	#action-bottom, #ready-action {background-size: 150px;}
	}

	@media screen and (min-width: 450px) {
	.proposal-button-3 {width: 250px; height: 45px; margin-top: 35px;}
	.proposal-text-3 {font-size: 20px; line-height: 45px;}
	}

	@media screen and (min-width: 500px) {
	#ready-action	{margin-top: 64px;}
	#action-header-2 {padding-top: 50px; font-size: 32px; line-height: 44px;}
	#action-text-2 {width: 75%; font-size: 19px; line-height: 26px;}
	#action-bottom, #ready-action {background-size: 180px;}
	}

	@media screen and (min-width: 600px) {
	#ready-action	{margin-top: 70px;}
	#action-header-2 {padding-top: 55px;}
	#action-text-2 {display: none;}
	#action-text-3 {display: block; margin-top: 25px; font-size: 20px; line-height: 29px; text-align: center; color: #383b3f;}
	#action-bottom, #ready-action {background-size: 210px;}
	}

	@media screen and (min-width: 700px) {
	#action-header-2 {font-size: 35px; line-height: 48px;}
	.proposal-button-3 {width: 270px; height: 50px; margin-top: 45px;}
	.proposal-text-3 {font-size: 22px; line-height: 51px;}
	}

	@media screen and (min-width: 800px) {
	#ready-action	{margin-top: 70px;}
	#action-header-2 {padding-top: 60px;}
	#action-bottom, #ready-action {background-size: 240px;}
	}

	@media screen and (min-width: 900px) {
	#ready-action	{height: 402px; margin-top: 132px; background: #ffffff; background-size: 260px; background-position: left top; background-repeat: repeat-x; background-image: url('../images/wave_action.svg');}
	#action-bottom {display: none;}
	#action-header-2 {width: 100%; padding-top: 56px; font-size: 37px; line-height: 55px; font-weight: 700;}
	.mobile-break-1 {display: none;}
	}

	@media screen and (min-width: 1100px) {
	#action-header-2 {font-size: 40px; line-height: 60px;}
	.proposal-button-3 {width: 290px; height: 55px; margin-top: 34px;}
	.proposal-text-3 {font-size: 24px; line-height: 51px;}
	}

/* ------ Questions ------ */

	#bottom-boxes {
		width: 100%;
		margin-left: auto; margin-right: auto;
	}

	#questions-box	{
		text-align: center;
		border: 2px solid #b7e1f7;
		border-radius: 7px;
		width: 286px;
		margin-top: 45px;
		margin-left: auto; margin-right: auto;
	}

	.footer-text-1	{
		font-weight: 700;
		width: 100%;
		margin-top: 21px;
		font-size: 20px;
	}

	.footer-text-2	{
		width: 100%;
		margin-top: 7px;
		font-size: 18px;
		margin-left: auto; margin-right: auto;
	}

	.contact-box	{
		border: 2px solid #b7e1f7;
		border-radius: 7px;
		margin-left: auto; margin-right: auto;
		text-align: center;
		width: 187px;
		height: 39px;
		font-size: 18px;
		line-height: 35px;
	}

	#contact-box-1	{
		margin-top: 24px;
	}

	#contact-box-2	{
		margin-top: 17px;
	}

	#contact-box-3	{
		line-height: 39px;
		margin-top: 17px;
		margin-bottom: 28px;
	}

	#contact-box-3 a	{
	underline: none;
	color: #515762;
	}

	#locations-box	{
		text-align: center;
		border: 2px solid #b7e1f7;
		border-radius: 7px;
		width: 286px;
		margin-top: 46px;
		margin-left: auto; margin-right: auto;
	}

	#location-image	{
		width: 106px;
		height: 90px;
		margin-top: 21px;
		float: left;
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 86px;
		background-image: url('../images/camper_van.png');
	}

	#location-text	{
		float: left;
		display: inline;
		text-align: left;
		width: 180px;
		height: 90px;
		margin-top: 21px;
		font-size: 18px;
		line-height: 23px;
	}

	#location-text-1	{
		font-size: 16px;
		font-weight: 700;
	}

	#location-text-2	{
		font-size: 17px;
		margin-top: 6px;
	}

	#location-bottom	{
	clear: both;
	width: 100%;
	height: 25px;
	}

	#messenger-box	{
		width: 122px;
		margin-left: auto; margin-right: auto;
	}

	#messenger-1	{
		width: 25px;
		margin-top: 7px;
		float:left;
	}

	#messenger-2	{
		width: 80px;
		margin-left: 10px;
		float:left;
		display: inline;
	}

	#messenger-icon	{
		width: 25px;
		height: 25px;
	}

	@media screen and (max-width: 350px) {
	#questions-box {width: 270px;}
	.footer-text-2 {width: 95%;}
	#locations-box {width: 270px;}
	#location-image {width: 96px; background-size: 78px;}
	#location-text {width: 174px;}
	}

	@media screen and (min-width: 400px) {
	#questions-box {margin-top: 49px;}
	}

	@media screen and (min-width: 450px) {
	#questions-box, #locations-box {width: 310px;}
	#location-image {margin-left: 14px;}
	#location-text {margin-left: 5px;}
	}

	@media screen and (min-width: 500px) {
	#questions-box {width: 350px; margin-top: 68px;}
	.footer-text-1 {font-size: 24px; margin-top: 32px;}
	.footer-text-2 {font-size: 19px; margin-top: 16px;}
	.contact-box {width: 232px; height: 51px; font-size: 19px; line-height: 47px;}
	#contact-box-1 {margin-top: 27px;}
	#contact-box-2 {margin-top: 19px;}
	#contact-box-3 {margin-top: 19px; line-height: 51px; margin-bottom: 38px;}
	#locations-box {width: 350px; margin-top: 62px;}
	#location-image {width: 120px; height: 83px; margin-top: 60px; margin-left: 15px; background-size: 101px;}
	#location-text {width: 185px; height: 127px; margin-top: 30px; margin-left: 7px; line-height: 27px;}
	#location-text-1 {font-size: 18px;}
	#location-text-2 {font-size: 19px; margin-top: 12px;}
	#messenger-box {width: 140px;}
	#messenger-1 {width: 35px; margin-top: 8px;}
	#messenger-2 {width: 94px; margin-left: 10px;}
	#messenger-icon {width: 35px; height: 35px;}
	}

	@media screen and (min-width: 600px) {
	#questions-box {width: 400px; margin-top: 78px;}
	.footer-text-1 {font-size: 25px; margin-top: 34px;}
	.footer-text-2 {font-size: 20px;}
	.contact-box {font-size: 20px;}
	#locations-box {width: 400px;}
	#location-image {width: 130px; height: 90px; margin-left: 25px; background-size: 111px;}
	#location-text {width: 200px; margin-left: 15px;}
	#location-text-1 {font-size: 19px;}
	#location-text-2 {font-size: 20px;}
	}

	@media screen and (min-width: 800px) {
	#bottom-boxes {width: 720px;}
	#questions-box {width: 334px; margin-top: 68px; float: left;}
	#locations-box {width: 334px; margin-left: 41px; margin-top: 111px; float: left; display: inline;}
	#location-image {width: 120px; height: 83px; margin-left: 7px; background-size: 101px;}
	#location-text {width: 195px; margin-left: 2px;}
	}

	@media screen and (min-width: 900px) {
	#bottom-boxes {width: 810px;}
	#questions-box, #locations-box {width: 374px;}
	#locations-box {margin-left: 51px;}
	#location-image {width: 130px; height: 90px; margin-top: 58px; margin-left: 12px; background-size: 111px;}
	#location-text {width: 200px; margin-left: 9px;}
	}

	@media screen and (min-width: 1000px) {
	#bottom-boxes {width: 850px;}
	#questions-box {margin-top: 88px;}
	#locations-box {margin-left: 91px; margin-top: 131px;}
	}

/* ------ Footer ------ */

	#footer-top	{
		clear: both;
		margin-left: auto; margin-right: auto;
		background-repeat: repeat-x;
		background-position: center bottom;
		background-image: url('../images/wave_line_footer.svg');
		width: 100%;
		max-width: 1200px;
		height: 65px;
	}

	#footer	{
		margin-left: auto; margin-right: auto;
		background: #082357;
		width: 100%;
		max-width: 1200px;
		padding-bottom: 25px;
	}

	#footer-logo	{
		text-align: center;
		background: #082357;
		width: 100%;
		padding-top: 25px;
	}

	#cf-logo-footer	{
		width: 170px;
	}

	#made-box	{
		margin-left: auto; margin-right: auto;
		text-align: center;
		color: #ffffff;
		width: 285px;
		height: 30px;
		margin-top: 5px;
		font-size: 15px;
	}

	#made-1	{
		float: left;
		display: inline;
	}

	#made-2	{
		float: left;
		display: inline;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		background-image: url('../images/coffee_mug.svg');
		width: 22px;
		height: 22px;
		margin: -3px 3px 0px 4px;
	}

	#made-3	{
		float: left;
		display: inline;
	}

	@media screen and (max-width: 350px) {
	#cf-logo-footer {width: 150px;}
	#made-box {width: 268px; font-size: 14px;}
	}

	@media screen and (min-width: 400px) {
	#footer-top {height: 90px;}
	#footer {padding-bottom: 30px;}
	#footer-logo {padding-top: 25px;}
	#cf-logo-footer {width: 190px;}
	#made-box {width: 314px; margin-top: 8px; font-size: 16px;}
	#made-2 {width: 24px; height: 24px; margin: -4px 4px 0px 4px;}
	}

	@media screen and (min-width: 500px) {
	#cf-logo-footer {width: 200px;}
	}

	@media screen and (min-width: 600px) {
	#footer-top {height: 77px;}
	#footer-logo {padding-top: 30px;}
	#cf-logo-footer {width: 230px;}
	#made-box {width: 322px; margin-top: 10px; font-size: 17px;}
	#made-2 {width: 26px; height: 26px; margin: -5px 3px 0px 4px;}
	}

	@media screen and (min-width: 800px) {
	#footer {padding-bottom: 32px;}
	#footer-logo {padding-top: 29px;}
	#cf-logo-footer {width: 250px;}
	#made-box {width: 328px;}
	#made-1 {margin-left: 6px;}
	}

	@media screen and (min-width: 900px) {
	#footer-top {height: 110px;}
	#cf-logo-footer {width: 260px;}
	#made-box {margin-top: 14px;}
	}

	@media screen and (min-width: 1000px) {
	#footer-top {height: 130px;}
	}

/* ------ Proposal ------ */

	#proposal-box	{
		width: 688px;
		height: 800px;
		text-align: center;
		position: fixed;
		top: 50%;
		left: 50%;
		margin-left: -344px;
    margin-top: -394px;
		border-radius: 20px;
		-webkit-box-shadow: 0px 0px 38px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 0px 38px 0px rgba(0,0,0,0.5);
		box-shadow: 0px 0px 38px 0px rgba(0,0,0,0.5);
		display: none;
		z-index: 110;
	}

	.proposal-box-back-1	{
    background: -webkit-linear-gradient(top, #14202a 537px, #e6edf4 537px);
    background: -moz-linear-gradient(top, #14202a 537px, #e6edf4 537px);
    background: -ms-linear-gradient(top, #14202a 537px, #e6edf4 537px);
    background: linear-gradient(top, #14202a 537px, #e6edf4 537px);
	}

	.proposal-box-back-2	{
		background: #14202a;
	}

	#proposal-block	{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #ffffff;
		opacity: 0.9;
		z-index: 105;
		display: none;
	}

	@media screen and (min-width: 1220px) {
	#proposal-block {width: 1200px; left: 50%; margin-left: -600px;}
	}

	#proposal-step-2, #proposal-step-3, #proposal-thank-you	{
		display: none;
	}

	#close-window	{
		width: 18px;
		height: 18px;
		float: right;
		clear: both;
		margin-top: 24px;
		margin-right: 28px;
		background-position: center center;
		background-repeat: no-repeat;
		background-image: url('../images/close_symbol.svg');
		cursor: pointer;
	}

	#proposal-header	{
		font-size: 44px;
		font-weight: 700;
		color: #ffffff;
		margin-top: 62px;
		width: 100%;
	}

	.progress-box	{
		width: 475px;
		height: 46px;
		margin-top: 33px;
		background-position: left center;
		background-repeat: repeat-x;
		background-image: url('../images/progress_line.gif');
		margin-left: auto; margin-right: auto;
	}

	.dot-1, .dot-2, .dot-3	{
		width: 46px;
		height: 46px;
		float: left;
		display: inline;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		background-image: url('../images/dot_selected.svg');
	}

	#proposal-step-2 .dot-1	{
		margin-left: 169px;
	}

	#proposal-step-3 .dot-1	{
		float: right;
	}

	.dot-1	{
		margin-left: -1px;
	}

	.dot-2	{
		margin-left: 169px;
		background-size: 30px;
		background-image: url('../images/dot.svg');
	}

	#proposal-step-2 .dot-2, #proposal-step-3 .dot-2	{
		margin-left: 0px;
		background-position: left center;
	}

	.dot-3	{
		float: right;
		background-position: right center;
		background-size: 30px;
		background-image: url('../images/dot.svg');
	}

	#proposal-step-3 .dot-3	{
		float: left;
		margin-left: 169px;
	}

	.form-1-text	{
		margin-top: 51px;
		width: 100%;
		font-size: 18px;
		color: #ffffff;
	}

	.form-1-text-2	{
		margin-top: 39px;
	}

	.form-1-text-3	{
		margin-top: 28px;
	}

	.form-1-text-4	{
		margin-top: 20px;
	}

	.form-button	{
		margin-left: auto; margin-right: auto;
		text-align: center;
		border: 1px solid #d8550e;
		border-radius: 5px;
		background: #d8550e;
		color: #ffffff;
		width: 297px;
		height: 58px;
		margin-top: 72px;
		font-size: 21px;
		line-height: 56px;
	}

	.form-button:hover	{
		background-color: #c64600;
		border: 1px solid #c64600;
		text-decoration: none;
		cursor: pointer;
	}

	#button-step-2	{
		margin-top: 53px;
	}

	#button-step-3	{
		margin-top: 62px;
	}

	.button-arrow	{
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
		height: 10px;
		width: 10px;
		display: inline-block;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.proposal-box-footer	{
		width: 100%;
		height: 184px;
		margin-top: 30px;
	}

	.proposal-intro	{
		width: 100%;
		padding-top: 17px;
		font-size: 18px;
	}

	.proposal-content-box-1, .proposal-content-box-2	{
		width: 468px;
		margin-top: 18px;
		margin-left: auto; margin-right: auto;
		color: #383b3f;
	}

	.proposal-content-box-2	{
		width: 510px;
	}

	.proposal-content-pix	{
		height: 52px;
		float: left;
		display: inline;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.proposal-content-text	{
		width: auto;
		height: 40px;
		margin-top: 3px;
		float: left;
		display: inline;
		font-size: 17px;
		line-height: 22px;
	}

	#proposal-pix-1	{
		width: 48px;
		background-image: url('../images/eye_symbol.svg');
	}

	#proposal-pix-3	{
		width: 48px;
		background-image: url('../images/rocket_symbol.svg');
	}

	#proposal-pix-5	{
		width: 48px;
		background-image: url('../images/map_symbol.svg');
	}

	#proposal-pix-7	{
		width: 48px;
		background-image: url('../images/dollar_symbol.svg');
	}

	#proposal-pix-2, #proposal-pix-4, #proposal-pix-6	{
		width: 92px;
		background-image: url('../images/plus_sign.svg');
	}

	#proposal-feature-1	{
		margin-left: 3px;
	}

	#proposal-feature-2	{
		margin-left: 64px;
	}

	#proposal-feature-3	{
		margin-left: 55px;
	}

	#proposal-feature-4	{
		margin-left: 67px;
	}

	.proposal-input	{
		font-family: 'PT Sans', sans-serif;
  	font-size: 16px;
  	font-weight: normal;
		width: 409px;
  	height: 55px;
  	box-sizing: border-box;
		margin-top: 11px;
  	line-height: 53px;
  	border-radius: 5px;
		margin-left: auto; margin-right: auto;
  	padding-left: 18px;
  	padding-right: 30px;
		border: none;
  	outline: none;
		color: #515762;
	}

	#proposal-email, #proposal-website, #proposal-name, #proposal-phone	{
  	height: 39px;
  	line-height: 37px;
		margin-top: 7px;
	}

	#proposal-comment	{
		height: 80px;
  	line-height: 30px;
		padding-top: 10px;
  	padding-right: 18px;
		resize: none;
		overflow: hidden;
	}

	.short-form-box	{
		width: 409px;
		margin-left: auto; margin-right: auto;
		text-align: center;
		height: 91px;
	}

	.short-form-1	{
		width: 190px;
		float: left;
	}

	.short-form-2	{
		width: 190px;
		float: right;
	}

	.short-form-3	{
		width: 100%;
		display: block;
		clear: both;
		margin-top: 21px;
	}

	#proposal-name, #proposal-phone	{
		width: 190px;
	}

	.proposal-footer-2	{
		width: 540px;
		padding-top: 25px;
		margin-left: auto; margin-right: auto;
	}

	.proposal-pix-box	{
		float: left;
		display: inline;
		width: 110px;
		margin-top: 3px;
	}

	.proposal-pix	{
		width: 88px;
		height: 106px;
	}

	.ralf-image	{
		width: 88px;
		height: 106px;
	}

	.proposal-quote-box	{
		float: right;
		display: inline;
		width: 400px;
		margin-top: 10px;
		margin-right: 10px;
	}

	.quotation-marks	{
		width: 100%;
		height: 12px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 400px 12px;
		background-image: url('../images/quotation_marks.svg');
	}

	.quotation	{
		width: 375px;
		margin-top: 8px;
		margin-bottom: 9px;
		font-size: 17px;
		line-height: 24px;
		color: #383b3f;
		margin-left: auto; margin-right: auto;
	}

	.proposal-ralf-text	{
		float: left;
		display: inline-block;
		font-size: 17px;
		color: #383b3f;
		margin-left: -4px;
	}

	.proposal-ralf-linked	{
		float: left;
		display: inline-block;
	}

	.linked-symbol	{
		width: 21px;
		height: 21px;
		margin-left: 8px;
		margin-top: 2px;
	}

	.error_1	{
		border: 3px solid #EA6153 !important;
  	box-sizing: border-box;
		line-height: 47px !important;
	}

	#thank-you-1	{
		width: 100%;
		margin-top: 200px;
  	font-size: 110px;
		color: #ffffff;
		font-weight: 700;
	}

	#thank-you-2	{
		width: 100%;
		margin-top: 100px;
  	font-size: 45px;
  	line-height: 57px;
		color: #ffffff;
		font-weight: 700;
	}

	#thank-you-3	{
		width: 258px;
		height: 64px;
		margin-left: auto; margin-right: auto;
		margin-top: 150px;
	}

	.thank-you-icons	{
		width: 50px;
		height: 50px;
		float: left;
		display: inline;
	}

	#thank-you-icon-1	{
		margin-left: 3px;
	}

	#thank-you-icon-2	{
		margin-left: 55px;
	}

	#thank-you-icon-3	{
		margin-left: 50px;
	}

	#spinner	{
		width: 100%;
		height: 300px;
		position: relative;
		margin-bottom: -300px;
		z-index: 200;
		background: #14202a;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 150px;
		background-image: url('../images/spinner.svg');
		display: none;
	}

	@media screen and (min-width: 600px) and (max-width: 799px) {
	#proposal-box {width: 538px; margin-left: -269px;}
	#proposal-pix-2, #proposal-pix-4, #proposal-pix-6 {width: 76px;}
	.proposal-content-box-1 {width: 420px;}
	.proposal-content-box-2 {width: 462px; height: 20px;}
	#proposal-feature-2	{margin-left: 48px;}
	#proposal-feature-3	{margin-left: 39px;}
	#proposal-feature-4	{margin-left: 51px;}
	#proposal-header {font-size: 40px;}
	.progress-box {width: 433px;}
	#proposal-step-2 .dot-1, .dot-2, #proposal-step-3 .dot-3 {margin-left: 148px;}
	.proposal-footer-2 {width: 480px;}
	.proposal-quote-box {width: 350px;}
	.quotation {width: 341px;}
	#thank-you-1 {font-size: 90px;}
	}

	@media screen and (max-width: 599px) {
	.proposal-box-footer {display: none;}
	.proposal-box-back-1 {background: #14202a;}
	#proposal-box {width: 84vw; height: 580px; margin-top: -290px; margin-left: -42vw; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);}
	.progress-box {width: 70vw; margin-top: 25px;}
	.dot-1 {background-size: 46px; background-position: left center;}
	.dot-2, .dot-3 {background-size: 30px;}
	.dot-2 {margin-left: calc(35vw - 60px);}
	#proposal-step-2 .dot-1 {margin-left: calc(35vw - 69px);}
	#proposal-step-3 .dot-3 {margin-left: calc(35vw - 76px);}
	.form-button {width: 180px; height: 46px; margin-top: 50px; line-height: 43px;}
	#button-step-2 {margin-top: 35px;}
	#button-step-3 {width: 220px; margin-top: 45px;}
	.form-1-text {margin-top: 40px;}
	.form-1-text-3 {margin-top: 25px;}
	.form-1-text-4 {margin-top: 22px;}
	#proposal-header {font-size: 6.7vw; margin-top: 60px;}
	.proposal-input {width: 65vw;}
	.short-form-box {width: 65vw;}
	.short-form-1, .short-form-2 {width: calc((65vw / 2) - 1px);}
	.short-form-1 {text-align: left;}
	.short-form-2 {text-align: right;}
	#proposal-name, #proposal-phone {width: calc(32vw - 15px);}
	.button-step-3-mobile {display: none;}
	#thank-you-1 {margin-top: 100px; font-size: 80px;}
	#thank-you-2 {margin-top: 80px; font-size: 40px; line-height: 51px;}
	#thank-you-3 {width: 223px; margin-top: 100px;}
	.thank-you-icons {width: 45px; height: 45px;}
	#thank-you-icon-2 {margin-left: 45px;}
	#thank-you-icon-3 {margin-left: 40px;}
	}

	@media screen and (max-width: 499px) {
	#proposal-box {height: 480px; margin-top: -240px;}
	#proposal-header {max-width: 75vw; margin-top: 40px; font-size: 6.8vw; line-height: 8vw; margin-left: auto; margin-right: auto;}
	.form-1-text {margin-top: 25px;}
	.form-1-text-2 {margin-top: 20px;}
	.form-1-text-3 {margin-top: 10px;}
	.form-1-text-4 {margin-top: 15px;}
	.form-1-text-5 {margin-top: 20px;}
	.form-button {margin-top: 40px;}
	#button-step-2 {margin-top: 30px;}
	#button-step-3 {width: 180px; height: 40px; line-height: 37px; font-size: 18px; margin-top: 95px;}
	.progress-box {margin-top: 5px;}
	.dot-1 {background-size: 35px; background-position: left center;}
	.dot-2, .dot-3 {background-size: 25px;}
	.dot-2 {margin-left: calc(35vw - 65px);}
	#proposal-step-2 .dot-1 {margin-left: calc(35vw - 63px);}
	#proposal-step-3 .dot-1 {background-position: right center;}
	#proposal-step-3 .dot-3 {margin-left: calc(35vw - 85px);}
	#close-window {width: 14px; height: 14px; margin-top: 17px; margin-right: 19px;}
	.short-form-1, .short-form-2 {width: 65vw; float: none; text-align: center; margin-left: auto; margin-right: auto;}
	#proposal-name, #proposal-phone, #proposal-email {width: 65vw;}
	#short-form-3 {display: none;}
	#proposal-comment {height: 70px; line-height: 25px;}
	#thank-you-1 {margin-top: 80px; font-size: 70px;}
	#thank-you-2 {margin-top: 80px; font-size: 30px; line-height: 38px;}
	#thank-you-3 {width: 198px; margin-top: 85px;}
	.thank-you-icons {width: 40px; height: 40px;}
	#thank-you-icon-2 {margin-left: 40px;}
	#thank-you-icon-3 {margin-left: 35px;}
	#spinner {height: 280px; margin-bottom: -280px; background-size: 130px; background-position: center 40%;}
	}

	@media screen and (max-width: 399px) {
	#thank-you-1 {margin-top: 100px; font-size: 60px;}
	#thank-you-2 {margin-top: 70px; font-size: 26px; line-height: 31px;}
	#thank-you-3 {width: 182px; margin-top: 85px;}
	.thank-you-icons {width: 38px; height: 38px;}
	#thank-you-icon-2 {margin-left: 35px;}
	#thank-you-icon-3 {margin-left: 30px;}
	}

/* ------ jQuery Nice-Select ------ */

	.nice-select	{
  	-webkit-tap-highlight-color: transparent;
  	background-color: #fff;
  	border-radius: 5px;
  	border: none;
  	box-sizing: border-box;
  	clear: both;
  	cursor: pointer;
  	display: block;
  	font-family: inherit;
  	font-size: 16px;
  	font-weight: normal;
  	height: 55px;
		width: 409px;
  	line-height: 53px;
  	outline: none;
  	padding-left: 18px;
  	padding-right: 30px;
  	position: relative;
  	text-align: left !important;
  	-webkit-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
  	-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
  	white-space: nowrap;
		margin-top: 11px;
		margin-left: auto; margin-right: auto;
  }

  .nice-select:hover	{
    border-color: #dbdbdb;
   }

  .nice-select:active, .nice-select.open, .nice-select:focus	{
    border-color: #999;
   }

  .nice-select:after	{
    border-bottom: 2px solid #abb4c4;
    border-right: 2px solid #abb4c4;
    content: '';
    display: block;
    height: 8px;
    margin-top: -6px;
    pointer-events: none;
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 8px;
   }

  .nice-select.open:after	{
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
	}

  .nice-select.open .list	{
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
	}

  .nice-select.disabled	{
    border-color: #ededed;
    color: #999;
    pointer-events: none;
   }

  .nice-select.disabled:after	{
    border-color: #cccccc;
   }

  .nice-select.wide	{
	  width: 100%;
   }

  .nice-select.wide .list	{
 	  left: 0 !important;
		right: 0 !important;
   }

  .nice-select.right {
   	float: right;
  }

  .nice-select.right .list	{
   	left: auto;
   	right: 0;
  }

  .nice-select.small	{
   	font-size: 12px;
   	height: 36px;
   	line-height: 34px;
  }

  .nice-select.small:after	{
   	height: 4px;
   	width: 4px;
  }

 .nice-select.small .option	{
  	line-height: 34px;
  	min-height: 34px;
  }

  .nice-select .list	{
	  background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
   }

   .nice-select .list:hover .option:not(:hover)	{
     background-color: transparent !important;
   }

  .nice-select .option	{
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 100px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
   }

  .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus	{
		background-color: #f6f6f6;
   }

  .nice-select .option.selected	{
   	font-weight: 700;
   }

  .nice-select .option.disabled	{
	  background-color: transparent;
    color: #999;
    cursor: default;
	}

	.no-csspointerevents .nice-select .list	{
  	display: none;
  }

	.no-csspointerevents .nice-select.open .list	{
  	display: block;
  }

	@media screen and (max-width: 599px) {
	.nice-select {width: 65vw; height: 50px; line-height: 48px; font-size: 15px;}
	.nice-select .option {line-height: 35px; min-height: 35px; padding-right: 18px;}
	}
