/*
 Theme Name:   Voya Transit
 Theme URI:    http://
 Description:  Voya Transit Twenty seventeen Child Theme
 Author:       
 Author URI:   http://
 Template:     twentyseventeen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  twenty-seventeen-child
*/

/*
  font-family: 'Coda', cursive;
  font-family: 'Open Sans', sans-serif;
*/

 :root{
  --navy:#1D1D4C;--navy2:#0d1950;--teal:#00ACA8;--teal-dark:#008d8a;
  --sky:#eefbfc;--sky2:#f7fcfd;--line:#dceaf1;--muted:#5d6889;--text:#1c2b5d;
  --yellow:#F7AE18;--purple:#8D5CF6;--green:#62B944;--blue:#38A9FF;--red:#F45A68;
  --shadow:0 18px 46px rgba(29,29,76,.10);--soft-shadow:0 8px 26px rgba(29,29,76,.06);
  --radius:28px;--max:1440px;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
  clear: both;
}


.content:after{
  display: block;
  clear: both;
  content:"";
}


html, body{
	color: #707070;
	font-size: 18px;
  font-family:Inter,Arial,sans-serif;
}

.inner-page p, p, a, span, q{
    font-family:Inter,Arial,sans-serif;
  }

  .inner-page p, p, a{
    color: #282828;    
  }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
  font-family:Inter,Arial,sans-serif;
  font-weight: 700;
}

.inner-page h1, .inner-page h2, .inner-page h3, .inner-page h4, .inner-page h5, .inner-page h6{
  margin-top: 25px;
  margin-bottom: 18px;
  line-height: 1.18;
}

.h4, h4{
  font-size: 20px;
}

.inner-page h3 {
    font-size: 26px;
}

.inner-page h4 {
    font-size: 24px;
}

.inner-page h5{
  font-size: 22px;
}

.inner-page h6{
  font-size: 19px;
}

html body p {
  font-size: 16.67px;
  line-height: 1.6;
  letter-spacing: 0.8px;
  margin: 0 0 20px;
  color: var(--muted);
  font-family:Inter,Arial,sans-serif;
}

a{
  color: #282828;
}

/* .inner-page p, .inner-page div {} */

.inner-page p{
  line-height: 1.8em;
  text-align: justify;
  font-size: 16px;
}

.inner-page p a { text-decoration: underline; }

.inner-page p a.more-link { text-decoration: none; }

a:hover, a:focus{
  text-decoration: none;
  color: #00aca8 !important;
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
img {
    border: 0 none;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto 1.75em;
}

.alignleft {
    float: left;
    margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
    float: right;
    margin: 0.375em 0 1.75em 1.75em;
}

.wp-block-image {
    margin-bottom: 0 !important;
}

.wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image .aligncenter{
  margin-bottom: 1.5em;
}

.service-more p{ font-size: 20px; }

section.container-fluid{
  padding-top: 23px;
  padding-bottom: 23px;
  margin-right: auto;
  margin-left: auto;
}

#section-header{
  /* background-color: #ededed; */
  background-repeat: no-repeat;
  background-position: center  center;
  background-size: 100% 100%;
  padding-top: 0;
  padding-bottom: 0;
}

#header_logo {
    padding-bottom: 20px;
    padding-top: 18px;
    max-width: 300px;
}

#section-main-nav{
  background: url('images/nav-bg.png') repeat-x center center / auto 100%;
  padding-top: 0;
  padding-bottom: 0;
}

#section-main-nav nav.navbar-default{
  /* font-family: 'Coda', cursive; */
  margin-bottom: 5px;
  margin-top: 5px;
  background: none;
  border: none;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
  text-decoration: none;
  color: #00aca8 !important;
  background: none !important;
}

.login-nav li a{
  /* font-family: 'Coda', cursive; */
  font-size: 16.5px;
  text-transform: uppercase;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  /*  background-color: #00aca8; */
  color: #282828;
}

.login-nav li a:hover{
  background-color : #00aca8 !important;
  color: #fff !important;
}



/* main menu css start */

#menu-main-menu > .menu-item-has-children::after{
    content: "\f107";
    display: inline-block;
    font: normal normal normal 14px/0 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #151414;
    font-size: 18px;
    position: absolute;
    top: 27px;
    right: 16px;
}
.navigation-section{width:72%;}


#cssmenu > ul > li:nth-child(1) a{padding-left: 0px;padding-right: 16px;}
#cssmenu > ul > li:nth-child(8) a{padding-left: 0px;padding-right: 0px;}
#cssmenu > ul > li::before, #cssmenu > ul > li::before{
  content: "";
    width: 0%;
    height: 0%;
    background: #fff;
    position: absolute;
    top: 50%;
    left:50%;
    border-radius:50%;
    opacity: 0.3;
    transition: all 0.5s ease 0s;
}
li.menu-item-has-children.has-sub:hover:after {
    color: black !important;
}
.shrink{top:0px;left:0;position:fixed;width: 100%;background: white;z-index: 999999;box-shadow: 0 0 22px #c8c4c4;}
ul{margin-bottom: 0px;}
.glyphicon.glyphicon-chevron-down{font-size: 11px;}
nav{position:relative;/*width:980px;*/margin:0 auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{
  text-transform: uppercase;
  border:0;
  list-style:none;
  display:block;
  position:relative;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  padding-left: 0;
}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#cssmenu #head-mobile{display:none;}
#cssmenu{width:100%;}
#cssmenu > ul > li{float:left;}
#cssmenu > ul > li > a{
    padding: 12px 40px;
    font-size: 20px;
    text-transform: capitalize;
    text-decoration: none;
    color: black;
    font-weight: 400;
}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a, #cssmenu ul li.current-menu-item > a, #cssmenu ul li.current-menu-parent > a{color:#00aca8;}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:none !important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0;}
#cssmenu ul ul{
  position:absolute; left:-9999px;
  /* padding: 5px 12px 8px; */
  padding: 1px 3px 0px;
  background-color: white;
  border-top: 1px solid #ffc8b4;
  border-bottom: 1px solid #00aca8;
}
#cssmenu ul ul li{ height: 40px; width: 0px; border-radius: 0px; border-bottom: 1px solid #eee; -webkit-transition:all .25s ease;-ms-transition:all .25s ease; background:white; transition:all .25s ease;}
#cssmenu li:hover > ul{
  left:auto;
  z-index: 999;
  /* box-shadow: 0 0 4px #e9e1e1; */
  box-shadow: 0 0 40px 0 rgba(0,0,0,.2);
  -webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,.2);
  border-radius: 4px;
}

#cssmenu ul.sub-menu:after {
  content: "";
  display: inline-block;
  position: absolute;
  height: 0;
  width: 0;
  left: 45px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #ff7140;
  top: -12px;
  z-index: 2;
}


#cssmenu li:hover > ul > li{ width: auto; height: auto; /*height:40px;*/ }
#cssmenu ul ul ul{margin-left:100%; top:0;}
#cssmenu ul ul li a{ border-bottom:1; padding:13px 10px 13px 26px !important; transition: all 0.5s; width:270px; font-size: 16px; text-transform: capitalize; text-decoration:none; /* color:#151414; font-weight:400;  */}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#eb8112;}
#cssmenu ul ul li.menu-item-has-children::after{
    position:absolute;top:16px;right:11px;display:block;content:"\f054";display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 9px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0;}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:white;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333;}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333;}
#cssmenu ul ul li:hover{ background:white; border-bottom: 1px solid #00aca8; }
#cssmenu ul ul li:last-child:hover { border-bottom: 1px solid #eee; }
#cssmenu ul li.active ul .has-sub a {color: #151414;}
#cssmenu ul li.active ul li a {color: #151414;}
#cssmenu ul li.active ul .has-sub a:hover {color: #eb8112;}
#cssmenu ul li.active ul li a:hover {color: #eb8112;}
.menu-main-menu{display: block !important;}

#cssmenu ul ul li:before {
    content: "\f105";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 28%;
    left: 10px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 1;
    transition: all 0.5s;
}

#cssmenu ul ul li:hover:before{
  left: 13px;
  color:#00aca8;
}

#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
  padding-left: 40px;
}

@media screen and (min-width:1001px){
  #cssmenu ul ul {
    border-bottom: 1px solid #00aca8;
  }
  #cssmenu ul ul li:before{ content: ""; }
  #cssmenu ul ul li a{ padding: 13px 10px 13px 13px !important; }
  #cssmenu ul.sub-menu:after{ border-bottom: 12px solid #fff; }
}

@media screen and (max-width:1000px){
  #cssmenu > ul > li > a {
      padding: 7px 14px !important;
  }
  .navbar-expand-lg {
      -ms-flex-flow: wrap;
      flex-flow: wrap;}
  .navigation-section{width: 100%;} 

  #cssmenu ul ul {
    padding: 0px 12px 0px;
    background-color: #ebeef1;
    border-top: 1px solid #00aca8;
  }

  #cssmenu ul.sub-menu:after {
    left: 48%;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 8px solid #ff7140;
    top: -8px;
}

  #cssmenu ul li.active ul .has-sub a {color: #ffffff;}
  #cssmenu ul li.active ul li a {color: #ffffff;}
  nav{width:100%;}
  #cssmenu{width:100%}
  #cssmenu ul{width:100%;display:none;}
  #cssmenu ul li{width:100%;border-top: 2px solid #dedede;}
  #cssmenu ul li:hover{background:#363636;}
  #cssmenu ul li:hover ul{ border-radius: 0; }
  #cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto;}
  #cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0;}
  #cssmenu > ul > li{float:none;}
  #cssmenu ul ul li a{padding-left:25px;}
  #cssmenu ul ul li{background:#ebeef1!important; width: 100%; }

  #cssmenu ul ul li:hover{ background: #ebeef1 !important; border-radius: 0; /* border-bottom: none; */ }
  #cssmenu ul ul li:hover a{ color: #282828 !important; }

  #cssmenu ul ul ul li a{padding-left:35px;}
  #cssmenu ul ul li a{ color:#262626; background:none; }
  #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{ color:#fff; }
  #cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left;}
  #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none;}
  #cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700;}
  .button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
  .button:after{position:absolute;top:22px;right:20px;display:block;height:11px;width:30px;border-top:2px solid #00aca8;border-bottom:2px solid #00aca8;content:'';}
  .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:13px;right:20px;display:block;height:2px;width:30px;background:#00aca8;content:'';}
  .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#00aca8;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);
          -ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
  .button.menu-opened:before{top:23px;background:#00aca8;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
  #cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left: 1px solid #d2d2d2;height:42px;width:46px;cursor:pointer;}
  #cssmenu .submenu-button.submenu-opened{background:#00aca8;}
  #cssmenu ul ul .submenu-button{height:34px;width:34px;}
  #cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#262626;content:'';}
  #cssmenu ul ul .submenu-button:after{top:15px;right:13px;}
  #cssmenu .submenu-button.submenu-opened:after{background:#fff;}
  #cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#262626;content:'';}
  #cssmenu ul ul .submenu-button:before{top:12px;right:16px}
  #cssmenu .submenu-button.submenu-opened:before{display:none;}
  #cssmenu ul ul ul li.active a{border-left:none;}
  #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none;}
  #menu-main-menu > .menu-item-has-children::after{display: none;}
}

#cssmenu > ul > li:nth-child(1) a{padding-left: 18px;}
#cssmenu > ul > li:nth-child(8) a{padding-right: 13px;padding-left: 13px;}

@media (max-width: 1200px){
  /* #cssmenu > ul > li.has-sub > a{padding-right: 17px;} */ 
  #cssmenu > ul > li > a{padding:12px 25px;}
  #menu-main-menu > .menu-item-has-children::after{right:8px; top:25px;}
  .content-section{min-height:auto;}
}

/* main menu css end */


.demo-request-btn {
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  padding: 5px 20px 10px;
  float: left;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-box-shadow: 0 10px 5px -10px #9e9e9e;
 -moz-box-shadow: 0 10px 5px -10px #9e9e9e;
      box-shadow: 0 10px 5px -10px #9e9e9e;
    background: rgb(29,29,76);
    background: linear-gradient(0deg, rgba(29,29,76,.85) 0%, rgba(34,193,195,1) 100%);
}

.footer.camp-footer {
    background: linear-gradient(0deg, rgba(29,29,76,.85) 0%, rgba(34,193,195,1) 100%);   
}
.demo-request-btn:hover, .demo-request-btn:focus{
  color: white !important;
  text-decoration: none;
  -webkit-box-shadow: 0 10px 5px -10px #9e9e9e;
 -moz-box-shadow: 0 10px 5px -10px #9e9e9e;
      box-shadow: 0 10px 5px -10px #9e9e9e;
    background: rgb(29,29,76);
    background: linear-gradient(0deg, rgba(29,29,76,.85) 0%, rgba(34,193,195,1) 100%);
}
#respond input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, select:focus, textarea:focus{
  border-color:#00aca8 !important;
}
.gradient-btn a {
  -moz-box-shadow: 0 10px 5px -10px #9e9e9e;
  box-shadow: 0 10px 5px -10px #9e9e9e;
  background: rgb(29,29,76) !important;
  background: linear-gradient(0deg, rgba(29,29,76,.85) 0%, rgba(34,193,195,1) 100%) !important;
}
.gradient-btn a:hover{
  color:#ffffff !important;
}
.campaign-form-wrap input.wpcf7-form-control.wpcf7-submit:hover, span.select2-selection.select2-selection--single:focus {    
    border: 1px solid #00aca8 !important;
}
.campaign-form-wrap h4.demo-heading {    
  -moz-box-shadow: 0 10px 5px -10px #9e9e9e;
  box-shadow: 0 10px 5px -10px #9e9e9e;
  background: rgb(29,29,76) !important;
  background: linear-gradient(0deg, rgba(29,29,76,.85) 0%, rgba(34,193,195,1) 100%) !important;
}
.campaign-form-wrap input.wpcf7-form-control.wpcf7-submit {
  -moz-box-shadow: 0 10px 5px -10px #9e9e9e;
  box-shadow: 0 10px 5px -10px #9e9e9e;
  background: rgb(29,29,76) !important;
  background: linear-gradient(0deg, rgba(29,29,76,.85) 0%, rgba(34,193,195,1) 100%) !important;
}
.request-a-demo-btn{
  position: fixed;
  top: 30%;
  right: -70px;
  transform: rotate(270deg);
  color: #ffffff;
  -webkit-box-shadow: 0 -9px 5px -10px #9e9e9e;
  -moz-box-shadow: 0 -9px 5px -10px #9e9e9e;
  box-shadow: 0 -9px 5px -10px #9e9e9e;
  background: -moz-linear-gradient(89deg, rgba(247,58,27,1) 0%, rgba(247,58,27,1) 1%, rgba(255,124,0,1) 84%, rgba(255,124,0,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,124,0,1)), color-stop(16%, rgba(255,124,0,1)), color-stop(99%, rgba(247,58,27,1)), color-stop(100%, rgba(247,58,27,1)));
  background: -webkit-linear-gradient(89deg, rgba(247,58,27,1) 0%, rgba(247,58,27,1) 1%, rgba(255,124,0,1) 84%, rgba(255,124,0,1) 100%);
  background: -o-linear-gradient(89deg, rgba(247,58,27,1) 0%, rgba(247,58,27,1) 1%, rgba(255,124,0,1) 84%, rgba(255,124,0,1) 100%);
  background: -ms-linear-gradient(89deg, rgba(247,58,27,1) 0%, rgba(247,58,27,1) 1%, rgba(255,124,0,1) 84%, rgba(255,124,0,1) 100%);
  background: linear-gradient(1deg, rgba(247,58,27,1) 0%, rgba(247,58,27,1) 1%, rgba(255,124,0,1) 84%, rgba(255,124,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7c00', endColorstr='#f73a1b',GradientType=0 );

  border: 1px solid #ffffff !important;
}

.request-a-demo-btn:hover, .request-a-demo-btn:focus{
  color: #ffffff !important;
  background: -moz-linear-gradient(272deg, rgba(247,58,27,1) 0%, rgba(255,124,0,1) 81%, rgba(255,124,0,1) 100%); /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(247,58,27,1)), color-stop(81%, rgba(255,124,0,1)), color-stop(100%, rgba(255,124,0,1))); /* safari4+,chrome */
  background: -webkit-linear-gradient(272deg, rgba(247,58,27,1) 0%, rgba(255,124,0,1) 81%, rgba(255,124,0,1) 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(272deg, rgba(247,58,27,1) 0%, rgba(255,124,0,1) 81%, rgba(255,124,0,1) 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(272deg, rgba(247,58,27,1) 0%, rgba(255,124,0,1) 81%, rgba(255,124,0,1) 100%); /* ie10+ */
  background: linear-gradient(178deg, rgba(247,58,27,1) 0%, rgba(255,124,0,1) 81%, rgba(255,124,0,1) 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f73a1b', endColorstr='#ff7c00',GradientType=0 ); /* ie6-9 */

}

.search-form-wrap form{
  position: relative;
}

form.search-form {
    position: relative;
}

.search-form label{
  display: none;
}

.search-form input {
  height: 40px;
  width: 100%;
  background: transparent;
  border: none;
  padding: 0px 0px;
  border-bottom: 1px solid black;
  
}

.site-main .search-form {
    float: left;
}

.site-main .search-form input[type=search] {
    width: 240px;
    padding: 0 5px;
}

/*.read-more::after{
    position: absolute;
    left: 50%;
    content: '';
    height: 2px;
    background: #00aca8;
    transition: all 0.5s linear;
    width: 0;
    bottom: -3px;
}
.read-more:hover::after{
  width:100%;
}*/
#footer-newsletter .input-group{
   /*  border-right: 1px solid #ccc; */
    position: relative;
    width: 100%;
}
#footer-newsletter .input-group-addon {
    background: none;
    height: 40px;
    padding-right: 39px !important;
    position: absolute;
    right: 0px;
    z-index: 999;
    top: 12px;
    border:none;
}
/*.input-group:focus{box-shadow:0 0 5px red;}*/
/*.input-group .form-control:focus .input-group-addon{box-shadow:0 0 5px red;}*/
/*#footer-newsletter .input-group .form-control:focus{}*/
.search-form-wrap.pull-right{
  margin-bottom: 10px;
    margin-top: 12px;
}



