﻿@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Barlow:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,300i,700,700i);
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css";
 /* CSS Document */
body { font-family: 'Rubik', sans-serif; font-weight: 400; color: #555555; font-size: 16px; }
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }
p { font-family: 'Rubik', sans-serif; font-weight: 400; line-height: 1.3em; }
* { padding: 0px; margin: 0px; } 
.h1, .h2, .h3, h1, h2, h3 { margin-top: 10px; margin-bottom: 10px; }
.header-top { width: 100%; padding: 5px; box-shadow: 0px 5px 8px #eeeeee; background-color: #ffffff; }
h1 {font: 900 78px Barlow,Arial,sans-serif; color: #94bd3d;text-transform: uppercase; margin:0}
h2 { font-size: 30px; color:#555555;  font-weight: 400;}
h3 { font:900 44px/44px Barlow,Arial,sans-serif;  margin-top: 0px; }
h4 { margin-top: 0px; font:900 19px Barlow,Arial,sans-serif;  }
.note_section2 { padding: 12px; box-shadow: 0px 4px 6px #cccccc; background-color: #ffffff; }
.ebook-box {width: 100%; padding: 20px 20px 30px 20px; background-color: #94bd3d; float: left; border:6px solid #ffffff;  box-shadow: 0px 5px 9px #eee;   
}
.download { width: 504px; margin: 0 auto; padding-top: 10px; }
.download-info { display: block; color: #ffffff; background-color: #09275f; border-radius: 10px; padding: 10px; font-size: 30px; font-weight:500; text-align: center; }
.download-info:hover { color: #ffffff !important; background-color: #1a3f84; }
.download-info:focus { color: #ffffff !important; background-color: #1a3f84; }
.fo-barlow{font-family:"Barlow"; font-weight:700}

.green_box-con { background-color: #96cb0b; padding: 20px 10px; text-align: center; height: 200px; }
.green_box-con3 { background-color: #f4f4f4; padding: 50px 5px; height: auto; width: 100%; float: left; }
.orange_box { background-color: #fe6400; padding: 20px 10px; text-align: center; height: 200px; }
.sky_box { background-color: #183c4c; padding: 20px 10px; text-align: center; height: 200px; }
.color-white { color: #ffffff !important; }
.mar-left-mar-rig-0 { margin-right: 0px; margin-left: 0px; }
.padding-top-n-10 { padding-top: 10px; }
.fo-size-28 { font-size: 20px;  color: #888888; }
.fo-size-24 { font-size: 19px;  color: #888888; }
.fo-size-18 { font-size: 18px;  color: #888888; }
.top-bg-color { width: 100%; float: left; background-color: #f9f9f9; padding: 10px 10px 35px 10px; }
.green-box { width: 204px; float: right; padding: 5px 10px; color: #ffffff; background-color: #94bd3d; border-radius: 49px; margin-top: 5px; font-size: 19px; }
.email-co .green-box{ width:100%; color:#fff;}
.email-co .green-box a{color:#fff;}
.margin-top-40 { margin-top: 25px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-new-80 { margin-top: 99px; }
.gray-box { width: 100%; height: 75px; padding: 7px 2px 10px 6px; background-color: #fbfbfb; float: left; border: 4px solid #ffffff; box-shadow: 0px 6px 5px #eee; margin-bottom: 13px; }
.gray-box2 { width: 100%; padding: 29px 10px; background-color: #fbfbfb; float: left; border: 4px solid #ffffff; box-shadow: 0px 6px 5px #eee; margin-bottom: 10px; }
.gray-box22 { width: 100%; padding: 30px 10px; background-color: #fbfbfb; float: left; border: 4px solid #ffffff; box-shadow: 0px 6px 5px #eee; margin-bottom: 10px; }
.gray-box222 { width: 100%; padding:14px 10px; background-color: #fbfbfb; float: left; border: 4px solid #ffffff; box-shadow: 0px 6px 5px #eee; margin-bottom: 0px; }
.padding-top-222{ padding-top:14px;}
.padding-top-21{ padding-top:21px;}
.gray-box3 { width: 100%; height: 168px; padding: 8px 10px; background-color: #fbfbfb; float: left; border: 4px solid #ffffff; box-shadow: 0px 6px 5px #eee; margin-bottom: 10px; }
.tab-box { width: 100%; background-color: #fbfbfb; float: left; }
.app-box { width: 100%; padding: 20px 20px 0px 20px; background-color: #f4f4f4; float: left; }
.new-margin-top { margin-top: 80px; }
.app-box2 { width: 100%; padding: 10px 52px; background-color: #fa9f00; float: left; border: 8px solid #fff; box-shadow: 0px 5px 9px #eee; }
.form-control { display: block; width: 100%; height: 44px; border: none; border-radius: 60px; margin-bottom: 12px; border: 1px solid #ddd; }
textarea.form-control{ resize:none; padding:5px 15px;border-radius:15px; height:150px;}
.margin-top-n-10 { margin-top: 10px; }
.btn-danger { color: #fff; background-color: #95cb0a !important; border-color: #95cb0a; width: 100%; border-radius: 23px; padding: 12px;border:none; }
.btn-danger:hover { background-color: #a4dd10 !important; border:none; }
.btn-primary { width: 100%; border-radius: 23px; padding: 12px; color: #fff; background-color: #337ab7; border-color: #2e6da4; }

.margin-top-50 { margin-top: 20px; }
.info-n { width: 208px; margin: 0 auto; padding-top: 10px; }
.white-box-1 { width: 100%; padding: 20px; float: left; border: 4px solid #ffffff; box-shadow: 0px 7px 14px #eee; margin-bottom: 10px; }
.margin-top-new-100 { margin-top: 82px; }
a { color: #555555; text-decoration: none; }
a:hover, a:focus { text-decoration: none; outline: none; }
.nav-tabs{ border-bottom:2px solid #94bd3d;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #555; cursor: default;border: 2px solid #94bd3d; border-bottom:0px solid #94bd3d;background:#fff}
.panel-group { margin-bottom: 5px; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #94bd3d;  border-radius:0; }
.nav-tabs > li > a{  padding:8px 20px; margin:0 10px 0 0; border:0;border: 2px solid #ddd;border-bottom: 0px solid #ddd; border-radius:0; position:relative;}
.nav-tabs > li > a h4{ margin:0;}
.nav-tabs > li { margin:0;}
.nav-tabs > li > a:hover{border: 2px solid #ddd;border-bottom: 0px solid #ddd;}
#accordion .panel { border: none; border-radius: 0; box-shadow: none; margin-bottom: -5px;     border: 6px solid #fff;    box-shadow: 0px 4px 6px #ddd;}
#accordion .panel-heading { padding: 0; border: none; border-radius: 0; }
#accordion .panel-title a { display: block; padding: 15px 70px 15px 20px; background: #94bd3d; font-size: 20px; text-transform: uppercase; letter-spacing: 1px; color: #ffffff; border-bottom: 1px solid #ccc; position: relative; }
#accordion .panel-title a.collapsed { color: #1d2e3b; }
#accordion .panel-title a.collapsed:hover { color: #ffffff; }
#accordion .panel-title a:before, #accordion .panel-title a:after { content: ""; width: 3px; height: 10px; background: #ffffff; font-size: 15px; position: absolute; top: 20px; right: 35px; transform: rotate(-45deg); transition: all 0.3s ease-in-out 0s; }
#accordion .panel-title a:after { right: 29px; transform: rotate(45deg); }
#accordion .panel-title a.collapsed:before { transform: rotate(45deg); background: #1d2e3b; }
#accordion .panel-title a.collapsed:after { transform: rotate(-45deg); background: #1d2e3b; }
#accordion .panel-title a.collapsed:hover:before, #accordion .panel-title a.collapsed:hover:after { background: #ffffff; }
#accordion .panel-body { padding: 10px 20px; background: #ffffff; border-top: none; font-size: 15px; color: #333; line-height: 25px; }
.desktop-hide-1 { display: none; }
.box-green-vid { background-color: #94bd3d; float: left; color: #ffffff; width: 100%; padding: 30px; }
.box-video { float: left; width: 100%; }
.vid-cover-box { width: 100%; float: left; }
.system-point { width: 100%; float: left; }
.system-point ul { padding: 10px; }
.system-point ul li { padding: 3px; font-size: 18px; }
/*-------------------- FOOTER Start -------------------------- */
.outer-topfooter { background: rgba(12,49,66,.95); border-bottom: 1px solid #114a63; padding: 20px 0 15px 0; }
.topfooter-row h3 { color: #fff; font: 400 22px/40px Barlow, Arial, sans-serif; }
.contact-detail { margin: 0; }
.contact-detail li { color: #fff; font: 400 13px/20px Roboto, sans-serif; margin: 10px 0; }
.contact-detail li a{ color:#fff;}
.contact-detail li i { font-size: 13px; padding-right: 10px; }
.contact-detail, .social { padding: 0; list-style: none; }
.social { margin: 0; margin-top: 3px; }
.social li { margin: 5px; display: inline-block; }
.social li .fa-apple, .social li .fa-facebook-square, .social li .fa-instagram { color: #fff; }
.social li i { font-size: 30px; transition: all ease .3s; opacity: .75; -moz-transition: all ease .3s; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -ms-transition: all ease .3s; }
.contact-detail, .social { padding: 0; list-style: none; }
.subscribe { padding-top: 12px; }
.invalid-feedback {display:none;width:100%;margin-top:.25rem;font-size: 80%;color:#dc3545;}
.topfooter-row input[type=text] {display: inline-block;width: 73%;border: 1px solid #454545;background: #fff;padding: 10px;font: 400 14px/16px Roboto,sans-serif;border-radius: 5px;}
.topfooter-row input[type=text]:focus {border: 1px solid #454545;}
.topfooter-row input[type=text].is-invalid {border: 1px solid #dc3545;}
.topfooter-row input[type=text].is-invalid + a#btnGo + .invalid-feedback {display: block;font: 600 14px/16px Roboto,sans-serif; color:#dc3545}
.topfooter-row a#btnGo, .topfooter-row input[type=submit] {color: #fff;font: 600 13px/32px Roboto,sans-serif;border: 2px solid #95cb0a !important;background: #95cb0a;border-radius: 30px;padding: 8px 18px;cursor: pointer;text-transform: uppercase;}
.topfooter-row a#btnGo:focus, .topfooter-row a#btnGo:hover, .topfooter-row input[type=submit] {border: 2px solid #95cb0a !important;background: 0 0;color: #95cb0a;text-decoration: none;}
.topfooter-row input[type=submit]:hover {background: 0 0;color: #95cb0a;border: 2px solid #95cb0a;}

b, strong { font-weight: 500; }
.topfooter-row input[type=text] { display: inline-block; width: 73%; border: 1px solid #454545; background: #fff; padding: 10px; font: 400 14px/16px Roboto, sans-serif; border-radius: 5px; }
.topfooter-row input[type=submit], .topfooter-row a#btnGo { color: #fff; font: 600 13px/32px Roboto, sans-serif; border: 2px solid #95cb0a !important; background: #95cb0a; border-radius: 5px; padding: 8px 18px; cursor: pointer; text-transform: uppercase; }
.outerfooter-boot { background: rgba(12,49,66,.95); height: auto; min-height: 45px; padding-top: 10px; }
.footer-lnk { float: right; width: auto; }
.footer-lnk, .outerfooter-boot p { font: 400 14px/45px Roboto, sans-serif; color: #fff; }
.footer-lnk a:hover { color: #fff; text-decoration: underline; }
.footer-lnk a { color: #fff; }
.pad-align-10 { padding-top: 13px; }
.colo-white { color: #ffffff; }
.bor-sh { border: 10px solid #ffffff; }
label { margin-bottom: 5px; font-weight: normal; }
/*--------------------- FOOTER End -------------------- */
.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {border-color:#dc3545;}

@media only screen and (max-width: 767px) and (min-width: 320px) {
.download {width: auto;	}
.download-info {font-size: 18px;}
.bor-sh { border: 5px solid #ffffff; }
.box-green-vid { padding: 10px; }
.mob-align-cen { text-align: center; }
.mob-margin-top-20 { margin-top: 15px; }
.margin-top-new-80 { margin-top: 25px; }
.mob-no-co { width: 200px; margin: 0 auto; }
.mob-padding-left-0 { padding-left: 0px; }
.footer-lnk { float: left; width: auto; }
.topfooter-row input[type="submit"], .topfooter-row a#btnGo { font: 600 15px/10px Roboto, sans-serif; border-radius: 6px; padding: 7px 18px; cursor: pointer; text-transform: uppercase; text-align: center; }
.footer-lnk, .outerfooter-boot p { font: 400 11px/18px Roboto, sans-serif; color: #fff; }
.mob-hide2 { display: none; }
.desktop-hide-1 { display: block; }
.new-margin-top { margin-top: 25px; }
.mob-hide1 { display: none; }
.green-box { margin-top: 0px; }
.gray-box { border-radius: 46px; padding-left: 25px; }
.gray-box2 { width: 100%; padding: 10px 10px 10px 25px; border-radius: 46px; }
.gray-box22 { width: 100%; padding: 10px 10px 10px 25px; border-radius: 46px; }
.gray-box222 { width: 100%; padding: 10px 10px 10px 25px; border-radius: 46px; }
.app-box2 { width: 100%; padding: 10px 10px; }
.tab-box { width: 100%; padding: 20px 0px; }
.top-bg-color { padding: 10px 0px 10px 0px; }
.container-fluid { padding-right: 4px; padding-left: 4px; }
.container { padding-right: 15px; padding-left: 10px; }
.mob-padding-10 { padding-top: 5px; }
.fo-size-28 { font-size: 16px; line-height: 1.3; }
.margin-top-40 { margin-top: 7px; }
.margin-top-20 { margin-top: 4px; }
.margin-bottom-n-8 { margin-bottom: 8px; }
.fo-size-24 { font-size: 18px; font-family: 'Rubik'; }
.mob-ali-cen { text-align: center; float: left; }
#accordion .panel { margin-bottom: 0px; }
#accordion .panel-title a { font-size: 16px; }
#accordion .panel-title a.collapsed { color: #333; }
.margin-top-new-100 { margin-top: 10px; }
.nav > li { position: relative; display: block; width: 50%; margin-bottom: 10px; }
.nav > li > a { position: relative; display: block; padding: 0px !important; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-bottom: transparent; border-radius: 25px; color: #94bd3d; background-color: transparent; }
.nav-tabs > li > a { border: none; }
.app-box { padding: 20px 10px 22px 10px; }
h1 {font:900 25px/25px Barlow,Arial,sans-serif; }
h2 { font-size: 20px; margin-top: 0px; }
h3 { font-size: 23px; }
h4 { font-size: 18px; margin-bottom: 5px; font-weight:500; }
.h1, .h3, h1, h3 { margin-top: 10px; margin-bottom: 10px; }
.fo-size-18 { font-size: 17px; font-family: 'Rubik'; }
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
	.or-fo-size{ font-size:14px;}
	.note_section2 { padding: 8px;}
.nav > li { width: auto; padding-right: 15px;}
.green_box-con { height: auto;min-height: 156px;padding: 10px 10px; }
.orange_box { height: auto;min-height: 164px;padding: 10px 4px;}
.mob-heide-5{ display:none;}
.sky_box {height: auto;min-height: 164px;padding: 10px 10px;}
.bor-sh { border: 5px solid #ffffff; }
.box-green-vid { padding: 10px; }
.new-margin-top { margin-top: 25px; }
.mob-margin-top-20 { margin-top: 20px; }
.margin-top-new-80 { margin-top: 35px; }
.mob-no-co { width: 180px; margin: 0; float: right; }
.mob-padding-left-0 { padding-left: 0px; }
.footer-lnk { float: initial; width: auto; }
.topfooter-row input[type="submit"], .topfooter-row a#btnGo { font: 600 16px/18px Roboto, sans-serif; border-radius: 6px; padding: 6px 18px; cursor: pointer; text-transform: uppercase; text-align: center; }
.footer-lnk, .outerfooter-boot p { font: 400 11px/18px Roboto, sans-serif; color: #fff; }
.desktop-hide-1 { display: block; }
.mob-align-cen2 { text-align: center; }
.mob-hide1 { display: none; }
.mob-hide3 { display: none; }
.mob-hide2 { display: block; }
.tab-box { width: 100%; padding: 20px 20px; }
.gray-box { width: 100%; padding: 8px 24px; height: 74px; }
.pad-align-10 { padding-top: 13px; }
.green-box { margin-top: 0px; }
.mob-margin-top-20 { margin-top: 15px; }
.top-bg-color { padding: 10px 0px 10px 0px; }
.container-fluid { padding-right: 4px; padding-left: 4px; }
.container { width: 100%; }
.mob-padding-10 { padding-top: 10px; }
.fo-size-28 { font-size: 18px; }
.margin-top-40 { margin-top: 12px; }
.fo-size-24 { font-size: 18px; font-family: 'Rubik'; }
.mob-ali-cen { text-align: center; float: left; }
.app-box { padding: 20px 10px 22px 10px; }
.pad-r-l-0 { padding-right: 2px; padding-left: 2px; }
.nav > li { position: relative; display: block; margin-bottom: 10px; }
.nav > li > a { position: relative; display: block; padding: 10px 9px 1px 10px; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-bottom: transparent; border-radius: 25px; padding: 7px 14px 7px 14px; }
.nav-tabs > li > a { border: none; }
#accordion .panel-title a { font-size: 18px; }
#accordion .panel-title a.collapsed { color: #333; }
.margin-top-new-100 { margin-top: 10px; }
h1 { font:900 25px/25px Barlow,Arial,sans-serif; }
h2 { font-size: 24px; margin-top: 0px; }
h3 { font-size: 28px; }
h4 { font-size: 20px; margin-bottom: 2px;font-weight:500; }
.h1, .h3, h1, h3 { margin-top: 10px; margin-bottom: 2px; }
}
