@import url("https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700");
body { margin: 0; padding: 0; }

#page.page { margin-top: -285px; position: relative; border-top-right-radius: 100%; border-top-left-radius: 100%; }

.wrapper { clear: both; margin-left: auto; margin-right: auto; display: block; position: relative; z-index: 1; width: 960px; }

.inner-wrapper { display: block; width: 1535px; position: relative; z-index: 1000; left: -285px; overflow-y: hidden; }

#img-1 { position: relative; top: 0; left: 0; float: left; display: block; z-index: 2; }

#img-2 { position: relative; top: 0; left: 0; float: right; display: block; z-index: 2; }

#img-3 { position: absolute; top: 0; left: 0; right: 0; width: 100%; display: block; z-index: 1; }

#img-4 { margin: 0; padding: 0; position: absolute; top: 40px; z-index: 2; right: 0; width: 672px; left: 430px; }

#img-5 { position: absolute; top: 179px; left: 562px; right: 0; display: block; z-index: 2; }

.u761#u761 { z-index: 26; width: 1532px; margin-right: -10000px; margin-top: 242px; left: -338px; }

#u185.u185 { z-index: 28; width: 756px; margin-right: -10000px; margin-top: 258px; left: 49px; }

#u368.u368 { z-index: 37; width: 69px; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 254px; left: 46px; }

#u604.u604 { z-index: 49; width: 77px; height: 33px; position: relative; margin-right: -10000px; margin-top: 256px; left: 46px; }

#u605.u605 { z-index: 50; width: 90px; height: 33px; position: relative; margin-right: -10000px; margin-top: 256px; left: 146px; }

#u606.u606 { z-index: 51; width: 150px; height: 33px; position: relative; margin-right: -10000px; margin-top: 256px; left: 261px; }

#u607.u607 { z-index: 52; width: 150px; height: 33px; position: relative; margin-right: -10000px; margin-top: 256px; left: 442px; }

#u608.u608 { z-index: 53; width: 193px; height: 33px; position: relative; margin-right: -10000px; margin-top: 256px; left: 621px; }

.section-body { margin-top: 300px; position: relative; height: 800px; background: url("../images/home-bg.jpg") no-repeat; background-size: cover; background-position: -4px; }

#img-6 { position: absolute; top: -12px; left: 130px; display: block; width: 930px; height: 266px; }

#u265.u265 { z-index: 2; width: 1532px; margin-right: -10000px; margin-top: 249px; left: -285px; }

#img-7 { position: absolute; top: 241px; left: 177px; display: block; width: 849px; height: 466px; }

#img-8 { position: absolute; top: 440px; left: 872px; display: block; width: 432px; height: 427px; z-index: 2; pointer-events: none; }

#img-9 { position: absolute; top: 48px; left: 1066px; display: block; width: 304px; height: 542px; }

.home-slider { position: absolute; top: 241px; left: 177px; display: block; width: 849px; height: 466px; overflow: hidden; z-index: 1; }

.home-slider .slick-arrow { background-color: white; position: absolute; top: 0; left: 20px; bottom: 0; height: 50px; width: 50px; line-height: 50px; font-size: 42px; border-radius: 100px; text-align: center; margin: auto; cursor: pointer; opacity: 0.8; -webkit-box-shadow: 0 0 5px black; box-shadow: 0 0 5px black; z-index: 1; -webkit-transition: opacity 200ms linear; transition: opacity 200ms linear; }

.home-slider .slick-arrow:hover { opacity: 1; }

.home-slider .next-button { left: auto; right: 20px; }

.home-form { position: absolute; top: 48px; left: 1066px; display: block; width: 304px; height: 542px; }

.home-form * { outline: none !important; }

#home_form_name, #home_form_email, #home_form_number, #home_form_submit { position: absolute; top: 184px; left: 50px; width: 220px; height: 50px; display: block; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background: none; border: none; outline: none !important; }

#home_form_email { top: 270px; }

#home_form_number { top: 357px; }