.search-form .search-submit {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  display: inline-block;
  font-size: 0;
  text-indent: 0;
  height: 40px;
  background: none;
}

.search-form .icon.icon-search {
  height: 20px;
  width: 20px;
}

.search-form input[type=search]{
  -webkit-transition: width 0.7s ease-in-out;
  transition: width 0.7s ease-in-out;
  /* width: 0px;
  padding: 0px; */
  width: 100%;
  padding: 5px 28px 5px 8px;
  float: right;
  max-width: 300px;
}

.search-form-wrap:hover input[type=search], .search-form input[type=search]:hover, .search-form input[type=search]:focus {
  width: 100%;

  padding: 5px 28px 5px 8px;
  outline: 0;
  border-bottom: 1px solid #00aca8;
}

#menu-main-menu li > a {

  font-family: 'Open Sans', sans-serif !important;
  padding-left: 28.5px; padding-right: 28.5px;
  font-weight: 400;
  color: #282828;
  font-size: 21px;
  /*
  padding-left: 35px;
  padding-right: 35px;
  */
}

/* footer section */

.site-footer{
  background: url('images/footer-bg.webp') no-repeat center bottom / 100% auto;
}

#footer_logo{
  margin: 35px auto;
}

#footer_logo img {
  height: auto;
  max-width: 215px;
  margin: 0px auto;
}

#footer-section .container {
  border-bottom: 1px solid #dadbdb;
}

.footer-row h3 {
  font-size: 23px;
  letter-spacing: 0.5px;
  margin-bottom: 45px;
  padding: 0 5px;
  text-transform: uppercase;
}

.footer-row > div, .footer-row > div p {
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 24px;
  /* padding-left: 5px;
  padding-right: 5px; */
}

.footer-row > div, .footer-row > div p
{
  font-size: 15px;
  font-weight: 300;
  color: #707070;
}

#footer_social ul {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

#footer_social li {
  display: inline-block;
  height: auto;
  max-width: 70px;
  width: 100%;
  margin: 0 12px;
}

#footer_social li a {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  display: inline-block;
  height: 50px;
  width: 50px;

  transition:all 0.3s;
}
/* 
#footer_social li a:hover {
    transform: scale(0.9);
}
 */
#footer_social li a:hover, #footer_social li a:active {
    -webkit-transform: scale(0.9) rotate(360deg);
    -moz-transform: scale(0.9) rotate(360deg);
    -ms-transform: scale(0.9) rotate(360deg);
    -o-transform: scale(0.9) rotate(360deg);
    transform: scale(0.9) rotate(360deg);
}

#footer_social li a .screen-reader-text{
  display: none;
}

#footer_social li.facebook a{ background-image: url('images/fb-icon.png'); }

#footer_social li.twitter a{ background-image: url('images/twitter-icon.png'); }

#footer_social li.gplus a{ background-image: url('images/gplus-icon.png'); }

#footer_social li.youtube a{ background-image: url('images/youtube-icon.png'); }

#footer_social li.linkedin a{ background-image: url('images/linkedin-icon.png'); }

#footer-newsletter h3 {
  margin: 17px auto;
  color: #ffffff;
}

#footer-newsletter .input-group .form-control{
  height: 60px;
  border-right: 1px solid #ccc;
  border-radius: 5px;
  font-size: 17px;
  letter-spacing: 0.3px;
  padding: 6px 45px 6px 18px;
}

#footer-newsletter .input-group-addon {
  background: none;
  height: 60px;
  padding-right: 22px;
}

#footer-newsletter .input-group-addon .fa{
  font-size: 24px;
}

.separator.container {
  border-bottom: 1px solid #dadbdb;
}

#footer-newsletter .btn, #contact-us-sec .btn{
  width: 100%;
  height: 60px;
  font-size: 22px;
  color: #282828;
  border-color: transparent;
  border-radius: 5px;
  background-image: -moz-linear-gradient( 90deg, rgb(224,224,224) 0%, rgb(255,255,255) 26%, rgb(244,244,244) 50%, rgb(250,250,250) 63%, rgb(255,255,255) 69%, rgb(233,233,233) 78%, rgb(211,211,211) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(224,224,224) 0%, rgb(255,255,255) 26%, rgb(244,244,244) 50%, rgb(250,250,250) 63%, rgb(255,255,255) 69%, rgb(233,233,233) 78%, rgb(211,211,211) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(224,224,224) 0%, rgb(255,255,255) 26%, rgb(244,244,244) 50%, rgb(250,250,250) 63%, rgb(255,255,255) 69%, rgb(233,233,233) 78%, rgb(211,211,211) 100%);
}

#footer-newsletter .btn:hover, #contact-us-sec .btn:hover{
  background-image: -moz-linear-gradient( 90deg, rgb(239,239,239) 0%, rgb(228,228,228) 12%, rgb(233,233,233) 26%, rgb(228,228,228) 50%, rgb(218,218,218) 63%, rgb(224,224,224) 69%, rgb(233,233,233) 78%, rgb(239,239,239) 100%) ;
  background-image: -webkit-linear-gradient( 90deg, rgb(239,239,239) 0%, rgb(228,228,228) 12%, rgb(233,233,233) 26%, rgb(228,228,228) 50%, rgb(218,218,218) 63%, rgb(224,224,224) 69%, rgb(233,233,233) 78%, rgb(239,239,239) 100%) ;
  background-image: -ms-linear-gradient( 90deg, rgb(239,239,239) 0%, rgb(228,228,228) 12%, rgb(233,233,233) 26%, rgb(228,228,228) 50%, rgb(218,218,218) 63%, rgb(224,224,224) 69%, rgb(233,233,233) 78%, rgb(239,239,239) 100%) ;
}

.site-info{
  font-size: 16.67px;
  letter-spacing: 0.8px;
  margin: 0 0 20px;
  font-weight: 300;
}


/* breadcrumb */
.breadcrumb {
    padding: 5px 10px;
    margin-bottom: 5px;
    background-color: transparent;
    border-radius: 4px;
    color: #00aca8;
    font-weight: 400;
    font-size: 16px;
    /* text-align: center; */
}
.breadcrumb a {
    color: #282828;
    text-decoration: none;
}

/* breadcrumb */

#breadcrumbs{
    list-style:none;
    margin:0px;
    overflow:hidden;
    padding-left: 0;
}
  
#breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
    margin-right:0px;
    margin-bottom:0px;
}
  
#breadcrumbs .separator{
    font-size:18px;
    font-weight:400;
    color: #707070;
}

li.item-current strong {
    color: #00aca8;
    font-weight: 400;
    font-size: 16px;
}

.breadcrumb>li+li:before{
  content: "";
  padding: 0;
}

/* breadcrumb */


/* main */

.sec-title-wrap {
  display: table;
  margin-bottom: 22px;
  margin-top: 22px;
  width: 100%;
}

.sec-title-inner {
  border-right: 3px solid #00aca8;
  height: 70px; 
  letter-spacing: 1.5px;
}
.sec-title-inner.left-border {
  border-left: 3px solid #00aca8;  
  border-right: none;  
  padding-left: 15px;
}
.sec-title-wrap .sec-content, .sec-desc, .sec-desc p {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
}

.sec-desc, .sec-desc p {
  color: #282828;
  letter-spacing: 0.9px;
}

.sec-desc p {
  margin-bottom: 5px
}

.section-title{ word-break: break-word; }

.section-title, .section-heading h2{
  font-size: 28px;
  color: #282828;

  font-family: 'Lato', sans-serif;
  font-weight: 700;
  letter-spacing: 3px;

  text-transform: uppercase;
}


.section-title, .section-heading h2, .sec-content, .sec-desc{
  height: 70px;
  display: table-cell;
  vertical-align: middle;
  width: inherit;
}
.section-heading h2{ width: 100vw; text-align: center }

.section-heading .vce, .sec-desc .vce{ margin-bottom: auto;  }

/* 
#contact-us-sec {
  margin-bottom: 50px;
  margin-top: 10px;

  background : url('images/contect-section-bg.jpg') no-repeat fixed center center / cover;
  padding-top: 120px;
  padding-bottom: 100px;
} */

#contact-us-sec {
  /* 
  margin-bottom: 50px;
  margin-top: 10px;
  
  background : url('images/contect-section-bg.jpg') no-repeat fixed center center / cover;
  padding-top: 120px;
  padding-bottom: 100px;
   */
}

.home #contact-us-sec {
  margin-bottom: 0;
}

#contact-us-sec .btn{
  color: #282828;
  /* font-family: "Coda",cursive; */
  text-transform: uppercase;
}

#contact-us-sec .form-control {
  
  background-color: rgba(0,0,0,0.6);
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 21px;
  font-weight: 300;
  height: 60px;
  margin-bottom: 42px;
  border-color: #fff;
}

#contact-us-sec .form-control::-moz-placeholder{
  color: #eee;
}

#contact-us-sec textarea.form-control {
  height: 367px;
}

.form-control:focus {
  /* border-color: #00aca8; */
  border-color: #ffa47c;
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.075) inset, 0px 0px 1px rgba(250, 77, 1, 0.6);
 /*  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.075) inset, 1px 1px 5px rgba(250, 77, 1, 0.6); */
}

#video-sec {
  margin-bottom: -5px;
  padding-bottom: 0;
  padding-top: 0;
}

.connect-section {
  margin: 0 auto;
  max-width: 1600px;
  width: 96%;
}

.voya-products-sec {
  margin: 0 auto;
  max-width: 1350px;
  width: 96%;
}

.features-block{
   /* -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19);
   -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19);
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19); */

   -webkit-box-shadow: 0px 11px 46px rgba(0,0,0,0.1);
   -moz-box-shadow: 0px 11px 46px rgba(0,0,0,0.1);
   box-shadow: 0px 11px 46px rgba(0,0,0,0.1);

  margin: 20px auto 15px;
  padding: 50px 2px;
}

.features-inner .features_icon{
  text-align: center;
}

.features-inner .features_icon span{
  width: 65px;
  height: 65px;
  display: inline-block;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 0.3s;
}


.features-inner .features_icon span.live-tracking{
  background-image: url('images/live-tracking-icon.png');
}

.features-inner .features_icon span.gps-device{
  background-image: url('images/gps-device-icon.png');
}

.features-inner .features_icon span.vehicle-tracking{
  background-image: url('images/vehicle-tracking-icon.png');
}

.features-inner .features_icon span.announcement{
  background-image: url('images/announcement-icon.png');
}


.features-inner:hover .features_icon span.live-tracking{
  background-image: url('images/live-tracking-icon-hover.png');
}

.features-inner:hover .features_icon span.gps-device{
  background-image: url('images/gps-device-icon-hover.png');
}

.features-inner:hover .features_icon span.vehicle-tracking{
  background-image: url('images/vehicle-tracking-icon-hover.png');
}

.features-inner:hover .features_icon span.announcement{
  background-image: url('images/announcement-icon-hover.png');
}


.features-inner h4 {
  border-bottom: 3px solid transparent;
  font-size: 20px;
  margin: 0 0 20px;
  padding: 35px 0 28px;
  text-align: center;
  transition:all 0.3s;
}

.features-inner:hover h4{
  border-bottom: 3px solid #00aca8;
}

/* .features-inner p{ font-weight: 300; } */

.link-more{ text-align: right !important; }

/* 
.vce-button--style-outline{ border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; }
.vce-button--style-outline:before{ border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; } */
/* .vce-button--style-outline-animated-slidein:before{ border-bottom: 2px solid transparent; } */

.read-more, .more-link{
  /* font-family: "Coda",cursive; */
  border-bottom: 2px solid transparent;
  /* padding-bottom: 6px; */
  text-transform: uppercase;
  padding: 8px 15px;
  background-color: white;
  border-radius:3px;
}

.read-more:hover, .more-link:hover{
  border-bottom: 2px solid #00aca8;
  /* box-shadow: 0px 7px 9px rgba(0,0,0,0.1);
  -moz-box-shadow:  0px 7px 9px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 7px 9px rgba(0,0,0,0.1); */
}

.features-inner:hover .read-more {
  border-bottom: 2px solid #00aca8;
}

.row.features-row {
  margin-bottom: 100px;
}

.features-title-sec{
  margin-bottom: 20px;
  width: 25%;
  max-width: 270px;
  text-align: center;
}

.features-title-sec span.icon {
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid transparent;
  border-radius: 50%;
  display: inline-block;
  height: 110px;
  width: 110px;
  margin-top: 15px;
  margin-bottom: 25px;
}

.features-row:hover span.icon{
  border: 1px solid #00aca8;
}

.features-title-sec.left {
  margin-right: 20px;
  float: left;
}

.features-title-sec.right {
  margin-left: 20px;
  float: right;
}

