/*
 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;
*/



/*--------------------------------------------------------------
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{
	font-weight: 300;
	color: #707070;
	font-size: 18px;
  font-family: 'Open Sans', sans-serif !important;
}

.inner-page p, p, a, span, q{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400;
  }

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

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
  font-family: 'Lato', sans-serif;
  color: #282828;
}

.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;
}

.h2, h2{
  letter-spacing: 2.3px;
}

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

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

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

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

p {
  font-size: 16.67px;
  letter-spacing: 0.8px;
  margin: 0 0 20px;
}

a{
  color: #282828;
}

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

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

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

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

a:hover, a:focus{
  text-decoration: none;
  color: #f94e13 !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: #f94e13 !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: #f94e13; */
  color: #282828;
}

.login-nav li a:hover{
  background-color : #f94e13 !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:#f94e13;}
#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 #f94e13;
}
#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 #f94e13; }
#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:#f94e13;
}

#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 #f94e13;
  }
  #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 #f94e13;
  }

  #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 #f94e13;border-bottom:2px solid #f94e13;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:#f94e13;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:#f94e13;-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:#f94e13;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:#f94e13;}
  #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: #f94e13;
    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 #f94e13;
}

#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: #f94e13;
    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: #f94e13;
    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 #f94e13;
  height: 70px; 
  letter-spacing: 1.5px;
}
.sec-title-inner.left-border {
  border-left: 3px solid #f94e13;  
  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: #f94e13; */
  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 #f94e13;
}

/* .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 #f94e13;
  /* 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 #f94e13;
}

.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 #f94e13;
}

.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: #f94e13;
}

.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 #f94e13;

  -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 #f94e13;
  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{
    width: 20px;
    height: 20px;
    background: #5fdfff;
    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: #f94e13;
}
.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: #f94e13;
  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 #f94e13;
    display: inline-block;
    padding: 0 40px 20px;
}

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

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

.blog-separator{
    border-bottom: 1px solid #f94e13;
    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: #f94e13;
    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 #f94e13;
    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: #f94e13 !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 #f94e13;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 #f94e13;
  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 #f94e13;
  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: #f94e13;
}

.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 #f94e13; */
    color: #f94e13;
    margin-left: 1px;
}

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

.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: #f94e13; */

    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 #f94e13;
    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 #f94e13; */
}

.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%;
  }

}