@charset "UTF-8";

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {margin: 0;padding: 0;border: 0;font-size: 100%;font-weight: normal;vertical-align: baseline;background: transparent;}

article, aside, figure, footer, header, nav, section, details, summary {display: block;}
html {box-sizing: border-box;}

html, body{font-family: 'Ubuntu', sans-serif;}

*,
*:before,
*:after {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}



.logo-wrapper{ position:fixed; z-index:99999; top:40px; left:40px;}
.section{ width:100%; margin:0 auto; padding:0;text-align:center;}

#section1 {background-image: url('../images/section1-bg.jpg'); background-position:center center ; background-size:cover;}	
#slide2-1 {background-image: url('../images/section2-slide1-bg.jpg');background-size:cover;}
#slide2-2 {background-image: url('../images/section2-slide2-bg.jpg');background-size:cover;}
#slide2-3 {background-image: url('../images/section2-slide3-bg.jpg');background-size:cover;}
#slide2-4 {background-image: url('../images/section2-slide4-bg.jpg');background-size:cover;}
#slide2-5 {background-image: url('../images/section2-slide5-bg.jpg');background-size:cover;}
#section3 {background-image: url('../images/section3-bg.jpg'); background-position:center 60% ; background-size:cover; } 
#section4 {background-image: url('../images/section4-bg.jpg');background-position:center center ; background-size:cover;}
#section5 {background-image: url('../images/section5-bg.jpg'); background-position:center 60% ; background-size:cover;}
		
#section1 .fp-bg:before,#section3 .fp-bg:before, #section5 .fp-bg:before{content: '';position: absolute;display: block;background: rgba(0, 0, 0, 0.2);top:0;bottom:0;height: 100%;width: 100%;}
.fp-bg{background-size: cover;transform: translate3d(0,0,0);-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */backface-visibility: hidden;}
	
			 

