:root {
  --main-blue-color: #00aaff;
  --strong-blue-color:#007bff;
  --dark-blue-color: #32528e;
}

.header.has-style6 .header-desc {
  font-size: 1.2rem;
}

.top-site.has-style1 {
  background-color:var(--dark-blue-color);
}

.btn-primary {
background-color:var(--main-blue-color);
border-color: var(--main-blue-color) !important;    
}

.btn-primary:hover {
background-color:var(--main-blue-color) !important;
}

.btn-secondary {
  background-color:var(--main-blue-color);  
  border-color: var(--main-blue-color); 
}

.btn-secondary:hover {
  background-color:var(--main-blue-color)  !important;  
  border: solid 2px var(--main-blue-color) !important;
}

.section .section-subtitle {
  color:var(--main-blue-color);
}

.section.section-steps .SimpleSteps__step::before {
  background-color:var(--main-blue-color);

}

.bg-secondary {
    background: #e0f1f9 !important;
}

.footer.has-style1 .footer-head {
    position: relative;
    background: #e0f1f9;
}


.section.section-companies.has-style1 {
    border: none !important;
    margin-top: 100px;
    margin-bottom:100px;
background: white;
    box-shadow: 2px 6px 40px 3px rgba(37, 48, 51, 0.04), 0 10px 50px 0 rgba(37, 48, 51, 0.06);
    border: solid 1px #c2e6e2;    
}

.slick-dots .slick-active {
  background-color:#316580; 
  border-color:#316580; 
}

.footer.has-style1 .footer-body {
  background-color: #222;/*#32528e;*/

}

.section-companies.has-style1 img {
    max-width: 1115px;
    margin-top: -25px;
}


.navbar.is-light .navbar-menu li a:hover {
  opacity: 0.6;
  color:#fff;
}

.text-primary {
  color:var(--strong-blue-color) !important;
}

.text-secondary {
  color:var(--main-blue-color); 
}

.section .testimonial-box .box-right .testimonial-quote {
  font-size: 1.3rem;
}

.section .testimonial-box .box-right {
  background: #02aaff !important;    
}

.header.has-style6 .form {
    background: #eaf8ff;
}

.header.has-style5 {
    background: var(--main-blue-color) !important;
}

.header.has-style5 .navbar {
  background: var(--main-blue-color) !important;  
}

.navbar.fixed {
  position: fixed;
  left:0;
  right:0;
  top:0;
}

.section.section-feautures2 {
    background: linear-gradient(white, rgb(1 170 255 / 13%));
}

.call {
  font-size: 17px;
}

.call a {
  color:#fff;
}

.call b {
  font-weight: 600; 
}

.testimony-1-section {
  margin-top: 150px;
  margin-bottom: 150px;
}

.section.section-grey-half {
    background: #222;
}

.contact-form {
    position: relative;
    width: 100%;
    height: auto;
    box-shadow: 0 0 0 #ffff;
    box-shadow: 0 17px 43px #e1e4e5;
    padding: 60px;
    background: #fff;
    border-radius: 10px;
}

.contact-form label {
  
}

.section .items-contact .contact-item h6 {
  color: var(--main-blue-color);
}

.section .items-contact .contact-item h6::before {
  background: var(--main-blue-color);
  top:1px;
}

.section.section-contact {
    background: linear-gradient(rgb(1 170 255 / 13%),white);
}

.box.has-style1 {
    background: rgb(230 245 255);
}

.box.has-style1:hover {
    background: rgb(222 238 249);
}

.box .box-icon {
  font-size: 40px;
}

.pricing-black-title {
  background-color: #222;
  padding-bottom: 75px !important;
}

.user-pricing-select {
  height: 30px; 
}

#user-pricing-select {
text-align: center;
    margin: auto;
    width: 600px;
}

#user-pricing-select .nav-item a {
  color: var(--main-blue-color);
  cursor: pointer;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

#user-pricing-select .nav-item a.active {
  background-color: var(--main-blue-color);
  color:#fff;

}

.lines.x {
  position: absolute;
}

.section .section-desc, .section .section-description {
    font-size: 17px;
    line-height: 28px;
}

.homeTopCTA {
  color:var(--main-blue-color) !important;
}

.homeSeeDemoLink {
    color: #b0e5ff;
    font-weight: 500;
    text-decoration: underline;
    margin-left: 17px;
    font-size: 17px;
}

.homeSeeDemoLink:hover {
  color:#fff;

}

.form-control.has-style1 {
  font-family: Arial;
}

.btn-secondary.focus, .btn-secondary:focus {
  background-color:var(--main-blue-color);  
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}


.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
  text-align: center;
}

