/* 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-family: 'Roboto', sans-serif; font-weight: 500; color: #000; font-size: 40px; }
h2 { font-family: 'Roboto', sans-serif; }
h3 { font-family: 'Roboto', sans-serif; }
h4 { font-family: 'Roboto', sans-serif; }
h5 {}
h6 {}
p { font-family: 'Roboto', sans-serif; }


header { width: 100%; float: left; height: 125px; box-sizing: border-box; padding: 35px 0 0; box-shadow: 0px 2px 6px rgba(0,0,0,0.1); position: relative; z-index: 10; }
	.header-container { width: 1440px; margin: 0 auto; }
		.header-container img { float: left; }
		.header-container ul { float: right; margin-top: 20px; }
			.header-container ul li { display: inline; margin-left: 40px; }
				.header-container ul li a { color: #8d8d8d; font-family: 'Roboto', sans-serif; font-weight: 400; text-decoration: none; }
				.header-container ul li a:hover { color: #000; }

.heading { width: 100%; float: left; overflow: hidden; height: 857px; background: url(../images/heading-bg.jpg) no-repeat 0 0; }
	.heading-container { margin: 0 auto; width: 1440px; height: 100%; display: flex; align-items: center; }
		.heading-container div {  }
			.heading-container div img { margin: 0 0 62px; }
			.heading-container div h1 { margin: 0 0 32px; }
			.heading-p { font-family: 'Roboto', sans-serif; font-weight: 300; color: #000; font-size: 30px; width: 550px; margin-bottom: 35px; line-height: 36px; }
				.heading-p span { color: #009f52; font-weight: 500; }
			.heading-container ul { font-family: 'Roboto', sans-serif; font-weight: 300; list-style-image: url('../images/green-bullet.png'); padding: 0 0 0 20px; margin-bottom: 30px; }
				.heading-container ul li { color: #000; font-size: 24px; line-height: 28px; margin: 0 0 12px; }
					.heading-container ul li span { color: #009f52; font-weight: 900; }
			.heading-container div button { font-family: 'Roboto', sans-serif; font-weight: 500; color: #fff; font-size: 28px; border: none; border-radius: 10px; text-transform: uppercase; background: #ff7500; padding: 15px 30px; margin-bottom: 30px; cursor: pointer; -webkit-appearance: none; }
			.heading-container div button:hover { background: #169256; }
			.heading-orange-p { font-size: 24px; color: #ff7500; font-family: 'Roboto', sans-serif; font-weight: 500; line-height: 36px; -webkit-appearance: none; }

.green-section { width: 100%; float: left; overflow: hidden; }
	.green-section .left { width: 50%; height: 296px; float: left; background: #169256; display: flex; align-items: center; box-sizing: border-box; padding: 0 50px; }
		.green-section .left div { display: flex; align-items: center; margin: 0 auto; }
			.green-section .left div img { float: left; margin: 0 40px 0 0; }
			.green-section .left div p { float: left; font-size: 24px; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 500; line-height: 36px; }
				.green-section .left div p span { color: #ffdb57; font-size: 22px; }
				.green-section .left div p a { color: #ffdb57; text-decoration: none; }
				.green-section .left div p a:hover { color: #fe7907; }
	.green-section .right { width: 50%; height: 296px; float: left; overflow: hidden; }
		.green-section .right div { width: 33.3334%; float: left; overflow: hidden; height: 100%; }
			.green-section .right div.box-1 { background: #1fab67; box-sizing: border-box; padding: 0 40px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
			.green-section .right div.box-2 { background: #169256; box-sizing: border-box; padding: 0 40px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
			.green-section .right div.box-3 { background: #1fab67; box-sizing: border-box; padding: 0 40px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
				.green-section .right div img { margin-bottom: 40px; }
				.green-section .right div p { font-size: 26px; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 500; text-align: center; line-height: 32px; text-transform: uppercase; }

.section-three { width: 100%; float: left; overflow: hidden; background: url(../images/section-3-bg.png) repeat-y center center; }
	.section-three-container { width: 1440px; margin: 0 auto; }
		.section-three-container .left { width: 50%; float: left; box-sizing: border-box; padding: 93px 120px 50px 0; }
		.section-three-container .right { width: 50%; float: left; box-sizing: border-box; padding: 93px 0 50px 120px; }
			.section-three-container img { margin-bottom: 40px; }
			.section-three-container h3 { font-size: 40px; color: #000; font-weight: 500; margin-bottom: 30px; }
			.section-three-container p { font-size: 24px; font-weight: 300; line-height: 28px; }
				.section-three-container p span { font-weight: 500; }

.section-four { width: 100%; float: left; overflow: hidden; background: #f8cc00; height: 92px; display: flex; align-items: center; }
	.section-four p { color: #fff; font-size: 30px; font-weight: 900; text-align: center; width: 100%; }

.section-five { width: 100%; float: left; overflow: hidden; }
	.section-five-container { width: 1440px; margin: 60px auto; overflow: hidden; }
		.section-five-container div { width: 360px; }
			.section-five-container div p { font-weight: 500; font-size: 28px; text-align: center; margin: 28px 0 0; line-height: 34px; }
		.section-five-container div.left { float: left; margin: 0 90px 0 0; }
		.section-five-container div.center { float: left; margin: 0 90px; }
		.section-five-container div.right { float: left; margin: 0 0 0 90px; }

.section-six { width: 100%; float: left; overflow: hidden; height: 410px; }
	.section-six .left { width: 62.5%; height: 100%; float: left; background: #f3fbff; }
		.section-six .left > div { display: flex; align-items: center; width: 960px; box-sizing: border-box; float: right; }
			.section-six .left > div img { margin: 35px 66px 0 0; }
			.section-six .left > div > div h4 { font-weight: 500; font-size: 30px; margin: 0 0 51px; }
			.section-six .left > div > div ul { list-style-image: url(../images/orange-bullet.png); padding: 0 0 0 20px; }
				.section-six .left > div > div ul li { font-family: 'Roboto', sans-serif; font-weight: 300; color: #000; font-size: 24px; line-height: 28px; margin: 0 0 20px; }
	.section-six .right { width: 37.5%; height: 100%; float: left; background: #dff4ff; }
		.section-six .right .top { float: left; width: 100%; display: flex; align-items: center; height: 126px; background: #cdeeff; box-sizing: border-box; padding: 0 0 0 62px; }
			.section-six .right .top img { margin: 0 24px 0 0; }
			.section-six .right .top h4 { font-weight: 500; font-size: 30px; } 
		.section-six .right .bottom { float: left; clear: both;  box-sizing: border-box; padding: 0 0 0 62px; }
			.section-six .right .bottom ul { margin: 40px 0 0; }
				.section-six .right .bottom ul li { font-family: 'Roboto', sans-serif; font-weight: 300; color: #000; font-size: 24px; line-height: 28px; margin: 0 0 8px; }

.section-seven { width: 100%; float: left; overflow: hidden; height: 118px; background: url(../images/section-7-bg.png) repeat-y; border-top: 1px solid #158a51;  }
	.section-seven-container { width: 1440px; margin: 0 auto; height: 100%; overflow: hidden; }
		.section-seven-container .left { width: 500px; float: left; height: 100%; box-sizing: border-box; display: flex; align-items: center; position: relative; }
			.section-seven-container .left p { font-size: 26px; font-weight: 500; color: #fff; }
			.section-seven-container .left img { position: absolute; right: 0; }
		.section-seven-container .right { width: 940px; float: left; height: 100%; background: #1fab67; box-sizing: border-box; display: flex; align-items: center; padding: 0 0 0 65px;  }
			.section-seven-container .right p { font-weight: 500; font-size: 20px; color: #fff; line-height: 28px; }
			.section-seven-container .right a { float: right; background: #fe7907; border-radius: 10px; color: #fff; border: none; padding: 15px 25px; width: 442px; font-weight: 500; font-size: 24px; font-family: 'Roboto', sans-serif; margin-left: 15px; text-transform: uppercase; cursor: pointer; }
			.section-seven-container .right a:hover { background: #fff; color: #fe7907; }

.section-seven-bottom { width: 100%; float: left; overflow: hidden; background: #169256; height: 177px; box-shadow: inset 0 15px 20px rgba(0,0,0,0.1); display: flex; align-items: center; }
	.section-seven-bottom-cont { width: 1440px; margin: 0 auto; box-sizing: border-box; display: flex; align-items: center; }
		.section-seven-bottom-cont img { margin: 0 77px 0 219px; }
		.section-seven-bottom-cont p { color: #fff; font-size: 20px; font-weight: 500; line-height: 27px;}
			.section-seven-bottom-cont p span { font-weight: 700; }
			.section-seven-bottom-cont p a { text-decoration: none; color: #f8cc00; font-size: 24px;  }
			.section-seven-bottom-cont p a:hover { color: #fe7907; }

.accordion { width: 100%; float: left; overflow: hidden; }
	.accordion-container { width: 1440px; margin: 0 auto; overflow: hidden; padding: 25px 0 0; }

/* accordion */

