@font-face {
  font-family: Montserrat-Regular;
  src: url(../font-family/Montserrat-Regular.ttf);
}
@font-face {
  font-family: Montserrat-Italic;
  src: url(../font-family/Montserrat-Italic.ttf);
}
@font-face {
  font-family: Montserrat-BoldItalic;
  src: url(../font-family/Montserrat-BoldItalic.ttf);
}
@font-face {
  font-family: Montserrat-ExtraBoldItalic;
  src: url(../font-family/Montserrat-ExtraBoldItalic.ttf);
}
@font-face {
  font-family: Montserrat-ExtraLight;
  src: url(../font-family/Montserrat-ExtraLight.ttf);
}
html {
  scroll-behavior: smooth;
}

.hidden {
  display: none;
}
.show {
  display: block;
}

.col {
  padding-left: 0px;
  padding-right: 0px;
}
.col-3 {
  padding-left: 0px;
  padding-right: 0px;
}
.row {
  margin-right: 0px;
  margin-left: 0px;
}
hr {
  border: 0;
  border-top: 3px solid;
  padding-block-end: 0%;
}

a {
  color: white;
}
.start {
  background-position-y: center;
  background-image: url(../img/backgroundHeader.png);
  background-size: 100%;
  background-repeat: no-repeat;
  padding-block-end: 8%;
  background-color: #eaeaea;
}

.owl-prev,
.owl-next {
  position: absolute;
  top: 30%;
  transform: translateY(-50%);
  display: block !important;
}

.owl-prev {
  left: -30px;
}
.owl-next {
  right: -30px;
}

.owl-carousel,
.owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    color: #ffffff;
    font-size: 90px ;
}

.startStyle {
  margin-left: 10%;
  margin-right: 10%;
  padding-top: 15%;
}

.pStart {
  color: white;
  font-size: 250%;
  font-family: Montserrat-Regular;
  line-height: 0.6;
}

.testeButton {
  padding-left: 8%;
  padding-right: 8%;
  font-family: Montserrat-Regular;
  color: white;
  background-color: #00c9ff;
  border-radius: 30px;
}

.acess {
  margin-top: -17%;
  color: #ffffff;
  float: right;
}

.monitor {
  height: 500px;
}

.loginButton {
  padding-left: 15%;
  padding-right: 15%;
  color: white;
  background-color: #00c9ff;
  border-radius: 30px;
  font-family: Montserrat-Regular;
}
.searchSuccess {
  background-color: #eaeaea;
  color: #5e5e5e;
  padding-top: 10%;
  padding-left: 15%;
  padding-right: 15%;
}

.titleSearch {
  padding-top: 1%;
  font-family: Montserrat-BoldItalic;
  text-align: center;
}

.textSearch {
  padding-top: 4%;
  font-size: 120%;
  line-height: 1;
  font-family: Montserrat-Italic;
  padding-block-end: 1%;
  text-align: center;
}

legend {
  background-color: #3e2c62;
  border-radius: 60px;
  padding: 1% 1%;
  width: auto;
  padding-left: 5%;
  padding-right: 5%;
}

fieldset {
  border-radius: 30px;
  border-width: 4px;
  border-style: solid;
  border-color: #3e2c62;
  padding-inline-start: 0.5em;
  padding-inline-end: 0.5em;
}

.benefits {
  padding-left: 10%;
  padding-right: 10%;
  background-color: #eaeaea;
  text-align: center;
  padding-block-end: 5%;
}

.benefitsTitle {
  font-size: 180%;
  color: #eaeaea;
  line-height: 1;
  font-family: Montserrat-Regular;
}

.benefitsText {
  padding-top: 2%;
  font-size: 150%;
  color: #5e5e5e;
  line-height: 1;
  font-family: Montserrat-Regular;
}

.boxBenefits {
  height: 300px;
}