/*---------------------------------------------------
IOS OVERLAY
-----------------------------------------------------*/
.ui-ios-overlay{z-index:99999;position:fixed;top:50%;left:50%;width:200px;height:200px;margin-left:-100px;margin-top:-100px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);background:rgba(0,0,0,1);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.ui-ios-overlay .title{color:#FFF;font-weight:700;text-align:center;display:block;font-size:26px;position:absolute;bottom:30px;left:0;width:100%}.ui-ios-overlay img{display:block;margin:20% auto 0}.ui-ios-overlay .spinner{left:50%!important;top:40%!important}.ios-overlay-show{-webkit-animation-name:ios-overlay-show;-webkit-animation-duration:750ms;-moz-animation-name:ios-overlay-show;-moz-animation-duration:750ms;-ms-animation-name:ios-overlay-show;-ms-animation-duration:750ms;-o-animation-name:ios-overlay-show;-o-animation-duration:750ms;animation-name:ios-overlay-show;animation-duration:750ms}@-webkit-keyframes ios-overlay-show{0%{opacity:0}100%{opacity:1}}@-moz-keyframes ios-overlay-show{0%{opacity:0}100%{opacity:1}}@-ms-keyframes ios-overlay-show{0%{opacity:0}100%{opacity:1}}@-o-keyframes ios-overlay-show{0%{opacity:0}100%{opacity:1}}@keyframes ios-overlay-show{0%{opacity:0}100%{opacity:1}}.ios-overlay-hide{-webkit-animation-name:ios-overlay-hide;-webkit-animation-duration:750ms;-webkit-animation-fill-mode:forwards;-moz-animation-name:ios-overlay-hide;-moz-animation-duration:750ms;-moz-animation-fill-mode:forwards;-ms-animation-name:ios-overlay-hide;-ms-animation-duration:750ms;-ms-animation-fill-mode:forwards;-o-animation-name:ios-overlay-hide;-o-animation-duration:750ms;-o-animation-fill-mode:forwards;animation-name:ios-overlay-hide;animation-duration:750ms;animation-fill-mode:forwards}@-webkit-keyframes ios-overlay-hide{0%{opacity:1}100%{opacity:0}}@-moz-keyframes ios-overlay-hide{0%{opacity:1}100%{opacity:0}}@-ms-keyframes ios-overlay-hide{0%{opacity:1}100%{opacity:0}}@-o-keyframes ios-overlay-hide{0%{opacity:1}100%{opacity:0}}@keyframes ios-overlay-hide{0%{opacity:1}100%{opacity:0}}

.navbar-mobile {
  position: fixed;
  width: 100%;
  height: auto;
  top:0;
  left:0;
  right:0;
  display: none;
  visibility: hidden;
  background: var(--main-blue-color) !important;
  z-index: 99999;
  height: 105px;
}

.navbar-mobile .top {
  padding: 20px;
  text-align: center;
  margin-bottom: 4px;
  padding-bottom: 12px;
}

.navbar-mobile .top img {
  width:220px;
}

.navbar-mobile ul.menu {
    padding: 0;
    box-shadow: none;
    z-index: 100;
    width: 100%;
    padding-bottom: 11px;
    padding-top: 3px;
    background-color: unset;
    border: none;
    line-height: 0;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll !important;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
}

.navbar-mobile ul li:first-child {
    margin-left: 15px;
}
.navbar-mobile li {
    padding: 14px 13px;
    background-color: #fff;
    color: #333;
    border-radius: 20px;
    margin-right: 7px;
    white-space: nowrap;
    font-weight: 600;
}

.navbar-mobile li a {
  color: var(--main-blue-color);  
}

.navbar-mobile li.active {
    background-color: #007eff;
}

.section-companies.has-style1 img {
  display: none;
}

.mobile-footer {
  position: fixed;
  bottom:0;
  left: 0;
  right:0;
  width:100%;
  display: none;
  margin:6px;
}

.mobile-footer .btn {
border-radius: 16px;
    padding: .5rem 1rem;
    color: #fff;
    font-size: 15px;
}

.mobile-footer .btn:active, .mobile-footer .btn:hover {
  color:#fff;
}

.disabled {
  pointer-events:none;
  opacity:0.4;
  filter:alpha(opacity=40);
  cursor:default;
}

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

  body {
    padding-top:95px;

  }

  .section .section-title {
    overflow:unset;
  }

  .section .testimonial-box .box-right {
    padding:30px;
  }

  .section .testimonial-box .box-right .testimonial-quote {
      font-size: 1rem;
  }

  #user-pricing-select {
      display: inline;
  }

  .navbar-mobile {
    display: block;
    visibility: visible;
  }

  .navbar {
    display: none;
    visibility: hidden;
  }

.cta-form {
  width: 100%;
}

.contact-cards-cta {
  display: none;
  visibility: hidden;
padding: 0;
    box-shadow: none;
    z-index: 100;
    width: 100%;
    padding-bottom: 11px;
    padding-top: 3px;
    background-color: unset;
    border: none;

    flex-wrap: nowrap;
    overflow-x: scroll !important;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
}

.contact-cards-cta .col-lg-12 {
  display: inline-block;
  margin-right: 12px; 
}

.contact-cards-cta .col-lg-12 .contact-item {
  width: 350px;
  box-shadow: none;
}

.mobile-footer {
  display: block;
}
.plan-single .price {
    font-size: 5rem;
}

  .homeSeeDemoLink {
    display: block;
    margin-top: 20px;
    text-align: left;
  }



.hero-benefits {
 margin-top: -48px; 
}

.hero-benefits .boxx {
    width: 100%;
    margin-right: 12px;
    margin-left: 38px;
    margin-bottom: 30px;
}

.hero-benefits .boxx .icon {
    margin-right: 17px;
    font-size: 25px;
    margin-top: 0;
}

}