#home_form_submit { top: 450px; height: 55px; left: 20px; width: 275px; cursor: pointer; }

.header-text { position: absolute; top: 0; left: 130px; display: block; width: 930px; height: 266px; }

.header-text-1 { text-shadow: -0.9px 0.5px 65.8px rgba(0, 0, 0, 0.35); color: #fffef3; font-family: "Josefin Sans", serif; font-weight: 400; white-space: nowrap; line-height: normal; position: absolute; font-size: 56px; top: 18px; left: 35px; letter-spacing: -0.055em; }

.header-text-2 { text-shadow: -0.9px 0.5px 65.8px rgba(0, 0, 0, 0.35); color: #fffef3; font-family: "Josefin Sans", serif; font-size: 31px; font-weight: 400; white-space: nowrap; line-height: 34px; position: absolute; top: 93px; left: 28px; letter-spacing: -0.050em; }

.header-text-3 { text-shadow: -0.9px 0.5px 65.8px rgba(0, 0, 0, 0.35); color: #fffef3; font-family: "Josefin Sans", serif; font-size: 31px; font-weight: 400; white-space: nowrap; line-height: 34px; position: absolute; top: 198px; left: 61px; letter-spacing: -0.050em; }

.header-form { position: absolute; top: 48px; left: 1066px; display: block; width: 304px; height: 542px; }

.form-text-1, .form-text-2, .form-text-3, .form-text-4, .form-text-5, .form-text-6 { color: white; font-family: "Josefin Sans", serif; line-height: normal; white-space: nowrap; position: absolute; top: 0; left: 0; }

.form-text-1 { font-size: 29px; font-weight: 400; top: 17px; left: 20px; letter-spacing: -2.2px; }

.form-text-2 { font-size: 26px; font-weight: 400; top: 72px; left: 38px; letter-spacing: -2px; text-align: center; line-height: 28px; }

.form-text-3 { font-size: 24px; font-weight: 400; top: 164px; left: 49px; letter-spacing: -2px; }

.form-text-4 { font-size: 24px; font-weight: 400; top: 248px; left: 49px; letter-spacing: -2px; }

.form-text-5 { font-size: 24px; font-weight: 400; top: 338px; left: 49px; letter-spacing: -1px; }

.form-text-6 { font-size: 29px; font-weight: 400; top: 461px; left: 31px; letter-spacing: -2px; }

/*---------------------------------------------------------------
## Mobile
---------------------------------------------------------------*/
.mobile-old { position: absolute; top: 1250px; left: 0; display: block; z-index: 1; min-height: auto !important; }

.mobile-container { display: block; position: absolute; top: 0; left: 0; right: 0; width: 100%; max-width: 380px; min-height: 10px; z-index: 100; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mobile-container * { outline: none !important; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent !important; }

.mobile-container img { max-width: 100%; width: auto; }

.mobile-header { height: 123px; text-align: center; background-color: #005826; }

.mobile-header .bg-left { width: 176px; height: 126px; display: block; position: absolute; top: 0; left: 0; }

.mobile-header .bg-right { width: 182px; height: 127px; display: block; position: absolute; top: 0; right: 0; }

.mobile-logo { position: absolute; width: 295px; height: 63px; top: 0; left: 43px; margin-top: 13px; display: block; }

.mobile-sub-logo { width: 231px; height: 31px; position: absolute; top: 0; left: 75px; margin-top: 78px; display: block; }

.mobile-menu { height: 43px; display: block; position: relative; }

.mobile-menu img { width: 380px; height: 43px; display: block; position: relative; cursor: pointer; }

.mobile-sub-menu { position: absolute; z-index: 100; top: 50px; left: 0; display: none; list-style: none; margin: 0; padding: 0 5px; text-align: center; width: 100%; }

.mobile-sub-menu > li { margin: 0; padding: 0; display: block; }

.mobile-sub-menu > li.active > a { background-color: #22B573; }

.mobile-sub-menu a { padding: 20px 0; display: block; text-decoration: none; background-color: #005826; margin: 0 0 2px; line-height: 26px; color: #FFFF00; font-size: 22px; text-align: center; font-family: carter-one, sans-serif; font-weight: 400; }

.mobile-sub-menu a:hover { background-color: #999999; }

.mobile-content { display: block; width: 100%; position: relative; }

.mobile-bg { width: 380px; height: 1120px; display: block; position: absolute; top: 0; left: 0; }

.mobile-text-1 { position: absolute; top: 10px; left: 0; display: block; text-align: center; width: 100%; line-height: normal; text-shadow: -0.9px 0.5px 32.9px rgba(0, 0, 0, 0.35); color: #fffef3; font-family: "Josefin Sans", serif; font-size: 23px; font-weight: 400; letter-spacing: -1px; margin: 0; padding: 0; white-space: nowrap; }

.mobile-text-1 p:last-child { color: #fffef3; font-size: 20px; top: 4px; line-height: 24px; position: relative; }

.mobile-slider { display: block; overflow: hidden; position: absolute; top: 140px; left: 0; width: 380px; height: 212px; background-color: black; }

.mobile-slider .prev-button, .mobile-slider .next-button { display: none !important; }

.mobile-form-header { display: block; position: absolute; top: 530px; line-height: 27px; left: 0; text-align: center; width: 100%; color: #fffef3; font-family: "Josefin Sans", serif; font-size: 23px; white-space: nowrap; letter-spacing: -1px; }

.mobile-form { position: absolute; top: 600px; left: 0; display: block; width: 380px; height: 674px; }

.mobile-form form { position: absolute; top: 0; left: 0; right: 0; width: 100%; display: block; margin: 0; padding: 0; z-index: 5; }

.mobile-form input { width: 250px; display: block; margin: 0; padding: 0; background-color: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; position: absolute; top: 240px; height: 45px; left: 70px; right: 0; color: black; font-size: 24px; line-height: normal; font-family: "Josefin Sans", serif; }

.form-mobile-text-1, .form-mobile-text-2, .form-mobile-text-3, .form-mobile-text-4, .form-mobile-text-5, .form-mobile-text-6 { display: none; position: absolute; top: 0; left: 0; color: #fffef3; font-family: "Josefin Sans", serif; z-index: 2; line-height: normal; white-space: nowrap; }

.form-mobile-text-1 strong, .form-mobile-text-2 strong, .form-mobile-text-3 strong, .form-mobile-text-4 strong, .form-mobile-text-5 strong, .form-mobile-text-6 strong { font-weight: 600; }

.mobile-form-img { position: absolute; top: 0; left: 0; display: block; width: 375px !important; height: 674px !important; }

.form-mobile-text-1 { display: block; width: 331px; height: 27px; font-size: 35px; letter-spacing: -2px; top: 22px; left: 21px; }

.form-mobile-text-2 { display: block; width: 282px; height: 65px; font-size: 30px; letter-spacing: -1px; top: 91px; left: 48px; text-align: center; line-height: 34px; }

.form-mobile-text-3 { display: block; width: 141px; height: 25px; font-size: 30px; letter-spacing: -1px; text-align: center; line-height: 34px; top: 202px; left: 60px; }

.form-mobile-text-4 { display: block; width: 68px; height: 24px; font-size: 30px; letter-spacing: -1px; text-align: center; line-height: 34px; top: 308px; left: 60px; }

.form-mobile-text-5 { display: block; width: 107px; height: 24px; font-size: 30px; letter-spacing: -1px; text-align: center; line-height: 34px; top: 418px; left: 60px; }

.form-mobile-text-6 { display: block; width: 310px; height: 34px; font-size: 35px; letter-spacing: -2px; text-align: center; line-height: 34px; top: 577px; left: 34px; }

#mobile_form_email { top: 346px; }

#mobile_form_number { top: 454px; }

#mobile_form_submit { top: 559px; height: 70px; cursor: pointer; width: 100%; left: 0; }
