﻿h1, h2, h3, h4, h5, h6 {font-family: var(--FontFamilyMontserrat);}
.showcase-banner-wrap-main.indmanufacturing{background: url('/Content/Images/bg-industry-manufacturing1.jpg')no-repeat;background-size: cover;position:relative;padding-bottom:10rem;background-position:80% center;}
.showcase-banner-wrap{padding:2rem 0;}
.showcase-heading {margin-bottom: 0.5rem;font-size: 1.79rem;font-weight: 700;color: var(--bs-white);text-shadow: 0px 2px 7px var(--bs-black);}
.showcase-heading-underline{width:80px; height:2px; background:#f05030; display:flex;}
.showcase-heading-tag{font-family: 'Montserrat', sans-serif;font-size: 1rem;font-weight: 500;line-height: 1.3;color: var(--bs-white);margin-top: 1rem;text-shadow: 0px 1px 3px var(--bs-black);}
.showcase-banner-wrap-main:before{  content: '';width: 100%;height: 100%;display: inline-block;position: absolute;left: 0;top: 0;background: rgb(253 253 253 / 85%);}
.showcase-heading-dark, .showcase-heading-tag-dark{color:#000000; text-shadow:none;}
.showcase-banner-wrap-bg-dark .oc-video-frame {border-width: 3px;border-color: #ffffff;box-shadow: none;}

/*.lp-banner-video-wrap {display:flex;border: 0px !important; max-width:600px !important; margin-top:40px !important; padding:1.25rem; background: #3d4350; position:relative; border-radius: 0rem 0rem 0.5rem 0.5rem !important;width: 100% !important;box-shadow: 0px 6px 8px -6px #000; margin-bottom:1rem;}
.lp-banner-video-wrap iframe{border:0px;border-radius:0px;margin:0.5rem; width:100%;}
.lp-banner-video-wrap:before {content: '';background: #1d2336;position: absolute;width: 100%;height: 40px;top: -40px;max-width: 100%;left: 0;border-radius: 0.5rem 0.5rem 0rem 0rem;}
.lp-banner-video-wrap:after {content: "";display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #f14b7a;position: absolute;top: -20px;left:1rem;transform: translateY(-50%);box-shadow: 16px 0 0 #fee618, 34px 0 0 #66c49b;}
.lp-banner-video-wrap .monitor-base, .lp-banner-video-wrap .dots-image-wrap{display:none;}
.industry-featuresMainHeadingWrap{text-align:center;}*/

.hero-video{width: 100%;max-width:720px; margin-top:0px; box-shadow: 0px 6px 8px -6px #000000;}
.hero-video-sub-page{max-width:600px;}
.hero-video-head{background: #1d2336;border-radius: 0.5rem 0.5rem 0rem 0rem;padding: 0.5rem 1.25rem;text-align: left;}
.hero-video-nav{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #f14b7a; box-shadow: 16px 0 0 #fee618, 34px 0 0 #66c49b;}
.hero-video-frame-wrap{background: #363b4a;padding:0.5rem; border-radius: 0rem 0rem 0.5rem 0.5rem; cursor:pointer;}
.hero-video-frame{position: relative;background: url(https://logicerp.com//Content/Images/spin.gif) no-repeat #000000;background-position: center;
                  background-size: 50px; width: 100%;max-width: 100%;aspect-ratio:  16 / 9; overflow: hidden;/*border:0.5rem solid #363b4a;*/
                  border-radius: 0 0 0.25rem 0.25rem;}
.hero-video-frame img, .hero-video-frame iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; cursor: pointer;}
.hero-video-media{}
.hero-video-iframe{}

.alternate-wrap {background: #f9fbf8 !important;}
.vertical-wrap-main{ margin-top:-9rem; margin-bottom:2rem; position:relative;padding:0;background-color: rgba(255,255,255,1); border-radius:10px;box-shadow: rgba(13, 21, 55, 0.06) 0 5px 50px; }
.vertical-content{padding:0; width:25%;}
.vertical-box {position: relative;text-decoration: none;padding: 0.9rem 0.5rem;padding-top: 1.4rem;background: rgba(255, 255, 255, 0.06);border-bottom-color: #ffdbd3 !important;border-right-color: #ffdbd3 !important; height:100%;}
.vertical-icon{margin: 0 auto;margin-bottom: 0.8rem !important;display: flex;align-items: center;justify-content: center;}
.vertical-icon svg{fill:#f94e2b;transition:all 0.2s ease-in-out; width:64px; height:64px;}
.vertical-title{font-family:'Open Sans', 'sans-serif'; font-size:1.1rem; font-weight:var(--FontWeight600); text-align:left;color: var(--bs-black);text-align:center; margin-bottom:0px;line-height:normal;position:relative; padding-bottom:0.4rem; margin-bottom:0.35rem;}
.vertical-title:after{ content:""; position:absolute; bottom:0; left:50%; width:15px; height:1px; margin-left:-8px; background-color:#ff5200;}
.vertical-tag{font-size:0.8rem; font-weight:var(--FontWeight600); color:#2a2a2a; text-align:center; font-family:'Open Sans';}
.vertical-tag span{display:inline-block; border-right:1px solid #999999; line-height:0.8; padding-right:0.3rem; margin-right:0.3rem;}
.vertical-tag span:last-child{border-right:0;padding-right:0; margin-right:0;}
.vertical-box:hover{box-shadow: 0px 5px 30px rgba(0, 0, 0 , 0.15);  z-index:1;}
.vertical-box:hover .arrow{animation-name: bounceAlpha;animation-duration:1.4s;animation-iteration-count:infinite;animation-timing-function:linear;}
.vertical-box:hover .arrow.primera{animation-name: bounceAlpha;animation-duration:1.4s;animation-delay:0.2s;animation-iteration-count:infinite;animation-timing-function:linear;}
.arrow-animated{display: flex;height:30px;align-items: center;justify-content: center;}
.round {position: absolute;border:1px solid var(--bs-white);width:30px;height:30px;border-radius: 100%;}
#cta{width:100%; cursor: pointer; position: absolute;}
#cta .arrow{left: 30%;}
.arrow {position: absolute; bottom: 0;  margin-left:0px; width:8px; height:8px; background-size: contain; top:10px;}
.segunda{margin-left: 8px;}
.next {
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
background-color: #f94e2b;}
@keyframes bounceAlpha {
  0% {opacity: 1; -webkit-transform: translateX(0px) scale(1);    -moz-transform: translateX(0px) scale(1);    transform: translateX(0px) scale(1);   }
  25%{opacity: 0; -webkit-transform:translateX(10px) scale(0.9);  -moz-transform:translateX(10px) scale(0.9);  transform:translateX(10px) scale(0.9);   }
  26%{opacity: 0; -webkit-transform:translateX(-10px) scale(0.9); -moz-transform:translateX(-10px) scale(0.9); transform:translateX(-10px) scale(0.9);  }    
  55% {opacity:1; -webkit-transform: translateX(0px) scale(1);    -moz-transform: translateX(0px) scale(1);    transform: translateX(0px) scale(1);   }
}

.key-feature-content-heading{font-size: 1.5em; font-family: 'Montserrat', sans-serif; font-weight: var(--FontWeight700);color: #2e3336;position: relative;padding-left: 22px;}
.key-feature-content-subheading{font-size: 1rem;font-weight: var(--FontWeight600);color: #ff5200;text-transform: uppercase;margin-bottom: 1rem;}
.key-feature-content-heading:before{content: "";position: absolute;left: 3px;top: 15px;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #e94d02;}
.key-feature-content li{font-size: 1.1rem;line-height: 1.5;position: relative;padding: 0.3rem 0.5rem 0.3rem 1.5rem;}
.key-feature-content li:before{content: '';position: absolute;left: 0; top:11px;height: 12px;width: 12px;display: inline-block;background-image: url(/Content/Images/tick.svg);background-repeat: no-repeat; margin-right:0.5rem;}
.key-feature-content .key-feature-list-sub{padding-left: 2.5rem !important;}
.key-feature-content .key-feature-list-sub:before{content:'';left: 25px;top: 15px; display:inline-block; background:#767676; width:6px; height:6px; border-radius:50px; margin-right:0.5rem;}
.cs-mfgIndustry-section{background:#f6f7f9;}
.testimonials-mfgIndustry-section{background:#ffffff;}

/*Manufacturing*/
.btn-pro-tutorial{font-family: 'Poppins', 'sans-serif';font-size: 1.1rem;font-weight: 600;background: #d03330;text-transform: uppercase;border-radius: 8px;line-height: 1.3;letter-spacing: 1.5px; z-index:1; width: 195px;}
.btn-pro-tutorial:before {right:1px;-webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);content: "";position: absolute;width: 50px;height: 50px;-webkit-animation-delay: 0s;animation-delay: 0s;-webkit-animation: pulsate1 2s;animation: pulsate1 2s;-webkit-animation-direction: forwards;animation-direction: forwards;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: steps;animation-timing-function: steps;opacity: 1;border-radius: 50%;border: 1px solid rgba(255, 255, 255, .75);background: rgba(198, 16, 0, 0);}
.btn-pro-tutorial:before, .btn-pro-tutorial:hover:before {top: -1px;right:15px; width: 60px;height: 60px; z-index: 1;font-size: 1.2rem;}
.btn-pro-tutorial:hover{box-shadow:0px 6px 8px -6px #000000;     background: #c92a27;}
.pro-tutorial-wrap{background: url('/Content/Images/pro-tutorial.jpg')no-repeat; background-position: center;}
.pro-tutorial-mask{background: linear-gradient(to right, #0f1724, #0b294a, #0f1724); background: #15192c; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 0; opacity: 0.9; }
.pro-tutorial-heading{font-family: 'Poppins', 'sans-serif';font-size: 2rem;font-weight: 600;letter-spacing: 1px}
.pro-tutorial-label{font-family: 'Poppins', 'sans-serif';font-size: 1.2rem;font-weight: 400;color: #f9b430; }
.key-feature-main-subheading {font-size: 1.5rem;font-weight: var(--FontWeight700);margin-bottom: 0.6rem;}
@-webkit-keyframes pulsate1 {0% {-webkit-transform: scale(0.6);transform: scale(0.6);opacity: 1;box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);}100% {-webkit-transform: scale(1);transform: scale(1);opacity: 0;box-shadow: none;}}
 @keyframes pulsate1 {0% {-webkit-transform: scale(0.6);transform: scale(0.6);opacity: 1;box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);}100% {-webkit-transform: scale(1, 1);transform: scale(1);opacity: 0;box-shadow: none;}}

 /*Manufaturing-Section-Images*/
.manufaturing-media-processManagement{width:65%;}
.manufaturing-media-inventoryManagement{width:75%;-webkit-transform: scaleX(-1);transform: scaleX(-1);}
.manufaturing-media-materialManagement{width:70%;}
.manufaturing-media-costManagement{width:85%;}
.manufaturing-media-merchandiseManagement{width:50%;}
.manufaturing-media-supplyChainManagement{width:60%;}
.manufaturing-media-impeccableInsights{width:75%;}

/*Manufaturing-SubMenu-Pages--CSS--Start*/
.launch-showcase .lp-banner-video-wrap{max-width:550px !important;}
.solution-banner-heading {margin-bottom: 0.5rem;font-size: 1.8rem;font-weight: var(--FontWeight700);color: #222222;}
.solution-banner-heading.solution-banner-heading-sm {font-size: 1.6rem;}
.solution-banner-subHeading {font-size: 0.9rem;font-weight: 400;color: #2a2a2a;font-family: "Roboto", sans-serif;line-height: 1.3;letter-spacing: 0.5px;text-align: justify;}
.launch-showcase{text-align:center;}
/* BannerKeyFeatures*/
.sub-feature-box-wrap-main{width:100%;  display:flex; flex-direction:column;padding:1.2rem 0;background-color: #ebeef1;}
.sub-features-heading{text-transform: uppercase;font-size: 1rem;margin: 0;position: relative;color:#06182e; font-weight:var(--FontWeight700);}
.sub-feature-box-wrap{display:flex;  justify-content:center; flex-grow:1;}
.sub-feature-box-block{margin-bottom:0.5rem;}
.sub-feature-box{background-color:var(--bs-white);padding:1.2rem 0.5rem; color:var(--bs-black); width: 100%;height: 100%; border-radius:10px; box-shadow:0 2px 5px 0px rgba(223, 219, 219, 0.8);display: flex;flex-direction: column;justify-content: center;    flex-grow: 1;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.sub-feature-box-media-wrap{text-align: center;}
.sub-feature-box-media-object svg{width:48px;fill: #ff5200;height:auto;}
.sub-feature-box-title{font-size:0.8rem; font-weight:var(--FontWeight600); margin-top:0.5rem; text-align:center;}
.sub-feature-box:hover {color: #ff5200; -webkit-transform: translateY(-2px);transform: translateY(-2px);-moz-transform: translateY(-2px);}
/*KeyFeatures*/
.key-feature-main-heading {font-size: 1rem;font-weight: var(--FontWeight600);color: #ff5200;text-transform: uppercase;margin-bottom: 0.5rem;}
.key-feature-main-subheading{font-size: 1.5rem;font-weight: var(--FontWeight700);margin-bottom: 0.6rem;}
.key-feature-main-heading-line{background: #ff7a3b;margin: 0 auto;width: 50px;height: 1px;display: flex;margin-top: 0.2rem;border-radius: 35px;box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);}
.key-feature-main-desc{text-align:center;}
.key-feature-alternate-wrap{background: #f9fbf8 !important;}
.key-feature-list {height: 288px;overflow: hidden;display: block !important;}
.key-feature-list.show.collapse {height: auto;}
/*--view more keyfeatures---*/
.view-more{padding-left:1.5rem;padding-top:1rem;}
.btn-view-more i{transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; display:none !important;}
.btn-view-more.collapsed i{transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg);}
.btn-view-more i{transform: rotateZ(-180deg); -webkit-transform: rotateZ(-180deg); -moz-transform: rotateZ(-180deg);transition:transform .3s ease-in-out; -moz-transition:transform .3s ease-in-out;  -webkit-transition:transform .3s ease-in-out;font-size: 0.85rem;color: #ff5200;  }
.btn-view-more{border: 1px solid #f0f0f0 !important;border-radius: 20rem;width: 2.5rem;height: 2.5rem;display: flex;align-items: center;justify-content: center;background: var(--bs-white)!important;box-shadow: 0px 6px 8px -6px rgba(0, 0, 0, 0.5) !important; position:relative;}
.btn-view-more:hover{ box-shadow: 0px 6px 9px -6px rgba(0, 0, 0, 0.9) !important}
.btn-view-more.collapsed {box-shadow: 0px 6px 8px -6px rgba(0, 0, 0, 0.5) !important;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);
                          transition: transform .3s ease-in-out;-moz-transition: transform .3s ease-in-out;-webkit-transition: transform .3s ease-in-out;}
.btn-view-more {box-shadow: 0px -6px 8px -6px rgba(0, 0, 0, 0.5) !important;transform: rotateZ(-180deg);-webkit-transform: rotateZ(-180deg);-moz-transform: rotateZ(-180deg);
                          transition: transform .3s ease-in-out;-moz-transition: transform .3s ease-in-out;-webkit-transition: transform .3s ease-in-out;}
.btn-view-more:before {content: '';height:25px;width:25px; display:inline-block;background-image: url(/Content/Images/down-arrow.svg); background-repeat:no-repeat;   background-size: contain; 
background-position: center;}
/*Manufaturing-SubMenu-Pages--CSS--End*/

@media (max-width: 992px) {
    .lp-aaptak-image {display: none;}
     .hero-video-head{padding:0.2rem 1rem;}
    .launch-showcase .col-12.col-lg-6{padding:0px;}
    .hero-video{margin-bottom:1rem;}
}

@media (max-width: 767px) {
 .showcase-heading{font-size:1.25rem;}
 .showcase-heading-tag, .showcase-heading-tag-dark{font-size: 0.85rem;}
 .vertical-tag{display: none;}
 .vertical-content{width: 33.3333%;}
 .solution-banner-subHeading, .key-feature-content li {font-size: 0.85rem;}
 .showcase-banner-wrap-main {padding: 0rem;}
 .vertical-wrap-main {margin-top: 0px;}

 /*Manufacturing*/
 .showcase-banner-wrap-main.indmanufacturing{padding-bottom:0.5rem;}
.pro-tutorial-heading, .key-feature-content-heading{font-size: 1rem;}
.pro-tutorial-label{font-size: 0.85rem; }
.btn-pro-tutorial {font-size: 1rem;line-height: normal;width: 140px;padding: 10px !important;}
.btn-pro-tutorial:before, .btn-pro-tutorial:hover:before{display:none;}
.btn-pro-tutorial span{margin:0px !important;}

/*Manufacturing-SubMenu-Pages--CSS--Start*/
.key-feature-content-heading{font-size: 1rem;}
.solution-banner-heading,.solution-banner-heading.solution-banner-heading-sm {font-size:1.25rem;}
.launch-showcase{margin:0px;}
.launch-showcase .col-12{text-align:center;}
/*.lp-banner-video-wrap iframe{height:200px;}*/
.cta-apps-wrap{text-align:center;}
.btn-cta-apps-viewmore{font-size:0.85rem !important;font-weight:500 !important;}

/*Manufacturing-SubMenu-Pages--CSS--End*/
    }
@media (max-width: 576px) { 
 .vertical-title:after, .arrow-animated{display:none;}
 .showcase-heading{font-size:1.2rem;}
 .showcase-heading-tag{font-size:0.95rem; }
 .vertical-wrap-main{border:0px !important; border-radius:0px; margin-bottom:0px;}
 .vertical-box{padding: 1rem 0.5rem !important;border: 1px solid #f7f7f7!important;}
 .vertical-icon{margin-bottom: 0.3rem !important;}
 .vertical-icon svg{width:45px; height:45px;}
 .vertical-title{font-size: 0.85rem; margin-bottom:0px;padding:0px;color:var(--bs-black);}
}