ul li i:before, ul li i:after { transition: all 0.25s ease-in-out; }

ul.accordion { list-style: none; perspective: 900; box-sizing: border-box; margin: 0; width: 100%; }
	ul.accordion li { position: relative; margin: 0 0 20px; border: 1px solid #dff4ff; padding: 0; box-sizing: border-box; border-radius: 15px; background: #dff4ff; }

.accordion h4 { padding: 26px 65px 4px; font-weight: 500; color: #000; font-size: 24px; margin: 0 0 7px;}

.accordion p { color: #0d2b3e; font-size: 20px; line-height: 28px; font-family: Roboto,sans-serif; font-weight: 300; position: relative; overflow: hidden; opacity: 1; z-index: 2; border-radius: 0 0 15px 15px; background: #fff; padding: 10px 20px 5px; }

ul.accordion li i {
  position: absolute;
  transform: translate(-6px, 0);
  left: 25px;
  width: 28px;
  height: 28px;
  background: #ff7500;
  border-radius: 15px;
  top: 23px;
}
ul.accordion li i:before, ul.accordion li i:after {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 3px;
  height: 9px;
  left: 13px;
  top: 10px;
}
ul.accordion li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
ul.accordion li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}
ul.accordion li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
ul.accordion li input[type=checkbox]:checked ~ p { margin-top: 0; max-height: 0; opacity: 0; }
ul.accordion li input[type=checkbox]:checked ~ i:before { transform: translate(2px, 0) rotate(45deg); }
ul.accordion li input[type=checkbox]:checked ~ i:after { transform: translate(-2px, 0) rotate(-45deg); }

@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
  }
  5% {
    opacity: 1;
  }
  80% {
    transform: rotateX(8deg);
  }
  83% {
    transform: rotateX(6deg);
  }
  92% {
    transform: rotateX(-3deg);
  }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg);
  }
}