.track-feets-sec{
  margin-top: 60px;
  margin-bottom: 15px;
}

.track-feets-sec .col-md-8 {
  line-height: 2em;
}
/* 
#track-feets{ background: url('images/track-feets-bg.jpg') no-repeat center center / cover; }
*/
#services-plan-sec{
  background: url('images/services-plan-bg.jpg') no-repeat fixed center center / 100% 100%; 
}

#services-plan-sec h2{
  font-size: 33px;
}

/* plan section */


#services-plan-sec h4{
  padding-bottom: 0;
  padding-top: 30px;
}

#services-plan-sec h4 a{
  font-size: 21px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  padding-bottom: 0;
}

#services-plan-sec .header h4{
  padding-bottom: 22px;
  margin-top: 10px;
  margin-bottom: 45px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 21px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

#services-plan-sec .header h4 span{
  color: #00aca8;
}

.services-plan-block{
  margin-top: 10px;
  margin-bottom: 16px;
}

.service-more h2{
  margin-bottom: 30px;
  margin-top: 50px;
  line-height: 1.4em;
}
  
.grid1, .grid2, .grid3{
  background: #fff;
  width:33%;
  float:left;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  border-radius: 20px;
  padding: 44px 40px;
  border: 1px solid #f7f7f7;
  border-bottom: 18px solid #fff;

/*   -webkit-box-shadow: 0 10px 25px -10px #9e9e9e;
 -moz-box-shadow: 0 10px 25px -10px #9e9e9e;
      box-shadow: 0 10px 25px -10px #9e9e9e; */
}

.grid1,.grid3{
/*   border:1px solid rgba(255, 215, 0, 0.27);; */
}

.grid2{
/*   border-top:1px solid rgba(255, 215, 0, 0.27);
  border-bottom:1px solid rgba(255, 215, 0, 0.27); */
}

.grid1:hover, .grid1:focus, .grid1:active, .grid2:hover, .grid2:focus, .grid2:active, .grid3:hover, .grid3:focus, .grid3:active{
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
 /*  border:1px solid rgba(255, 215, 0, 1); */
  overflow:hidden;
  z-index:9999;
    border-bottom: 18px solid #00aca8;

  -webkit-box-shadow: 0 10px 15px 1px #9e9e9e;
   -moz-box-shadow: 0 10px 15px 1px #9e9e9e;
        box-shadow: 0 10px 15px 1px #9e9e9e;
}


.logo_showcase .slick-slide{
  float: right !important;
}

.logo_showcase .slick-slide img{
  border:  none !important;
}

.slick-dots{
  display: none !important;
}

.block-sec{
  text-align: center;
  margin-bottom: 65px;
  margin-top: 25px;
}

.block-sec img {
  display: inline-block;
}

.block-sec > div {
  margin: 0 auto;
  max-width: 272px;
  width: 90%;
}

.block-sec h4 {
  margin-top: 35px;
  margin-bottom: 35px;
/*   padding-bottom: 15px; */
}

.block-sec h4 > span > span{
  border-bottom: 2px solid #00aca8;
  display: inline-block;
  width: 90%;
  max-width: 100px;
  margin: 0 auto;
}

.block-sec h4 > span {
  display: inline-block;
  line-height: 0;
  width: 100%;
}


.inner-pages #section-header{
  background-image: url('images/hadder-bg.png') !important;
  background-color: transparent !important;
}


.inner-pages .site-inner{
  background-image: url('images/content-bg.png') !important;
  background-position: top left;
  background-repeat: no-repeat;
}

.inner-pages .content-sec{
  background-image: url('images/content-bg.png') !important;
  background-position: bottom right;
  background-repeat: no-repeat;
}
.padding-0{ padding: 0 !important; }


.process-block-1, .process-block-4{
  float: left;
}

.process-block-3, .process-block-5{
  float: right;
}

.process-block-2 {
  position: relative;
  top: 200px !important;
}

/* 
iframe .ytp-large-play-button.ytp-button{
  display: none !important;
} */

.row.animated-parent{
  min-height: 650px;
}

.products-box > h3 {
  font-family: 'Open Sans', sans-serif;
  color: #231f20;
  font-size: 18px;
}


/*===========================================
                connect section  css start                                                      
=============================================*/

.varticalmenu.li-animation.menuanimation1 > li {
  list-style: outside none none;
}

.varticalmenu, .varticalmenu li a{
  font-family: 'Open Sans', sans-serif !important;
  /* font-family: 'Aldrich', sans-serif !important; */
  font-size: 19px;
  color: #282828;  
}

.varticalmenu.li-animation.menuanimation1 > li:first-child, .varticalmenu.li-animation.menuanimation1 > li:first-child a{
    font-weight: 600;
}

.container.connect-sec{
  max-width: 1240px;
  width: 92%;
}

.connect .row > .col-sm-2{
  padding-left: 2px;
  padding-right: 2px;
}

