/* ===================== Reset css start ===================== */
*                               { padding: 0;margin: 0; box-sizing: border-box;}
body,html                       { width: 100%; height: 100%; font-family: 'Lato', sans-serif; color: #404040;}
a                               { text-decoration: none; outline: none; color: #404040; cursor: pointer;}
ul,li,ol                        { list-style-type: none;}
img                             { outline: none;}
h1                              { font-size: 44px; line-height: 52px; font-weight: 900;}
h1 span                         { font-size: 30px;display: block; color: black; margin-top: -7px;  }
h2                              { font-size: 44px; line-height: 52px; font-weight: 900; color: black;}
h2 small                        { font-size: 40px;display: block; color: black; font-weight: normal;}
h3                              { font-size: 32px;line-height: 38px;font-weight: 900;margin-bottom: 20px;}
h3 b                            { font-weight: 900;}
h4                              { font-size: 24px; line-height: 30px;}
p                               { font-size: 18px;line-height: 26px;font-weight: normal;padding-bottom: 15px;}

.clear                          { clear:both; font-size:1px;line-height:1px; display:block; height:0;}
.wrapper                        { padding-top: 67px;height: 100%;}
.container                      { max-width:1180px; margin:0 auto; overflow-y: hidden; }
.button                         { outline: none; display: inline-block;font-weight: 700;min-width: 180px;padding: 0px 20px;text-align: center;background-color: #96d301;color: #fff;font-size: 16px;line-height: 41px;border: solid 1px #96d301;height: 45px;border-radius: 40px;}
.button:hover                   { background-color: #c4c3c0; border-color: #c4c3c0; }
.greenTxt                       { color: #96d301;}
/* ===================== Reset css end ===================== */


/* ===================== Header Start ===================== */
header                          { padding: 7px 0;background-color: white;position: fixed;top: 0;left: 0;width: 100%;background-color: white;z-index: 8;transition: ease-in-out 0.5s all;}
header.scroll-top               { box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.3);  }
.logo                           { display: inline-block;float: left;}
.logo a img                     { width: auto; height: 50px;}
.mobileLogo                     { display: none; }
nav                             { margin: 2px 0; display: inline-block; float: right;}
nav ul                          { margin-right: 4px;}
nav li                          { display: inline-block; float: left;  margin: 4px 5px;}
nav ul li a, .login             { display: inline-block; font-size: 18px; line-height: 18px; padding: 10px 16px; border-radius: 38px;}
nav li a:hover,nav li a.active  { background-color: #96d301; color: white;  }
.login                          { border: solid 1px #c0c2b6; display: inline-block; float: right; margin-top: 4px;}
/* ===================== Header end ===================== */


/* ===================== Landing Page Start ===================== */
.banner                         { position: relative;text-align: center;background-position: center;background-repeat: no-repeat;background-size: auto;display: flex;flex-direction: column;justify-content: space-between;height: calc(100% - 67px);max-height: 710px;}
.banner ul                      { display: inline-block;margin: 10px 0;}
.banner ul li                   { display: inline-block;margin: 0 10px;}
.banner h2                      { margin: 20px 0 30px; display: inline-block; width: 100%;}
.banner img                     { max-width: 100%;position: relative;max-height: calc(100% - 144px);}
.home h2 span.typed-text0     { color: #fd9b00;}
.home h2 span.typed-text1     { color: #6cbb0d;}
.home h2 span.typed-text2     { color: #1eb484;}
.home h2 span.typed-text3     { color: #5FD0B6;}
.home h2 span.typed-text4     { color: #6cbb0d;}
/* .banner h2 .typed-text          { color: white;} */
/* .typed-text{color:#fd9b00} */
.banner .bannerImg              { width: 100%;height: calc(100vh - 140px);background-size: auto 100%;background-repeat: no-repeat;background-position: center;}
.banner h2 span.cursor          { display: inline-block; background-color: #96d301; margin-left: 0.1rem; width: 3px; animation: blink 1s infinite; }
.banner h2 span.cursor.typing   { animation: none; }
@keyframes blink                { 0%  { background-color: #96d301; } 49% { background-color: #96d301; } 50% { background-color: transparent; } 99% { background-color: transparent; } 100%  { background-color: #96d301; } }

.counter                        { padding: 40px 0 0 0; }
.counter ul                     { margin: 40px 0 60px 0; display: flex; justify-content: space-around; }
.counter ul li .icon            { width: 70px; height: 70px; text-align: center; position: relative; border-radius: 100px; display: inline-block; }
/*.counter ul li:last-child .icon { width: 100px; }*/
.counter ul li                  { display: flex; /*width: 33.33%;*/}
/*.counter ul li img              { position: absolute; left: 0;right: 0;bottom: 0; top: 0; margin: auto; width: auto; height: 70px; }*/
.counter ul li .content         { display: inline-block; margin-left: 8px;  font-size: 28px; line-height: 28px;   font-weight: 700; padding: 20px 0 0 0px;min-width:175px;}
.counter ul li .content div     { font-size: 18px; line-height: 20px; }
/*.counter p                      { padding: 20px 0; text-align: center; width: 64%; margin: 0 auto;}*/

.opportunitiesSection           { padding: 60px 0;}
.opportunitiesSection h1        { text-align: center; margin-bottom: 60px;}
.oppoetunitiesSlider            { border-bottom: solid 2px #e7f4ec;display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 30px 8%;}
.oppoetunitiesSlider .icon      { width: 56%; }
.oppoetunitiesSlider img        { width: 100%;transform: scale(0.9,0.9) !important;height: auto;transition:all 0.3s ease-in-out;}
.oppoetunitiesSlider ul         { width: 41%;padding: 0;}
.oppoetunitiesSlider ul li      { font-size: 20px; list-style-type: disc;  }
.oppoetunitiesSlider.flDirection .icon { order: 1;text-align: right;}
.oppoetunitiesSlider img:hover  { transform: scale(1,1) !important;}

@media (min-width:599px)        {
.concept-slider                 { display: block !important;}
}
.opportunitiesSection .owl-theme .owl-nav [class*='owl-']:hover { color: white;}
.opportunitiesSection .owl-nav button                 { width: 30px; height: 30px; outline: none;}
.opportunitiesSection .owl-nav button span            { font-size: 30px; line-height: 15px;}
.opportunitiesSection .owl-carousel .owl-nav button.owl-prev,.opportunitiesSection .owl-carousel .owl-nav button.owl-next  { position: absolute; left: 0; top: 43%;  background: #97d207; color: white; }
.opportunitiesSection .owl-carousel .owl-nav button.owl-next { left: auto; right: 0; }

.testimonials                   { text-align: center;}
.testimonials img               { width: auto;height: 70px;margin-bottom: 20px;}
.testimonials h3                {}
.testimonials p                 { padding-bottom: 30px;}
.commentRegards                 { font-size: 20px;}
.commentRegards span            { display: block; color: #f6af1b;}
.testimonials .testimonials-slider.owl-carousel     { width: 76%; margin: 0 auto;}
.testimonials .owl-theme .owl-nav.disabled + .owl-dots { margin: 20px 0;}
.owl-theme .owl-dots .owl-dot.active span { background-color: #97d207 !important; }

.contactUs                      { width: 100%;margin: 0 auto;padding: 40px 0 130px 0;position: relative;}
.contactUsSection               { border-right: solid 2px #e7f4ec; text-align: left; width: 50%;padding: 3% 6%;display: flex;flex-direction: column;justify-content: space-between;min-height: 240px;}
.contactUs .contactUsSection:nth-child(2)   { border: none;}
.contactUsSection p             { width: 80%;margin:auto;}
.contactUsSection .button       { width: inherit;margin:auto;}
.contactUs img.imgTop           { margin: 0 auto;display: block;position: relative;right: 28px;bottom: -17px;}
.contactUs img.imgBot           { width: 100%;height: auto;position: absolute;bottom: 30px;left:0px;}
.contactUsCard                  { display: flex;position: relative;z-index: 1;padding: 30px;background-color: white;}

/* ===================== Landing Page end ===================== */

/* ===================== Footer Start ===================== */
footer                          { background-color: white;  }
footer .container               { max-width: 860px;}
.footerContact                  { display: inline-block; float: left;}
.footerContact h6               { font-size: 14px; margin-top: 15px; text-transform: uppercase; font-weight: normal;}
.footerContact a                { font-size: 20px; }
.footerContact ul               { margin-top: 20px;}
.footerContact ul li            { display: inline-block; margin: 0 12px 0 0;}
.footerContact ul li a          {  }
.footerContact ul li a img      { transition: all ease-in-out 0.5s; width: auto; height: 25px; display: inline-block;}
.footerContact ul li a:hover img { transform: rotateY(360deg); }
.footerAddress                  { width: 460px;display: inline-block;float: right;}
.fLogo                          { margin: 10px; margin-left: 0;}
.fLogo a                        { width: auto; height: 45px;}
@-webkit-keyframes showTab      { from {opacity: 0;} to {opacity: 1;}}
@keyframes showTab              { from {opacity: 0;} to {opacity: 1;}}
.tabsy                          { display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.tabsy p                        { padding: 10px 0;}
.tabsy>button                   { width: 100%;font-family: inherit;font-size: 100%;margin: 0;outline: 0;border: 0;vertical-align: baseline;-webkit-box-sizing: border-box;box-sizing: border-box;background: 0 0;}
.tabsy>.tabButton               { padding: 10px; display: block;  cursor: pointer;  max-height: 44px; color: #c0c2b6; border-bottom: solid 1px #c0c2b6;}
.tabsy>input                    { display: none;}
.tabsy>input:checked+label+.tab { display: block;}
.tabsy>input:checked+label+.tab>.content { -webkit-animation: showTab;animation: showTab;}
.tabsy>input:checked+label      { color: black; border-bottom-color: #00b566;  box-shadow: 0 2px 2px -2px #00b566; }
.tabsy>.tab                     { width: 100%;display: none;padding: 10px;padding-left: 0;min-height: 190px;-webkit-box-ordinal-group: 3;-webkit-order: 2;-ms-flex-order: 2;order: 2;}
input[type=number]              { -moz-appearance:none; appearance: none;  -webkit-appearance: none; }
input[type=number]::-webkit-inner-spin-button,
input[type=number],
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;   margin: 0; -moz-appearance: textfield;}
@media (max-width:767px)        {
    /* .tabsy                      { display: block;} */
    .tabsy>.tab                 { min-height: 170px;}
    .tabsy>.tabButton           { -webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1;-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;cursor: pointer;}
    .tabsx>.tab                 { min-height: 170px;}
    .tabsx>.tabButton           { -webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1;-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;cursor: pointer;}
}


.tabsx                          { display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.tabsx p                        { padding: 10px 0;}
.tabsx>button                   { width: 100%;font-family: inherit;font-size: 100%;margin: 0;outline: 0;border: 0;vertical-align: baseline;-webkit-box-sizing: border-box;box-sizing: border-box;background: 0 0;}
.tabsx>.tabButton               { padding: 10px; display: block;  cursor: pointer;  max-height: 44px; color: #c0c2b6; border-bottom: solid 1px #c0c2b6;}
.tabsx>input                    { display: none;}
.tabsx>input:checked+label+.tab { display: block;}
.tabsx>input:checked+label+.tab>.content { -webkit-animation: showTab;animation: showTab;}
.tabsx>input:checked+label      { color: black; border-bottom-color: #00b566;  box-shadow: 0 2px 2px -2px #00b566; }
.tabsx>.tab                     { width: 100%;display: none;padding: 10px;padding-left: 0;min-height: 190px;-webkit-box-ordinal-group: 3;-webkit-order: 2;-ms-flex-order: 2;order: 2;}


.copyRights                     { background-color: #eeeeef; padding: 16px 0; text-align: center;}
/* ===================== Footer end ===================== */


/*========== Mobile Menu Icon Starts ==========*/
.nav-icon                       { width: 24px;height: 24px;position: relative;margin: 13px 0 0 13px;-webkit-transform: rotate(0);-moz-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;float: right;display: none;z-index: 9 }
.nav-icon span                  { display: block;position: absolute;height: 4px;width: 100%;background: #131321;border-radius: 3px;opacity: 1;left: 0;-webkit-transform: rotate(0);-moz-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out }
.nav-icon span:nth-child(1)     { top: 0;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center }
.nav-icon span:nth-child(2)     { top: 8px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center }
.nav-icon span:nth-child(3)     { top: 16px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center }
.nav-icon.open span             { background-color: white; }
.nav-icon.open span:nth-child(1){ -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0;left: 8px }
.nav-icon.open span:nth-child(2){ width: 0%;opacity: 0 }
.nav-icon.open span:nth-child(3){ -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 17px;left: 8px }
/*========== Mobile Menu Icon Ends ==========*/

/*========== Back To Top Starts ==========*/
.back-to-top:before             { position: absolute; display: block;background: #97d207;background-position: center;border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;left: 0;top: 0;width: 50px;height: 50px;content: '';border-bottom: none;opacity: 1;pointer-events: none;transform: scale(1);transition: all .5s ease-in-out 0s;z-index: 7; }
.back-to-top:hover:before       { transform: scale(2);opacity: 0}
.back-to-top                    { display: none; border-radius: 50%;font-size: 24px;width: 50px;height: 50px;color: #fff;position: fixed;bottom: 20px;right: 20px;text-align: center;background-color: #97d207;z-index: 9;box-shadow: 0 0 2px 0px rgba(0,0,0,0.5);}
.back-to-top img                { position: relative;z-index: 10;margin-top: 6px;}
.back-to-top:hover              { background-color: #97d207}
/*========== Back To Top Ends ==========*/


/*========== Input Code Starts ==========*/
.input-block                  { margin-bottom: 30px; display: inline-block; width: 100%;}
.styled-input.wide            { width: 100%;}
.styled-input                 { float: left;width: calc(50% - 20px);margin: 0;position: relative;}
input,textarea                { font-weight: 700; padding: 2px;border: 0;border-bottom: 1px solid #ccc;width: 100%;font-size: 14px;background: 0 0;font-weight: 400;color: #00b566;box-sizing: border-box;min-height: 30px; }
input                         { height: 1rem !important;margin-bottom: 0px !important;}
input:focus,textarea:focus    { outline: 0;}
input:focus~label,input:valid~label,textarea:focus~label,textarea:valid~label {color: #373737;top: -20px;-webkit-transition: all 125ms ease;transition: all 125ms ease; }
textarea                      { min-height: 100px;}
.styled-input label           { color: #999;padding: 0;position: absolute;top: 0;left: 0;-webkit-transition: all .25s ease;transition: all .25s ease;pointer-events: none;font-size: 14px;}
input~span,textarea~span      { display: block;width: 0;height: 3px;background: #00b261;position: absolute;bottom: 0;left: 0;-webkit-transition: all 125ms ease;transition: all 125ms ease;}
input:focus~span,textarea:focus~span { width: 100%;-webkit-transition: all 75ms ease;transition: all 75ms ease;}
input:focus,textarea:focus    { outline: 0;}
.mobile-code select           { width: 80px;display: inline-block;float: left;border: none;outline: 0;color: #999;border-bottom: 1px solid #edeeec;height: 30px;line-height: 23px;font-size: 14px;}
.mobile-code .styled-input.wide { display: inline-block;float: left;width: calc(100% - 100px);margin-left: 20px;}
/*========== Input Code Ends ==========*/

/*========== Enquery Form Starts ==========*/
.enqueryform              { max-width: 500px;padding: 28px;background-color: white;margin: 0 auto;border-radius: 10px;}
select                    { width: 100%;  display: block;  border: none;  outline: 0;  color: #999;  border-bottom: 1px solid #9e9e9e;  height: 30px;  line-height: 23px;  font-size:14px;  padding:0px;  background: transparent; }
.mobile-code select       { width: 80px;  display: inline-block;  float: left;  border: none;  outline: 0;  color: #999;  border-bottom: 1px solid #edeeec; height: 30px; line-height: 23px; font-size: 14px; }
.mobile-code .styled-input.wide { display: inline-block; float: left; width: calc(100% - 100px); margin-left: 20px; }
button.button             { padding: 0 10px; line-height: 40px; height: 40px; font-size: 16px; min-width: 120px; }
.enqueryform h4           {color: #96d301;margin-top: -15px;line-height: 55px;margin-bottom: 10px;font-size: 20px;background-image: url(../assets/images/nlp-icon.jpg);background-repeat: no-repeat;background-position: left 6px;text-align: left;padding-left: 50px;background-size: 40px;}
.form-success             { display: none; width: 100%; text-align: center; margin:0; }
/*========== Enquery Form Ends ==========*/

.getInTouch               { max-width: 100%; display: flex; justify-content: space-between;}
.getInForm                { width: 55%; padding-right: 20px;}
.getInMap                 { width: 45%; outline: none; border: none;}



a[title="jQuery Lightbox"]                  { display: none !important;}
 .htmlDilog                                 { display: none; }
 #html5box-html5-lightbox video             {  width: 100%; height: 100%; }
  .html5-prev-fullscreen                    { background: url(../assets/images/arrow-left.png) no-repeat center; background-color: white; width: 36px; height: 36px;}
  .html5-next-fullscreen                    { background: url(../assets/images/arrow-right.png) no-repeat center; background-color: white; width: 36px; height: 36px;}
  #html5-close-fullscreen                   { background: url(../assets/images/close.png) no-repeat center !important;background-color: white !important;width: 36px;height: 36px;outline: none;right: 15px !important;top: 15px !important;border-radius: 100%;}

  #html5-close-fullscreen .mh-icon-close    { display: none;}
  .html5-title-prefix                       { font-weight: bold; background-color: white; color: black; margin-right: 10px; display: inline-block; padding: 3px 6px;}
  .html5-prev                               { box-shadow: 2px 0 2px black; background-image: url(../assets/images/arrow-left.png); background-position: center; background-repeat: no-repeat; background-color: white;  width: 33px; height: 72px; border-radius: 0 36px 36px 0;}
  .html5-next                               { box-shadow: -2px 0 2px black; background-image: url(../assets/images/arrow-right.png); background-position: center; background-repeat: no-repeat; background-color: white;  width: 33px; height: 72px; border-radius: 36px 0 0 36px;}
  .html5-prev-inside .mh-icon-left, .html5-next-inside .mh-icon-right { display: none;}
@media (max-width:1368px)                   {
  /* #html5-lightbox-box                       { width: 60% !important;} */
/* .html5-elem-wrap                            { width: 100% !important;} */
}

/* ===================== Product Page end ===================== */

.scrollNav                        { transition: ease-in-out 0.5s all;text-align: center; width: 100%;  position: fixed;left: 0;top: 67px;z-index: 9;}
.scrollNav *                      { transition: ease-in-out 0.5s all; margin: 0 auto; }
.scrollNav ul                     { padding: 20px 0;background-color: white;display: inline-block;position: absolute;right: calc(50% - 166px);}
.scrollNav ul li                  { display: inline-block; margin: 0 12px;}
.scrollNav ul li a                { display: block; padding: 0 0 8px 0; font-size: 16px; color: #8e8e8e; font-weight: 700; border-bottom: solid 2px transparent;}
.scrollNav ul li a.active         { color: #6d9900; border-bottom-color:#fccf36;}
.scrollNav.sticky                 { text-align: right;}
.scrollNav.sticky ul              { right:0;  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);padding: 10px;border-radius: 0 0 0px 30px;margin: inherit;}
.videoStrip ul li a.current       { color: #6d9900 !important; border-bottom-color:#fccf36 !important;}
.scrollNav.videoStrip ul          { right: calc(50% - 80px);}
.scrollNav.videoStrip.sticky ul   { right: 0;}


.proBanner                        { position: relative;height: 500px;margin: 130px 0 0 0;}
.proBannerContent                 { }
.proBannerContent p               { width: 310px;padding: 24px 0 34px 0;}
.proBannerContent a               { margin-left: 60px;}
.proBanner img                    { position: absolute;right: 0;bottom: 30px;max-height: 500px;}

.operations                       { padding: 80px 0 0 0; }
.operationsContent                { width: 50%;display: inline-block;}
.operationsContent h3 b.greenTxt  { font-size: 47px; line-height: 52px;}
.operationsContent p              { }
.operations img                   { width: 45%;height: auto;display: inline-block;float: right;}

.features                         { text-align: center;padding-top: 80px; }
.features ul                      { display: flex; flex-wrap: wrap; overflow: hidden; justify-content: space-between; margin: 30px 0; padding:  0 5%; }
.features ul li                   { width: 31%;box-shadow: 0 0 30px 2px rgba(0,0,0,0.1);border-radius: 20px;margin: 15px 0; background-size: contain;}
.features ul li a                 { display: block; padding: 20px;}
.features ul li a span            { transform: scale(0.9); display: block; width:auto; height: 200px; background-size: contain; background-position: center; background-repeat: no-repeat;}
.features ul li p                 { padding: 0;transition: all 0.3s ease-in-out;font-weight: 700;line-height: 24px;}
.features ul li a:hover p         { color: #96d301;}

.featureslist ul li{width:48%}
.lite{margin-top:30px;}
.lite, .pro{margin-bottom: 5px;}

.features ul li a .feature1        { background-image: url('../assets/images/featureImg01.jpg');}
.features ul li a:hover .feature1 { background-image: url('../assets/images/featureImg1.jpg');}
.features ul li a .feature2        { background-image: url('../assets/images/featureImg02.png');}
.features ul li a:hover .feature2 { background-image: url('../assets/images/featureImg2.jpg');}
.features ul li a .feature3        { background-image: url('../assets/images/featureImg03.jpg');}
.features ul li a:hover .feature3 { background-image: url('../assets/images/featureImg3.jpg');}
.features ul li a .feature4        { background-image: url('../assets/images/featureImg04.jpg');}
.features ul li a:hover .feature4 { background-image: url('../assets/images/featureImg4.jpg');}
.features ul li a .feature5        { background-image: url('../assets/images/featureImg05.jpg');}
.features ul li a:hover .feature5 { background-image: url('../assets/images/featureImg5.jpg');}
.features ul li a .feature6        { background-image: url('../assets/images/featureImg06.jpg');}
.features ul li a:hover .feature6 { background-image: url('../assets/images/featureImg6.jpg');}
.features ul li a .feature7        { background-image: url('../assets/images/content-Normal.jpg');}
.features ul li a:hover .feature7 { background-image: url('../assets/images/content-mouse over.jpg');}
.features ul li a .feature8        { background-image: url('../assets/images/self-study-Normal.jpg');}
.features ul li a:hover .feature8 { background-image: url('../assets/images/self-study--Mouse-over.jpg');}

.videoSection                     { text-align: center;padding: 80px 0 0 0;}
.videoSection h2                  {justify-content: center;align-items: center;display: flex;}
.videoSection h2 img              { margin: 0 0 30px 20px;}
.videoblock                       {display: flex;margin: 20px 0 0 0;overflow: hidden; width: 100%;}
.videoContent                     { border-right: solid 2px #d8d8d8;width: 33.33%;padding: 0 5%;}
.videoContent h4                  { padding-bottom: 10px;}
.videoContent a.videoThumb        {display: inline-block;margin: 10px 0 25px 0; width: 260px; max-width:100%;height: 190px; background-position: center; background-repeat: no-repeat; background-size: 126px 124px; background-color: white;  box-shadow: 0 0 30px 2px rgba(0,0,0,0.1);border-radius: 20px;}
.videoContent a img               { max-width: 100%; }
.videoblock .videoContent:nth-child(3){ border: none;}
.videoSection img.imgBot          { max-width: 100%; }
.productVideoThumb                { background-image: url('../assets/images/videoIcon1.jpg');   }
.productVideoThumb:hover          { background-image: url('../assets/images/videoIcon.jpg'); }
.tutorialVideoThumb                { background-image: url('../assets/images/videoIcon22.jpg');   }
.tutorialVideoThumb:hover          { background-image: url('../assets/images/videoIcon2.jpg'); }

.whySection                       { text-align: center;width: 80%;margin: -80px auto 0;padding-top: 80px;}
.whySection >p                    { padding: 20px 0 30px 0;width: 76%;margin: 0 auto;}
.whySection ul                    { position: relative;height: 432px;margin: 60px 0;}
.whySection li                    { margin: 0 0 24px 0; }
.whySection li:last-child         { margin: 0; }
.whySection li .navItem           { max-width: 360px;text-align: right;}
.whySection li a                  { cursor: pointer;border-bottom: solid 1px transparent;font-weight: 700;  text-align: right;font-size: 22px;padding: 0 0 5px 0;line-height: 31px;}
.whySection li.active a           { color: #96d301;border-bottom-color: #96d301;}
.whySection li .content           { display: none;flex-direction: column;position: absolute;right: 0;top: -20px;width: 55%;}
.whySection li.active .content    { display: flex;}
.whySection li .content img       { max-width: min-content;height: 240px;margin: 0 auto 15px;width:auto;}
.whySection li .content p         { text-align: left; padding: 0; width: auto;}

.howSection                       {display: block;margin-bottom: 60px;}
.howSection h2                    { text-align: center;margin-bottom: 40px;}
.howSection ul li                 { margin: 0;}
.howSection ul li img             {display: block;max-width: 100%;height: auto;margin: 20px auto auto;}
.howSection ul li .content        { width: 100%; padding: 30px 0;padding-left: 0; display: none; }
.howSection ul li .content .contentData { width: 100%;display: inline-block;}
.howSection ul li a               { font-size: 24px;padding: 15px 0 18px 48px;display: block;cursor: pointer; border-bottom: solid 1px #c0c2b6;position: relative;}
.howSection ul li a:before        { content: '↓';width: 30px;height: 30px;display: inline-block;border: solid 2px #ffc952;border-radius: 30px;text-align: center;font-size: 20px;margin-right: 15px;position: absolute;left: 0;top: 0; bottom: 0; margin: auto; color: #ffc952;}
.howSection ul li a.drop-active        { color: #96d301; border-bottom-color: #96d301; }
.howSection ul li a.drop-active:before { transform: rotate(180deg);color: #96d301;border-color: #96d301;}
.howSection ul li.drop-active .content { display: block;}
.contactSection                     { padding: 60px 0;}
.contactSection h2                  { text-align: center; }
.contactSection p                   { text-align: center;margin-bottom: 20px;}

.formSection                        { width: 80%; margin: 0 auto;}
.getInForm                          { padding: 0 50px 0 0;}
.formSection .button                { margin: 0 auto; display: block;}
/* ===================== Product Page end ===================== */

/* Chat section  */
.chat-main                { position: relative;z-index: 2;}
.chat-button              { position: fixed; right: 0;     top: 65%; margin-top: -35px; background: url(../assets/images/enquiry-button.png) no-repeat; width: 96px; height: 73px; background-size: cover; cursor: pointer; }
.chat-content             { box-shadow: 0 0 15px 1px rgba(0,0,0,0.15); background-color: white; padding: 20px; padding-top: 50px; border-radius: 15px; position: fixed; right: -410px; top: 50%; margin-top: -100px; width: 340px; transition: all ease-in-out .5s;}
.chat-content p           { margin: 0;}
.chat-content ul li       { margin-top: 10px; display: inline-block; width: 100%; }
.chat-content ul li a     { display: block; padding: 0 10px; line-height: 36px; height: 36px; font-size: 16px; }
.chat-open .chat-content  { right: 0;}
.close-chat               { position: absolute; right: 20px; top: 10px; width: 24px; height: auto; cursor: pointer;  }

/* Blog */
.blogBan{
    background-image: url(../assets/images/banner-bg.png);
    background-repeat: no-repeat;
    background-position: left 20px;
    padding:0px 0px;
  }
  .blogBan .bannerContent          { height: 100%; display: flex; justify-content: space-around; align-items: center; padding:0px;}
  .blogBan .container { width: 1180px;}

  .blogBan .container img{ max-height: 400px; height: 400px}
  .products-banner h1:after {
    content: "";
    width: 100px;
    height: 10px;
    background: #00b566;
    position: relative;
    display: block;
    border-radius: 10px;
    margin-top:5px;
}
.blogBan h2 { width: auto;}
.support-banner h2:after {
  content: "";
  width: 173px;
  height: 10px;
  background: #00b566;
  position: relative;
  display: block;
  border-radius: 10px;
  margin-top: 5px;
}
.blog-banner h2:after {
content: "";
width: 95px;
height: 10px;
background: #00b566;
position: relative;
display: block;
border-radius: 10px;
margin-top:5px;
}

/* About Us */
section {
    padding: 50px 0px;
}

.text-center {
    text-align: center;
}

.aboutBanner {
    background-image: url(../assets/images/about-banner-bg-1.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding: 30px 0px 30px 110px;
}

.aboutBannerContent {
    background: #fff;
    padding: 50px;
    border-radius: 15px;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.15);
    display: flex;
    max-width: 980px;
}

.aboutBannerContent h2 {
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.aboutBannerContent h2:after {
    content: "";
    width: 90px;
    height: 4px;
    background: #F5C500;
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-radius: 10px;
    display: inline-block;
}

.aboutBannerContent img {
    max-width: 100%;
    margin-left: 100px;
    height: 340px;
}

.aboutBannerContent ul {
    display: flex;
    margin-top: 50px;
}

.aboutBannerContent li {
    margin-right: 10px;
}

.key_people img {
    max-width: 100%;
    width: 200px;
}
.keyContent{display:flex;}
.key_people{
  width:33.33%;
  position:relative;
  min-height:400px;
  margin-top: 20px;
}

.key_people label {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    display: block;
    width: 100%;
    height: 400px;
    position: absolute;
    cursor: pointer;
  padding:5px;
  box-sizing:border-box;
}

.key_people .card {
    position: relative;
    height: 100%;
    width: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 600ms;
    transition: all 600ms;
    z-index: 20;
}

.key_people .card div {
        position: absolute;
        height: 100%;
        width: 100%;
        text-align: center;
        line-height: 20px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        border-radius: 2px;
    }
.key_people .card div.front{
      background-color:#fff;
    }
    .key_people .card div.back{
      background-color:#DCFFC6;
    }
    .key_people .card div.back div {
        width: auto !important;
        padding: 0px;
        position: relative;
        height: auto;
    }
    .key_people .card .back {
        background: #DCFFC6;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        padding: 15px;
    }

.key_people label:hover .card {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.key_people input {
    display: none;
}

.key_people :checked + .card {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
}

.key_people label:hover :checked + .card {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}

.key_people .back p span {
    position: absolute;
    left: 10px;
    top: -2px;
    font-weight: 700;
    color: #999;
}

.key_people .back p {
    position: relative;
    color: #666;
    font-size: 16px;
}
.key_people img.arrow {
    max-width: 100%;
    width: 26px;
}

.key_people .back h6 {
    margin: 0;
    text-align: left;
    color: #666;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 20px;
}

.left-align.rotate-left {
    transform: rotate(180deg);
    text-align: right;
}

.keypeople-icon {
    position: absolute;
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%;
    padding: 0px;
    left: 5px;
}

.keypeople-icon img {
    max-width: 100%;
}

.back h4,
.back h6 {
    padding-left: 75px;
}

.back h4 {
    font-size: 18px;
    line-height: 22px;
    color: #96d301;
}

.back h4,
.back p {
    text-align: left;
}
.keyContent {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width:993px) {
  .key_people label:hover .card {
      -webkit-transform: rotateY(0deg);
      transform: rotateY(0deg);
  }
  .key_people :checked + .card {
      transform: rotateY(180deg);
      -webkit-transform: rotateY(180deg);
  }

  .key_people label:hover :checked + .card {
      transform: rotateY(180deg);
      -webkit-transform: rotateY(180deg);
  }
}
@media only screen and (max-width: 1023px){
.key_people {
    width: 46%;
    margin-bottom: 20px;
}
}
@media (max-width: 767px){
.key_people {
    width: 100% !important;
}
}
.careers {
    display: flex;
    align-items: center;
}

.careers img {
    height: 550px;
    margin-right: 50px;
}

.careers p {
    padding-top: 20px;
}

.jointeam {
    text-align: center;
    max-width: 780px;
    margin: auto;
}

.jointeam img {
    max-width: 100%;
}

.jointeam div {
    padding-top: 30px;
    padding-bottom: 40px;
}

.contactUs {
    text-align: center;
}

.contactContent {
    width: 86%;
    margin: 0 auto;
    text-align: left;
    padding: 10px 0 0 0;
}

.contactContent form {
    width: 50%;
    display: inline-block;
}

.contactContent button {
    cursor: pointer;
}

.map {
    width: 45%;
    display: inline-block;
    float: right;
}

.map img {
    width: 100%;
    height: auto;
}

@media (max-width:799px) {
    .aboutBannerContent img {
        max-width: 100%;
        margin: 0px;
        height: auto;
    }

    .aboutBannerContent {
        flex-wrap: wrap;
        display: block;
        padding: 20px;
    }

    .aboutBannerContent ul { margin: 20px 0 30px 0;}

    .aboutBanner {
        padding: 30px 0px 30px 22px;
    }
}
@media (max-width:767px) {
    .careers {
        flex-wrap: wrap;
    }

    .careers img {
        margin: 0px;
        max-width: 100%;
        height:auto;
    }

    .contactContent form {
        width: 100%;
    }

    .map {
        width: 100%;
        padding-top: 20px;
    }
}

/* ===================== Product Videos Page Starts ===================== */
.proVideoBanner                     { height: 410px; }
.proVideoBanner img                 { right: 0; height: 420px; }
.proVideoBanner p                   { width: 330px; }

.proVodeoGallery                    { padding: 40px 0;text-align: center;}
.proVodeoGallery ul                 { text-align: left;padding: 0;width: 70%;margin: 40px auto 0;}
.proVodeoGallery ul li              { margin: 70px 0 30px 0;background-color: #fafafb;border-radius: 20px;padding: 30px;position: relative;min-height: 280px;padding-left: 300px;display: inline-block;}
.proVodeoGallery ul li *            { transition: ease-in-out 0.5s all; }
.proVodeoGallery ul li .videoLogo   { margin: 0 0 10px 0;}
.proVodeoGallery ul li p            { padding: 0;}
.proVodeoGallery ul li .videoIcon   { padding: 0; background-image: url('../assets/images/videoIcon1.jpg'); background-position: center; background-repeat: no-repeat;  cursor: pointer;position: absolute;top: -30px;width: 280px;background-color: white;text-align: center;height: 280px;box-shadow: 0 0 30px 2px rgba(0,0,0,0.1);border-radius: 20px;left: -30px;}
.proVodeoGallery ul li .videoIcon img   {    transform: scale(0.9); position: absolute; left: 0;top: 0; bottom: 0; right: 0; margin: auto; }
.proVodeoGallery ul li .videoIcon:hover {   transform: scale(1); background-image: url('../assets/images/videoIcon.jpg');  }
.proVodeoGallery ul li:nth-child(even){ padding-right: 300px; padding-left: 30px;}
.proVodeoGallery ul li:nth-child(even) .videoIcon { left: auto; right: -30px;}
/* ===================== Product Videos Page end ===================== */

/* ===================== Product Tutorial Page Starts ===================== */
.proTutorialBanner img               { height: 460px; right: 50px;}
.proTutoRialGallery.proVodeoGallery ul {display: flex;flex-wrap: wrap;justify-content: space-between;width: 90%;}
.proTutoRialGallery.proVodeoGallery ul li { width: calc(50% - 20px);min-height: 135px;padding: 20px;padding-left: 210px;align-items: center;display: flex;}
.proTutoRialGallery.proVodeoGallery ul li .videoIcon { width: 170px;height: 170px;background-image: url('../assets/images/videoIcon22.jpg'); right: auto;left: 20px;top: 0; bottom: 0; margin: auto;}
.proTutoRialGallery.proVodeoGallery ul li .videoIcon:hover     {   background-image: url('../assets/images/videoIcon2.jpg');  }
/* ===================== Product Tutorial Page end ===================== */

/*support banner*/
.supportBanner                        { position: relative;height: 500px;margin: 130px 0 0 0;}
.supportBannerContent                 { display: flex;align-items: center;height: inherit;}
.supportBannerContent h2              { padding:145px 0 0 80px;}
.supportBanner img                    { position: absolute;right: 50px;bottom: 30px;max-height: 500px;}




.image-lightbox img {
	/* Inherit the width and height from the parent element */
	width: inherit;
	height: inherit;
	z-index: 3000;
}

.image-lightbox {
	/* Inherit width and height from the .holder */
	width: inherit;
	height: inherit;
	padding: 10px;
	/* Box shadow */
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	background: #fff;
	border-radius: 5px;
	/* Position absolutely so we can zoom it out later */
	position: absolute;
	top: 0;
	font-family: Arial, sans-serif;
	/* Transitions to provide some eye candy */
	-webkit-transition: all ease-in 0.5s;
	-moz-transition: all ease-in 0.5s;
	-ms-transition: all ease-in 0.5s;
	-o-transition: all ease-in 0.5s;
}

.image-lightbox span {
	display: none;
}

.image-lightbox .expand {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 4000;
	background: rgba(0,0,0,0); /* Fixes an IE bug */
	left: 0;
}

.image-lightbox .close {
	position: absolute;
	width: 20px; height: 20px;
	right: 20px; top: 20px;
}

.image-lightbox .close a {
	height: auto; width: auto;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	background: #22272c;
	box-shadow: inset 0px 24px 20px -15px rgba(255, 255, 255, 0.1), inset 0px 0px 10px rgba(0,0,0,0.4), 0px 0px 30px rgba(255,255,255,0.4);
	border-radius: 5px;
	font-weight: bold;
	float: right;
}

.image-lightbox .close a:hover {
	box-shadow: inset 0px -24px 20px -15px rgba(255, 255, 255, 0.01), inset 0px 0px 10px rgba(0,0,0,0.4), 0px 0px 20px rgba(255,255,255,0.4);
}

div[id^=image]:target {
	width: 100%;
	height: auto;
	z-index: 5000;
	top: 50px;
	left: 200px;
}
div[id^=image]:target .close {
	display: block;
}

div[id^=image]:target .expand {
	display: none;
}




/* administrative page */
.administartive                         { text-align: center;padding-top: 30px;}
.administartive ul                      { display: flex; flex-wrap: wrap; overflow: hidden; justify-content: space-between; margin: 30px 0; padding:  0 5%;background-color: #fff;}
.administartive ul li                   { width: 31%;box-shadow: 0 0 30px 2px rgba(0,0,0,0.1);border-radius: 20px;margin: 15px 0; background-size: contain;}
.administartive ul li a                 { display: block; padding: 20px;}
.administartive ul li a span            { transform: scale(0.9); display: block; width:auto; height: 200px; background-size: contain; background-position: center; background-repeat: no-repeat;}
.administartive ul li p                 { padding: 0;transition: all 0.3s ease-in-out;font-weight: 700;line-height: 24px;}
.administartive ul li a:hover p         { color: #96d301;}
.administartive.shadow-img{background-image: url(../assets/images/imgBot.jpg); background-position: center bottom;padding-bottom:110px; background-repeat: no-repeat;margin-bottom: 30px;}

.administartivelist ul li{width:48%}
.lite{margin-top:30px;}
.lite, .pro{margin-bottom: 5px;}
.administartivelist h3{margin-top:20px;margin-bottom: 0px;}

.administartive ul li a .app-icon        { background-image: url('../assets/images/App-Normal-Icon.jpg');}
.administartive ul li a:hover .app-icon { background-image: url('../assets/images/App-mouse-over.jpg');}
.administartive ul li a .module-icon        { background-image: url('../assets/images/Modules-normal.jpg');}
.administartive ul li a:hover .module-icon { background-image: url('../assets/images/Modules-mouse-over.jpg');}
.administartive ul li a .services-icon        { background-image: url('../assets/images/Services-Normal-Icon.jpg');}
.administartive ul li a:hover .services-icon { background-image: url('../assets/images/Services-mouse-over.jpg');}
.administartive ul li a .clientele-icon        { background-image: url('../assets/images/Our Clientele-Normal-Icon.jpg');}
.administartive ul li a:hover .clientele-icon { background-image: url('../assets/images/Our Clientele-mouse-over.jpg');}
.proBanner.appbanner{/*padding-bottom: 250px;background-image: url(../assets/images/Green-Bg.jpg);background-position: bottom;background-repeat: no-repeat;max-height: auto;height: 875px;text-align: justify;*/max-width: 100%;height: auto;margin-bottom:60px;}
.proBanner.appbanner img{max-height: inherit;height: inherit;position:relative;}
.proBanner.appbanner .proBannerContent p{max-width: 350px;width: auto;}
.clients ul{margin:0px; padding:20px 0px;display: flex;flex-wrap: wrap;background-color:#fff;justify-content: center;}
.clients ul li{margin:0px; padding:30px 0px; text-align:center;width:20%;}
.clients ul li p:first-child{min-height:100px; line-height: 150px;    max-height: 100px;}
.proBanner.client-banner img{top: 0px; bottom: inherit;}
.proBanner.client-banner {margin: 60px 0 0 0;}
.proBanner.client-banner .proBannerContent{height:100%;}
.proBanner.client-banner .proBannerContent p{max-width: 400px; transform: translateY(50%);font-size:22px;}
.supportBanner.servicesbanner img {max-height: 450px;}
.supportBanner.servicesbanner .supportBannerContent{flex-wrap: wrap;}
.servicesbanner .supportBannerContent h2{width:100%; position: relative;z-index: 1; padding:0px;}
.servicesbanner .supportBannerContent h3 {width: auto;text-align: center;padding: 0px 0px 0px 135px;position: relative;z-index: 1;}
.scrollNav.videoStrip.servicesStrip ul {right: calc(50% - 285px);}
.scrollNav.videoStrip.servicesStrip.sticky ul{right:0px;}
.service-card{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin:30px 0px 0;box-shadow: 0 0 15px 1px rgba(0,0,0,0.15); background-color: white;padding:20px;box-sizing: border-box;}
.service-card-img{width:200px;text-align: center;padding:30px 20px;margin-right:20px; border-right:solid 1px #e4e4e4;font-weight:900;font-size:17px; }
.service-card-img img{margin-bottom:10px;}
.service-card-text { width: calc(100% - 330px);text-align:left;font-size:18px;}
.service-card ul li{list-style-type: disc;padding:5px 0px;margin-left:35px;width:100%; text-align: left;box-shadow:none;margin:0px;}
.support-icons{width: 250px;padding-bottom: 10px;}
.support-icons p{background-size: 75%; background-position: center 0px; padding-top: 125px; background-repeat: no-repeat;}
p.support-icon1{background-image: url(../assets/images/Account-management_outline.jpg);}
.service-card:hover p.support-icon1{background-image: url(../assets/images/Account-management_over.jpg);}
p.support-icon2{background-image: url(../assets/images/Call-center-team-icon_Outline.jpg);}
.service-card:hover p.support-icon2{background-image: url(../assets/images/Call-center-team-icon_over.jpg);}
p.support-icon3{background-image: url(../assets/images/email-support-team_outline.jpg);}
.service-card:hover p.support-icon3{background-image: url(../assets/images/Email-support-icon_over.jpg);}
p.support-icon4{background-image: url(../assets/images/ONLINE-Training-Normal.jpg);}
.service-card:hover p.support-icon4{background-image: url(../assets/images/ONLINE-Training-Mouse-Over.jpg);}
p.support-icon5{background-image: url(../assets/images/Ticket-System-normal.jpg);}
.service-card:hover p.support-icon5{background-image: url(../assets/images/Ticket-system-mouse-over.jpg);}
p.support-icon6{background-image: url(../assets/images/Implementation-Normal.jpg);}
.service-card:hover p.support-icon6{background-image: url(../assets/images/Implementation-mouse-over.jpg);}
.services-shadowimg{margin-top:20px;}
.support, .online, .onsite{padding-top:20px;}
.scrollNav.services ul{right: calc(50% - 280px);}
.scrollNav.services.sticky ul{right:0px;}

.scrollNav.clients-nav ul{right: calc(50% - 40px);}
.scrollNav.clients-nav.sticky ul{right:0px;}

.supports label.tabButton {width: 33%;text-align: center;border-bottom: 0px;font-size: 18px;font-weight: bold;margin-top: 20px;}
.supports .tabsy>input:checked+label {   box-shadow: 0 0 0 transparent;color: #96d301;}

.tab {
  overflow: hidden;
  border: 0px solid #ccc;
  background-color: transparent;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  width: 33%;
text-align: center;
font-weight: bold;
font-size: 18px;
}

/* Change background color of buttons on hover */
.tab button:hover, .tab button.currenttab {
  background-color: transparent;
  color:#96d301;
  border-bottom:solid 1px #96d301;
}

/* Style the tab content */
.tabs {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;padding:30px 0px 40px;}
.tabs label {-webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1;display: block;width: calc(33.33% - 20px);background-color: #fff;padding: 1rem 2rem;margin:0px 10px;cursor: pointer;text-align: center;font-weight: bold;font-size:20px;box-sizing: border-box;border-bottom: solid 1px transparent;}
.tabs .tab {-webkit-box-ordinal-group: 100;-webkit-order: 99;-ms-flex-order: 99;order: 99;-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;width: 100%;display: none;padding: 10px;background: #fafafa;white-space: normal !important;}
.tabs input[type="radio"] {position: absolute;opacity: 0;    height: 1px !important; min-height: 1px;}
.tabs input[type="radio"]:checked + label {background: #fff;border-bottom: solid 1px #96d301;color: #96d301; }
.tabs input[type="radio"]:hover + label {border-bottom: solid 1px #96d301;color: #96d301; }
.tabs input[type="radio"]:checked + label + .tab { display: block; }
 @media (max-width: 767px) {
.tabs .tab,  .tabs label {-webkit-box-ordinal-group: NaN;-webkit-order: initial;-ms-flex-order: initial;order: initial;}
.tabs label {width: 100%;margin-right: 0;border-bottom: solid 1px #cacaca;}
}





.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}

.cl {
  height: 200px;
  padding: 10px;
}

.cl-yellow {
  background: #f1c40f;
}

.cl-blue {
  background: #3498db;
}

.cl-red {
  background: #e74c3c;
}

.slick-active {
  padding: 40px 0;
}

.slick-center {
  transform: scale(2.2);
}

.slick-slide:not(.slick-active) {
  margin: 20px 0;
}

.child {
  width: 100%;
}

.slide:not(.slick-active) {
  cursor: pointer;
}

.pagination {
  text-align: center;
  color: #fff;
  font-family: arial;
  font-size: 1.2rem;
}
button.slick-prev {
    position: absolute;
    top: 50%;
    left:0px;
}
button.slick-next {
    position: absolute;
    top: 50%;
    right:0px;
}

.home {
    min-height: 100%;
    height: 100%;
    background-size: cover!important;
    position: relative;
    background: url(../assets/images/banner520.jpg); background-repeat: no-repeat; background-position: center top;
}
.bannergr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
    vertical-align: middle;
    background-image: linear-gradient(80deg, rgba(255, 255, 255, .7) 0, rgba(255, 255, 255, .7) 58%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(20deg, rgba(255, 255, 255, .7) 0, rgba(255, 255, 255, .7) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    /* background-image: linear-gradient(80deg, rgba(220, 220, 220, .5) 0, rgba(220, 220, 220, .5) 58%, rgba(220, 220, 220, 0) 50%, rgba(220, 220, 220, 0) 100%);
    background-image: -webkit-linear-gradient(20deg, rgba(220, 220, 220, .5) 0, rgba(220, 220, 220, .5) 58%, rgba(220, 220, 220, 0) 58%, rgba(220, 220, 220, 0) 100%); */
}
.banner-top-in {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.counter {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 20%;
    width: 100%;
    background: rgba(255,255,255,.8);
}
.counter-warp {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	max-width: 1140px;
	width: 1140px
}

.counter-warp ul {
	display: inline-block;
	width: 100%
}

.counter-warp ul li {
	display: inline-block;
	width: 20%;
	border-right: 2px solid #c0c6b5;
	margin-left: -2px;
	margin-right: -2px;
	box-sizing: border-box;
	position: relative
}
.counter-warp ul li:nth-child(1), .counter-warp ul li:nth-child(2) {
    content: "";
    width: 17%;
}
.counter-warp ul li:nth-child(4) span.icon{
    margin-top: -35px;
  }
.counter-warp ul li:last-child {
    width: 26%;
}

.counter-warp ul li div {
	padding-right: 10px;
	padding-left: 60px
}

.counter-warp ul li:last-child {
	border-right: 0;
  white-space: nowrap;
}

.counter-warp ul li span.icon {
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -20px
}

.counter-warp ul li span.icon img{width:40px;}


.counter-warp ul li h4 {
	font-size: 23px;
	color: #26b961;
	font-weight: 700;
	line-height: 26px;
	margin-bottom: 5px
}

.counter-warp ul li p {
	font-size: 20px;
	font-weight: 600;
	color: #373737
}
.banner-top-in p {
    padding:20px 0 40px 0;
    font-size: 18px;
    font-weight: bold;
}
@media only screen and (min-height: 800px) and (min-width: 1024px){
  .banner-top-in p {padding:40px 0 60px 0;}
  .home{max-height: 635px;min-height: inherit;}
}

/*@media (min-height:800px){
  .banner-top-in p {padding:40px 0 60px 0;}
  .home{max-height: 635px;min-height: inherit;}
}*/
/*.banner-imgs{position: absolute;right:0px;top:1%;max-width:1180px;margin:auto;text-align: right;}*/
.banner-imgs img{max-width: 90%;}
.banner-imgs {
    position: absolute;
    right: 0px;
    max-width: 1180px;
    margin: auto;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: calc(100% - 20%);
}
.thumb-img a:before{display:none !important;}
.thumb-img a{padding:0px !important;border:0px solid #fff !important; }
.play-icon img {
    margin: 0px !important;
}
.play-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 42px;
    z-index: 9;
    width: 42px;
    margin: -21px 0px 0px -21px !important;
}
/*.home .bannerImg {background: url(../assets/images/banner520.jpg); background-repeat: no-repeat; background-position: center top;max-height:calc(710px - 70px);height: calc(100vh - 70px); background-size: contain;    display: flex;flex-wrap: wrap;align-items: center;}
.home .bannerImg h2{text-align: left;margin-bottom: 10px;}
.bannergr{height: calc(100vh - 180px);max-height:calc(710px - 180px) ;display: flex;align-items: center;background-image: linear-gradient(80deg, rgba(255, 255, 255, .9) 0, rgba(255, 255, 255, .9) 38%, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0) 100%);  background-image: -webkit-linear-gradient(20deg, rgba(255, 255, 255, .9) 0, rgba(255, 255, 255, .9) 38%, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0) 100%);width: 100%;}
.bannergr .container{width:100%;}
.banner.home .counter {padding: 20px 0 20px 0;width:100%;background-color: rgba(255, 255, 255, .9);}
.banner.home{height: unset;}
.banner.home ul {width: 100%; text-align: left;}
.banner.home ul {max-height: unset; height: 100%;margin: 0px;}
.banner.home .counter ul li .icon{width:50px; heigh:50px;}
.banner.home .counter ul li img{max-height:50px;position: absolute;}
.banner.home .counter ul li .content {padding: 10px 30px 0 0px;min-width: auto;}
.banner.home .counter ul li .content span{font-size:22px;color: #96d301;}
.pt-30{padding-top:30px;}
.clients h2{padding:30px 0px;}*/
.productfaqThumb                { background-image: url('../assets/images/Video-icon-faq-n.jpg');   }
.productfaqThumb:hover          { background-image: url('../assets/images/Video-icon-faq-color.jpg'); }
.productsupportThumb                { background-image: url('../assets/images/Video-icon-support-n.jpg');   }
.productsupportThumb:hover          { background-image: url('../assets/images/Video-icon-support-Color.jpg'); }
.productVideoThumblotus                { background-image: url('../assets/images/Video-Button--lotus.jpg');   }
.productVideoThumblotus:hover          { background-image: url('../assets/images/Video-Button-color--lotus.jpg'); }
.thumbs-main {display: flex;flex-wrap: wrap;justify-content: space-between;}
.thumb-img {width: calc(50% - 20px);position:relative;}

.scrollNav ul li a.active-tab {
    color: #6d9900;
    border-bottom-color: #fccf36;
}
.clients p img, .services-shadowimg img{max-width:100%;}
.clients p img {
    max-height: 110px;
}
.bannermain{max-width: 1180px;width:90%;margin:auto;position:relative;height:100%;}
.m-banner{display:none;}
.banner-top-in{max-width:450px;}
.font-18{font-size: 18px;}
.font-20{font-size: 20px;}
.font-22{font-size: 22px;}
.font-24{font-size: 24px;}
@media (max-width:1279px){
.counter-warp{max-width:1003px;}
.counter-warp ul li h4{white-space: nowrap;}
}
@media (min-width:1280px){
.counter-warp ul li{width: 21%;}
.counter-warp ul li div {padding-left: 65px;}
.counter-warp {max-width: 1180px; width: 1180px;}
.counter-warp ul li:last-child {float: right;min-width: 270px;max-width: 272px;}
}
@media (max-width:1023px){
  .home{height:auto;}
  .bannermain{height:auto;}
  .banner-imgs img {max-width: 100%;}
  .banner-top-in {position: unset;transform: inherit;}
  .banner-imgs{position: unset;}
  .bannergr {position: unset;height: auto;}
  .bannergr ul, .bannermain{display: none;}
  .bannermain.m-banner {display:block; text-align: center;}
  .banner-top-in {text-align: center;}
  .banner-top-in{max-width:100%;}
  .counter {height: auto;position: unset;}
  .counter-warp {
    position: unset;
    transform: unset;
    max-width: 100%;
}
.counter-warp ul {
    display: flex;
    flex-wrap: wrap;justify-content: center;
    align-items: flex-start;
}
.counter-warp ul li {
    min-width: 225px;
    margin: 10px 0px;
    border-right: solid 1px #efebeb;
}
.counter-warp ul li span.icon{
margin-top: -30px;
}
.counter-warp ul li span.icon img {
    height: auto;
}

.videoblock {flex-wrap: wrap;justify-content: center;}
.videoContent{width:50%;margin-bottom: 20px;}
.videoblock .videoContent:nth-child(2){ border-bottom: solid 0px #d8d8d8;padding: 20px 0; border-right:solid 0px;}
.videoblock .videoContent:last-child{padding: 20px 0;border: none;}
.clients ul{justify-content:center;}
.clients ul li{min-width:145px;}
.proBanner.client-banner .proBannerContent p {transform: inherit;font-size: 18px;}
}
@media (max-width:767px){
  .service-card{padding-bottom:30px;}
  .service-card-img.support-icons {width: 100%;text-align: center;background-size: contain;}
.service-card-text { width: 100%; text-align: center;}
.tab{display: flex;white-space: nowrap;    overflow: auto;}
.tabs-main {width: 100%; overflow-y: auto;}
button.tablinks { width: auto;}
.supportBanner img { max-width: 100%;}
.thumb-img{width: calc(100% - 20px);}
.support-icons p {background-size: 160px;}
  .stickIt.m-mt-20{margin-top:-20px;}
}
@media only screen and (min-width: 1024px) and (max-width: 1279px){
.banner-imgs img {
    max-width: 68%;
}
.counter-warp ul li:nth-child(2) {
    content: "";
    width: 15%;
}
.counter-warp ul li:nth-child(3) {
    content: "";
    width: 22%;
}
p.bottom-align {
    position: absolute;
    bottom: 0px;
    padding: 0px;
}
}

.terms{padding-top:20px;}
.terms a{margin-right:15px; font-size:14px;}
@media (min-width:1180px){
.home:before {
    content: "";
    width: calc(50% - 590px);
    height: 100%;
    position: absolute;
    left: 0px;
    background-position: right;
    background-repeat: repeat-x;
    background-image: url(../assets/images/pattern1.jpg)!important;
}
.home:after {
    content: "";
    width: calc(50% - 590px);
    height: 100%;
    position: absolute;
    z-index: -1;
    right: 0px;
    top:0px;
    background-position: left;
    background-repeat: repeat-x;
    background-image: url(../assets/images/pattern1.jpg)!important;
}
}
.icons-align{display: inline-block;}
.icons-align img{margin-bottom:-5px;}
.supportBanner .icons-align img{
  position: relative;
bottom: 0px;
right: 0px;
}
.enqueryform .icons-align {color: #000;font-size: 14px;}
.enqueryform .icons-align img{width:18px;}
.enqueryform h4{line-height: normal;}

/* ---------------Checkbox Css----------- */
.check_box {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin-top: 25px;}
.check_box p {width: 35%; font-size: 11px; line-height: 16px; color: #000000; padding: 0 20px 0; text-align: left; line-height: 20px;} 
.check_box p a {color: #96d301;}
.check_box label {display: flex; flex:1;}
.check_box label input {display: inline-block; width: 20px; height: 20px; padding: 0;}
.check_box label small {font-size: 11px; line-height: 16px; color: #000000; display: inline-block; padding-left: 10px; flex: 1; text-align: left;}
.contact_form.check_box {margin-top: 0;}
.contact_form.check_box p {width: 100%; padding: 10px 0 15px;}