@import url('bootstrap.css');
@import url('owl.carousel.css');
@import url('fonts.css');
@import url('plyr.css');
@import url('footer.css');

body {
    font-family: 'Montserrat', sans-serif;
}
ul {
    margin: 0;
    padding: 0;
}
ul li {
    list-style-type: none;
}

/* respiros */
.gap-123 {
    margin: 123px
}
.gap-123-y {
    margin: 123px 0;
}
.gap-123-x {
    margin: 0 123px
}
.gap-123-top {
    margin-top: 123px;
}
.gap-123-bottom {
    margin-bottom: 123px;
}

.gap-98 {
    margin: 98px
}
.gap-98-y {
    margin: 98px 0;
}
.gap-98-x {
    margin: 0 98px
}
.gap-98-top {
    margin-top: 98px;
}
.gap-98-bottom {
    margin-bottom: 98px;
}

.gap-50 {
    margin: 50px
}
.gap-50-y {
    margin: 50px 0;
}
.gap-50-x {
    margin: 0 50px
}
.gap-50-top {
    margin-top: 50px;
}
.gap-50-bottom {
    margin-bottom: 50px;
}

.gap-24 {
    margin: 24px
}
.gap-24-y {
    margin: 24px 0;
}
.gap-24-x {
    margin: 0 24px
}
.gap-24-top {
    margin-top: 24px;
}
.gap-24-bottom {
    margin-bottom: 24px;
}

/* form-control */
.form-control {
    height: calc(2em + 0.75rem + 2px);
}

/* bnt */
.btn {
    border-radius: 1.5rem;    
    font-weight: 300;
    padding: 0.5rem 1.5rem;
}
.btn-primary {
  color: #fff;
  background-color: #0182CA;
  border-color: #0182CA;
}

.btn-primary:hover {
  color: #fff;
  background-color: #00669c;
  border-color: #00669c;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #00669c;
  border-color: #00669c;
  box-shadow: none !important;
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #2e749a;
  border-color: #2e749a;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #00669c;
  border-color: #00669c;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
   box-shadow: none !important;
}



/* banner wrapper */
.banner_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner_wrapper {
    padding: 0.35rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    min-height: 795px;
    position: relative;
}
.banner_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.banner_content h1,
.banner_content p,
.banner_content a {
  text-align: center;
    color: #ffffff;
} 
.banner_content h1 {
    font-weight: 600;
    font-size: 83px;  
}
.banner_content p {
    font-weight: 300;
    font-size: 23px;
}
.banner_content a {
    min-width: 268px;
    width: auto;
}


/* navbar wrapper */
.navbar_content,
.navbar-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.navbar_wrapper {
    position: absolute;
    width: 100%;
    top: 0;
    padding: 2rem 0;
}
.nav-logo {
    width: 200px;
}
.navbar-links {
    width: 400px;
    padding: 0;
    margin: 0;
    list-style: none;
    font-weight: 300;
}
.navbar-links li a {
    text-decoration: none;
    color: #ffffff;
}

/* vídeo */
.video-wrapper h4  {
    font-weight: 700;
}
.video-wrapper #player{
    border-radius: 2.5rem;
    overflow: hidden;
}

/* conteúdo */
.produto-wrapper h4,
.produto-wrapper p {
    margin: 0;
}
.list_content {
    list-style: none;
    margin: 0;
    padding: 0.8rem;
}
.list_content li {
    margin-bottom: 0.75rem;
}
.list_content li i {
    color:#0182CA;
}

/* porquê dazsoft */
.porque-dazsoft-wrapper img {   
    width: 20%;
}
.porque-dazsoft-wrapper p {
    font-size: 15px;
}

/* form wrapper */
.form-wrapper .ajust-form-content {
    align-items: start;
    justify-content: space-between;
}
.form-wrapper {
    background-color: #EBEBED;
    padding: 123px 0;
}
.form-wrapper h1 {
    font-weight: 700;
    font-size: 45px;
    color: #0182CA;
    line-height: 3.5rem;
    word-wrap: break-word;
}
.form-wrapper p {
    font-size: 21px;
    font-weight: 300;
    color: #12120E;
    word-wrap: break-word;
}
.form-wrapper label {
    font-weight: 600;
    font-size: 14px;
    color: #12120E;
    padding-left: 1.3rem;
}
.form-wrapper label:hover{
    cursor: pointer;
}
.form-wrapper label span {
    color: #0182CA;
}
.form-wrapper .form-control {
    border-radius: 2rem;
    border: 1px solid #FFFFFF;
    padding: 0.8rem 1rem;
}


/* modal */
.modal-content {
    border-radius: 1.5rem;
}

.mobile-trigger {
    color: #ffff;
    font-size: 24px;
}

/* MOBILE MENU */
.mobile-menu-wrapper {
    background-color: #0182CA   ;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    transform: translate(-100%);
    transition: all 0.5s ease-in-out;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    min-height: 100vh;
}
.mobile-body{
    margin: 1rem 5rem;
}
.mobile-head {
    margin: 1rem     5rem;
}
/* head */
.mobile-head .mobile-head-content {
    display: flex;
    justify-content: end;
    align-items: center;
}
.mobile-head .mobile-head-content img {
    width: 30%;
}
.mobile-head .mobile-head-content i {
    color: #fff;
    font-size: 1.5rem;
    cursor: pointer;
}
/* body */
.mobile-body .mobile-body-content .body-top .logo-mobile-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
}
.logo-mobile-wrapper img {
    width: 295px;
}
.mobile-body .mobile-body-content .body-top .logo-mobile-wrapper a h1,
.mobile-body .mobile-body-content .body-top .logo-mobile-wrapper a h2 {
    color: var(--color-primary);
    text-align: center;
    margin: 0;
}
.mobile-body .mobile-body-content .body-top .logo-mobile-wrapper a h1 {
    font-weight: 800;
    font-size: 1.2rem;
}
.mobile-body .mobile-body-content .body-top .logo-mobile-wrapper a h2 {
    font-size: 0.9rem;
}
.mobile-body .mobile-body-content .body-top .contact-wrapper {
    margin-bottom: 1.5rem;
}
.contact-wrapper ul li a:hover {
    text-decoration: none;
}
.body-down {
    border-radius: 1rem;
    height: 100%;
    min-height: 80px;
}
.body-down ul li {
    text-align: left;
    font-size: 13px;
}
.body-down .icones {
    filter: contrast(0.5);
}