.connect-heading{
    display: table;
    margin: 0px auto 10px;
    background: white;
    padding: 10px 15px;
    /*box-shadow: 0 0 2px #736d6d;*/
    position: relative;
    z-index:99;
}
.connect-img{
    /* background:url(images/connect-span-img.jpg); */
    background:url(images/intelli-connect-img.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 70px;
    display: block;
    height: 70px;
    margin: 35px auto 0px;
}

.sercal{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0px auto;
    border: 1px solid black;
}
.sercal-logo{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 76px auto 16px;
    border: 1px solid black;
}
.sercal-logo{
    margin: 80px auto 13px;
}
.sercal-inner{
  background: #00aca8 !important;
}
.sercal-inner{
    width: 20px;
    height: 20px;
    background: #00aca8 !important;
    border-radius: 50%;
    margin: 4px auto;
    /*animation-name: zoom;
    animation-duration: .5s;
    animation-iteration-count: infinite;
    -webkit-animation-name: zoom;
    -o-animation-duration: .5s;
    -moz-animation-iteration-count: infinite;*/
}

.connect-sec-logo{ width: 100%; max-width: 264px; }

@-webkit-keyframes zoom{
    0%{width:10px; height:10px; opacity: 0.1;}
    25%{width:12px; height:12px;opacity: 0.8;}
    50%{width:15px; height:15px;opacity: 1;}
    75%{width:18px; height:18px;opacity: 0.1;}
    100%{width:20px; height:20px;opacity: 0.1;}
}
@keyframes zoom{
    0%{width:10px; height:10px; opacity: 0.1;}
    25%{width:12px; height:12px;opacity: 0.8;}
    50%{width:15px; height:15px;opacity: 1;}
    75%{width:18px; height:18px;opacity: 0.1;}
    100%{width:20px; height:20px;opacity: 0.1;}
}
.color2{
    background: #00aca8;
}
.color4{
    background: #65d459;
}
.color5{
    background: #ff5060;
}
.margin-top2{
    margin: 54px 0px 25px;
}
.margin-top2:before{
    left: 81px;
    top: -20px;
}
.connect-menu, .connect-menu1, .connect-menu2, .connect-menu3, .connect-menu4{
        position: relative; 
}
.connect-menu{
    padding-top: 20px;
}
.connect-menu1{
    padding-top: 20px;
}
.connect-menu2{
    padding-top: 20px;
}
.connect-menu3{
    padding-top: 20px;
    position: relative;
}
.connect-menu4{
    padding-top: 20px;
}
.connect-menu5{
    padding-top: 20px;
}
.connect-menu3 img{
    display: block;
    margin: 0px auto;
    position: relative;
}
.connect-menu:before, .connect-menu2:before, .connect-menu3:before, .connect-menu5:before{
    content: "";
    width: 0;
    border-left: 1px solid #dddddd;
    z-index: 10;
    position: absolute;
}
.connect-menu:before{left: 50%;top: -41px;height: 50px;}
.connect-menu1:before{left: 50%;top: -20px;height: 33px;}
.connect-menu2:before{left: 50%;top: -94px;height: 104px;}
.connect-menu3:before{left: 50%;top: -9px;height: 100px;}
.connect-menu5:before{left: 50%;top: -41px;height: 50px;}

.varticalmenu li a{
    position: relative;
}
.varticalmenu li a:after{
   position: absolute;
  left: 50%;
  content: '';
  height: 2px;
  background: #00aca8;
  transition: all 0.5s linear;
  width: 0;
  bottom: -3px; 
}

.varticalmenu li a:hover:after {
  width: 100%;
  left: 0px;
}
.varticalmenu li a:hover{ //color:#5fdfff;}

.varticalmenu li a{
    text-align: center;
    padding: 7px 0px;
    display: block;
    font-size: 18px;
    letter-spacing: 2px;
    margin-top: 5px;
    line-height: 1.5em;
}

.varticalmenu{
    width: 100%;
    visibility: hidden;
    z-index: -9999;
    overflow: hidden;
}
.varticalmenu {
    padding: 10px 0;
    /* display:block; */
}

.mymenuclass .varticalmenu {
    animation-name: slideDown;
    -webkit-animation-name: slideDown; 
    animation-duration: 5s; 
    -webkit-animation-duration: 5s;
    animation-timing-function: ease;    
    -webkit-animation-timing-function: ease; 
    visibility: visible !important;     
}
.mymenuclass .li-animation{
    /* position:absolute; */
   
}

.mymenuclass .li-animation.menuanimation1{
    -webkit-animation-name: slideDown; /* Safari 4.0 - 8.0 */
    animation-name: slideDown;

}


@keyframes slideDown {
    0% { transform: translateY(-100%);}
    75%{ transform: translateY(5%);}
    100%{ transform: translateY(0%);}           
}

@-webkit-keyframes slideDown {
    0% { -webkit-transform: translateY(-100%);}
    75%{ -webkit-transform: translateY(5%);}
    100%{ -webkit-transform: translateY(0%);}          
}

/* 
@keyframes slideDown {
    0% { transform: translateY(-100%);}
    50%{ transform: translateY(8%);}
    65%{ transform: translateY(-4%);}
    80%{ transform: translateY(4%);}
    95%{ transform: translateY(-2%);}           
    100% { transform: translateY(0%)}   
}

@-webkit-keyframes slideDown {
    0% { -webkit-transform: translateY(-100%);}
    50%{ -webkit-transform: translateY(8%);}
    65%{ -webkit-transform: translateY(-4%);}
    80%{ -webkit-transform: translateY(4%);}
    95%{ -webkit-transform: translateY(-2%);}           
    100% { -webkit-transform: translateY(0%);}   
}
 */
/* 
@keyframes slideDown {
    0% { transform: translateY(-100%);}
    70%{ transform: translateY(8%);}
    85%{ transform: translateY(-4%);}          
    100% { transform: translateY(0%)}   
}

@-webkit-keyframes slideDown {
    0% { -webkit-transform: translateY(-100%);}
    70%{ -webkit-transform: translateY(8%);}
    85%{ -webkit-transform: translateY(-4%);}      
    100% { -webkit-transform: translateY(0%);}   
}
 */
/*menu2*/

/*=============================================================================
                connect section  css end                            
==================================================================================*/


/*===========================================
                products us section  css start                                                      
=============================================*/

.products-section.padding-section{
    margin:50px 0px 193px;
}

.products-box{ position:relative; top:100px; width: 95%; margin: 0 auto; }

.slider-1{width:150px;height: 140px; position:absolute; left:85px;transition:all .3s;}
.slider-1:hover{left: 88px;  top: 2px; //transition: all .8s;}
.slider-2{width:150px;height: 140px; position:absolute; top:65px; left:16px;transition:all .5s;}
.slider-2:hover{top: 67px; left: 21px;}
.slider-3{width:150px;height: 140px; position:absolute;top:215px;left:18px;transition:all .5s;}
.slider-3:hover{top: 214px;left: 23px;}
.slider-4{width:150px;height: 140px; position:absolute;bottom:65px; left:85px;transition:all .5s;}
.slider-4:hover{bottom: 71px;left: 88px;}
.slider-5{width:150px;height: 140px; position:absolute; right:108px; top:-3px;transition:all .5s;}
.slider-5:hover{right: 112px;top: 2px;}
.slider-6{width:150px;height: 140px; position:absolute;right:30px; top:63px;transition:all .5s;}
.slider-6:hover{right: 36px; top: 66px;}
.slider-7{width:150px;height: 140px; position:absolute;right:32px; bottom:143px;transition:all .5s;}
.slider-7:hover{right: 38px; bottom: 145px;}
.slider-8{width:150px;height: 140px; position:absolute;bottom:64px; right:109px;transition:all .5s;}
.slider-8:hover{bottom: 71px; right: 114px;}

.car, .car2, .car3, .car4, .car5, .car6, .car7, .car8{ position:relative; transition:all 1.2s; display:inline-block; opacity:0.0;width:230px; }
.car{left:-99px; top:-36px; z-index:-9;}
.car2{left: 259px;top: -113px; z-index:-9;}
.car3{left: -62px;top: -266px; z-index:-9;}
.car4{left: -108px;top: -334px; z-index:-9;}
.car5{left: 43px;top: -30px; z-index:-9;}
.car6{left: -40px; top: -113px; z-index:-9;}
.car7{left: -56px; top: -268px; z-index:-9;}
.car8{left: 41px;top: -326px;z-index:-9;}
.car img{ //transition:all .8s; }

.slider-1:hover .car{display:block; left:70px; opacity:1; left:40px; top:-36px;}
.slider-2:hover .car2{display:block;opacity:1; left: 108px;top: -113px;}
.slider-3:hover .car3{display:block;opacity:1; left: 106px;top: -263px;}
.slider-4:hover .car4{display:block;opacity:1; left: 39px;top: -334px;}
.slider-5:hover .car5{display:block;opacity:1; left: -118px; top: -32px;}
.slider-6:hover .car6{display:block;opacity:1; left: -196px; top: -113px;}
.slider-7:hover .car7{display:block;opacity:1; left: -194px;top: -263px;}
.slider-8:hover .car8{display:block;opacity:1; left: -117px; top: -326px;}

.car2 img{ //transition:all .8s; }


.border, .border2, .border3, .border4, .border5, .border6, .border7, .border8{
    display: inline-block;
    position: absolute;
    z-index: -88;
    }
.border{width: 19%;left: 250px;top: -34px;}
.border2{width: 28%;left: 49px;top: 85px;}
.border3{width: 28%;left: 54px; bottom: 136px;}
.border4{width: 20.5%;left: 256px;bottom: 25px;}
.border5{width: 19%;right: 280px;top: -34px;}
.border6{width: 28%;right: 75px;top: 85px;}
.border7{width: 28%;right: 75px;bottom: 136px;}
.border8{width: 20.8%;right: 277px;bottom: 25px;}

.main-slider{
    position:relative;
    width:500px;
    height:500px;
    margin:0px auto;
    }
.round-animat1, .round-animat2, .round-animat3, .round-animat4, .round-animat5, .round-animat6, .round-animat7, .round-animat8{
   width:45px; height:45px;  
}
.round-animat1{ background:#90a33a; position:absolute;left: 210px;top: -57px;border:6px solid #bdd287; border-radius:50%;}
.round-animat2{ background:#f8b21d; position:absolute;left: 4px;top: 65px;border:6px solid #ffdd9a; border-radius:50%;}
.round-animat3{ background:#f47920; position:absolute;left: 4px;bottom: 119px;border:6px solid #fdc591; border-radius:50%;}
.round-animat4{ background:#e24956; position:absolute;left: 210px;bottom: 2px;border:6px solid #e5aa9a; border-radius:50%;}
.round-animat5{ background:#3bc1ce; position:absolute;right: 231px; top: -57px;border:6px solid #a6dce3; border-radius:50%;}
.round-animat6{ background:#1198cf; position:absolute;right: 30px;top: 65px;border:6px solid #92cced; border-radius:50%;}
.round-animat7{ background:#0a4468; position:absolute;right: 30px; bottom: 119px;border:6px solid #7184a6; border-radius:50%;}
.round-animat8{ background:#903f49; position:absolute;right: 231px;bottom: 2px;border:6px solid #cca0a1; border-radius:50%;}

.text-1, .text-2, .text-3, .text-4, .text-5, .text-6, .text-7, .text-8{position:absolute;font-size:18px;}

.text-1{top: -111px; left: 82px;}
/*.text-2{top: 58px;left: -76px;}
.text-3{bottom: 120px;left: -76px;}*/
.text-4 {
  bottom: -44px;
  left: 125px;
}
.text-5{top: -111px; right: 107px;}
/*.text-6 {
  right: -145px;
  top: 60px;
}
.text-7 {
  bottom: 120px;
  right: -80px;
}*/
.text-8 {
  bottom: -44px;
  right: 110px;
}
.text-7 {bottom: 152px;right: -40px;}
.text-6 {top: 15px; right: -24px;}
.text-2 {top: 15px;left: -20px;}
.text-3 {bottom: 152px;left: -50px;}
.span1{
    margin: 0 auto;
    display: block;
    width: 55px;
    height: 55px;
    background: rgba(8,8,8,0.3);
    border-radius: 50%;
    position: absolute;
    left: -11px;
    top: -11px;
    z-index: -2;
    animation-name: animate;
    animation-iteration-count: infinite;
    animation-duration: 2s;
  
}
@-webkit-keyframes animate {
    0% {transform: scale(0);  }
    50% { transform: scale(1); }
  100% { transform: scale(0);background:rgba(8,8,8,0.1); }
}
@keyframes animate {
    0% {transform: scale(0);  }
    50% { transform: scale(1); }
  100% { transform: scale(0);background:rgba(8,8,8,0.1); }
}

/*animation css3*/
/*
.hidden1{
     opacity:0;
}
.visible{
     opacity:1;
}

*/

.mycustomclass .left-side-animate1, .mycustomclass .right-side-animate1{
    position: relative;
    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 9s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 9s;

}

.mycustomclass .product-ani{
    position:absolute;
   
}

.mycustomclass .product-ani.product-animate-1{
    -webkit-animation-name: example1; /* Safari 4.0 - 8.0 */
    animation-name: example1;

}

.mycustomclass .product-ani.product-animate-2{
    -webkit-animation-name: example2; /* Safari 4.0 - 8.0 */
    animation-name: example2;
    
}


.mycustomclass .product-ani.product-animate-3{
    -webkit-animation-name: example3; /* Safari 4.0 - 8.0 */
    animation-name: example3;
}


.mycustomclass .product-ani.product-animate-4{
    -webkit-animation-name: example4; /* Safari 4.0 - 8.0 */
    animation-name: example4;
}
.mycustomclass .product-ani.product-animate-5{
    -webkit-animation-name: example5; /* Safari 4.0 - 8.0 */
    animation-name: example5;
}
.mycustomclass .product-ani.product-animate-6{
    -webkit-animation-name: example6; /* Safari 4.0 - 8.0 */
    animation-name: example6;
}
.mycustomclass .product-ani.product-animate-7{
    -webkit-animation-name: example7; /* Safari 4.0 - 8.0 */
    animation-name: example7;
}
.mycustomclass .product-ani.product-animate-8{
    -webkit-animation-name: example8; /* Safari 4.0 - 8.0 */
    animation-name: example8;
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes example1 {
    0%   { left:465px; top:29px; opacity: 0; z-index: -999;}
    25%  {left:429px; top:-13px; opacity: 0.8; z-index: 1;}
    75%  {left:106px; top:-13px; opacity: 1;}
    100%  {left:106px; top:-13px;opacity: 1;}
}

/* Standard syntax */
@keyframes example1 {
    0%   {left:470px; top:20px; opacity: 0; z-index: -999;}
    25%  {left:391px; top:-57px; opacity: 0.8; z-index: 1;}
    75%  {left:210px; top:-57px; opacity: 1;}
    100%  {left:210px; top:-57px;opacity: 1;}
   
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes example2 {
    0%   {left:374px; top:170px; opacity: 0; z-index: -999;}
    25%  {left:280px; top:65px; opacity: 0.8; z-index: 1;}
    75%  {left:4px; top:65px; opacity: 1;}
    100%  {left:4px; top:65px; opacity: 0;opacity: 1;}
   
}

/* Standard syntax */
@keyframes example2 {
    0%   {left:374px; top:170px; opacity: 0; z-index: -999;}
    25%  {left:280px; top:65px; opacity: 0.8; z-index: 1;}
    75%  {left:4px; top:65px; opacity: 1;}
    100%  {left:4px; top:65px; opacity: 0;opacity: 1;}
   
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes example3 {
   0%   {left:374px; bottom:206px; opacity: 0; z-index: -999;}
    25%  {left:284px; bottom:119px; opacity: 0.8; z-index: 1;}
    75%  {left:4px; bottom:119px; opacity: 1;}
    100%  {left:4px; bottom:119px; opacity: 0;opacity: 1;}
   
}

/* Standard syntax */
@keyframes example3 {
    0%   {left:374px; bottom:206px; opacity: 0; z-index: -999;}
    25%  {left:284px; bottom:119px; opacity: 0.8; z-index: 1;}
    75%  {left:4px; bottom:119px; opacity: 1;}
    100%  {left:4px; bottom:119px; opacity: 0;opacity: 1;}
   
}
@-webkit-keyframes example4 {
    0%   {left:471px; bottom:100px; opacity: 0; z-index: -999;}
    25%  {left:429px; bottom:51px; opacity: 0.8; z-index: 1;}
    75%  {left:106px; bottom:51px; opacity: 1;}
    100%  {left:106px; bottom:51px; opacity: 0;opacity: 1;}
}

/* Standard syntax */
@keyframes example4 {
    0%   {left:479px; bottom:87px; opacity: 0; z-index: -999;}
    25%  {left:407px; bottom:2px; opacity: 0.8; z-index: 1;}
    75%  {left:210px; bottom:2px; opacity: 1;}
    100%  {left:210px; bottom:2px; opacity: 0;opacity: 1;}
   
}
@-webkit-keyframes example5 {
    0%   {right:481px; top:38px; opacity: 0; z-index: -999;}

    25%  {right:427px; top:-16px; opacity: 0.8; z-index: 1;}
    75%  {right:106px; top:-16px; opacity: 1;}
    100%  {right:106px; top:-16px; opacity: 0;opacity: 1;}
}

/* Standard syntax */
@keyframes example5{
    0%   {right:500px; top:20px; opacity: 0; z-index: -999;}
    25%  { right:420px; top:-57px; opacity: 0.8; z-index: 1;}
    75%  {right:231px; top:-57px; opacity: 1;}
    100%  {right:231px; top:-57px; opacity: 0;opacity: 1;}
   
}
@-webkit-keyframes example6 {
    0%   {right:390px; top:170px; opacity: 0; z-index: -999;}
    25%  { right:311px; top:65px; opacity: 0.8; z-index: 1;}
    75%  {right:30px; top:65px; opacity: 1;}
    100%  {right:30px; top:65px; opacity: 0;opacity: 1;}
}

/* Standard syntax */
@keyframes example6{
    0%   {right:390px; top:170px; opacity: 0; z-index: -999;}
    25%  { right:311px; top:65px; opacity: 0.8; z-index: 1;}
    75%  {right:30px; top:65px; opacity: 1;}
    100%  {right:30px; top:65px; opacity: 0;opacity: 1;}
   
}
@-webkit-keyframes example7 {
    0%   {right:394px; bottom:198px; opacity: 0; z-index: -999;}
    25%  {right:340px; bottom:173px; opacity: 0.8; z-index: 1;}
    75%  {right:-16px; bottom:173px; opacity: 1;}
    100%  {right:30px; bottom:119px; opacity: 0;opacity: 1;}
}

/* Standard syntax */
@keyframes example7{
    0%   {right:395px; bottom:206px; opacity: 0; z-index: -999;}
    25%  {right:289px; bottom:119px; opacity: 0.8; z-index: 1;}
    75%  {right:30px; bottom:119px; opacity: 1;}
    100%  {right:30px; bottom:119px; opacity: 0;opacity: 1;}
   
}
@-webkit-keyframes example8 {
   0%   {right:471px; bottom:100px; opacity: 0; z-index: -999;}
    25%  {right:429px; bottom:51px; opacity: 0.8; z-index: 1;}
    75%  {right:106px; bottom:51px; opacity: 1;}
    100%  {right:106px; bottom:51px; opacity: 0;opacity: 1;}
}

/* Standard syntax */
@keyframes example8{
    0%   {right:516px; bottom:88px; opacity: 0; z-index: -999;}
    25%  {right:433px; bottom:2px; opacity: 0.8; z-index: 1;}
    75%  {right:231px; bottom:2px; opacity: 1;}
    100%  {right:231px; bottom:2px; opacity: 0;opacity: 1;}
   
}

/*===========================================
                products us section  css end                                                      
=============================================*/

/*Responsive page css start*/
}
.connect-menu:before, .connect-menu2:before, .connect-menu3:before, .connect-menu5:before{left: 50% !important;}
.connect-menu::after, .connect-menu2::after, .connect-menu3::after, .connect-menu5::after{
    content: ""; border-top: 1px solid #dddddd; position: absolute;top: 0;
}
.connect-menu::after{width: 49%;top: -42px;right: 0;}
.connect-menu2::after{width: 106%;top: -96px;left: -8px;}
.connect-menu3::after{width: 113%;top: -42px;left: -15px; z-index: -9;}
.connect-menu5::after{width: 50%;top: -42px;left: 0px;}


.blog-page-title {
    letter-spacing: 1.4px;
    text-transform: uppercase;
    border-bottom: 3px solid #00aca8;
    display: inline-block;
    padding: 0 40px 20px;
}

.blog ..page-header{ border-bottom:  none; }

.edit-link{ margin-left: 15px; }

.blog-separator{
    border-bottom: 1px solid #00aca8;
    margin: 30px 10px;
}

.post .entry-meta span.screen-reader-text {
    font-weight: 400;
    color: #0d0d0d;
}




/* comment form */

#respond { 
background: #fbfbfb;
padding:10px 10px 10px 10px;
}
  
/* Highlight active form field */

  
textarea {
  outline: none;
  padding: 3px 0px 3px 3px;
  border: 1px solid #DDDDDD;
}
  
#respond input[type=text] {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}
   
   
#respond input[type=text]:focus,
input[type=email]:focus, 
input[type=url]:focus,
textarea:focus {
	box-shadow: 0 0 5px rgb(241, 102, 52);
    border: 1px solid rgb(240, 100, 50);
    outline: 0;
}

.comment-form label{ min-width: 110px; vertical-align: top; }


#author, #email { 
/* font-family: "Open Sans", "Droid Sans", Arial; */
font-style:italic;
color:#1d1d1d; 
letter-spacing:.1em;
} 
  
#url  { 
color: #1d1d1d;
/* font-family: "Luicida Console", "Courier New", "Courier", monospace;  */
}


#submit{
  padding: 5px 22px;
  height: 56px;
  font-size: 22px;
  /* color: #707070; */
  color: #282828;
  border-color: transparent;
  border-radius: 5px;
  background-image: -moz-linear-gradient( 90deg, rgb(224,224,224) 0%, rgb(255,255,255) 26%, rgb(244,244,244) 50%, rgb(250,250,250) 63%, rgb(255,255,255) 69%, rgb(233,233,233) 78%, rgb(211,211,211) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(224,224,224) 0%, rgb(255,255,255) 26%, rgb(244,244,244) 50%, rgb(250,250,250) 63%, rgb(255,255,255) 69%, rgb(233,233,233) 78%, rgb(211,211,211) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(224,224,224) 0%, rgb(255,255,255) 26%, rgb(244,244,244) 50%, rgb(250,250,250) 63%, rgb(255,255,255) 69%, rgb(233,233,233) 78%, rgb(211,211,211) 100%);
}

#submit:hover{
  background-image: -moz-linear-gradient( 90deg, rgb(239,239,239) 0%, rgb(228,228,228) 12%, rgb(233,233,233) 26%, rgb(228,228,228) 50%, rgb(218,218,218) 63%, rgb(224,224,224) 69%, rgb(233,233,233) 78%, rgb(239,239,239) 100%) ;
  background-image: -webkit-linear-gradient( 90deg, rgb(239,239,239) 0%, rgb(228,228,228) 12%, rgb(233,233,233) 26%, rgb(228,228,228) 50%, rgb(218,218,218) 63%, rgb(224,224,224) 69%, rgb(233,233,233) 78%, rgb(239,239,239) 100%) ;
  background-image: -ms-linear-gradient( 90deg, rgb(239,239,239) 0%, rgb(228,228,228) 12%, rgb(233,233,233) 26%, rgb(228,228,228) 50%, rgb(218,218,218) 63%, rgb(224,224,224) 69%, rgb(233,233,233) 78%, rgb(239,239,239) 100%) ;
}



#submit:active { 
position:relative;
top:1px;
}

p.comment-policy {
    border: 1px solid #ffd499;
    background-color: #fff4e5;
    border-radius: 5px;
    padding: 10px;
    margin: 10px 0px 10px 0px;
    font-size: small;
    font-style: italic;
}




.page-numbers {
  display: inline-block;
  padding: 5px 10px;
  margin: 0 2px 0 0;
  border: 1px solid #eee;
  line-height: 1;
  text-decoration: none;
  border-radius: 2px;
  font-weight: 600;
}

.page-numbers.current, a.page-numbers:hover {
  background: #f9f9f9;
}




/* Post Navigation */

.post-navigation {
  font-weight: 800;
  margin: 3em 0;
}

.post-navigation .nav-links {
  padding: 1em 0;
  text-align: center;
}

.nav-subtitle {
  background: transparent;
  color: #767676;
  display: none;
  font-size: 12px;
  /* font-size: 0.6875rem; */
  letter-spacing: 0.1818em;
  margin-bottom: 1em;
  text-transform: uppercase;
}

.nav-title {
  /* color: #282828; */
  font-size: 18px;
  font-weight: 600;
  /* font-size: 0.9375rem; */
}

.post-navigation .nav-next {
  margin-top: 1.5em;
}

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
  margin-right: 0.5em;
}

.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
  margin-left: 0.5em;
}

.nav-links > div {
    display: inline-block;
    padding: 10px;
}

.nav-links > div.nav-previous {
    margin-right: 20px;
}

#footer-newsletter {
    /* margin-top: 30px; */
    background: linear-gradient(1deg, rgba(247,58,27,1) 0%, rgba(247,58,27,1) 1%, rgba(255,124,0,1) 84%, rgba(255,124,0,1) 100%);
    padding: 70px 0 50px;
}
#footer-newsletter span.wpcf7-not-valid-tip{
  color: #ae0000;
  padding-top: 5px;
}

#footer-newsletter div.wpcf7-response-output {
  margin: 0.8em 0.1em 1em;
  background-color: rgba(255,255,255,0.9);
}

.post-author_gravatar img { border-radius: 50%; }

.author-blog-img-secauthor-blog-img-sec .post-author_gravatar img { box-shadow: 0px 2px 26px #c8c4c4; }


.author-img-sec, .author-desc-sec{
  float: left;
}

.author-img-sec{
  float: left;
}

.author-img-sec p.post-author_gravatar {
    padding: 10px;
    margin-bottom: 5px;
    margin-right: 20px;
}


.author-desc-sec .post-author_h {
    margin-top: 11px;
}

.author-page-header{ width: 100%; float: left; }

.tastimonial {
    background: #00aca8;
    color: white;
    padding-top: 60px;
    padding-bottom: 50px;
    position: relative;
    margin-top: 100px;
}

.top-img {
    position: absolute;
    right: 0;
    top: -184px;
    width: 235px;
    border-radius: 50%;
    overflow: hidden;
}



/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/

.post-thumbnail {
  margin-top: 1em;
  margin-bottom: 1em;
}

.post-thumbnail a img {
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.post-thumbnail a img{
  opacity: 0.8;
  width: 100%;
  border-radius: 8px;
  max-height: 482px;
}

.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
  opacity: 1;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}



.nav-title-icon-wrapper .icon{ width: 30px; height: 15px; }

.page-numbers svg.icon {
    width: 30px;
    height: 15px;
}

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

.navigation.pagination{
  margin: 0 auto;
}


h2.entry-title, h1.entry-title {
    clear: both;
    float: left;
    width: 100%;
}

h2.entry-title > a, h1.entry-title > span {
    border-bottom: 3px solid #00aca8;
    padding: 0 5px 13px 5px;
    margin-bottom: 10px !important;
    display: inline-block;
}

article .entry-meta{ margin-bottom: 22px; }


/* comment form */

.pb-0 {
    padding-bottom: 0 !important;
}

.pt-0 {
    padding-top: 0 !important;
}

/*news section css start*/

/* #news-slider{ margin-top: 5px; } */

.post-slide{
  background: #fff;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  /* box-shadow: 0px 5px 26px #eee; */
  -webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.1);
  margin: 0px 22px 5px;
  border-radius: 8px;
  overflow: hidden;
}
.post-slide .post-img{position:relative; overflow: hidden;}

.post-slide .post-img img{
  width: 100%;
  height: auto;
  transform: scale(1,1);
  transition:transform 0.50s linear;
  min-height: 220px;
  opacity: 0.8;

  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}

.post-slide:hover .post-img img{
  opacity: 1;
}

.home .author-blog-img-sec.post-author_gravatar {
  max-width: 70px;
}

.author-blog-img-sec.post-author_gravatar {
    position: absolute;
    top: -40px;
}
/*.post-slide:hover .post-img img{
  transform: scale(1.1,1.1);
}*/

/* 
.post-slide .over-layer{
  width: 70%;
  height: 50px;
  position: absolute;
  bottom: -50px;
  text-align: center;
  left: 15%;
  font-size: 24px;
  line-height: 50px;
  color: white;
  border-radius: 30px 30px 0px 0px;
  right: 15%;
  background: #a7cb23;
  transition: all 0.5s linear;
}

.post-slide .over-layer:hover{ background-color: #31424f; }
.post-slide:hover .over-layer{ bottom:0px;text-decoration:none; }
 */
.post-slide:hover{
  -webkit-box-shadow: 0px 5px 16px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 5px 16px 1px rgba(0,0,0,0.1);
  box-shadow: 0px 5px 16px 1px rgba(0,0,0,0.1);
}

.post-slide .post-content{ background:#fff;padding: 30px 15px 30px; position: relative; border-top: 1px solid #eee; }
.post-slide .post-content h4{ font-weight: 400; color: #31424f; font-family: 'Open Sans', sans-serif; margin: 15px auto; }
.post-content h4{ padding-bottom: 0px; text-align: left; }

.post-slide .post-content h4 {
    font-weight: 400;
    color: #31424f;
    font-family: 'Open Sans', sans-serif;
    margin: 15px auto;
}

.post-slide .post-description{
  /* line-height:24px;
  margin-bottom:40px;
  font-size: 18px; */
  color:#707070;
  text-align: justify;
  margin-bottom: 5px;
  min-height: 95px;
}

.post-slide .post-description p{
  margin-bottom: 5px;
}

.post-slide .post-content:hover h4{
  color: #00aca8 !important;
}

.post-slide .post-meta{ color:#a9a9a9; text-align: right; display: block; font-size: 13px; /* font-size: 15.5px; */ }

.post-slide .post-meta i{ font-size:16px; margin-right:8px; color: #CFDACE; }

.post-slide .read-more{
  padding:5px 10px;
  float: right;
  font-size:12px;
  background:#e9e9e9;
  color:#808080;
  text-transform: uppercase;
}

.post-slide .read-more:hover{background: #3498db;text-decoration:none;color:#fff;}

.owl-controls .owl-buttons{text-align:center;margin-top:20px;}

.owl-controls .owl-buttons .owl-prev{
  position: absolute;
  top:37%;
  left:-50px;
  padding: 0 18px;
  transition: background 0.5s ease 0s;
}

.owl-controls .owl-buttons .owl-next{
  position: absolute;
  top:37%;
  right: -50px;
  padding: 0 18px;
  transition: background 0.5s ease 0s;
}

.owl-controls .owl-buttons .owl-prev:after,
.owl-controls .owl-buttons .owl-next:after{
  content:"\f104";
  font-family: FontAwesome;
  color: #333;
  font-size:40px;
}

.owl-controls .owl-buttons .owl-next:after{ content:"\f105"; }

.controls.blog_control.pull-right {
  float: left !important;
  position: relative;
  margin-left: 30px;
}

.blog_btn {
    color: white;
    font-size: 20px;
    padding-right: 40px;
}

.wpls-fix-box img{
    transition: all 1.0s;
    -webkit-transition: all 1.0s;
    -moz-transition: all 1.0s;
}

.wpls-fix-box a{ display: inline-block; }

.wpls-fix-box:hover img {
    transform: scale(-1.0,1.0);
}

.showcase-logo-title .vce{ margin-bottom: 0; }

.showcase-logo-title, .showcase-logo-title h6{
    color: #444;
    padding: 10px 0;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif !important;
}

.wpls-logo-showcase .slick-slide .logo-title{
  font-weight: 600;
}

/* testimonial css */

.testimonial_post{
  background: #fff;
  padding: 22px 22px 25px;
  margin: 0 15px;
  box-shadow: 0 5px 7px 0 rgba(0,0,0,0.10), 0 4px 26px 0 rgba(0,0,0,.10);
  border-radius: 10px;
  position: relative;
  transition: all 0.5s;
  min-height: 215px;
}
.testimonial_post:after, .testimonial_post:before{
  position: absolute;
  width: 0px;
  height: 0px;
  opacity: 0;
  content:"";
  transition: all 0.5s;
}
.testimonial_post:after{
  left: 0;
  top: 0;
  border-radius: 10px 0px 0px 0px;
  border-left:3px solid #fe6a0f;
  border-top:3px solid #fe6a0f;
  border-right:0px solid #fe6a0f;
  border-bottom:0px solid #fe6a0f;
  } 
.testimonial_post:before{
  right: 0;
  bottom: 0;
  border-radius: 0px 0px 10px 0px;
  border-left:0px solid #fe6a0f;
  border-top:0px solid #fe6a0f;
  border-right:3px solid #fe6a0f;
  border-bottom:3px solid #fe6a0f;
}
.testimonial_post:hover:after, .testimonial_post:hover:before{width: 70px; height: 70px;opacity: 1;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
  background: #e67e22;
}
.owl-carousel .owl-item{padding: 15px 0px 25px;}
/*testimonial*/
.info_img{
  float: left;
    width: 70px;
    height: 70px;
    margin-right: 15px;
    margin-bottom: 15px;
    border-radius: 9px;
    overflow: hidden;
    border: 2px solid white;
    box-shadow: 0px 0px 12px rgba(0,0,0,0.2);
}
.testimonial_info img{width: 100%; display: block; min-height: 70px;}

.info_desc{
  float: left;
  margin: 0px 0px 0 92px;
  position: absolute;
}

.info_desc h5{ font-weight: 600; margin-top: 10px; margin-top: 0.3em; margin-bottom: 0.4em; }

.info_desc span{
  font-weight: 300;
  color: #282828;
  font-size: 18px;
  letter-spacing: 0.7px;
}
.testimonial_info.content {
  /* margin-bottom: 10px; */
  margin-bottom: 2px;
}
.testimonial_post p, .testimonial_post q, .post-slide .post-description p, .features-inner p{
  /* font-weight: 300; */
  color: #282828;
  font-size: 15px;
  line-height: 1.6em;
  letter-spacing: 0.6px;
  text-align: justify;
}

.testimonial_post p{
  margin-bottom: 0px;
}

.owl-theme .owl-controls .owl-buttons div{ background: none !important; }

.blog-carousel .owl-controls.clickable .owl-pagination{
    display: none !important;
}

/* testimonial css */

/* extra css */

.continfo-wrap{ text-align: right; }
.continfo-wrap > ul { display: inline-block; }
.continfo-wrap ul > li{
    /* text-align: right; */
    text-decoration: none;
    color: #282828;
    display: inline-block;
    font-size: 16px;
    float: left;
    /* margin-top: 6%; */
    margin-left: 12px;
    list-style: none;
}
.continfo-wrap ul > li:hover span {
    background: #fe672d;
}
.continfo-wrap ul > li:hover{color: #ff682d;}
.continfo-wrap ul > li span{
    display: inline-block;
    width: 28px;
    height: 28px;
    background: #282828;
    color: white;
    text-align: center;
    line-height: 28px;
    border-radius: 50%;
    margin-right: 5px;
    font-size: 14px;
}

.continfo-wrap a.call-text {
    margin-top: 8px;
    display: inline-block;
}

.home a.vce-button--style-outline{ min-width: 125px; text-transform: uppercase; line-height: 1.7; }


.home a.vce-button--style-outline:hover{ color: #ffffff !important;}
.home a.vce-button--style-outline:hover:before{ border-color: #ffffff !important;}

.home a.vce-button--style-outline:hover:after {
    width: 100%;
    opacity: 1;
    background: -moz-linear-gradient(89deg, rgba(247,58,27,1) 0%, rgba(247,58,27,1) 1%, rgba(255,124,0,1) 84%, rgba(255,124,0,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,124,0,1)), color-stop(16%, rgba(255,124,0,1)), color-stop(99%, rgba(247,58,27,1)), color-stop(100%, rgba(247,58,27,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(89deg, rgba(247,58,27,1) 0%, rgba(247,58,27,1) 1%, rgba(255,124,0,1) 84%, rgba(255,124,0,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(89deg, rgba(247,58,27,1) 0%, rgba(247,58,27,1) 1%, rgba(255,124,0,1) 84%, rgba(255,124,0,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(89deg, rgba(247,58,27,1) 0%, rgba(247,58,27,1) 1%, rgba(255,124,0,1) 84%, rgba(255,124,0,1) 100%); /* ie10+ */
    background: linear-gradient(1deg, rgba(247,58,27,1) 0%, rgba(247,58,27,1) 1%, rgba(255,124,0,1) 84%, rgba(255,124,0,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7c00', endColorstr='#f73a1b',GradientType=0 ); /* ie6-9 */
}
.home a.vce-button--style-outline:after {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    width: 0;
    height: 100%;
    opacity: 0;
    content: "";
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}


/* extra css */

@media (min-width: 1280px){
  .container { width: 1210px; }
  #cssmenu > ul > li > a { padding: 12px 43px; }
}

@media only screen and (max-width:1280px) {
  .post-slide .post-content{padding:10px;}
}

@media only screen and (min-width:992px) {
  .post-slide .post-img img{
    height: 240px;
  }
  .camp-header .continfo-wrap > ul { margin-top: 24px; }
}

@media only screen and (max-width:991px) {
  .section-heading h2{ text-align: left; }

  .author-blog-img-sec.post-author_gravatar{ top: -25px; max-width: 50px; }
  .post-slide .post-content{ padding-top: 30px; }
}


@media only screen and (min-width:768px) and (max-width:991px) {
  .post-slide .post-img img{
    height: 200px;
    min-height: 200px;
  }
  .owl-controls .owl-buttons{ width: 85%; }

  .page-header.author-page-header .author-desc-sec{
    float: none;
  }

}

@media only screen and (max-width:768px) {
  .continfo-wrap ul > li {
      float: none;
      /* min-width: 300px; */
      margin: 0% auto 5px;
      display: block;
      font-size: 18px;
      text-align: center;
      padding: 0;
  }
  .continfo-wrap ul > li span {
      margin-right: 10px;
      line-height: 25px;
      width: 25px;
      height: 25px;
      float: none;
      font-size: 12px;
  }

  .owl-controls .owl-buttons{ margin-top: 0; width: 75%; margin-left: 50px; position: relative; display: none; }
  #news-slider { padding-bottom: 10px; }
  .page-header.author-page-header .author-desc-sec{
    float: none;
  }
  header.page-header.author-page-header {
    text-align: center;
  }
  header.page-header.author-page-header .author-img-sec, header.page-header.author-page-header .author-desc-sec {
    width: 100%;
    margin-bottom: 15px;
    clear: both;
  }
}

@media only screen and (min-width:480px) and (max-width:767px) {
  .post-slide .post-img img{
    height: 232px;
  }
  .owl-controls .owl-buttons{ width: 80%; }
  .connect-heading{ font-size: 32px; }
}

@media only screen and (max-width:479px) {
  .post-slide .post-img img{
    height: 200px;
    min-height: 180px;
  }
}
@media only screen and (max-width:320px) {
  .post-slide .post-meta{ font-size: 14px; margin-top: 7px; }
  .post-slide .post-img img {
    height: 180px;
    min-height: 130px;
  }

  .post-slide .post-content { padding-top: 45px; }
}

/*news section css end*/





@media only screen and (min-width:595px){
  #submit{
    margin-left: 110px;
  }
}

@media only screen and (max-width:1199px){
  #footer-newsletter h3{ font-size: 19px; }
  .demo-request-btn{ font-size: 16px; padding: 13px 18px 13px; }

  .products-box{ width: 95%; margin: 0 auto; }
}

@media (min-width:992px) and (max-width:1170px){
  #menu-main-menu li > a{padding-left: 9px;}
}

@media (min-width:768px) and (max-width: 1170px){
  .varticalmenu li a{
    font-size: 16px;
    letter-spacing: 0px;
  }

  .text-7 { right: -27px;}
  .text-3 { left: -25px;}
}
@media (min-width:768px) and (max-width: 991px){

  .products-box { width: 96%; margin: 0 auto; }

  .products-box > h3 {
    font-size: 16px;
    max-width: 175px;
    text-align: center;
  }

  .text-1 { top: -122px; left: 120px; }

  /* .text-3 { left: -16px; } */
  .text-3 { left: -50px; }

  .text-5 { right: 145px; top: -120px; }

  .text-6 { right: -4px; }
  .text-7 { bottom: 160px; right: -25px; }
  .text-4, .text-8 { bottom: -58px; }
  .text-8 { right: 150px; }

}

@media only screen and (max-width:991px) {
  .continfo-wrap ul > li{ font-size: 13px;  margin-left: 6px; float: left; display: inline-block; }
  .demo-request-btn{ font-size: 13px; padding: 10px 14px 12px; }
  .continfo-wrap > ul{ padding-left: 0; }

  .camp-header .continfo-wrap > ul { margin-top: 15px; }
  .service-box { border-bottom: 2px solid #eee !important; }

  #contact-us-sec .form-control{ height: 50px; margin-bottom: 32px; }

  .testimonial_post{ padding: 12px 12px 18px; }
  .testimonial_desc blockquote { padding: 10px 10px; margin-bottom: 15px; }

  .sec-title-inner {border-left: 3px solid #00aca8;border-right:none; margin: 0 10px;}

  .border8 { display: none; }

}

@media (min-width: 768px) and (max-width: 991px){
  .grid1, .grid2, .grid3{padding: 44px 34px;}
  #menu-main-menu li > a {color: #282828;font-size: 19px; padding-left: 12px;padding-right: 12px;}
  .navbar-right{top: -141px;right: 0;}
  .connect-heading:after{left: -220px; width:631px;}
  /* .demo-request-btn{font-size: 15px; position: absolute; top: 0px; right: 10px; padding: 13px 18px 13px;} */
  .search-form-wrap.pull-right{ margin-top: 0px; padding: 5px 2px; }

  .process-block-2 {top: 20px !important;}
  #footer-newsletter .btn, #contact-us-sec .btn{margin-top:20px;}
  .border, .border2, .border3, .border4, .border5, .border6, .border7, .border8{display:none;}

  .process-block-3{ float: left; }

  .about-more .row > .clearfix, .about-more > .clearfix { display:none; } 
  #footer_social li a{height: 40px;width: 40px;}
  #footer_social li{ max-width: 55px; margin: 0 0px;}

  #footer-section {
    text-align: center;
  }

}

@media only screen and (min-width:768px){

  .mycustomclass .product-ani.product-animate-1, .mycustomclass .product-ani.product-animate-2, 
.mycustomclass .product-ani.product-animate-3, .mycustomclass .product-ani.product-animate-4, 
.mycustomclass .product-ani.product-animate-5, .mycustomclass .product-ani.product-animate-6, 
.mycustomclass .product-ani.product-animate-7, .mycustomclass .product-ani.product-animate-8 {
    -webkit-animation-name: none;
    animation-name: none;
}

}

@media (max-width: 767px){

  #footer_social li a {
    height: 35px;
    width: 35px;
  }

  .varticalmenu li a {
    font-size: 16px;
  }

  .process-block-2 {
      position: relative;
      top: 0px !important;
  }
  .varticalmenu {visibility: visible;}
  .connect-heading:after{display: none;}
  /*slider*/
  .slider-2{height:91px;width:84px;}
  .products-box { position: relative;top: 45px; margin-top: 15px; }
  .connect-menu3{padding-top: 0px;}
  .sercal-logo {
    margin: 30px auto 13px;
  }
  .block-sec {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 10px;
  }
  .process-block-1, .process-block-4 {
    margin-top: 0px;
  }

  .block-sec > div{
    max-width: 100%;
  }
  #services-plan-sec h2, .service-more h2{ font-size: 26px; text-align: center; }

  .row.animated-parent{min-height: 350px;}
  .main-slider {width: 281px; height: 284px; margin: 0px auto;}
  .slider-1 {left: 50px;top: 3px;width: 86px;}
  .slider-2{top: 42px; left: 5px;}
  .slider-3 {top: 134px; left: 6px; height: 86px;width: 83px;}
  .slider-4 {bottom: 10px;left: 51px;width: 87px; height: 92px;}
  .slider-5 {right: 54px;top: 2px;width: 86px;}
  .slider-6 {right: 13px;top: 43px; height: 91px;width: 81px;}
  .slider-7 {right: 13px;bottom: 65px;height: 84px;width: 81px;}
  .slider-8 {bottom: 12px;right: 52px;height: 89px;width: 87px;}
  
  .slider-1:hover {left: 50px;top: 3px;width: 86px;}
  .slider-2:hover {top: 42px; left: 5px;}
  .slider-3:hover {top: 134px; left: 6px; height: 86px;width: 83px;}
  .slider-4:hover {bottom: 10px;left: 51px;width: 87px; height: 92px;}
  .slider-5:hover {right: 54px;top: 2px;width: 86px;}
  .slider-6:hover {right: 13px;top: 43px; height: 91px;width: 81px;}
  .slider-7:hover {right: 13px;bottom: 65px;height: 84px;width: 81px;}
  .slider-8:hover {bottom: 12px;right: 52px;height: 89px;width: 87px;}
  
  .car, .car2, .car3, .car4, .car5, .car6, .car7, .car8{width:108px;}
  .car {left: -90px;top: -6px;}
  .car2 {left: -46px;top: -55px;}
  .car3{left: -36px;top: -150px;}
  .car4 {top: -188px;}
  .car5 {left: 41px;top: -12px;}
  .car6 {left: -4px;top: -54px;}
  .car7 {left: 4px;top: -146px;}
  .car8 {left: 44px;top: -180px;}

  .slider-1:hover .car {left: 36px;top: -6px;}
  .slider-2:hover .car2{left: 81px;top: -53px;}
  .slider-4:hover .car4 {left: 34px;top: -188px;}
  .slider-5:hover .car5 {left: -59px; top:-10px;}
  .slider-6:hover .car6 {left: -99px;top: -58px;}
  .slider-7:hover .car7 {left: -103px; top: -146px;}
  .slider-8:hover .car8 {left: -56px;top: -180px;}
  .slider-3:hover .car3 {left: 77px;top: -150px;}

  .span1{left: -9px;top: -8px;}
  .round-animat1, .round-animat2, .round-animat3, .round-animat4, .round-animat5, .round-animat6, .round-animat7, .round-animat8{width:30px; height: 30px;display: none;}
  .connect-menu::after, .connect-menu2::after, .connect-menu3::after, .connect-menu5::after{display: none;}


  .navbar-default .navbar-toggle{background-color: #fc4f00;}
  .navbar-default .navbar-toggle:hover{background-color: #fa611b;}
  .navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
  .login-nav li a{width: 100px;text-align: center; border-bottom-left-radius: 0px; 
    border-bottom-right-radius: 0px;}
  .connect-menu:before, .connect-menu2:before, .connect-menu3:before, .connect-menu5:before {display: none;}
  .margin-top2{margin: 0px 0px;}
  .connect-menu3 img {margin: 0px auto 22px;}
  .container.connect-sec{margin-bottom:50px;}
  #video-sec{margin-top: 30px;}
  
  .features-inner{margin-bottom: 60px;text-align: center;}
  .grid1, .grid2, .grid3 { width: 100%;margin-bottom: 30px;}
  #footer-newsletter .btn, #contact-us-sec .btn{margin-top:20px;}
  .footer-row{text-align: center;}
  .varticalmenu li a{width: 50%;margin: 0px auto;}
  .inner-page p{margin-top:20px;}
  .services-plan-block {width: 70%;margin: 0px auto;}
  .navbar-right{width: 50%;float: right;}
  .navbar-right li{float: right;}
  #footer_social li a{height: 35px;width: 35px;}
  #footer_social li{ max-width: 55px;margin: 0 0px;}
  #contact-us-sec textarea.form-control {height: 225px;}
  .footer-row h3{margin-bottom: 20px;}
  .footer-row > div{margin-bottom: 11px;}
  .footer-row > div p{margin-bottom: 11px;}
  /*aboutus page css*/
  .process-block-2 {top: 0px !important;}
  .products-box > h3{display: none;}
  .border, .border2 ,.border3, .border4, .border5, .border6, .border7, .border7{display: none;}
  .features-inner h4{padding:21px 0px;}

  #header_logo {
    padding-bottom: 20px;
    padding-top: 22px;
    text-align: center;
  }

  #header_logo .custom-logo-link {
    padding: 12px 10px;
    display: inline-block;
  }

 .login-nav li a, .demo-request-btn{ }

  .demo-request-btn{ position: absolute; padding: 8px 16px 10px; top: 0px; right: 0; }

  .continfo-wrap > ul {  margin-top: 45px; }

  .camp-header .continfo-wrap > ul { margin-top: 15px; }

  .search-form-wrap.pull-right{ padding-top: 0; }

  .continfo-wrap ul > li span{ margin-right: 5px; }

  
  .telematics-logo{
    clear: both;
  }

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

  .features-inner {
    display: inline-block;
    margin: 20px auto 30px;
    max-width: 450px;
    text-align: center;
    width: 90%;
  }

  .sec-title-wrap .sec-content, .sec-desc{ font-size: 20px; }

  ul#menu-main-menu {
    padding-bottom: 12px;
  }

  #menu-main-menu li > a{
   text-align: center;
   padding: 15px; 
  }


  .info_img{ width: 62px; height: 62px; margin-right: 10px; }
  .testimonial_info img{width: 100%; display: block; min-height: 62px;}
  .info_desc{ margin: 0px 0px 0 72px; }
  .info_desc h5{ margin-top: 0.2em; margin-bottom: 0.3em; }

  .testimonial_post{ margin: 0 10px; box-shadow: 0 6px 6px 0 rgba(0,0,0,0.10), 0 4px 2px 0 rgba(0,0,0,.10); }

}

span.wpcf7-not-valid-tip{ margin-top: -30px; margin-bottom: 10px; font-size: 0.9em; clear: both; padding-left: 0.3em; }

#contact-us-sec span.wpcf7-not-valid-tip{ margin-top: -30px; }

div.wpcf7-response-output {
  margin: 0.8em 0.5em 1em;
  background-color: rgba(255,255,255,0.5);
  color: #222;
  font-weight: 400;
}



/* New product CSS start */

.inner_read_btn{
  background: -moz-linear-gradient(89deg, rgba(247,58,27,1) 0%, rgba(247,58,27,1) 1%, rgba(255,124,0,1) 84%, rgba(255,124,0,1) 100%); /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,124,0,1)), color-stop(16%, rgba(255,124,0,1)), color-stop(99%, rgba(247,58,27,1)), color-stop(100%, rgba(247,58,27,1))); /* safari4+,chrome */
  background: -webkit-linear-gradient(89deg, rgba(247,58,27,1) 0%, rgba(247,58,27,1) 1%, rgba(255,124,0,1) 84%, rgba(255,124,0,1) 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(89deg, rgba(247,58,27,1) 0%, rgba(247,58,27,1) 1%, rgba(255,124,0,1) 84%, rgba(255,124,0,1) 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(89deg, rgba(247,58,27,1) 0%, rgba(247,58,27,1) 1%, rgba(255,124,0,1) 84%, rgba(255,124,0,1) 100%); /* ie10+ */
  background: linear-gradient(1deg, rgba(247,58,27,1) 0%, rgba(247,58,27,1) 1%, rgba(255,124,0,1) 84%, rgba(255,124,0,1) 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7c00', endColorstr='#f73a1b',GradientType=0 ); /* ie6-9 */
  /* width: 132px;
  height: 52px;
  line-height: 50px; */
  display: inline-block;
  color:#fff;
  border-radius: 5px;
  text-align: center;
  padding: 10px 20px;
  margin-top: 10px;
  text-decoration: none !important;
}

.inner_read_btn:hover, .inner_read_btn:focus{
  color: white !important;
  text-decoration: none;
  background: -moz-linear-gradient(272deg, rgba(247,58,27,1) 0%, rgba(255,124,0,1) 81%, rgba(255,124,0,1) 100%); /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(247,58,27,1)), color-stop(81%, rgba(255,124,0,1)), color-stop(100%, rgba(255,124,0,1))); /* safari4+,chrome */
  background: -webkit-linear-gradient(272deg, rgba(247,58,27,1) 0%, rgba(255,124,0,1) 81%, rgba(255,124,0,1) 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(272deg, rgba(247,58,27,1) 0%, rgba(255,124,0,1) 81%, rgba(255,124,0,1) 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(272deg, rgba(247,58,27,1) 0%, rgba(255,124,0,1) 81%, rgba(255,124,0,1) 100%); /* ie10+ */
  background: linear-gradient(178deg, rgba(247,58,27,1) 0%, rgba(255,124,0,1) 81%, rgba(255,124,0,1) 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f73a1b', endColorstr='#ff7c00',GradientType=0 ); /* ie6-9 */
}



.inner_read_btn:hover{color:#fff !important;}

img.pull-right{
  padding: 5px 0px 0px 30px;
}

.pro-inn-sect hr{
  width: 140px;
  margin-left: 0px;
  border-top: 3px solid #00aca8;
  margin: 5px 0px 40px;
}

.pt{ padding-top: 50px; }

.pb{ padding-bottom: 50px; }

.bg{ background-color: #f7f7f7; }

/* New product CSS end */


/* New footer CSS start */

.footer-logo{
  margin-top: 5px;
  margin-bottom: 18px;
}

.footer-logo-img{ width: 100%; max-width: 255px; }

.footer-row h3{text-transform: capitalize; margin-bottom: 0px;    font-size: 26px;
  letter-spacing: 0.5px;
  color: #282828;
  padding-left: 0px;
}

.footer-row hr{
  width: 75px;
  margin: 13px 0px 22px;
  border-top: 3px solid #00aca8;
  text-align: left;
}

#footer_social li{ max-width: 40px;}

.footer-menu ul li{margin-bottom: 17px !important; text-align: left; }

.divaider{
  border-top:1px solid #939393;
  width: 100%;
  clear: both;
  margin: 30px 0px;
}

#footer_social ul{text-align: left;}

.footer-row > div, .footer-row > div p{margin-bottom:20px !important; text-align: justify;color: #282828;
  /* font-weight: 600; */
  font-weight: 400;
  letter-spacing: 0.1px;
  font-size: 16px;
}

.location-div{    margin: 0px;
  padding: 0px;
  list-style: none;
}

.location-div li{ margin-bottom: 12px;position: relative;left: 30px; }

.location-div li:before {
  content: "";
  position: absolute;
  left: -30px;
  top: 1px;
  width: 26px;
  text-align: center;
  height: 26px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.location-div li.phone-square:before{
  content:"\f098";
}
.location-div li.fa-envelope:before{
  content:"\f0e0";
}
.location-div li.fa-globe:before{
  content:"\f0ac";
}
.location-div li.fa-map-marker:before{
  content:"\f041";
}

.location-div li:hover:before {
  color: #00aca8;
}

.footer-menu ul li a {
  color: #282828;
  /* font-weight: 600; */
  font-weight: 400;
  letter-spacing: 0.1px;
  font-size: 16px;

  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.site-info {
  font-weight: 400;
  color: #282828;
}

.inner-page ul {
    color: #282828;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 20px;
}

.inner-page ul li {
  font-size: 16px;
  margin-bottom: 8px;
  letter-spacing: 0.2px;
}

/* New footer CSS end */

/* ajax loader */


#ajaxBusy {
  display: none;
  padding: 30px 10px 10px 10px;
  position: fixed;
  left: 0;
  top: 0;
  min-width: 500px;
  height: 100%;
  text-align: center;
  background: #c2c2c2 url(images/ajax-loader.gif) no-repeat center center;
  opacity: .7;
  width: 100%;
  z-index: 9999;
}

/* ajax loader */

.footer-menu ul li a:hover {
    /* border-bottom: 2px solid #00aca8; */
    color: #00aca8;
    margin-left: 1px;
}

.owl-controls .owl-buttons:hover .owl-prev:after, .owl-controls .owl-buttons:hover .owl-next:after {
    color: #00aca8;
}

.wp-block-image figure{ margin-top: 5px; }

body.author .author-desc-sec {
    padding-left: 20px;
}

body.author .author-desc-sec h1.page-title {
    margin-top: 8px;
}

@media only screen and (max-width:640px){
  .connect-list{ width: 100%; }
  .sec-title-inner { height: auto; padding: 10px 12px; margin-bottom: 10px; }
  .section-heading { padding: 10px 0px; }
  .vce-text-block.sec-desc { padding-top: 8px; }
  .section-title, .section-heading h2, .sec-content, .sec-desc{ height: auto; }
  .mobile-img figure, img.mobile-img{ width: 100%; }
}

@media only screen and (max-width:620px){
  .logo-sec, .logo-right-sec{ width: 100%; }
  #header_logo { padding-bottom: 5px; padding-top: 5px; text-align: center; max-width: 245px; margin: 0 auto; }
  #header_logo .custom-logo-link { padding: 5px 10px 5px; display: inline-block; }
  .demo-request-btn{ border-radius: 4px; }
  .continfo-wrap{ text-align: center; }
  a.demo-request-btn { right: 38%; }
  .search-form input[type=search] { max-width: none; }
  .search-form-wrap.pull-right { margin-top: 1px; float: left !important; }
  .camp-header .continfo-wrap > ul { margin-top: 8px; }
}

@media only screen and (max-width:600px){
  .login-nav li a{
    width: 100%;
    max-width: 96px;
  }
  a.demo-request-btn { right: 36%; }
}

@media only screen and (max-width:480px){
  .connect-heading{ padding: 5px 10px; font-size: 26px; }
  .section-heading h2 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 26px;
  }
  .vce-text-block.sec-desc{ padding-top: 5px; margin-top: 5px; }

  .varticalmenu li a{ width: 85%; }

  .row.footer-row li{width:89%;}

}


@media only screen and (max-width:479px){
  
  .footer-row > div, .footer-row > div p{font-size:15px;}
  .footer-menu ul li { margin-bottom: 15px !important; }
  .footer-row h3{font-size:24px;}

  .section-title, .section-heading h2, .sec-content, .sec-desc{ display:inline-block; width:100%; height: auto; }
  .sec-title-wrap .sec-content, .sec-desc, .sec-desc p{text-align: left; font-size: 18px; margin-top:5px;}

  .section-title, .section-heading h2{ margin-top: 5px; margin-bottom: 5px; }

  h2{font-size: 26px;}
  .track-feets-sec { margin-top: 61px; }
  .sec-title-wrap{margin-bottom: 15px;}
  #services-plan-sec h2 {font-size: 26px;}
  .row.features-row {margin-bottom: 40px;}
  .features-title-sec.left, .features-title-sec.right{float:none; margin-right: 0px;}
  .features-title-sec {width: 60%;max-width: 260px;margin: 0px auto !important;}
  .services-plan-block {width: 100%;margin: 0px auto;}
  .navbar-right {width: 100%;float: left;top: -26px; position: relative; text-align: center; }
  .demo-request-btn { top: 0px; left: 32%; right: auto !important; padding: 10px 7px 10px; }

  .search-form-wrap.pull-right { width: 100%; margin-left: 0; }

  .navbar-right li { display: inline-block; float: none; }
  .car5{ left:36px; }
  .car6{ left:-8px; }
  .car7{ left:-10px; }
  .car8{ left:35px; }

  .post-slide{ margin: 0px 5px 5px; }

  .search-form input[type=search]{ font-size: 16px; }



}

@media only screen and (max-width:380px){
  .demo-request-btn { left: 28%; }
}

@media only screen and (max-width:350px){
  .demo-request-btn { left: 25%; }

  .section-heading { padding: 5px 0px; }
  .section-heading h2{ font-size: 23px; }
  section.container-fluid { padding: 10px 5px !important; }
}

.connect-sec-img{ width: 96%; max-width: 1440px; margin: 0 auto; }

.service-box {
    overflow: visible;
    min-height: 20px;
    padding: 0;
    padding: 20px;
    background-color: transparent;
    box-shadow: none;
    border: none;
    box-sizing: border-box;
    box-shadow: none;
    border-radius: 0;
    text-align: center;
    position: relative;
    z-index: 10;

    /* margin-bottom: 29px;
    margin-top: 28px; */

     /*    opacity: 0; */
    /* 
    -moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    */
}

.service-box:after {
    position: absolute;
    /* background: #00aca8; */

    background: -moz-linear-gradient(89deg, rgba(247,58,27,1) 0%, rgba(247,58,27,1) 1%, rgba(255,124,0,1) 84%, rgba(255,124,0,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,124,0,1)), color-stop(16%, rgba(255,124,0,1)), color-stop(99%, rgba(247,58,27,1)), color-stop(100%, rgba(247,58,27,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(89deg, rgba(247,58,27,1) 0%, rgba(247,58,27,1) 1%, rgba(255,124,0,1) 84%, rgba(255,124,0,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(89deg, rgba(247,58,27,1) 0%, rgba(247,58,27,1) 1%, rgba(255,124,0,1) 84%, rgba(255,124,0,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(89deg, rgba(247,58,27,1) 0%, rgba(247,58,27,1) 1%, rgba(255,124,0,1) 84%, rgba(255,124,0,1) 100%); /* ie10+ */
    background: linear-gradient(1deg, rgba(247,58,27,1) 0%, rgba(247,58,27,1) 1%, rgba(255,124,0,1) 84%, rgba(255,124,0,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7c00', endColorstr='#f73a1b',GradientType=0 ); /* ie6-9 */

    border-radius: 5px;
    left: 0;
    right: 0;
    height: 0;
    bottom: 0;
    content: "";
    z-index: -1;
   -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}


.service-box:hover {
  transition: 0.4s;
  /* transform: translateY(-15px); */
  transform: scale(1.02, 1.02);;
}

.service-box:hover:after {
    height: 100%;
    top: 0;
    /* -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; */
}

.service-box{ position: relative; overflow: hidden; }

.service-box::before{
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  /* width: 50%; */
  width: 33%;
  height: 100%;

  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);

  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.service-box:hover:before{
  -webkit-animation: shine .75s;
  animation: shine .75s;
}

/* 
.home a.vce-button--style-outline:after {
  position: absolute;
  top: 0;
  left: -20%;
  z-index: 2;
  display: block;
  content: '';
  width: 33%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.home a.vce-button--style-outline:hover:after {
  -webkit-animation: shine .75s;
  animation: shine .75s;
}
*/


@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}



.service-box .icon {
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    background-color: #fff;
    font-weight: normal;
    padding: 10px;
    float: none !important;
    margin: 0;
    border: 3px solid #00aca8;
    border-radius: 500px;
    display: inline-block;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.service-box:hover .icon {
    background-color: #ededed;
    border-color: #ffffff;
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.service-box h4 {
  border-bottom: 3px solid transparent;
  font-size: 20px;
  margin: 0 0 20px;
  padding: 20px 0 20px;
  text-align: center;
  transition:all 0.3s;
}

.service-box p{
  /* font-weight: 300; */
  color: #282828;
  font-size: 15px;
  line-height: 1.6em;
  letter-spacing: 0.6px;
  text-align: justify;
}

.service-box:hover h4{
  color: #fff;
  border-bottom: 3px solid #ffffff;
  /* border-bottom: 3px solid #00aca8; */
}

.service-box:hover div, .service-box:hover p{ color: #fff; }
.service-box:hover a { color: #fff !important; }
.service-box:hover .sec-more-btn a:before { border-color: #ffffff; }




@media only screen and (min-width:480px) and (max-width:767px){

  .products-box {
      max-width: 480px;
  }
  .products-box > h3 {
      display: block;
  }
  .products-box > h3{font-size:12px; max-width: 123px;}
  .round-animat1, .round-animat2, .round-animat3, .round-animat4, .round-animat5, .round-animat6, .round-animat7, .round-animat8{display:block;width: 25px;
      height: 25px;}

  .round-animat5 {
      right: 34%;
      top: -6%;}

  .span1 {
      left: -11px;
      top: -11px;
    width: 35px;
      height: 35px;
  }
  .text-5 {
      top: -15%;
      right: 9%;
      max-width: 100px !important;
  }
  .round-animat6 {
      right: 16%;
      top: 24%;}
  .text-6 {
      top: 9%;
      right: -3%;
  }

  .round-animat7 {
      right: 16%;
      bottom: 27%;}
  .text-7 {
      bottom: 32%;
      right: -7%;
  }

  .round-animat1 {
      left: 32%;
      top: -6%;}

  .text-1 {
      top: -16%;
      left: 7%;
  }
  .round-animat2 {
      left: 15%;
      top: 23%;}
  .text-2 {
      top: 8%;
      left: 4%;
  }
  .round-animat3 {
      left: 15%;
      bottom: 26%;}
  .text-3 {
      bottom: 29%;
      left: 0%;
  }
  .round-animat4 {
      left: 36%;
      bottom: -2%;}
  .text-4 {
      bottom: -9%;
      left: 7%;
  }
  .round-animat8 {
      right: 34%;
      bottom: -1%;}
  .text-8 {
      bottom: -9%;
      right: 5%;
  }

}
@media only screen and (min-width: 480px) and (max-width:767px) {            
  .round-animat1 {
        left: 32%;
        top: -7%;
    }

    .round-animat2 {
        left: 16%;
        top: 23%;
    }

    .round-animat3 {
        left: 16%;
        bottom: 26%;
    }

    .round-animat4 {
        left: 36%;
        bottom: -3%;
    }

    .round-animat5 {
        right: 34%;
        top: -8%;
    }

    .round-animat6 {
        right: 17%;
        top: 24%;
    }

    .round-animat7 {
        right: 17%;
        bottom: 27%;
    }

    .round-animat8 {
        right: 34%;
        bottom: -2%;
    }
}


/*2026 New Theme updates*/

/*
Theme Name: IntelliTransit Inc
Theme URI: https://intellitransitinc.com
Author: VITSUSA
Description: Custom WordPress Theme for IntelliTransit Inc
Version: 1.0
Text Domain: intellitransitinc
*/

 :root{
  --navy:#1D1D4C;--navy2:#0d1950;--teal:#00ACA8;--teal-dark:#008d8a;
  --sky:#eefbfc;--sky2:#f7fcfd;--line:#dceaf1;--muted:#5d6889;--text:#1c2b5d;
  --yellow:#F7AE18;--purple:#8D5CF6;--green:#62B944;--blue:#38A9FF;--red:#F45A68;
  --shadow:0 18px 46px rgba(29,29,76,.10);--soft-shadow:0 8px 26px rgba(29,29,76,.06);
  --radius:28px;--max:1440px;
}
*{box-sizing:border-box}
html,body{overflow-x: hidden;}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--navy);background:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
html body .container{width:min(var(--max),calc(100% - 56px));margin:0 auto !important}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,234,241,.7)}
.nav-container{height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{width:240px;flex:0 0 auto}
.main-nav{display:flex;align-items:center;gap:34px;font-weight:800;font-size:14px;color:#111746}
.nav-item{position:relative;padding:34px 0}
.nav-item>a span{color:var(--teal);font-size:12px;margin-left:5px}
.dropdown{position:absolute;top:76px;left:50%;transform:translateX(-50%) translateY(8px);width:292px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:11px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.18s ease}
.nav-item:hover .dropdown{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.dropdown a{display:flex;gap:11px;align-items:center;padding:11px;border-radius:14px;color:var(--text)}
.dropdown a:hover{background:var(--sky);color:var(--teal)}
.dropdown svg{width:27px;height:27px;padding:5px;border-radius:9px;background:rgba(0,172,168,.10);color:var(--teal);flex:0 0 27px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:14px 27px;border-radius:999px;font-weight:900;font-size:14px;line-height:1;border:1.5px solid transparent;transition:.22s ease;white-space:nowrap}
.btn-primary{background:linear-gradient(135deg,#12bfbd 0%,#0c1955 100%);color:#fff;box-shadow:0 12px 28px rgba(0,172,168,.24)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,172,168,.32)}
.btn-outline{background:#fff;color:#111746;border-color:#9da4c4}
.btn-outline:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-2px)}
.btn.compact{min-height:44px;padding:13px 22px}
.menu-toggle{display:none;border:0;background:var(--sky);width:48px;height:48px;border-radius:15px;align-items:center;justify-content:center;flex-direction:column;gap:4px}
.menu-toggle span{width:21px;height:2px;background:var(--navy);border-radius:5px}
.hero{position:relative;padding:76px 0 36px;overflow:hidden}
.shape-one{position:absolute;right:-140px;top:66px;width:690px;height:500px;background:linear-gradient(135deg,rgba(0,172,168,.18),rgba(56,169,255,.08));border-radius:45% 55% 54% 46%/45% 42% 58% 55%;z-index:-2}
.shape-dot{position:absolute;right:222px;top:112px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(0,172,168,.15),transparent 68%);z-index:-3}
.hero-grid{display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:66px}
.eyebrow{display:inline-flex;border-radius:999px;background:rgba(0,172,168,.1);color:#008f8b;padding:9px 17px;font-size:12px;font-weight:900;letter-spacing:.4px;text-transform:uppercase}
.hero h1{font-size:clamp(52px,5.2vw,78px);line-height:1.02;letter-spacing:-2.9px;margin:27px 0 24px}
.hero h1 span{color:var(--teal)}
.hero-copy p{font-size:18px;line-height:1.72;color:var(--text);max-width:560px;margin:0 0 30px}
.hero-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:28px}
.play{font-size:16px}
.promise{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--text)}
.promise span{color:var(--teal);font-size:21px}
.hero-product{position:relative}
.product-carousel{position:relative}
.product-slide{display:none;animation:fadeUp .42s ease both}
.product-slide.active{display:block}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.dashboard-mockup{position:relative;display:grid;grid-template-columns:64px 1fr;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);min-height:436px;padding:0;overflow:visible}
.dash-rail{background:linear-gradient(180deg,#0a1850,#04a7ae);border-radius:22px 0 0 22px;padding:16px 0;display:grid;align-content:start;justify-items:center;gap:12px}
.rail-dots{width:7px;height:7px;background:#fff;border-radius:50%;display:inline-block;box-shadow:13px 0 0 #fff,26px 0 0 #fff}
.rail-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.10);font-size:19px}
.rail-icon.active{background:rgba(0,172,168,.45)}
.dash-body{padding:25px 26px 22px}
.dash-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.dash-top strong{font-size:17px}.dash-top span{font-size:12px;font-weight:800;color:var(--muted)}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}
.metric{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 6px 20px rgba(29,29,76,.035);min-height:118px}
.metric i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;font-style:normal;font-weight:900;margin-bottom:10px}
.metric .green{background:var(--green)}.metric .yellow{background:var(--yellow)}.metric .blue{background:var(--blue)}.metric .red{background:var(--red)}
.metric small{display:block;color:var(--text);font-weight:800;font-size:12px;line-height:1.22;margin-bottom:9px}
.metric b{font-size:22px}.metric em{font-style:normal;color:var(--green);font-weight:900;font-size:13px;float:right;margin-top:5px}
.dash-panels{display:grid;grid-template-columns:1.22fr .88fr;gap:18px}
.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;min-height:210px}
.panel h4{margin:0 0 12px;font-size:13px}
.line-chart{height:150px;border-radius:16px;background:linear-gradient(to top,rgba(0,172,168,.13),rgba(0,172,168,0)),url("data:image/svg+xml,%3Csvg width='420' height='180' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 130 C55 96 88 108 122 76 S190 36 238 82 305 118 350 72 390 64 412 48' fill='none' stroke='%2300ACA8' stroke-width='7' stroke-linecap='round'/%3E%3Cg fill='%2300ACA8'%3E%3Ccircle cx='10' cy='130' r='5'/%3E%3Ccircle cx='122' cy='76' r='5'/%3E%3Ccircle cx='238' cy='82' r='5'/%3E%3Ccircle cx='350' cy='72' r='5'/%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat}
.donut{width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--teal) 0 62%,var(--yellow) 62% 77%,var(--purple) 77% 90%,#cbdbe4 90% 100%);margin:0 auto 14px;position:relative}
.donut:after{content:"";position:absolute;inset:25px;border-radius:50%;background:#fff}
.donut-panel ul{margin:0;padding:0;list-style:none;font-size:12px;color:var(--muted);line-height:1.65}
.donut-panel li{display:flex;justify-content:space-between;gap:12px}
.map-float{position:absolute;right:-42px;bottom:35px;width:178px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--soft-shadow);padding:14px}
.map-float h4{margin:0 0 9px;font-size:13px}
.mini-map{height:122px;border-radius:14px;background:url("data:image/svg+xml,%3Csvg width='210' height='140' viewBox='0 0 210 140' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='210' height='140' fill='%23eef7f5'/%3E%3Cpath d='M15 38 C61 70 89 10 125 48 S168 118 200 76' fill='none' stroke='%2300ACA8' stroke-width='6'/%3E%3Cg fill='%231D1D4C'%3E%3Ccircle cx='46' cy='54' r='7'/%3E%3Ccircle cx='111' cy='37' r='7'/%3E%3Ccircle cx='171' cy='96' r='7'/%3E%3C/g%3E%3Cpath d='M0 90 H210 M88 0 V140' stroke='white' stroke-width='5' opacity='.7'/%3E%3C/svg%3E") center/cover no-repeat}
.map-float p{margin:9px 0 0;font-size:12px;line-height:1.35;color:var(--text)}.map-float span{color:var(--muted)}
.image-slide{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:14px}
.image-slide img{width:100%;height:408px;object-fit:cover;border-radius:20px}
.carousel-controls{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:18px}
.carousel-controls button,.testimonial-nav button{width:31px;height:31px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--navy);display:grid;place-items:center;cursor:pointer;font-weight:600;font-size: 20px;}
.carousel-dots,#testDots{display:flex;gap:8px;align-items:center}
.carousel-dots button,#testDots button{width:9px;height:9px;border:0;border-radius:50%;background:#c9d7e1;padding:0;cursor:pointer}
.carousel-dots button.active,#testDots button.active{background:#07165a;transform:scale(1.18)}
.feature-band{padding:50px 0 29px}
.feature-card{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--soft-shadow);padding:28px 28px;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.feature{text-align:center;padding:8px 4px}
.bubble{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px}
.bubble svg{width:38px;height:38px}
.bubble.teal{background:rgba(0,172,168,.1);color:var(--teal)}.bubble.yellow{background:rgba(247,174,24,.14);color:var(--yellow)}.bubble.purple{background:rgba(141,92,246,.13);color:var(--purple)}.bubble.green{background:rgba(98,185,68,.13);color:var(--green)}.bubble.blue{background:rgba(56,169,255,.13);color:var(--blue)}
.feature h3{font-size:16px;margin:0 0 9px}.feature p{font-size:14px;line-height:1.55;color:var(--muted);margin:0}
.solutions-section{padding:63px 0;background:linear-gradient(180deg,#f2fbfd,#fff)}
.solutions-layout{display:grid;grid-template-columns:.78fr 1.52fr;gap:48px;align-items:start}
.section-label{font-size:12px;text-transform:uppercase;letter-spacing:.55px;color:var(--teal);font-weight:900;margin:0 0 12px}
.centered{text-align:center}
.section-intro h2,.approach-card h2,.cta-copy h2{font-size:clamp(28px,3.25vw,36px);line-height:1.09;letter-spacing:-1.25px;margin:0 0 17px}
.section-intro p,.cta-copy p{font-size:16px;line-height:1.73;color:var(--text);margin:0 0 23px}
.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.solution{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 9px 22px rgba(29,29,76,.035);min-height:150px;padding:22px;display:grid;grid-template-columns:68px 1fr;gap:15px;align-items:center;transition:.2s ease}
.solution:hover{transform:translateY(-3px);box-shadow:var(--soft-shadow);border-color:rgba(0,172,168,.38)}
.solution-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center}
.solution-icon svg{width:34px;height:34px}
.solution-icon.teal{background:rgba(0,172,168,.1);color:var(--teal)}.solution-icon.purple{background:rgba(141,92,246,.13);color:var(--purple)}.solution-icon.yellow{background:rgba(247,174,24,.14);color:var(--yellow)}.solution-icon.green{background:rgba(98,185,68,.13);color:var(--green)}.solution-icon.blue{background:rgba(56,169,255,.13);color:var(--blue)}
.solution h3{font-size:16px;margin:0 0 7px}.solution p{font-size:13.5px;color:var(--muted);line-height:1.48;margin:0}
.why-section{padding:64px 0 0}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:32px}
.why-item{display:grid;grid-template-columns:48px 1fr;gap:17px;padding:0 26px;border-right:1px dashed #bdd3df}
.why-item.last{border-right:0}
.why-item svg{width:38px;height:38px;color:var(--teal)}
.why-item h3{font-size:16px;margin:0 0 7px}.why-item p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.5}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:54px}
.testimonial-card,.approach-card{border:1px solid var(--line);border-radius:29px;min-height:340px;box-shadow:0 8px 24px rgba(29,29,76,.035);overflow:hidden}
.testimonial-card{background:linear-gradient(145deg,#eafbfc,#fff);padding:33px;position:relative}
.quote-mark{position:absolute;left:40px;top:83px;color:rgba(0,172,168,.18);font-size:95px;font-weight:900;line-height:.7}
.testimonial{display:none;position:relative;z-index:1;padding-left:70px}
.testimonial.active{display:block;animation:fadeUp .35s ease both}
.testimonial p{font-size:17px;line-height:1.62;color:var(--text);font-weight:600;margin:50px 0 30px}
.person{display:flex;align-items:center;gap:14px}
.avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--navy));color:#fff;font-weight:900;display:grid;place-items:center}
.person strong{display:block}.person span{font-size:14px;color:var(--muted)}
.testimonial-nav{position:relative;z-index:1;display:flex;align-items:center;gap:13px;margin-top:26px;justify-content: center;}
.approach-card{background:linear-gradient(145deg,#fff,#f8f3ff);padding:32px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:18px}
.approach-card ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px;font-size:14px;font-weight:700;color:var(--text)}
.approach-card li{display:flex;align-items:center;gap:10px}.approach-card li:before{content:"✓";width:22px;height:22px;border-radius:50%;border:1.5px solid #8c88ff;display:grid;place-items:center;color:#8178e8;font-weight:900;font-size:13px}
.people-illustration{position:relative;height:255px}
.screen-art{position:absolute;right:10px;top:28px;width:215px;height:152px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 8px 23px rgba(29,29,76,.05);overflow:hidden}
.screen-art span{position:absolute;top:30px;width:1px;height:92px;background:#e0ecf1}.screen-art span:nth-child(1){left:58px}.screen-art span:nth-child(2){left:108px}.screen-art span:nth-child(3){left:158px}
.screen-art svg{position:absolute;left:18px;bottom:20px;width:175px;height:110px}
.human{position:absolute;bottom:22px;width:34px;height:92px;background:#12306d;border-radius:18px 18px 6px 6px}.human:before{content:"";position:absolute;top:-22px;left:7px;width:21px;height:21px;background:#18245a;border-radius:50%}
.human-left{left:20px;background:#00ACA8}.human-right{right:0}.plant{position:absolute;right:0;bottom:5px;width:26px;height:48px;border-left:3px solid #64c7bd}.plant:before,.plant:after{content:"";position:absolute;width:20px;height:12px;border-radius:20px 20px 0 20px;background:#bfece7;left:-20px}.plant:after{left:3px;top:17px;transform:scaleX(-1)}
.cta-panel{margin-top:38px;border:1px solid var(--line);border-radius:31px;background:linear-gradient(135deg,#eaf9fb,#fff);padding:33px;display:grid;grid-template-columns:.95fr 1fr;gap:42px;align-items:center}
.device-illustration{height:320px;position:relative;border-radius:26px;background:linear-gradient(180deg,rgba(0,172,168,.13),rgba(255,255,255,.4));overflow:hidden}
.city-bg{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,172,168,.16),transparent 65%)}
.city-bg:before{content:"";position:absolute;left:32px;bottom:60px;width:280px;height:120px;background:linear-gradient(90deg,rgba(29,29,76,.08) 12%,transparent 12% 20%,rgba(29,29,76,.08) 20% 34%,transparent 34% 44%,rgba(29,29,76,.08) 44% 56%,transparent 56% 66%,rgba(29,29,76,.08) 66% 78%,transparent 78%)}
.desktop-device{position:absolute;left:160px;top:70px;width:245px;height:150px;border:7px solid #24315e;border-radius:17px;background:#fff}
.desktop-device:after{content:"";position:absolute;left:68px;bottom:-38px;width:105px;height:32px;border-bottom:7px solid #24315e;border-left:7px solid transparent;border-right:7px solid transparent}
.device-chart{height:100%;background:url("data:image/svg+xml,%3Csvg width='245' height='150' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='28' y='25' width='78' height='23' rx='6' fill='%2300ACA8' opacity='.35'/%3E%3Cpath d='M35 112 C74 72 102 95 129 61 S181 87 211 45' fill='none' stroke='%2300ACA8' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E") center/cover no-repeat}
.phone-device{position:absolute;left:95px;top:104px;width:78px;height:136px;border:7px solid #24315e;border-radius:19px;background:#fff}.phone-dot{position:absolute;left:50%;bottom:12px;width:10px;height:10px;background:var(--teal);border-radius:50%;transform:translateX(-50%)}
.bench{position:absolute;left:45px;bottom:42px;width:460px;height:5px;background:rgba(0,172,168,.35)}
.cta-copy p{max-width:620px}
.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:34px 0 28px}
.trust{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start}
.trust svg{width:44px;height:44px;color:var(--navy)}
.trust h3{font-size:15px;margin:0 0 5px}.trust p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.45}
.site-footer{border-top:1px solid var(--line);background:#fff;padding:28px 0 16px}
.footer-grid{display:grid;grid-template-columns:1.28fr repeat(5,1fr);gap:28px}
.footer-brand img{width:210px;margin-bottom:16px}.socials{display:flex;gap:12px;margin:8px 0 12px}.socials a{width:34px;height:34px;border-radius:12px;background:var(--sky);display:grid;place-items:center;font-weight:800}
.footer-brand p{font-size:12px;color:var(--muted);margin:0}
.submenu-toggle {
    color: var(--teal);
    font-size: 12px;
    background: transparent;
    border: none;
    outline: none;
    vertical-align: super;
}
.person strong {
    font-size: 18px;
    margin-bottom: 4px;
}
.approach-card {
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: right;
}
.device-illustration {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.site-footer h4{margin:0 0 10px;font-size:14px}.site-footer a{display:block;color:var(--muted);font-size:12.5px;font-weight:700;padding:10px 0}.site-footer a:hover{color:var(--teal)}
.footer-bottom{border-top:1px solid var(--line);margin-top:18px;padding-top:14px;display:flex;justify-content:space-between;font-size:12px}.footer-bottom a{display:inline;margin-left:20px}
.social-icons {
    display: flex;
    gap: 12px;
    align-items: center;
}
.social-icons a:hover {
    background: linear-gradient(
        135deg,
        #00aca8 0%,
        #1D1D4C 50%,
        #0d1950 100%
    );

    transform: translateY(-2px) scale(1.05);
    color: #fff;
     box-shadow: 0 6px 18px rgba(0, 172, 168, 0.35);

}
.social-icons {
    display: flex;
    gap: 10px;
    align-items: center;
}

.social-icons a {
    font-size: 14px;
    color: #fff;

    width: 34px;
    height: 34px;

    background: #00aca8;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    text-decoration: none;
    transition: 0.3s ease;

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    transition: all 0.25s ease;
}
.container.footer-grid:before, .container.footer-bottom:before,.container.footer-bottom:after {
    display: none;
}
.container:before, .container:after {
    display: none;
}
@media(max-width:1120px){.hero-grid,.solutions-layout,.story-grid,.cta-panel{grid-template-columns:1fr}.map-float{right:20px}.main-nav,.nav-cta{display:none}.menu-toggle{display:flex}.main-nav.open{display:grid;position:absolute;left:0;right:0;top:88px;background:#fff;border-bottom:1px solid var(--line);padding:20px 28px;gap:16px}.nav-item{padding:0}.dropdown{display:none}.feature-card,.why-grid,.trust-row{grid-template-columns:repeat(2,1fr)}.solutions-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.container{width:100% !important}.nav-container{height:74px}.brand{width:190px}.main-nav.open{top:74px}.hero{padding-top:44px}.hero h1{font-size:43px;letter-spacing:-1.5px}.hero-copy p{font-size:16px}.btn{width:100%}.hero-actions{align-items:stretch}.dashboard-mockup{grid-template-columns:1fr;min-height:auto}.dash-rail{display:none}.dash-body{padding:18px}.metric-grid,.dash-panels,.feature-card,.solutions-grid,.why-grid,.story-grid,.trust-row,.footer-grid{grid-template-columns:1fr}.map-float{position:static;width:100%;margin-top:12px}.image-slide img{height:260px}.feature-card{padding:22px}.solutions-section,.why-section{padding:48px 0}.solution{grid-template-columns:58px 1fr}.why-item{border-right:0;border-bottom:1px dashed #bdd3df;padding:18px 0}.why-item.last{border-bottom:0}.testimonial{padding-left:0}.quote-mark{display:none}.approach-card{grid-template-columns:1fr}.device-illustration{height:250px}.desktop-device{left:105px;width:190px}.phone-device{left:48px}.footer-bottom{flex-direction:column;gap:12px; text-align: center;}.footer-bottom a{margin-left:0;margin-right:16px}}

@media(max-width:1120px){
  .dropdown {     
      position: relative;
  }
  .nav-item:hover .dropdown{
    transform: translateX(0%) translateY(8px) !important;
    position: static;
        width: 100%;
        box-shadow: none;
        padding: 0;
        background: #fff;
        /*display: block;*/
  }
}
.mobile-menu-toggle {
    display: none;
}



@media (max-width: 1120px) {

    .mobile-menu-toggle {
        display: block;
        background: none;
        border: 0;
        font-size: 24px;
        cursor: pointer;
    }
    nav#mainNav>a{
      display: block;
      padding: 14px 0px;
  }

    .main-nav {
        display: none;
        width: 100%;
    }

    .main-nav.open {
        display: block;
    }

    .nav-item {
        position: relative;
        border-bottom: 1px solid #eee;
    }

    .nav-item > a {
        display: block;
        padding: 14px 0px;
    }

    .submenu-toggle {
        display: block;
        position: absolute;
        right: 10px;
        top: 8px;
        background: none;
        border: 0;
        font-size: 18px;
        cursor: pointer;
        padding: 10px;
    }

  /*  .dropdown {
        display: none;
        position: static;
        width: 100%;
        box-shadow: none;
        padding: 0;
        background: #fff;
    }
*/
    .nav-item.submenu-open > .dropdown {
        display: block;
    }
    .why-item:nth-child(2) {
      border: none;
  }
  .why-grid{gap: 20px;}

}

@media (max-width: 579px) {
  .approach-card {
    background-size: 100%;
      background-repeat: no-repeat;
      background-position: bottom center;
  }
  .people-illustration {
      height: 190px;
  }
}

@media (max-width: 479px) {
  .people-illustration {
      height: 150px;
  }
}