.pictureMan {
  background-image: url(../img/pictureMan.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: #eaeaea;
  padding-block-end: 65%;
}

.midleDividor {
  padding-top: 5%;
  padding-block-end: 4%;
  background-color: #00c9ff;
  color: white;
  font-family: Montserrat-BoldItalic;
  font-size: 130%;
  text-align: center;
  align-items: center;
  border-block-end: 100px solid #eaeaea;
}

.segments {
  background-color: #eaeaea;
  color: #5e5e5e;
  padding-top: 10%;
  padding-block-end: 10%;
}

.segmentsHome {
  background-color: #eaeaea;
  color: #5e5e5e;
  padding-top: 10%;
  padding-block-end: 30%;
}

.putBorder {
  padding-top: 15%;
  background-image: url(../img/squadSements.png);
  background-size: 100%;
  background-repeat: no-repeat;
}

.titleSeg {
  padding-top: 1%;
  font-family: Montserrat-BoldItalic;
  text-align: center;
}

.subSegments {
  background-color: #3e2c62;
  border-radius: 60px;
  margin-left: 25%;
  margin-right: 25%;
  font-family: Montserrat-Regular;
}

.subTitleSegments {
  padding-left: 2%;
  padding-right: 2%;
  text-align: center;
  color: #eaeaea;
  margin-block-start: 0em;
  margin-block-end: 0em;
  font-size: 140%;
}

.subLegendSegments {
  padding-left: 2%;
  padding-right: 2%;
  text-align: center;
  color: #eaeaea;
  margin-block-start: 0em;
  margin-block-end: 0em;
  font-size: 70%;
}

.spaceSegments {
  padding-block-end: 5%;
}

.segmentsStyle {
  text-align: center;
  font-size: 120%;
  line-height: 0.1;
  font-family: Montserrat-Regular;
  color: #5e5e5e;
  align-items: center;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 15%;
  padding-right: 15%;
  padding-top: 2%;
}

.effect:hover {
  background-color: #00c9ff;
  border-radius: 60px;
}
.effectTwo:hover {
  background-color: #c0c0c0;
  border-radius: 20px;
}

.modal-content {
  position: relative;
  border-radius: 50%;
  width: 140%;
  height: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  max-height: 655px;
  border-style: solid;
  border-width: 5px;
  border-color: #482366;
  padding: 1%;
  margin-left: -20%;
}

.modal-body {
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  border-color: #482366;
}

.modalTitleForm {
  font-size: 150%;
}
.modalTextForm {
  padding-top: 10%;
  padding-right: 15%;
  padding-left: 15%;
  font-family: Montserrat-Regular;
}

.simpleButton {
  color: #ffffff;
  background-color: #00c9ff;
}

.maginP {
  padding-top: 3%;
}

.testeButton2 {
  padding-left: 5%;
  padding-right: 5%;
  font-family: Montserrat-BoldItalic;
  color: white;
  background-color: #482366;
  border-radius: 30px;
}

.contact {
  background-image: url(../img/backgroundContact.png);
  background-size: 100%;
  background-repeat: no-repeat;
  padding-top: 15%;
  padding-block-end: 10%;
  padding-left: 5%;
  padding-right: 5%;
  margin-top: -27%;
  align-items: center;
  text-align: center;
  line-height: 0.9;
  justify-content: space-around;
}

.titleContact {
  color: white;
  font-family: Montserrat-BoldItalic;
  padding-block-end: 5%;
}

.subTitleContact {
  padding-top: 5%;
  padding-block-end: 2%;
  color: white;
  font-family: Montserrat-Regular;
}

.detailContact {
  padding-left: 15%;
  padding-right: 15%;
  padding-block-end: 5%;
  font-family: Montserrat-Regular;
  color: white;
  font-size: 130%;
}

.border {
  border-radius: 10px;
}

.rowBottonContact {
  padding-top: 5%;
  padding-block-end: 10%;
}

.comunicationMain {
  padding-top: 2%;
  color: white;
  font-family: Montserrat-Italic;
}
.comunicationSub {
  color: white;
  font-family: Montserrat-Regular;
}

.contactButton{
  padding-left: 8%;
  padding-right: 8%;
  font-family: Montserrat-Regular;
  color: white;
  background-color: #00c9ff;
  border-radius: 30px;
}

.sendButton {
  background-color: #00c9ff;
  padding-left: 3%;
  padding-right: 3%;
  font-family: Montserrat-BoldItalic;
  font-size: 150%;
  color: white;
  border-radius: 30px;
}

.preFooter {
  background-color: #3e2c62;
  color: white;
  font-family: Montserrat-Regular;
  padding-top: 1%;
  padding-block-end: 4%;
  padding-left: 20%;
  padding-right: 20%;
}
.logoFooter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.footer {
  padding-top: 3%;
  padding-block-end: 3%;
  padding-left: 20%;
  padding-right: 20%;
  background-color: #00c9ff;
  color: white;
}

.textFooter {
  font-family: Montserrat-BoldItalic;
  text-align: center;
  font-size: 120%;
}

.formFooter {
  font-family: Montserrat-BoldItalic;
  border-radius: 20px 0px 0px 20px;
}

.buttonFooter {
  background-color: #3e2c62;
  border-radius: 0px 20px 20px 0px;
  color: white;
  font-family: Montserrat-BoldItalic;
}

/*-----------------------------------------GESTÃO INTEGRADA & PDV-----------------------------------------*/

.managementStyle {
  color: #5e5e5e;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 2%;
  font-family: Montserrat-Regular;
}

.subTitleManag {
  font-family: Montserrat-ExtraBoldItalic;
  font-size: 140%;
}

.mIconL {
  margin-right: 1%;
}
.mIconR {
  margin-left: 1%;
}
.descManag {
  font-family: Montserrat-Italic;
  line-height: 0.3;
}
.testeButtonThree {
  padding-left: 8%;
  padding-right: 8%;
  font-family: Montserrat-Regular;
  color: white;
  background-color: #00c9ff;
  border-radius: 30px;
}
.alignRightStyle {
  text-align: right;
}

.imgManagementStyle {
  object-fit: cover;
  width: 100%;
}

.idealSeg {
  background-color: #eaeaea;
  color: #5e5e5e;
  padding-block-end: 5%;
  font-family: Montserrat-BoldItalic;
}

.imgIdealSeg {
  padding-block-end: 5%;
}

.pictureWoman {
  background-image: url(../img/pictureWoman.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: #eaeaea;
  padding-block-end: 33%;
  padding-right: 20%;
  padding-left: 20%;
}

.makeTestTitle {
  font-size: 300%;
  font-family: Montserrat-BoldItalic;
  color: white;
  text-align: right;
  line-height: 0.9;
  padding-top: 50%;
}

.makeTestText {
  font-size: 140%;
  font-family: Montserrat-Italic;
  color: white;
  text-align: right;
  line-height: 0.5;
}

.testeButtonTwo {
  padding-left: 8%;
  padding-right: 8%;
  font-family: Montserrat-BoldItalic;
  color: black;
  background-color: white;
  border-radius: 30px;
  float: right;
}

.divisorFooter {
  background-image: url(../img/backgroundContact.png);
  background-size: 100%;
  background-repeat: no-repeat;
  padding-top: 30%;
  margin-top: -27%;
  align-items: center;
  text-align: center;
  line-height: 0.7;
}
/*-----------------------------------------serviços-----------------------------------------*/
.controlServices {
  background-color: #eaeaea;
  color: #5e5e5e;
  padding-top: 10%;
  padding-left: 20%;
  padding-right: 20%;
}

.titleServices {
  padding-top: 5%;
  font-family: Montserrat-ExtraBoldItalic;
  text-align: center;
}

.textServices {
  font-size: 130%;
  text-align: center;
  line-height: 1;
  font-family: Montserrat-Regular;
  padding-top: 3%;
  padding-block-end: 5%;
}

.spaceOrd p {
  margin-bottom: 2rem;
  line-height: 1.2;
}

.subTitleServices {
  font-size: 130%;
}
/*
--------------------------------RESPONSIVE--------------------------------
*/
@media (max-width: 1200px) {
  .pStart {
    color: white;
    font-size: 170%;
    line-height: 0.8;
  }
  .startStyle {
    margin-left: 15%;
    margin-right: 5%;
    padding-top: 15%;
  }
  .acess {
    margin-top: -13%;
  }
  .monitor {
    padding-top: 10%;
    height: 400px;
  }

  .subSegments {
    background-color: #3e2c62;
    border-radius: 60px;
    margin-left: 20%;
    margin-right: 20%;
    font-family: Montserrat-Regular;
  }

  .segmentsStyle {
    text-align: center;
    font-size: 120%;
    line-height: 0.2;
    color: #5e5e5e;
    align-items: center;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 2%;
  }
  .maginP {
    padding-top: 4%;
  }

  .contact {
    padding-top: 35%;
  }

  .formContact {
    margin-left: 20%;
    margin-right: 20%;
  }

  .preFooter {
    background-color: #3e2c62;
    color: white;
    padding-top: 1%;
    padding-block-end: 4%;
    padding-left: 10%;
    padding-right: 10%;
  }

  .footer {
    padding-top: 3%;
    padding-block-end: 3%;
    padding-left: 15%;
    padding-right: 15%;
    background-color: #00c9ff;
    color: white;
  }

  .descManag {
    line-height: 0.3;
    font-size: 90%;
  }
}
/*
--------------------------------RESPONSIVE--------------------------------
*/
@media (max-width: 947px) {
  .pStart {
    color: white;
    font-size: 150%;
    line-height: 0.8;
  }
  .startStyle {
    margin-left: 15%;
    margin-right: 5%;
    padding-top: 15%;
  }
  .acess {
    margin-top: -7%;
    margin-left: -30%;
  }
  .monitor {
    padding-top: 20%;
    height: 300px;
  }

  .segments {
    background-color: #eaeaea;
    color: #5e5e5e;
    padding-top: 15%;
    padding-block-end: 10%;
  }

  .segmentsHome {
    background-color: #eaeaea;
    color: #5e5e5e;
    padding-block-end: 30%;
  }

  .titleSeg {
    text-align: center;
    line-height: 0.1;
    padding-top: 3%;
    padding-block-end: 1%;
  }

  .subSegments {
    background-color: #3e2c62;
    border-radius: 60px;
    margin-left: 15%;
    margin-right: 15%;
    font-family: Montserrat-Regular;
  }

  .segmentsStyle {
    text-align: center;
    font-size: 100%;
    line-height: 0.2;
    color: #5e5e5e;
    align-items: center;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 2%;
  }

  .maginP {
    padding-top: 4%;
  }

  .midleDividor {
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 5%;
    padding-block-end: 4%;
    background-color: #00c9ff;
    color: white;
    font-size: 130%;
    text-align: center;
    align-items: center;
  }

  .searchSuccess {
    background-color: #eaeaea;
    color: #5e5e5e;
    padding-left: 10%;
    padding-right: 10%;
  }
  .textSearch {
    padding-left: 5%;
    padding-right: 5%;
    font-size: 130%;
    line-height: 1;
    padding-block-end: 5%;
  }

  .formContact {
    margin-left: 15%;
    margin-right: 15%;
  }

  .preFooter {
    background-color: #3e2c62;
    color: white;
    padding-top: 1%;
    padding-block-end: 4%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .footer {
    padding-top: 3%;
    padding-block-end: 3%;
    padding-left: 5%;
    padding-right: 5%;
    background-color: #00c9ff;
    color: white;
  }
  /*
Gestão & PDV
*/
  .segmentsStyle p {
    margin-block-start: 0em;
    margin-block-end: 0em;
    text-align: center;
    font-size: 120%;
    line-height: 1;
    color: #5e5e5e;
    align-items: center;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 2%;
  }
  .managementStyle {
    color: #5e5e5e;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 2%;
  }
  .descManag p {
    line-height: 1;
    font-size: 100%;
    margin-block-start: 0em;
    margin-block-end: 0em;
  }
  .descManag {
    padding-block-end: 5%;
  }
  /*
Serviços
*/
  .controlServices {
    background-color: #eaeaea;
    color: #5e5e5e;
    padding-top: 15%;
    padding-left: 1%;
    padding-right: 1%;
  }

  .titleServices {
    padding-top: 5%;
    font-family: Montserrat-ExtraBoldItalic;
    text-align: center;
  }

  .textServices {
    font-size: 120%;
    line-height: 1;
    font-family: Montserrat-Italic;
    padding-top: 3%;
    padding-block-end: 5%;
    text-align: left;
  }
}
/*
--------------------------------RESPONSIVE--------------------------------
*/
@media (max-width: 790px) {
  p {
    margin-block-start: 0em;
    margin-block-end: 0em;
  }

  .start {
    background-image: url();
    background-size: 100%;
    background-repeat: no-repeat;
    padding-block-end: 30%;
    background-color: #482366;
  }
  .pStart {
    color: white;
    font-size: 240%;
    line-height: 0.8;
    text-align: center;
  }
  .startStyle {
    margin-left: 10%;
    margin-right: 10%;
    display: block;
    padding-top: 20%;
  }
  .acess {
    display: none;
  }
  .monitor {
    padding-top: 0%;
    height: 280px;
    margin-top: -80%;
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .owl-prev,
  .owl-next {
  top: 50%;
  }

  .testeButton {
    padding-left: 8%;
    padding-right: 8%;
    color: white;
    background-color: #00c9ff;
    border-radius: 30px;
    margin-top: 90%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .subSegments {
    background-color: #3e2c62;
    border-radius: 60px;
    margin-left: 5%;
    margin-right: 5%;
    font-family: Montserrat-Regular;
  }

  .titleSeg {
    text-align: center;
    line-height: 1;
    padding-top: 8%;
    padding-block-end: 1%;
  }

  .segmentsStyle .col {
    text-align: center;
    font-size: 100%;
    line-height: 0.2;
    color: #5e5e5e;
    align-items: center;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 20%;
    padding-right: 20%;
    padding-top: 2%;
  }

  .modal-content {
    border-radius: 0%;
    width: 140%;
    height: 100vw;
    max-height: 655px;
  }

  .modal-body {
    border-radius: 0%;
  }

  .modalTextForm {
    padding-top: 1%;
    padding-right: 15%;
    padding-left: 15%;
  }

  .maginP {
    padding-top: 4%;
  }

  .contact {
    padding-top: 40%;
  }

  .formContact {
    margin-left: 5%;
    margin-right: 5%;
  }

  .preFooter {
    background-color: #3e2c62;
    color: white;
    padding-top: 1%;
    padding-block-end: 4%;
    padding-left: 1%;
    padding-right: 1%;
  }

  .footer {
    padding-top: 3%;
    padding-block-end: 3%;
    padding-left: 2%;
    padding-right: 2%;
    background-color: #00c9ff;
    color: white;
  }
  /*
Gestão & PDV
*/
  .managementStyle {
    color: #5e5e5e;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 2%;
    display: block;
  }

  .subTitleManag {
    font-size: 140%;
  }
  .descManag {
    line-height: 0.3;
    padding-block-end: 5%;
  }

  .alignRightStyle {
    text-align: left;
  }

  .pictureWoman {
    background-image: url(../img/pictureWoman.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #eaeaea;
    padding-block-end: 40%;
    padding-right: 10%;
    padding-left: 10%;
  }
  .testeButtonTwo {
    padding-left: 8%;
    padding-right: 8%;
    color: black;
    background-color: white;
    border-radius: 30px;
    float: right;
  }

  .makeTestTitle {
    font-size: 160%;
    color: white;
    text-align: right;
    line-height: 1;
    padding-top: 25%;
  }

  .makeTestText {
    font-size: 110%;
    color: white;
    text-align: right;
    line-height: 1;
  }

  .searchSuccess {
    background-color: #eaeaea;
    color: #5e5e5e;
    padding-top: 15%;
    padding-left: 1%;
    padding-right: 1%;
  }
  /*
SERVICES
*/
  .textServices p {
    margin-block-start: 1em;
    margin-block-end: 1em;
  }
}
/*
--------------------------------RESPONSIVE--------------------------------
*/
@media (max-width: 550px) {
  .modal-content {
    border-radius: 0%;
    width: 140%;
    height: 130vw;
    max-height: 655px;
  }

  .modal-body {
    border-radius: 0%;
  }

  .modalTextForm {
    padding-top: 1%;
    padding-right: 10%;
    padding-left: 10%;
  }

  .owl-prev,
  .owl-next {
  top: 30%;
  }
}
/*
--------------------------------RESPONSIVE--------------------------------
*/
@media (max-width: 450px) {
  .start {
    background-image: url();
    background-size: 100%;
    background-repeat: no-repeat;
    padding-block-end: 40%;
    background-color: #482366;
  }
  .pStart {
    color: white;
    font-size: 200%;
    line-height: 0.8;
    text-align: center;
  }
  .startStyle {
    display: block;
    padding-top: 30%;
  }
  .monitor {
    height: 230px;
    margin-top: -95%;
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .subSegments {
    background-color: #3e2c62;
    border-radius: 60px;
    margin-left: 1%;
    margin-right: 1%;
    font-family: Montserrat-Regular;
  }

  .modal-content {
    border-radius: 0%;
    width: 140%;
    height: 200vw;
    max-height: 680px;
  }

  .modal-body {
    border-radius: 0%;
  }

  .modalTextForm {
    padding-top: 1%;
    padding-right: 10%;
    padding-left: 10%;
  }

  .testeButton {
    padding-left: 8%;
    padding-right: 8%;
    color: white;
    background-color: #00c9ff;
    border-radius: 30px;
    margin-top: 90%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .contact {
    padding-top: 50%;
  }

  .footer {
    padding-left: 10%;
    padding-right: 10%;
  }
}

/*Iphone feels*/
@media (max-width: 320px) {
  .startStyle {
    display: block;
    padding-top: 50%;
  }
}