.intro{ width:1200px; max-width:1200px; margin:0 auto; padding:0 40px;}
.intro h1{font-family: 'Ubuntu', sans-serif;font-size:75px; line-height:85px; margin:10px 0;   font-weight:500;color:#fff;text-align:left;}
.intro p{font-family: 'Ubuntu', sans-serif;font-size:35px; line-height:45px; margin:0; padding:0; font-weight:400;color: #fff;text-align:left;}

#section1 .intro p{font-family: 'Ubuntu', sans-serif; font-size:44px; line-height:50px; font-weight:400; color:#fff; text-align:left;  	}
#section2 .intro p{ padding:5px 10px;background: rgba(161, 35, 133, 0.7); float:left; clear:both;}	

.improve-list-wrapper{ width:100%; padding:20px 0; text-align:left;display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden;}
.improve-list-wrapper li{float: left; width:33.33%; min-height:260px; padding:0 30px 0 0;   display: -webkit-flex; display: -ms-flexbox; display: flex;}
.improve-list-wrapper li .icon-container{ height:100%; float: left; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 20px 0 0;}
.improve-list-wrapper li .icon-container img{width: 91px;height: 103px;}
.improve-list-wrapper li .content{ float:left; }
.improve-list-wrapper li h3{font-size:35px; line-height:45px;color: #fff; float: left; padding: 0 0 10px;}
.improve-list-wrapper li p{font-size:20px; line-height:26px;font-weight:400;color: #fff;float: left;clear: both;}

.provides-list{ margin: 20px 0 0; text-align:left; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden;}
.provides-list li{ float:left; width:33.33%;      padding: 0 30px 0px 20px; margin: 20px 0 30px; font-size:20px; line-height:26px; color: #fff; border-left:5px solid #a12385; float: left; display: -webkit-flex; display: -ms-flexbox; display: flex;}


form { padding:20px 0 0; margin:20px 0 30px;}

form .container{ width:85%;}
.email-field, .submit-btn {width: 100%;padding: 12px;margin: 8px 0;display: inline-block;border: 1px solid #ccc;box-sizing: border-box;}
.email-field{background:none; border:none; border-bottom:1px solid #ccc;  -webkit-appearance: none; -moz-appearance: none; font-size:34px; line-height:38px;color:#cbb5c6; padding:10px 0; margin:15px 0; }
.submit-btn {background-color: #a12385;color:#FFF;border:none; text-transform:uppercase; cursor:pointer; font-size:30px; font-weight:500px; margin:15px 0; max-width:200px; float:left;}
.submit-btn:hover {opacity: 0.8;}
.message{font-size:24px;line-height:28px;}


#section5 a.link{ color:#fff; font-size:22px; padding:12px; text-decoration:underline;}


footer{text-align:center; padding:12px 0; width:100%; background:#000000; position: absolute; bottom: 0;z-index: 9999999; }
footer p{ padding:10px 0;font-size:17px; line-height:20px; font-weight:400; color:#fff;}



@media (max-width:1200px) {
.intro{ max-width:1080px; padding:0 40px;}	
#section1 .intro p {font-size: 40px;line-height: 46px;}
.intro h1{ font-size:65px; line-height:75px; margin:10px 0; }
.intro p{ font-size:32px; line-height:42px; }

.improve-list-wrapper li h3{font-size:32px;line-height: 40px;}
.improve-list-wrapper li p {font-size:18px;line-height: 24px;}
.improve-list-wrapper li .icon-container img{width:82px;height:93px;}

.provides-list li{font-size:19px;line-height: 24px;}
.email-field{font-size:30px;line-height: 34px;}
.submit-btn{ font-size:28px;}

footer{padding:10px 0; }
footer p{ padding:10px 0;font-size:16px; line-height:20px;}	

	
}


@media (max-width:1024px) {
	
.intro{ max-width:940px; padding:0 40px;}	
#section1 .intro p {font-size:38px;line-height:44px;}
.intro h1{ font-size:60px; line-height:70px; margin:10px 0; }
.intro p{ font-size:30px; line-height:40px; }

.improve-list-wrapper li h3{font-size:30px;line-height: 40px;}
.improve-list-wrapper li p {font-size:18px;line-height: 24px;}
.improve-list-wrapper li .icon-container img{width:82px;height:93px;}

.provides-list li{font-size:18px;line-height: 24px;}
.email-field{font-size:28px;line-height: 34px;}
.submit-btn{ font-size:28px;}



	
}	
	

@media (max-width:900px) {
	
.intro{ max-width:768px; padding:0 40px;}	
#section1 .intro p {font-size:34px;line-height:42px;}
.intro h1{ font-size:54px; line-height:62px; margin:10px 0; }
.intro p{ font-size:28px; line-height:36px; }

.improve-list-wrapper li{width: 100%; min-height: auto;padding: 0 30px 30px 0;}
.improve-list-wrapper li h3{font-size:28px;line-height:36px;}
.improve-list-wrapper li p {font-size:17px;line-height: 22px;}
.improve-list-wrapper li .icon-container img{width:76px;height:86px;}

.provides-list li{font-size:17px;line-height: 24px;}
.email-field{font-size:26px;line-height: 30px;}
.submit-btn{ font-size:26px;}	

.message{font-size:20px;line-height:24px;}

form {margin: 20px 0 50px;float:left;}
#section5 a.link{ float:left; clear:both}	

footer{padding:10px 0; }
footer p{ padding:5px 0;font-size:15px; line-height:18px;}
		
		
}


@media (max-width:768px) {

.logo-wrapper{top:30px;left:30px;}
.logo-wrapper img{ width:173px; height:26px; }
.intro{ max-width:667px; padding:0 30px;}	
#section1 .intro p {font-size:32px;line-height:40px;}
.intro h1{ font-size:46px; line-height:54px; margin:10px 0; }
.intro p{ font-size:26px; line-height:34px; }

.fp-controlArrow.fp-next, .fp-controlArrow.fp-prev{ display:none;}

.improve-list-wrapper li{padding: 0 0px 10px 0;}

.improve-list-wrapper li h3{font-size:26px;line-height:32px;  padding: 0 0 8px;}
.improve-list-wrapper li p {font-size:17px;line-height: 22px;}
.improve-list-wrapper li .icon-container img{width:76px;height:86px;}

.provides-list li{font-size:17px;line-height: 24px; width:100%; margin:15px 0 15px; padding: 0 20px 0px 10px;}
.email-field{font-size:24px;line-height: 30px;}
.submit-btn{ font-size:24px;}
.message{font-size:16px;line-height:20px;}	

form { margin: 10px 0 50px;float: left;}

footer{padding:8px 0;  }
footer p{ padding:5px 0;font-size:14px; line-height:18px;}


#section5 a.link {font-size:20px;}	
}

@media (max-width:667px) { 

.logo-wrapper{top:26px;left:26px;}

.intro{ max-width:580px; padding:0 30px;}	
#section1 .intro p {font-size:30px;line-height:36px;}
.intro h1{ font-size:40px; line-height:46px; margin:10px 0; }
.intro p{ font-size:24px; line-height:30px; }

.improve-list-wrapper{padding:10px 0;}
.improve-list-wrapper li .icon-container{ padding: 0 8px 0 0;}
.improve-list-wrapper li h3{font-size:22px;line-height:26px;}
.improve-list-wrapper li p {font-size:16px;line-height: 22px;}
.improve-list-wrapper li .icon-container img{width:70px;height:79px;}

.provides-list li{font-size:16px;line-height: 22px;}
.email-field{font-size:22px;line-height:28px;}
.submit-btn{ font-size:22px;}
.message{font-size:14px;line-height:18px;}	

form { margin:0px 0 40px;float: left;}	

}

@media (max-width:580px) { 

.logo-wrapper{top:24px;left:24px;}
.logo-wrapper img{ width:160px; height:24px; }

.intro{ max-width:480px; padding:0 20px;}	
#section1 .intro p {font-size:28px;line-height:32px;}
.intro h1{ font-size:34px; line-height:38px; margin:10px 0; }
.intro p{ font-size:20px; line-height:26px; }


.improve-list-wrapper li h3{font-size:20px;line-height:24px;}
.improve-list-wrapper li p {font-size:15px;line-height: 20px;}
.improve-list-wrapper li .icon-container img{ width:56px;height:63px;}

.provides-list li{font-size:15px;line-height: 22px;  margin:10px 0 10px; padding: 0 10px 0px 10px;}
.email-field{font-size:20px;line-height:25px;}
.submit-btn{ font-size:20px;}	
.message{font-size:13px;line-height:18px;}	

#section5 a.link {font-size:18px;}	

footer{padding:5px 0;  }
footer p{ padding:5px 0;font-size:12px; line-height:14px;}

}


@media (max-width:480px) { 

.logo-wrapper{top:22px;left:22px;}
.logo-wrapper img{ width:147px; height:22px; }

.intro{ max-width:380px; padding:0 10px;}	
#section1 .intro p {font-size:25px;line-height:30px;}
.intro h1{ font-size:30px; line-height:36px; margin:10px 0; }
.intro p{ font-size:17px; line-height:22px; }


.improve-list-wrapper li h3{font-size:20px;line-height:24px;}
.improve-list-wrapper li p {font-size:14px;line-height:18px;}
.improve-list-wrapper li .icon-container img{width:50px;height:57px; }

.provides-list li{font-size:14px;line-height: 20px;  margin:10px 0 10px; padding: 0 10px 0px 10px;border-left:3px solid #a12385;}
.email-field{font-size:18px;line-height:22px;}
.submit-btn{ font-size:18px;}	

}



@media (max-width:380px) { 

.logo-wrapper{top:22px;left:22px;}
.logo-wrapper img{ width:130px; height:19px; }

.intro{ max-width:320px; padding:0 10px;}	
#section1 .intro p {font-size:20px;line-height:24px;}
.intro h1{ font-size:26px; line-height:30px; margin:10px 0; }
.intro p{ font-size:16px; line-height:20px; }


.improve-list-wrapper li h3{font-size:18px;line-height:22px;}
.improve-list-wrapper li p {font-size:12px;line-height:17px;}
.improve-list-wrapper li .icon-container img{width:42px;height:48px;}

.provides-list li{font-size:12px;line-height:16px;  margin:5px 0 5px; padding: 0 10px 0px 10px;}
.email-field{font-size:16px;line-height:20px;}
.submit-btn{ font-size:16px;}

footer{padding:5px 0;  }
footer p{ padding:3px 0;font-size:11px; line-height:14px;}	

}


@media (max-width:320px) { 

.logo-wrapper{top:20px;left:20px;}
.logo-wrapper img{ width:120px; height:18px; }

.intro{ max-width:280px; padding:0 10px;}	
#section1 .intro p {font-size:17px;line-height:22px;}
.intro h1{ font-size:22px; line-height:26px; margin:10px 0; }
.intro p{ font-size:14px; line-height:18px; }


.improve-list-wrapper li h3{font-size:16px;line-height:20px;}
.improve-list-wrapper li p {font-size:12px;line-height:17px;}
.improve-list-wrapper li .icon-container img{width:38px;height:43px;}

.provides-list li{font-size:11px;line-height:15px;  margin:5px 0 5px; padding: 0 8px 0px 8px;}
.email-field{font-size:14px;line-height:18px;}
.submit-btn{ font-size:14px;}	

}

.fp-scrollable{ margin:70px 0 0px; padding:0 0 120px}