html,body{width:100%; height:100%; min-width:auto;}
body{background:#FFFFFF; font-family:'Montserrat', sans-serif; word-break:break-word; margin:0; padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,button,textarea,p,blockquote,table,th,td{padding:0; margin:0; outline:none;}
table{border-collapse:collapse;}
button,input,select,textarea{font-family:inherit; font-size:100%; outline:none;}
i,em{font-style:normal;}
ol,ul{list-style:none;}
li{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-size:inherit;}
img{vertical-align:top;border:0;}
a{text-decoration:none; outline:none;}
a:visited,a:hover,a:active{text-decoration:none;}
*,*:before,*:after{box-sizing:border-box;}
.layout{width:1200px; margin:0 auto;}
.hide{display:none !important;}

/*Header*/
.header{width:100%; z-index:100; background-color:#FFFFFF; position:fixed; z-index:1001; -webkit-box-shadow:0 4px 18px 0 rgba(0, 0, 0, .1); box-shadow:0 4px 18px 0 rgba(0, 0, 0, .1); transition:all .1s ease;}
.header > .layout{display:flex; align-items:center; height:100px; justify-content:space-between;}
.header .nav{display:inline-flex;}
.header .nav li{margin-left:40px;}
.header .nav li:first-child{margin-left:0;}
.header .nav li a{color:#363847; font-size:14px; text-align:center; font-weight:600;}
.header .nav li a.cur{color:#007336; font-weight:bold;}

/*Nav mobile*/
nav.nav-mobile{display:none;}
#menuToggle{display:block; position:relative; top:0; right:0; z-index:1; -webkit-user-select:none; user-select:none;}
#menuToggle a{text-decoration:none; color:#363847; transition:color 0.3s ease;}
#menuToggle input{display:block; width:40px; height:32px; position:absolute; top:-7px; left:-5px; cursor:pointer; opacity:0; z-index:2; -webkit-touch-callout:none;}
#menuToggle span{display:block; width:33px; height:4px; margin-bottom:5px; position:relative; background:#363847; border-radius:3px; z-index:1; transform-origin:4px 0px; transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;}
#menuToggle span:first-child{transform-origin:0% 0%;}
#menuToggle span:nth-last-child(2){transform-origin:0% 100%;}
#menuToggle input:checked ~ span{opacity:1; transform:rotate(45deg) translate(-2px, -1px); background:#363847;}
#menuToggle input:checked ~ span:nth-last-child(3){opacity:0; transform:rotate(0deg) scale(0.2, 0.2);}
#menuToggle input:checked ~ span:nth-last-child(2){transform:rotate(-45deg) translate(0, -1px);}
#menuToggle input:checked ~ #menu{opacity:1;}
#menu{position:absolute; width:300px; margin:-100px 0 0 -210px; padding:50px; padding-top:125px; background:#A6CE39; list-style-type:none; -webkit-font-smoothing:antialiased; transform-origin:0% 0%; transform:translate(100%, 0); transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); opacity:0;}
#menu li{padding:10px 0; font-size:18px; font-weight:600;}
#menuToggle input:checked ~ ul{transform:none;}

/*Content*/
.content{padding-top:100px;}
.section-banner{background:url(../images/home_banner.jpg) no-repeat top right; width:100%; height:600px; display:flex; align-items:center; justify-content:flex-start;}
.section-banner .banner-txt{width:538px; text-align:left;}
.section-banner .banner-txt h1{color:#363847; font-size:42px; font-weight:600; line-height:52px;}
.section-banner .banner-txt h1 > em{color:#007336; font-weight:800;}
.section-banner .banner-txt p{color:#888888; font-size:14px; line-height:22px; font-weight:normal; margin:20px 0 40px;}
.section-banner .banner-txt .btn-discover{width:200px; height:70px; background:#007336; border-radius:35px; border:0; text-align:center; color:#F8F9FD; font-size:18px; font-weight:600; display:flex; align-items:center; justify-content:center; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.section-banner .banner-txt .btn-discover:hover{background:#A6CE39;}

.section{padding:80px 0;}
.section .layout > h2{color:#363847; font-size:42px; font-weight:800; line-height:52px; text-align:center;}
.section .layout > p{color:#888888; font-size:14px; font-weight:normal; line-height:22px; text-align:center; margin:20px 0 40px;}

.section-benefits .benefits-wrap{display:flex; justify-content:space-between;}
.section-benefits .benefits-wrap .benefits-lists{display:inline-flex;}
.section-benefits .benefits-wrap .benefits-lists i{display:block; width:80px; height:80px; margin-right:20px;}
.section-benefits .benefits-wrap .benefits-01 i{background:url(../images/icon_benefits_sales.png) no-repeat;}
.section-benefits .benefits-wrap .benefits-02 i{background:url(../images/icon_benefits_cost.png) no-repeat;}
.section-benefits .benefits-wrap .benefits-03 i{background:url(../images/icon_benefits_faster.png) no-repeat;}
.section-benefits .benefits-wrap .benefits-lists .txt-wrap{width:280px; text-align:left;}
.section-benefits .benefits-wrap .benefits-lists .txt-wrap > h3{color:#363847; font-size:20px; font-weight:bold; margin-bottom:10px;}
.section-benefits .benefits-wrap .benefits-lists .txt-wrap > p{color:#888888; font-size:14px; line-height:22px; font-weight:normal;}

.section-features .layout > h2,.section-features .layout > p{color:#FFFFFF;}
.section-features{background:url(../images/bg_features.jpg) no-repeat top center; background-size:cover;}
.section-features .features-wrap{display:flex; justify-content:space-between;}
.section-features .features-wrap:last-child{margin-top:30px;}
.section-features .features-wrap .features-lists{display:inline-flex; padding:30px; border:0; border-radius:20px;}
.section-features .features-wrap .features-01{background:#49B5E7;}
.section-features .features-wrap .features-02{background:#F56EAB;}
.section-features .features-wrap .features-03{background:#EFB168;}
.section-features .features-wrap .features-04{background:#7CC576;}
.section-features .features-wrap .features-lists i{display:block; width:120px; height:120px; margin-right:20px;}
.section-features .features-wrap .features-01 i{background:url(../images/icon_features_fpx.png) no-repeat;}
.section-features .features-wrap .features-02 i{background:url(../images/icon_features_duitnow.png) no-repeat;}
.section-features .features-wrap .features-03 i{background:url(../images/icon_features_secure.png) no-repeat;}
.section-features .features-wrap .features-04 i{background:url(../images/icon_features_easy.png) no-repeat;}
.section-features .features-wrap .features-lists .txt-wrap{width:385px; text-align:left;}
.section-features .features-wrap .features-lists .txt-wrap > h3{color:#FFFFFF; font-size:20px; font-weight:bold; margin-bottom:10px;}
.section-features .features-wrap .features-lists .txt-wrap > p{color:#FFFFFF; font-size:14px; font-weight:normal; line-height:22px;}

.section-steps .steps-wrap .steps-lists{display:flex; justify-content:space-between; align-items:center; height:500px; margin-bottom:20px;}
.section-steps .steps-wrap .steps-lists:last-child{margin-bottom:0;}
.section-steps .steps-wrap .steps-lists i{display:block; height:500px;}
.section-steps .steps-wrap .steps-01 i{background:url(../images/img_step_01.png) no-repeat; width:513px;}
.section-steps .steps-wrap .steps-02 i{background:url(../images/img_step_02.png) no-repeat; width:510px;}
.section-steps .steps-wrap .steps-03 i{background:url(../images/img_step_03.png) no-repeat; width:531px;}
.section-steps .steps-wrap .steps-04 i{background:url(../images/img_step_04.png) no-repeat; width:514px;}
.section-steps .steps-wrap .steps-lists .txt-wrap{width:550px; text-align:left;}
.section-steps .steps-wrap .steps-lists .txt-wrap > h3{color:#363847; font-size:30px; font-weight:bold; margin-bottom:20px;}
.section-steps .steps-wrap .steps-lists .txt-wrap > p{color:#888888; font-size:20px; font-weight:normal; line-height:30px;}

.section-pricing{background:#F4F9EF;}
.section-pricing .contact-form .form-flex{display:flex; align-items:center; justify-content:space-between;}
.section-pricing .contact-form .form-flex > .input-group{display:inline-flex; width:590px; height:62px; align-items:center;}
.section-pricing .contact-form .form-flex > .input-group input{width:590px; height:62px; padding:20px; color:#888888; font-weight:normal; font-size:14px; text-align:left; border-radius:20px; background:#FFFFFF; border:0;}
.section-pricing .contact-form .input-margin{margin:20px 0 40px;}
.section-pricing .contact-form .input-group{display:flex; width:100%; height:106px; align-items:flex-start;}
.section-pricing .contact-form .input-group textarea{padding:20px; color:#888888; font-weight:normal; font-size:14px; text-align:left; border-radius:20px; background:#FFFFFF; border:0; min-width:100%; min-height:106px; width:100%; height:106px; resize:none; overflow:auto;}
.section-pricing .contact-form button{display:block; margin:0 auto; width:200px; height:70px; line-height:70px; color:#F8F9FD; background:#A6CE39; border-radius:35px; border:0; text-align:center; font-weight:600; font-size:18px; cursor:pointer; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.section-pricing .contact-form button:hover{background:#007336;}

.section-desc{background:url(../images/bg_desc.jpg) no-repeat center; background-size:cover;}
.section-desc .layout > h4{background:#FFFFFF33; border-radius:20px; border:0; color:#FFFFFF; font-size:20px; line-height:30px; text-align:center; font-weight:600; padding:30px;}

/*Footer*/
.footer{background:#007336; padding:40px 0;}
.footer .copyright{color:#FFFFFF; font-size:14px; text-align:center; font-weight:600;}

/*Scroll to top*/
.scroll-to-top{position:relative;}
.scroll-to-top .btn-position{position:fixed; bottom:40px; right:25px; z-index:20;}
.scroll-to-top .btn-style{background-color:#A6CE39; border-radius:50%; height:50px; width:50px; color:#fff; cursor:pointer; font-size:40px; display:flex; justify-content:center; align-items:center; visibility:hidden;}
.scroll-to-top .btn-style:before{content:''; background:url(../images/btn_top.png) no-repeat; background-size:100%; display:block; width:20px; height:20px;}

/*Responsive*/
@media screen and (min-width:768px) and (max-width:1024px){
	.layout{width:90%;}
	.section-banner .banner-txt{width:100%; text-align:center;}
	.section-banner .banner-txt > div{background:rgb(255,255,255,.75); border-radius:20px; padding:20px; margin-bottom:40px;}
	.section-banner .banner-txt p{color:#363847; margin-bottom:0;}
	.section-banner .banner-txt .btn-discover{display:block; margin:0 auto; line-height:70px;}
	.section-benefits .benefits-wrap,.section-features .features-wrap{display:block;}
	.section-benefits .benefits-wrap .benefits-lists{display:block; margin-bottom:40px;}
	.section-benefits .benefits-wrap .benefits-lists:last-child{margin-bottom:0;}
	.section-benefits .benefits-wrap .benefits-lists i{margin:0 auto 20px;}
	.section-benefits .benefits-wrap .benefits-lists .txt-wrap{width:100%; text-align:center;}
	.section-features .features-wrap .features-lists{width:100%; margin-bottom:20px;}
	.section-features .features-wrap .features-04{margin-bottom:0;}
	.section-features .features-wrap .features-lists .txt-wrap{width:78%;}
	.section-features .features-wrap:last-child{margin-top:0;}
	.section-steps .steps-wrap .steps-lists{display:block; margin-bottom:40px; height:auto;}
	.section-steps .steps-wrap .steps-lists:last-child{margin-bottom:0;}
	.section-steps .steps-wrap .steps-lists i{height:360px; width:100%; background-size:contain; margin:0 auto; background-position:center;}
	.section-steps .steps-wrap .steps-lists .txt-wrap:nth-child(2n){width:100%; text-align:center; margin-top:10px;}
	.section-steps .steps-wrap .steps-lists .txt-wrap:nth-child(2n+1){width:100%; text-align:center; margin-bottom:30px;}
	.section-steps .steps-wrap .steps-lists .txt-wrap > h3{margin-bottom:10px;}
	.section-pricing .contact-form .form-flex{display:block;}
	.section-pricing .contact-form .form-flex > .input-group:last-child{margin-top:20px;}
	.section-pricing .contact-form .form-flex > .input-group,.section-pricing .contact-form .form-flex > .input-group input{width:100%;}
	.section-desc .layout > h4{line-height:26px; padding:20px;}
	.scroll-to-top .btn-position{bottom:70px;}
}

@media screen and (max-width:767px){
	.layout{width:90%;}
	nav.nav-mobile{display:block;}
	#navWeb{display:none;}
	.section-banner .banner-txt{width:100%; text-align:center;}
	.section-banner .banner-txt > div{background:rgb(255,255,255,.75); border-radius:20px; padding:20px; margin-bottom:40px;}
	.section-banner .banner-txt h1{font-size:35px; line-height:45px;}
	.section-banner .banner-txt p{font-size:12px; line-height:20px; color:#363847; margin-bottom:0;}
	.section-banner .banner-txt .btn-discover{display:block; margin:0 auto; line-height:70px;}
	.section-benefits .benefits-wrap,.section-features .features-wrap{display:block;}
	.section-benefits .benefits-wrap .benefits-lists{display:block; margin-bottom:40px;}
	.section-benefits .benefits-wrap .benefits-lists:last-child{margin-bottom:0;}
	.section-benefits .benefits-wrap .benefits-lists i{margin:0 auto 20px;}
	.section-benefits .benefits-wrap .benefits-lists .txt-wrap{width:100%; text-align:center;}
	.section-features .features-wrap .features-lists{display:block; width:100%; margin-bottom:20px;}
	.section-features .features-wrap .features-04{margin-bottom:0;}
	.section-features .features-wrap .features-lists i{margin:0 auto 20px;}
	.section-features .features-wrap .features-lists .txt-wrap{width:100%; text-align:center;}
	.section-features .features-wrap:last-child{margin-top:0;}
	.section-steps .steps-wrap .steps-lists{display:block; margin-bottom:40px; height:auto;}
	.section-steps .steps-wrap .steps-lists:last-child{margin-bottom:0;}
	.section-steps .steps-wrap .steps-lists i{height:360px; width:100%; background-size:contain; margin:0 auto; background-position:center;}
	.section-steps .steps-wrap .steps-lists .txt-wrap:nth-child(2n){width:100%; text-align:center; margin-top:10px;}
	.section-steps .steps-wrap .steps-lists .txt-wrap:nth-child(2n+1){width:100%; text-align:center; margin-bottom:30px;}
	.section-steps .steps-wrap .steps-lists .txt-wrap > h3{font-size:25px; margin-bottom:10px;}
	.section-steps .steps-wrap .steps-lists .txt-wrap > p{font-size:12px; line-height:22px;}
	.section-pricing .contact-form .form-flex{display:block;}
	.section-pricing .contact-form .form-flex > .input-group:last-child{margin-top:20px;}
	.section-pricing .contact-form .form-flex > .input-group,.section-pricing .contact-form .form-flex > .input-group input{width:100%;}
	.section-desc .layout > h4{font-size:16px; line-height:26px; padding:20px;}
	.scroll-to-top .btn-position{bottom:70px;}
}