/*********************************************************************************** */
/*   START: 3 Features */ 
/*********************************************************************************** */

/* FEATURES */
.features {
  padding: ;
  background: #DEDEDE;
  text-align: center;
}
.features img {
  margin-bottom: .5rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

  .module-features{
    background:#fff;
    
  }

  .module-features .title-container{
    display:inline-block;
    width:100%;
    height:30px;
    text-align:center;
    font-size: 30px;
    font-weight: bold;
    padding: 15px;
  }

  .module-features .hero-desc-container{
    display:inline-block;
    width:100%;
    text-align:center;
    font-size: 20px;
    font-weight: bold;
    padding: 15px 20px;
  }


  .module-features .features-container{
    display:block;
    padding: 10px 10px;
    text-align:center;
  }


  .module-features .feature{
    display:inline-block;
    vertical-align: top;
    width: 33%;
    padding:25px;
    max-width:700px;
    position:relative;
   
  }


  .module-features .feature-component{
      width:100%;
      text-align: center;

  }


  .module-features .feature-desc{
    /**  height:40%; */
     font-size: 16px;
     color: #808080;
  }

  .module-features .feature-title{
    /**  height:10%; */
    color: #148911;
    font-size:20px;
  }

  .module-features .feature-img{
    text-align: center;
    max-width: 120px;
    margin: 12px auto;
    padding: 2.5% 0;
  }

  .module-features .feature-img img{
  /*   height: auto; */
    max-width: 120px;
    height: 80px;
    vertical-align: top;
  }


/* RESPONSIVE STYLES */
@media (max-width: 743px) {
      .module-features .feature {
    display: inline;
        min-width:230px;
  }
}


/*********************************************************************************** */
/*   END: 3 Features */ 
/*********************************************************************************** */


/*********************************************************************************** */
/*********************************************************************************** */
/*********************************************************************************** */


/*********************************************************************************** */
/*   END: Form */ 
/*********************************************************************************** */

/* No CSS for the Form Module */

/*********************************************************************************** */
/*   END: Form */ 
/*********************************************************************************** */



/*********************************************************************************** */
/*********************************************************************************** */
/*********************************************************************************** */


/*********************************************************************************** */
/*   START: Hero */ 
/*********************************************************************************** */
  .hero-container{
    position:relative;
    width:100%;
    background-repeat:no-repeat;
    background-size:cover;
    padding: 48px 24px; 
  }

  .hero-container .container{
    display:grid;
    align-items: center;
/*     grid-template-columns: 70% 30%; */
    width: 100%;
    max-width: 1280px;
  }


  .hero-container.product-right .container{
    grid-template-areas:
      'hero-form product'; 
    padding: 0px 2%;

  }
  
  .hero-container .product-thumbnail .mobile-friendly-link{
     position:absolute;
     left:0;
     top:0;
     width:100%;
     height:100%;
     display:none;
    
  }

  .hero-container.product-left .container {
    grid-template-areas:
      'product hero-form'; 
    padding: 0px 2%;
  }


  .hero-container .product{
    grid-area:product;
    position:relative;
    padding: 0px 24px;
    max-width: 640px;
  }

  .hero-container .hero-form{
    grid-area:hero-form;
    min-width: 320px;
    padding: 10px 10px;
  }
  .hero-container.hero .form-wrapper {
      width: 100%;
      max-height: 600px;
      min-width: 260px;
      max-width: 380px;
      background: #fff;
      margin: 0px auto;
      padding: 40px;
      padding-top: 30px;
      text-align: center;
      color: #64696e;
      border-radius: 8px;
  }

  .hero-container.hero .form-wrapper h1 {
      font-size: 3.56em;
  }
  .hero-container.hero .form-wrapper h2 {
      font-size: 2.56em;
  }
  .hero-container.hero .form-wrapper h3 {
      font-size: 1.25em;
  }


  .hero-container .product-name{
     margin-bottom: 20px;
     /* white-space: nowrap; */
     color: #ffffff;
     font-family: 'Lato',Arial,sans-serif;
     font-weight: 600;
     font-size: 5rem;
     line-height: 5rem;
  }

  .hero-container .product-tag-line{
    color: #ffffff;
    font-size: 1.1em;
  }

  .hero-container .product-thumbnail{
    position: relative;
    margin: 25px 0px;
    width: 100%;
  }


  .hero-container .product-thumbnail-img{
    position:relative;
    background:inherit;
    width: 100%;

  }
  .hero-container .product-thumbnail[data-link]:hover{
     filter: grayscale(40%);
  }
  .hero-container .play-button-container {
    display: block;
    pointer-events: block;
    background-color: #148911;
  }
  .hero-container .product-thumbnail .play-button-container {
    display:block;
    position:absolute;
  }
  .hero-container .video-container-background{
      display:none;
      top:0;
      left:0;
      position:fixed;
      width:100%;
      height:100%;
      background: rgba(0,0,0,0.4);
      z-index:99990;
  }

  .hero-container .video-container{
     display:block;
     position:absolute;
     left:17.5%;
     top:20%;
     width:65%;
     height:60%;
  }



  .hero-container .hero-form {
    padding: 20px 30px;
    font-size: 1rem;
    font-weight: bold;
  /*   width: 100%; */
    max-width: 460px;
  }



  /* CSS For Play Button */
  .hero-container .play-button-container {
    position:absolute;
    top: calc( 50% - 30px ) !important;
    left: calc( 50% - 30px ) !important;
    width: 65px !important;
    height: 65px !important;
    background: #148911;
    border: none;
    border-radius: 100%;
    margin: auto;
    cursor: pointer;
  }

  .hero-container .play-button-triangle{
    content: '';
    display: inline-block;
    position: relative;
    top: 18px !important;
    left: 24px !important;
    border-style: solid;
    border-width: 15px 0 15px 25px !important;
    border-color: transparent transparent transparent white;
  }



  /* Media Query */


  

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


  @media all and (max-width: 780px) {
    
    
    .hero-container .container{
      display: block;
      grid-template-columns: repeat(auto-fill, minmax(650px, 1fr));
    }
    
    .hero-container .product {
      margin: 0px;
      padding: 0px;
    }
    
    .hero-container .product-thumbnail .mobile-friendly-link.active{
      display:block;
      
    }
    
    
    .hero-container.product-right{
      grid-template-areas:
        'hero-form'
        'product'; 
    }

    .hero-container.product-left{
      grid-template-areas:
        'product'
        'hero-form';
    }


    .hero-container .product-name{
      font-size: 2.5em;
      line-height: 1.1em;
    }
    .hero-container .product-tag-line{
      font-size: 1em;
    }

    .hero-containter .product-thumbnail .mobile-friendly-link.active{
      display:block;
      margin: 24px auto;
    }

    
  }
 @media screen and (max-width: 480px) {
   .hero-container .product-name{
     font-size: 1.8em;
   }
   
   .hero-container.hero .form-wrapper {
      padding: 27px;
   }
   
  }

 @media screen and (max-width: 360px) {
   .hero-container.hero .form-wrapper {
      padding: 24px;
   }
}

  form.placeholder_form {
     color: #c3c3c3 !important;
    opacity: 0.4;
  }
  form.placeholder_form input {
    background: #f6f6f6 !important;
  }
  form.placeholder_form .hs_submit input {
      color: #c3c3c3 !important;
      background: #e5e5e5 !important;
      border:#c3c3c3 !important;
  }


/*********************************************************************************** */
/*   END: Hero */ 
/*********************************************************************************** */



/*********************************************************************************** */
/*********************************************************************************** */
/*********************************************************************************** */


/*********************************************************************************** */
/*   START: Moblile App V4 */ 
/*********************************************************************************** */

 

body .mobile_app .left_text {
      display: inline-block;
      vertical-align: middle;
      float: none;
      font-size: initial;
      width: 50%;
  }

  body .mobile_app .slick-list.draggable{
  cursor:grab;
  }

  body .mobile_app {
      padding: 100px 0;
      font-size: 0;
      width:100%;
      overflow:hidden;
  }

  body .mobile_app .slick-dots{
  display:none;
  }

  body .mobile_app .right_img .app_iphone{
    overflow:hidden!important;
  } 


  body .mobile_ap h2 span {
      color: #007a3e !important;
  }

  body .mobile_app .right_img .screen_item {
      width: 230px;
      display: inline-block;
      overflow:hidden;
      font-size: 17px;
      height:100%;
/*       opacity:0; */
    /*       height: 423px; */
  }

  body .mobile_app .right_img .screen_item img{
    width: 100%;
    height:auto;
    object-fit:cover;
    /*      height: 423px; */

  }

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

  body .mobile_app .right_img .screen_item.slick-cloned{
    opacity:0;
    display:none;
  }


  body .mobile_app .bottom_txt .app_item.active {
      opacity: 1;
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
    list-style-type: none;
  }

  body .mobile_app .right_img .app_iphone_device {
      width: 270px;
      height: 650px;
      background: url(https://4473696.fs1.hubspotusercontent-na1.net/hubfs/4473696/Landing%20Page%20Graphics/SmartRock/Phone.png) no-repeat;
      background-size: contain;
      z-index: 9;
      position: absolute;
      pointer-events: none;
      top: 0;
      left: 0;
      margin: 8px auto;
      display: block;
    transform: none;
  }

  body .mobile_app .bottom_txt .app_item.active:after {
      content: '';
      width: 0;
      height: 0;
      border-top: 6px solid transparent;
      border-bottom: 6px solid transparent;
      border-right: 15px solid #1f8a5c;
      position: absolute;
      left: -22px;
      top: calc(50% - 6px);
  }

  body .mobile_app .right_img .app_iphone_screen { 
      position: absolute;
      top: 50px;
      left: 0 !important;
      right: 0;
      margin: 0 auto;
      width: 240px;
      height: 425px;
     transform: none;
  }

  body .mobile_app .bottom_txt {
      color: #148911;
      width: 15%;
      display: inline-block;
      vertical-align: middle;
      float: none;
      font-size: initial;
      position: relevent;
    padding:0;
    left:40px;
  }

  body .mobile_app .left_text h2 {
      width: 90%;
      font-size: 43px;
  }

  body .mobile_app .left_text ul {
      width: 90%;
      padding-left: 0;
      padding-top: 50px;
      line-height: 1.4;
      color: #7f7f7f;
  }

  body .mobile_app .left_text ul li {
      list-style-position: outside;
      margin-left: 20px;
      margin-top: 10px;
  }

  body .mobile_app .right_img {
      display: inline-block;
      vertical-align: middle;
      float: none;
      font-size: initial;
      width: 30%;
  }

  body .mobile_app .right_img .app_iphone {
      width: 270px;
      height: 555px;
      position: relative;
      margin: 0 auto;
  }

  body .mobile_app .bottom_txt.mobile {
      display: none;
  }

  body .mobile_app .bottom_txt .app_item {
      opacity: .5;
      -webkit-transition: all .3s;
      transition: all .3s;
      -ms-transform: scale(.9);
      -webkit-transform: scale(.9);
      -webkit-transform-origin-x: 0;
      transform-origin-x: 0;
      -ms-transform-origin-x: 0;
      transform: scale(.9);
      text-align: left;
      cursor: context-menu;
      display: list-item;
      list-style-type: none;
      list-style-position: outside;
      font-size: 18px;
      margin: 8px auto;
      max-width: 180px;
  }

  body .mobile_app .bottom_txt .app_item {
      opacity: .5;
      -webkit-transition: all .3s;
      transition: all .3s;
      -ms-transform: scale(.9);
      -webkit-transform: scale(.9);
      -webkit-transform-origin-x: 0;
      transform-origin-x: 0;
      -ms-transform-origin-x: 0;
      transform: scale(.9);
      text-align: left;
      cursor: context-menu;
      display: list-item;
      list-style-type: none;
      list-style-position: outside;
      font-size: 18px;
      margin: 8px auto;
      max-width: 180px;
  }

  body .mobile_app .bottom_txt .app_item.active {
      opacity: 1;
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
  }

  @media (max-width: 991px)
  {

      body .mobile_app .bottom_txt {
        width: 40%;
      }

      body .mobile_app .right_img {
        width: 35%;
        position: static;
        left: 50px;
      }

      body .mobile_app .left_text ul li {
        list-style-position: inside;
      }

      body .mobile_app .left_text ul {
        width: 100%;
        padding-bottom: 5%;
        text-align: left;
      }

      body .mobile_app .left_text h2 {
        width: 100%;
        text-align: center;
      }

      body .mobile_app .left_text {
        width: 100%;
      }
    
  }

  @media screen and (max-width: 767px)
  {
    body .mobile_app .bottom_txt .app_item.active:after{
      display:none;
    }
     
    .mobile_app .app_features.bottom_txt.mobile .app_item.active {
        display: block;
        text-align: center;
        font-weight: 700;
    }
    
    body .mobile_app, body .advantages {
        padding: 10px 0;
    }
    
     body .mobile_app .app_features.bottom_txt.desktop {
        display: none;
    }
     
    body .mobile_app .app_features.bottom_txt.mobile .app_item.active {
        display: block;
        text-align: center;
        font-weight: 700;
    }
      
    body .mobile_app .app_features.bottom_txt.mobile .app_item {
        display: none;
    }
      
    body .mobile_app .app_features.bottom_txt.mobile {
        position: absolute;
        z-index: 10;
        top: -26px;
        margin: 0 auto;
        display: block;
        width: 100%;
        left: 0;
        right: 0;
    }
     
    body .mobile_app .right_img {
        display: inline-block;
        vertical-align: middle;
        float: none;
        font-size: initial;
        width: 35%;
     
    }
    
    body .mobile_app .right_img {
        width: 100%;
    }
      
    body .mobile_app .left_text ul li {
        font-size: 16px;
    }
    
    body .mobile_app .left_text ul {
        font-size: 12px;
        padding-left: 0%;
    }

    body .mobile_app .left_text h2 {
        font-size: 25px;
    }

  }

  @media (max-width: 590px) 
  {

    body .mobile_app .right_img, .mobile_app .bottom_txt {
        display: block;
        margin: 0 auto;
        top: 0px;
        width: 270px;
        max-width: 100%;
    }
    .col-lg-2.col-md-2.col-sm-4.bottom_txt.app_features.desktop {
      margin-right:5px;
    }
    
  }

/*********************************************************************************** */
/*   END: Mobile App V4 */ 
/*********************************************************************************** */


/*********************************************************************************** */
/*   START: Moblile App V5 */ 
/*********************************************************************************** */
 

body .mobile_app .left_text {
    display: inline-block;
    vertical-align: middle;
    float: none;
    font-size: initial;
    width: 50%;
}
body .mobile_app .slick-list.draggable
{
cursor:grab;
}
body .mobile_app {
    padding: 100px 0;
    font-size: 0;
}
body .mobile_app .slick-dots
{
display:none;
}
h2 span {
    color: #148911 !important;
}
body .mobile_app .right_img .screen_item {
    width: 295px;
    /*height: 423px;*/
    display: inline-block;
    font-size: 17px;
}
body .mobile_app .bottom_txt .app_item.active {
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  list-style-type: none;
}
body .mobile_app .right_img .app_iphone_device {
    width: 270px;
    height: 650px;
    background: url(https://4473696.fs1.hubspotusercontent-na1.net/hubfs/4473696/Landing%20Page%20Graphics/SmartRock/Phone.png?new) no-repeat;
    background-repeat: no-repeat;  
    background-size: contain;
    z-index: 9;
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    margin: 8px auto;
    display: block;
  transform: none;
}
body .mobile_app .bottom_txt .app_item.active:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 15px solid #148911;
    position: absolute;
    left: -22px;
    top: calc(50% - 6px);
}

body .mobile_app .right_img .app_iphone_screen {
    position: absolute;
    top: 72px;
    top: 18px;
    left: 0 !important;
    right: 0;
    margin: 0 auto;
    width: 238px;
    height: 520px !important;
    background-color: black;
   transform: none;
}

body .mobile_app .left_text h2 {
    width: 90%;
    font-size: 43px;
}
body .mobile_app .left_text ul {
    width: 90%;
    padding-left: 0;
    padding-top: 50px;
    line-height: 1.4;
    color: #808080;
}
body .mobile_app .left_text ul li {
    list-style-position: outside;
    margin-left: 20px;
    margin-top: 10px;
}
body .mobile_app .right_img {
    display: inline-block;
    vertical-align: middle;
    float: none;
    font-size: initial;
    width: 30%;
}
body .mobile_app .right_img .app_iphone {
    /*width: 270px;
    height: 555px;*/
    position: relative;
    margin: 0 auto;
    margin-top: 40px !important;
    overflow: visible !important;
}
body .mobile_app .bottom_txt.mobile {
    display: none;
}

body .mobile_app .bottom_txt .app_item {
    opacity: .5;
    -webkit-transition: all .3s;
    transition: all .3s;
    -ms-transform: scale(.9);
    -webkit-transform: scale(.9);
    -webkit-transform-origin-x: 0;
    transform-origin-x: 0;
    -ms-transform-origin-x: 0;
    transform: scale(.9);
    text-align: left;
    cursor: context-menu;
    display: list-item;
    list-style-type: none;
    list-style-position: outside;
    font-size: 18px;
    margin: 8px auto;
    max-width: 180px;
}
body .mobile_app .bottom_txt .app_item.active {
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
@media (max-width: 991px)
{
  
  body .mobile_app .bottom_txt {
    width: 40%;
}
  body .mobile_app .right_img {
    width: 60%;
    position: static;
    left: 50px;
}
  body .mobile_app .bottom_txt .app_item.active:after {
    border-right: 0px !important;
    border-left: 15px solid #148911;
}
  body .mobile_app .left_text ul li {
    list-style-position: inside;
}
  body .mobile_app .left_text ul {
    width: 100%;
    padding-bottom: 5%;
    text-align: left;
}
  body .mobile_app .left_text h2 {
    width: 100%;
    text-align: center;
}
  body .mobile_app .left_text {
    width: 100%;
}
}

@media screen and (max-width: 767px)
{
  body .mobile_app .bottom_txt .app_item.active:after
  {
  display:block !important; 
  }
  
  body .mobile_app, body .advantages {
    padding: 10px 0;
}
  body .mobile_app .app_features.bottom_txt.desktop {
    display: block !important; 
    text-align: center !important;
    width: 100% !important;
    margin-left: -20px !important;
}
  body .mobile_app .app_features.bottom_txt.mobile .app_item.active {
    display: block;
    text-align: center;
    font-weight: 700;
}
  body .mobile_app .app_features.bottom_txt.mobile .app_item {
    display: none;
}
  body .mobile_app .app_features.bottom_txt.mobile {
    position: absolute;
    z-index: 10;
    margin: 0 auto;
    display: none  !important;
    width: 100%;
        left: 0;
    right: 0;
}
  body .mobile_app .right_img {
    display: inline-block;
    vertical-align: middle;
    float: none;
    font-size: initial;
    width: 35%;
}
  body .mobile_app .right_img {
    width: 100%;
}
  body .mobile_app .left_text ul li {
    font-size: 16px;
}
  body .mobile_app .left_text ul {
    font-size: 12px;
    padding-left: 0%;
}
body .mobile_app .left_text h2 {
    font-size: 25px;
}

}


@media (max-width: 590px) 
{
  
body .mobile_app .right_img, .mobile_app .bottom_txt {
    display: block;
    margin: 0 auto;
    width: 270px;
    max-width: 100%;
}
}

.app_iphone_screen.iphone_slide_1.slick-initialized.slick-slider.slick-dotted .slick-dots {
    display: none !important;
}

/*********************************************************************************** */
/*   END: Mobile App V5 */ 
/*********************************************************************************** */





/*********************************************************************************** */
/*   START: Tablet App V1 */ 
/*********************************************************************************** */
 

body .tablet_app .left_text {
    display: inline-block;
    vertical-align: middle;
    float: none;
    font-size: initial;
    width: 37%;
}
body .tablet_app .slick-list.draggable {
    cursor:grab;
}
body .tablet_app {
    padding: 100px 0 90px !important;
    height: fit-content;
    font-size: 0;
  
}
body .tablet_app .slick-dots
{
display:none;
}
h2 span {
    color: #148911 !important;
}
body .tablet_app .right_img .screen_item {
    width: 460px;
    height: 292px;
    display: inline-block;
    font-size: 17px;
}

body .tablet_app .right_img .app_ipad_device {
    width: 537px;
    height: 339px;
    background: url(https://info.giatecscientific.com/hubfs/Tablet%20Module/Tablet-1.png) no-repeat;
    background-repeat: no-repeat;  
    background-size: contain;
    z-index: 9;
    position: absolute;
    pointer-events: none;
    top: -23px;
    left: 0;
    margin: 8px auto;
    display: block;
  transform: none;
}

body .tablet_app .app_ipad_background {
    height: 300px;
    width: 470px;
    margin-top: 18px;
    margin-left: 32px;
    background: black;
  }

body .tablet_app .bottom_txt .app_item.active {
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
body .tablet_app .bottom_txt .app_item.active:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 15px solid #148911;
    position: absolute;
    left: -22px;
    top: calc(50% - 6px);
}

body .tablet_app .right_img .app_ipad_screen {
    
    top: -295px;
    left: 1px;
    
    margin: 0 auto;
    width: 457px;
    height: 30px;
   transform: none;
}

body .tablet_app .left_text h2 {
    width: 90%;
    font-size: 43px;
}
body .tablet_app .left_text ul {
    width: 90%;
    padding-left: 0;
    padding-top: 50px;
    line-height: 1.4;
    color: #808080;
}
body .tablet_app .left_text ul li {
    list-style-position: outside;
    margin-left: 20px;
    margin-top: 10px;
}
body .tablet_app .right_img {
    display: inline-block;
    vertical-align: top;
    float: none;
    font-size: initial;
    width: 62%;
}
body .tablet_app .right_img .app_ipad {
    width: 535px;
    height: 350px;
    position: relative;
    margin: 0 auto;
    margin-top: 50px !important;
    overflow: visible !important;
}
body .tablet_app .bottom_txt.mobile {
    display: none;
}

body .tablet_app .bottom_txt .app_item {
    opacity: .5;
    -webkit-transition: all .3s;
    transition: all .3s;
    -ms-transform: scale(.9);
    -webkit-transform: scale(.9);
    -webkit-transform-origin-x: 0;
    transform-origin-x: 0;
    -ms-transform-origin-x: 0;
    transform: scale(.9);
    text-align: left;
    cursor: context-menu;
    display: list-item;
    list-style-type: none;
    list-style-position: outside;
    font-size: 18px;
    margin: 8px auto;
    max-width: 322px;
    color: #148911 !important;
}

@media (max-width: 991px)
{
  
  body .tablet_app .bottom_txt {
    width: 40%;
}
  body .tablet_app .right_img {
    width: 60%;
    position: static;
    left: 50px;
}
  body .tablet_app .left_text ul li {
    list-style-position: inside;
}
  body .tablet_app .left_text ul {
    width: 100%;
    padding-bottom: 5%;
    text-align: left;
}
  body .tablet_app .left_text h2 {
    width: 100%;
    text-align: center;
}
  body .tablet_app .left_text {
    width: 100%;
}
}

@media screen and (max-width: 991px)
{
  body .tablet_app .right_img {
    width: 60%;
    position: static;
    left: 50px;
    height: 545px;
    margin-top: -70px;
  }

  body .tablet_app .bottom_txt {
      width: 40%;
      margin-left: 60px;
  }
}

@media screen and (max-width: 767px)
{
  body .tablet_app .bottom_txt .app_item.active:after
  {
  display:block;
  }
  
  body .tablet_app, body .advantages {
    padding: 10px 0;
}

  body .tablet_app .app_features.bottom_txt.tablet .app_item.active {
    display: block;
    text-align: left;
    font-weight: 500;
}
  body .tablet_app .app_features.bottom_txt.tablet .app_item {
    display: block;
}
  body .tablet_app .app_features.bottom_txt.tablet {
    position: absolute;
    z-index: 10;
    margin: 0 auto;
    display: block;
    width: 100%;
    left: 0;
    right: 0;
}
  body .tablet_app .right_img {
    display: inline-block;
    vertical-align: middle;
    float: none;
    font-size: initial;
    width: 35%;
}
  body .tablet_app .right_img {
    width: 100%;
}
  body .tablet_app .left_text ul li {
    font-size: 16px;
}
  body .tablet_app .left_text ul {
    font-size: 12px;
    padding-left: 0%;
}
body .tablet_app .left_text h2 {
    font-size: 25px;
}

}


@media (max-width: 590px) 
{
  
  body .tablet_app {
    height: 1370px;
    overflow-x: hidden;
  }
  body .tablet_app .bottom_txt {
    margin: 0 auto;
    width: 270px;
    max-width: 100%;
  }
  body .mobile_app .slick-dots
  {
    display:block;
  }
  
  .slick-slide {
    opacity: 0 !important;
  }
  
  .slick-current {
    opacity: 1 !important;
  }
  
  .app_features.bottom_txt.tablet {

    left: 5px !important;

    top: 220px !important;
}
  
  body .tablet_app .app_features.bottom_txt.tablet .app_item.active {
    text-align: left;
  }
  
  body .tablet_app .right_img {
    margin: 0 auto;
    width: 270px;
    /*added next line*/
    height: 210px; 
    max-width: 100%;
  }
  body .tablet_app .right_img .app_ipad {
    width: 399px;
    height: 350px;
    position: relative;
    margin: 0 auto;
    margin-top: -20px !important;
    overflow: visible !important;
}
  
  body .tablet_app .right_img .app_ipad_screen {
    top: -206px;
    left: -31px;
    margin: 0 auto;
    width: 299px;
    height: 263px;
    transform: none;
}
  
  body .tablet_app .right_img .screen_item {
    width: 289px; /*353px;*/
    height: 270px;
    display: inline-block;
    font-size: 17px;
    margin-top: 20px; /*21px;*/
    overflow: hidden;
}
  
  body .tablet_app .right_img .app_ipad_device {
    width: 339px; /*414px;*/
    height: 220px;
    top: -12px;
}
  body .tablet_app .app_ipad_background {
    height: 195px;
    width: 300px;
    margin-top: 18px;
    margin-left: 20px;
    background: black;
  }

}

.app_ipad_screen.ipad_slide_1.slick-initialized.slick-slider.slick-dotted .slick-dots {
    display: none !important;
}

/*********************************************************************************** */
/*   END: Tablet App V1 */ 
/*********************************************************************************** */




/*********************************************************************************** */
/*********************************************************************************** */
/*********************************************************************************** */


/*********************************************************************************** */
/*   START: Navbar V2 */ 
/*********************************************************************************** */
.navbar-brand{padding:16px; }.navbar-nav>li>a{padding:25px 15px}.nav>li>a:focus,.nav>li>a:hover{color:#fff!important;background:#148911}li.responsive-menu-item{position:relative}.responsive-menu-submenu li.responsive-menu-item a.responsive-menu-item-link{height:40px;border:none;font-weight:400;background-color:transparent;font-size:16px;color:#000;padding-left:50px}.responsive-menu-subarrow{width:38px;height:50px;color:#000;border:none;display:inline-block;transform:scale(1.5,1);font-size:15px;text-align:center;cursor:context-menu}#mySidebar.is-active{right:0}body.is-active{overflow:hidden}body.is-active .hs-tools-menu{display:none}span.icon-bar{display:block;width:27px;height:2px;border-radius:0;color:#000;background:#148911;margin-bottom:4px}body{font-family:Lato,sans-serif}body #bannerimage{width:auto;height:35px;margin:1px 0}.header_title{font-weight:400;font-size:13px;position:relative;top:5px;margin-left:20px}.sidebar{height:100%;width:320px;position:fixed;z-index:99;top:0;right:-320px;background-color:#fcfcfc;overflow-x:hidden;transition:.5s;padding-top:60px;box-shadow:0 0 10px rgba(0,0,0,.25)}.sidebar a{padding:7px 30px;text-decoration:none;transition:.3s;font-size:16px;color:#007a3e;font-weight:700;width:100%;display:inline-block}.sidebar a:hover{color:#fff!important;background:#108849!important}.sidebar .closebtn{position:absolute;top:0;right:0;font-size:36px;cursor:pointer;width:60px;text-align:center}.sidebar .closebtn:hover{background:green;color:#fff}.openbtn{font-size:30px;font-weight:700;cursor:pointer;color:#148911;padding:20px 25px;float:right;outline:0;border:0;background:#fff;position:relative}.openbtn:hover span.icon-bar{background-color:#fff}.openbtn:hover{background-color:#018000;color:#fff}.openbtn>div{font-size:10px;margin:0 auto;padding:0;color:#000;margin-top:-4px}.openbtn:hover>div{color:#fff}#main{transition:margin-right .5s;height:auto;background:#fff;margin:0 auto;top:0;border-top:10px solid #05C800}#main .wrapper{max-width:1100px;margin:0 auto}body{padding:0}@media (min-width:768px){.navbar-nav>li{float:left}.navbar-nav{text-align:initial}.navbar-right{float:right!important}}@media (max-width:991px){body:not(.home){padding:0!important}}@media (max-width:777px){ul#menu-main{display:none}}@media screen and (max-height:450px){.sidebar{padding-top:15px}.sidebar a{font-size:18px}}

/*********************************************************************************** */
/*   END: Navbar V2 */ 
/*********************************************************************************** */




/*********************************************************************************** */
/*********************************************************************************** */
/*********************************************************************************** */


/*********************************************************************************** */
/*   START: Specs */ 
/*********************************************************************************** */

  .specs-container{
    margin: 24px auto !important;
    padding: 0 24px;
    float: none !important;
  }

  .specs-container .product-title{
     padding: 10px;
     line-height: 1.3 ;
     font-size: 33px;
     font-weight: bold;
  }

  .specs-container .specs-desc-container{
    display:inline-block;
    text-align:left;
    width:100%;
    font-size: 20px;
    padding: 15px 20px;
  }
.specs-container .Optional_text{
   display:inline-block;
    text-align:left;
    width:100%;
    font-family:sofia-pro, sans serif;
    font-size: 16px;
    padding: 15px 20px;
    color:#555
  
}

  .specs-container .specs-table{
    font-family: 'Lato',Arial,sans-serif;
    font-weight: 500;
    width:100%;
    border-collapse: collapse;

  }

  .specs-container .specs-table tr{
    height: 65px;
    border-bottom: 1px solid #f0f1f1;
    text-align:left;
  }

  .specs-container .specs-table tr td:first-child,
  .specs-container .specs-table tr td:first-child p{
    font-weight:600;
  }

  .specs-container .specs-table td{
    width: 260px;
    height: 65px;
    border-bottom: 1px solid #f0f1f1;
    text-align:left;

  }

/*********************************************************************************** */
/*   END: Specs */ 
/*********************************************************************************** */



/*********************************************************************************** */
/*********************************************************************************** */
/*********************************************************************************** */


/*********************************************************************************** */
/*   START: Steps */ 
/*********************************************************************************** */

  /* Steps Module */
  .module-steps-container{
    background:#fff;

  }
  .module-steps-container .container{

    max-width: 1100px;
    margin: 40px auto;
    padding: 100px 24px;
  }

  .module-steps-container .title-container{
    display:inline-block;
    width:100%;
    height:30px;
    text-align:center;
    font-size: 30px;
    font-weight: bold;
    padding: 0;
  }

  .module-steps-container .steps-desc-container{
    display:inline-block;
    text-align:center;
    width:100%;
    font-size: 20px;
    padding: 15px 20px;
  }

  .module-steps-container .steps-container{
    display:block;
    padding: 10px 10px;
    text-align:center;
  }

  .module-steps-container .step{
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 30%;
    max-width: 500px;

  }

  .module-steps-container .step-component{
      width:100%;
      text-align: center;

  }

  .module-steps-container .step-num-value{
      color: #009a55;
      display: inline-block;
      border: 2px solid #009a55;
      font-weight: bold;
      line-height: 40px;
      margin-top: 20px;
      margin-right: 5px;
      text-align: center;
      width: 45px;
      border-radius: 50%;
  }


  .module-steps-container .step-desc{
     height:30%;
     font-size: 16px;
     color: #000000;
  }

  .module-steps-container .step-title{
    height:20%;
    color: #007a3e;
    font-size:20px;
    font-weight: 600;
  }

  .module-steps-container .step-img{
    text-align:center;
  /*   height:50%; */
    padding: 2.5% 0;



  }

  .module-steps-container .step-img img{
    width:80%;
    height:auto;
    border-radius: 50%;
    vertical-align:top;

  }
.module-steps-container .step-img img {
      max-width:200px;
    
  }


/* RESPONSIVE STYLES */

@media (max-width: 743px) {     
      .module-steps-container .step {
    display: inline;
        min-width:230px;
        
  }
  
}


/*********************************************************************************** */
/*   END: Steps */ 
/*********************************************************************************** */



/*********************************************************************************** */
/*********************************************************************************** */
/*********************************************************************************** */


/*********************************************************************************** */
/*   START: Video Carousel V2 */ 
/*********************************************************************************** */

  .module-video{
    display:inline-block;
    width:100%;
    text-align:center;
    position:relative;
    padding: 20px 0;

  }

  .module-video .video-container{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(192,192,192,0.5);
    z-index:99999;
  }
.module-video .video-container-title{
    font-weight: bold;
  }
  .module-video .video-iframe{
    display:block;
    position:absolute;
    width:80%;
    height:70%;
    left:10%;
    top:15%;
  }

  .module-video .slides-container {
    position: responsive;
  }
  .module-video .slide-container{
    display:inline-block;
    position: relative;
    width: 100%;
  }

  .module-video .slide{
    display:none;
    position:relative;
    width:100%;
    height:100%;
  }

  .module-video .slide .mobile-friendly-link{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    max-height: 350px;
    display:none;
  }

  .module-video .slide-thumbnail{
    position:relative;
    width:100%;
  
    object-fit:cover;
  }

  .module-video .slide-navigation{
      color: black;
      position: absolute;
      background-color: rgba(241, 241, 241, 0.25);
      display: inline-block;
      font-size: 60px;
      top: calc( 50% ) !important;
      border-radius: 10px;
      padding: 0 20px;
      padding-bottom: 7px;
      z-index:9999;

  }

  .module-video .slide-navigation:hover{
    background-color: rgba(241, 241, 241, 0.5);
    cursor:pointer;
  }

  .module-video .slide-previous{
    left:10% !important;
  }

  .module-video .slide-next{
    right: 10% !important;
  }


  /* CSS For Play Button */
  .module-video .play-button-container {
    position:absolute;
    top:calc( 50% - 40px ) !important;
    left:calc( 50% - 40px ) !important;
    width: 65px !important;
    height: 65px !important;
    background-color: #148911 !important;
    border: none;
    border-radius: 100%;
    margin: auto;
    cursor: pointer;
    pointer-events: none;
  }

  .module-video .play-button-triangle{
    content: '';
    display: block;
    position: relative;
    top: 19px !important;
    left: 24px !important;
    border-style: solid;
    border-width: 15px 0 15px 25px !important;
    border-color: transparent transparent transparent white;
  }

  .module-video .play-button-container:hover{
    background-color: rgba(241, 241, 241, 0.75);
  }


    @media (max-width: 1300px) 
  {
    .module-video .slide-navigation{
      color: white !important;
  }

  }

    @media (max-width: 780px) 
  {

     .module-video .slide .mobile-friendly-link.active{
        display:block;
    }
    .module-video .slide-navigation{
      top: calc( 55% ) !important;
  }
    
     
  }


  @media (max-width: 590px) 
  {
    .module-video .slide-navigation{
      top: calc( 60% ) !important;
  }

  }


/*********************************************************************************** */
/*   END: Video Carousel V2 */ 
/*********************************************************************************** */



/*********************************************************************************** */
/*********************************************************************************** */
/*********************************************************************************** */




/* ****************************************************** */
/* Customers module - START */
/* ****************************************************** */
.section_customer_logos {
    font-family: "Lato",sans-serif;
    padding: 30px;
    text-align: center;
    
}

.section_customer_logos .Optional_text{
    display:inline-block;
    text-align:left;
    width:100%;
    font-size: 16px;
    color:#555;
    padding: 15px 20px;
    
  }
.section_customer_logos .title {
  margin: 24px 0px;
}
.section_customer_logos .customer_logos {
  margin: 24px 0px;
}

.section_customer_logos .customer_logos.flex {
  max-width: 100%;
}
.section_customer_logos .customer_logos.two {
  max-width: 340px;
}
.section_customer_logos .customer_logos.four {
  max-width: 680px;
}
.section_customer_logos .customer_logos.six {
  max-width: 1020px;
}
.section_customer_logos .customer_logos.eight {
  max-width: 1360px;
}
.section_customer_logos .customer_logos img {
  margin: 12px;
 
  display: inline-block;
  vertical-align: middle;
  padding: 0px 18px 30px;  
 
  margin-bottom:30px;
}
.section_customer_logos .customer_logos.gray img {
  filter: brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );
}


/*-------------*/
.hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_inline_rich_text img{
  
  vertical-align:middle;
  padding: 0px 18px 30px;  
 
  margin-bottom:30px;
                                  
}

/* RESPONSIVE STYLES */

@media screen and (max-width: 800px) {
.hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_inline_rich_text img{
    display: inline;
    margin-inline:100px;
    padding: 10px !important;
}
  .section_customer_logos .customer_logos img {
    max-width: 200px !important;
    max-height: inherit !important;
   
  }
    
  
}



.section_customer_logos.black {
    background: #808080;
}
.section_customer_logos.black h1,
.section_customer_logos.black h2,
.section_customer_logos.black h3,
.section_customer_logos.black h4,
.section_customer_logos.black h5,
.section_customer_logos.black h6,
.section_customer_logos.black p,
.section_customer_logos.black a,
.section_customer_logos.black span,
.section_customer_logos.black li {
    color: #fff;
}

.section_customer_logos.green {
    background: #148911;
}
.section_customer_logos.green h1,
.section_customer_logos.green h2,
.section_customer_logos.green h3,
.section_customer_logos.green h4,
.section_customer_logos.green h5,
.section_customer_logos.green h6,
.section_customer_logos.green p,
.section_customer_logos.green a,
.section_customer_logos.green span,
.section_customer_logos.green li {
    color: #fff;
}
.section_customer_logos.black .customer_logos img, 
.section_customer_logos.green .customer_logos img {
  -webkit-filter: brightness(20%) grayscale(100%) invert(1); /* Safari 6.0 - 9.0 */
  filter: brightness(20%) grayscale(100%) invert(1);
}
.js-top {
 font-size: 16px;
  font-family:  'Lato', sans-serif !important;
  font-style: normal;
    margin: auto;
    font-weight: 600;
    font-style: normal;
    text-decoration: none;
    letter-spacing: 1px;
    color: var( --e-global-color-3a9d2222 );
    background-color: #FF7A2F;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #F26A3F;
    border-radius: 8px 8px 8px 8px;
    padding: 17px 36px 17px 36px;
  
}
#hs_cos_wrapper_module_1485028617291111:hover input[type="submit"], a.js-top:hover {
    text-decoration: none;
   color: #EF671A !important ; 
   transition: 0.5s;
    background-color: #fff !important;
    line-height: 1.3 !important;
   
}


/*.section_customer_logos .cta_button {
    display: inline-block;
    width: 160px;
    margin: 16px 0px;
    padding: 17px;
    background: #f26a3f;
    color: #fff;
    border: 2px solid #f26a3f;
    border-radius: 8px;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    transition: all .2s ease-in-out;
}
*/



/* ****************************************************** */
/* Customers module - END */
/* ****************************************************** */




/*********************************************************************************** */
/*********************************************************************************** */
/*********************************************************************************** */