/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



h1 { font-size: 46px; color: #2e2d31; font-family: itc-avant-garde-gothic-pro, sans-serif; font-weight: 700; }
h2 { font-size: 36px; color: #2e2d31; font-family: itc-avant-garde-gothic-pro, sans-serif; font-weight: 700; }
	h2 span { color: #ff0055; }
h3 { font-size: 30px; color: #2e2d31; font-family: itc-avant-garde-gothic-pro, sans-serif; font-weight: 700; }
h4 {}
h5 {}
h6 {}
p { font-family: 'Montserrat', sans-serif; }

.heading { width: 100%; padding: 90px 0 120px; overflow: hidden; background: url(../images/glow.png) left bottom #f8f8f8 no-repeat; }
	.heading-container { width: 1200px; margin: 0 auto; position: relative; }
		.heading-container img.logo { margin-bottom: 85px; }
		.hero { position: absolute; right: 0; top: 0; width: 565px; height: 617px; }
			.hero img { width: 100%; /*position: absolute;*/ top: 0; left: 0; user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none;-webkit-user-select: none; -ms-user-select: none; }
			.phone-main {  }
			.blue-top { animation: floatthree 4s ease-in-out infinite; }
			.yellow-ball { animation: floattwo 4s ease-in-out infinite; }
			.purple-ball { animation: floattwo 4s ease-in-out infinite; }
			.blue-right { animation: floatthree 4s ease-in-out infinite; }
			.orange-ball { animation: floattwo 4s ease-in-out infinite; }
			.main-card { animation: floatthree 4s ease-in-out infinite; }
		.heading-container h1 { margin-bottom: 30px; }
			.heading-container h1 span { color: #ff0055; }
		.heading-container p { font-size: 18px; color: #2e2d31; font-weight: 700; letter-spacing: 0.025em; line-height: 30px; margin-bottom: 50px; }
			.heading-container p span {  color: #ff0055; }
		.heading-container p.small { font-size: 12px; color: #2e2d31; line-height: 22px; font-weight: 400;}
			.heading-container p.small a { color: #ff0055; text-decoration: none; }
			.heading-container p.small a:hover { color: #2e2d31; }

		.heading-container form { background: #fff; max-width: 920px; box-sizing: border-box; padding: 12px 20px 12px 0; border: 1px solid #e7f6fd; border-radius: 3px; overflow: hidden; margin-bottom: 50px; box-shadow: 0px 10px 12px rgba(0,0,0,0.1); position: relative; z-index: 10;}
			.form-group { position:relative; float: left; }
				.form-label { user-select: none; position: absolute; left: 35px; top: 25px; color: #999; background-color: #fff; z-index: 10; transition: transform 150ms ease-out, font-size 150ms ease-out, color 150ms ease-out; font-family: 'Montserrat', sans-serif; font-size: 13px; }
				.focused .form-label { transform: translateY(-190%); font-size: .75em; color: #ff0055; }
			.heading-container form input { width: 220px; height: 60px; font-family: 'Montserrat', sans-serif; font-size: 13px; color: #999999; float: left; border: none; box-sizing: border-box; padding: 0 0 0 35px; outline: none; position: relative; }
			.heading-container form input.input-first { border-right: 1px solid #e7f6fd !important; }
			.heading-container form input.input-last { border-right: 1px solid #e7f6fd !important; }
			.heading-container form input.input-email { margin-right: 18px; }
			.heading-container form input.submit { color: #fff; font-weight: 700; padding: 0; background: #ff0055; letter-spacing:0.05em; border-radius: 3px; transition: background 150ms ease-out; }
			.heading-container form input.submit:hover { background: #68c6df; cursor: pointer; }
		.img-container { position: absolute; right: 0; top: 0; z-index: 5; width: 500px; height: 600px; }

.claim { width: 100%; padding: 125px 0; overflow: hidden;}
	.claim-container { width: 1200px; margin: 0 auto; display: flex; align-items: center; }
		.claim-container img { margin-right: 75px; }
		.claim-container .claim-content {  }
			.claim-container .claim-content h2 { margin-bottom: 30px; }
			.claim-container .claim-content p.sub-title { color: #333333; font-size: 24px; font-weight: 700; margin-bottom: 40px; letter-spacing: 0.025em;}
			.claim-container .claim-content p { letter-spacing: 0.025em; color: #2e2d31; line-height: 30px; font-size: 18px; }
				.claim-container .claim-content p span { color: #ff0055; font-weight: 700; }

.benefits { width: 100%; padding: 125px 0; overflow: hidden; background: #f8f8f8; }
	.benefits-container { width: 1200px; margin: 0 auto; }
		.benefits-container h2 { text-align: center; margin-bottom: 85px; }
		.benefits-block { width: 100%; margin: 0 auto; overflow: hidden; display: flex; align-items: flex-start; justify-content: space-between; }
			.block { width: 350px; }
				.block img { max-width: 100%; display: block; margin: 0 auto 30px; }
				.block p { color: #2e2d31; font-size: 18px; text-align: center; font-weight: 700; line-height: 30px; }
					.block p span { color: #ff0055; }

.join { width: 100%; padding: 125px 0 80px; overflow: hidden; }
	.join-container { width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
		.join-container p { font-size: 42px; color: #2e2d31; font-family: itc-avant-garde-gothic-pro, sans-serif; font-weight: 700; line-height: 48px; }	
			.join-container p span { color: #ff0055; }
		.gift-box { width: 482px; }
			.gift-box img { width: 100%; }
			.gift-top { animation: float 4s ease-in-out infinite; }

@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}

@keyframes floattwo {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}

@keyframes floatthree {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(20px);
	}
	100% {
		transform: translatey(0px);
	}
}

.form-bottom { width: 100%; padding: 0 0 125px; overflow: hidden; }
	.form-bottom-container { width: 1200px; margin: 0 auto; }
		.form-bottom-container form { background: #fff; max-width: 920px; box-sizing: border-box; padding: 12px 20px 12px 0; border: 1px solid #e7f6fd; border-radius: 3px; overflow: hidden; margin: 0 auto; box-shadow: 0px 10px 12px rgba(0,0,0,0.1); position: relative; z-index: 10;}
			.form-group { position:relative; float: left; }
				.form-label { user-select: none; position: absolute; left: 35px; top: 25px; color: #999; background-color: #fff; z-index: 10; transition: transform 150ms ease-out, font-size 150ms ease-out, color 150ms ease-out; font-family: 'Montserrat', sans-serif; font-size: 13px; }
				.focused .form-label { transform: translateY(-190%); font-size: .75em; color: #ff0055; }
			.form-bottom-container form input { width: 220px; height: 60px; font-family: 'Montserrat', sans-serif; font-size: 13px; color: #999999; float: left; border: none; box-sizing: border-box; padding: 0 0 0 35px; outline: none; position: relative; }
			.form-bottom-container form input.input-first { border-right: 1px solid #e7f6fd !important; }
			.form-bottom-container form input.input-last { border-right: 1px solid #e7f6fd !important; }
			.form-bottom-container form input.input-email { margin-right: 18px; }
			.form-bottom-container form input.submit { color: #fff; font-weight: 700; padding: 0; background: #ff0055; letter-spacing:0.05em; border-radius: 3px; transition: background 150ms ease-out; }
			.form-bottom-container form input.submit:hover { background: #68c6df; cursor: pointer; }


header { width: 100%; overflow: hidden; padding: 50px 0; }
	.header-container { width: 1200px; margin: 0 auto; }
.body { width: 100%; overflow: hidden; }
	.body-container { width: 1200px; margin: 0 auto; overflow: hidden; display: flex; align-items: center; flex-direction: column; }
		.body-container .left { width: 550px; }
		.body-container h1 { margin-bottom: 30px; }
		.body-container img { margin: 50px 0; }
		.body-container p { font-size: 18px; color: #2e2d31; font-weight: 400; letter-spacing: 0.025em; line-height: 26px; margin-bottom: 35px; }
		.body-container a { text-decoration: none; }
		.body-container button { color: #fff; font-weight: 700; padding: 0; background: #4640de; letter-spacing:0.05em; border-radius: 3px; transition: background 150ms ease-out; display: block; border: none; padding: 20px 50px; text-transform: uppercase;}
		.body-container button:hover { background: #ffd571; cursor: pointer; }
.mobile-thank-you { display: none; }
.privacy-page .body-container { padding: 40px 0; }
	.privacy-page .body-container .left { width: 100%; }
		.privacy-page .body-container .left h1 { background: none; width: 100%; font-size: 42px; }
		.privacy-page .body-container .left h2 { background: none; width: 100%; font-size: 36px; margin-bottom: 30px; }
		.privacy-page .body-container .left h3 { background: none; width: 100%; font-size: 30px; margin-bottom: 30px; }
		.privacy-page .body-container .left p { font-size: 14px; line-height: 22px; margin-bottom: 25px; }
		.privacy-page .body-container .left a { color: #ff0055; }
		.privacy-page .body-container .left a:hover { color: #2e2d31; }
		.privacy-page .body-container .left span { color: #111; font-weight: 700; }
		.privacy-page .body-container .left ul { list-style: square inside; padding: 0 0 0 40px; }
			.privacy-page .body-container .left ul li { list-style: disc outside; font-size: 14px; line-height: 22px; font-family: 'Montserrat', sans-serif; margin-bottom: 10px; color: #2e2d31; font-weight: 400; letter-spacing: 0.025em; }
				.privacy-page .body-container .left ul li a { color: #ff0055; }
				.privacy-page .body-container .left ul li a:hover { color: #2e2d31; }

.mb-50 { margin-bottom: 50px !important; }



footer { width: 100%; padding: 45px 0; background: #f8f8f8; }
	footer img { display: block; width: 160px; margin: 0 auto 20px; }
	footer p { color: #5f5f5f; font-size: 10px; letter-spacing:0.025em; text-align: center; }
		footer p a { color: #ff0055; text-decoration: none; }
		footer p a:hover { color: #5f5f5f; }
.thank-you-page footer { position: fixed; bottom: 0; background: none;}


/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.hvr-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


@media screen and (max-width: 1200px) {

	.heading-container, .benefits-container, .form-bottom-container { width: 960px; }
	.img-container { width: 350px; border-radius: 30px; overflow: hidden; }
	.heading-container p { width: 570px; }
	.heading-container img { margin-bottom: 60px; }
	.block.center { margin: 0 30px; }
	.benefits-block { width: 960px; }
	.body-container { width: 960px; }
	.header-container { width: 960px; }
	.left { padding: 0 50px 0 0; }
	.hero { top: 70px; width: 360px; }
	.claim-container { width: 960px; }
	.block { width: 250px; }
	h1 { font-size: 40px; }
	h2 { line-height: 34px; font-size: 30px; }
	.join-container { width: 960px; }
	.join-container p { font-size: 32px; line-height: 38px; }
	.gift-box { width: 400px; }
}

@media screen and (max-width: 960px) {

	.heading-container, .benefits-container, .benefits-block, .claim-container, .join-container, .form-bottom-container { width: 768px; }
	.claim-container img { width: 300px; margin-right: 50px; }
	.block { width: 220px; }
	.block p br { display: none; }
	.heading-container form, .form-bottom-container form { width: 740px; }
	.heading-container form input, .form-bottom-container form input { width: 175px; }
	.img-container { width: 300px; }
	.heading-container p { font-size: 14px; line-height: 22px; width: 450px; }
	.header-container { width: 768px; }
	.right { width: 768px; margin: 0 auto; }
	.thank-you-page footer { position: static; margin-top: 20px; }
	.right img { display: none; }
	.mobile-thank-you { display: block !important; width: 100%; }
	.body-container { width: 768px; }
	.body-container h1 { margin-bottom: 30px; display: block; margin: 0 auto 30px; }
	.body-container p { text-align: center; }
	.body-container button { margin: 0 auto; }
	.privacy-page .body-container .left p { text-align: left; }
	.hero { width: 300px; }
	.heading-container p.small { width: auto; }
	.heading-container p.small br { display: none; }

}

@media screen and (max-width: 768px) {

	.privacy-page .body-container { padding: 40px 20px; }
	.heading-container, .benefits-container, .benefits-block, .claim-container, .join-container, .form-bottom-container { width: 500px; }
	.block { width: 100%; margin-bottom: 50px;}
	.block.center { margin: 20px 0; }
	h2 { font-size: 26px; }
	.claim-container .claim-content h2 { margin-bottom: 10px; }
	.claim-container .claim-content p.sub-title { margin-bottom: 20px; }
	.benefits-container > p { font-size: 14px; line-height: 22px; margin-bottom: 50px; }
	.heading-container p, .form-bottom-container p { width: 100%; text-align: center; }
	.heading-container p { text-align: left; }
	.heading-container form, .form-bottom-container form { width: 100%; padding: 20px; margin-bottom: 40px; }
	.heading-container form input.input-first, .heading-container form input.input-last, .form-bottom-container form input.input-first, .form-bottom-container form input.input-last  { border-right: none !important; }
	.heading-container form input, .form-bottom-container form input { width: 100%; border-bottom: 1px solid #e7f6fd !important; margin-bottom: 15px; }
	.form-group { width: 100%; }
	.img-container { position: static; width: 100%; height: 450px; }
	.heading { padding: 90px 0; }
	.heading-container form input.submit, .form-bottom-container form input.submit { width: 220px; margin: 0 auto; display: block; float: none; }
	.heading, .benefits { padding: 125px 0; }
	.heading-container img { margin: 0 auto 50px; display: block; }
	h1 { display: block; margin: 0 auto; text-align: left; }
	.benefits-container h2 { margin-bottom: 50px; }
	.right img { width: 100%; }
	.right { width: 100%; }
	.body-container .left { width: 100%; }
	.body-container { width: 100%; padding: 0 20px; box-sizing: border-box; }
	.header-container img { margin: 0 auto; display: block; }
	.header-container { width: 100%; }
	.benefits-block { display: block; }
	.claim-container { flex-direction: column; }
	.claim-container img { order: 1; margin: 50px auto 0; }
	.claim-container .claim-content p { line-height: 26px; font-size: 16px; }
	.claim, .benefits, .heading { padding: 70px 0; }
	.heading-container p.small { margin-bottom: 0; }
	.join-container { flex-direction: column; }
	.join { padding: 70px 0 40px;  }
	.gift-box { width: 100%; margin-top: 60px; }
	.join-container p br { display: none; }
	.block.last { margin: 0; }
	.form-bottom { padding: 0 0 70px; }
	.form-bottom-container form { margin-bottom: 0; }
	.hero { display: block; position: relative; width: 100%; } 
	.heading-container p br { display: none; }
}

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

	.heading-container, .benefits-container, .benefits-block, .claim-container, .join-container, .form-bottom-container { width: 100%; padding: 0 20px; box-sizing: border-box; }
	footer p { line-height: 18px; }
	h1 { font-size: 32px; }
	h2 { font-size: 26px; line-height: 32px; }
	.join-container p { text-align: center; font-size: 26px; line-height: 32px; }
	.body-container h1 { }
	.body-container p { font-size: 14px; line-height: 22px; margin-bottom: 0; }
	.privacy-page .body-container .left h1 { font-size: 32px; }
	.privacy-page .body-container .left h2 { font-size: 26px; }
	.privacy-page .body-container .left h3 { font-size: 20px; }
	.claim-container img { width: 100%; }
	.heading-container img.logo { margin-bottom: 50px; }
	.heading { padding: 30px 0 70px; }
	.body-container img { width: 150px; margin: 30px 0; }
	.hero { height: 555px; }
}

@media screen and (max-width: 415px) {

	.hero { height: 500px; }

}

@media screen and (max-width: 375px) {

	.hero { height: 440px; }

}

@media screen and (max-width: 320px) {

	.hero { height: 370px; }

}