body, a, div, span { font-family: 'Roboto', Arial, tahoma, Helvetica, sans-serif; color: #464646; font-size: 16px; font-weight:400;}
html { height:100%;}
body {
	background:#ffffff;
	direction:ltr;
	margin:0;
	padding:0;	
	height:100%;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #23262b;
	scrollbar-base-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-highlight-color: #23262b;
	scrollbar-shadow-color: #23262b;
	scrollbar-track-color: #ffffff;
}
img { border: 0; }
* { box-sizing: border-box; -moz-box-sizing: border-box; outline:none;}
p {margin:0px; padding:0px}
a {text-decoration:none;}

h1 { color: #464646; font-size: 26px; font-weight: bold; margin:0;}
h2 { color: #464646; font-size: 30px; font-weight: bold; margin:0;}
h3 { color: #464646; font-size: 22px; font-weight: normal; margin:0;}
h4 { color: #464646; font-size: 18px; font-weight: bold; margin:0;}
h5 { color: #464646; font-size: 16px; font-weight: bold; margin:0 0 5px 0;}
.bold {font-weight: bold;}
.clear {clear:both;}

.home_header {width:100%; height:779px; background:url(/theme/new/top_img.jpg) no-repeat center top;}
.home_header .menu {width:100%; height:80px; padding:20px 20px;}
.home_header .menu .logo {height:45px; float:left;}
.home_header .menu .btns a {display:block; float:right; margin-left:35px; color:#ffffff; font-size:16px; margin-bottom:10px;}
.home_header .menu .btns a:hover {text-decoration:underline;}
.home_header .content {width:100%; max-width:1190px; padding-left:20px; color:#ffffff; margin:335px auto 0 auto;}
.home_header .content .title {font-size:56px; color:#ffffff; font-weight:100;}
.home_header .content .sub_title {font-size:30px; color:#ffffff; font-weight:100; margin-bottom:36px; margin-top:-6px;}
.home_header .content .btn {display:block; font-weight: 700; font-size:18px; padding: 19px 26px; float:left; border-radius:5px; border:1px solid #92c83e; background:#92c83e; color:#003e70;}
.home_header .content .btn:hover {background:#ffffff; border:1px solid #ffffff; }
/* .home_header .content .btn:hover {background:none; border:1px solid #92c83e; color:#92c83e; } */
.home_header .content .btn2 {background:url(/theme/new/icons.png) no-repeat left top; height:51px; color:#ffffff; font-size:18px; padding-left:62px; padding-top:15px; float:left; font-weight:400; margin-left:25px; margin-top:6px;}

.home_sec2 {width:100%; margin:50px 0; padding:0 10%;}
.home_sec2 .title {width:50%; float:left; font-size:50px; font-weight:300; padding-right:15px;}
.home_sec2 .title .green {color:#92c83e;}
.home_sec2 .content {width:50%; float:right; font-size:18px; font-weight:400; padding-top: 20px; line-height: 23px; padding-left:15px;}

.home_sec3 {width:100%; margin:200px 0 100px 0; display: flex; justify-content: center;}
.home_sec3 .benefit {width:20%; border-right:1px solid #d6d6d6; padding:0 2%; float:left;}
.home_sec3 .benefit .title {color:#42474c; font-weight:700; margin-bottom:15px; font-size:26px;}
.home_sec3 .benefit .content {font-weight:400; font-size:16px; line-height: 26px;}
.home_sec3 .benefit .icon {height:86px; margin-bottom:15px;}
.home_sec3 .benefit .i1 {width:92px; background:url(/theme/new/icons.png) no-repeat -51px -74px;}
.home_sec3 .benefit .i2 {width:58px; background:url(/theme/new/icons.png) no-repeat -168px -95px;}
.home_sec3 .benefit .i3 {width:85px; background:url(/theme/new/icons.png) no-repeat -248px -95px;}
.home_sec3 .benefit .i4 {width:72px; background:url(/theme/new/icons.png) no-repeat -349px -94px;}



.home_sec4 {width:100%; padding:98px 0; text-align:center; background:url(/theme/new/video_img.jpg) no-repeat center bottom;}
.home_sec4 .wraper {width:900px; margin:0 auto;}
.home_sec4 .wraper .video {width:560px; float:right;}
.home_sec4 .wraper .trial {width:340px; float:left; padding-top:30px;}
.home_sec4 .wraper .trial .btn {display:block; font-weight: 700; font-size:16px; padding: 19px 26px; float:left; border-radius:5px; border:1px solid #ffffff; color:#ffffff;}
.home_sec4 .wraper .trial .btn:hover {background:#ffffff; border:1px solid #ffffff; color:#003e70; }
.home_sec4 .wraper .trial .trial_tag { width:150px; padding-bottom:30px; margin-left:73px;}
.home_sec4 .wraper .trial .trial_tag img { width:100%;}
.home_sec4 .page { width:100% !important; float:none !important; }
.home_sec4 .page .btn { float:none !important; margin: 0 auto; max-width: 400px; width: 100%;}
.home_sec4 .page .trial_tag { float:none; margin: 0 auto;}

.home_sec_title {width:100%; font-size:50px; font-weight:300; text-align:center; margin-top:70px;}

.home_sec5 {width:100%; padding:40px 0 95px 0; display: flex; justify-content: center;}
.home_sec5 .service {width:421px; min-height:400px; padding:23px 27px; color:#ffffff; text-align:left; float:left; margin:0 1%; border-radius:5px;}
.home_sec5 .service h2 {color:#ffffff; font-size:38px; font-weight:100;}
.home_sec5 .service .content {color:#ffffff; font-size:16px; font-weight:400; padding:20px 0 34px 0; line-height: 23px;}
.home_sec5 .btn {display:block; font-weight: 700; font-size:16px; padding: 19px 26px; float:left; border-radius:5px; border:1px solid #ffffff; color:#ffffff;}
.home_sec5 .btn:hover {background:#ffffff; border:1px solid #ffffff; color:#003e70; }
.home_sec5 .s1 {background:url(/theme/new/services_img.jpg) left top;}
.home_sec5 .s2 {background:url(/theme/new/services_img.jpg) center top;}
.home_sec5 .s3 {background:url(/theme/new/services_img.jpg) right top;}

.home_sec6 {width:100%; text-align:center; padding:40px 20px;}
.home_sec6 img {width:100%; max-width:1022px; margin:0 auto;}


.home_sec7 {width:100%; margin-top:60px; background:#f7f7f7;}

.home_sec7 .info_area {width:50%; float:left; background:#42474c; color:#ffffff; padding:96px 10%; line-height: 23px; }
.home_sec7 .info_area h2 {color:#ffffff; font-weight:700; margin-bottom:20px;}
.home_sec7 .info_area .info_row {height:36px; margin-top:25px; font-size:18px; color:#ffffff; padding-top: 7px; font-weight:700;}
.home_sec7 .info_area .info_row .icon {width:36px; height:36px; float:left; margin-right:15px; margin-top:-7px;}
.home_sec7 .info_area .info_row .i1{background:url(/theme/new/icons.png) no-repeat left -67px;}
.home_sec7 .info_area .info_row .i2{background:url(/theme/new/icons.png) no-repeat left -108px;}
.home_sec7 .info_area .info_row .i3{background:url(/theme/new/icons.png) no-repeat left -150px;}

.home_sec7 .form_area {width:50%; float:right; padding:96px 10% 5px 10%;}
.home_sec7 .form_area  h2 {color:#42474c; font-weight:700; margin-bottom:20px;}
.home_sec7 .form_area  .submit {display:block; cursor: pointer; font-weight: 400; font-size:18px; padding: 14px 30px; float:left; border-radius:5px; background:#42474c; color:#92c83e; border:1px solid #42474c;} 
.home_sec7 .form_area  .submit:hover { border:1px solid #92c83e; background:#92c83e; color:#42474c;} 
.sec7_row {border-bottom:1px solid silver; margin-bottom:20px; width:100%; max-width:400px;}
.sec7_row span {float:left; padding-top:5px; color:gray;}
.sec7_row input {float:left; background:none; padding-left:15px; width:100%; max-width:300px; border:0; height:30px; font-size:16px; font-family: 'Roboto', Arial;}

.home_sec8 {width:100%; background:#42474c; color:#ffffff; padding:0 20px 10px 20px; text-align:left;}
.home_sec8 a, .home_sec8 span {display:block; float:left; margin-right:30px; color:#ffffff; font-size:16px;}
.home_sec8 a:hover {text-decoration:underline;}

.page_header {width:100%; height:400px;}
.page_header .menu {width:100%; height:80px; padding:20px 20px;}
.page_header .menu .logo {height:45px; float:left;}
.page_header .menu .btns a {display:block; float:right; margin-left:35px; color:#ffffff; font-size:16px; margin-bottom:10px;}
.page_header .menu .btns a:hover {text-decoration:underline;}
.page_header .content {width:55%; padding-left:20px; color:#ffffff; margin:150px auto 0 auto; float:right; text-align:left;}
.page_header .content .title {font-size:56px; color:#ffffff; font-weight:100;}
.page_header .content .sub_title {font-size:30px; color:#ffffff; font-weight:100; margin-bottom:36px; margin-top:-6px;}
.page_header .content .btn {display:block; font-weight: 700; font-size:18px; padding: 19px 26px; float:left; border-radius:5px; border:1px solid #92c83e; background:#92c83e; color:#003e70;}
.page_header .content .btn:hover {background:#ffffff; border:1px solid #ffffff; }

.page_content {direction:ltr; text-align:left;}

.login_user {background:url(/theme/new/login.jpg) no-repeat center bottom;}
.aboutus {background:url(/theme/new/aboutus.jpg) no-repeat left top; height:260px;}
.connect {background:url(/theme/new/connect.jpg) no-repeat left top; height:350px;}
.card_p {background:url(/theme/new/card_p.jpg) no-repeat center top; height:585px;}
.invitations_p {background:url(/theme/new/invitations_p.jpg) no-repeat center top; height:585px;}
.surveys_p {background:url(/theme/new/surveys_p.jpg) no-repeat center top; height:585px;}

.inside_page {width:100%; padding:40px 30px;}
.inside_page .content {width:100%; max-width:1200px; margin:0 auto; }
.inside_page .content .title {color:#42474c; width:100%; font-size:50px; font-weight:300; text-align:left; margin-bottom:30px;}
.inside_page .content .btn {display:block; cursor: pointer; font-weight: 400; font-size:18px; padding: 14px 30px; float:left; border-radius:5px; background:#42474c; color:#92c83e; border:1px solid #42474c;} 
.inside_page .content .btn:hover { border:1px solid #92c83e; background:#92c83e; color:#42474c;}
.inside_page .content .btn2 {display:block; font-weight: 700; font-size:16px; padding: 19px 26px; float:left; border-radius:5px; border:1px solid #ffffff; color:#ffffff;}
.inside_page .content .btn2:hover {background:#ffffff; border:1px solid #ffffff; color:#003e70; }

.login_new {width:450px; background: rgba(255,255,255,0.7); padding:30px; margin:0 auto;  border-radius: 10px; }



.card_demo {width:100%; margin:60px 0 0 0; display: flex; justify-content: center;}
.card_demo .card {float:left; width:14%; margin:0 1% 60px 1%; }
.card_demo .card img {width:100%;}

.card_p_benefit {width:100%;}
.card_p_benefit .benefit {width:20%; border-right:1px solid #92c83e; border-bottom:1px solid #92c83e; float:left; min-height:140px;}
.card_p_benefit .benefit .content {font-weight:400; font-size:16px; line-height: 26px; padding:15px;}

.booking_demo {width:100%; margin:60px 0 0 0;}
.booking_demo .booking {float:left; margin-right:40px; }

.invitations_p_benefit {width:100%;}
.invitations_p_benefit .benefit {width:100%; border-bottom:1px solid #92c83e; padding:20px 0;}
.invitations_p_benefit .benefit .content {float:left; width:90%; font-weight:400; font-size:20px; line-height: 26px; margin-top:9px;}
.invitations_p_benefit .benefit .icon {float:left; margin-right:20px; width:42px; height:42px; background:url(/theme/new/icons.png) no-repeat left -192px; }


.invitations_p_benefit2 {width:100%; margin:100px 0 100px 0; display: flex; justify-content: center;}
.invitations_p_benefit2 .benefit {width:16%; border-right:1px solid #d6d6d6; padding:0 1%; float:left;}
.invitations_p_benefit2 .benefit .title {color:#42474c; font-weight:700; margin-bottom:15px; font-size:22px; text-align:center;}
.invitations_p_benefit2 .benefit .icon {height:86px; margin:0 auto 15px auto;}
.invitations_p_benefit2 .benefit .i1 {width:91px; background:url(/theme/new/icons.png) no-repeat -433px -87px;}
.invitations_p_benefit2 .benefit .i2 {width:76px; background:url(/theme/new/icons.png) no-repeat -527px -87px;}
.invitations_p_benefit2 .benefit .i3 {width:78px; background:url(/theme/new/icons.png) no-repeat -612px -87px;}
.invitations_p_benefit2 .benefit .i4 {width:109px; background:url(/theme/new/icons.png) no-repeat -88px -204px;}
.invitations_p_benefit2 .benefit .i5 {width:92px; background:url(/theme/new/icons.png) no-repeat -217px -204px;}
.invitations_p_benefit2 .benefit .i6 {width:85px; background:url(/theme/new/icons.png) no-repeat -326px -204px;}
.invitations_p_benefit2 .benefit .i10 {width:80px; background:url(/theme/new/icons.png) no-repeat -256px -300px;}
.invitations_p_benefit2 .benefit .i11 {width:85px; background:url(/theme/new/icons.png) no-repeat -160px -300px;}
.invitations_p_benefit2 .benefit .i12 {width:64px; background:url(/theme/new/icons.png) no-repeat -90px -300px;}
.invitations_p_benefit2 .benefit .i13 {width:80px; background:url(/theme/new/icons.png) no-repeat -596px -204px;}
.invitations_p_benefit2 .benefit .i14 {width:78px; background:url(/theme/new/icons.png) no-repeat -421px -204px;}
.invitations_p_benefit2 .benefit .i15 {width:83px; background:url(/theme/new/icons.png) no-repeat -505px -204px;}



@media (max-width: 1280px){
	.card_p_benefit .benefit {width:25%;}	
}
@media (max-width: 1050px){
	.card_p_benefit .benefit {width:33%;}	
}

@media (max-width: 850px){

.home_header .content {margin: 240px auto 0 auto;}
.home_header .content .title { font-size: 33px; font-weight: 300; }
.home_header .content .sub_title {font-size: 26px; color: #ffffff; font-weight: 100; margin-bottom: 36px; margin-top: 0px;}

.home_header .content .btn2 {margin-left: 0; margin-top: 28px; width: 50%;}

.home_header #surveys_p, .page_header #surveys_p {display:none;}
.home_header #card_p, .page_header  #card_p {display:none;}
.home_header #invitations_p, .page_header  #invitations_p {display:none;}
.home_header #home, .page_header  #home {display:none;}

.home_sec2 {padding: 0px 3%;}
.home_sec2 .title {width:100%; font-size: 43px; margin-bottom:30px;}
.home_sec2 .content {width:100%;}

.home_sec3 { display: block; padding: 0px 3%;}
.home_sec3 .benefit {width: 100%; margin-bottom:40px;}

.home_sec4 {padding: 40px 0; background-color: #99c13d;}
.home_sec4 .wraper {width:100%;}
.home_sec4 .wraper .video {width:100%;}
.home_sec4 .wraper .trial {width:100%; text-align:center;}
.home_sec4 .wraper .trial .trial_tag {width: 40%; padding-bottom: 30px; margin: 0 auto;}
.home_sec4 .wraper .trial .btn {width: 80%; margin: 0 auto; float:none;}

.home_sec5 { display: block; padding: 0px 3%;}
.home_sec5 .service {margin:30px auto; float:none;}


.home_sec7 .info_area {width:100%;}
.home_sec7 .form_area {width:100%;}

.home_sec8 {margin-top:50px; padding:20px;}

.page_header .content {width: 70%;}
.card_demo { display: block; }
.card_demo .card { width: 27%; margin: 0 3% 40px 3%;}

.card_p_benefit .benefit {width:50%; min-height:140px;}	

.invitations_p_benefit .benefit .content {width: 86%; line-height: 32px; margin-top: 6px;}
.booking_demo .booking {float: none !important;}
.booking_demo .booking img {width:100%;}

.invitations_p_benefit2 {margin:100px 0 100px 0; display: block;}
.invitations_p_benefit2 .benefit {width:33%; border-right:1px solid #d6d6d6; padding:40px 1% 0 1%; float:left; min-height:230px;}
.invitations_p_benefit2 .bl {border-bottom:1px solid #d6d6d6;}
.invitations_p_benefit2 .nr {border-right:0;}



}