footer { width: 100%; float: left; padding: 30px 0; background: #f3f3f3; }
	footer p { font-weight: 400;  font-size: 14px; color: #636363; text-align: center; font-family: 'Roboto', sans-serif; }
		footer p a { color: #009f52; font-weight: 500; text-decoration: none; }

.modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
	.modal-content { background-color: #fff; margin: 15% auto; padding: 30px; width: 521px; height: auto; border-radius: 15px; box-sizing: border-box; position: relative;}
		.modal-content p { font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 24px; color: #169256; text-align: center; padding: 0 30px; margin-bottom: 30px; line-height: 28px; }
		form { width: 100%; -webkit-appearance: none; }
			form input.text { width: 100%; border: 1px solid #c9e6d8; font-family: 'Roboto', sans-serif; font-weight: 300; color: #169256; border-radius: 6px; padding: 14px; box-sizing: border-box; margin-bottom: 16px; font-size: 16px; -webkit-appearance: none; }
			form input.submit { background: #ff7500; color: #fff; border-radius: 10px; font-family: 'Roboto', sans-serif; font-weight: 500; border: none; font-size: 16px; padding: 17px 34px; display: block; margin: 0 auto; text-transform: uppercase; cursor: pointer; -webkit-appearance: none; }
			form input.submit:hover { background: #169256; -webkit-appearance: none; }

.close { color: #169256;  font-size: 28px; font-weight: bolder; position: absolute; text-align: center; width: 27px; height: 27px; right: -25px; top: -25px; background: #fff; border-radius: 20px; }
.close:hover, .close:focus { color: #ff7500; text-decoration: none; cursor: pointer; }

.arrow-bottom { display: none; }
.section-mobile { display: none; float: left; width: 100%; }
	.section-mobile-container {  } 
		.ul-container { width: 100%; background: #fff; }
			.ul-container div { width: 100%; padding: 25px 20px; box-sizing: border-box; }
				.ul-container div ul { font-family: 'Roboto', sans-serif; font-weight: 300; list-style-image: url('../images/green-bullet.png'); padding: 0 0 0 20px; }
				.ul-container div ul li { color: #000; font-size: 18px; line-height: 22px; margin: 0 0 12px; }
				.ul-container div ul li:last-child { margin: 0; }
					.ul-container div ul li span { color: #009f52; font-weight: 900; }
				
		.green-cont { width: 100%; background: #169256; }
			.green-cont div { width: 100%; padding: 20px; box-sizing: border-box; }
				.green-cont div img { width: 50px; float: left; margin-right: 20px; }
				.green-cont div p { color: #fff; font-weight: 500; line-height: 26px; margin-bottom: 16px; }
				.green-cont div p.yellow-p { clear: both; color: #ffdb57; }
					.green-cont div p a { color: #f8cc00; text-decoration: none; }

/* Thank You Page */

.thank-you-section { width: 100%; float: left; overflow: hidden; padding: 100px 0; }
	.thank-you-container { width: 1440px; margin: 0 auto; display: flex; align-items: center; box-sizing: border-box; }
		.thank-you-container > img { margin-right: 120px; }
		.thank-you-container div {  }
			.thank-you-container div h1 img { margin: 0 11px -5px 0; }
			.thank-you-container div h1 { color: #169256; font-weight: 500; font-size: 50px; margin-bottom: 60px; }
			.thank-you-container div p { font-size: 20px; font-family: 'Roboto', sans-serif; font-weight: 400; line-height: 30px; color: #4d4d4d; }
				.thank-you-container div p span { font-weight: 500; }
			.thank-you-container div a { font-family: 'Roboto', sans-serif; display: block; text-decoration: none; width: 250px; font-weight: 500; color: #fff; font-size: 20px; border: none; border-radius: 10px; text-transform: uppercase; background: #ff7500; padding: 15px 0; text-align: center; margin-top: 40px; }
			.thank-you-container div a:hover { background: #169256; cursor: pointer; }


/* Blog Page */

.blog { width: 100%; float: left; overflow: hidden; padding: 35px 0; }
	.blog-container { width: 1440px; margin: 0 auto; overflow: hidden; }
		.blog-container .left { width: 1100px; overflow: hidden; float: left; margin-right: 40px; }
			.blog-container .left .main-post { width: 100%; border-bottom: 1px solid #e1e1e1; padding-bottom: 35px; margin-bottom: 35px; float: left; }
				.blog-container .left .main-post img { width: 100%; margin-bottom: 20px; }
				.blog-container .left .main-post h1 { font-size: 25px; color: #000; font-weight: 500; margin-bottom: 20px; }
					.blog-container .left .main-post h1 a { color: #000; text-decoration: none; }
					.blog-container .left .main-post h1 a:hover { color: #009f52; }
				.blog-container .left .main-post p { font-size: 18px; font-weight: 400; line-height: 25px; }
				.blog-inner .blog-container .left .main-post p { margin-bottom: 30px; }
				.blog-inner .blog-container .left .main-post h3 { font-size: 20px; font-weight: 500; margin-bottom: 30px; }
				.blog-inner .blog-container .left .main-post h2 { color: #169256; font-size: 20px; font-weight: 500; margin-bottom: 30px;  }
				.blog-container .left .main-post p span { font-weight: 500; }
				.blog-container .left .main-post p a { color: #009f52; font-weight: 500; }
				.blog-container .left .main-post p.post-date { color: #009f52; font-size: 15px; font-weight: 400; margin-bottom: 20px; }

			.blog-container .left .secondary-post { width: 100%; margin-bottom: 25px; float: left; }
				.secondary-post-img { width: 380px; float: left; margin-right: 40px; }
				.secondary-post-txt { width: 680px; float: left; }
					.blog-container .left .secondary-post img { width: 100%; margin-bottom: 20px; }
					.blog-container .left .secondary-post h1 { font-size: 25px; color: #000; font-weight: 500; margin-bottom: 20px; }
						.blog-container .left .secondary-post h1 a { color: #000; text-decoration: none; }
						.blog-container .left .secondary-post h1 a:hover { color: #009f52; }
					.blog-container .left .secondary-post p { font-size: 18px; font-weight: 400; line-height: 25px; }
					.blog-container .left .secondary-post p span { font-weight: 500; }
					.blog-container .left .secondary-post p a { color: #009f52; font-weight: 500; }
					.blog-container .left .secondary-post p.post-date { color: #009f52; font-size: 15px; font-weight: 400; margin-bottom: 20px; }

		.blog-container .right { width: 300px; float: left; }
			.blog-container .right .sense-info { width: 100%; box-sizing: border-box; padding: 25px 20px; background: #dff4ff; margin-bottom: 30px; }
				.blog-container .right .sense-info h2 { font-size: 25px; color: #000; margin-bottom: 25px;}
					.blog-container .right .sense-info h2 span { color: #169256; font-weight: 500;  }
				.blog-container .right .sense-info ul { font-family: 'Roboto', sans-serif; font-weight: 300; list-style-image: url('../images/green-bullet.png'); padding: 0 0 0 20px; margin-bottom: 30px; }
				.blog-container .right .sense-info ul li { color: #000; font-size: 18px; line-height: 22px; margin: 0 0 12px; }
					.blog-container .right .sense-info ul li span { color: #009f52; font-weight: 900; }
				.blog-container .right .sense-info p { font-size: 18px; color: #ff7500; font-family: 'Roboto', sans-serif; font-weight: 400; line-height: 22px; margin-bottom: 30px; }
				.blog-container .right .sense-info button { font-family: 'Roboto', sans-serif; font-weight: 500; color: #fff; font-size: 22px; border: none; border-radius: 10px; text-transform: uppercase; background: #ff7500; padding: 15px 0; width: 100%; cursor: pointer; -webkit-appearance: none; }
				.blog-container .right .sense-info button:hover { background: #169256; }

			.blog-container .right .sense-gift { width: 100%; box-sizing: border-box; padding: 25px 20px 5px; background: #169256; }
				.blog-container .right .sense-gift img { display: block; margin: 0 auto 35px; }
				.blog-container .right .sense-gift p { font-family: 'Roboto', sans-serif; font-weight: 400; color: #fff; font-size: 20px; line-height: 24px; margin-bottom: 25px; }
				.blog-container .right .sense-gift p.small, .blog-container .right .sense-gift p a { color: #ffdb57; font-size: 15px; line-height: 20px; text-decoration: none;}
				.blog-container .right .sense-gift p a:hover { color: #fff; }



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

	.heading-container, .section-three-container, .section-five-container, .accordion-container, .section-seven-container, .section-seven-bottom-cont, .header-container, .thank-you-container, .blog-container { width: 1200px; }
	.section-three-container { overflow: hidden; }
	.green-section .left { padding: 0 20px; }
	.green-section .left div p { font-size: 18px; line-height: 28px; }
	.green-section .left div p span { font-size: 18px; }
	.green-section .right div p { font-size: 18px; line-height: 28px; }
	.section-three-container img { height: 280px; } 
	.section-three-container h3 { font-size: 28px; }
	.section-three-container p { font-size: 18px; line-height: 26px; }
	.section-five-container div.left { margin: 0 30px 0 0; }
	.section-five-container div.center { margin: 0 30px; }
	.section-five-container div.right { margin: 0 0 0 30px; }
	.section-six { height: 360px; }
	.section-six .left > div > div ul li { font-size: 16px; line-height: 10px; margin: 0px 0 16px; }
	.section-six .left > div > div h4 { font-size: 24px; margin: 0 0 30px; }
	.section-six .left > div img { width: 330px; }
	.section-six .left > div { width: 740px; }
	.section-six .right .bottom ul li { font-size: 16px; line-height: 18px; }
	.section-six .right .top img { width: 50px; }
	.section-six .right .top h4 { font-size: 20px; }
	.section-six .right .top { height: 100px; }
	.section-seven-container .left p { font-size: 18px; }
	.section-seven-container .right { width: 840px; padding: 0 0 0 25px; }
	.section-seven-container .left { width: 360px; }
	.section-seven-container .right p { font-size: 14px; line-height: 21px; }
	.section-seven-container .right a { width: 345px; }
	.section-seven-bottom-cont p { font-size: 16px; line-height: 24px; }
	.heading { background-size: cover; background-position: -200px 0; }
	.thank-you-container > img { width: 450px; }
	.blog-container .left { width: 860px; }
	.secondary-post-txt { width: 450px; }
	.secondary-post-img { width: 370px; }

}

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

	.heading { background-size: cover; background-position: -300px 0; }

}

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

	.heading-container, .section-three-container, .section-five-container, .accordion-container, .section-seven-container, .section-seven-bottom-cont, .header-container, .thank-you-container, .blog-container { width: 960px; }
	h1 { font-size: 28px; }
	.heading { height: 625px; background-size: cover; background-position: -100px 0; }
	.heading-p { font-size: 18px; line-height: 24px; }
	.heading-container ul li { font-size: 16px; line-height: 28px; margin: 0 0 4px; }
	.heading-orange-p { font-size: 20px; line-height: 24px; }
	.heading-orange-p br { display: none; }
	.green-section .left div img { width: 90px; margin: 0 20px 0 0; }
	.green-section .left div p { font-size: 14px; line-height: 22px; } 
	.green-section .left div p span { font-size: 16px; }
	.green-section .right div p { font-size: 12px; line-height: 16px; }
	.green-section .right div img { margin-bottom: 20px; width: 55px; }
	.green-section .right { height: 210px; }
	.green-section .left { height: 210px; }
	.section-three-container img { height: 180px; }
	.section-three-container .left {  padding: 30px 30px 50px 0; }
	.section-three-container .right { padding: 30px 0 50px 30px;  }
	.section-four { height: 62px; }
	.section-four p { font-size: 22px; }
	.section-five-container div { width: 280px; }
	.section-five-container div img { width: 100%; }
	.section-five-container div p { font-size: 22px; line-height: 24px; }
	.section-six { height: 300px; }
	.section-six .left > div { width: 600px; margin-top: 20px; }
	.section-six .left > div img { width: 200px; margin-top: 50px; }
	.section-six .right .bottom ul { margin: 20px 0 0; }
	.section-six .right .top, .section-six .right .bottom { padding: 0 0 0 30px; }
	.section-seven { height: 100px; }
	.section-seven-container .left { width: 340px; }
	.section-seven-container .right { width: 610px; }
	.section-seven-container .right a { width: 325px; font-size: 16px; }
	.section-seven-bottom { height: 125px; }
	.section-seven-bottom-cont img { width: 170px; margin: 0px 77px 0 119px; }
	.section-seven-bottom-cont p { font-size: 14px; line-height: 20px; }
	.section-seven-bottom-cont p a { font-size: 18px; }
	.thank-you-container > img { margin-right: 70px; }
	.blog-container .left { width: 100%; margin: 0; }
	.secondary-post-txt { width: 550px; }
	.blog-container .right { width: 100%; }
	.blog-container .right .sense-info button { width: 220px; }

}


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

	.heading-container, .section-three-container, .section-five-container, .accordion-container, .section-seven-bottom-cont, .header-container, .thank-you-container, .blog-container { width: 768px; }
	header { height: 80px; padding: 15px 0 0;}
	.header-container ul { margin-top: 16px; }
	.section-four, .section-five, .section-three, .section-six .left, .section-seven-bottom { display: none; }
	.section-six { height: auto; width: 100%; }
	.section-six .right { width: 100%; height: auto; padding-bottom: 20px; }
	.green-section .left { width: 100%; }
	.green-section .right { width: 100%; }
	.heading-orange-p, .heading-container ul { display: none; } 
	.heading { height: auto; padding: 50px 0; background-position: 0 0; }
	.heading-p { width: 100%; }
	.heading-container div { width: 50%; }
	.green-section .right div { width: 100%; }
	.green-section .left, .green-section .right { height: auto; }
	.green-section .right div { flex-direction: row !important; padding: 20px !important; justify-content: left !important; }
	.green-section .right div img { margin: 0 20px 0 0; }
	.green-section .right div p { font-size: 18px; }
	.green-section .left div { padding: 20px; margin: 0; }
	.green-section .left { padding: 0; }
	.section-seven { height: auto; background: #1fab67; }
	.section-seven-container { width: 100%; }
	.section-seven-container .left img { display: none; }
	.section-seven-container .left p { text-align: center; font-size: 22px; width: 100%; }
	.section-seven-container .left p span { color: #f99e00; }
	.section-seven-container .left { width: 100%; background: #169256; padding-top: 20px; display: inline; }
	.section-seven-container .right { width: 100%; flex-direction: column; padding: 0;}
	.section-seven-container .left img.arrow-bottom { display: block; width: 100%; position: static;}
	.section-seven-container .right p { font-size: 20px; padding: 0 40px; line-height: 26px; font-weight: 300; margin-bottom: 20px;}
	.section-seven-container .right a { text-align: center; width: auto; font-weight: 500; font-size: 36px; padding: 15px 30px; margin-bottom: 35px; }
	.thank-you-container > img { width: 300px; }
	.thank-you-container div h1 { margin-bottom: 30px; font-size: 35px; }
	.thank-you-container div h1 img { width: 30px; margin: 0 11px -2px 0; }
	.thank-you-container div p { font-size: 18px; line-height: 28px; }
	.secondary-post-img { margin: 0 0 20px; width: 100%; }
	.blog-container .left .secondary-post img { margin: 0; }
	.secondary-post-txt { width: 100%; }
	.blog-container .left .secondary-post { border-bottom: 1px solid #e1e1e1; padding-bottom: 35px; margin-bottom: 35px; }


}

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

	h1 { font-size: 26px; line-height: 32px; }
	header { padding: 25px 20px 0; }
	.header-container { width: 100%; }
	.header-container img { width: 170px; }
	.header-container ul { margin-top: 9px; }
	.header-container ul li { margin-left: 20px; }
	.heading-container, .section-three-container, .section-five-container, .accordion-container, .section-seven-bottom-cont, .blog-container { width: 100%; box-sizing: border-box; padding: 0 20px; }
	.thank-you-section { padding: 0 0 20px; }
	.thank-you-container { width: 100%; }
	.heading { background: url(../images/heading-bg-mobile.jpg) no-repeat; background-size: cover; background-position: 60% 0;}
	.heading-container div { width: 70%; }
	.heading-container div img { margin: 0 0 30px; }
	.heading-container div button { margin-bottom: 0; }
	.green-section .left { display: none; }
	.section-seven-container .right a { margin-left: 0; }
	.accordion-container { padding: 20px 20px 0; }
	.accordion h4 { font-size: 18px; }
	ul.accordion li i { top: 20px; }
	.accordion p { font-size: 16px; }
	.section-seven-container .left p { margin-bottom: 10px; }
	.section-seven-container .right { padding: 0 20px; }
	.section-seven-container .right p { padding: 0; }
	.section-seven-container .right a { width: 100%; padding: 15px 0; }
	.section-six .right .top { height: 80px; }
	.section-six .right .bottom ul li { font-weight: 500; }
	.section-six .right .top, .section-six .right .bottom { padding: 0 20px; }
	.section-mobile { display: block; }
	.thank-you-container { display: block; }
	.thank-you-container > img { width: 100%; margin-bottom: 50px;}
	.thank-you-container div h1 { text-align: center; }
	.thank-you-container div p { text-align: center; padding: 0 20px; }
	.thank-you-container div a { margin: 40px auto 0; }
	.thank-you-container div p br { display: none; }
}


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

	.heading-container div button { font-size: 22px; }
	.section-seven-container .right a { font-size: 30px; }
	.heading-container div img { width: 200px; }
	.heading-container div { width: 65%; }
	.heading-container div h1 { margin-bottom: 22px; font-size: 20px; line-height: 24px; }
	.heading-p { margin-bottom: 22px; font-size: 16px; }
	.heading { background-position: 60% 0; }
	.section-seven-container .left p { font-size: 18px; }
	.accordion h4 { padding: 15px 65px 0px; }
	.modal { padding: 0 30px; box-sizing: border-box; }
   	.close { right: 0px; top: -35px; }
   	.modal-content { width: 100%; }
   	.modal-content p { padding: 0; }
   	form input.submit { width: 100%; font-size: 20px; padding: 20px 0; }
   	.section-seven-container .right p { font-weight: 500; }
   	.section-six .right .top { height: 60px; }
   	.blog-container .right .sense-info button { width: 100%; }

}

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

	.heading { background-image: url(../images/mobile-bg.jpg); background-position: 50px -30px; }
	.header-container img { width: 130px; }
	header { height: 55px; }
	.header-container ul li { margin-left: 13px; font-size: 12px; }
	header { padding: 17px 15px 0; } 
	.header-container ul { margin-top: 4px; }
	.header-container ul li a { font-weight: 500; }

}


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

	.heading { background-image: url(../images/mobile-bg.jpg); background-position: 50px -30px; }
	.heading-container div button { padding: 15px 20px; font-size: 18px; }
	.heading-p { font-size: 14px; }
	.ul-container div ul li { font-size: 16px; }
	.section-seven-container .right p { font-size: 16px; }
	.section-seven-container .right a { font-size: 22px; }
	.accordion h4 { padding: 15px 35px 0 65px; }
	form input.submit { width: 100%; font-size: 16px; padding: 15px 0; }
	.modal-content p { font-size: 18px; line-height: 22px; }

}


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

	.heading { padding: 35px 0; }
	.heading-container div h1 { margin-bottom: 22px; font-size: 16px; line-height: 22px; }
	.heading-container div img { width: 160px; margin: 0 0 20px; }
	.heading-container div { width: 70%; }
	.heading-p { font-size: 13px; }
	.heading-container div button { padding: 12px 20px; font-size: 16px; }
	.ul-container div ul li { font-size: 14px; }
	.green-cont div p { line-height: 22px; font-size: 14px; }
	.green-section .right div p { font-size: 12px; }
	.green-section .right div img { width: 30px; }
	.section-six .right .top img { width: 30px; }
	.section-six .right .top h4 { font-size: 14px; }
	.section-seven-container .left p { font-size: 16px; }
	.section-seven-container .right p { font-size: 14px; }
	.accordion h4 { padding: 15px 30px 0px 55px; font-size: 14px; margin: 0 0 5px; } 
	ul.accordion li i { top: 15px; left: 20px; }
	.accordion p { font-size: 14px; line-height: 22px; } 
	.section-seven-container .right a { margin-bottom: 20px; }
	form input.submit { font-size: 14px; }
	.header-container img { width: 115px; }
	.header-container ul { margin-top: 3px; }

}